/* IMPORT 12 COLUMN RESPONSIVE GS */
/*@import url('responsive.gs.12col-min.css');*/
/*	12 COLUMN : RESPONSIVE GRID SYSTEM
        DEVELOPER : DENIS LEBLANC
        URL : http://responsive.gs
        VERSION : 3.0
        LICENSE : GPL & MIT */


.Lazyloading-ProgressBar{
    float: left;
    height: 100px;
}
@media screen and (max-width: 991px) {
  .Lazyloading-ProgressBar{
    clear: both;
    float: none !important;
    height: 100px;
}
}
.Lazyloading-ProgressBar .spinner{
    position: relative;
    right: 0;
    top: 0;
}
.Lazyloading-ProgressBar .spinner>div{
    background-color: #00a3cc;
}
/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*    *behavior: url(/scripts/boxsizing.htc); */
    /*	If you need support for IE7 and lower make 
            sure the boxsizing.htc file is linked properly.
            More info here:  https://github.com/Schepp/box-sizing-polyfill */
}


/*	MAIN CONTAINER 
        Set the width to whatever you want the width of your site to be. */
.container { 
    margin: 0 auto; 
}



/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,
.row:after, 
.col:after, 
.clr:after, 
.group:after { 
    content: ""; 
    display: table; 
    clear: both; 
}

/* 	DEFAULT ROW STYLES 
        Set bottom padding according to preference */
.row { padding-bottom: 0em;
}


/* DEFAULT COLUMN STYLES */
.col { 
    display: block;
    float: left;
    width: 100%;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.04);
    padding: 6px;
    height: auto;
    background: #FFF;
}
.row.gutters{
    padding: 12px;
    padding-top: 0px;
    padding-bottom: 12px;
}
.gutters .col {
    margin-left: 1%;
}
.gutters .col:first-child { 
    margin-left: 0; 
}
.span_1 { width: 8.33333333333%; }
.span_2 { width: 16.6666666667%; }
.span_3 { width: 25%; }
.span_4 { width: 33.3333333333%; }
.span_5 { width: 41.6666666667%; }
.span_6 { width: 50%; }
.span_7 { width: 58.3333333333%; }
.span_8 { width: 66.6666666667%; }
.span_9 { width: 75%; }
.span_10 { width: 83.3333333333%; }
.span_11 { width: 91.6666666667%; }
.span_12 { width: 100%; }
.span_13 { width:22%; }
.span_14 { width:19.5%; }
.span_20{ width:31.35%;}
.span_15 { width: 47%;margin-left: 17px !important; }
.gutters .span_1 { width: 6.5%; }
.gutters .span_2 { width: 15.0%; }
.gutters .span_3 { width: 23.5%; }
.gutters .span_4 { width: 32.6%; }
.gutters .span_5 { width: 40.5%; }
.gutters .span_6 { width: 49.0%; }
.gutters .span_7 { width: 57.5%; }
.gutters .span_8 { width: 66.0%; }
.gutters .span_9 { width: 74.5%; }
.gutters .span_10 { width: 83.0%; }
.gutters .span_11 { width: 91.5%; }
.gutters .span_12 { width: 100%; }
@-moz-document url-prefix() { 
  .headerSelect .ui-selectonemenu-label {
    padding-top: 3px !important;
}
.ui-selectonemenu.headerSelect .ui-selectonemenu-trigger .ui-icon {
    margin-top: 2px !important;
}
}
.slideElementCrop{
    width: 980px !important;
    height: 310px !important;
}
.customPage .superheader-settings table{
    background: none !important; 
    background-color: transparent !important;
}
.customPage .superheader-settings table td{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.customPage table{
    padding: 0 !important;
    padding-top: 0px !important;
    clear: both !important;
    box-shadow: none !important;
    height: auto !important;
    background: #FFF !important;
    width: 100% !important;
    margin: auto !important;
    background-color: rgb(255, 255, 255) !important;
}
.polandProductBox .ProductRow {
    height: 40px;
    margin-top: 5px;
}
.polandProductBox .focusBar {
    width: 90px;
    top: -38px;
    position: relative;
    padding: 0;
    float: right;
    height: 100% !important;
    background: #989898 !important;
}
.polandProductBox .MnemoFocus {
    width: 89%;
    float: left;
    font-size: 9px!important;
    color: #989898!important;
    line-height: 2.3;
    background: #FFFFFF;
    border-radius: 2px;
    display: block;
    margin: auto;
    text-align: center;
    padding-top: 0px;
    margin-left: 5px;
    margin-top: 4px;
}
.polandProductBox .ISINFocus {
    float: left;
    font-size: 11px;
    padding: 4px;
    width: 100%;
    display: block;
    white-space: nowrap!important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    margin-top: -2px;
    color: #fff;
    text-align: center;
}
.row.polandProductBox {
    margin-top: 16px;
}
.customPage table tr {
    border-color: #FFF !important;
}
.customPage table td {
    border: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 7px !important;
    padding-right: 0 !important;
    border-top: 1px solid #BFBFBF !important;
    border-bottom: 1px solid #BFBFBF !important;
    border-left: 1px dashed #BFBFBF !important;
    border-right: 1px dashed #BFBFBF !important;
    min-width: initial !important;
    width: initial;
}
.customPage table thead th {
    background: #1C78AE !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-size: 12px !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border: 0px solid #A8A8A8 !important;
    padding-top: 2px;
    padding-bottom: 2px;
    padding: 5px 6px;
}
.ETFFinderDataTableBTN{
    display: block;
    width: 61px;
    height: 20px;
    background: url('../images/ETFFinderPDF_ico.png') 0px 0px no-repeat !important;
    margin: auto;
}
.col.span_12.GometRow1 {
    height: 137px;
    max-height: 137px;
}
.PDFButtonText {
    display: block !important;
    width: 100%;
    height: 35px;
    float: left;
    background: #EF3B24;
    font-size: 14px !important;
    text-align: center;
    color: #fff !important;
    padding: 6px !important;
}
.grapheType{
    position: relative;
    float: left;
    margin-bottom: 0px;
    padding: 0;
    padding-left: 0;
}
.grapheType .ui-selectonebutton {
    margin: 0;
    padding: 0;
}
.grapheType .ui-buttonset .ui-button {
   margin-left: 0;
    margin-right: 0;
    width: 210px;
    min-width: 155px;
    padding: 9px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0;
    text-align: left !important;
    box-shadow: none;
    text-shadow: none;
    font-weight: normal !important;
    color: #858484;
    font-size: 13px;
    background: none !important;
    border: none;
    width: auto;
}
.grapheType .ui-buttonset .ui-button.ui-state-active{
/*    background: #484970;*/
    border: 1px solid #eee;
    width: auto;
}
.grapheType .ui-buttonset .ui-button.ui-state-active:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #DA1971 transparent transparent transparent;
    float: left;
    _border-color: #DA1971 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    left: 0px;
    top: 0px;
    position: absolute;
}
.grapheType .ui-buttonset .ui-button.ui-state-active span{
    color: #333;
    font-size: 14px
}
.grapheType .ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-family: HelveticaNeueLTStd-Roman !important;
}
.grapheType .ui-selectoneradio.ui-widget td {
    border: 0 none;
    display: inline-flex;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
.grapheType .ui-selectoneradio label{
    margin-top: 0;
}

td.GrapheColumn1 {
    padding: 0px;
    display: block;
    width: 45px;
    height: 27px;
    background: #ED5936;
    color: #fff;
    padding: 5px;
    border: 0;
}
.SelectyourProfile .ui-panel-content{
    padding: 0 !important;
}
.mejs-overlay-error{
    display: none !important;
}
.animatedCircle {
    -webkit-animation:spin 47s linear infinite;
    -moz-animation:spin 47s linear infinite;
    animation:spin 47s linear infinite;
}
.closeIcon{
    background: none !important;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

.animatedCircle2 {
    -webkit-animation:spinCircle2 47s linear infinite;
    -moz-animation:spinCircle2 47s linear infinite;
    animation:spinCircle2 47s linear infinite;
}
@-moz-keyframes spinCircle2 { 100% { -moz-transform: rotate(720deg); } }
@-webkit-keyframes spinCircle2 { 100% { -webkit-transform: rotate(720deg); } }
@keyframes spinCircle2 { 100% { -webkit-transform: rotate(720deg); transform:rotate(720deg); } }

.cookiesBar{
        color: #FFFFFF !important;
    background: rgba(59, 67, 107, 0.9) !important;
    border: none !important;
    z-index: 333333333 !important;
    text-align: center !important;
    width: 100% ! important;
    height: auto !important;
    height: auto !important;
}
.cookiesWrapper{
    font-size: 14px;
    max-width: 980px;
    margin: auto;
    text-align: left;
        font-family: HelveticaNeueLTStd-LT !important;
}
.closecookies{
    float: right !important;
    border: none !important;
    background: linear-gradient(#FFFFFF, #D8D8D8) !important;
}
.cookiesWrapper span {
    font-size: 14px !important;
    text-align: left !important;
}
.cookiesWrapper a.ui-link.ui-widget {
    font-size: 15px !important;
    color: #fff;
}
.cookiesBar button {
    background: none !important;
    box-shadow: none;
    margin-top: 8px;
    border-radius: 3px;
    background: url('../images/clonenotfication.png') 0 0 no-repeat !important;
    background-size: 100% !important;
    -webkit-background-size: 100% !important;
    -moz-background-size: cover 100% !important;
    -o-background-size: cover !important;
    width: 18px;
    height: 21px;
}

.video{
    max-width: 980px !important;
    position: fixed;
    padding: 10px;
    z-index: 333334 !important;
    height: auto !important;
    box-shadow: none;
    background: none;
    border: 0;

}
.videoie8{
    max-width: 980px !important;
    position: fixed;
    padding: 10px;
    z-index: 333334 !important;
    height: auto !important;
    box-shadow: none;
    background: none;
    border: 0;
}
.closevideo {
    float: right;
    z-index: 333333333333333;
    top: -59px;
    left: 0px;
    background: none;
    border-radius: 0;
    box-shadow: none;
    padding: 7px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    border: 1px solid #ffffff !important;
    position: relative;
}
.overlayPOPUP{
   display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #484970 url("../images/ui-bg_flat_0_2d5972_40x100.png") 50% 50% repeat-x !important;
    opacity: 0.8 !important;
    filter: Alpha(Opacity=80) !important;
    z-index: 33334 !important;
    position: fixed; 
}
.privacyTable {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-collapse:collapse;
    width:90%;
    border-spacing: 2px;
    border-color: #A9A9A9 !important;
}
.privacyTable th{
    background: #1C78AE !important;
    color: #FFF !important;
    text-align: left !important;
    font-size: 12px;
    border-color: #A9A9A9 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-weight: 100 !important;
}
.privacyTable td {
    border:1px solid ;
    border-color: #A9A9A9 !important;
    text-align: left;
}
.topPartPageDividendi{
    background: url('../images/dividendi.jpg') 0 0 no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}
.ui-widget.dividendiLinks {
    font-weight: normal;
    padding: 4px;
   color: #595959 !important;
    padding-left: 0;
    margin-top: 0px !important;
    font-family: HelveticaNeueLTStd-Roman !important;
}

.dividendiLinks:hover{
    text-decoration: underline !important;
}
.dividendiLinksdate{
    font-weight: normal;
    padding: 4px;
    color: #595959 !important;
    text-decoration: none !important;
}

.titredivi {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
    font-family: HelveticaNeueLTStd-Roman !important;
    font-size: 21px;
}
.privacyTable th, .privacyTable td{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.riskDegreeGomets1{
    background: url('../images/risk1.jpg') center center no-repeat !important;
    width: 100% !important;
    height: 211px !important;
    margin-left: 4px;
    cursor: default !important;
}
.riskDegreeGomets2{
    background: url('../images/risk2.jpg') center center no-repeat !important;
    width: 100% !important;
    height: 211px !important;
    margin-left: 4px;
    cursor: default !important;
}
.riskDegreeGomets3{
    background: url('../images/risk3.jpg') center center no-repeat !important;
    width: 100% !important;
    height: 211px !important;
    margin-left: 4px;
    cursor: default !important;
}
.riskDegreeGomets4{
    background: url('../images/risk4.jpg') center center no-repeat !important;
    width: 100% !important;
    height: 211px !important;
    margin-left: 4px;
    cursor: default !important;
}
.riskDegreeGomets5{
    background: url('../images/risk5.jpg') center center no-repeat !important;
    width: 100% !important;
    height: 211px !important;
    margin-left: 4px;
    cursor: default !important;
}
.riskDegreeGomets6{
    background: url('../images/risk6.jpg') center center no-repeat !important;
    width: 100% !important;
    height: 211px !important;
    margin-left: 4px;
    cursor: default !important;
}
.riskDegreeGomets7{
    background: url('../images/risk7.jpg') center center no-repeat !important;
    width: 100% !important;
    height: 211px !important;
    margin-left: 4px;
    cursor: default !important;
}
.privacyUK .topPartPage {
    background: #FFFFFF !important;
}
.privacyUK .interneNavigation {
    padding-left: 15px !important;
    padding-right: 16px !important;
    padding-top: 14px !important;
    color: #333 !important;
}
.privacyUK .interneNavigation .NoticeContent li a {
    color: #848484 !important;
}
.keyrisks .topPartPage {
    height: 498px !important;
    background: #FFFFFF !important;
}
.keyrisks .interneNavigation {
    padding-top: 20px !important;
}

.DEUcontainer{
    padding: 23px;
    padding-top: 32px;
}
.DEUcontainer p{
    font-size: 23px;
    font-weight: 100;
    color: #828282;
}
.DEUleft{
    width: 63%;
    float: left;
    font-size: 13px;
    margin-top: 56px;
    padding-left: 2px;
}
.DEUleft span{
    font-size: 21px;
    font-weight: normal;
}
.DEUleft ul{
    font-size: 21px;
    margin-top: 20px;
    padding-left: 20px;
}
.DEUleft li{
    color: #828282;
    font-weight: inherit;
    margin-bottom: 15px;
}
.logobank{
    width: 37%;
    float: right;
    padding: 30px;
}
.ETFEssentialElement:hover .ETFProductLink{
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.ETFEssentialElement .ETFProductLink{
    border-radius: 0 !important;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 33;
    cursor: pointer;
    font-size: 17px;
    background: #f0eeee;
    font-weight: normal;
    text-align: center;
    line-height: 6 !important;
    color: #dc2174;
    text-decoration: none;
    top: 0px;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    px: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}
.ETFProductLink.field1{
    background: #0e9fc6 ;
}
.ETFProductLink.field2{
    background: #0e9fc6 ;
}
.ETFProductLink.field3{
    background: #0e9fc6 ;
}
.ETFProductLink.field4{
    background: #0e9fc6 ;
}
.ETFProductLink.field5{
    background: #0e9fc6 ;
}
.ETFProductLink.field6{
    background: #0e9fc6 ;

}
.ETFProductLink.field7{
    background: #0e9fc6 ;
}
.ETFProductLink.field8{
    background: #3c4368 ;
}
.ETFProductLink.field9{
    background: #3c4368 ;

}
.ETFProductLink.field10{
    background: #3c4368 ;

}
.ETFProductLink.field11{
    background: #8ec5e0 ;
}
.ETFProductLink.field12{
    background: #8ec5e0 ;
}
.ETFProductLink.field13{
    background: #83AB26 ;
}
.ETFProductLink.field14{
    background: #e50046 ;
}
.ETFProductLink.field15{
    background: #e50046 ;
}
.field {  
    font-size: 11px;
    display: table;
    cursor: pointer;
    position: absolute;
    text-align: center !important;
    color: #fff;
    border-radius: 100% !important;
}
.EssentialsPopUpVideo.AvailableSoon {
    width: 350px !important;
    left: 50% !important;
    top: 35% !important;
    z-index: 333334 !important;
    margin-left: -125px;
    box-shadow: none;
    border-radius: 0;
    border: 0;
}
.EssentialsPopUpVideo.AvailableSoon .ui-dialog-titlebar {
    display: block;
    width: 31px;
    height: 31px;
    padding: 0px !important;
    position: absolute;
    left: 91%;
    background: #fff !important;
    z-index: 3;
}
.EssentialsPopUpVideo:hover .ui-dialog-titlebar {
    display: block;
}
.EssentialsDataTableContainer .span_4{
    width: 32%;
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 12px;
    min-height: 85px !important;
    position: relative;
}

.EssentialsPopUpVideo .ui-dialog-titlebar .ui-dialog-title{
    display: none;
}
.EssentialsPopUpVideo .ui-dialog-titlebar .ui-dialog-titlebar-icon{
    background: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 6px !important;
    margin-top: 12px;
    margin-right: 13px;
    border: 1px solid #ffffff !important;
    position: relative;
}
.EssentialsPopUpVideo .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
    background: url(/resources/img/lyxor-all-icons.png) no-repeat -318px -10px !important;
    width: 11px;
    height: 11px;
}
.EssentialsPopUpVideo .ui-dialog-content {
    padding: 0px !important;
}
.EssentialsPopUpVideo .VideoContainer{
    margin-top: 0 !important;
}
.PDFPopUP.EssentialsPopUpVideo{
    max-width: 980px;
    z-index: 333334 !important;
    height: auto !important;
    box-shadow: none;
    padding: 0;
    background: none;
    border: 0;
}
.AvailableSoon .ui-icon-closethick{
    background-position: -97px -126px !important;
}
.AvailableSoon .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    position: relative;
    top: 0px !important;
    left: 2px !important;
    height: 100%;
    border: 1px solid #dc2174 !important;
}
.mejs-container {
    width: 100% !important;
    height: 280px;
}
.PlayVideoBTN{
    width: 260px;
    height: 46px;
    display: block;
    margin-top: -19px;
    background: #74addb;
    background-image: url('../images/essentialsPlayButton.png');
    background-position: 100% 0px;
    background-repeat: no-repeat;
    box-shadow: none;
    border: none;
    margin-right: 10px;
    border-radius: 0;
    float: right;
}
.PlayVideoBTN:hover{
    background: #fff !important;
    background-image: url('../images/essentialsPlayButtonHover.png') !important;
    background-position: 100% 0px !important;
    background-repeat: no-repeat !important;
}
.PlayVideoBTN:hover span{
    color:#74addb !important
}
.PlayVideoBTN .ui-button-text{
    text-align: right;
    color: #fff;
    font-size: 22px;
    text-shadow: none;
    font-weight: normal;
    padding-right: 60px;
}
.langSelect label.ui-selectonemenu-label{
    width: 100% !important;
    height: 100%;
    font-size: 12px !important;
    font-weight: normal;
    padding-top: 5px;
    background: #0073CF;
    color: #ffffff !important;
    text-shadow: none;
    box-shadow: none !important;
}
.languageselect.menu{
    width: auto !important;
}

.headerSelectPanel.profileSelect.langSelectPanel{
    width: 35px !important;
    margin-top: 3px;
}
.headerSelect.langSelect .ui-selectonemenu-trigger .ui-icon{
    background-image: url('../images/myicon.png') !important;
    margin-top: 5px !important;
}
.TopPageContainer.SliderDisclaimer{
    height: auto;
    z-index: 0;
    background-color: #FFFFFF;
    box-shadow: none;
    padding-top: 13px;
    padding-bottom: 14px;
    border: none;
    border-radius: 0;
}
.SliderDisclaimer p{
    width: 980px;
    margin: auto;
    padding-top: 0px;
    display: initial;
}

.SliderDisclaimer a {
    margin-left: 3px;
    text-align: left;
    padding-top: 0px;
    color: #0073CF !important;
    margin-top: 11px;
    border-bottom: 1px solid #0073CF;
}
.SliderDisclaimer .container{
    font-size: 12px !important;
}
.LogoContainer{
    float: left;
    height: 82px;
    margin-left: 2.91875%;
    margin-top: 17px;
    clear: none;
    width: 158px;
    position: relative;
    left: 0px;
    top: -10px;
    display: block;
    margin-right: 42px;
}
.creditListe.contactITListe{
    font-size: 13px !important; 
}
.DisclaimerContentmaxheight{
    height: 1024px;
    float: left;
}
.DisclaimerRightSide .mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
    min-height: 472px;
    max-height: 100%;
}
.imgarrow{
    display: block;
    width: 10px;
    height: 10px;
    background: url('../images/arrowdoc.png') no-repeat 0 0;
    background-size: 100%;
    float: left;
    margin-left: 7px;
    margin-right: 6px;
    margin-top: 1px;
}
.SkipBTN{
    position: absolute;
    bottom: 34px;
    right: 475px;
    display: none;
    height: 50px;
    width: 157px;
    border: none;
    text-align: left;
    padding-left: 15px;
    font-size: 13px;
    border-radius: 0 !important;
    opacity: 0.4;
    background: url('../images/SkipBG.png') 0 0 no-repeat !important;
    cursor: pointer;
}

.sliderWrapper.EssentialSlider {
    height: 485px;
    margin-top: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    padding-top: 22px;
    background: none !important; 
}
.field span{
    display: table-cell;
    vertical-align: middle;
    font-family: HelveticaNeueLTStd-Lt !important;
    font-size: 13px;
}
.booksPanel{
    padding: 6px;
    background: #FFF;
    margin-top: 35px;
}
.col.span_6.booksContainer {
    height: 274px;
    box-shadow: none;
    padding: 0;
    width: 49%;
}
.booksPanel .span_3{
    width: 30%;
    height: 393px;
    padding: 0;
    box-shadow: none;
}
.booksApercu{
    width: 100%;
    height: 100%;
    display: block;
}

.bookstitle{
    width: 241px;
    padding-top: 2px;
    height: 220px;
    position: relative;
    top: -249px;
    margin: auto;
}
.bookstitle h3{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    margin-top: 67px !important;
    text-align: center;
    min-height: 54px;
    width: 239px;
    margin: auto;
    background-color: rgba(0, 115, 207, 0.6);
}
.EssentialMoreDetail{
    float: left;
    width: 100%;
    height: 86px;
    margin-top: 33px;
    background-color: #FFFFFF;
}
.EssentialMoreDetail span{
    font-size: 15px;
    display: block;
    width: 487px;
    padding-top: 26px;
    color: #747474;
    float: left;
    font-weight: normal;
    position: relative;
}
.EssentialMoreDetail .logo{
    width: 250px;
    height: 68px;
    padding-top: 0;
    background: url('../images/TrackInsight.png') 0 0 no-repeat !important;
}
.bookstitle .button {
    min-width: 101px;
    max-width: 110px;
    display: block;
    margin: 1em;
    padding: 1em 2em;
    background: #0073CF;
    color: #FFFFFF !important;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    border: 2px solid #0073CF;
    height: 32px;
    text-align: center;
    margin-left: 0;
    line-height: 0.7;
    margin: auto !important;
    font-size: 11px;
    margin-top: 17px !important;
    padding-left: 0;
    padding-right: 0;
}
.etfsTable.EssentialsDataTable{
    background: none !important;
}
.EssentialsDataTable thead{
    display: none;
}
.EssentialsDataTable .Name{
    width: 350px;
    background: #fff !important;
    padding-left: 31px !important;
}
.EssentialsDataTable .Mnemo{
    height: 50px;
    width: 50px;
    overflow: visible;
    border: none !important;
}
.EssentialsDataTable .Mnemo a{
    display: inline-block !important;
    line-height: 4.5;
    text-align: center;
    width: 50px !important;
    height: 50px;
    background: #6A96C2;
    color: #fff !important;
    border-radius: 100%;
    max-width: 50px;
    margin: auto;
    margin-left: 31px;
    z-index: 3333333333333333333;
    padding-left: 0 !important;
}
.EssentialsDataTable .Isin{
    width: 80px;
    background: #fff !important;
}
.EssentialsDataTable .Benchmark{
    width: 100px;
    background: #fff !important;
}
.EssentialsDataTableContainer .mCSB_scrollTools {
    left: initial !important;
}

.etfsTable.EssentialsDataTable tr:hover {
    background: none !important;
}
.etfsTable.EssentialsDataTable tr:hover .Name{
    background: #E4EEF7 !important;
}
.etfsTable.EssentialsDataTable tr:hover .Isin{
    background: #E4EEF7 !important;
}
.etfsTable.EssentialsDataTable tr:hover .Benchmark{
    background: #E4EEF7 !important;
}
.etfsTable.EssentialsDataTable thead th {
    background: none !important;
    padding: 18px 7px;
}
.etfsTable.EssentialsDataTable tr {
    border-color: #ECECEC !important;
    background: none !important;
    border-bottom: 7px solid #F4F4F4 !important;
    border-left: none;
    border-right: none;
    border-top: none;

}
.etfsTable.EssentialsDataTable tbody td{
    background: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.etfsTable.EssentialsDataTable tbody{
    background: none;
    border: none;
}

.EssentialMoreDetail .button {
    display: block;
    margin: 1em;
    padding: 1em 2em;
    background: none;
    color: #0073CF !important;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    border: 2px solid #0073CF;
    height: 27px;
    text-align: center;
    line-height: 0;
    margin-left: 0;
    float: right;
    margin-top: 21px;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
    color: #37474f;
    border-color: #37474f;
}
.bg-2 .button {
    color: #ECEFF1;
    border-color: #ECEFF1;
}
.bg-3 .button {
    color: #fff;
    border-color: #fff;
}

/* Sizes */
.button--size-s {
    font-size: 14px;
}
.button--size-m {
    font-size: 16px;
}
.button--size-l {
    font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
    letter-spacing: 2px;
    text-transform: uppercase;
}
.button--text-thin {
    font-weight: 300;
}
.button--text-medium {
    font-weight: 500;
}
.button--text-thick {
    font-weight: 600;
}
.button--round-s {
    border-radius: 5px;
}
.button--round-m {
    border-radius: 15px;
}
.button--round-l {
    border-radius: 40px;
}

/* Borders */
.button--border-thin {
    border: 1px solid;
}
.button--border-medium {
    border: 2px solid;
}
.button--border-thick {
    border: 3px solid;
}
/* Wapasha */
.button.button--wapasha {
    background: #0073CF;
    color: #fff !important;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.button--wapasha.button--inverted {
    background: #fff;
    color: #37474f;
}
.button--wapasha::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: inherit;
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--wapasha.button--inverted::before {
    border-color: #7986cb;
}
.button--wapasha:hover {
    background-color: #fff;
    color: #0073CF !important;
}
.button--wapasha.button--inverted:hover {
    background-color: #37474f;
    color: #7986cb;
}
.button--wapasha:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}



/* Wayra */
.button--wayra {
    overflow: hidden;
    width: 245px;
    -webkit-transition: border-color 0.3s, color 0.3s;
    transition: border-color 0.3s, color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #37474f;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button--wayra:hover {
    color: #0073CF !important;
    border-color: #fff;
    background: #fff !important;
}
.button--wayra.button--inverted:hover {
    color: #3f51b5;
    border-color: #fff;
}
.button--wayra:hover::before {
    opacity: 1;
    background-color: #fff;

    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra.button--inverted:hover::before {
    background-color: #fff;
}



.bookstitle .button:focus {
    outline: none;
}

.bookstitle .button > span {
    vertical-align: middle;
}


.Product-Name.EssentialName{
    font-size: 15px !important;
    width: auto;
    text-align: left;
    padding-left: 10px;
    padding-right: 7px;
    max-width: 242px;
    display: table-cell;
    vertical-align: middle;
    color: #292929 !important;
}
.EssentialPopUp .item{
    text-align: left;
    padding-left: 12px;
    border-top: 1px solid #bebebe;
    font-size: 13px !important;
    color: #6A96C2;
    box-shadow: none;
}
.popUpLink{
    display: block;
    font-size: 12px !important;
    padding: 0px;
    color: #aba9a9 !important;
    box-shadow: none;
    width: 100%;
    float: left;
    padding-left: 0px;
    padding-top: 6px;
}
.popUpLink:hover{
    text-decoration: underline;
}
.Product-Name.FinderETFNameContainer.EssentialName{
        font-size: 18px !important;
    font-family: HelveticaNeueLTStd-Lt !important;
}
.EssentialPopUp .mnemo{
    display: table-cell;
    float: left;
    font-size: 13px;
    width: 63px;
    height: 63px;
    padding-top: 24px;
    padding-bottom: 25px;
    text-align: center;
    color: #fff !important;
    vertical-align: middle;
}
.EssentialPopUp{
    width: 302px;
    top: 101px !important;
    left: 52px !important;
    height: auto;
    border: 1px solid #fff !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden;
    background-color: #fff !important;
}
.EssentialPopUp .col{
    background: none !important;
}
.EssentialPopUp .ui-overlaypanel-content{
    padding: 0;
    height: 100%;
    position: relative;
    display: block;
    float: left;
}
.EssentialPopUp .bottomDiv{
    position: relative;
    width: 100%;
    background: #FAFAFA;
    color: #fff;
    height: 37px;
    float: left;
}
.ExpandBTN{
    display: block;
    width: 100%;
    float: right;
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #f7f7f7;
    font-size: 12px !important;
    color: #757474 !important;
    margin-top: 9px;
}
.ExpandBTN .icon{
    width: 11px !important;
    height: 5px;
    background: url('../images/essentialIcon.png') -67px -15px no-repeat !important;
    float: right;

}
.expandableDiv{
    float: left;
    padding: 15px;
    font-size: 12px;
    background: #F7F7F7;
    width: 100%;
}
.ExpandBTN a{
    vertical-align: middle;
    font-size: 12px !important;
    color: #A9A9A9;
    top: 2px;
    position: relative;
}
.EssentialPopUp .bottomDiv .Link{
    color: #fff;
    font-size: 11px;
    height: 100%;
    display: block;
    float: left;
    padding-top: 12px;
    padding-left: 9px;
    background: #0073cf;
    padding-right: 12px;
}
.EssentialPopUp .LeftSide{
    box-shadow: none;
    font-size: 12px;
    text-align: right;
    border-left: 0;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    color: #807f7f;
}
.EssentialPopUp .LeftSide span{
    display: block;
    text-align: left;
    float: left;
    padding-right: 3px;
}

.TagLineSubContainer{
    color: #fff !important;
    padding: 10px;
    padding-bottom: 29px;
    float: right;
}
.TagLine h1{
    font-size: 50px;
    color: #fff;
    text-align: left;
    width: 100%;
    display: block;
    float: left;
}
.TagLine h2{
    font-size: 30px;
    color: #fff !important;
    width: 100%;
    float: left;
    padding-bottom: 25px;
}
.TagLine p{
    font-size: 15px;
    text-align: left;
    color: #fff !important;
    width: 100%;
    float: left;
}
.EssentialsDataTableContainer .mnemo1{
    color:#6a96c2 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo2{
    color:#6a96c2 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo3{
    color:#6a96c2 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo4{
    color:#6a96c2 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo5{
    color:#0e9fc6 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo6{
    color:#0e9fc6 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo7{
    color:#0e9fc6 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo8{
    color:#0e9fc6 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo9{
    color:#0e9fc6 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo10{
    color:#0e9fc6 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo11{
    color:#3c4368 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo12{
    color:#3c4368 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo13{
    color:#e50046 !important;
    font-size: 12px !important;
    height: auto !important;
}
.EssentialsDataTableContainer .mnemo14{
    color:#e50046 !important;
    font-size: 12px !important;
    height: auto !important;
}
.field1{
    width: 80px;
    height: 80px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.field2{
    width: 60px;
    height: 60px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.field3{
    width: 60px;
    height: 60px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.field4{
    width: 60px;
    height: 60px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.field5{
    width: 80px;
    height: 80px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.field6{
    width: 60px;
    height: 60px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.field7{
    width: 80px;
    height: 80px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.field8{
    width: 50px;
    height: 50px;
    background: #3c4368 ;
    border-radius: 100%;
}
.field9{
    width: 60px;
    height: 60px;
    background: #3c4368 ;
    border-radius: 100%;
}
.field10{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #8ec5e0 ;

}
.field11{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #8ec5e0 ;
}
.field12{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #8ec5e0 ;
}
.field13{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #83AB26 ;
}
.field14{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #e50046 ;
}
.field15{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #e50046 ;
}


.fieldTablet1{
    width: 70px;
    height: 70px;
  background: #0e9fc6;
    border-radius: 100%;
}
.fieldTablet2{
    width: 53px;
    height: 53px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.fieldTablet3{
    width: 53px;
    height: 53px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.fieldTablet4{
    width: 53px;
    height: 53px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.fieldTablet5{
    width: 70px;
    height: 70px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.fieldTablet6{
    width: 53px;
    height: 53px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.fieldTablet7{
    width: 70px;
    height: 70px;
    background: #0e9fc6 ;
    border-radius: 100%;
}
.fieldTablet8{
    width: 46px;
    height: 46px;
    background: #8ec5e0 ;
    border-radius: 100%;
}
.fieldTablet9{
    width: 53px;
    height: 53px;
    background: #3c4368 ;
    border-radius: 100%;
}
.fieldTablet10{
    width: 53px;
    height: 53px;
    border-radius: 100%;
    background: #8ec5e0 ;

}
.fieldTablet11{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #8ec5e0 ;
}
.fieldTablet12{
    width: 53px;
    height: 53px;
    border-radius: 100%;
    background: #3c4368 ;
}
.fieldTablet13{
    width: 53px;
    height: 53px;
    border-radius: 100%;
    background: #e50046 ;
}
.fieldTablet14{
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: #e50046 ;
}
.fieldTablet15{
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: #83AB26 ;
}


.listFiled{
    width: 53px!important;
    height: 53px !important;
    color: #fff !important;
    font-size: 9px !important;
    display: flex !important;
    vertical-align: middle !important;
    padding-left: 0 !important;
}
.ui-widget.FieldName{
    font-size: 14px;
    display: table-cell !important;
    vertical-align: middle;
    font-family: HelveticaNeueLTStd-Roman !important;
}
.animatedCircle{
    width: 100%;
    height: 100%;
    background: url('/resources/images/arcs.png');
}
.animatedCircle2{
    width: 100%;
    height: 100%;
    margin: auto;
    background: url('/resources/images/arcs2.png');
}

.langSelect .ui-selectonemenu .ui-selectonemenu-label{
    background:#116cb5 !important
}
.DisclaimerContentmaxheight{
    height: 1024px;
    float: left;
}
.DisclaimerRightSide .mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
    min-height: 472px;
    max-height: 100%;
}
.imgarrow{
    display: block;
    width: 10px;
    height: 10px;
    background: url('../images/arrowdoc.png') no-repeat 0 0;
    background-size: 100%;
    float: left;
    margin-left: 7px;
    margin-right: 6px;
    margin-top: 3px
}
.returnback{
    background: #0073CF;
    padding: 10px;
    width: 150px;
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 40px;
    position: relative;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}
.headerSelect .ui-button{
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: none !important;
    width: auto !important;
    color: #b6b6b6 !important;
    text-shadow: none;
    height: 100%;
}
.headerSelect .ui-button.ui-state-hover,.headerSelect .ui-button.ui-state-focus{
    background: #f5f5f5 !important;
}
.profSelect.ui-state-hover{
    background: #f5f5f5 !important;
    border-radius: 0 !important;
}
.headerSelect.countrySelect .ui-button .ui-icon {
    left: 83% !important;
}
.headerSelect.countrySelect .ui-button{
        min-width: 110px;
}
.profSelect{
    border-radius: 0;
}
.profSelect.ui-state-focus{
    background: #f5f5f5 !important;
}
.headerSelect .ui-button .ui-icon {
    left: 87% !important;
    background-image: url("../images/myiconGrey.png");
}
.headerSelect .ui-selectonemenu-trigger .ui-icon{
    background-image: url("../images/myiconGrey.png");
}

.headerSelect .ui-button .ui-button-text{
    text-align: left;
    padding-bottom: 0;
    padding-top: 2px;
    padding-right: 20px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    width: auto !important;
    text-shadow: none;
    float: left;
    padding-left: 7px;
    font-family: HelveticaNeueLTStd-Roman;
    font-weight: normal !important;
    font-size: 12px;
}
.ui-menu {
    width: auto !important;
    outline: 0 none !important;
    background: #f5f5f5 !important;
    z-index: 333333333 !important;
    border: none !important;
    padding: 0 !important;
    top: -6px !important;
    position: relative !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.ui-menu .ui-menu-list{
    padding: 0 !important;
    box-shadow: none;
    border: none;
    font-size: 11px;
}
.ui-menu .ui-menu-list .ui-menuitem {
    border-radius: 0px !important;
    padding: 5px;
    padding-left: 7px;
}
.headerSelect .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover{
        background: url('/resources/img/lyxor-all-icons.png') no-repeat -15px -354px !important
}
.headerSelect .ui-menu .ui-menu-list .ui-menuitem .ui-commandlink{
    color:#818285;
}
.headerSelect .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover{
     background-color: #efefef !important;
}
.ui-menu .ui-menu-list .ui-menuitem.ui-state-hover{
    box-shadow: none !important;
    text-shadow: none !important;
    color: #000 !important;
    background: #F5F5F5 !important;
    border-radius: 0px !important;
    font-size: 11px !important;
    background: url('../images/finderArrow1.png') 7px 8px no-repeat !important;
    padding-left: 20px;
      
}
.ui-menu .ui-menu-list .ui-menuitem.ui-state-hover a{
      font-weight: normal;
}
.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding-bottom: 1px !important;
    padding-top: 1px !important;
}
.clickhere:hover{
    text-decoration: underline;    
}
html {
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

.highcharts-button{
    cursor: pointer !important;
}
.highcharts-button rect{
    stroke: none !important;
}

.creditsLink:hover{
    text-decoration: underline;
}
.glossaryFormByAlpahbetic .ui-button.ui-state-disabled{
    opacity: 1;
    filter: Alpha(Opacity=100);
    background: #f2f2f2 !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
}
.glossaryFormByAlpahbetic .ui-button.ui-state-disabled .ui-button-text{
         color: #d5d5d5 !important;
}
.finder_tabview .ui-tabs-panel .Alphabetical-container  .ui-panel{
    border-radius: 0;
}
.PDFPopUP .ui-panel.browserPDFerror {
    width: 58%;
    margin: auto;
    float: none;
    min-height: 375px;
    max-height: 380px;
    padding: 40px !important;
    top: 135px;
    position: relative;
    border: none;
}
.PDFPopUP .ui-panel.browserPDFerror .text{
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 45px;
    color: #6F6F6F !important;
}
.PDFPopUP .ui-panel.browserPDFerror .img{
    display: block;
    width: 65px;
    height: 73px;
    margin: auto;
    margin-bottom: 45px;
}
.PDFPopUP .ui-panel.browserPDFerror .consulter_Button{
    width: 200px !important;
    padding-top: 11px !important;
    padding-bottom: 18px !important;
    margin: auto;
    float: none;
    height: 37px;
    font-size: 13px !important;
    background: none;
    background-color: #e03a41;
}







.finder_tabview .ui-tabs-panel .ui-panel.browserPDFerror {
    width: 58%;
    margin: auto;
    float: none;
    min-height: 375px;
    max-height: 380px;
    padding: 40px !important;
    top: 135px;
    position: relative;
}
.finder_tabview .ui-tabs-panel .ui-panel.browserPDFerror .text{
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 45px;
    color: #6F6F6F !important;
}
.finder_tabview .ui-tabs-panel .ui-panel.browserPDFerror .img{
    display: block;
    width: 65px;
    height: 73px;
    margin: auto;
    margin-bottom: 45px;
}
.finder_tabview .ui-tabs-panel .ui-panel.browserPDFerror .consulter_Button{
    width: 200px !important;
    padding-top: 11px !important;
    padding-bottom: 18px !important;
    margin: auto;
    float: none;
    height: 37px;
    font-size: 13px !important;
    background: none;
    background-color: #e03a41;
}

.ui-overlaypanel.resultPanelOverlay{
    border: none !important;
    position: fixed;
    left: 0 !important;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 8000px 0px 8000px !important;
}
.ETFFinderClearAllPanel{
    float: right;

}
.linechartcontainer .highcharts-input-group g {
    display: block !important;
    padding-bottom: 65px;
}
.NameItemsPanel{

}
.NewsItemScrollDescription{
    width: 100% !important;
}
.mixedcomposition{
    max-height: 281px;
}
.mixedcomposition .onlyheader .ui-datatable-tablewrapper{
    border-bottom: none !important;
}
.mixedcomposition .onlybody .ui-datatable-tablewrapper{
    margin-bottom: 3px;
    border-bottom: none !important;
}
.mixedcomposition .onlybody tbody tr td{
    text-align: center;
    padding-left: 10px !important;
}

.mixedcomposition .customonlybody .mCSB_container{
    margin-right: 0 !important;
}
.mixedcomposition .customonlybody .mCSB_scrollTools {
    left: 97% !important;
}
.creditListe{
    margin-bottom: 17px;
    line-height: 1.4;
    list-style-image: url(../images/listePuce.png);
    font-size: 15px !important;
    font-weight: normal;
    color: #595959;
}
.linechartcontainer .highcharts-series path{
    stroke-width: 1px !important;
}
.topPartPage{
    height: 317px !important;
    background: #fbfbfb;
    box-shadow: none;
    padding: 0;
    margin-top: 12px;
}
.interneNavigation{
    height: 100%;
    box-shadow: none;
    background: #f4f4f4;
    padding-left: 23px;
    padding-right: 18px;
    padding-top: 26px;
}
.interneNavigation .NoticeContent li {
    font-size: 13px;
    color: #0073CF;
    font-weight: normal;
    margin-top: 9px;
}
.interneNavigation .NoticeContent li a {
    color: #0073CF;
    cursor: pointer;
}
.titleNAv{
    color: #0073CF;
    font-size: 17px;
    display: block;
    padding-bottom: 2px;
    border-bottom: 1px solid #0073CF;
}

.interneNavigation .NoticeContent .NoticeParagraph.subList {
    font-weight: normal;
    margin-top: 11px;
    color: #858585;
    text-align: left;
}
.interneNavigation .NoticeContent .NoticeParagraph.subList a {
    color: #858585;
    cursor: pointer;
}
.NoticeParagraph{
    margin-bottom: 6px !important;
    font-weight: normal;
}
.NoticeContent{
    display: block;
    float: left;
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 13px;
    color: #595959;

}
.NoticeContent li{
    font-size: 18px;
    color: #00a3c9;
    margin-top: 20px;
    font-weight: normal !important;
    font-family: HelveticaNeueLTStd-Roman !important;
}
.NoticeContent .NoticeParagraph{
    margin-top: 6px;
}
.NoticeContent .NoticeParagraph span{
    padding-left: 25px;
    display: block;
    float: left;
    width: 100%;
}
.NoticeContent .NoticeParagraph span.point{
    padding-left: 0;
    display: block;
    float: left;
    width: auto;
    font-size: 30px;
    font-weight: normal;
    height: 20px;
    line-height: 0;
    margin-right: 5px;
    padding-top: 0px;
}
.NoticeContent .NoticeParagraph.boldNoticeText{
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
}

.NoticeContent .NoticeParagraph.subList{
    font-weight: normal;
    margin-top: 20px;
}
.resetZoom{
    width: 17px;
    height: 17px;
    background: url('../images/reset.png') no-repeat 0 0;
    background-color: #009FCA;
    position: absolute;
    float: right;
    right: -10px;
    z-index: 2;
    margin-top: 51px;
    border-radius: 2px;
    cursor: pointer;
}
.academyText{
    min-height: 57px;
    max-height: 80px;
    display: block;
}
.onlyheader tbody{
    display: none;
}
.documentFinderEllipsesTitle{
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-align: left;
    max-width: 63%;
    float: left;
    color: #333333 !important;
    font-size: 21px;
    padding-top: 6px;
    font-family: HelveticaNeueLTStd-Roman !important;
}
.documentFinderEllipsesTitle.documentTitle {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-align: left;
    max-width: 57%;
    float: left;
    color: #333333 !important;
    font-size: 21px;
    padding-top: 10px;
    font-family: HelveticaNeueLTStd-Roman !important;
}
.amazingslider-space-1 {
    z-index: 1;
    visibility: visible !important;
    min-height: 290px;
}
.amazingslider-nav-pause-1{
    background-image: url(/resources/img/lyxor-all-icons.png) !important;
    background-position: -212px -613px;
    background-repeat: no-repeat;
    z-index: 1;
}
.amazingslider-nav-play-1{
    background-image: url(/resources/img/lyxor-all-icons.png);
    background-position: -140px -613px;
    background-repeat: no-repeat;
    z-index: 1;
}
.amazingslider-lightbox-play-1{
    z-index: 3335;
}
.amazingslider-arrow-left-1,.amazingslider-arrow-right-1{
    z-index: 1;
    background: url("../js/sliderJS/arrowtest.png") left top no-repeat !important;
}
.amazingslider-arrow-right-1 {
    z-index: 1;
    background: url("../js/sliderJS/arrowtest.png") right top no-repeat !important;
}
.amazingslider-text-box-1{
    z-index: 1;
}
.onlyheader .ui-datatable-tablewrapper{
    height: auto !important;
}
.onlybody thead{
    display: none;
}
.downloadCenterOpenDoc:hover{
    text-decoration: underline;
}
.grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    width: 100%;
    max-width: 244px;
    max-height: 360px;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/*---------------*/
/***** Romeo *****/
/*---------------*/

figure.effect-romeo {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

figure.effect-romeo img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,0,300px);
    transform: translate3d(0,0,300px);
}

figure.effect-romeo:hover img {
    opacity: 0.6;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-romeo figcaption::before{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}


/*

figure.effect-romeo:hover figcaption::after {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
    transform: translate3d(-50%,-50%,0) rotate(-45deg);
}*/

figure.effect-romeo h2,
figure.effect-romeo p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-romeo h2 {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
    transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
    top: 61% !important;
    font-size: 22px;
    color: #fff;
}

figure.effect-romeo p {
    padding: 0.25em 2em;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
    transform: translate3d(0,-50%,0) translate3d(0,150%,0);
    font-size: 12px;
    top: 49%;
    font-weight: normal;
}

figure.effect-romeo:hover h2 {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
    transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
    transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}




.nav ul ul li.Menuseparator{
    display: block;
    height: 1px;
    background: #8AA7BE !important;
}
.rightSideCOM{
    height: 100%;
    background: #fcfcfc;
    position: relative;
    padding: 21px;
}
.COMSideBoxes{
    min-height: 171px;
    background: #fff;
    padding: 18px;
    margin-bottom: 25px;

}
.imgContainerCOm{
    width: 124px;
    float: left;
}
.imgContainerCOm img{
    width: 100%;
}
.textContainerCOm{
    float: right;
    width: 115px;
    font-size: 13px;
    text-align: left;
    min-height: 92px;
}
.rightSideCOM.EventPage{
    background: url('../images/agendaPicto.png') no-repeat 0 885px;
    background-color: #fcfcfc;
}
.customTitle.newstileCustom{
    background: none !important;
    padding-left: 6px;
    padding-top: 3px;
    color: #3b7ed8 !important;
    margin-bottom: 0 !important;
    padding-right: 5px;
}
.scrollResearchDataTable td{
    width: 100% !important;
    float:left;
}
.Rubrique_Liste .ui-datalist-content{
    border:none !important;
}
.focusBar{
    padding-bottom: 0;
    padding-top: 0;
    margin-left: 0 !important;
    height: 30px !important;
    box-shadow: none !important;
    background:#e9e9e9 !important;

}
.ui-widget .ui-widget.factsheetIcon.fcontainer{
    width: 30px !important;
    height: 30px !important;
    float: right;
}
.ETFResearchPage .ui-selectonemenu-panel .ui-selectonemenu-list-item {
    border-left: 3px solid #ffffff ;
    border-radius: 0px !important;
}
.MapTable tr:hover{
    background: #CFE1F7 !important;
}

.newsPage .ui-selectonemenu-panel .ui-selectonemenu-list-item {
    border-left: 3px solid #ffffff ;
    border-radius: 0px !important;
}
.EventRow{
    margin-bottom: 20px;
    box-shadow: 0 0 3px #D8D8D8;
    height: auto;
    width: 578px;
    padding-bottom: 12px;
}
.EventLeftSide{
    padding: 10px;
    width: 60%;
    float: left;

}
.EventRightSide{
    padding: 10px;
    width: 40%;
    height: 100%;
    float: left;
    background: #f7f7f7;
}
.EventLeftSide .ComParagraph{
    margin-bottom: 12px !important;
}
.EventRightSide .ComParagraph{
    margin-bottom: 12px !important;
}
.PDFNewsPanel .ui-panel-content{
    width: 100%;
    height: 100%;
}
.PDFNewsBtn{
    background: url('../images/NewsPDF.png') no-repeat 0 0;
}
.Comsubtitle2{
    color: #116cb5;
    font-size: 15px;
    display: block;
    margin-bottom: 15px;
}
.finder_tabview .ui-tabs-panel .ui-panel.leftSideBlockResearch {
    border: none !important;
    display: block;
    float: left;
    width: 208px;
    height: auto;
    padding: 6px !important;
    border-radius: 0;
    margin-top: 15px;
    margin-bottom: 0px;
}
.footerLink:hover{
    text-decoration: underline;
}
.indexPage .MiddlePageContainer{
    padding-top: 34px;
}

.highcharts-container{
    height: auto !important;
    clear: both;
    overflow: visible !important;
}

.highcharts-container svg{
    overflow: visible !important;   
}
.highcharts-range-selector:focus{
    color: #333 !important;
    padding: 0 !important;

}
.amazingslider-text-wrapper-1:hover .amazingslider-title-1{
    text-decoration: none;
}

.spinner {
        margin: auto;
    text-align: center;
    font-size: 10px;
    height: 64px;
    /* width: 128px; */
    position: fixed;
    top: 50%;
    right: 50%;
    /* left: 50%; */
    bottom: 50%;
}

.spinner > div {
    background-color: #fff ;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% { 
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% { 
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.headerSelect{
    border: none !important;
    margin-top: 0px;
    height: 100% !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    box-shadow: none !important;
}
.headerSelect label{
    background: none !important;
    text-shadow: none !important;
    color: #b6b6b6 !important;
    font-weight: 600 !important;
}
.headerSelect .ui-selectonemenu-trigger{
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.headerSelect .ui-selectonemenu-trigger .ui-icon {
    margin-top: 6px !important;
    left: -4px !important;
    position: relative;
}



.headerSelect .ui-selectonemenu-label {
    text-align: left;
    padding-bottom: 0;
    padding-top: 6px;
    text-shadow: none !important;
    font-family: HelveticaNeueLTStd-Roman;
    font-weight: normal !important;
    font-size: 12px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    width: 100% !important;
}
.headerSelectPanel.profileSelect{
    width: 100% !important;
    box-shadow: none !important;
    background: #f5f5f5 !important;
    border: none !important;
    border-radius: 0 !important;
    position: absolute;
    top: 25px!important;
}
.headerSelectPanel{
       width: 132px !important;
    top: 29px !important;
    padding: 0;
    background: #fafafa !important;
}



.headerSelectPanel .ui-selectonemenu-list{
    padding: 0 !important;
    box-shadow: none;
    border: none;
    font-size: 11px;
}
.headerSelectPanel .ui-selectonemenu-list-item {
    border-left: 0 !important;
    border-radius: 0px !important;
}



.headerSelectPanel .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all {
    background-color: #f5f5f5 !important;
        margin: 0px 0 !important;
            font-size: 11px !important;
             color:#818285;
}
.ETFFinderPage .headerSelectPanel  li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight {
       box-shadow: none !important;
    text-shadow: none !important;
    color: #818285 !important;
    border-radius: 0px !important;
    font-size: 11px !important;
    background: url(../img/lyxor-all-icons.png) -13px -356px no-repeat !important;
    padding-left: 23px;
    background-color: #efefef !important;
}
.ETFFinderPage .headerSelectPanel  li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-hover {

    color: #818285 !important;

}
.headerSelectPanel  li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight:hover {
       box-shadow: none !important;
    text-shadow: none !important;
    color: #818285 !important;
    border-radius: 0px !important;
    font-size: 11px !important;
    background: url('../images/finderArrow1.png') 12px 6px no-repeat !important;
    padding-left: 23px;
    background-color: #efefef !important;
}
.headerSelectPanel  li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight {
         background-color: #f5f5f5 !important;
}

.headerSelectPanel  .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-hover {
    box-shadow: none !important;
    text-shadow: none !important;
    color: #818285 !important;
    border-radius: 0px !important;
    font-size: 11px !important;
    background: url('../images/finderArrow1.png') 12px 6px no-repeat !important;
    padding-left: 23px;
    background-color: #efefef !important;
}

.ETFResearch  .ui-panel.ui-widget-content.DocumentAperçu{
    border: 2px solid #D5EAFF !important;
}
.PalmaresPanel .ui-datatable {
    padding-left: 5px !important;
}


.PDFPopUP{
    height: 80% !important;
    border-radius: 0;
    z-index: 33336 !important;
}
.PDFPopUP .ui-dialog-content{
      padding: 12px !important;
    height: calc(100% - 36px) !important;
    overflow: hidden !important;

}
.PDFPopUP .ui-dialog-content iframe{
    height: 100% !important;
}




.PDFPopUP .ui-dialog-titlebar{
    padding: 0 !important;
    height: auto;

}
.PDFPopUP .ui-dialog-title {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-align: left;
    max-width: 100%;
    float: none;
    color: #333333 !important;
    font-size: 21px;
    padding-top: 6px;
    padding-left: 12px;
    font-weight: normal;
    display: block;
    width: 100%;
    padding-right: 45px;
    padding-top: 6px;
}
.PDFPopUpName{
    color: #0073CF !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-align: left;
    max-width: 63%;
    display: block;
    float: left;
    padding-top: 1px;
    text-decoration: underline !important;
}
.PDFPopUpDate{
    float: right;
    display: block;
    margin-right: 5%;
    color: #E13B41;
}
.customnewsPOP.ui-dialog{
    position: fixed;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
    border-radius: 0;
}
.videoPOP{
    height: auto !important;
}


.videoPOP .ui-dialog-content{
    height: 100% !important;
    padding: 0 !important;
    left: 0;
    width: 100%;
}
.videoPopUPObject{
    width: 100%;
}
.videoPOP .ui-dialog-titlebar-close {
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.73)!important;
    box-shadow: none !important;
}
.videoPOP .ui-dialog-titlebar-close span {
    background-image: url('../images/myicon.png') !important;
    margin-left: 3px !important;
    margin-top: 3px !important;
}
.videoPOP .ui-dialog-titlebar {
    background: none !important;
    z-index: 33333 !important;
    position: absolute !important;
    float: right;
    right: 0;
    display: none;
}

.videoPOP:hover .ui-dialog-titlebar{
    display: block;
}

.videoPOP .ui-dialog-content .ui-outputpanel{
    height: 100% !important;
}
.videoPOP object{
    width: 100%;
    height: 100%;
    display: block;
}

.customAssetclassBTN {
    float: left !important;
    margin: auto !important;
    width: 100% !important;
    padding: 16px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.customAssetclassBTN:hover{
    background: #e5e5e7;
}

@-moz-document url-prefix() {
    .comboFilterWrapper {
        margin-bottom: 9px !important;
    }


    .pagetitle {
        top: 1px !important;
    }
    .TextContent {
        line-height: 1.1 !important;
    }
    .chooseWebsite {
        top: -2px !important;
    }
    .languageselect {
        top: 1px !important;
    }
    .superheader-settings .superHeaderLink {
        font-size: 11px !important;
        padding: 4px 7px !important;
    }
    .superHeaderContact {
        line-height: 1.9 !important;
    }
    .LanguageRadiocontainer {
        top: -2px;
    }
    .subMenutitle{
        top:-7px !important;
    }
    .MnemoFocus {
        padding-top: 0px !important;
        line-height: 2 !important;
    }
    .GometFilter {
        padding-bottom: 0px !important;
    }
    .navs{
        top:-32px !important;
    }
    .divident{
        top:-32px !important;
    }
    .firefoxPanel{
        min-height: 352px !important;
    }
}

.Comtitle{
    font-size: 18px;
    color: #0073CF;
    display: block;
    margin-bottom: 27px;
    text-transform: uppercase;
    background: url('../images/newstitleicon.png') no-repeat 0 0;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 15px;
}
.Comsubtitle{
    font-size: 13px;
    color: #0073CF;
    display: block;
    margin-bottom: 15px;
}
.ComParagraph{
    font-size: 16px;
    font-weight: normal;
    color: #595959;
    display: block;
    margin-bottom: 21px;
    line-height: 1.4;
}
.BoxCOM .Comsubtitle{
    color: #464646;
    font-size: 14px;
    font-weight: normal;
    width: auto;
    float: left;
    margin-bottom: 0;
    line-height: 2.5;
    padding-left: 9px;
}
.BoxCOM .ComParagraph{
    font-size: 12px;
    font-weight: normal;
    float: left;

}
.BoxCOM{
    padding: 22px;
    width: 47%;
    box-shadow: none;
    background: #FDFDFD;
    height: 196px;
    margin-bottom: 15px;
}
.BoxCOM .picto{
    width: 31px;
    height: 33px;
    float: left;
    margin-bottom: 14px;
}
.BoxCOM.Box1 .picto{
    background: url('../images/sprite.png') no-repeat -20px -1752px;
}
.BoxCOM.Box2 .picto{
    background: url('../images/sprite.png') no-repeat  -19px -1808px;
}
.BoxCOM.Box3 .picto{
    background: url('../images/sprite.png') no-repeat  -24px -1864px;
}
.BoxCOM.Box4 .picto{
    background: url('../images/sprite.png') no-repeat -20px -1917px;
}
.BoxCOM.Box1{
    margin-right: 14px;
    margin-left: 0px;
}
.BoxCOM.Box3{
    margin-right: 14px;
    margin-left: 0px;
}
.ComParagraph2{
    font-size: 13px;
    color: #595959;
    display: block;
    margin-bottom: 19px;
    line-height: 1.4;
}
.EventTOP{
    width: 578px;
    height: 287px;
    background: url('../images/event1.jpg') no-repeat 0 0 ;
}
.EventTOP.event2{
    background: url('../images/event2.jpg') no-repeat 0 0 ;
}
.EventTOP .title{
    color: #fff;
    font-size: 18px;
    width: 60%;
    display: block;
    top: 38%;
    position: relative;
    padding-left: 20px;
    line-height: 1.3;
}
.EventTOP .date{
    display: block;
    width: 30%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    background: #ff4800;
    color: #fff;
    font-size: 12px;
    position: relative;
    top: 41%;
    margin-left: 20px;
}
.EventRow .ComParagraph2{
    font-size: 13px;
    color: #595959;
    display: block;
    margin-bottom: 6px;
    line-height: 1.4;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 20px;
}
.EventRow .title2{
    display: block;
    font-size: 14px;
    color: #166dbd;
    padding-left: 12px;
    text-transform: uppercase;
}
.SpeakersPanel{
    padding-left: 12px;
    box-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.SpeakersPanel .bold{
    display: block;
    font-weight: normal;
    margin-bottom: 4px;
}
.SpeakersPanel .normal{

}
.ListeCom{
    margin-bottom: 17px;
    font-size: 13px;
    color: #595959;
    line-height: 1.4;
    list-style-image : url(../images/listePuce.png);
}
.NB{
    display: block;
    font-size: 11px;
    color: #5c5c5c;
    margin-top: 1px;
    padding-left: 10px;
    float: left;
    width: 100%;
}
.Panel1{
    box-shadow: none;
    padding-right: 42px;
    text-align: justify;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
    height: 100%;
}
.Panel2{
    padding: 0;
    box-shadow: none;
    background: #f6f6f6;
    margin-top: 57px;
    border-radius: 4px;
}
p.Panel2Paragraph {
    padding: 8px;
    display: block;
    margin: auto;
    width: 95%;
    border: 1px dashed #E0E0E0;
    margin-top: 12px;
}
span.p2title {
    display: block;
    font-weight: normal;
    margin-bottom: 11px;
}
.topbarImages{
    width: 100%;
    height: 40px;
    background-color: #116CB5 !important;
    padding: 0px;
    position: fixed;

}
.topbarImagestitle{
    color: #ffffff !important;
    font-size: 19px !important;
    display: table;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 9px;
}
.loginFormAdmin{
    display: block;
    width: 634px;
    margin: auto;
    height: 254px;
    box-shadow: rgb(169, 166, 166) 3px 3px 1px;
    top: 33%;
    position: relative;

}
.LoginTitle{
    font-size: 22px;
    color: #B6B6B6;
    font-weight: normal;
    margin-bottom: 10px;
    display: block;

}
.LoginSubtitle{
    font-size: 12px;
    color: #B6B6B6;
    font-weight: normal;
    margin-bottom: 15px;
    display: block;
}
.loginFormAdmindisclaimer{
    background: #3a97e7;
    height: 100%;
    float: left;
    width: 257px;
    border: 0;
    border-right: none;
    border-radius: 0;
}
.AdminLoginBtn{
    margin-top: 10px;
    background: #3a97e7 !important;
    border-radius: 0;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none;
    border: none !important;
    font-weight: normal !important;
    padding-bottom: 3px;
    padding-top: 3px;
}
.loginFormAdminInputContent{
    position: relative;
    width: 377px;
    float: left;
    height: 100%;
    border: none;
    padding: 17px;
}
.loginFormAdminInputContent > .ui-panel-content{
    height: 100%;
    width: 100%;
    padding: 0;
}

.loginFormAdminInputContent > .ui-panel-content .inputgroup{
    width: 100%;
    display: block;
}
.loginFormAdminInputContent > .ui-panel-content .inputgroup tbody{
    display: block;
}
.loginFormAdminInputContent > .ui-panel-content .inputgroup tr{
    width: 100%;
    margin-bottom: 10px;
    display: block;
}

.loginFormAdminInputContent > .ui-panel-content .inputgroup tr td{
    display: block;
}
.loginFormAdminInputContent > .ui-panel-content .inputgroup .ui-inputfield{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #F5F5F5;
    border: 1px solid #E0E0E0;
}
.CoursMiddleContainer .ui-datalist{
    height: 100%;
    display: block;
    float: left;
}
.CoursMiddleContainer .ui-datalist .ui-datalist-content{
    float: left;
    border: none;
    background: none;
}
.CoursMiddleContainer .ui-datalist .ui-datalist-data{
    float: left;
}
.CoursMiddleContainer .ui-datalist .ui-datalist-item{
    display: block;
    float: none;
    clear: both;
    width: 100%;
    height: 140px;
    margin-bottom: 13px;
}

.newsItemDescriptionPanel{

}
input::selection{
    background: #149DFF !important;
    color: #fff;
    text-shadow: none;
    line-height: 1.5;
}
#factsheetDialog .ui-dialog-titlebar{
    display:block !important;
}
#KIIDDialog .ui-dialog-titlebar{
    display:block !important;
}
#ProspectusDialog .ui-dialog-titlebar{
    display:block !important;
}

.FocusComponentPart1:hover .FocusShareName{
    text-decoration: underline;
}
.NewsProductLink:hover{
    text-decoration: underline;
}
.etfFinderPopUp .ui-dialog-titlebar{
    display: block !important;
}
.DisclaimerDialog .ui-dialog-titlebar{
    display: none;
}
.Custom_DisclaimerDialog .ui-dialog-titlebar{
    display: none;
}
.DisclaimerRightSide .mCSB_scrollTools {
    left: 93% !important;
}
.DisclaimerRightSide .mCSB_container{
    padding-right: 10px !important;
    margin-right: 0px !important;
}
.disclaimerCookie{
    float: left;
    width: 235px;
    height: 153px;
    border: 1px solid #E0E0E0;
    padding: 9px;
    line-height: 1.3;
}
.LeftSideButtom{
    float: left;
    position: absolute;
}
.Partners{
    float: left;
    width: 241px;
    height: 85px;
    background: url('../images/Partners.png') no-repeat 0px 0px ;
}
.cookieText{
    font-size: 12px;   
}
.disclaimerButtonText{
    font-size: 14px;
    display: block;
    float: left;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #0071D0;
}
.DisclaimerHeader{
    width: 100%;
    height: 110px;
}
.DisclaimerText{
   background: #fafafa;
    padding: 10px;  
    float: right;
    padding-right: 2px;
}
.DisclaimerText .mCSB_scrollTools {
    left: 97% !important;
}

.DisclaimerRightSide{
    width: 251px;
    float: left;
}
.DisclaimerContent{
    padding: 20px;  
    float: left;
    height: 87%;
    width: 100%;
    padding-top: 5px !important;
    padding-bottom : 1px !important;
}
.Custom_DisclaimerContent{
    padding: 20px;  
    float: left;
    height: 87%;
    width: 100%;
}
.academyTabView .ui-tabs-panels{
   
  
}
.tabViewTopContainer{
    min-height: 285px;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.tabViewTopContainer .AcademySynopsis{
    box-shadow: 0px 0px 6px rgba(51, 51, 51, 0.27);
    border: none;
}

.AcademyTitle{
    min-height: 134px;
    font-size: 63px;
    color: #58585A;
    text-align: center;
    line-height: 1.9;
    box-shadow: none;
    background: none;
}
.AcademySynopsis{
    font-size: 12px;
    padding: 33px;
}
.tabViewMiddleContainer{
    background-color: rgba(0, 0, 0, 0);
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.tabViewMiddleContainer .col{
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
}
.tabViewMiddleContainer .AcademySynopsis{

}
.WikiSynopsis{
    font-size: 12px;
    padding: 33px;
    box-shadow: none;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #F7F7F7 !important;
    border-right: 4px solid #85A5C5;
    border-radius: 3px;
    padding-right: 0;
    margin-bottom: 15px;

}
.CoursSynopsis{
    font-size: 12px;
    padding: 33px;
    box-shadow: none;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #F7F7F7 !important;
    margin-top: 15px;
    margin-bottom: 15px;
    border-right: 4px solid #ef7054;
    border-radius: 3px;
    padding-right: 0;
}
.FAQSynopsis{
    font-size: 12px;
    padding: 33px;
    box-shadow: none;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #F7F7F7 !important;
    margin-top: 0px;
    margin-bottom: 15px;
    border-right: 4px solid #99bb49;
    border-radius: 3px;
    padding-right: 0;
}
.ui-lightbox-content-wrapper {
    position: relative;
    height: 100%;
}
.ui-lightbox-content {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #000000;
    width: 100% !important;
    height: 100% !important;
}
.ui-lightbox-inline{
    width: 100% !important;
    height: 100% !important;
}
.ui-lightbox-inline object{
    width: 100% !important;
    height: 100% !important;
}

.ui-lightbox {
    z-index: 33333333333 !important;
}

.SynopsisIcon{
    height: 136px;

}
.WikiSynopsis .SynopsisIcon{
    background: url('../images/sprite.png') -25px -669px no-repeat;
    padding: 0;
}
.CoursSynopsis .SynopsisIcon{
    background: url('../images/sprite.png') -25px -819px no-repeat;
}
.FAQSynopsis .SynopsisIcon{
    background: url('../images/sprite.png') -25px -969px no-repeat;
}
.HtmlTypeCours{
    background: url('../images/sprite.png') -423px -1352px no-repeat;
    width: 152px;
    height: 140px;

}
.CoursMiddleContainer .WikiSynopsis .SynopsisIcon{
    background: none;
}
.CoursMiddleContainer  .CoursSynopsis .SynopsisIcon{
    background: url('../images/sprite.png') -25px -819px no-repeat;
}
.CoursMiddleContainer  .FAQSynopsis .SynopsisIcon{
    background: url('../images/sprite.png') -25px -969px no-repeat;
}

.consulterBTN{
    font-size: 12px !important;
    color: #003F71 !important;
    display: block;
    float: right;
    top: 19px;
    position: relative;
}
.FAQIcon{
    width: 137px;
    height: 137px;
    display: block;
    float: left;
    background: url('../images/sprite.png') -235px -973px no-repeat;
    position: relative;
    left: 57px;
    top: -7px;
}
.coursIcon{
    background: url('../images/sprite.png') -27px -1222px no-repeat;
    position: relative;
    left: 35px;
}

.FAQTopContainer {
    min-height: 227px;
}
.FAQTopContainer .AcademyTitle {
    min-height: 134px;
    font-size: 75px;
    color: #58585A;
    text-align: center;
    line-height: 1.6;
    box-shadow: none;
    background: none;
    padding-top: 23px;
}
.FAQTopContainer .AcademySynopsis {
    padding-bottom: 0;
    box-shadow: none;
    background: none;
    text-align: center;
    font-size: 16px;
}
.FAQMiddleContainer .splitmenu .ui-accordion-header {
    border: none;
    background: #f7f7f7 !important;
    box-shadow: none !important;
    border-radius: 5px;
    margin-bottom: 3px;
    font-size: 14px;
    padding-left: 0;
    padding: 0;
}
.FAQMiddleContainer .splitmenu .ui-accordion-header.ui-state-active.tt{
    background: #e2e2e2 !important;
}





.GlossaryIcon{
    width: 137px;
    height: 137px;
    display: block;
    float: left;
    background: url('../images/sprite.png') -398px -976px no-repeat;
    position: relative;
    left: 57px;
    top: -7px;
}
.GlossaryTopContainer {
    min-height: 227px;
}
.GlossaryTopContainer .AcademyTitle {
    min-height: 134px;
    font-size: 75px;
    color: #58585A;
    text-align: center;
    line-height: 1.6;
    box-shadow: none;
    background: none;
    padding-top: 23px;
}
.GlossaryTopContainer .AcademySynopsis {
    padding-bottom: 0;
    box-shadow: none;
    background: none;
    text-align: center;
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
}
.GlossaryMiddleContainer .customSpan_8 {
    margin-left: 21px;
    width: 64.3%;
    min-height: 726px;
    max-height: 726px;
}
.GlossaryLeftSide{
        overflow: hidden;
    box-shadow: none !important;
    min-height: 726px;
    max-height: 726px;
    border-radius: 0 !important;
    border: 1px solid #eee;
}
.GlossaryLeftSide tr {
    background: none !important;
}
.GlossaryLeftSide tr:hover{
        box-shadow: none !important;
        background: url('../images/finderArrow1.png') 12px 13px no-repeat !important;
        padding-left: 12px;
        background-color: #f5f5f5 !important;
}
.ui-datatable.GlossaryLeftSide  tr td{
        color: #333 !important;
}
.ui-datatable.GlossaryLeftSide  tr:hover td{
    color:#333 !important;
    padding-left: 24px;
    font-size: 14px !important;
    font-family: HelveticaNeueLTStd-Roman;
}

.GlossaryLeftSide tr.ui-state-highlight{
     box-shadow: none !important;
     background: url('/resources/img/lyxor-all-icons.png') no-repeat -15px -348px !important;
     padding-left: 12px;
     background-color: #f5f5f5 !important;
}
.GlossaryLeftSide tr.ui-state-highlight td{
    padding-left: 24px;
    font-size: 14px !important;
    font-family: HelveticaNeueLTStd-Roman;
}

.GlossaryLeftSide tr , .GlossaryLeftSide td , .GlossaryLeftSide tbody , .GlossaryLeftSide thead , .GlossaryLeftSide table , .GlossaryLeftSide th{
    border:none !important;
    box-shadow: none;
}
.GlossaryLeftSide .ui-datatable-header{
           text-align: left !important;
           text-shadow: none !important;
           color: #000000 !important;
           background: none !important;
           padding-top: 10px !important;
           padding-bottom: 10px !important;
           padding-left: 20px;
           border-radius: 0;
           border-bottom: 2px solid #eee !important;
           border: none;
           font-weight: normal;
           font-size: 18px;
           font-family: HelveticaNeueLTStd-Lt !important;
           margin-bottom: 2px;
}
.GlossaryLeftSide thead th{
    display: none;
}
.GlossaryLeftSide  tbody td {
    font-size: 12px !important;
    font-weight: normal;
    text-shadow: none;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    padding-left: 20px;
}
.GlossaryLeftSide table tbody td{
    font-size: 14px !important;
}
.GlossaryRightSide .customTitle.newstileCustom{
    background: none !important;
    padding-left: 0;
    padding-top: 0px;
    padding-bottom: 10px;
    color: #000000 !important;
    margin-bottom: 0 !important;
    padding-right: 5px;
    font-size: 30px;
    box-shadow: none;
    border: none;
}
.GlossaryRightSide .blog-post-desc{
    box-shadow: none;
    width: 100%;
    float: left;
    display: block;
    clear: both;
    white-space: pre-line;
    margin-top: 0px;
    font-size: 14px;
    font-family: HelveticaNeueLTStd-Lt !important;
}
.GlossaryRightSide .blog-post-desc span {
    color: #838383 !important;
    font-size: 14px !important;
    font-family: HelveticaNeueLTStd-Lt !important;
}
.GlossaryTopContainer .AcademySynopsis .ui-panel{
    border-radius: 5px;
    overflow: hidden;
}
.glossaryFormtr1 .ui-tree {
    overflow: auto;
    margin: 0px;
    width: 298px;
    height: 704px;    
}
.glossaryFormtr1 .ui-tree-container {
    height: auto;
    margin: 0;
    overflow: auto;
    padding: 3px;
    white-space: nowrap;
}

.glossaryFormtr1 .ui-tree-container .ui-treenode{
    border-bottom: 1px solid #DFDFDF;
    padding-top: 8px;
    padding-bottom: 8px;

}
.glossaryFormtr1 .ui-tree-container .ui-treenode .ui-state-highlight{
    background: none;
    color: #018FC9;
    text-shadow: none;
}
.glossaryFormtr1 .ui-tree-container .ui-treenode .ui-state-hover{
    background: none;
    color: #018FC9;
    text-shadow: none;
}
.glossaryFormtr1 .ui-treenode-children .ui-treenode{
    border-bottom: 1px solid #FFF !important;
}
.glossaryFormtr1{
    display: block;
    float: left;
    width: 297px !important;
}
.glossaryFormtr1 th{
    background: #EBEBEB !important;
    border: none !important;
}
.glossaryFormtr1 th span{
    font-size:10px !important;
}
.glossaryFormtr1 .ui-datatable{
    overflow: auto;
    margin: 0px;
    width: 298px;
    height: 704px;
}
.glossaryFormtr2 .ui-panel-titlebar{
    background: none !important;
    border: none !important;
}
.glossaryFormtr2{
    display: block;
    float: right;
    width: 607px;
}
.glossaryFormtr2 .ui-panel{
    overflow: auto;
    margin: 0px;
    height: 698px;   
}
.glossaryFormtr2 .ui-breadcrumb {
    background: none !important;
    border: none !important;
}
.glossaryFormtr2 .ui-breadcrumb li a {
    color: #18A6E3 !important;
}
.glossaryFormtr2 .ui-panel-content{
    padding: 17px !important;
    border: none !important;
}
.glossaryFormtr2 td{
    width: 100%;
    display: block;
}

.glossaryFormByAlpahbetic .glossaryFormtr1 .ui-datatable thead th{
    background: #4F81BD;
    color: #FFF;
    text-shadow: none;
    font-weight: normal;
    box-shadow: none;
}
.glossaryFormByAlpahbetic .glossaryFormtr1 .ui-datatable tr td:hover {
    background: #A0BBDC;

}
.glossaryFormByAlpahbetic .glossaryFormtr1 a{
    font-size: 11px !important;
    color: #333;
}
.glossaryFormByAlpahbetic .ui-button{
    width: 33.9px;
    height: 29px;
    background: #3b436b !important;
    border-right: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-top: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
}
.glossaryFormByAlpahbetic .ui-button:hover{
    background: #ffffff !important;
    color:#dc2174 !important;
    box-shadow: none;
}
.glossaryFormByAlpahbetic .ui-button:hover span{
   color:#dc2174 !important;
}

.glossaryFormByAlpahbetic .ui-button:focus{
    background: #ffffff !important;
    color:#dc2174 !important;
    box-shadow: none;
}
.glossaryFormByAlpahbetic .ui-button:focus span{
   color:#dc2174 !important;
}
.glossaryFormByAlpahbetic .ui-button span{
    padding: 0;
    font-size: 14px;
    padding-top: 2px;
    text-shadow: none;
    color: #ffffff;
    font-weight: normal;
    font-family: HelveticaNeueLTStd-Lt !important;
}
.CoursMiddleContainer .SynopsisIcon{
    height: 140px;
}
.VideoIcon{
    background: url('../images/sprite.png') -423px -1155px no-repeat !important;
}
.htmlIcon{
    background: url('../images/sprite.png') -423px -1339px no-repeat !important;
}
.htmlCours{
    border-right: 4px solid #EF7054 !important;
}
.videoCours{
    border-right:4px solid #494d4f !important;
}
.finder_tabview .FAQMiddleContainer .ui-accordion-header .ui-icon {
    display: block;
    float: right;
    background-color: #99BB49 !important;
    height: 32px !important;
    width: 32px;
    position: relative;
    top: 8px;
    left: 0px;
    border-radius: 1px 5px 5px 0px;
    background: url('../images/sprite.png') -19px -1144px no-repeat;
}
.finder_tabview .FAQMiddleContainer .ui-state-active .ui-icon {
    background-image: url('../images/sprite.png') !important;
    background-position: -65px -1146px;

}
.FAQMiddleContainer .ui-accordion-content {
    background: #F7F7F7;
    border-radius: 5px;
    margin-top: 1px;
    margin-bottom: 4px;
    font-size: 12px;
    white-space: pre-wrap;
}
.NewsDataTable .ui-datatable-header{
    clear: both;
    width: 102%;
    height: 48px;
    margin-top: 15px;
    box-shadow: 0px 2px 3px #F1F1F1;
    left: -6px;
    position: relative;
    background: none;
    border: none;
}
.NewsDataTable .ui-datatable-header .DocumentSearshBar {
    width: 100%;
    top:0px;
}
.NewsDataTable .ui-datatable-header .autocompleteButton {
    top: -4px;
    right: -2px;
    cursor: pointer;
}
.NewsDataTable .ui-datatable-header #autocomplete_btn_animation2 {
    margin-top: -4px !important;
}
.NewsDataTable .ui-datatable-tablewrapper {
    margin-top: 7px;
    padding-right: 1px;
    padding-left: 4px;
}
.NewsDataTable  table tbody tr {
    width: 97% !important;
}
.NewsDataTable .mCSB_inside > .mCSB_container {
    margin-right: 10px;
}

.NewsDataTable .mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
}
.NewsDataTable .Product-Name {
    display: block !important;
    font-size: 12px;
    color: #737373;
    width: 168px;
    text-align: left;
    float: left;
    line-height: 3.2;
    padding-left: 13px;
}
.NewsDataTable table tbody td  {
    width: 100%;
    display: block;
    padding-top: 11px !important;
    padding-bottom: 18px !important;
    padding-right: 0px !important;
    height: 100%;
    vertical-align: middle !important;
    font-size: 11px !important;
    font-family: liberation_sansregular, sans-serif !important;
    color: #282828 !important;
}
.NewsDataTable2 table tbody td  {
    width: 100%;
    display: block;
    padding-top: 11px !important;
    padding-bottom: 18px !important;
    padding-right: 0px !important;
    height: 100%;
    vertical-align: middle !important;
    font-size: 11px !important;
    font-family: liberation_sansregular, sans-serif !important;
    color: #282828 !important;
}


.NameNews{
    display: block !important;
    height: 43px;
    display: -webkit-box !important;
    max-width: 400px;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    color: #4e5857;
    font-size: 12px;
}
.NewsDataTable table td  {
    text-shadow: none;
}
.newsPage .contentConainer {
    padding: 0px !important;
    border: 0px !important;
    background: none !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
    top: 22px;
    position: relative;
}
.newsPage .cours-img{
    width: 180px !important;
    height: 140px !important;
}
.newsPage .cours{
    height: 140px !important;
}
.newsPage .thumbnail-ButtonStyle{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.newsPage .Admin-academy-video-boutton {
    background: #0073CF !important;
    box-shadow: none !important;
    border: none !important;
    opacity: 0.8;
    display: block !important;
    position: relative !important;
    width: 35px;
    height: 24px;
    font-size: 42px !important;
    left: 53%;
    margin-left: -17px;
    margin-top: -102px;
}
.newsPage .ui-dialog {
    position: fixed;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 3px solid #2f9644 !important;
}
.newsPage .ui-dialog-title{
    color: #5D5D5D;
    font-size: 12px;
}
.newsPage .ui-dialog-titlebar-close{
    width: 19px;
    height: 20px;
    background: #2F9644 !important;
    box-shadow: none !important;
}
.pdfDownload{
    background: url('../images/pdf_ico.png') 0px 0px no-repeat !important;
    width: 32px !important;
}

.newsPage .ui-dialog-titlebar-close span{
    background-image: url('../images/myicon.png') !important;
}
.researchfilter .customFilter-select {
    position: relative;
    display: block;
    width: 131px !important;
    margin-top: 4px;
    margin-bottom: 8px;
    border-radius: 5px;
    background: none;
    box-shadow: 0px 0px 5px #D7D7D7 !important;
    float: right;
    margin-right: 11px;
}
.researchfilter .customFilter-select .ui-selectonemenu-label {
    width: 100% !important;
    background: #FFF !important;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    font-size: 12px !important;
}
.researchfilter .customFilter-select .ui-selectonemenu-trigger {
    color: #FFF;
    background: none !important;
    box-shadow: none;
    border: none;
}
.researchfilter .customFilter-select .ui-selectonemenu-trigger .ui-icon {
    background: url('../images/sprite.png') -25px -489px no-repeat;
}




.finder_tabview .customcheckBox .ui-state-active .ui-icon {
    background-image: url("../../faces/javax.faces.resource/images/ui-icons_38667f_256x240.png?ln=primefaces-aristo") !important;
}
.customcheckBox{
    width: 32px;
    height: 32px;
    border: none !important;
    box-shadow: none !important;
}
.customcheckBox .ui-selectcheckboxmenu-label-container{
    display: none !important;
}
.customcheckBox .ui-selectcheckboxmenu-trigger{
       display: block;
    width: 100%;
    border: 0 !important;
    box-shadow: none !important;
    background-color: #FFF !important;
    background: url(/resources/img/lyxor-all-icons.png) no-repeat -237px -238px #fff !important;
}
.export-exls{
    background: url('../images/finder-icons.png') no-repeat -111px 3px !important; 
}
.customcheckBox.ui-state-focus .ui-selectcheckboxmenu-trigger{
   
}
.customcheckBox .ui-selectcheckboxmenu-trigger .ui-icon {
    display: none;
}
.customcheckBoxPanel{
    padding: 0px;
    border:none !important;
    box-shadow: 0px 6px 13px rgba(199, 199, 199, 0.8);
}
.customcheckBoxPanel .ui-selectcheckboxmenu-header{
    display: none;
}
.customcheckBoxPanel .ui-selectcheckboxmenu-items-wrapper {
    font-size: 11px;
    height: auto !important;
}
.customcheckBoxPanel .ui-chkbox  .ui-chkbox-box{
    border:none !important;
    box-shadow: none !important;
}
.customcheckBoxPanel .ui-chkbox .ui-icon{
    border-radius: 0px !important;
}
.customcheckBoxPanel .ui-chkbox  .ui-icon-blank{
    background: url('../images/sprite.png') -297px -349px no-repeat !important;
}
.customcheckBoxPanel .ui-chkbox  .ui-icon-check{
    background: url('../images/sprite.png') -297px -374px no-repeat !important;
}
.customcheckBoxPanel .ui-selectcheckboxmenu-checked{
   color: #DA1971 !important;
}
.ETFResearch .span_4 , .ETFResearch .span_8 {
    background: none;
    min-height: 726px;
    max-height: 726px;
    box-shadow: 0 -2px -5px #E4E4E4;
}
.ETFResearch .span_4 {
    padding-right: 0 !important;
    border-bottom: 2px solid #E03A41;
}
.ETFResearch .span_8 {
    border-bottom: 2px solid #E03A41;
}
.ETFResearch .mCSB_inside > .mCSB_container {
    margin-right: 0;
}
.ETFResearch .Product-Panel-Title{
    color:#282828; 
    background: url('../images/sprite.png') -84px -6px no-repeat;
}
.ETFResearch .ui-widget-content{
    border:none ;
}
.ETFResearch table th{
    display: none;
}
.ETFResearch table tbody tr.ui-datatable-empty-message{
    background: none !important;
    background-color: #f8f8f8 !important;
}
.ETFResearch table tbody tr.ui-datatable-empty-message:hover{
    background: none !important;
    background-color: #f8f8f8 !important;
}
.ETFResearch table tbody tr{
    display: block;
    width: 97%;
    height: 87px;
    border: none;
    margin-bottom: 0px;
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F2F2F2 !important;
}
.ETFResearch table tbody .imageType{
    background-color: #FFFFFF !important;
}
.ETFResearch table tbody tr.ui-state-highlight.imageType{
    background: rgba(255,60,31,0.05) !important;
    background-color: rgba(255,60,31,0.05) !important;
    border-bottom: 1px solid rgba(255,60,31,0.4)  !important;
}
.ETFResearch table tbody tr.ui-state-highlight.imageType .NameNews{
    color: #ea5c4a !important;
}
.ETFResearch table tbody .pdfType {
    background-color: #FFFFFF !important;
}
.ETFResearch table tbody tr.ui-state-highlight.pdfType{
    background: rgba(255,60,31,0.05) !important;
    background-color: rgba(255,60,31,0.05) !important;
    border-bottom: 1px solid rgba(255,60,31,0.4)  !important;
}
.ETFResearch table tbody tr.ui-state-highlight.pdfType .NameNews{
    color: #ea5c4a !important;
}
.ETFResearch table tbody .pdfType:hover{
    background-color: none !important;
    background: none !important;
}
.ETFResearch table tbody .pdfType:hover .NameNews {
    color: #ea5c4a !important;
}



.ETFResearch table tbody .videoType{
    background-color: #FFFFFF !important;
}
.ETFResearch table tbody tr.ui-state-highlight.videoType{
    background: rgba(3, 109, 199, 0.05) !important;
    background-color: rgba(3, 109, 199, 0.05) !important;
    border-bottom: 1px solid rgba(3, 109, 199, 0.59) !important;
}
.ETFResearch table tbody tr.ui-state-highlight.videoType .NameNews{
    color: #3b7ed8 !important;
}
.ETFResearch table tbody .textType{
    background-color: #FFFFFF !important;
}
.ETFResearch table tbody tr.ui-state-highlight.textType{
    background: rgba(255,60,31,0.05) !important;
    background-color: rgba(255,60,31,0.05) !important;
    border-bottom: 1px solid rgba(255,60,31,0.4)  !important;
}
.ETFResearch table tbody tr.ui-state-highlight.textType .NameNews{
    color: #ea5c4a !important;
}
.ETFResearch table tbody .imageType:hover{
    background-color: none !important;
    background: none !important;
}
.ETFResearch table tbody .imageType:hover .NameNews {
    color: #ea5c4a !important;
}

.ETFResearch table tbody .videoType:hover{
    background-color: none !important;
    background: none !important;
}
.ETFResearch table tbody .videoType:hover .NameNews {
    color: #3b7ed8 !important;
}
.ETFResearch table tbody .textType:hover{
    background-color: none !important;
    background: none !important;
}
.ETFResearch table tbody .textType:hover .NameNews {
    color: #ea5c4a !important;
}


.ETFResearch .date{
    color: #A9A9A9 !important;
    font-size: 11px !important;
    font-weight: normal !important;
    font-family: liberation_sansregular, sans-serif !important;
}
.ETFResearch a{
    width: 100%;
    display: block;
    padding: 0;
}
.NewsItemScrollDescription a {
    display: inline;
    color: #0073CF;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}
.NewsItemScrollDescription a:hover{
    text-decoration: underline;
}

.ETFResearch table tbody tr:hover{
    background-color: #e3e3e3 !important;
    box-shadow: none;
}

.ETFResearch table tbody tr.ui-state-highlight{
    background-color: #E3E3E3 !important;
    box-shadow: none;
    text-shadow: none;
}

.DocumentAperçu{
    width: 45%;
    height: 306px !important;
    float: left;
}
.DocumentAperçu .ui-panel-content{
    height: 100% !important;
}
.LongdefinitionText{
    display: block;
    width: 100%;
    float: left;
    padding-left: 13px;
    padding-right: 0px;
    text-align: justify;
    height: 100%;
}
.LongdefinitionText .mCSB_container{
    padding-right: 14px !important;
}
.LongdefinitionText .mCSB_scrollTools {
    left: 97% !important;
}
.LongdefinitionTextContent{
    overflow: hidden;
    font-family: liberation_sansregular,sans-serif !important; 
    background-color: #fff !important;
}
.LongdefinitionTextContent div{
    font-family: liberation_sansregular,sans-serif !important; 
    background-color: #fff !important;
}
.LongdefinitionTextContent font{
    font-family: liberation_sansregular,sans-serif !important; 
    background-color: #fff !important;
}
.LongdefinitionTextContent span{
    font-family: liberation_sansregular,sans-serif !important; 
    background-color: #fff !important;
}
.finder_tabview .ui-tabs-panel .ui-panel.noResults{
    background: url('../images/noresultBG.jpg') no-repeat 0 0 !important;
}

.noResults{
    display: block;
    height: 712px;
    float: left;
    width: 603px;
    clear: both;
    position: relative;
    background: url('../images/noresultBG.jpg') no-repeat 0 0 !important;
}
.finder_tabview .ui-tabs-panel .ui-panel.noResults span{
    display: block;
    width: 465px;
    margin: auto;
    text-align: center;
    line-height: 1.5;
    color: #A5A5A5;
    font-size: 16px;
    position: relative;
    top: 454px;
}

.noResults span{
    display: block;
    width: 465px;
    margin: auto;
    text-align: center;
    line-height: 1.5;
    color: #A5A5A5;
    font-size: 16px;
    position: relative;
    top: 454px;
}
.notFindContainer{
    margin-top: 50px !important;
    min-height: 600px;
}
.ellipsisText{
    display: none;
    padding-top: 1px;
    color: #0075CE;
    font-size: 13px;
    float: right;
    cursor:pointer;
}
.docInformation{
    width: 620px;
    height: auto;
    max-height: 400px;
    display: none;
    position: fixed;
    top: 32%;
    background: #FFF;
    left: 34%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px 8000px;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px 8000px;
    z-index: 33333;
    padding: 33px;
    text-align: justify;
    border-bottom: 4px solid #2F9644;
    overflow: auto;
}
.definitionText{
    display: block;
    width: 100%;
    text-align: left;
    font-size: 13px;
    height: auto;
    display: -webkit-box !important;
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #57A3E8;
}
.consulter_Button{
    color: #FFF !important;
    display: block !important;
    width: 126px !important;
    font-size: 11px !important;
    height: 29px;
    padding: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 10px !important;
    padding-left: 0px !important;
    background: url('../images/sprite.png') no-repeat -374px -523px;
    background-color: #1C78AE;
    border-radius: 3px;
    margin: auto;
    margin-top: 4px;
    float: right;
    margin-right: 8px;
    text-align: center;
}
.ETFResearchTitlecustom{
    width: 443px !important;
}
.ETFResearch table tbody td{
    border: none;
    padding-top: 8px;
    padding-bottom: 0;
    padding-right: 72px;

}
.scrollResearchDataTable{
    margin-top: 7px;
    padding-left: 3px;
}
.researchfilter{
    clear: both;
    width: 102%;
    height: 48px;
    margin-top: 15px;
    left: -6px;
    position: relative;
}
.researchfilter.newsFilterPanel .Product-Name{
    width: 108px;
} 
.researchfilter.newsFilterPanel .customFilter-select{
    width: 194px !important;
} 

.researchfilter .Product-Name {
    display: block !important;
    font-size: 12px;
    color: #737373;
    width: 108px;
    text-align: left;
    float: left;
    line-height: 3.2;
    padding-left: 13px;
}
.researchfilter .customFilter-select {
    position: relative;
    display: block;
    width: 194px !important;
    margin-top: 4px;
    margin-bottom: 8px;
    border-radius: 5px;
    background: none;
    box-shadow: 0px 0px 5px #D7D7D7 !important;
    float: right;
    margin-right: 11px;
}
.researchfilter .customFilter-select .ui-selectonemenu-label {
    width: 90% !important;
    background: #FFF !important;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    font-size: 11px !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}
.researchfilter .customFilter-select .ui-selectonemenu-trigger {
    color: #FFF;
    background: none !important;
    box-shadow: none;
    border: none;
}
.researchfilter .customFilter-select .ui-selectonemenu-trigger .ui-icon {
    background: url('../images/sprite.png') -25px -489px no-repeat;
}
.customFilterDocPanel .ui-selectonemenu-panel {
    z-index: 333333333 !important;
    border: none;
    box-shadow: 0px 3px 7px #B0B0B0;
} 
.customFilterDocPanel .ui-selectonemenu-list {
    padding: 0 !important;
    box-shadow: none;
    border: none;
    background: #FFF !important;
    font-size: 12px;
}
.customFilterDocPanel li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight {
    box-shadow: none !important;
    text-shadow: none !important;
    color: #000 !important;
    background: #F5F5F5 !important;
    border-left: 3px solid #FB5503;
    border-radius: 0px !important;
    font-size: 12px !important;
}
.customFilterDocPanel .ui-selectonemenu-panel .ui-selectonemenu-list-item {
    border-left: 3px solid #FFF;
    border-radius: 0px !important;
}
.customFilterDocPanel li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-hover {
    box-shadow: none !important;
    text-shadow: none !important;
    color: #000 !important;
    background: #F5F5F5 !important;
    border-left: 3px solid #FB5503;
    border-radius: 0px !important;
    font-size: 12px !important;
}

.customTitle{
    background: url('../images/sprite.png') -84px -6px no-repeat !important;
}
.customSpan_8{
    margin-left: 23px;
    width: 64.2%;
}
.ETFFinderPage .ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0 !important;
    box-shadow: none;
    border: none;
    background: #FAFAFA !important;
    font-size: 11px;
    width: 100%;
}
.customsubFilter .ui-selectonemenu-items-wrapper{
    overflow: hidden !important;
    height: auto !important;
}
.ETFFinderPage .ui-selectonemenu-panel {
    z-index: 333333333 !important;
    border: none;
    box-shadow: 0px 3px 7px #B0B0B0;
}
.ETFFinderPage li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight {
   box-shadow: none !important;
    text-shadow: none !important;
    color: #000 !important;
    border-radius: 0px !important;
    font-size: 11px !important;
    background: url(../img/lyxor-all-icons.png) -13px -356px no-repeat !important;
    padding-left: 23px;
}
.ETFFinderPage li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-hover{
    box-shadow: none !important;
    text-shadow: none !important;
    color: #000 !important;
    border-radius: 0px !important;
    font-size: 11px !important;
    background: url(../img/lyxor-all-icons.png) -13px -356px no-repeat !important;
    padding-left: 23px;
}
.ETFFinderPage .ui-selectonemenu-panel .ui-selectonemenu-list-item{
    border-radius: 0px !important;
    color: #878786;
    font-size: 12px;
    padding-left: 11px;
}
.finder_tabview .custumCheckBox .ui-state-active .ui-icon {
    background-image: url("../../faces/javax.faces.resource/images/ui-icons_38667f_256x240.png?ln=primefaces-aristo") !important;
}
.settingsIconStyle{
    background: url('../images/settings_ico.png') no-repeat -1px 0px !important;
    border: 0 !important;
    box-shadow: none !important;
}
.fullwidth{
    width: 100% !important;
    float: left;
}
.fullwidth .col-content{
    padding-left: 12px;
    padding-top: 9px;
}
.refreshbtn{
    width: 25px;
    height: 25px;
    float: right;
    background: url('../images/sprite.png') no-repeat -354px -458px;
    position: relative;
    top: -3px;
    margin-right: 6px;
}
.DocumentDataTable .ui-datatable-header{
    background: none !important;
    border: none !important;
    clear: both !important;
    padding: 0 !important;
    float: left;
    width: 100%;
}
.DocumentDataTable .ui-datatable-tablewrapper{
        float: left;
}
.DocumentDataTable .ui-column-filter {
    display: none !important;
}
.ui-datatable .ui-icon{
    background-image: url('../images/myicon.png') !important;
}
.ui-datepicker {
    padding: 0;
}
.ui-datepicker .ui-datepicker-header {
    background: #DDD !important;
    text-shadow: none !important;
    font-size: 12px;
    font-weight: normal;
    padding-top: 5px;
    border: none;
}
.ui-datepicker th {
    border: 1px solid #EDEDED;
    font-size: 11px;
    background: #F4F4F4;
}
.ui-datepicker td {
    border: 1px solid #EDEDED;
    font-size: 11px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    background: none;
    border: none;
    color: #5B5B5B;
    text-align: center;
    padding: 5px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    color: #1C4257;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #F4F4F4;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active{
    color: #e03d85 !important;
    text-shadow: none;
    background: #ECECEC;
}
.ui-datepicker table {
    margin: 0 !important;
}
.etfFinderPopUp .ui-dialog-content{
    overflow-y: hidden !important;
}
.customLinechart .highcharts-scrollbar{
    display:none !important;
}
.customLinechart .highcharts-background{
    fill:rgba(0, 0, 0, 0) !important;
}
.productPanel{
    margin-bottom: 3px;
}
.resultPanelOverlay .mCSB_scrollTools{
    left: 98% ;
}

.post-learnmore.btn-font-pink.amazingslider-Sublink-1 {
    background: none;
    color: #fff !important;
    margin-top: 10px;
    margin-left: 3px !important;
}
.post-learnmore.btn-font-pink.amazingslider-Sublink-1:hover{
    padding-left: 2px;
        transition: none !important;
}
.post-learnmore.btn-font-pink.amazingslider-Sublink-1:hover:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #F0EEEF transparent transparent transparent;
    float: left;
    _border-color: #DA1971 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    left: -2px;
    top: -7px;
    position: relative;
}
.tagWrapper{
    width: auto;
    float: left;
   
    margin-right: 5px;
    margin-bottom: 0;
    padding: 5px;
    background: #0f9dc7;
    border-radius: 0;
    margin-top: 8px !important;
    margin-bottom: 6px;
}
.tagWrapper a{
    color: #FFF !important;
    font-size: 11px !important;
    font-weight: normal;
}
.text1{
   font-size: 10px;
}
.text1:hover{
    text-decoration: underline;
}
.text2{
    color: #e0297d !important;
    font-size: 10px;
    padding-left: 3px;
    font-weight: normal;
}
.ellipsis{
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}
.MainFundPanelGridRow{
    font-size: 13px;
    padding-top: 7px;
    padding-bottom: 5px;
    border-bottom: 1px solid #F1F1F1;
    float: left;
    width: 100%;
    height: 40px;
    line-height: 1.3;
}
.MainFundPanelGridcolumn1{
        display: block;
        width: 50%;
        float: left;
        color: #878786;
        font-family: HelveticaNeueLTStd-Roman !important;
        font-size: 13px;
}
.MainFundPanelGridcolumn2{
    display: block;
    width: 50%;
    float: left;
    color: #282828;
    font-family: HelveticaNeueLTStd-Roman !important;
    font-size: 13px;
}
.customFilter-select.selectMenucustom{
    box-shadow: 0px 0px 5px #D7D7D7 !important;
    width: 62px !important;
    top: -2px;
    margin-right: 10px;
}
.customFilter-select.selectMenucustom .ui-selectonemenu-label{
    width: 100% !important;
    background: #FFF !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
}
.customFilter-select.selectMenucustom .ui-selectonemenu-trigger {
    color: #FFF;
    background: none !important;
    box-shadow: none;
    border: none;
}
.customFilter-select.selectMenucustom .ui-selectonemenu-trigger .ui-icon {
    background: url('../images/sprite.png') -22px -491px no-repeat;
}
.ETFFinderHeaderButtons {
    width:72px;
    min-height: 70px;
    height: auto;
    float: right;
}
.ETFFinderHeaderButtonsText{
    display: block;
    text-align: center;
    font-size: 11px;
    color: #000000;
    margin-top: 5px;
    padding-left: 0;
    padding-right: 0;
    font-family: HelveticaNeueLTStd-Roman !important;
}
.ETFFinderHeaderButtonsElement{
    display: block;
    width: 32px;
    margin: auto;
    height: 32px;
    border: none !important;
    box-shadow: none !important;
}

.ui-widget {
    font-family: HelveticaNeueLTStd-Md !important;
}
body {
    font-family: HelveticaNeueLTStd-Lt !important;
    font-size: 16px !important;
    color: #4D4D4D !important;
    font-weight: normal !important;
    -webkit-touch-callout: none;
}
.video-subtitle:hover {
    color: #0073CF;
}

/* Global Style Page */
.slideroverlay{

}
.amazingslider-bullet-wrapper-1{
    margin: auto;
   
}
.amazingslider-nav-1{
    z-index: 3;
}
.slideOverlyBlock{
    display: block;
    position: relative;
    max-width: 980px;
    height: 278px;
    width: 100%;
    background: #ECECEC !important;
    margin: 31px auto 24px !important;
}
.userPanel.PalmaresPanel{
    padding: 9px !important;
    padding-bottom: 0px !important;
}
.body-wrapper{
    height: 100%;
    width: 100%;
    background-color: #eeeeee;
    left: 0px;
}
.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}
.primaryContainer:after {
    display: none;
}
.FrontPageContainer{
    padding-bottom: 20px !important;
}
.TopPageContainer{
    background-color:#ffffff; 
    box-shadow: 0px 4px 7px rgba(51, 51, 51, 0.07);
    position: relative;
    z-index: 3;

}
.MiddlePageContainer{
    margin-top: 0px;
    padding-top: 45px;
}

.ui-blockui-content{
    box-shadow: none !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    z-index: 33335 !important;
}


.sliderWrapper{
    background-color: #ffffff;
}

.flag{
    width: 34px;
    height: 34px;
    float:left;
    background: url('../images/flags.png') no-repeat -5px -134px;

}
.GBR{
    background: url('../images/flags.png') -44px -134px no-repeat !important;
}
.FRA{
    background: url('../images/flags.png') -5px -100px no-repeat !important;
}
.ESP{
    background: url('../images/flags.png') -82px -100px no-repeat !important;
}
.JPN{
    background: url('../images/flags.png') -117px -100px no-repeat !important;
}
.ITA{
    background: url('../images/flags.png') -43px -3px no-repeat !important;
}
.SWE{
    background: url('../images/flags.png') -117px -37px no-repeat !important;
}
.SGP{
    background: url('../images/flags.png') -117px -3px no-repeat !important;
}
.NOR{
    background: url('../images/flags.png') -43px -69px no-repeat !important;
}
.LUX{
    background: url('../images/flags.png') -45px -101px no-repeat !important;
}
.FIN{
    background: url('../images/flags.png') -82px -134px no-repeat !important;
}
.CHE{
    background: url('../images/flags.png') -5px -37px no-repeat !important;
}
.DNK{
    background: url('../images/flags.png') -82px -69px no-repeat !important;
}
.NLD{
    background: url('../images/flags.png') -44px -101px no-repeat !important;
}
.DEU{
    background: url('../images/flags.png') -82px -4px no-repeat !important;
}
.BEL{
    background: url('../images/flags.png') -5px -70px no-repeat !important;
}
.AUT{
    background: url('../images/flags.png') -81px -36px no-repeat !important;
}
.CHL{
    background: url('../images/flags.png') -118px -68px no-repeat !important;
}
.CZE {
    background: url(/resources/images/flags.png) no-repeat -119px -134px !important;
}
.IRL {
    background: url(/resources/images/flags.png) no-repeat -5px -167px!important;
}
.PRT{
    background: url('../images/flags.png') no-repeat -45px -165px !important;
}

.FlagcountryText{
    float: left;
    display: block;
    padding-top: 10px;
    padding-left: 7px;
    font-size: 14px;
    font-family: HelveticaNeueLTStd-Lt !important;
}
#scrollTopButton{
    position: fixed;
    right: 180px;
    bottom: 58px;
    display: none !important;
    outline: none;
    background: url('../images/sprite.png') -413px -278px no-repeat !important;
    width: 35px;
    height: 35px;
    z-index: 3;
}
.componentForm .ui-widget-content{
    border: none !important;
    padding: 0px;
}
.ui-selectonemenu-panel{
    z-index: 333333333 !important;
    box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.4) !important;
    border: none !important;
}
.componentForm .ui-panel .ui-panel-content{
    border: none !important;
}

.Admin-AcademyThumbnail {
    display: inline-block !important;
    position: relative;
    width: 100%;
    height: 100%;
}
.Admin-academy-video-boutton {

    background-color: #0073CF !important;
    background: url("../images/sprite.png") -292px -171px no-repeat;
    box-shadow: none !important;
    border: none !important;
    opacity: 0.8;
    display: block !important;
    position: relative !important;
    width: 35px;
    height: 24px;
    font-size: 42px !important;
    left: 50%;
    margin-left: -17px;
    margin-top: -102px;
}

.thumbnail-ButtonStyle{
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
}
.thumbnail-ButtonStyle img{
    height: 100%;
    width: 100%;
    vertical-align: bottom;
    background: #EEE;
}

.userPanel{
    border:none !important;
    padding: 0px !important;
}
.userPanel .ui-panel-content{
    padding: 0px !important;
}
.DisclaimerDialog .ui-dialog-content{
    height: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    overflow: hidden !important;
}

.DisclaimerDialog .mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: 98%;
    top: 0;
    right: 0;
    bottom: 0;
}
.DisclaimerDialog .mCSB_container {
    padding-right: 9px;
}
.DisclaimerDialog p , .DisclaimerDialog p span {
    color: #7E7E7E !important;
    font-size: 13px !important;
    font-family: liberation_sansregular,sans-serif !important;
    background-color: #fafafa !important;
}
.DisclaimerDialog p.cookieText{
    background-color: #fff !important;
}
.DisclaimerDialog p.cookieText span{
    background-color: #fff !important;
}



.Custom_DisclaimerDialog .ui-dialog-content{
    height: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    overflow: hidden !important;
}

.Custom_DisclaimerDialog .mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: 98%;
    top: 0;
    right: 0;
    bottom: 0;
}
.Custom_DisclaimerDialog .mCSB_container {
    padding-right: 9px;
}
.Custom_DisclaimerDialog p , .DisclaimerDialog p span {
    color: #7E7E7E !important;
    font-size: 13px !important;
    font-family: liberation_sansregular,sans-serif !important;
    background-color: #fafafa !important;
}
.Custom_DisclaimerDialog p.cookieText{
    background-color: #fff !important;
}
.Custom_DisclaimerDialog p.cookieText span{
    background-color: #fff !important;
}
.CustomDialog{
    position: fixed !important;
    width: 80% !important;
    height: 80% !important;
    left: 10% !important;
    top: 10% !important;
    z-index: 333333 !important;
    border-bottom: 4px solid #FF8347;
    box-shadow: none;

}
.CustomDialog.ui-overlay-hidden {
    display: none !important;
}
.CustomDialog iframe{
    width: 100%;
    height: 100%;
}

.CustomDialog .ui-dialog-content , .CustomDialog .col{
    height: 100% !important;
}
.ui-dialog-titlebar {
    background: none !important;
}
.ui-dialog-title{
    color: #ff8400;
}

/* END Global Style Page */

/* superHeader Style */
.superheader{
    width: 100%;
    height: 26px;
    background: #b5b5b5;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 333333333;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #116CB5;
}
.superheader-settings{
    height: 100%;
    max-width: 980px;
    margin: auto;
}

.chooseWebsite {
    width: auto;
    float: left;
    top: 0px;
    position: relative;
    height: 30px;
    display: block;
}
.chooseWebsite-column1{
    display: none;
    padding-top: 6px;
    color: #FFF;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
}
.chooseWebsite-column2{
    height: 26px !important;
    position: relative;
    top: 0px;
    overflow: hidden;
    background:  url('/resources/img/lyxor-all-icons.png') no-repeat;
    background-size: 10px;
    background-position: -187px -427px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: none;
    border-radius: 0 !important;
    display: block;
    overflow: visible;
}

.chooseWebsite-column2 select{
    height: 100%;
    margin-left: 0;
    background: none;
    color: #003f71;
    font-size: 11px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none !important;
    appearance: none !important;
    text-indent: 0.01px;
    text-overflow: ' ';
}
.chooseWebsite-column2 select option{
    background: #CACBCC;
}
.superHeaderContact{
    margin-left: 26px;
    color: #FFF;
    line-height: 2;
    font-size: 11px !important;
    float: right;
    right: 44px;
    position: relative;
}



/* END superHeader Style */


/* Header Style */
.headerWrapper{
    position: relative;
    width: 100%;
    top: 0;
    background: none;
}

#loginbackground{
    background: #116CB5;
    position: fixed;
    width: 100%;
    left: 0;

}
#logo_container_fr{
    float: left;
    height: 82px;
    margin-left: 2.91875%;
    margin-top: 17px;
    clear: none;
    width: 158px;
    position: relative;
    left: 0px;
    top: -10px;
    display: block;
    margin-right: 42px;
}
#logo_container_en{
    float: left;
    height: 82px;
    margin-left: 2.91875%;
    margin-top: 17px;
    clear: none;
    width: 158px;
    position: relative;
    left: 0px;
    top: -10px;
    display: block;
    margin-right: 42px;
}

#logo_container img{
    width: 71%;
    margin: auto;
    display: block;
    margin-left: 0;

}
.LyxorSlogan{
    width: 185px;
    float: right;
    font-size: 14px;
    color: #0073CF;
    margin-top: 28px;
    margin-right: 28px;
    line-height: 1.5;
    display: block;
}


#recherche_bar {
      float: right;
    position: relative;
    padding-right: 0;
    margin-top: -2px;
    padding-left: 9px;
    width: 0;
    padding: 0;
}

.active-SearchBar{
    display: block !important;
}
#recherche_bar .ui-autocomplete-multiple{
    width: 90% !important;
    float:left;
    height: 80% !important;
}
#recherche_bar .ui-autocomplete-multiple .ui-autocomplete-multiple-container{
    width: 100%;
    box-shadow: none !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow: auto ;
}
.autocomplete_container{
    display: block;
    height: 100%;
    width: 100%;
}
.autocompletebar {
    width: 97%;
    position: absolute;
    height: 34px;
    box-shadow: none;
    border-radius: 0px;
    top: -1px;
    font-weight: normal !important;
    border: 1px solid #D1D0D0 !important;
    font-size: 12px !important;
}
.ui-autocomplete-multiple-container .ui-autocomplete-input-token , .ui-autocomplete-multiple-container .ui-autocomplete-input-token input{
    width: 100% !important;
}
#autocomplete_btn_animation{
    width: 100%;
    height: 100%;
    margin: auto;
    display: block;
    margin-top: 0;
    background: url(../img/lyxor-all-icons.png) -128px -109px no-repeat;
}
#autocomplete_btn_animation2 {
    width: 20px;
    height: 20px;
    margin: auto;
    display: block;
    margin-top: 6px;
    background: url(../images/sprite.png) -15px -15px no-repeat;
}

.wait{
    height: 30px !important;
    width: 30px !important;
    margin: 5px auto;
    position: relative;
    background: none !important;
    margin-top: 5px !important;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 2px solid rgba(0, 163, 201, 0.52);
    border-right: 2px solid rgba(0, 163, 201, 0.37);
    border-bottom: 2px solid rgba(0, 163, 201, 0.15);
    border-top: 2px solid rgba(0, 163, 201, 0.8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}



.ui-autocomplete-panel{
    z-index: 33333333 !important;
    display: block;
    top: 79px !important;

}
.autocompleteButton{
    width: 38px !important;
    display: block !important;
    position: relative !important;
    clear: none !important;
    float: left !important;
    margin: 0 !important;
    border-radius: 0 !important;
    top: 0px;
    background: #ffffff !important;
    cursor: default;
}
.autocomplete_div {
    border-radius: 0px !important;
    overflow: hidden;
}
.autocomplete_div input{
    z-index: 33333333333 !important;
    border: none !important;
    display: none;
    overflow: hidden;
    padding-left: 50px;
    border-radius: 0 !important;
    top: 0;
    background: #f5f5f5;
    text-shadow: none;
}
.LyxorSlogan span{
    display: block;
    width: 100%;
}
.LyxorSlogan .Bold{
    font-weight: normal;
}
.finder_ico {
    height: 100%;
    width: 100%;
    background: url("../images/icons.png") !important;
    top: 8px !important;
    left: 0px;
    background-position: -1253px -228px !important;
    background-size: 726px !important;
}

div#amazingslider-1 {
    height: auto !important;
}
.amazingslider-bottom-shadow-1{
    top:95% !important;
}
/*.amazingslider-nav-1{
    top: 89% !important;
    display: none !important;
}*/
.amazingslider-text-wrapper-1{
    margin: 0px !important;
    background: transparent\9;
    position: relative !important;
    display: block;
    zoom: 1;
}

.textLimit{
    font-family: liberation_sansregular,sans-serif !important;
    background-color: #fff !important;
}
.textLimit table , .textLimit tbody, .textLimit td, .textLimit tr{
    font-family: liberation_sansregular,sans-serif !important;
    background-color: #fff !important;
}
.textLimit div{
    font-family: liberation_sansregular,sans-serif !important;
    background-color: #fff !important;
}
.textLimit span{
    font-family: liberation_sansregular,sans-serif !important;
    background-color: #fff !important;
}
.textLimit font{
    font-family: liberation_sansregular,sans-serif !important;
    background-color: #fff !important;
}

.amazingslider-nav-thumbnail-tite-1 {
    display: block;
    position: relative;
    padding: 12px;
    text-align: center;
    font: normal 12px liberation_sansregular,sans-serif !important;
    color: #EEE;
}

/* END Header Style */
/* Menu Style */
.topmenu{
    width: 100%;
    z-index: 0;
    top: 131px;
    background: #FFF !important;
    height: auto;
    box-shadow: none;
    border-radius: 3px;
}
.topmenu nav{
    position: relative;
    margin: auto;
    height: 100%;
    width: 100%;
    left: 0px;
    float: left;
    background: #116CB5;
    z-index: 2222;
}
.positive{
    color: #00ab97 !important;
}
.negative{

    color: #e50046 !important;
}
/* END Menu Style */
/* Login Style */

.login-input-container{
    box-shadow: 1px 2px 1px #044B78 !important;
    border-radius: 2px;
}
.login-input{
    border-radius: 0px !important;
    border: none !important;
    background: #FFF !important;
    padding: 5px !important;
    font-size: 12px;
    font-weight: normal;
}
.rememberme-container{
    width: 50%;
    float: left;
    margin-top: 5px;
}
.loginsub-wrapper{
    width: 220px;
    float: none !important;
    margin-right: 0px !important;
    margin: auto !important;

}

.connectbtn{
    margin-bottom: 5px;
    float: right;
    width: 43%;
    height: 32px;
    box-shadow: 1px 2px 1px #044B78 !important;
}
.connectbtn input{
    height: 100% !important;
    font-size: 12px;
    font-weight: normal;
}
.registerbtn{
    float: right;
    box-shadow: 1px 2px 1px #044B78 !important;
}

/* END Login Style */

/* Footer Style */
.FooterContainer{
    background: none;
    box-shadow: none;
}
.FooterPart1{
    box-shadow: none;
    margin: auto;
    float: none;
}
.FooterPart2{
    background: #dddddd !important;
    height: auto;
    padding: 0 !important;
}
.FooterPart3{
    background: #ffffff !important;
    height: auto;
    padding: 0 !important;
}
.FooterTitle{
    color: #000000;
    font-size: 19px;
    font-weight: normal;
    font-family: HelveticaNeueLTStd-Md;
    display: block;
    padding-bottom: 4px;
    margin-bottom: 0;
    float: left;
    width: 100%;
}
.FooterPart2 .container .col-md-11 {
    margin: auto;
    float: none;
    padding-left: 29px;
    padding-right: 30px;
}
.LastLinkWrapper .text-error{
    padding-bottom: 20px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: normal;
    color: #878786;
    font-family: HelveticaNeueLTStd-Roman !important;
}
.col.span_4.MiddleLinkWrapper {
    padding-left: 61px;
}
.social-icons{
    text-align: left;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.social-icons i {
    font-size: 15px !important;
    padding: 12px;
    padding-right: 14px;
    padding-left: 0;
}
.copyright{
    text-align: right;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 12px;
    color: #646263;
}
.MiddleLinkWrapper a{
    display: block;
    text-align: left;
    padding-bottom: 2px;
    padding-top: 7px;
    text-transform: none !important;
    font-size: 13px;
    font-weight: normal;
    color: #878786;
    font-family: HelveticaNeueLTStd-Roman !important;
     float: left;
    width: 100%;
}
.MiddleLinkWrapper a:hover{
    color: #646263;
}
.Rubrique_Liste{
    display: block;
    width: 50%;
    float: left;
}
.Rubrique_Liste li{
    display: block;
    width: 100%;
    float:left;
}
.Rubrique_Liste li a{
    color: #646263;
    display: block;
    padding: 3px;
    font-family: HelveticaNeueLTStd-Roman !important;
}
.Rubrique_Liste li a:hover{
    color: #646263;
}
.Rubrique_Liste li a span{
    font-size: 13px;
    font-weight: normal;
    color: #878786;
}

.infobar {
    width: 100%;
    background: none;
    margin-bottom: 0px;
    box-shadow: none;

}
.FooterPart1 .infobar{
    padding-bottom: 39px;
    padding-top: 42px;
    padding-left: 0;
    padding-right: 0;
}
.infobar .span_12 , .infobar .span_4{
    background: none;
    box-shadow: none;
}

.infobar-container{
    margin: auto;
    height: 100%;
}
#rubriques{

    position: relative;
    width: 41%;
    height: 64%;
    float: left;
    font-size: 12px;
}
#links-info{
    position: relative;
    width: 41%;
    height: 64%;
    float: left;
    margin-left: 176px;
    font-size: 12px;
}

#rubriques div > a.universe {
    color: #FFF;
    font-weight: normal;
}
#rubriques div > a.universe:hover {
    text-decoration: underline;
}
#rubriques div > a {
    color: #CCC;
}
#rubriques div > a:hover{
    text-decoration: underline;
}
#links-info div > a.universe {
    color: #FFF;
    font-weight: normal;
}
#links-info div > a.universe:hover {
    text-decoration: underline;
}

#links-info div > a {
    color: #CCC;
}

#links-info div > a:hover{
    text-decoration: underline;
}
.footer-socials {
    width: 100%;
}
.footer-socials a{
    display: block;
    width: 35px;
    height: 35px;
    float: right;
    cursor: pointer;
    margin-left: 7px;
}

.footer-socials h4 {
    color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
    margin: 10px 0px 10px;
    position: relative;
    left: -8px;
    top: 9px;
}
.footer-socials .social a {
    display: inline-block;
    margin-right: -4px;
    width: 30px;
    height: 30px;
}

.footer-socials .social a img{
    width: 100%;
    padding-top: 0;
}

.infobar-white{
    width: 1000px;
    margin: auto;
    height: 80px; 
}

.infobar-white .links{
    width: 35%;
    float: left;
    margin-left: 459px;
}


#footermenubtn{
    position: absolute;
    height: 42px;
    width: 100px;
    background: #4F81BD;
    top: -42px;
    left: -2px;
    color: #FFF;
    font-size: 18px;
    line-height: 2.2;
    text-align: center;
    cursor:pointer;
    -webkit-backface-visibility: hidden;

}
.LinkedIn{
    background:url('../images/sprite.png') -500px -280px no-repeat;
}
.Twitter{
    background:url('../images/sprite.png') -501px -224px no-repeat;
}
.Facebook{
    background:url('../images/sprite.png') -500px -336px no-repeat;
}
.Youtube{
    background:url('../images/sprite.png') -501px -170px no-repeat;
}
.LinkedIn:hover{
    background:url('../images/sprite.png') -552px -279px no-repeat;
}

.Twitter:hover{
    background:url('../images/sprite.png') -553px -223px no-repeat;
}

.Facebook:hover{
    background:url('../images/sprite.png') -551px -335px no-repeat;
}

.Youtube:hover{
    background:url('../images/sprite.png') -554px -170px no-repeat;
}

/* End Footer Style */



/* TopTen Style */

.tabView{
    background: none;
    border: none;
}

.ui-tabs .ui-tabs-nav li a{
    font-size: 80%;
}



.tabView.ui-widget-content{
    background: none !important;
    border: none !important;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0;
    font-family: liberation_sansregular, sans-serif;
}

.tabView .ui-tabs-nav {
    background: none !important;
    background:none !important;
    background: none !important;
    background: none !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}


.tabView .ui-tabs-panel {
    border-width: 0;
    padding: 0px !important;
    background: none;
}

.tabView .ui-tabs-selected {
    background: #FFFFFF !important;
    top: 2px !important;
}
.tabView .ui-tabs-selected a {
    color: #4e81bd  !important;
}


.userPanel .ui-panel-content .tabView .ui-state-active a,.userPanel .ui-panel-content .tabView .ui-state-active a:link,.userPanel .ui-panel-content .tabView .ui-state-active a:visited {
    color: #0073CF  !important;
    text-shadow: none !important;
    font-size: 11px;
    font-weight: normal;
}

.tabView .ui-tabs-nav li{
    border-radius: 0px !important;
    border: none;
}

.tabView .ui-widget-content {
    background: none !important;
    border: #E4E4E4;
    border-width: 1px 0px 0px !important;
    border-top-color: #D5D5D5 !important;
}

.ui-tabs .ui-tabs-nav li{
    background: #FFF ;

}
.ui-tabs .ui-tabs-nav li a{
    color:#333 !important;
    font-size: 11px;
    font-weight: normal;
}

.ui-tabs .ui-tabs-nav li:hover {
    box-shadow: none;
}

.ui-tabs .ui-tabs-nav li a:hover{
    color:#4f81bd !important;
    text-shadow: none !important;
    font-size: 11px;
    font-weight: normal;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0px !important;
}


.ETFS .ui-datatable-header{
    background: #FFF!important;
    border: none;
    box-shadow: none !important;
    color: #5C5C5C;
    text-shadow: none !important;
    font-weight: normal;
    font-size: 12px;
    border-radius: 0px;
}

.ETFS .ui-state-default{
    box-shadow: none;
}

.ETFS thead th span{
    color: #FFF !important;
    text-shadow: none !important;
    font-size: 11px;
}

.bestworstgrid .ui-button{
    font-size: 11px;
    color: #333;
    width: 39px;
    border-radius: 0px;
    text-shadow: none !important;
    font-weight: normal;
    box-shadow: none !important;
}

.bestworstgrid .ui-button-text-only .ui-button-text {
    padding: 0.4em 0em !important;
    text-align: center;
}
.bestworstgrid2 .ui-button-text-only .ui-button-text {
    padding: 0.4em 0em !important;
    text-align: center;
}

.bestworstgrid .ui-button:focus{
    background: #C7C7C7 !important;
    background: #C7C7C7;
    background: #C7C7C7;
    background: #C7C7C7;
    color: #fff;
    box-shadow: none !important;
}
.bestworstgrid .ui-button:hover{
    background: #0073CF !important;
}
.bestworstgrid .ui-button .ui-button-text:hover{
    color: #FFF ;
}

.bestworstgrid2 .ui-button:focus{
    background-color: rgb(79, 129, 189);
    color: rgb(255, 255, 255);
    box-shadow: none !important;
}
:focus{
    outline: none;
}
.bestworstgrid2 .ui-button:hover{
    background: #0073CF !important;
}
.bestworstgrid2 .ui-button .ui-button-text:hover{
    color: #FFF ;
}
.bestworstgrid2 .ui-button{
    font-size: 11px;
    color: #333;
    border-radius: 0px;
    width: 39px;
    text-shadow: none !important;
    font-weight: normal;
    box-shadow: none !important;
}

.bestworstgrid td{
    padding: 0px 1px;
    border: none;
}

.bestworstgrid2 td{
    padding: 0px 1px;
}
.login-form{
    width: 290px;
    margin: 0 auto; 
}


.recent-post .ui-chkbox{
    float:left;
}

.recent-post .ui-chkbox .ui-chkbox-box{
    background: #fff;
}


.login-btn span{
    padding: 15px 90px 15px 90px;
    background: #3f6898;
    color:#FFF;
}

.login-btn span:hover{
    padding: 15px 90px 15px 90px;
    background: #FFF;
    color: #4f81bd;
}
.register-btn span{
    padding: 15px 66px 15px 79px;
    background: #FFF;
    color: #4f81bd;
    text-align: center;
}

.register-btn span:hover{

    background: #3f6898;
    color: #FFF;
}

/* END TopTen Style */


.treasurycolumn2 span{
    width: 65%;
    display: block;
    float: left;
    clear: both;
}
.treasurycolumn2 button{
    float: left;
    width: 35%;
}

.tabsbtn{
    position: relative;
    height: 50px;
    width: 95%;
    top: 8px;
    margin: auto;
    display: none;
}

.settingstoogle {
    display: none;
    padding: 0.5em 0.5em 0.8em;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-weight: normal;
    text-align: left;
    position: fixed;
    right: 0%;
    top: 0%;
    color: #07100F;
    font-size: 1.2em;
    border: none;
    cursor: pointer;
    width: 49px;
    background: #116CB5;
    background-size: 21px !important;
    background-repeat: no-repeat !important;
    background-position: 15px 6px !important;
    margin-top: 4px !important;
    height: 34px;
    z-index: 3333333333333333333333;
}
.active-settings-btn {

}
#alphabetic-container button{
    background: #DFE8F0 !important;
    display: block;
    float: left;
    width: 39.3px;
    height: 30px;
    box-shadow: none;
    border: none;
    margin: 0;
    border-radius: 0px;
}
.prehomePopup{
    width: 200px !important;
}
.prehomePopup .ui-dialog-titlebar {
    background: #D3EAFB !important;
}
.prehomePopup .ui-dialog-title{
    color: #7F7F7F !important;
    text-shadow: none;
}
#alphabetic-container button span{
    text-shadow: none;
    font-size:  11px;
    color: #0269AF;
    text-align: center;
}

.etfFinder-nameColumn{
    max-width: 290px;
    overflow: hidden !important;
    min-width: 190px;
    clear: both;
}
.customFilter-title{
    font-size: 11px;
    line-height: 2;
}
.customFilter-select{
    width: 76px !important;
    border-radius: 3px;
    border: 0px !important;
}
.customFilter-select .ui-selectonemenu-label{
       font-size: 14px !important;
    background: none;
    box-shadow: none !important;
    text-shadow: none;
    color: #878786;
    background: #F0F0F0 !important;
    box-shadow: none;
    width: 78px !important;
}
.customFilter-select .ui-selectonemenu-trigger{

    color: #FFF;
    background: none !important;
    box-shadow: none;
}
.customFilter-select .ui-selectonemenu-trigger .ui-icon {
    margin-top: 3px !important;
    left: -4px !important;
    position: relative !important;
}
.custom-sliderrange .ui-slider-range{
    background: #5B9BD5  !important;
    box-shadow: none !important;
    border: 0px !important;
}
.custom-sliderrange .ui-slider-handle{
    background: #5B9BD5  !important;
    box-shadow: none !important;
    border: 1px solid #D7D7D7 !important;
}
.customClear{
    position: relative;
    top: -66px !important;
    float: right !important;
    width: 65px !important;
    height: 26px !important;
    box-shadow: none !important;
    border: none !important;
    font-size: 10px !important;
    font-weight: normal !important;
    text-align: center !important;
}
.customClear span{
    text-align: center;
}
.MonthColumn{
    width: 103px;
}
.etfFinder-nameColumn a{
    width: 1000px;

}


.col-date {
    color: #a9a9a9 !important;
    font-size: 11px !important;
    font-weight: normal !important;
    font-family: liberation_sansregular, sans-serif !important;
    margin-top: 1px !important;
    padding-left: 12px;
    margin-bottom: 9px;
    float: left;
    width: 100%;
}

.portfoliochartPanel .ui-panel-content{
    height: 100% !important;
    float: left !important;
    width: 100% !important;
    border: none !important;
}
.finderfilter-clearallbtn{
    position: relative;
    float: right;
    width: 18px !important;
    height: 19px !important;
    background: url('../images/sprite.png') -297px -266px no-repeat !important;
    border: none !important;
    border-radius: 0;
    margin-top: 7px;
    margin-right: 5px;
    box-shadow: none !important;
}
.finderfilter-clearallbtn:disabled {
    background: url('../images/sprite.png')  -298px -300px no-repeat !important; 
    opacity: 1;
    filter: Alpha(Opacity=1);
}
.finder-selectmanycheckbox .mCSB_scrollTools {
    left: 91%;
}
.finder-selectmanycheckbox {
    min-height: 140px;
    max-height: 140px;
    min-width: 100%;
    position: relative;
    border-top: 0px !important;
    overflow-x: hidden !important;
    overflow: auto;
    border: none;
    background: #fafafa !important;
    border-radius: 3px;
    padding: 7px;
    padding-left: 0px;
    padding-right: 0;
    padding-top: 0;
    font-size: 11px !important;
    display: block;
    color: #878786;
    clear: both;
}
.finder-selectmanycheckbox .ui-button-text-only .ui-button-text{
    color: #878786;
    font-size: 12px;
    font-family: HelveticaNeueLTStd-Lt;
    font-weight: normal;
}
.finder-selectmanycheckbox .ui-state-hover {
    box-shadow: none !important;
    background: url(../img/lyxor-all-icons.png) -14px -352px no-repeat !important;
    padding-left: 10px;
}
.finder-selectmanycheckbox .ui-state-hover .ui-button-text {
    color:#333;
}
.ui-slider-horizontal{
    width: 123px !important;
}
.finder-selectmanycheckbox .ui-chkbox .ui-chkbox-box {
    background: transparent !important;
    box-shadow: none;
    border: 0px solid #116CB5 !important;
    vertical-align: middle;
    margin-right: -1px;
    background-size: 88% !important;
    background-position: 1px 1px !important;
    background-repeat: no-repeat !important;
    vertical-align: middle;
    margin-right: -1px;
}
.finder-selectmanycheckbox span.ui-chkbox-icon.ui-c.ui-icon.ui-icon-check {
    background-size: 89% !important;
    background-position: 1px 1px !important;
    background-repeat: no-repeat !important;
}
.finder-selectmanycheckbox tbody tr td label {
    top: 1px !important;
}

li.ui-selectlistbox-item{
    font-size: 11px  !important;
    color: #5E5E5E !important;
}

li.ui-selectlistbox-item:hover{
    color: #FFF !important;
    background: #C0C0C0;
    box-shadow: none;
}

li.ui-selectlistbox-item.ui-corner-all.ui-state-highlight {
    background: rgba(189, 189, 189, 0.61) !important;
    border: none !important;
    text-shadow: none;
    color: #818181;
}
.ui-chkbox .ui-chkbox-box {
    background: #FFF !important;
    border: 1px solid #116CB5 !important;
    vertical-align: middle;
    margin-right: -1px;
}
#adminsettings-btn:hover{
    background: #888 !important;
}
.admin-logout{
    position: relative;
    display: block;
    float: right;
    width: 112px;
    height: 35px;
    border-radius: 3px;
    color: #FFF;
}
.admin-logout:hover{
    background: #888;
    border-radius: 0px;
}
.admin-logout .img {
    display: block;
    width: 15px;
    float: left;
    margin-top: 9px;
    margin-left: 0px;
}
.admin-logout .text {
    display: block;
    position: relative;
    margin: auto;
    margin-left: 0px;
    width: 84px;
    text-align: center;
    margin-top: 9px;
    font-size: 12px;
    color: #FFF;
    float: left;
}
.toggle-finder-btn{
    width: 26px;
    height: 26px;
    margin-top: 9px;
    margin-bottom: 9px;
    position: relative;
    float: right;
    background-repeat: no-repeat;
    background-size: 100% !important;
    cursor: pointer;
}
.EQFinderMnemoContainer{
    display: inline-block;
    width: 62px;
    height: 62px;
    text-align: center;
    padding-top: 23px;
    padding-bottom: 20px;
    background: #116CB5;
    border-radius: 100%;
    color: #FFF !important;
    vertical-align: middle;
}
.FICFinderMnemoContainer{
    display: inline-block;
    width: 62px;
    height: 62px;
    text-align: center;
    padding-top: 23px;
    padding-bottom: 20px;
    background: #e13b41;
    border-radius: 100%;
    color: #FFF !important;
    vertical-align: middle;
}
.COMFinderMnemoContainer{
    display: inline-block;
    width: 62px;
    height: 62px;
    text-align: center;
    padding-top: 23px;
    padding-bottom: 20px;
    border-radius: 100%;
    color: #FFF !important;
    vertical-align: middle;
    background: #60a83c;
}

.FinderETFNameContainer.Product-Name {
    font-size: 25px !important;
    font-family: HelveticaNeueLTStd-Lt !important;
    font-weight: normal !important;
    color: #878786 !important;
}

.FinderInfo {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    min-height: 95px;
    align-items: stretch;
}
#panel-product-nav {
    box-shadow: 0px -2px 7px #F6F6F6;
    background: #878786;
}
/* product custom */
.FinderProductPanel{
    clear: both;
    width: 100%;
    margin: auto;
}
.FinderProductPanel1{
    width: 49%;
    margin-left: 12px;
    margin-top: 14px;
    margin-bottom: 25px;
    border-bottom: 1px solid #0e9dc7;
    padding-bottom: 0px;
    background: #fff;
}
.customMessage{
    text-align: center;
    position: relative;
    height: auto;
    width: 396px;
    margin: auto;
    margin-top: 90px;
    margin-bottom: 105px;
    padding-top: 45px;
    padding-bottom: 40px;
    background: #ffffff;
    color: #e80046;
    border-radius: 2px;
    border: 1px solid #ffffff;
    font-size: 19px;
    font-weight: normal;
}

.customMessageItaly{
    text-align: left;
    position: relative;
    top: 45px !important;
    height: auto;
    width: 900px;
    margin: auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #F8F8F8;
    color: #7B7B7B;
    border-radius: 2px;
    border: 1px solid #FF5E00;
}

.customMessage.customMessage2 {
    text-align: center;
    position: relative;
    height: auto;
    width: 396px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #F8F8F8;
    color: #7B7B7B;
    border-radius: 2px;
    border: 1px solid #FF5E00;
    margin-top: 84px;
    margin-bottom: 32px;
}
.FinderProductPanel2{
    width: 49%;
    margin-left: 15px;
    margin-top: 14px;
    margin-bottom: 25px;
    border-bottom: 1px solid #0e9dc7;
    padding-bottom: 0px;
    background: #fff;
}
.calendarContainer{
    width: auto;
    float: right;
    position: relative;
    top: -50px;
    font-size: 10px;
    background: none;
    height: 29px;
    margin-bottom: 5px;
    border-radius: 4px;
    padding-left: 9px;
}

.calendarContainer .ui-outputlabel{
    color: #e03d85 !important;
    padding-right: 10px;
    display: block;
    float: left;
    padding-top: 4px;
    padding-bottom: 5px;
    border-right: 1px solid #dddddd !important;
    font-size: 12px;
}
.websiteLink:hover{
    text-decoration: underline;
}
.CalendarComponent .ui-inputfield{
    background: #FFFFFF;
    text-align: center;
    text-shadow: none;
    color: #454545;
    border: none;
    padding-left: 0px;
    padding-right: 0;
    padding-top: 6px;
    padding-bottom: 5px;
}
.customName{
    white-space: normal !important;
}
.highcharts-input-group {
    top: 0px !important;
    position: relative !important;
    left: 53px !important;
}
.highcharts-input-group rect{
    fill: #FFFFFF;
    border-radius: 5px !important;
    border: 1px solid #B5B5B5 !important;
}
.highcharts-input-group g{
    border-radius: 5px;
}
.linechartcontainer{
    border: 1px solid #eee;
    display: block;
    float: left;
    width: 100%;
}
.linechartcontainer .highcharts-background{
    fill:none !important;
}
.chartcontainer2 svg{
    overflow: visible;
}
.Product-Name{
    font-size: 14px;
    color: #000000 !important;
    font-family: HelveticaNeueLTStd-Lt;
    font-weight: normal;
}
.Product-Panel-Title {
        font-size: 30px;
        font-family: HelveticaNeueLTStd-Lt !important;
        padding-bottom: 7px;
        padding-top: 10px;
        display: block;
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid #dddddd;
        background-color: #FFF !important;
        color: #000;
}
.col-md-12.passportingContentContainer .Product-Panel-Title {
    display: inline-block !important;
}
.OpenDocBTN{
    width: 100%;
    display: block;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}
.OpenDocBTN:hover{
    text-decoration: underline;
}
.Product-Panel-Paragraph{
    font-size: 14px !important;
    text-align: justify;
    padding-top: 0px;
    display: block;
    color: #878786;
    font-family: HelveticaNeueLTStd-Roman !important;
    font-weight: normal !important;
}
.customProductPanel{
    background: none;
    padding-bottom: 9px !important;
}
.resPanel2{
    padding: 0px ;
    border-bottom: 0;
}

.PanelGrid{
    margin-top: 3px;
    margin-bottom: 0;
    min-width: 100%;
}
.PanelGrid tr{
    border-bottom: 1px solid #D8D8D8 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;  
}
.PanelGrid td{
    border: none;
    font-size: 13px;
}
.PanelGrid-column1 {
    font-weight: normal !important;
    display: block;
    float: left;
    width: 50%;
    color: #878786 !important;
    border-right: none !important;
    border-top: none !important;
    font-family: HelveticaNeueLTStd-Roman !important;
    border-left: none !important;
    border-bottom: none !important;
}
.PanelGrid-column2 {
    display: block;
    float: left;
    width: 50%;
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
    max-width: 200px;
    overflow: hidden;
    font-family: HelveticaNeueLTStd-Roman !important;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    color: #282828;
}
.mytable{
    margin-top: 9px;
}
/*.customTable .ui-datatable-tablewrapper{
    overflow: hidden !important;
    border-bottom: none !important;
}*/
.etfsTable.customTable.customTable2{
    width: 100% !important;
    float: left;
    min-height: 232px;
    max-height: 232px;
}
.customTable2 .mCSB_scrollTools {
    left: 93%;
}
.customTable2 thead{
    display: none;
}
.customFont{
        color: #009fca;
        font-weight: normal !important;
        clear: both;
} 
.customFont2{
    display: block;
    width: 100%;
    height: 36px;
    padding-left: 12px;
    font-size: 13px;
    padding-top: 9px;
    padding-bottom: 9px;
    background: #EFEFEF;
}

.Product-Panel-CustomTitle{
    padding-left: 2px;
    background: none;
    padding-top: 10px;
    color: #E50046;
    font-size: 14px;
    font-weight: normal;
    font-family: HelveticaNeueLTStd-Lt !important;
}
.mytable thead th {
    background: #116CB5 !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-size: 12px !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border: 0px solid #A8A8A8 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: normal !important;
}

.mytable tbody td {
    white-space: normal !important; 
}
.mytable tr {
    border-bottom: 1px solid #E9E9E9 !important;
    border-left: none !important;
    border-right: none !important;
}
.mytable tbody {
    border:none !important;
}
.mytable td {
    font-size: 12px !important;
    border:none !important;
}

.splitmenu{

}
.splitmenu .ui-accordion-header {
   background: none !important;
    box-shadow: none !important;
    border: 1px solid #eee !important;
}
.splitmenu .ui-accordion-header a {
    display: block;
    font-size: 14px !important;
    color: #676767 !important;
    text-shadow: none !important;
    font-weight: normal !important;
}

.faqsplitmenu .ui-accordion-header  {
    background: #5B9BD5 !important;
}
.faqsplitmenu .ui-accordion-header a  {
    color: #FFF !important;
}
.etfsTable thead th span{
    font-size: 11px;
}
.etfsTable{
    height: auto !important;
    background: #FFF !important;
    width: 100% !important;
    margin: auto !important;
    background-color: rgb(255, 255, 255);
}
.etfsTable .ui-tabs-top{
    border: none !important;
}
.etfsTable thead th{
    background: #00a3cc !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-size: 12px !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border: 0px solid #A8A8A8 !important;
    padding-top: 2px;
    padding-bottom: 2px;
    padding: 8px 6px;
    text-align: left;
}
.etfsTable td{
    border: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: 1px dashed #E6E6E6 !important;
}

.realTimeTable.DocumentDataTable td{
    border-left: 1px dashed #E6E6E6 !important; 
}
.etfsTable tr{
    border-color: #ECECEC !important;
}
.filter1{
    border:1px solid #333 !important;
    width: 210px;
    float:left;
    top: 15px;
    position: relative;
}
.filter2{
    border:1px solid #333 !important;
    width: 100%;
    float:left;
}
.filter2 .ui-panel-content{
    height: 227px;
}
.clearfilterIcon{
    width: 27px;
    height: 27px;
    margin: auto;
    display: block;
    margin-top: 4px;
    background: url(../images/sprite.png) -336px -1573px no-repeat;
}
.customIcofilter{
    background: none !important;
    cursor: pointer;
}
.customIcofilter2{
    background: none !important;  
    cursor: pointer;
}
.clearfilterIcon2{
    width: 27px;
    height: 27px;
    margin: auto;
    display: block;
    margin-top: 4px;
    background: url(../images/sprite.png) -383px -1575px no-repeat;
}
.filter3{
    border:1px solid #333 !important;
    width: 160px;
    float:left;
}
.newETF-row{
    width: 100%;
    height: 33px;
    margin-bottom: 13px;
}
.ETFFinderClearAll{
      width: 15px !important;
    height: 17px !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border-radius: 3px;
    text-shadow: none !important;
    font-size: 11px !important;
    position: absolute;
    right: 0;
    background: url('../img/lyxor-all-icons.png') no-repeat -249px -143px !important;
    
    margin-top: 7px !important;
    margin-right: 10px;
    cursor: pointer !important;
   
    opacity: 1 !important;
    filter: Alpha(Opacity=100);
}
.ETFFinderClearAll:disabled {
    color: #FB5503 !important;
     background-position: 0px 0px !important;
}
.newETF-icon{
    top:0px !important;
    float:left !important;
    right: 0px !important;
}
.newETF-name{
    color: #4D4D4D !important;
    font-size: 11px !important;
    display: block;
    float: left;
    margin: auto;
    margin-left: 6px;
    top: 10px;
    position: relative;
}
.realTimeEtfNameSpan{
    display: block;
    width: 412px;
}
.ComGestion-column span{
    width: 90px;
    display: block;
    text-align: center;
}
.ComGestion-column label {
    display: block;
    text-align: center;
}
.NamemostViewedMsg {
    display: block;
    width: 207px;
    overflow: hidden !important;
}
.TypeEventcolumn label {
    width: 139px;
    display: block;
}
.realTimeform .ui-tabs{
    height: 365px;
    padding: 0px;
    border: 0px !important;
}
.realTimeTable thead th span{
    font-size: 11px;
    font-weight: normal;
}
#produitForm {
    height: 365px;
}
.btn-picto-eq{
    float: right;
    display: block;
    position: relative;
    width: 33px;
    padding: 10px 11px;
    background: #0073CF;
    color: #FFF;
    font-size: 11px;
    top: -30px;
    line-height: 1;
    right: 0px;
    border-radius: 0px;
    height: 100%;
}
.btn-picto-fi{
    float: right;
    display: block;
    position: relative;
    background: #008eff;
    color: #FFF;
    font-size: 11px;
    width: 33px;
    padding: 10px 12px;
    top: -30px;
    line-height: 1;
    right: 0px;
    border-radius: 0px;
    height: 100%;
}
.btn-picto-co{
    float: right;
    display: block;
    position: relative;
    width: 33px;
    padding: 10px 7px;
    background: #fa926d;
    color: #FFF;
    font-size: 11px;
    top: -30px;
    line-height: 1;
    right: 0px;
    border-radius: 0px;
    height: 100%;
}
.btn-picto-al{
    float: right;
    display: block;
    position: relative;
    width: 33px;
    top: -30px;
    line-height: 1;
    right: 0px;
    border-radius: 0px;
    height: 100%;
    padding: 10px 10px;
    background: #01ABC4;
    color: #FFF;
    font-size: 11px;  
}
.btn-produit{
    display: block;
    width: 100%;
    height: 32px;
    border: 1px solid #4C92B7;
    margin-bottom: 12px;
    border-radius: 3px;
}
.btn-produitClicked-Eq{
    display: block;
    width: 100%;
    height: 32px;
    border: 1px solid #4C92B7;
    background: #0073CF;
    color: #818181 ;
    margin-bottom: 12px;
    border-radius: 3px;
}
.btn-produitClicked-Eq #btn-text{
    color:#FFF !important;
}
.btn-produitClicked-Fi{
    display: block;
    width: 100%;
    height: 32px;
    border: 1px solid #4C92B7;
    background: #008eff;
    color: #818181 ;
    margin-bottom: 12px;
    border-radius: 3px;
}
.btn-produitClicked-Fi #btn-text{
    color:#FFF !important;
}
.btn-produitClicked-Co{
    display: block;
    width: 100%;
    height: 32px;
    border: 1px solid #4C92B7;
    background: #fa926d;
    color: #818181 ;
    margin-bottom: 12px;
    border-radius: 3px;
}
.btn-produitClicked-Co #btn-text{
    color:#FFF !important;
}
.btn-produitClicked-Al{
    display: block;
    width: 100%;
    height: 32px;
    border: 1px solid #4C92B7;
    background: #01abc4;
    color: #818181 ;
    margin-bottom: 12px;
    border-radius: 3px;
}
.btn-produitClicked-Al #btn-text{
    color:#FFF !important;
}
#btn-overlay-eq{
    display: block;
    height: 100%;
    background: #0073CF;
    width: 0%;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
#btn-overlay-fi{
    display: block;
    height: 100%;
    background: #008eff;
    width: 0%;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
#btn-overlay-co{
    display: block;
    height: 100%;
    background: #fa926d;
    width: 0%;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
#btn-overlay-al{
    display: block;
    height: 100%;
    background: #01abc4;
    width: 0%;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
#btn-text{
    display: block;
    height: 100%;
    float: left;
    text-align: left;
    padding-left: 14px;
    line-height: 3;
    font-size: 11px;
    color: #4D4D4D !important;
    position: relative;
    top: -31px;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.btn-produit:hover #btn-overlay-eq{
    width: 100%;

}
.btn-produit:hover #btn-overlay-fi{
    width: 100%;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.btn-produit:hover #btn-overlay-co{
    width: 100%;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.btn-produit:hover #btn-overlay-al{
    width: 100%;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.btn-produit:hover #btn-text{
    color:#FFF !important;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.cours1:hover{
    background: #25AACD  !important;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.cours2:hover{
    background: #369AEA  !important;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.cours3:hover{
    background: #4381ED !important;
    webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.cours{
    width: 100%;
    float: left;
    margin-left: 4%;
    height: 66px;
    margin-top: 0;
    cursor: pointer;
}
.MnemoFocus{
    width: 34px;
    float: left;
    font-size: 8px !important;
    color: #FFF !important;
    line-height: 2.3;
    background: #7E7E7E;
    border-radius: 2px;
    display: block;
    margin: auto;
    text-align: center;
    padding-top: 1px;
    margin-left: 5px;
    margin-top: 5px;
}
.ISINFocus{
    float: left;
    font-size: 11px;
    padding: 4px;
    width: auto;
    display: block;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    margin-top: 5px;
}
.factsheet {
    float: right;
    width: 91px;
    margin-right: -11px;
    color: #ef3b24;
    text-align: right;
    padding-right: 10px;
}

.ISINFocus.factsheet {
    float: right;
    text-align: right;
    width: 89px;
    margin-right: -11px;
    color: #EF3B24;
    padding-right: 8px;
}

.cours-img {
    display: block;
    margin: auto;
    margin-top: 20px;
}
.academyTextContent .cours-number {
    color: #FFF;
    margin-top: 0px;
    padding: 0 !important;
}
.col-title{
    font-size: 18px !important;
    color: #0073CF;
    margin-bottom: 3px;
    display: block;
    font-family: liberation_sansregular, sans-serif;
    padding-left: 12px;
    background: url('../images/sprite.png') no-repeat -90px -9px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 1.3;

}
.subtitle{
    color: #0073CF;
    display: block;
    font-size: 12px !important;
    margin-top: 0px;
    font-family: liberation_sansregular, sans-serif !important;
    padding-left: 0px;
    font-weight: normal;
}
.ProductRow{
    background: #fbfbfb;
    zoom:1;
    margin-top: 8px;
    margin-left: 0 !important;
    height: 86px;
}
.eqHover:hover{
    overflow: hidden !important;
    zoom: 100% !important;
}
.ficHover:hover{
    overflow: hidden !important;
    zoom: 100% !important;
}
.ctyHover:hover{
    overflow: hidden !important;
    zoom: 100% !important;
}
.itemHover:hover{
    box-shadow: 0px 0px 7px rgba(6, 72, 119, 0.39) !important;
}
.itemHover:hover .equitynumber{
    color: #0073CF !important;
}
.ui-tooltip {
    font-size: 11px !important;
}
.itemHover:hover .fixednumber{
    color: #e13b41 !important;
}
.itemHover:hover .commoditesnumber{
    color: #82c341 !important;
}
.itemHover:hover .productIcon {
    margin-top: 10px !important;
}
.TextContent{
    font-size: 11px;
    color: #4D4D4D;
    margin-bottom: 0px;
    font-family: liberation_sansregular, sans-serif;
    line-height: 1.2; 
    min-height: 39px;

}
.productIcon{
    width: 62px;
    height: 62px;
    background: url('../images/sprite.png') -83px -171px no-repeat;
    margin: auto;
    margin-top: 12px;
}
.factsheetIcon{
    width: 100%;
    height: 100%;
    background: url('../images/sprite.png') -414px -177px no-repeat;
    margin: auto;
    display: block;
}
.focusTabview .ui-tabs-nav{
    margin-top: -4px !important;
    margin-bottom: 4px !important;
}
.FICIcon{
    background: url('../images/sprite.png') -83px -260px no-repeat !important;
}

.CTYIcon{
    background: url('../images/sprite.png') -83px -349px  no-repeat !important;
}
.academyTextContent{
    box-shadow: none !important;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 7px;
}
.VideoPanel{
    width: 100%;
    height: 417px !important;
}
.col-subtitle{
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #0073CF;
    margin-top: 0px;
    font-family: liberation_sansregular, sans-serif;
}
.video-subtitle{
    display: block;
    font-size: 12px !important;
    font-weight: normal;
    color: #0073CF;
    margin-top: 0px;
    font-family: liberation_sansregular, sans-serif !important;
}

.col-subtitle2{
    display: block;
    font-size: 14px;
    font-family: Myriad Pro Regular;
    font-weight: normal;
    color: #0073CF;
    margin-top: 0px;
}
.col-content{
    font-size: 11px;
    color: #4D4D4D !important;
    margin-bottom: 9px;
    display: block;
    font-family: liberation_sansregular, sans-serif;
    line-height: 1.2;

}
.rss-content br{
    display: none !important;
}
.col-scroll{
    overflow: auto;
    height: 328px;
    padding: 9px;
    padding-right: 0px;
    padding-left: 0px;
}
.rss-content img{
    display: none;   
}
.content-text{
    font-size: 13px;
    color: #8D8D8D;
}
.box-title{
    font-size: 15px;
}
.button{
    height: 34px;
    border-radius: 3px;
    background: #0073CF ;
    color: #FFF !important;
}
.top-open{
    position: absolute;
    bottom: 111px;
    right: 20px;
    display: block;
    width: 95px;
    z-index: 33333333333;
    height: 25px;
    background-image: url('../images/loginbtn.png') !important;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgba(0, 0, 0, 0) !important;
}
.top-open .text{
    display: block;
    position: relative;
    margin: auto;
    margin-left: 8px;
    width: 59px;
    text-align: center;
    margin-top: 4px;
    font-size: 11px;
    color: #FFF;
    float: left;
}
.top-open .img{
    display: block;
    width: 12px;
    float: right;
    margin-top: 5px;
    margin-left: 0px;
    position: relative;
    left: -23px;
}
.logout {
    position: absolute;
    bottom: 111px;
    right: 20px;
    display: block;
    width: 95px;
    z-index: 33333333333;
    height: 25px;
    background-image: url('../images/logoutbtn.png') !important;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgba(0, 0, 0, 0) !important;
}
.logout .text{
    display: block;
    position: relative;
    margin: auto;
    margin-left: 8px;
    width: 59px;
    text-align: center;
    margin-top: 4px;
    font-size: 11px;
    color: #FFF;
    float: left;
}
.logout .img{
    display: block;
    width: 15px;
    float: left;
    margin-top: 10px;
    margin-left: 18px;
}
.top-open.tab-closed{
    background: url('../images/loginbtn2.png') !important;
}
#box-produit{
    width: 282px;
    float: left;
    height: 393px;
    margin-left: 24px; 
    background-color: #FFF;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.2);
    padding: 0px;
    border-radius: 5px;
    overflow: auto;
    padding: 10px;
}
#titre-produit{
    color: #7099BD;
    margin-bottom: 21px;
    display: block;
}

.rss-form{
    display: block;
    width: 361px;
    float: left;
    height: 393px;
    margin-left: 17px;
    box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.2);
}
.lang-discalimer{
    width: 81px;
    float: right;
    position: relative;
    font-size: 11px;
    right: -452px;
    top: 57px;
}
.lang-discalimer a{
    olor: #000;
    text-decoration: initial;
    border-right: 1px solid #333;
    padding-right: 5px;
    padding-left: 5px;

}
.disclaimernumbercontainer{
    width: 266px;
    font-size: 12px;
    float: right;
    position: relative;
    right: -155px;
    top: 26px;
}
.disclaimernumbercontainer .left{
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 139px;
    margin: 0px;
    padding: 0px;
    text-align: right;
}
.disclaimernumbercontainer .right {
    float: right;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 123px;
    text-align: right;
    color: #729AC0;
}

.blue{
    color: #729AC0;
    width: 215px;
    float: right;
    right: 45px;
    top: 5px;
    position: relative;
}
.chooseCountry-container{
    padding: 11px;
    color: #FFF;
    background: #333;
    margin-bottom: 16px;
}
.hub-footer{
    height: 100px;
    width: 100%;
    background: url('../images/disclaimerfooter.png');
    top: -101px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 82px -6px;
    background-size: 835px;
}
#languagecontainer-overlay{
    width: 303px;
    position: relative;
    height: 537px;
    top: -451px;
    left: 27px;
    opacity: 1;
    margin: auto;

}
.mapbackground-hover{
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    opacity: 1 !important;
}
.mapbackground{
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    margin-top: 120px;
}

#box2 .tabView{
    padding:0px !important;
}
#box2 .tabView .ui-tabs-nav {
    height: 38px !important;
    margin-bottom: 5px;
}
#box2 .tabView .ui-tabs-nav li {
    height: 100% !important;
    top: 0px !important;
    border-radius: 0px !important;
    width: 49.6% !important;
    margin: 0px !important;
    border: 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    background: #E6E9ED;
}
#box2  .tabView .ui-tabs-panel {
    height: 345px !important;
    border: none !important;
}
#box2 .tabView .ui-tabs-panels {
    width: 94%;
    margin: auto;
    top: 3px !important;
    position: relative;
}
#box2 .tabView .ui-tabs-nav li.ui-tabs-selected{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-right: 2px solid #EEE;
}
#box2 .tabView .ui-tabs-nav li.ui-tabs-selected a{
    color: #4F81BD !important ;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

#box2 .tabView .ui-tabs-nav li a:hover{
    text-decoration: none !important;
    color:#4F81BD !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

#box2 .tabView .ui-tabs-nav li a{
    width: 100%;
    text-align: center;
    padding: 0;
    position: relative;
    top: 35%;
    color: #838383 !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.faqtable{
    display: block;
    float:left;
    margin-top: 50px;
}
.faqQuestion{
    float:left;
    margin-top: 50px;
    width: 48%;
    margin-left: 24px;
}
.faqAnswer{
    float:left;
    margin-top: 50px;
    width: 48%;
}
.Manageglossaryform .ui-selectonemenu{
    border-radius: 0px 3px 3px 0px !important;
}
.Manageglossaryform .ui-inputfield{
    border-radius: 0px 3px 3px 0px !important;
}
.Manageglossaryform tr{
    margin-bottom: 10px !important;
    display:block;
    height: 37px;
}
.Manageglossaryform tr td{
    padding: 0px;
    display: block;
    float: left;
    height: 95%;
}
.AvailableCategories{
    height: 33px;
    display: block;
    line-height: 2.5;
    width: 149px;
    background: #4F81BD;
    position: relative;
    top: 2px;
    padding-left: 8px;
    color: #FFF;
    border-radius: 3px 0px 0px 3px;
    font-size: 12px !important;
}
.adminglossaryform .ui-editor {
    width: 100% !important;
}
.adminglossaryform .ui-editor-group {
    left: 97px !important;
}
.adminglossaryform table{
    margin-top: 10px;
    position: relative;
    display: block;
    top: -816px;
    float: right;
}
.adminglossaryform table button{
    background: none;
    color: #FFF !important;
    box-shadow: none;
    text-shadow: none !important;
    font-weight: normal !important;
    border: none !important;
    margin-left: 10px;
    width: 101px;
}
.documentationtabView .ui-panel{
    border: none !important;
}
.documentationtabView .ui-panel .ui-widget-content{
    border: none !important;
    padding: 0 !important;
}
.documentationtabView .ui-tabs-panel{
    border: none !important;
}
li.ui-state-default.ui-corner-left.pub{
    background-size: 45px !important;
    background-repeat: no-repeat !important;
    background-position-x: 97% !important;
    background-position-y: 41% !important;
}
li.ui-state-default.ui-corner-left.glossary{
    background-size: 26px !important;
    background-repeat: no-repeat !important;
    background-position-x: 94% !important;
    background-position-y: 45% !important;
}
li.ui-state-default.ui-corner-left.faq{
    background-size: 35px !important;
    background-repeat: no-repeat !important;
    background-position-x: 93% !important;
    background-position-y: 45% !important;
}
li.ui-state-default.ui-corner-left.elearning{
    background-image: url('../images/E-Learning.png') ;
    background-size: 36px !important;
    background-repeat: no-repeat !important;
    background-position-x: 93% !important;
    background-position-y: 45% !important;

}
li.ui-state-default.ui-corner-left.pub.ui-state-hover{
    background-size: 45px !important;
    background-repeat: no-repeat !important;
    background-position-x: 97% !important;
    background-position-y: 41% !important;
    background-color: #4F81BD !important;
    box-shadow: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
li.ui-state-default.ui-corner-left.glossary.ui-state-hover{
    background-size: 26px !important;
    background-repeat: no-repeat !important;
    background-position-x: 94% !important;
    background-position-y: 45% !important;
    background-color: #4F81BD !important;
    box-shadow: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
li.ui-state-default.ui-corner-left.faq.ui-state-hover{
    background-size: 35px !important;
    background-repeat: no-repeat !important;
    background-position-x: 93% !important;
    background-position-y: 45% !important;
    background-color: #4F81BD !important;
    box-shadow: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
li.ui-state-default.ui-corner-left.elearning.ui-state-hover{
    background-size: 36px !important;
    background-repeat: no-repeat !important;
    background-position-x: 93% !important;
    background-position-y: 45% !important;
    background-color: #4F81BD !important;
    box-shadow: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.Glossarytitle{
    color: #0073CF;
    font-family: Myriad Pro Semibold;
    font-size: 19px;
}
.documentationtabbutton {
    background: #4F81BD !important;
    box-shadow: none !important;
    width: 151px !important;
    float: right;
}
.documentationtabbutton span{
    text-shadow: none !important;
    color:#FFF !important;
    font-weight: normal !important;
}
.ByCategorytitle{
    color: #0794E2;
    font-size: 17px;
}
.Alphabetical{
    color: #0794E2;
    font-size: 17px;
}
.documentationtabView .ui-tabs-left > .ui-tabs-nav li {
    margin: 0 0 1px 0.2em;
    margin-bottom: 12px;
    border-right: 1px solid #A2A2A2;
    height: 47px;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    border-color: #4F81BD !important;


}
.documentationtabView .ui-tabs-left > .ui-tabs-nav li:hover {


}
.documentationtabView .ui-tabs-left > .ui-tabs-nav li:hover a {
    color: #FFF !important;
    text-shadow: none;
    text-decoration: none;
} 
.documentationtabView .ui-tabs .ui-tabs-nav li a {
    color: #333 !important;

}
.documentationtabView .ui-tabs-left > .ui-tabs-nav {
    float: left;
    width: 23%;
    height: 300px;
    background-image: none;
    padding-top: 1px;
    background: none;
}
.gloassaryfilter_splitbutton .ui-button-text{
    width: 81px !important;
}
.gloassaryfilter_splitbutton .ui-button {
    background: #4F81BD !important;
    box-shadow: none;
    color: #FFF;
    text-shadow: none;
    font-weight: normal;
    border: 1px solid #FFF;
    border-radius: 3px 0px 0px 3px !important;
    margin-bottom: 10px !important;
}

.DetectedlanguagePanel{
    border: none !important;
}
.DetectedlanguagePanel .ui-panel-content{
    border: none !important;
    padding: 0 !important;
}
.detectedlanguage{
    display: block;
    width: 126px;
    position: relative;
    float: left;
    height: 100%;
    color: #007AB4;
}
.detectedlanguage_input{
    display: block;
    float: left;
    height: 100%;
    width: 129px;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
}
.ui-inplace{
    display: block !important ;
    float: left !important;
    width: 234px !important;
}
.rssfilmeupload_container .fileupload-content {
    height: 266px;
    border: 1px dashed #333 !important;
    border-style: dashed;
}
.rssfilmeupload_container .files td {
    padding: 5px;
    border-spacing: 5px;
    display: block;
    width: auto;
    text-align: left !important;
    margin-bottom: 32px;
}
.rssfilmeupload_container .files .name {
    padding: 8px 9px !important;
    padding-top: 5px !important;
    top: -14px !important;
    position: relative !important;
    color: #0098E1;
    margin-bottom: 5px !important;
}
.rssfilmeupload_container .files .start {
    display: none !important;
}
.rssfilmeupload_container .files .cancel {
    display: none !important;
}

.rssfilmeupload_container  .files {
    margin-top: 57px !important;
    margin-left: 23px;
}
.rssfilmeupload_container .files .progress {
    padding: 8px 9px !important;
    padding-top: 5px !important;
    top: -204px !important;
    position: relative !important;
    left: 120px;
}
.rssdescriptioncolumn{
    width: 186px !important;
    display: block;
    white-space: normal;
    line-height: 1.3;
    text-align: justify;
}
.rsstitlecolumn{
    width: 130px !important;
    display: block;
    white-space: normal;
    line-height: 1.3;
    text-align: justify;
}
#rsssuper_wrapper{

}
.rssformtable_title{
    color:#0078BD;
}
.rssDatatablePanel tbody tr{
    border-top: 1px solid #CDCDCD !important;
}
.adminrsstable tr , .adminrsstable td{
    border: none !important;

}
.adminrsstable thead th {
    background: #0073CF !important;
    box-shadow: none;
    font-weight: normal !important;
    color:#FFF !important;
    text-shadow: none !important;
}
.adminrsstable textarea{
    width: 97.5%;
}


.newrsspanel{
    border: none !important;
    padding: 0 !important;

}
.newrsspanel .ui-panel-content{
    border: none !important;
    padding: 0 !important;
    display: block;
    float: left;
    width: 100%;
    margin-top: 48px;
}
.newrsspanel .adminrsstable {
    display: block !important;
    width: auto !important;
    float: left !important;
}
.rssfilmeupload_container{
    width: 40%;
    float: right;
    top: 10px;
    position: relative;
    left: -1px;
}
.rss_savebtn{
    width: 107px !important;
    height: 33px !important;
    margin-right: 19px !important;
    background: #4F81BD !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-weight: normal !important;
    border: none !important;
    box-shadow: none;
    margin-bottom: 10px;
    position: relative;
    top: -96px;
    left: 301px;
}

.rssdeletebtn{
    display: block;
    float: left;
    width: 62px !important;
    height: 27px !important;
    margin-right: -2px !important;
    background: #4F81BD !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-weight: normal !important;
    border: none !important;
    box-shadow: none;
    margin-bottom: 6px !important;
    margin-top: 6px !important;
    margin: auto;
    margin-left: 0px;
}
.rssDatatablePanel .ui-panel-content{
    border: none !important;
    padding: 0 !important;
}
.fundinformation_div{
    height: auto;
    clear: both;
    position: relative;
    display: block;
    float: left;
    width: 96.6%;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 17px;
    padding: 10px;
}
.fundinformation_div .fundinformation-column1{
    width: 178px;
    font-size: 12px;
}
.fundinformation_div .fundinformation-column2{
    width: 352px;
    font-size: 12px;
}

.ui-editor-group {
    left: 0px !important;
    position: relative !important;
}

span.ui-chkbox-icon.ui-c.ui-icon.ui-icon-check {
    background-position: -65px -146px;
}
.ui-selectonemenu:hover{
    box-shadow: none;
    border: 1px solid #A8A8A8;
}
ul.ui-widget-content.ui-picklist-list.ui-picklist-target.ui-corner-bottom.ui-sortable {
    border: 1px solid #EAEBEC !important;
}
ul.ui-widget-content.ui-picklist-list.ui-picklist-source.ui-corner-bottom.ui-sortable {
    border: 1px solid #EAEBEC !important;
}
.Myoverlay-panel .ui-selectmanycheckbox tbody tr td {
    padding: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.disclaimer_languageselect{
    width: 203px;
    float: left;
    top: 0px;
    position: relative;
    margin-left: 0px;
    height: auto;
}
.disclaimer_languageselect .languageselect-column1 label{
    top: -7px;
    left: 1px;
    position: relative;
}
.disclaimer_languageselect  .ui-selectonemenu {
    height: 95% !important;
    border-radius: 0px 3px 3px 0px !important;
    background: none;
}
.disclaimer_languageselect .ui-selectonemenu-label {

    line-height: 1 !important;
    width: 100% !important;
    top: 7px;
    position: relative;
}
.disclaimer_languageselect .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 10px !important;
}
.disclaimer_languageselect .ui-selectonemenu-trigger{
    background: none !important;
}
.PickList_countries .ui-button .ui-icon{
    background-image: url("../images/myicon.png") !important;
}
.ui-picklist .ui-picklist-list {
    width: 434px !important;
}
.ui-picklist-target-controls{
    margin-right: 0px !important;
}
.fileupload-buttonbar {
    padding: 0 !important;
    background: none !important;
    border: none !important;
}
.fileupload-buttonbar .ui-button {
    vertical-align: middle;
    width: 75px !important;
    height: 24px !important;
    margin-right: 3px !important;
    background: #4F81BD !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-weight: normal !important;
    border: none !important;
    box-shadow: none;
    margin-bottom: 10px;
    float: left;
    font-size: 11px !important;
}
.fileupload-buttonbar .ui-button  .ui-icon {
    background-image: url("../images/myicon.png") !important;
}
.ui-datepicker .ui-icon{
    background-image: url("../images/myicon.png") !important;
}
.files {
    margin-top: 36px !important;
    width: 100%;
    display: block;
}
.files tbody , .files tbody tr  {
    width: 100%;
    display: block;
}
.files .preview{
    float:left;
}
.files .name {
    padding: 8px 9px !important;
    padding-top: 5px !important;
    top: 4px !important;
    position: relative !important;
    display: block;
    float: left;
    font-size: 12px;
}
.files .size {
    padding-top: 2px !important;
    top: 9px !important;
    position: relative !important;
    font-size: 11px;
    color: #0098FF;
    font-weight: normal;
    float: left;
}
.files .progress {
    padding-top: 5px !important;
    top: 5px !important;
    position: relative !important;
    float: right;
    width: 100%;
}
.fileupload-content .ui-progressbar {
    width: 100% !important;
}
.files .start {
    padding: 8px 9px !important;
    padding-top: 5px !important;
    display: none;
    top: -21px !important;
    position: relative !important;
}
.files .cancel {
    padding: 8px 9px !important;
    padding-top: 5px !important;
    display: none;
    top: -21px !important;
    position: relative !important;
}
.fileupload-content{
    height: 150px;
    border: 1px dashed #333 !important;
    border-style: dashed;
}
.ui-growl {
    top: 240px !important;
}
.admin_videoDatatable thead th {
    background: #4F81BD !important;
    box-shadow: none;
}
.admin_videoDatatable thead th span {
    color: #FFF !important;
    text-shadow: none;
    font-weight: normal;
}


.admin_newsDatatableId thead th {
    background: #4F81BD !important;
    box-shadow: none;
}
.admin_newsDatatableId thead th span{
    color: #FFF !important;
    text-shadow: none;
    font-weight: normal;
}
.editGalleriaPanel{
    border: none !important;
}
.editGalleriaPanel_column1{
    width: 50% !important;
    font-size: 11px;
}
.editGalleriaPanel_column1 .ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
    background: none;
    border: 1px solid #076EA4;
}
.editGalleriaPanel_column2 .ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
    background: none;
    border: 1px solid #076EA4;
}
.editGalleriaPanel_column1 .ui-accordion {
    width: 100% !important;
    display: block !important;
    position: relative !important;
}
.editGalleriaPanel_column1 .ui-accordion .ui-accordion-content table{
    width: 100% !important;
}
.editGalleriaPanel_column1 .ui-accordion .ui-accordion-content table td {
    width: 100% !important;
    padding: 0;
}
.editGalleriaPanel_column1 .ui-accordion .ui-accordion-content table td textarea{
    width: 100% !important;
    padding: 0;
    max-height: 108px;
    overflow: auto;
}
.editGalleriaPanel_column2 .ui-accordion .ui-accordion-content table{
    width: 100% !important;
}
.editGalleriaPanel_column2 .ui-accordion .ui-accordion-content table td {
    width: 100% !important;
    padding: 0;
}
.editGalleriaPanel_column2 .ui-accordion .ui-accordion-content table td textarea{
    width: 100% !important;
    padding: 0;
    max-height: 108px;
    overflow: auto;
}
.editGalleriaPanel_column2{
    width: 50% !important;
    font-size: 11px;
}
.editGalleriaPanel_column2 .ui-accordion {
    width: 100% !important;
    display: block !important;
    position: relative !important;
}

.ManageGalleria_tabview .ui-accordion {
    width: 372px ;
}
.ManageGalleria_tabview .ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
    background: none;
    border: 1px solid #076EA4;
}

.ManageGalleria_tabview .ui-accordion .ui-accordion-header:hover {
    background: #4F81BD !important;
}
.ManageGalleria_tabview .ui-accordion .ui-accordion-header:hover > a{
    color:#FFF !important;
    text-shadow: none !important;
}

.ManageGalleria_tabview .ui-accordion tbody , .ManageGalleria_tabview .ui-accordion tbody tr  , .ManageGalleria_tabview .ui-accordion tbody td ,.ManageGalleria_tabview .ui-accordion tbody label{
    width: 100% !important;
    display: block;
}

.ManageGalleria_tabview .ui-accordion tbody td{
    width: 295px !important;
    display: block;
    border: none;
}
.ManageGalleria_tabview .ui-accordion tbody td label{
    max-height: 108px;
    overflow: auto;
    height: 68px;
    white-space: normal;
}

.ManageGalleria_tabview{
    margin-top: 173px;
    padding: 12px;
}
.ManageGalleria_tabview .ui-datatable{
    width: 100% !important;
}
.ManageGalleria_tabview .ui-datatable table{
    display: block !important;
}
.ManageGalleria_tabview .ui-tabs-nav {
    position: fixed !important;
    top: 120px !important;
    width: 100% !important;
    left: 0px !important;
    height: 32px !important;
    background: #FFF !important;
    border: 4px solid #64A7DB;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.ManageGalleria_tabview .ui-panel-content{
    padding: 0px ;
    border: none !important;
    background: none !important;
}

.ManageGalleria_tabview .ui-tabs-panel{
    padding: 0px !important;
    border: 0px !important;
    background: none !important;
}
.ManageGalleria_tabview .ui-tabs-panel .ui-panel{ 
    border: 0px !important;
    padding: 0px !important;
    background: none !important;
}
.ManageGalleria_tabview .ui-tabs-nav{
    z-index: 333;
    position: fixed !important;
    top: 103px !important;
    width: 100% !important;
    left: 0px !important;
    height: 32px !important;
    background: #FFF !important;
    border: 4px solid #64A7DB ;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.ManageGalleria_tabview .ui-tabs-nav li{
    height: 95% !important;
    background: #EBEBEB !important;
    width: 223px;
    overflow: hidden;
}
.ManageGalleria_tabview .ui-tabs-nav li a{
    color: #4f81bd !important;
    width: 178px;
    overflow: hidden;
    padding-right: 5px;
    margin-right: 6px;
}
.editGalleriaPanel_savebtn{
    width: 107px !important;
    height: 33px !important;
    margin-right: 19px !important;
    background: #4F81BD !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-weight: normal !important;
    border: none !important;
    box-shadow: none;
    margin-bottom: 10px;
    float: right;
    position: absolute;
    top: 12px;
    right: 14%;
}
.editGalleriaPanel_saveicon{
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

.fundperformance_panelgrid tr{
    border: none !important;
}
.performancecolumn1 .fundperformance_content{
    width: 100% !important;
    display: block;
}
.performance_repeat table{
    margin: 0px !important;
}
.fundperformance_content {
    margin: 0 !important;
    width: 100% !important;
}
.fundperformance_content1 {
    width: 400px;
    padding-left: 0px !important;
    color: #0374B3;
}
.FundPerformance .performance_repeat table {
    margin: 0px !important;
    width: 100% !important;
    border-bottom: 1px solid #DEDEDE;
}
.fundperformance_content2 {
    padding-right: 0px;
}
.quickfilter-table .ui-panel-titlebar span{
    font-family: 'Etelka Light Pro' !important;
    font-weight: normal;
    font-size: 16px !important;
}

.Bestperformers .bestworst-titleheader{
    overflow: auto !important;
    width: 152px !important;
    background: none !important;
    color: #006EAC !important;
    font-weight: normal !important;
    border: none !important;
    box-shadow: none;
    font-size: 12px;
    text-align: left !important;
    padding-bottom: 7px !important;
}
.jqplot-xaxis-tick{
    font-size: 10px !important;
}
.chartForm-column2 .jqplot-title{
    margin-left: 11px !important;
}
.documentfinder-tabcontainer{
    padding:0px !important;
    border: 0px !important;
}
.documentfinder-tabcontainer .ui-tabs-nav {
    z-index: 333;
    position: fixed !important;
    width: 100% !important;
    left: 0px !important;
    height: 32px !important;
    background: #FFF !important;
    border: 4px solid #64A7DB;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.documentfinder-tabcontainer .ui-tabs-nav li {
    height: 95% !important;
    background: #EBEBEB !important;
    width: 223px;
    overflow: hidden;
}
.documentfinder-tabcontainer .ui-tabs-nav li a {
    color: #000 !important;
    width: 178px;
    overflow: hidden;
    padding-right: 5px;
    margin-right: 6px;
    text-shadow: none;
}
.documentfinder-tabcontainer .ui-tabs-nav li.ui-tabs-selected a {
    text-decoration: underline;
    color: #64A7DB !important;
    text-shadow: none !important;
}
#documentfinder-superwrapper{
    margin-top: 173px !important;
}
.documentfinder-tabcontainer .ui-panel{
    border: 0px !important;
    padding: 0px !important;  
}
.documentfinder-tabcontainer .ui-panel-content{
    border: 0px !important;
    padding: 0px !important;  
}
.documentfinder-tabcontainer .quickfilter-table{
    margin-left: 0px !important;
    margin-top: 13px;
    border: 0px !important;
    box-shadow: none;
    height: auto !important;
    width: 100%;
}
.documentfinder-tabcontainer .quickfilter-table .ui-panel-content {
    padding-left: 3px !important;
    border: none !important;
    margin-bottom: 16px;
    height: auto !important;
}
.documentfinder-datatable .ui-datatable-tablewrapper thead th {
    background: #4F81BD !important;
    box-shadow: none;
    color: #FFF;
    text-shadow: none;
    font-weight: normal;
}
.documentfinder-datatable thead th{
    overflow: hidden !important;
    width: auto !important;
    display: compact !important;
    box-shadow: none !important;
    border: 0.9px solid #A8A8A8 !important;
    cursor: auto !important;
}

.documentfinder-tabcontainer .quickfilter-table table{
    width: 100%;
}
.documentfinder-filter-column1{
    height: 26px;
    display: block;
    top: -8px;
    position: relative;
    line-height: 1.8;
    width: 58px;
    color: #FFF;
    float: left;
    border-radius: 3px 0px 0px 3px;
}
.documentfinder-filter-column2 {
    display: block;
    float: left;
    position: relative;
    top: -8px;
}
.documentfinder-filter-column2  .ui-selectonemenu{
    width: 163px;
    border-radius: 0 !important;
    left: -1px;
    height: 24px;
}
.documentfinder-filter-column2  .ui-selectonemenu input{
    margin-bottom: 0px;
    height: 21px;
}
.documentfinder-filter-column2  .ui-selectonemenu-label{
    height: 100%;
    width: 100% !important;
}
.documentfinder-filter-column2 .ui-selectonemenu-trigger {
    background: none !important;

}

.documentfinder-filter-column3{
    display: block;
    width: 118px;
    height: 34px;

    top: -10px;
    position: relative;
    margin-left: 56px;
    float: right;
}
.documentfinder-filter-column3 button{
    width: 114px !important;
    height: 29px !important;
    margin-right: 19px !important;
    background: #4F81BD !important;
    color: #FFF;
    text-shadow: none;
    font-weight: normal;
    border: none;
    box-shadow: none;
    margin-bottom: 10px;
}
.DocumentFinderFilterWrapper{
    float: left;
    background: url('../images/filterBackground2.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    padding-bottom: 25px;
    width: 99%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 6px #D8D7D7;
    margin-bottom: 28px;
    margin-top: 8px;
    margin-left: 4px;
}



.DocumentFinderFilterWrapper .finder-selectmanycheckbox {
    min-height: 192px !important;
    max-height: 192px !important;
}
.DocumentFinderFilterWrapper .filter2{
    box-shadow: 0px 0px 6px #D8D7D7 !important;
}

.box0 .finder-selectmanycheckbox .ui-state-active{
    background: url('../images/sprite.png') -563px -447px no-repeat;
}
.box1 .finder-selectmanycheckbox .ui-state-active{
    background: url('../images/sprite.png') -563px -477px no-repeat;
}
.box2 .finder-selectmanycheckbox .ui-state-active{
    background: url('../images/sprite.png') -562px -503px no-repeat;
}
.finder_tabview .ui-tabs-panel .DocumentFinderFilterWrapper .box0 .ui-panel{
    border-bottom: 2px solid #045ca0 !important;
    border-radius: 0;
    background: #fff !important;
}
.finder_tabview .ui-tabs-panel .DocumentFinderFilterWrapper .box1 .ui-panel{
    border-bottom: 2px solid #e03a41 !important;
    border-radius: 0;
    background: #fff !important;
}
.finder_tabview .ui-tabs-panel .DocumentFinderFilterWrapper .box2 .ui-panel{
    border-bottom: 2px solid #309744 !important;
    border-radius: 0;
    background: #fff !important;
}
.DocumentFinderFilterWrapper .box0 .Product-Panel-Title {
    background: url('../images/sprite.png') -82px -107px no-repeat;
    color: #045ca0;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 11px;
    float: left;
    width: auto;
    padding-left : 15px !important
}
.DocumentFinderFilterWrapper .box1 .Product-Panel-Title {
    background: url('../images/sprite.png') -82px -74px no-repeat;
    color: #e03a41;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 11px;
    float: left;
    width: auto;
    padding-left : 15px !important
}
.DocumentFinderFilterWrapper .box2 .Product-Panel-Title {
    background: url('../images/sprite.png') -82px -43px no-repeat;
    color: #309744;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 11px;
    float: left;
    width: auto;
    padding-left : 15px !important
}
.DocumentFinderFilterWrapper .filterTitle {
    text-align: left !important;
    padding-top: 7px !important;
    padding-left: 13px;
    text-transform: uppercase;
    font-weight: normal;
}
.DocumentFinderFilterBox{
    background: none;
    box-shadow: none;
    height: 243px;
    padding-top: 11px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 15px;
}
.DocumentFinderNameColumn{
    box-shadow: none !important;
    cursor: pointer;
    text-align: left;
    width: auto;
    max-width: 200px;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}
.DocumentFinderNameColumn a:hover{
    color:#333 !important;
}
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-image: none !important;
    color: #116CB5 !important;
    font-size: 12px;
}
.document-downloadbtn {
    width: 20px;
    height: 23px;
    display: block;
    margin: auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.readpdf-btn{
    width: 25px;
    height: 25px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 0px;
    margin: auto;
}

.FundPerformance table{
    float: left !important;
    margin-left: 9px !important;
    margin-right: 20px !important;
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    width: 95% !important;
}
.FundPerformance table td{
    border: 0px !important;
    font-size: 12px;
}

.FundMarketPrice table{
    float: left !important;
    margin-left: 9px !important;
    margin-right: 20px !important;
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    width: 95% !important;
}
.FundMarketPrice table td{
    border: 0px !important;
    font-size: 12px;
}
.documentsbox table {
    float: left !important;
    width: 100% !important;
}
.documentsbox table td{
    border: 0px !important;
    font-size: 12px;
    padding-left: 6px;
}
.documentsbox-column1{
    display: block;
    top: -5px;
    position: relative;
    width: 286px;
    color: #0374B3;
}
.documentsbox-column2 a{
    color: #64A7DB;
}
.documentsbox-column3 a{
    color: #64A7DB;
}
.addtoportofoliopanel {
    position: absolute;
    top: -7px;
    right: 43px;
    width: 190px;
}
.volatility-div{
    width: 100%;
    float: left;
    height: auto;
    background-color: #FFF;
    border: 0px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-left: 0px;
    margin-bottom: 16px;
    border: 1px solid #CCC;
    padding-bottom: 16px;
}
.volatility-div label{
    width: 96%;
    display: block;
    margin: auto;
    margin-top: 6px;
    color: #64A7DB;
    border-bottom: 1px solid #64A7DB;
    line-height: 1.8;
    font-family: 'Etelka Light Pro' !important;
    font-weight: normal;
    font-size: 16px;
}

.volatility-div table {
    float: left !important;
    margin-left: 15px !important;
    margin-right: 20px !important;
    margin-top: 7px !important;
    width: 95% !important;
    border-bottom: 1px solid #CDCDCD;
    height: 17px !important;
    display: block;
}
.volatility-div table td {
    width: 93px;
    text-align: left;
    display: block;
    float: left;
    font-size: 12px;
}
.volatility-column1 {
    width: 264px !important;
}
.volatility-column2 {
    width: 93px !important;
    text-align: right !important;
}
.volatility-column3{
    width: 192px !important;
}

.addToportfolio-btn3{
    font-size: 14px !important;
    color: #0073CF !important;
    font-family: Myriad Pro Regular;
    height: 31px;
    display: block;
    text-decoration: none !important;
    line-height: 2.8;
    width: 183px;
    text-align: left;
    padding-left: 11px;
    border-radius: 3px;
    top: 1px;
    left: 11px;
    position: relative;
}

input{
    box-shadow: none !important;
    border-radius: 3px !important;
}
.ui-inputfield{
    box-shadow: none !important;
}
.ui-datatable tbody td,.ui-datatable tbody td div {
    vertical-align: middle !important;
    font-size: 12px !important;
    color: #656565 !important;
    font-family: HelveticaNeueLTStd-Lt;
    font-weight: normal !important;
}
.readdocumentstable button span {
    color: #797979 !important;
}

.portfoliobuttom {
    background: none !important;
    padding: 0px;
    border: none !important;
}
.fundinformation-column1{
    color: #0178BB;
    background: #F7F7F7;
}
.fundinformation-column2{

}
.piechart-custom{
    margin-top: 51px;
}
#chartForm{
    display: block;
    width: 100%;
    height: 377px;
    margin-bottom: 15px;
}
.chartForm-table{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.chartForm-table tbody{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.chartForm-table tbody tr{
    display: block;
    width: 100%;
    height: 100%;
    background: none !important;
    border: none !important;
}
.chartForm-column1{
    display: block;
    width: 58%;
    float: left;
    margin-right: 15px;
    padding: 0px !important;
    height: 100%;
    background: #FFF;
    border: 1px solid #CCC !important;
    border-radius: 3px;
}
.piechart-custom canvas{
    border: 0px !important;
    border-color: #FFF !important;
}
#portfolioForm{
    height: 204px !important;
    width: 100%;
}
.chartForm-column2{
    display: block;
    width: 40%;
    float: right;
    height: 100%;
    padding: 0 !important;
    background: #FFF;
    border: 1px solid #CCC !important;
    border-radius: 3px;
}
.chartForm-column1 .ui-widget-content{
    border: none !important;
}
.menulabel{
    width: 60px;
    margin: auto;
    top: 12px;
    position: relative;
    color: #FFF;
    display: block;
}
.ui-overlay-hidden {
    visibility: hidden !important;
}

.btnt{
    height: 60px;
    width: 500px;
    position: relative;
    bottom: 0;
    background-position: -249px -10px;
    background-size: 997px;
    background-repeat: no-repeat;
    margin: auto;
}
.menubtncontainer:hover + footer {
    height: 57px;
}

footer{
    height: 0px;
}
.footer-div{

}

.autocompletebar:focus{
    box-shadow: none !important;
}

.overlaymenu{
    background: rgba(51, 51, 51, 0.3);
    position: fixed;
    width: 100%;
    height: 94%;
    clear: both;
    z-index: 3333333;

    display: none;
}
#overlaymenubtn{
    background: url("../images/menuicon.png");
    height: 37px;
    width: 40px;
    background-size: 100%;
    position: fixed;
    z-index: 3333333333;
    background-repeat: no-repeat;
    margin-left: 46px;
    margin-top: 26px;
    cursor: pointer;
}

.autoCompleteOverlayPanel{
    padding: 0 !important;
    display: none ;

}
.autocompleteIcon-Column{
    width: 53px;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.suboverlay{
    border:0px !important;
    padding: 0px !important;
}



.suboverlay .ui-widget-content{
    border:0px;
    padding: 0px !important;
}
.MoreResultsContainer{
   color: #8dafce !important;
    font-weight: normal;
}
.recherche_bar .ui-overlaypanel-content{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding: 0;
    padding-bottom: 18px;
}
.suboverlay .ui-datatable-header{
        padding: 0 !important;
    background: #ffffff !important;
    border: none;
    color: #1e2236;
    text-shadow: none;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    font-family: HelveticaNeueLTStd-Lt !important;
    padding-left: 0;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    padding-left: 10px;
    box-shadow: 0px 1px 0px #E8E8E8;
    float: left;
    display: block;
    width: 100%;
}
.suboverlay .ui-datatable-tablewrapper , .suboverlay .ui-datatable-tablewrapper table , .suboverlay .ui-datatable-tablewrapper table thead, .suboverlay .ui-datatable-tablewrapper table thead tr  {
    border: none !important;
}

.suboverlay .ui-datatable-tablewrapper{
    padding-top: 5px;
    overflow:inherit !important;
}

.suboverlay thead th{
    background: none !important;
    border: 0px !important;

}
.suboverlay tbody tr{
    border-bottom: 1px solid #F2F2F2 !important;
    background: #FFF;

}
.suboverlay tbody td{
    border: none !important;
    background: #FFF;
    font-size: 11px !important;

}
.suboverlay tbody td a{
    color: #0f9dc7 !important;
    font-size: 11px !important;
    width: 100%;
    display: block;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}
.suboverlay tbody td a:hover{
    text-decoration: underline;
}

div#form:panelView_content{
    border:0px !important;
}
.autoCompleteOverlayPanel .ui-tabs .ui-widget-content{
    background: none !important;
}

.autoCompleteOverlayPanel .ui-tabs ul{
    background: none !important;
}

.autoCompleteOverlayPanel .ui-tabs-panel{
    padding: 0px !important;
    border: none !important;
}
.autoCompleteOverlayPanel .ui-tabs-panel thead{
    display: none;
}
.autoCompleteOverlayPanel .ui-tabs-panel tbody td{
    vertical-align: middle;
}
.autoCompleteOverlayPanel .ui-tabs-panel tbody tr:hover{
    background: #D0E7EE !important;
}
.ui-selectmanycheckbox tbody tr{
    margin-bottom: 4px !important;
    display: block;
}
.chartbutton1{
    width: 143px !important;
    height: 31px !important;
    background: #4f81bd !important;
    box-shadow: none !important;
    color: #FFF !important;
    text-shadow: none !important;
    border: none !important;
    margin-left: 10% !important;
    margin-top: 14px !important;
    margin-right: 10px !important;

}
.chartForm-column1 .chartbutton1{
    margin-left: 22% !important;
}
.chartbutton2{
    width: 143px !important;
    height: 31px !important;
    background: #4f81bd !important;
    box-shadow: none !important;
    color: #FFF !important;
    text-shadow: none !important;
    border: none !important;
    margin-top: 14px !important;

}
.chartbutton3{
    width: 143px !important;
    height: 31px !important;
    background: #4F81BD !important;
    box-shadow: none !important;
    color: #FFF !important;
    text-shadow: none !important;
    border: none !important;
    margin-left: 11% !important;
    margin-top: 14px !important;
    margin-right: 10px !important;
}
.chartcontainer{
    width: 506px;
    height: 270px;
    margin-top: 26px;
}
.chartcontainer .jqplot-title{
    width: 100% !important;
}
.chartcontainer2{
    width: 378px;
    height: 270px;
    margin-top: 26px;
}
.ui-selectmanycheckbox tbody tr td label {
    margin-bottom: 0px !important;
    display: inline;
    position: relative;
    top: -3px;
    margin-left: 6px;
}
.etfImageDescription{
    font-size: 9px;
    display: block;
    position: relative;
    top: -1px;
    left: 0px;
}
.vuescolumns thead th{
    padding-top: 6px !important;
}

.mostviwednamecolumn{
    width: 163px !important;
    display: block;
    overflow: hidden;
    border: none;
    vertical-align: middle;
    padding-top: 7px !important;
    padding-bottom: 0px !important
}
th.navcolumn span{
    text-align: right !important;
}
.mostviwednamecommandlink{
    color: #818181 !important;
    width: 182px !important;
    display: block;
    overflow: hidden;
    font-size: 11px !important;
    white-space: inherit;
}
.worstcolumnname {
    width: 204px !important;
    display: block;
    overflow: hidden;
    border: none;
    padding-left: 10px !important;
}

.worstcolumnlink{
    color: #4D4D4D !important;
    width: 345px !important;
    display: block;
    overflow: hidden;
    font-size: 11px !important;
}
td.moreinfocolumn {
    width: 39px;
    cursor: default;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;

}
td.moreinfocolumn span{
    font-size: 8px !important;
    color: #FFF !important;
    line-height: 2.3;
    background: #7E7E7E;
    border-radius: 2px;
    display: block;
    width: 99%;
    margin: auto;
    text-align: center;
    padding-top: 1px;
    margin-left: 0px;
}
td.Namecolumn{

}
.viwedIcon{
    display: block;
    width: 14px;
    height: 8px;
    float: left;
    background: url('../images/sprite.png') no-repeat -19px -53px;
    margin-top: 3px;
}
.advanced:hover{
    text-decoration: underline;
}
.PalmaresPanel td.Namecolumn{
    padding-right: 0px !important;
}
td.extracolumn{
    width: 50px;
    padding-right: 3px !important;
    text-align: right;
    padding-left: 0px !important;
}
.NamecolumnContainer{
    width: 100%;
    display: block;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-align: left;
}
.NamecolumnContainer span{
    white-space: nowrap !important;
}
.exporttoxls-filename{
    border-radius: 0px !important;
    box-shadow: none !important;
    margin-right: 9px !important;
    border: 1px solid #C5C5C5 !important;
}

.rssitemtitle {
    color: #0073CF;
    font-family: Myriad Pro Semibold;
    margin-bottom: -2px;
    margin-top: 11px;
    display: block;
    font-size: 17px;
}


.ui-autocomplete-table .ui-state-highlight{
    background: rgba(19, 92, 141, 0.15) !important;
    color: #333 !important;
    text-shadow: none !important;
}

.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td {
    border: 1px solid #DBDBDB !important;
}
.rssitemdescription img{
    display: block;
    float: right;
    margin-left: 26px;
}
.rssitemdescription p {
    font-size: 13px;
    line-height: 1.3;
    text-align: justify;
    padding-right: 8px;
    margin-bottom: 5px !important;
}

.rssitemdescription{
    font-size: 13px;
    line-height: 1.3;
    text-align: justify;
    padding-right: 8px;
    margin-bottom: 18px ;
    display: block;
    min-height: 88px;
}

.addtoportfoliopopup {
    width: 383px !important;
    left: 38% !important;
    position: fixed;
    top: 42% !important;
}
.addtoportfoliopopup .ui-dialog-titlebar {
    background: #4F81BD !important;
    border: none !important;
    box-shadow: none !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-weight: normal !important;
}
.addtoportfoliopopup tr , .addtoportfoliopopup td{
    border:none !important;
}
.addtoportfoliopopup input{
    box-shadow: none !important;
    border-radius: 0px !important;
}

.addtoportfoliopopup button{
    display: block;
    position: relative;
    top: 7px;
    float: right;
    left: 181px;
    border-radius: 0px !important;
    box-shadow: none !important;
    background: #4F81BD !important;
    text-shadow: none !important;
    color: #FFF !important;
    font-weight: normal !important;
    font-size: 13px !important;
    width: 154px;
}

.treasury tr{
    font-size: 13px;
    border: none !important;
    height: 18px;
}

.treasurycolumn1 {
    width: 165px;
    display: block;
    border: none !important;
    color: #007BB4;
}
.treasurycolumn2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    border: none !important;
    text-align: right;
}
.treasury-changebutton{
    margin-left: -3px;
    height: 26px;
    top: -1px;
    background: #4F81BD !important;
    box-shadow: none !important;
    color: #FFF !important;
    text-shadow: none !important;
    border: none !important;
}
.treasury-changebutton span{
    padding-top: 3px !important;
}
.treasurycolumn3{
    padding-left: 32px !important;
    padding-right: 32px !important;
    border: none !important;
}
.mondebtn span {
    padding-left: 1px !important;
}
.sellbutton{
    color: #4f81bd !important;
}
.sellbutton:hover{
    color: #333 !important;
}
.maturity-table{
    width: 167px;
    margin-top: 10px;
    border: 0px !important;
}
.maturity-table td, .maturity-table tr {
    border: 0px !important;
}
.filtershow-table .ui-panel-content{
    padding: 0px !important;
}
.topdiv-tree{
    display: block;
    padding: 10px;
    border: 1px solid #D8D8D8 !important;
    background: #ffffff !important;
    margin-top: 174px;
    height: 88px;

}
.tree-column1{
    width: 30%;
}
.tree-column2{
    width: 60%;
    text-align: justify;
    line-height: 1.5;
}
.tr1{
    margin-top: 28px;
    display: block;
    width: 435px;
    float: left;
}
.tr2{
    display: block;
    top: 106px;
    position: absolute;
    height: 479px;
    width: 46%;
    border-radius: 0px !important;
    left: 511px;
    margin-top: 52px;
    border: 1px solid #D8D8D8 !important;
    background: #ffffff !important;
    color: #818181 !important;
    padding: 10px;
}
.tr2 td {
    width: 100%;
    display: block;
    height: 33px;
}
.tr2 .ui-panel{
    margin-top: 41px !important;
}
.tr2 .ui-panel-content{
    background: #333 !important;
    height: 439px !important;

}
.tr2 .ui-breadcrumb{
    background: #4f81bd !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: 0px !important;
    color: #FFF !important;
    margin-bottom: 15px;
}
.tr2 .ui-breadcrumb li a {
    color: #FFF !important;
    text-shadow: none;
    font-weight: normal;
}
#etfDetails{

}

.exportchartpopup .ui-dialog-titlebar{
    background: #4f81bd !important;
    border: none !important;
    box-shadow: none !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-weight: normal !important;
}
.changedate-popup .ui-dialog-titlebar{
    background: #4f81bd !important;
    border: none !important;
    box-shadow: none !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-weight: normal !important;
}
.changedate-popup table{
    display: block;
    margin:auto;
}
#changedate-span{
    margin: auto;
    display: block;
    width: 321px;
    text-align: center;
    margin-top: 23px;
    margin-bottom: 23px;
}
.changedate-confirmbtn{
    margin-left: 28px;
    margin-right: 155px;
    width: 86px !important;
    border: none !important;
    background: #4F81BD !important;
}
.changedate-cancelbtn{
    width: 86px !important;
    border: none !important;
    background: #4F81BD !important;
}
.changedate-confirmbtn span{
    color:#FFF !important;
    text-shadow: none !important;
    font-weight: normal !important;
}
.changedate-cancelbtn span{
    color:#FFF !important;
    text-shadow: none !important;
    font-weight: normal !important;
}
.newportfoliobutton span{
    position: relative;
    top:-1px !important;
}
.addnewetf{
    background: #4f81bd !important;
    padding-top: 3px !important;
    color: #FFF !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 12px !important;
    box-shadow: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    text-shadow: none !important;
    font-weight: normal !important;
    height: 33px !important;
    border: 0px !important;
    float: right;
    position: relative;
    top: -76px;
}
.portfolioSelect {
    width: 153px !important;
    height: 32px;
    border-radius: 0px;
}
.portfolioSelect .ui-inputfield{
    width: 137px;
    height: 100%;
    line-height: 1.8;
    border-radius: 0px;
}

.portfolioSelect .ui-selectonemenu-trigger .ui-icon {
    margin-top: 8px !important;
}
.portfolioSelect .ui-selectonemenu-trigger {
    background: #4f81bd !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    width: 23px;
}

.orderhistory{
    border-bottom: 1px solid #4f81bd;
    color: #4f81bd;
    margin-bottom: 19px;
    margin-top: 19px;
    padding-bottom: 7px;
    font-size: 16px !important;
    width: 100%;
    float: left;
}
.composition{
    border-bottom: 1px solid #4f81bd;
    color: #4f81bd;
    margin-bottom: 19px;
    margin-top: 19px;
    padding-bottom: 7px;
    font-size: 16px !important;
    width: 100%;
    float: left;
}
.treasury{
    background: #FFF;
    font-size: 15px;
    font-weight: normal;
    padding: 18px;
    width: 100%;
    float: left;
    height: 100%;
    line-height: 1.4;
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: none;
    padding-top: 1px !important;
    border: none;
    border-radius: 3px;
}

.historyTable .ui-datatable-tablewrapper{
    clear: both;
    border: 0px solid #E0E0E0;
}

.historyTable thead th{
    background: #4f81bd !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-size: 12px !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border: 0px solid #a8a8a8 !important;
}
.compositionTable .ui-datatable-tablewrapper{
    clear: both;
    border: 0px solid #E0E0E0;
}
.compositionTable thead th{
    background: #4f81bd !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-size: 12px !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border: 0px solid #a8a8a8 !important;
}

.newportfoliotable{
    height: 40%;
    width: 100%;
    float: left;
}
.portfoliobuttom .ui-panel-content {
    border: 0px !important;
    padding: 0 !important;
    background: none !important;
}
.portfoliobuttom-box1{
    padding: 10px;
    background: #FFF;
    border-radius: 0px;
    margin-bottom: 12px;
    border-top: 1px solid #C8C8C8;
}
.portfoliobuttom-box2{
    padding: 10px;
    background: #FFF;
    border-radius: 0px;
    margin-bottom: 12px;
    border-top: 1px solid #C6C6C6;
}
.newportfoliodiv .ui-messages{
    position: absolute;
    top: 665px;
    width: 375px;
    margin-left: 11px;
}
.newportfoliodiv{
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: none;
    width: 100%;
    height: 100%;
    float: right;
    border: none;
    border-radius: 3px;
}
.treasury-table {
    width: 100%;
    display: block;
    position: relative;
    top: -10px;
}
.treasury-table tbody{
    width: 100%;
    position: relative;
    display: block;
}


.newportfoliotable tr{
    border: 0px solid #ccc !important;
}

.newportfoliotable td{
    padding-top: 22px;
    border: 0px !important;
    padding-left: 26px;
    display: block;
}
.newcolumn1 {
    width: 100%;
    padding-left: 19px !important;
}

.newcolumn2 {
    width: 264px;
    float: left;
    margin-left: 18px;
    padding-right: 0px !important;
}
.newcolumn3 {
    width: 104px;
    float: left;
    padding-left: 0px !important;
}
.newportfolioinput{
    width: 91%;
    height: 21px;
    box-shadow: none;
    border-radius: 0px;
}
.newportfoliobutton{
    background: #4f81bd !important;
    padding-top: 3px !important;
    color: #FFF !important;
    padding-left: 8px !important;
    padding-right: 8px !important; 
    font-size: 12px !important;
    box-shadow: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    text-shadow: none !important;
    font-weight: normal !important;
    height: 32px !important;
    border: 0px !important;

}
.newcolumn2{
    padding-left: 0px !important;
}

.loginrendrer .ui-widget-content {
    padding: 0;
    border: none !important;
}
.newetf-table{
    border: none !important;
    margin-bottom: 14px;
}
.newetf-table tr , .newetf-table td {
    border: none !important;
}
.newetf-table-label{
    top: -9px;
    position: relative;
}

.composition-portfolio{
    padding: 0px !important;
    border: none !important;
    margin-bottom: 19px;
}
.composition-portfolio  .ui-tabs-nav li a{
    color: #4F81BD !important;
}
.chartsPortfolio-column1 .jqplot-title {
    left: 9px !important;
    width: 380px !important;
    text-align: center !important;
    display: block !important;
    margin: auto !important;
    color: #64A7DB !important;
    font-size: 18px !important;
    border-bottom: 1px solid #64A7DB !important;
    line-height: 1.4 !important;
    text-align: left !important;
    top: -6px !important;
    padding-bottom: 3px !important;
}
.chartsPortfolio-column2 .jqplot-title {
    left: 9px !important;
    width: 380px !important;
    text-align: center !important;
    display: block !important;
    margin: auto !important;
    color: #64A7DB !important;
    font-size: 18px !important;
    border-bottom: 1px solid #64A7DB !important;
    line-height: 1.4 !important;
    text-align: left !important;
    top: -6px !important;
    padding-bottom: 3px  !important;
}
.composition-portfolio .ui-tabs-nav{
    height: 27px !important;
    background: none !important;
}
.composition-portfolio .ui-tabs-nav li {
    background: #EBEBEB !important;
    width: 223px;
    overflow: hidden;
    cursor: pointer;
}
.composition-portfolio .ui-panel{
    padding: 0px !important;
}
.composition-portfolio .ui-panel-content{
    padding: 0px !important;
}
.composition-portfolio .ui-tabs-panel{
    padding: 0px !important;
    border: 0px !important;
}
.chartsPortfolio-container {
    height: 291px !important;
    padding: 0px;
    border: none !important;
}
.chartsPortfolio-container .ui-panel-content{
    border: 0px !important;
    padding: 0px !important;
    background: none !important;
    height: 100%;
}
.chartsPortfolio-table{
    display: block;
    width: 100% ;
    height: 100% !important;
}
.chartsPortfolio-table tbody {
    display: block;
    width: 100% ;
    height: 100%;
}
.chartsPortfolio-column1{
    display: block;
    width: 100%;
    float:left ;
    border: 0px !important;
    padding-top: 11px !important;
}
.chartsPortfolio-column1 table.jqplot-table-legend{
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid #CCC;
    position: absolute;
    font-size: 0.75em;
    width: 184px !important;
}
table.jqplot-table-legend tr , table.jqplot-table-legend td {
    border: 0px !important;
}

.jqplot-event-canvas {
    border: 0px !important;
}

.chartsPortfolio-column2{
    display: block;
    width: 42%;
    float:right ;
    border: 0px !important;
    padding-top: 11px !important;
}
.chartsPortfolio-table tr{
    display: block;
    width: 100% ;
    border: 0px !important;
}
.languageselect .ui-widget-content{
    border: 0px !important;
    background: #fff !important;
    width: 100%;
    float: right;
    color: #c8c7c7 !important;
    line-height: 1.5;
    top: 0px !important;
    position: relative;
    font-size: 11px;
}
.ui-paginator {
    background: none !important;
    color: #FFF !important;
    text-shadow: none !important;
    border: none;
}



.ETFS .ui-datatable-even{
    background: rgba(255, 255, 255, 0.06) !important;
} 
.PalmaresPanel thead{
    display: none;
}
.ETFS thead th {
    background: none !important;
    color: #4F81BD !important;
    border: none !important;
    padding-top: 6px !important;
    text-align: left;
    font-weight: normal !important;
    padding-bottom: 10px;
}
.ETFS thead th span {
    color: #4F81BD !important;
}
.Bestperformers .ui-datatable-even {
    background: rgba(255, 255, 255, 0.06) !important;
}
.Worstperformers .ui-datatable-even {
    background: rgba(255, 255, 255, 0.06) !important;
}

.tabView .ui-tabs-panel {
    height: 274px !important;
}
.PerformesParagraph{
    font-size: 10px;
    margin-bottom: 0;
    color: #4D4D4D;
    padding-top: 12px;
    background: none;
    padding-left: 4px;
    line-height: 1;
    background: none !important;
}
#welcomeheader{
    position: fixed;
    height: 101px;
    width: 100%;
    top: 0px;
    border-bottom: 1px solid #DDD;
}
#welcomeheadercontainer{
    float: none;
    height: 100%;
    margin-left: auto;
    margin-top: 3px;
    clear: none;
    width: 1000px !important;
    margin-right: auto;
}
#welcomelogo{
    float: left;
    height: 82px;
    margin-left: 2.91875%;
    margin-top: 17px;
    clear: none;
    width: 195px;
    position: relative;
    left: 0px;
    margin-right: 0px;
    top: -12px;
    display: block;
}

#welcomelogo img {
    width: 71%;
    margin: auto;
    display: block;
    margin-left: 0;
}
#logout-btn{
    width: 142px;
    height: 36px;
    float: right;
    background: #4f81bd;
    margin-top: 28px;
}
.logoutlink{
    color: #1B1A1A;
    font-family: liberation_sansregular;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    display: block;
    float: right;
    width: 83%;
    text-align: right;
    padding-right: 23px;
    height: 36px;
    top: 3px;
    position: relative;
    vertical-align: middle;
    line-height: 2;
}
.filtermodetable{
    width: 224px;
    height: 262px;
    float: left;
}
.eftfindertext{
    width: 300px;
    height: 262px;
    line-height: 1.5;
    text-align: justify;
    margin-top: 75px;
}  
.jqplot-title{
    left: 0px !important;
    width: 380px !important;
    text-align: center !important;
    display: block !important;
    margin: auto !important;
    color: #64A7DB !important;
    border-bottom: 1px solid #64A7DB !important;
    line-height: 1.4 !important;
    text-align: left !important;
    top: -23px !important;
    margin-top: 0px;
    font-family: 'Etelka Light Pro' !important;
    font-weight: normal;
    font-size: 16px;
    padding-bottom: 4px;
}
.jqplot-xaxis {

}
.jqplot-xaxis-label {
    margin-top: 2px !important;
    top: 17px !important;
}

.buttom-div{
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: none;
    padding: 0px;
    width: 58%;
    float: left;
    height: auto;
    margin-bottom: 50px;
    margin-top: 35px;
}
.historylabel{
    width: 100%;
    display: block;
    color: #64A7DB;
    font-size: 18px;
    border-bottom: 1px solid #64A7DB;
    line-height: 1.8;
}
.filter_splitbutton button{
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.disclaimerbody {
    margin: 0 !important;

}
#disclaimerForm{
    margin: auto;
    padding: 19px;
    font-family: liberation_sansregular;
    text-align: justify;
    background-image: url(../images/map.png);
    background-repeat: no-repeat;
    background-size: 58%;
    background-position-x: 50%;
    background-position-y: 50%;
}
.disclaimerbody .col{
    background: none !important;
}
.choosecountry-btn{
    display: block;
    width: 50%;
    float: left;
    padding-left: 13px;
    padding-bottom: 6px;
    color: #626262;
    border-left: 2px solid #E0DEDE;
}
.choosecountry-btn:hover{
    background-image: url('../images/arrowhover.png');
    background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 19%;
    color: #626262;
}
#disclaimerTitle{
    width: 242px;
    text-align: center;
    margin: auto;
    color: #4f81bd;
    font-weight: normal;
}
#disclaimerListe{

}
.newsPage .DisclaimerDialog{
    z-index: 33333333333333333333333 !important;
    border-bottom: none !important;

}

.DisclaimerDialog{
    position: fixed !important;
    height: 87% !important;
    top: 7% !important;
    z-index: 333333333 !important;
    border: none !important;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.8) !important;
    border-radius: 0;
}

.DisclaimerDialog .ui-dialog .ui-dialog-titlebar {
    background: none !important;
}


.newsPage .Custom_DisclaimerDialog{
    z-index: 33333333333333333333333 !important;
    border-bottom: none !important;

}

.Custom_DisclaimerDialog{
    position: fixed !important;
    height: 80% !important;
    top: 10% !important;
    z-index: 33333333333333333333333 !important;
    border: none !important;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.8) !important;
    border-radius: 0;
}

.Custom_DisclaimerDialog .ui-dialog .ui-dialog-titlebar {
    background: none !important;
}
#disclaimerButton{
    float: left;
    margin: auto;
    margin-bottom: 2px !important;
}

#disclaimerButton button:hover{
    background-color: #fafafa !important;
}
#showcirclemenu {
    width: 60px;
    height: 60px;
    position: relative;
    margin: auto;
    background: #000;
    top: -424px;
    cursor: pointer;
}
#bodyoverlay {
    width: 100%;

    background: #333;
    opacity: 0.5;
    position: absolute;
    display: none;
    z-index: 1;
}
.menu-btn{
    width: 50px;
    float: left;
    left: 124px;
    top: 29px;
    position: relative;
}
.menu-btn a{
    height: 100% !important;
    display: block;
}

#finderbtn{
    top: 144px;
    left: 44px;
}
#documentbtn{
    top: 45px;
    left: 129px;
}
#settingsbtn{
    top: 144px;
    left: 213px;
}

#circle-menu{
    height: 424px;
    width: 392px;
    top: -211px;
    position: relative;
    margin: auto;
    background-size: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    px: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}

.open{
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
}
.superHeaderLink{
    font-size: 11px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    top: 0px !important;
    position: relative !important;
    background: #d9d9d9 !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    border-radius: 0px !important;
    float: left;
    margin-right: 2px;
    color:#0A4C81;
    border-right: 2px solid rgba(255, 255, 255, 0.13);
}
.superHeaderLink:hover{
    text-decoration: underline;
}

.languageselect {
    width: 50px;
    float: right;
    top: 2px;
    position: relative;
    margin-left: 0;
    height: 26px;
    display: block;
    z-index: 3333333 !important;
}
.LanguageRadiocontainer{
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin-right: 0 !important;
}
.LanguageRadiocontainer .ui-button{
    font-size: 10px !important;
    background: #D3D3D3 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #494949 !important;
    border: none;
    margin-left: 3px !important;
    border-radius: 3px !important;
    width: 21px;
    margin-top: 1px;
}
.LanguageRadiocontainer .ui-button:hover {
    font-size: 10px !important;
    background: #91AECA !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #FFFFFF !important;
    border: none;
    margin-left: 3px !important;
    border-radius: 3px !important;
    width: 21px;
    margin-top: 1px;
}
.LanguageRadiocontainer .ui-button.ui-state-active{
    font-size: 10px !important;
    font-weight: normal;
    background: #116cb5 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #FFFFFF !important;
    border: none;
    margin-left: 3px !important;
    border-radius: 3px !important;
    width: 21px;
    margin-top: 1px;
}

.LanguageRadiocontainer .ui-button .ui-button-text {
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-transform: uppercase;
}
.LanguageRadiocontainer tbody{
    display: block;
    float: left;
    width: 100%;
}
.LanguageRadiocontainer tbody tr{
    display: block;
    float: left;
    width: 87%;

}
.LanguageRadiocontainer tbody tr td{
    display: block;
    float: left;
    margin-left: 0px;
}

.LanguageRadiocontainer .ui-radiobutton-box {
    background: #FFF !important;
    width: 12px !important;
    height: 12px !important;
}

.LanguageRadiocontainer .ui-radiobutton-box.ui-state-active {
    background: #4382E2 !important;
    box-shadow: none !important;
    border: 3px solid #FFF !important;
}
.LanguageRadiocontainer .ui-radiobutton-box.ui-state-active span {
    display: none;
}

.changeLunguageBtn{
    font-size: 11px !important;
    color: #FFF;
    position: relative;
    top: 2px;
    float: left;
    margin-left: 5px;
}
.LanguageRadiocontainer .ui-radiobutton.ui-widget {
    margin-left: 10px;
}




.LanguageRadiocontainer label {

    font-size: 10px !important;
    color: #FFF !important;
    position: relative !important;
    top: -1px !important;
}

.languageselect-column1{

    padding-top: 6px;
    color: #FFF;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
}
.languageselect-column2{
    height: 100%;
    position: relative;
    top: 0px;
    overflow: hidden;
    background: url('/resources/img/lyxor-all-icons.png') no-repeat;
    background-size: 11px;
    background-position: -187px -427px;
}
.languageselect-column2 select{
    height: 100%;
    margin-left: 0;
    background: none;
    color: #FFF;
    font-size: 11px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none !important;
    appearance: none !important;
    text-indent: 0.01px;
    text-overflow: ' ';
}
.languageselect-column2 select option{
    background: #CACBCC;
}


.readdocumentstable{
    height: 100% !important;
}
.readdocumentstable td{
    border: none !important;
}
.readdocumentstable tr{
    border: none !important;
}

.readdocumentstable .column1{
    width: 42% !important;
    padding-bottom: 0px;
    padding-top: 0px;
}
.readdocumentstable .column2{
    width: 42% !important;
    margin-left: 14px !important;
    padding-bottom: 0px;
    padding-top: 0px;
}
.readdocumentstable img{
    width: 58%;
    display: block;
    margin: auto;
}
.readdocumentstable button{
    width: 148px;
    font-weight: normal !important;
    text-shadow: none !important;
    background: none !important;
    border: none !important;
    text-decoration: underline !important;
    margin-top: 1px;
}
.readdocumentstable button:hover{
    box-shadow: none !important;
    color: #4f81bd !important;
}
#videos-title{
    width: 37.6%;
    float: left;
    border-bottom: none;
    color: #FFF;
    margin-bottom: 1px;
    padding-bottom: 7px;
    font-size: 16px !important;
    height: 25px;
    background: #494D50;
}
#videos-title label{
    font-family: 'Etelka Light Pro' !important;
    font-weight: normal;
    padding-left: 10px;
    line-height: 2.5;
    font-size: 13px;
}

#readdocument-title{
    width: 62.5%;
    margin-left: -1px;
    float: left;
    border-bottom: none;
    color: #FFF;
    margin-bottom: 1px;
    padding-bottom: 7px;
    font-size: 16px !important;
    height: 25px;
    background: #494D50;
}
#readdocument-title label{
    font-family: 'Etelka Light Pro' !important;
    font-weight: normal;
    padding-left: 23px;
    line-height: 2.5;
    font-size: 13px;
}
.RealTimeTable{
    height: auto !important;
    background: #FFF !important;
    width: 95.5% !important;
    margin: auto !important;
    margin-left: 28px !important;
    padding: 9px !important;
    background-color: rgb(255, 255, 255);
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.RealTimeTable .ui-tabs-top{
    border: none !important;
}
.ETFfindersupertopdiv{
    margin-top: 177px;
    height: 344px;
}
.ETFfindertopdiv{
    width: 55%;
    float: left;
    background-color: rgb(255, 255, 255);
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    height: 345px;

}

.quickfilter-table{
    width: 96%;
    float: left;
    background: #FFF !important;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    height: 345px;
    margin-left: 30px;
}

.category {
    background-size: 13px;
    border-radius: 0px;
    width: 22px;
    height: 29px;
    position: absolute;
    top: 46% !important;
    left: 10px;
}

.geography {
    background-size: 12px;
    border-radius: 0px;
    width: 22px;
    height: 29px;
    position: absolute;
    top: 46% !important;
    left: 10px;
}
.volatility {
    background-size: 15px;
    border-radius: 0px;
    width: 22px;
    height: 29px;
    position: absolute;
    top: 46% !important;
    left: 10px;
}

.history-div{
    width: 100%;
    display: block;
    margin: auto;
    height: auto;
    float: left;
    background-color: #FFF;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    padding: 10px;
}

.FundInformation{
    width: 100%;
    display: block;
    margin: auto;
    height: auto;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.FundInformation table{
    float: left;
    margin-left: 0px !important;
    display: block;
    position: relative;
    margin-right: 0px !important;
}
.FundInformation label{
    width: 96%;
    display: block;
    margin: auto;
    margin-top: 13px;
    color: #64A7DB;
    font-size: 18px;
    border-bottom: 1px solid #64A7DB;
    line-height: 1.8;

}
.topdiv{
    width: 100%;
    margin: auto;
    height: 399px;
    margin-top: 180px;
}

.chart{
    width: 100%;
    display: block;
    margin: auto;
    height: 367px;
    float: left;
    background-color: #FFF;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-left: 0px;
    margin-bottom: 16px;
    padding: 10px;
}
.buttondiv{
    width: 40%;
    display: block;
    margin: auto;
    height: auto;
    float: left;
    border: 0px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: none;
    margin-left: 16px;
    margin-bottom: 76px;
    margin-top: 35px;
    position: relative;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a {
    text-decoration: none;
}
.FundPerformance{
    width: 100%;
    float: left;
    height: auto;
    background-color: #FFF;
    border: 0px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-left: 0px;
    margin-bottom: 16px;
    border: 1px solid #CCC;
}
.performancecolumn1 {
    color: #0178BB;

}
.performancecolumn2{
    width: 80px;
}
.marketpricecolumn1{
    color: #0178BB;

}
.marketpricecolumn2{
    width: 80px;
    text-align: right;
}
.FundPerformance label{
    width: 96%;
    display: block;
    margin: auto;
    margin-top: 13px;
    color: #64A7DB;
    font-size: 18px;
    border-bottom: 1px solid #64A7DB;
    line-height: 1.8;
}
.documentsbox{
    width: 100%;
    height: auto !important;
    float: left;
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #CCC;
    padding: 10px;
}
.FundMarketPrice{
    width: 100%;
    height: 228px;
    float: left;
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 16px;
    border: 1px solid #CCC;
}
.documentsbox tr{
    height: 26px;
}

.FundMarketPrice tr{
    height: 26px;
}

.documentsbox label{
    width: 100%;
    display: block;
    margin-top: 0px;
    color: #64A7DB;
    border-bottom: 1px solid #64A7DB;
    line-height: 1.8;
    font-family: 'Etelka Light Pro' !important;
    font-weight: normal;
    font-size: 16px;
}
.FundMarketPrice label{
    width: 96%;
    display: block;
    margin: auto;
    margin-top: 6px;
    color: #64A7DB;
    border-bottom: 1px solid #64A7DB;
    line-height: 1.8;
    font-family: 'Etelka Light Pro' !important;
    font-weight: normal;
    font-size: 16px;
}
.FundPerformance label{
    width: 96%;
    display: block;
    margin: auto;
    margin-top: 6px;
    color: #64A7DB;
    border-bottom: 1px solid #64A7DB;
    line-height: 1.8;
    font-family: 'Etelka Light Pro' !important;
    font-weight: normal;
    font-size: 16px;
}
.moreinfocolumn .moreinfooverlay {
    background: rgb(255, 255, 255) !important;
    border: 1px solid #333 !important;
    box-shadow: none;
}

.videos-container{
    width: 99%;
    height: 100%;
}
.videos-grid{
    height: 100%;
}
.videos-grid .ui-datatable-tablewrapper{
    height: 100%;
}
.videos-grid .ui-datatable-tablewrapper table{
    height: 100%;
    width: 100%;
    display: block;
}
.videos-grid .ui-datatable-tablewrapper table tbody{
    height: auto;
    width: 100%;
    display: block;
    border: none !important;
}
.videos-grid .ui-datatable-tablewrapper table thead{
    display: none;
}
#description{
    width: 172px;
    display: block;
    height: auto;
    text-align: left;
    white-space: normal;
    line-height: 1.5;
}
.videos-grid .ui-datatable-tablewrapper table tbody tr{
    border-bottom: 1px solid #D4D4D4 !important;
    border-bottom: 1px solid #D4D4D4 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 14px !important;
    float: left;
}
td.videos-grid-column1 {
    width: 91px !important;
    display: block;
    float: left;
    height: 78px;
    margin-right: 4px;
    padding: 0px !important;
}
td.videos-grid-column2 {
    width: 159px !important;
    display: block;
    float: left;
    padding: 0px !important;
}

.videos-grid .ui-datatable-tablewrapper table tbody td{
    border:none !important;
    padding-left: 0px !important;
}
#videos{
    width: 37.6%;
    float: left;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    height: 88%;
}
.video-boutton{
    position: relative;
    left: -135%;
    top: -53px;
    background: #0991FE !important;
    box-shadow: none;
    border: none !important;
    width: 51px;
    height: 32px;
    opacity: 0.8;
}
.academy-video-boutton {
    position: relative;
    position: relative;
    left: 42%;
    top: -103px;
    background: #0073CF !important;
    box-shadow: none;
    border: none !important;
    width: 51px;
    height: 32px;
    opacity: 0.8;
}
.thumbnailimagediv{
    width: 158%;
    top: -14px;
    position: relative;
}
.video-boutton-icon{
    background: url("../images/sprite.png") -304px -175px no-repeat !important;
    border-radius: 0 !important;
    height: 14px !important;
    width: 12px !important;
    position: relative !important;
    margin: auto;
    left: 0px !important;
    top: 13px !important;

}
.academy-video-boutton-icon{
    border-radius: 0 !important;
    height: 14px;
    width: 12px ;
    position: relative !important;
    margin: auto;
    left: -1px;
    top: 9px !important;
}

.video-boutton .ui-button-text{
    display: none;
}
#document-lire{
    width: 62%;
    float: left;
    height: 88%;
    overflow: auto;
    overflow-x: hidden;
}

#videos-thumbail{
    width: 90%;
    height: 46%;
    background: #E2E2E2;
}
#thumbail{
    width: 100%;
    height: 66%;
}
#text{

}
.flux-rss{ 
    border: none !important;
}

#flux-wrapper ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 0px;
    background: #FB5503;
    font-weight: normal;
    padding-left: 8px;
    line-height: 2.5;
    font-size: 16px;
}



#flux-wrapper {
    overflow: auto;
    overflow-x: hidden;
    height: 88%;
    padding: 8px;
}
#news-title {
    border-bottom: none;
    color: #fb5503;
    margin-bottom: 1px;
    padding-bottom: 7px;

    height: 23px;

}
#news-title  label{
    font-family: 'Etelka Light Pro' !important;
    font-weight: normal;
    padding-left: 8px;
    line-height: 2.5;

}
#news-title h4 {
    color: #4f81bd;
}
.footer-bottom .right {
    width: 687px !important;
}
#rights_reserved{
    color: #FFF;
    font-size: 13px;
    position: absolute;
    top: 5px;
    margin-left: 12px;
}

#links{
    color: #FFF;
    font-size: 13px;
    position: relative;
    top: 5px;
    float: right;
    margin-right: 15px;
}
.Bestperformers table{
    table-layout: fixed;
}
.Bestperformers .ui-widget-content {
    height: 23px !important;
    border-bottom: 1px solid #EDEDED !important;
}

.Bestperformers .ui-datatable-even:hover {
    background: #CFE1F7 !important;
}
.Bestperformers .ui-datatable-odd:hover {
    background: #CFE1F7 !important;
}


.Bestperformers tbody td{
    vertical-align: middle;
    border-color: rgba(51, 51, 51, 0);
    padding-bottom: 2px;
    font-size: 11px !important;
    border-width: 0px !important;
}
.Worstperformers .ui-widget-content {
    height: 23px !important;
    border: 1px solid #ECECEC !important;
}
.Worstperformers tbody td{
    vertical-align: middle;
    border-color: rgba(51, 51, 51, 0);
    padding-bottom: 2px;
    font-size: 11px !important;
}
.userPanel .tabView .ui-tabs-nav{
    border:none !important;
    padding-left: 5px !important;
    padding-right: 3px !important;
}
.userPanel .tabView  .ui-tabs-nav li {
    border-bottom: 0;
    top: 1px;
    border: none;
    border-bottom: 3px solid #DCDCDC !important;
    border-radius: 0 !important;
    width: 50%;
    margin: 0;
}
.userPanel .tabView  .ui-tabs-nav li a{
    font-size: 11px !important;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 0px;
    cursor: pointer !important;
}
.userPanel .ui-panel-content .tabView .ui-tabs-nav li.ui-tabs-selected{
    background: #FFF !important;
    border-bottom: 3px solid #0073CF !important;
    border: none;
    margin: 0px !important;
    top: 1px !important;
}
.bestreturns{
    color:#3BB800;
}
.worstreturns{
    color:#BB0808;
}
.bestworstgrid tbody{
    width: 100% !important;
    display: block !important;
}
.bestworstgrid2 tbody {
    width: 100% !important;
    display: block !important;
}
.bestworstgrid .ui-button {
    background: #C7C7C7 !important;
    font-size: 8px !important;
    border: none !important;
    border-radius: 3px !important;
}
.bestworstgrid2 .ui-button {
    background: #C7C7C7 !important;
    font-size: 8px !important;
    border: none !important;
    border-radius: 3px !important;
}
.bestworstgrid tr{
    border:none !important;
    display: block;
    width: 100%;
}
.bestworstgrid2 tr{
    border:none !important;
    display: block;
    width: 100%;
}
.bestworstgrid2 td {
    border: none;
    display: block;
    width: 15.8%;
    float: left;
}

.bestworstgrid td {
    border: none !important;
    padding-left: 5px !important;
    border-radius: 3px;
    display: block;
    width: 16%;
    float: left;
    margin-right: 2px;
}
td.bestworstgridcol6 {
    margin-right: 0px !important;
}

.bestworstgrid2 td {
    border: none !important;
    padding-left: 4px !important;
    padding-right: 0px !important;
    border-radius: 3px;
    margin-right: 2px;
}
.ETFS .ui-widget-content {
    height: 24px !important;
    border: 1px solid #ECECEC !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.ETFS tbody td , .ETFS th {
    border-color: inherit;
    border: none;
}
td.navcolumn {
    width: auto !important;
    padding-right: 0px !important;
}
td.navcolumn span {
    text-align: right;
}
.alwaysbutton span{
    left: 0px;
    position: relative;
}
.ui-galleria-caption h4{
    display: block;
    color: #FFF !important;
    margin-top: 6px;
    font-size: 24px;
    padding: 25px;
    font-weight: normal;
    text-align: right;
    font-family: liberation_sansregular, sans-serif;
}
.ui-galleria-caption p{
    position: relative;
    color: #FFF;
    width: 100%;
    text-align: right;
    line-height: 1.4;
    font-size: 14px;
    padding: 25px;
    font-family: liberation_sansregular , sans-serif;
}
.ui-galleria-nav-prev {
    z-index: 3333;
    display: none;
}
.ui-galleria-nav-next {
    z-index: 3333;
    display: none;
}
.ui-galleria-filmstrip {
    width: 100% !important;
    position: relative !important;
    display: block !important;
    margin: auto !important;
    left: 0px !important;
    top: 0px !important;
    float: left;
    height: 100%;
}
.ui-galleria-frame {
    margin-top: 20px !important;
    margin-left: 0px !important;
    margin-right: 5px !important;
    width: 11px !important;
    height: 11px !important;
}



.ui-galleria-frame-content {
    width: 100% !important;
    height: 9% !important;
    background: #96a4a4;
    border-radius: 0;
}
.ui-galleria-frame-active .ui-galleria-frame-content{
    background: #0082A4 !important;
}

.ui-galleria-frame-content img {
    content:'';
    width: 117% !important;
    height: 115% !important;
}
.login-btn{
    background: #FFF !important;
    color: #4f81bd !important;
    border: 0 !important;
    left: 0px !important;
    position: relative !important;
    width: 100%;
    height: 48px;
    padding: 0 !important;
}
.login-btn:hover {
    background: #3f6898 !important;
    color: #FFF !important;
}

.filter_splitbutton .ui-button{
    background: #4f81bd !important;
    box-shadow: none;
    color: #FFF;
    text-shadow: none;
    font-weight: normal;
    border: 1px solid #FFF;
    border-radius: 3px 0px 0px 3px !important;
}

.quickfilter-table .ui-panel-titlebar {
    background: none !important;
    border: none !important;
    margin-bottom: 20px !important;
    font-size: 18px !important;
    color: #64A7DB !important;
    height: 31px !important;
    line-height: 1.8 !important;
    padding-left: 0px !important;
    border-bottom: 1px solid #64A7DB !important;
    margin-left: 14px !important;
    margin-right: 20px !important;
    text-shadow: none !important;
    font-weight: normal !important;
}
.quickfilter-table .ui-panel-content {
    padding-left: 17px !important;
    border: none !important;
    margin-bottom: 16px;
}
.etfsTable{
    padding-top: 0px !important;
    clear:both;
}

.etfsTable tr {
    border-color: #FFF !important;
}
.ui-datatable-odd {
    background: none repeat scroll 0 0 #F3F3F3 !important;
}
.panel-product-container .ui-datatable tbody td{
    border-left: 0 !important;
} 
.panel-product-container  .ui-datatable-odd {
    background: none repeat scroll 0 0 #F3F3F3 !important;
}

.etfsTable table{
    border-bottom: 1px solid #E9E9E9 !important;
}
.tableCustom .ui-datatable-tablewrapper table{
    width: 100% ;
}

.etfsTable .ui-datatable-tablewrapper {
    overflow: auto;
    overflow-y: hidden;
    width: 100%;
    border-radius: 0px;
    border-bottom: 5px solid #1C78AE;
}
.etfsTable .ui-paginator{
    background: none !important;
    box-shadow: none;
    color: #FFF;
    text-shadow: none;
    font-weight: normal;
    border: none;
    margin-top: 10px;
}
.etfsTable .ui-paginator .ui-paginator-page{
    background: #FFF;
    font-size: 8px;
    font-weight: normal;

}
.etfsTable .ui-paginator .ui-paginator-next{
    background: #FFF;
    font-size: 8px;
    font-weight: normal;

}

.etfsTable .ui-paginator .ui-paginator-next .ui-icon {
    background-size: 250px;
}

.etfsTable .ui-paginator .ui-paginator-last{
    background: #FFF;
    font-size: 8px;
    font-weight: normal;

}

.etfsTable .ui-paginator .ui-paginator-last .ui-icon {
    background-size: 250px;
}
.etfsTable .ui-paginator .ui-paginator-first{
    background: #FFF;
    font-size: 8px;
    font-weight: normal;

}

.etfsTable .ui-paginator .ui-paginator-first .ui-icon {
    background-size: 250px;
}
.etfsTable .ui-paginator .ui-paginator-prev{
    background: #FFF;
    font-size: 8px;
    font-weight: normal;

}

.etfsTable .ui-paginator .ui-paginator-prev .ui-icon {
    background-size: 250px;
}
.etfsTable .ui-paginator .ui-paginator-rpp-options{
    background: #FFF;
    font-size: 8px;
    font-weight: normal;
    display: none;

}
.etfsTable.withPaginator .ui-paginator .ui-paginator-rpp-options{

    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    float: right;
    top: 337px;
    right: 80px;
    position: absolute;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 62px;
    border-radius: 3px;
    color: #3D3D3D !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../images/sprite.png') 20px -488px no-repeat !important;
    box-shadow: 0px 0px 5px #D7D7D7 !important;
    border: none !important;
}

.jvectormap-zoomin, .jvectormap-zoomout{
    line-height: 10px !important;
    background: #009FCA !important;
}

.jvectormap-zoomin, .jvectormap-zoomout{
    position: absolute;
    width: 17px !important;
    height: 17px !important;
    left: 97%;
}

.hoveredTable .ui-datatable-even:hover {
    background: #CFE1F7 !important;
}
.hoveredTable .ui-datatable-odd:hover {
    background: #CFE1F7 !important;
}
.quickfilter-table .ui-panel-content button{
    width: 114px !important;
    height: 47px !important;
    margin-right: 19px !important;
    background: #4f81bd !important;
    color: #FFFFFF;
    text-shadow: none;
    font-weight: normal;
    border: none;
    box-shadow: none;
    margin-bottom: 10px;
}
.ETFfinderbottomdiv{
    width: 100%;
    float: left;
    background-color: rgb(255, 255, 255);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    box-shadow: none;
    height: auto;
    margin-top: 26px;
}

.quickfilter-table .ui-panel-content button:hover{

    background: #7caee9 !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #7caee9 0%, #4e81bd 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7caee9), color-stop(100%,#4e81bd)) !important;
    background: -webkit-linear-gradient(top, #7caee9 0%,#4e81bd 100%) !important;
    background: -o-linear-gradient(top, #7caee9 0%,#4e81bd 100%) !important;
    background: -ms-linear-gradient(top, #7caee9 0%,#4e81bd 100%) !important;
    background: linear-gradient(to bottom, #7caee9 0%,#4e81bd 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7caee9', endColorstr='#4e81bd',GradientType=0 ) !important;
    box-shadow: none;
    color: #FFF;
    text-shadow: none;
    font-weight: normal;



}

.filter_splitbutton .ui-splitbutton-menubutton .ui-icon {
    background-image: url("../images/custom-ico.png") !important;
}
.column1{
    display: block !important;
    width: 221px !important;
    float: left !important;

}
.column2{
    display: block !important;
    width: 221px !important;
    float: left !important;
}
.finder_tabview .ui-panel-content{
    padding: 0px ;
    border: none !important;
    background: none !important;   
}
.finder_tabview{
    border: 0px solid #DDD !important;
    padding: 0px !important;
    background: none !important;
    min-height: 768px;
}
.finder_tabview .ui-tabs-panel{
    padding: 0px !important;
    border: 0px !important;
    background: none !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
}
.finder_tabview .ui-tabs-panel .ui-panel{ 
    border: 0px !important;
    padding: 0px !important;
    background: none !important;
}
.buttom-div label {
    width: 100%;
    display: block;
    margin-top: 0px;
    color: #64A7DB;
    border-bottom: 1px solid #64A7DB;
    line-height: 1.8;
    font-family: 'Etelka Light Pro' !important;
    font-weight: normal;
    font-size: 16px;
}
.buttom-div .finder_tabview {
    top: -13px;
}
.buttom-div .finder_tabview .ui-tabs-nav {
    z-index: 1;
    position: relative !important;
    top: 56px !important;
    width: 100% !important;
    background: #FFF !important;
    border: 4px solid #64A7DB;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.buttom-div .finder_tabview .ui-tabs-nav li {
    height: 95% !important;
    background: #EBEBEB !important;
    width: 163px;
    overflow: hidden;
    margin-right: 1px;
}
#assetTab-table{
    top: 28px !important;
    position: relative !important;
}
#basletTab-table{
    top: 28px !important;
    position: relative !important;
}

.productPageTabView .ui-tabs-nav{
    top: 252px !important;

}
.EmptyMessage{
    display: block;
    position: absolute;
    z-index: 3;
    width: 172px;
    padding-top: 91px;
    padding-left: 22px;
    font-size: 12px !important;
    margin: auto;
    float: none;
    text-align: center;
    color: #7F7F7F;
}
.FinderTable_tabview .ui-tabs-nav {
    top: 0px !important;
}
.FinderTable_tabview .ui-tabs-panel {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.finder_tabview .ui-tabs-panels {
    position: relative;
    top:-12px !important;
}
.finder_tabview .ui-tabs-nav{
    z-index: 333;
    left: 0px !important;
    height: 32px !important;
    background: none !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 5px solid #1C78AE;
}
.finder_tabview .ui-tabs-navscroller{
    top: -32px;
    width: 1170px;
    margin: auto;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0 !important;
    padding-right: 15px;

}
.ui-tabs .ui-tabs-navscroller-btn-left {
        left: 97.4%;
}
a.ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left.ui-state-default.ui-corner-right.ui-state-disabled{
    display: none !important;
}
.finder_tabview .ui-tabs-navscroller-btn {
    position: absolute;
    height: 32px;
    top: 0px;
    z-index: 2;
    cursor: pointer;
    display: none;
    background: #3b436b;
    box-shadow: none;
    border: none;
    border-radius: 0;
    width: auto !important;
}
.amazingslider-bullet-wrapper-1 {

}
.ui-tabs-navscroller-btn span.ui-icon {
    margin-top: 8px !important;
}
.ui-tabs-navscroller-btn span.ui-icon.ui-icon-carat-1-w {
    background-image: url('../images/myicon.png') !important;
}
.ui-tabs-navscroller-btn span.ui-icon.ui-icon-carat-1-e{
    background-image: url('../images/myicon.png') !important;
}


.finder_tabview .ui-tabs-nav li{
    height: 95% !important;
    background: #F7F7F7 !important;
    width: 190px;
    overflow: hidden;
    border: none !important;

}
.finder_tabview .ui-tabs-nav li a{
    color: #4F81BD !important;
    width: 210px;
    padding-right: 5px;
    margin-right: 0px;
    margin-top: 0px;
    text-shadow: none;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    padding-left: 25px;
    font-family: HelveticaNeueLTStd-Lt;
    font-size: 14px !important;
    font-weight: normal !important;
    padding-top: 7px;
}
.finderSubTitle{
    color: #7A7A7A;
    float: left;
}
.DocumentSearshBar{
    width: 47%;
    float: right;
    height: 38px;
    margin-left: 1.7875%;
    clear: none;
    position: relative;
    top: -12px;
    left: 0px;
    margin-right: 0px;
    display: block;
}
.GometFilter{
    float: left;
    height: 327px;
    padding-bottom: 3px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}
.GometFilterContainer{
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #eee;
}
.AdvancedFilterContainer{
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #eee;
}
.FilterWrapper{
    margin-left: 0;
margin-right: 0;
}
.AdvancedFilterBox{
    background: none;
    box-shadow: none;
}
.finder_tabview .ui-tabs-panel .AdvancedFilterBox .ui-panel{
       background: #ffffff !important;
    border: 1px solid #eee !important;
    border-bottom: 0 !important;
    border-radius: 0;
}
.AdvancedFilterBox .Product-Name{
   padding-left: 10px;
    height: 32px;
    display: block;
    padding-top: 8px;
    padding-bottom: 6px;
    float: left;
    color: #333;
}
.comboFilterWrapper{
    background: none;
    box-shadow: none;
    padding-bottom: 15px;
    padding-top: 15px;
    margin: auto;
    position: relative;
    display: block;
    float: left;
    clear: both;
    padding-left: 0;
    padding-right: 0;
}
.comboFilterPanelContainer .Product-Name{
        display: block !important;
    text-align: left !important;
    font-size: 12px;
    color: #737373;
}
.comboFilterPanelContainer  .customFilter-select{
       float: none;
    position: relative;
    clear: both;
    display: block;
    margin-top: 4px;
    margin-bottom: 8px;
    border-radius: 0;
    border: 1px solid #eee !important;
    background: #fff;
    width: 100% !important;
    box-shadow: none !important;
}
.comboFilterPanelContainer  .customFilter-select .ui-selectonemenu-label {
    width: 95% !important;
    background: #ffffff !important;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    font-size: 14px !important;
    font-family: HelveticaNeueLTStd-Lt;
    font-weight: normal;
}
.comboFilterPanelContainer  .customFilter-select  .ui-selectonemenu-trigger {
    color: #FFF;
    background: none !important;
    box-shadow: none;
    border: none;
    padding-left: 11px;
    padding-right: 20px;
    border-left: 1px solid #eee;

}
.comboFilterPanelContainer  .customFilter-select  .ui-selectonemenu-trigger .ui-icon{
    background: url(../img/lyxor-all-icons.png) -20px -330px no-repeat !important;
}
.finder-selectmanycheckbox .ui-button{
    display: block;
    width: 100%;
    background: none;
    text-align: left;
    font-size: 11px;
    font-weight: normal;
    border: none;
    border-top: 1px solid #EFEFEF;
    padding-top: 2px;
    padding-bottom: 2px;
        box-shadow: none;

}

.finder-selectmanycheckbox .ui-state-active{
       box-shadow: none!important;
    background: url(../img/lyxor-all-icons.png) -14px -352px no-repeat!important;
    padding-left: 10px;
}
.finder-selectmanycheckbox .ui-state-active .ui-button-text{
    color:#333;
}
.finder-selectmanycheckbox .ui-state-disabled{
    opacity: 1;
    filter: Alpha(Opacity=1);
    color: #D6D6D6;
    display: none !important;
}
.IconesFinderButton{
    width: 46px;
    height: 46px;
    float: left;
    position: relative;
    border: none !important;
    border-radius: 0;
    display: block;
    box-shadow: none !important;
}
.customAssetclassBTN .productIcon {
    border-radius: 0;
}
.fixedHeaderGomets {
    border-radius: 0;
}
.ui-tabs .ui-tabs-nav li .ui-icon.ui-icon-close{
    
    background-image: url(../img/lyxor-all-icons.png) !important;
    background-position: -295px -111px ;
    
    position: absolute;
    right: 5px;
}
.fixedHeaderGomets{
    width: 54px;
    height: 54px;
    margin: auto;
    display: block;
    margin-left: 7px;
}
.filterButtonContainer .fixedHeaderGomets.EQIcon{
    background: url('../images/gomets.png') -668px -243px no-repeat !important;
}
.filterButtonContainer .fixedHeaderGomets.FICIcon{
    background: url('../images/gomets.png') -732px -242px no-repeat !important;
}
.filterButtonContainer .fixedHeaderGomets.COMIcon{
    background: url('../images/gomets.png') -667px -312px no-repeat !important;
}
.fixedHeaderGomets.icon1{
    background: url('../images/gomets.png') -21px -242px no-repeat !important;
}
.fixedHeaderGomets.icon2{
    background: url('../images/gomets.png')  -85px -242px  no-repeat !important;
}
.fixedHeaderGomets.icon3{
    background: url('../images/gomets.png')  -150px -242px  no-repeat !important;
}
.fixedHeaderGomets.icon4{
    background: url('../images/gomets.png') -214px -242px no-repeat !important;
}
.fixedHeaderGomets.icon5{
    background: url('../images/gomets.png') -278px -242px no-repeat !important;
}
.fixedHeaderGomets.icon6{
    background: url('../images/gomets.png')  -343px -242px  no-repeat !important;
}
.fixedHeaderGomets.icon7{
    background: url('../images/gomets.png')  -407px -242px  no-repeat !important;
}
.fixedHeaderGomets.icon8{
    background: url('../images/gomets.png')  -471px -242px  no-repeat !important;
}
.fixedHeaderGomets.icon9{
    background: url('../images/gomets.png')  -536px -242px  no-repeat !important;
}
.fixedHeaderGomets.icon10{
    background: url('../images/gomets.png')  -601px -242px  no-repeat !important;
}
.fixedHeaderGomets.icon11{
    background: url('../images/gomets.png')  -21px -312px  no-repeat !important;
}
.fixedHeaderGomets.icon12{
    background: url('../images/gomets.png')  -85px -312px  no-repeat !important;
}
.fixedHeaderGomets.icon13{
    background: url('../images/gomets.png')  -150px -312px  no-repeat !important;
}
.fixedHeaderGomets.icon14{
    background: url('../images/gomets.png')  -214px -311px  no-repeat !important;
}
.fixedHeaderGomets.icon15{
    background: url('../images/gomets.png')  -278px -311px  no-repeat !important;
}
.fixedHeaderGomets.icon16{
    background: url('../images/gomets.png')  -342px -312px no-repeat !important;
}
.fixedHeaderGomets.icon17{
    background: url('../images/gomets.png')  -407px -312px no-repeat !important;
}
.fixedHeaderGomets.icon18{
    background: url('../images/gomets.png')  -472px -311px  no-repeat !important;
}
.fixedHeaderGomets.icon19{
    background: url('../images/gomets.png')  -537px -311px  no-repeat !important;
}
.fixedHeaderGomets.icon20{
    background: url('../images/gomets.png') -600px -311px  no-repeat !important;
}
.icon1{
        background-image: url('../images/finder-gomets-new.png') !important;
    background-color: #474a73 !important;
     background-position: -6px -4px !important;
    
}
.icon2{
     background-position:-82px -4px  !important;
       background-image: url('../images/finder-gomets-new.png') !important;
    background-color: #474a73 !important;
}
.icon3{
     background-position: -155px -5px !important;
        background-image: url('../images/finder-gomets-new.png') !important;
    background-color: #474a73 !important;
}
.icon4{
     background-position: -230px -4px !important;
        background-image: url('../images/finder-gomets-new.png') !important;
    background-color: #474a73 !important;
}
.icon5{
    background-position: -307px -5px  !important;
        background-image: url('../images/finder-gomets-new.png') !important;
    background-color: #474a73 !important;
}
.icon6{
    background-position: -422px -7px  !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #f59c10 !important;
}
.icon7{
     background-position: -496px -7px  !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #f59c10 !important;
}
.icon8{
     background-position: -571px -5px  !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #f59c10 !important;
}
.icon9{
    background-position: -645px -5px  !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #f59c10 !important;
}

.icon61{
    background-position: -705px -5px !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #afc60e !important;
}
.icon10{
   background-position: -762px -5px  !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #b6057f !important;
}
.icon11{
    background-position: -6px -80px !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #8cafce !important;
}
.icon12{
     background-position: -82px -80px !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #8cafce !important;
}
.icon13{
     background-position: -155px -80px !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #8cafce !important;
}
.icon14{
     background-position: -230px -80px !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #8cafce !important;
}
.icon15{
    background-position: -306px -80px !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #8cafce !important;
}
.icon16{
     background-position: -381px -80px !important;
        background-image: url('../images/finder-gomets-new.png') !important;
     background-color: #8cafce !important;
}
.icon17{
    background-position: -497px -80px !important;
    background-image: url('../images/finder-gomets-new.png') !important;
    background-color: #868686 !important;
}
.icon18{
    background-position: -570px -80px !important;
    background-image: url('../images/finder-gomets-new.png') !important;
    background-color: #868686 !important;
}
.icon19{
    background-position: -684px -80px !important;
    background-image: url('../images/finder-gomets-new.png') !important;
    background-color: #009fcb !important;
}
.icon20{
    background-position: 131px -80px !important;
    background-image: url('../images/finder-gomets-new.png') !important;
    background-color: #009fcb !important;
}
.icon21{
    background-position: 62px -80px !important;
    background-image: url('../images/finder-gomets-new.png') !important;
    background-color: #e4003a !important;
}
.Activeicon1{
       background-image: url('../images/finder-gomets-new-hover.png') !important;
     background-position: -6px -4px !important;
         background-color: #fff !important;
             border: 1px solid #474a73 !important;
}
.Activeicon2{
    background-position:-82px -4px  !important;
       background-image: url('../images/finder-gomets-new-hover.png') !important;
           background-color: #fff !important;
               border: 1px solid #474a73 !important;
    
}
.Activeicon3{
   background-position: -155px -5px !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #474a73 !important;
    
}
.Activeicon4{
   background-position: -230px -4px !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #474a73 !important;
    
}
.Activeicon5{
     background-position: -307px -5px  !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #474a73 !important;
   
}
.Activeicon6{
      background-position: -422px -7px  !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #f59c10 !important;
    
}
.Activeicon7{
     background-position: -496px -7px  !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #f59c10 !important;
     
}

.Activeicon61{
    background-position: -710px -6px !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #afc60e !important;
    
}
.Activeicon8{
    background-position: -571px -5px  !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #f59c10 !important;
    
}
.Activeicon9{
   background-position: -645px -5px  !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #f59c10 !important;
    
}
.Activeicon10{
    background-position: -762px -5px  !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #b6057f !important;
     
}
.Activeicon11{
    background-position: -6px -80px !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #8cafce !important;
     
}
.Activeicon12{
     background-position: -82px -80px !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #8cafce !important;
     
}
.Activeicon13{
   background-position: -155px -80px !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #8cafce !important;
     
}
.Activeicon14{
   background-position: -230px -80px !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #8cafce !important;
     
}
.Activeicon15{
   background-position: -306px -80px !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #8cafce !important;
    
}
.Activeicon16{
   background-position: -381px -80px !important;
        background-image: url('../images/finder-gomets-new-hover.png') !important;
            background-color: #fff !important;
                border: 1px solid #8cafce !important;
     
}
.Activeicon17{
    background-position: -497px -80px !important;
    background-image: url('../images/finder-gomets-new-hover.png') !important;
        background-color: #fff !important;
            border: 1px solid #868686 !important;
    
}
.Activeicon18{
   background-position: -570px -80px !important;
    background-image: url('../images/finder-gomets-new-hover.png') !important;
        background-color: #fff !important;
            border: 1px solid #868686 !important;
   
}
.Activeicon19{
   background-position: -684px -80px !important;
    background-image: url('../images/finder-gomets-new-hover.png') !important;
        background-color: #fff !important;
            border: 1px solid #009fcb !important;
    
}
.Activeicon20{
    background-position: 131px -80px !important;
    background-image: url('../images/finder-gomets-new-hover.png') !important;
        background-color: #fff !important;
            border: 1px solid #009fcb !important;
    
}
.Activeicon21{
       background-position: 72px -79px!important;
    background-image: url(../images/finder-gomets-new-hover.png)!important;
    background-color: #fff!important;
    border: 1px solid #e4003a!important;
    
}

.filterButtonContainer{
    width: 74px;
    height: auto;
    float: left;
    margin: 0 !important;
    
    
}
.riskValueIcon{
    margin-left: 0;
    margin-right: 0;
    box-shadow: none; 
    padding: 50px;
}
.fixedGomets .filterButtonContainer{
    margin-left: 2.7px;
    display: table-cell;
}
.filterButtonText{
    font-size: 10.99px;
    color: #282828;
    text-align: left;
    display: block;
    margin-top: 5px;
    float: left;
    width: 90%;
    font-family: HelveticaNeueLTStd-Lt !important;
    font-weight: normal !important;
}
.filterThemeContainer{
    width: auto;
    float:left;
}
.filterTitle {
    display: block;
    background: #FFF;
    border-bottom: 1px solid #eee;
    height: 35px;
    width: 100%;
    color: #000000;
    font-size: 13px;
    font-weight: normal !important;
    text-align: left;
    line-height: 2.5;
    padding-left: 15px;
    font-family: HelveticaNeueLTStd-Lt!important;
}
.FilternavButton.ActiveFilternavButton:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #DA1971 transparent transparent transparent;
    float: left;
    _border-color: #DA1971 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    left: 0px;
    top: 0px;
    position: absolute;
}
.FilternavButton.ActiveFilternavButton {
    background: #FFF;
    border: 1px solid #eee;
    height: 35px;
    
    border-bottom: 0;
}
.FilternavButton.ActiveFilternavButton .FilterTabText{
    color: #000000 !important;
}
.FilternavButton .FilterTabText{
    color: #d9d9d9 !important;
    font-size: 13px;
    font-weight: 500 !important;
    text-align: left;
    line-height: 2.9;
    padding-left: 15px;
    text-decoration: none !important;
}
.FilternavButton{
    height: 35px;
    color: #d5d5d5 !important;
    text-align: left;
    line-height: 2.5;
}
.AssetClassFilter{
    height: 327px;
    border-radius: 0px;
    float: left;
    box-shadow: 0px 0px 6px #D8D7D7;
    overflow: hidden;
    padding-bottom: 16px;
}
.AssetClassFilter .productIcon {
    width: 46px;
    height: 46px;
    margin: 0;
    position: relative;
    border: none !important;
    display: block;
    float: left;
    box-shadow: none;
}
.customAssetclassBTN button.ActiveEQIcon {
    background: url(/resources/img/lyxor-all-icons.png) no-repeat -86px -435px !important;
    border: 1px solid  #e40044 !important;
}
.customAssetclassBTN button.ActiveFICIcon {
    background: url(/resources/img/lyxor-all-icons.png) no-repeat -86px -523px !important;
    border: 1px solid #05ab97 !important;
}
.customAssetclassBTN button.ActiveCOMIcon {
    background: url(/resources/img/lyxor-all-icons.png) no-repeat -85px -612px !important;
    border: 1px solid #f3c811 !important;
}
.filterButtonContainer .EQIcon{
          background: url(/resources/img/lyxor-all-icons.png) no-repeat -260px -450px;
}

.filterButtonContainer .FICIcon{
           background: url('/resources/img/lyxor-all-icons.png') no-repeat  -260px -540px !important;
}

.filterButtonContainer .COMIcon{
            background: url('/resources/img/lyxor-all-icons.png') no-repeat -260px -628px;
}
.AssetClassFilter .EQIcon{
    
}
.AssetClassFilter .FICIcon{
    
}
.AssetClassFilter .COMIcon{
   
}
.AssetClassFilter .ActiveEQIcon{
    background: url('../images/sprite.png') -192px -171px no-repeat !important;
}
.AssetClassFilter .ActiveFICIcon{
    background: url('../images/sprite.png') -192px -260px no-repeat !important;
}
.AssetClassFilter .ActiveCOMIcon{
    background: url('../images/sprite.png') -192px -349px no-repeat !important;
}

.prez-dialog .ui-dialog-content{
    padding: 0px !important;
}
.finder_tabview .ui-state-active .ui-icon {
    background-image: url('../img/lyxor-all-icons.png') !important;
    background-position: -295px -124px !important;
}
.Lyxor-data-table .ui-sortable-column-icon.ui-icon {
        background-image: url('../images/myicon.png') !important;
}
.Lyxor-data-table .ui-state-active .ui-sortable-column-icon.ui-icon{
    background-position: 0px 1px !important;
}
.Lyxor-data-table .ui-state-active .ui-sortable-column-icon.ui-icon.ui-icon-triangle-1-s{
    background-position: -64px 1px !important;
}
.linechartcontainer .highcharts-range-selector{
        top: 82px !important;
    border: none !important;
    margin-left: 1px;
}
.finder_tabview .ui-tabs-nav li.ui-tabs-selected {
    border: 1px solid #A8A8A8;
    background: #1C78AE !important;
    top: 1px;
}
.finder_tabview .ui-tabs-nav li.ui-tabs-selected a {
    color:#FFF !important;
    text-shadow: none;
}



.finder_Subtabview{
    border: 0px solid #DDD !important;
    padding: 0px !important;
    background: none !important;
}

.finder_Subtabview .ui-tabs-nav{
    background: #FFF !important;
    border-bottom: 1px solid #B9B9B9 !important;
    border: none !important;
    margin-bottom: -7px;
    left: 12px !important;
    position: relative !important;
}
.finder_Subtabview .ui-tabs-nav li{
    border: none;
    border-bottom: 3px solid #DCDCDC !important;
    width: 15%;
    cursor: pointer;
    background: none !important;
    box-shadow: none;
    height: 27px !important;
    margin: 0;
    margin-bottom: 1px;
    margin-right: 5px;

}
.finder_Subtabview .ui-tabs-nav li a{
    color: #333 !important;
    font-size: 12px;
    font-weight: normal;
    padding-left: 0;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0px;
    padding-right: 0;
    width: 100%;
    text-shadow: none;
}
.finder_Subtabview .ui-tabs-nav li a:hover{
    font-size: 12px !important;
}

.finder_Subtabview .ui-tabs-nav li.ui-tabs-selected {
    text-shadow: none !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border-bottom: 3px solid #0073CF !important;
    background: none !important;
    border: none;
    height: 26px !important;
}
.finder_Subtabview .ui-tabs-nav li.ui-tabs-selected a {
    color: #0073CF !important;
    text-shadow: none !important;
}
.panel-product-btn {
    display: block;
    width: 189px;
    float: left;
    border-bottom: none;
    text-align: center;
    font-size: 15px !important;
    font-weight: normal;
    height: 100%;
    color: #FFFFFF !important;
    line-height: 3.5;
    text-decoration: none !important;
    font-family: HelveticaNeueLTStd-Roman !important;
}
.productactive {
    background-color: #707070 !important;
  
}
#awards-ico{
    display: block;
    margin: auto;
    width: 60%;
    margin-top: 22px;
}
#awards-ico-hover{
    display: block;
    margin: auto;
    width: 60%;
    margin-top: 22px;
}
#linkico{
    position: absolute;
    display: block;
    margin-left: 76px;
    margin-top: 45px;
    width: 30px;
}
.redmore-btn:hover > #redmore{

    opacity: 0.8;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#redmore_awards{
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(4, 116, 204, 1);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    px: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}
.redmore-btn:hover > #redmore_awards{

    opacity: 0.8;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#redmore{
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(4, 116, 204, 1);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    px: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}
#redmoretext{
    color: #FFF;
    font-size: 15px;
    width: 100px;
    text-align: center;
    margin: auto;
    top: 29%;
    position: relative;
}
#titre_etf{
    font-size: 15px;
    color: #0474CC;
    font-weight: normal;
    margin-top: 10px !important;
    width: 90%;
    margin: auto;
}
#semaine{
    font-size: 12px;
    color: #0474CC;
    font-weight: normal;
    margin-top: 6px !important;
    width: 92%;
    margin: auto;
}
#text_desc{
    font-size: 12px;
    color: #747474;
    font-weight: normal;
    margin-top: 6px !important;
    width: 92%;
    margin: auto;
    line-height: 1.5;
    text-align: left;
}
.footer-bottom{
    height: 80% !important;
    margin: auto;
    width: 100%;
    position: absolute;
    top: 28px;
}
#wrapper-footer:hover > .footer-bottom{
    top: 6px !important;

}
#wrapper-footer:hover{
    top: -59px !important;
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
}

#wrapper-footer:hover > .menulabel{
    display: none;    
}

.footer-bottom .right {
    height: 100% !important;
}
#social-bar {
    height: 100%;
    overflow: visible;
}
#social-bar li {
    width: 7% !important;
    height: 73% !important;
    margin-right: 3%;
    margin-left: 6%;
    float: left !important;
}
#footerbtnico{
    width: 74%;
    margin-top: 8px;
    position:relative;
    top: 0px;
}


#social-bar li a:hover > #footerbtnico{

    width: 100%;
    margin-top: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    px: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#readmore-btn1{
    display: block;
    position: relative;
    float: left;
    width: 18%;
    height: 127px;
    background: #E0E0E0;
    border: 1px solid #C9C9C9;
    margin-left: 28px;
}
#readmore-btn2{
    display: block;
    position: relative;
    float: left;
    width: 18%;
    height: 127px;
    background: #E0E0E0;
    border: 1px solid #C9C9C9;
    margin-left: 13px;
}
#readmore-btn3{
    display: block;
    position: relative;
    float: left;
    width: 18%;
    height: 127px;
    background: #E0E0E0;
    border: 1px solid #C9C9C9;
    margin-left: 13px;
}
#readmore-btn4{
    display: block;
    position: relative;
    float: left;
    width: 18%;
    height: 127px;
    background: #E0E0E0;
    border: 1px solid #C9C9C9;
    margin-left: 13px;
}
#readmore-btn5{
    display: block;
    position: relative;
    float: left;
    width: 18%;
    height: 127px;
    background: #E0E0E0;
    border: 1px solid #C9C9C9;
    margin-left: 13px;
}

.flex-direction-nav{
    display:none !important;
}
.realTimeform .ui-tabs-panel {
    padding: 0 !important;
    border-top: 0px !important;
    border: 0px !important;
}
.realTimeform .ui-tabs-panels{

}

.realTimeform  .ui-datatable-tablewrapper{
    overflow: auto;
    overflow-x: hidden;
}

.realTimeTable thead th{
    background: #1C78AE !important;
    color: #FFF !important;
    text-shadow: none !important;
    font-size: 12px !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border: 0px solid #A8A8A8 !important;
    padding-top: 5px;
    padding-bottom: 5px;
}
.NamemostViewedMsg{

}
.realTimeform .ui-tabs-nav{
    background: #FFF !important;
    border-bottom: 1px solid #B9B9B9 !important;
    border: none !important;
    margin-bottom: 18px;

}
.realTimeform .ui-tabs .ui-tabs-nav li a {
    color: #333 !important;
    font-size: 12px;
    font-weight: normal;
    padding-left: 0;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0px;
    padding-right: 0;
    width: 100%;
    text-shadow: none;
}

.realTimeform .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
    text-shadow: none !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border-bottom: 3px solid #0073CF !important;
    border: none;
}

.realTimeform .ui-tabs-nav li.ui-tabs-selected a{
    color: #0073CF !important;
    text-shadow: none !important;
}
.realTimeform .ui-tabs .ui-tabs-nav li {
    border: none;
    border-bottom: 3px solid #DCDCDC !important;
    width: 24%;
    cursor: pointer;
    background: #FFF;
    box-shadow: none;
    height: 26px;
    margin: 0;
    margin-bottom: 1px;
    margin-right: 5px;

}
.realTimeTable td{
    border: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    color: #4D4D4D !important;
}
.realTimeTable tr{
    border-color: #ECECEC !important;
}

.ui-paginator .ui-paginator-first {
    background: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
    box-shadow: none;
    border: none !important;
}
.ui-paginator .ui-paginator-first:hover {
    background: #D7D7D7 !important;
    box-shadow: none !important;
}
.ui-paginator-first .ui-icon {
    background-size: 250px !important;
    position: relative;
    top: 3px;
}
.ui-paginator-prev {
    background: #BABABA !important;
    font-size: 14px !important;
    font-weight: normal !important;
    box-shadow: none;
    border: none !important;
}
.ui-paginator-prev:hover {
    background: #D7D7D7 !important;
    box-shadow: none !important;
}

.ui-paginator-prev .ui-icon {
    background-size: 250px !important;
    position: relative;
    top: 3px;
}
.ui-paginator-next {
    background: #BABABA !important;
    font-size: 14px !important;
    font-weight: normal !important;
    box-shadow: none;
    border: none !important;
}
.ui-paginator-next:hover {
    background: #D7D7D7 !important;
    box-shadow: none !important;
}
.ui-paginator-next .ui-icon {
    background-size: 250px !important;
    position: relative;
    top: 3px;
}
.ui-paginator-last {
    background: #BABABA !important;
    font-size: 14px !important;
    font-weight: normal !important;
    box-shadow: none;
    border: none !important;
}
.ui-paginator-last:hover {
    background: #D7D7D7 !important;
    box-shadow: none !important;
}

.ui-paginator-last .ui-icon {
    background-size: 250px !important;
    position: relative;
    top: 3px;
}

.ui-paginator-page {
    background: #BABABA !important;
    font-size: 13px !important;
    font-weight: normal !important;
    margin-left: 4px !important;
    box-shadow: none;
    border: none !important;
    text-shadow: none !important;
    color: #666 !important;
}
.ui-paginator-page:hover {
    background: #D7D7D7 !important;
    box-shadow: none !important;
}
.ui-paginator-page.ui-state-active{
    color: #FFF !important;
    background: #116CB5 !important;
    box-shadow: none;
    border: none;
}
.realTimeform  .ui-paginator{
    margin-top: 15px;
}
#galleriaForm .ui-galleria{
    width: 100% !important;
    border: none !important;
    height: 100%;
    overflow: visible;
    z-index: 3;
}
.ui-galleria-panel-wrapper{
    width: 100% !important;
    height: 100% !important;
    box-shadow: none;
    z-index: 1;
}
.ui-galleria-panel-wrapper li ,.ui-galleria-panel-wrapper img{
    width: 100% !important;
    height: 100% !important;
}
.ui-galleria-filmstrip-wrapper{
    width: 100% !important;
    height: 60px !important;
    background: none !important;
    margin: 0px !important;
    border: none !important;
    z-index: 0;
    position: relative;
    top: 0px;
    float: right;
    box-shadow: 0px 1px 2px rgba(116, 116, 116, 0.31);
}
.galleria-button-text{
    display: block;
    width: 100%;
    height: 19px;
    margin-top: 20px;
    position: relative;
    z-index: 0;
    clear: both;
    top: -400px;
}
.galleria-button-text h7{
    display: block;
    float: left;
    margin-right: 0px;
    width: 20% !important;
    height: 100% !important;
    opacity: 1;
    text-align: center;
    color: #868686;
    position: relative;
    font-size: 14px;
    font-family: Myriad Pro Regular;
}

.startOrStopGalleria{
    position: relative;
    top: -98px;
    right: 10px;
    z-index: 1;
    float: right;
    background-color: rgba(255, 255, 255, 0.92) !important;
    border: none !important;
    box-shadow: none;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 2px 2px;
}
.ui-galleria-frame {
    margin-top: 0px !important;
    margin-left: 0px;
    margin-right: 0px;
    background: none;
    border-radius: 0;
    width: 20% !important;
    height: 100% !important;
    margin-right: 0px !important;
    opacity: 1;
}
.ui-galleria-frame-active{
    background: none !important;

}

.realTimeTable tbody{
    border-left: 0px !important;
    border: 0 !important;
}
.realTimeTable .ui-widget-content{
    border: 0 !important;
}
.fixedhomedataTable .ui-tabs {
    height: 325px !important;
    min-height: 325px !important;
    padding: 0px;
    border: 0px !important;
}

.fixedhomedataTable .ui-paginator {
    display: none !important;
}

.realTimeTable tbody tr{
    border-left: 0px !important;
}
.ui-galleria-caption {
    position: relative;
    left: 1px;
    display: none;
    color: #FFF;
    padding: 0px;
    top: -425px !important;
    height: 100% !important;
    width: 32% !important;
    background: rgba(51, 51, 51, 0.7);
    float: right;
    margin-left: 0px;
    z-index: 1;
}

#header_container{
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 27px;
    clear: none;
    width: 1000px !important;
    margin-right: auto;
}


.super_wrapper{
    float: none;
    height: auto;
    margin-left: auto;
    clear: none;
    width: 1000px;
    margin-right: auto;
    margin-top: 163px;
    background: #FFF;
}
#slider-holder {
    padding-bottom: 50px;
    position: relative;
    width: 100%;
}
#home-block{
    padding-bottom: 50px !important;
    position: relative !important;
    width: 100% !important;
}

#box1 {
    float: left;
    height: 319px;
    margin-left: 0px;
    margin-top: 35px;
    margin-bottom: 103px;
    clear: none;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 0px;
    background-color: #D8D8D8;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

#home_block_box1{
    padding: 0px;
    float: left;
    height: 393px;
    margin-left: 29.2px;
    margin-top: 0px;
    clear: none;
    width: 58.957812%;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 0px;
    background-color: #FFF;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: auto;
}
#box2 {
    float: right;
    height: 393px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 282px;
    margin-right: 16.95px;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.2);
}

#home_block_box2 {
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: 0;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: #FFF;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding: 0px;
    border-radius: 5px;
    overflow: auto;
}



/* Windows Chrome ugly fix http://stackoverflow.com/questions/13674808/chrome-svg-font-rendering-breaks-layout/14345363#14345363 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'icomoon';
    };
}


.left-corner {
    border-color: rgba(0, 0, 0, 0) #888 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 0 13px 13px 0;
    float: left;
    left: 1px;
}
.right-corner {
    border-color: #888 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 13px 13px 0 0;
    float: right;
    right: 1px;
}
.left-corner, .right-corner {
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    position: relative;
    top: 33px;
    opacity: 0.58;
    filter: alpha(opacity=58);
}

.navtoogle {
    display: none;
    padding: 0.5em 0.5em 0.8em;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-weight: normal;
    text-align: left;
    color: #07100F;
    font-size: 1.2em;
    border: none;
    cursor: pointer;
    width: 49px;
    background-color: #F0F0F0 !important;
    background: url('../images/sprite.png') -545px -396px no-repeat;
    border-radius: 3px;
    height: 34px;
    float: right;
    z-index: 3333333;
    position: relative;
    top: 34px;
    margin-right: 18px;
}

.active-menu-btn{

}
.active-SearchBar-btn{
    background: #F0F0F0 !important;
}

.SerachBartoggle{
    display: none;
    padding: 0.5em 0.5em 0.8em;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-weight: normal;
    text-align: left;
    color: #07100F;
    font-size: 1.2em;
    border: none;
    cursor: pointer;
    width: 49px;
    background-color: #F0F0F0 !important;
    background: url('../images/sprite.png') -496px -395px no-repeat;
    border-radius: 3px;
    height: 34px;
    float: right;
    z-index: 3333333;
    top: 34px;
    position: relative;
    margin-right: 8px;
}


.active-menu-btn a{
    border-bottom: 0px solid #434343 !important;
    height: 33px !important;
    color: #333 !important;
}
.active{
    background: #003F71 !important;

}
.active a{
    border-bottom: 0px solid #434343 !important;
}
.pagetitle{
    top: 2px;
    position: relative;
    font-size: 13px;
    left: 0px;
}
.icon-team, .icon-blog, .icon-home, .icon-portfolio, .icon-services, .icon-contact, .icon-menu {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-team:before {
    content: "\e000";
}

.icon-blog:before {
    content: "\e001";
}

.icon-home:before {
    content: "\e002";
}

.icon-portfolio:before {
    content: "\e003";
}

.icon-services:before {
    content: "\e004";
}

.icon-contact:before {
    content: "\e005";
}

.icon-menu:before {
    content: "\f0c9";
}

a, li {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* Global CSS that are applied for all screen sizes */

.nav ul {
    max-width: 1240px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.5em;
    font-weight: 300;
}

.nav li span {
    font-size: 13px;
}

.nav a {
    display: block;
    color: #FFF;
    text-decoration: none;
    -webkit-transition: color .5s, background .5s, height .5s;
    -moz-transition: color .5s, background .5s, height .5s;
    -o-transition: color .5s, background .5s, height .5s;
    -ms-transition: color .5s, background .5s, height .5s;
    transition: color .5s, background .5s, height .5s;


}

.nav i{
    /* Make the font smoother for Chrome */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Remove the blue Webkit background when element is tapped */

a, button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Hover effect for the whole navigation to make the hovered item stand out */

.no-touch .nav ul:hover a {
    color: rgba(149, 184, 207, 0.5);
}

.no-touch .nav ul:hover a:hover {
    color: rgba(249, 249, 249, 0.99);
}

/* Adding some background color to the different menu items */

.nav li:nth-child(6n+1) {

}

.nav li:nth-child(6n+2) {

}

.nav li:nth-child(6n+3) {

}

.nav li:nth-child(6n+4) {

}

.nav li:nth-child(6n+5) {

}

.nav li:nth-child(6n+6) {

}



.infoetf2{
    box-shadow: none;
    height: 74px !important;
    top: 3px;
    position: relative;
    cursor: default;
}
.col.infoetf{
    box-shadow: none;
    height: 74px;
    padding: 6px !important;
    clear: both;
    padding-top: 32px !important;
    cursor: default;
}
.nav .MenuElement:hover > a {
    border-bottom: 3px solid #ff7c4d !important;
    background: #003f71;
}
.nav li {
    float: left;
    width: 20% ;
    text-align: center;
    -webkit-transition: border .5s;
    -moz-transition: border .5s;
    -o-transition: border .5s;
    -ms-transition: border .5s;
    transition: border .5s;
    background: #0073CF;
    border-right: 0px solid rgba(255, 255, 255, 0.22);


}

.nav li:hover {
    /*   background: #003f71 !important;
       border-bottom: 2px solid #ff7c4d;*/
}

.nav ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav ul ul {
    width: 20% ;
    visibility: hidden;
    position: absolute;
    z-index: 598;
    /*    padding-right: 1px;*/

}
.nav ul ul li {
    width: 100% !important;
    background: rgba(0, 63, 113, 0.88) !important;

}
.nav ul ul li a .pagetitle{
    float: left !important;
    padding-left: 24px !important;
    padding-top: 16px !important;

}
.nav ul ul li:hover {
    /*    border-left:6px solid #ff8347;*/
    background: #003F71 !important;
}

.nav ul ul li:hover > a{
    border-bottom: none !important;
    color: #ffffff !important;
}

.nav ul li:hover > ul {
    visibility: visible;
}

.nav li:hover ul li {
    float:none;
}

.nav li ul li a{
    color:#ffffff !important;
}
.highcharts-data-labels .highcharts-tracker g text tspan{
    font-weight: normal !important;

}
/* hover, focused and active effects that add a little colored border to the different items */

.no-touch .nav li a:hover, .no-touch .nav li a:active, .no-touch .nav li a:focus {
    border-bottom: none;
}

.no-touch .nav li:nth-child(6n+1) a:hover,
.no-touch .nav li:nth-child(6n+1) a:active,
.no-touch .nav li:nth-child(6n+1) a:focus {
    border-bottom: 4px solid rgb(174, 78, 1);
}

.no-touch .nav li:nth-child(6n+2) a:hover,
.no-touch .nav li:nth-child(6n+2) a:active,
.no-touch .nav li:nth-child(6n+2) a:focus {
    border-bottom: 4px solid rgb(191, 117, 20);
}

.no-touch .nav li:nth-child(6n+3) a:hover,
.no-touch .nav li:nth-child(6n+3) a:active,
.no-touch .nav li:nth-child(6n+3) a:focus {
    border-bottom: 4px solid rgb(12, 110, 149);
}

.no-touch .nav li:nth-child(6n+4) a:hover,
.no-touch .nav li:nth-child(6n+4) a:active,
.no-touch .nav li:nth-child(6n+4) a:focus {
    border-bottom: 4px solid rgb(10, 75, 117);
}

.no-touch .nav li:nth-child(6n+5) a:hover,
.no-touch .nav li:nth-child(6n+5) a:active,
.no-touch .nav li:nth-child(6n+5) a:focus {
    border-bottom: 4px solid rgb(16, 34, 44);
}

.no-touch .nav li:nth-child(6n+6) a:hover,
.no-touch .nav li:nth-child(6n+6) a:active,
.no-touch .nav li:nth-child(6n+6) a:focus {
    border-bottom: 4px solid rgb(9, 18, 25);
}

/* Placing the icon */

.icon {
    padding-top: 1.4em;
    top: 3px;
    position: relative;
    left: -9px;
    padding-right: 10px;
}

.icon + span {
    margin-top: 2.1em;
    -webkit-transition: margin .5s;
    -moz-transition: margin .5s;
    -o-transition: margin .5s;
    -ms-transition: margin .5s;
    transition: margin .5s;
}

/* Animating the height of the element*/
.nav a {
    height: 33px;
    text-align: center;
    display: block;
    width: auto;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgba(255, 255, 255, 0.219608);
}

.no-touch .nav a:hover ,
.nav a:active ,
.nav a:focus {
    height: 33px;
}	

/* Making the text follow the height animation */
.no-touch .nav a:hover .icon + span {
    margin-top: 3.2em;
    -webkit-transition: margin .5s;
    -moz-transition: margin .5s;
    -o-transition: margin .5s;
    -ms-transition: margin .5s;
    transition: margin .5s;
}

/* Positioning the icons and preparing for the animation*/
.nav i {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0.4em;
    border-radius: 50%;
    font-size: 13px;
    box-shadow: 0 0 0 30px transparent;
    /*    background: rgba(255,255,255,0.1);*/
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: box-shadow .6s ease-in-out;
    -moz-transition: box-shadow .6s ease-in-out;
    -o-transition: box-shadow .6s ease-in-out;
    -ms-transition: box-shadow .6s ease-in-out;
    transition: box-shadow .6s ease-in-out;
}	

/* Animate the box-shadow to create the effect */
.no-touch .nav a:hover i,
.no-touch .nav a:active i,
.no-touch .nav a:focus i {		
    box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
    -webkit-transition: box-shadow .4s ease-in-out;
    -moz-transition: box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    -ms-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
}



/* GENERAL ------------------------------------------------------------*/
body,
.home-block-heading span,
.page-heading span{

    /*    background: url(../images/test6.png) repeat 0 0;*/

}
body a{ color: #444; }
body a:hover,
#top-widget-holder a:hover,
#nav>li>a:hover,
.project-heading .launch:hover{
    /*    color: #ea4c88;*/
}

h1,h2,h3,h4,h5,h6{ color: #444444; }

/* Selection colours (easy to forget) */


img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: #ea4c88;}

/* HEADER ------------------------------------------------------------*/

header{ 
    background: #FFF;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: none;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}


/* WIDGETS------------------------------------------------*/

#top-widget-holder{
    background: #4f81bd;
    color: #aaaaaa;
    /*    background-image: url('../images/test8.png');*/
}

#top-widget-holder h4{
    color: #ebebe8;
}

#top-widget-holder a{
    color: #fff;
}

/* NAVIGATION ------------------------------------------------------------*/

nav a{ color: #E2E0D7; }

#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
    color: #E2E0D7;
}

/* sub navigation -----------------------------------------------------*/

#nav>li ul{ background: #2f2f2f; }

#nav>li ul li a{ color: #717171; }

#nav>li ul li a:hover,
#nav>li ul li:nth-child(even) a:hover{
    background: #ea4c88;
    color: #fff;
}

#nav>li ul li:nth-child(even) a{
    background: #333333;
}

/* BREADCRUMBS ------------------------------------------------------------*/

.breadcrumbs{ color: #444; }

.breadcrumbs a{ color: #888; }


/* CONTACT CONTENT ------------------------------------------------------------*/

#contact-sidebar{ background: #e2e0d7; }


/* SIDEBAR ------------------------------------------------------------*/

#sidebar{ background: #e2e0d7; }

#sidebar .block{ border-bottom: 1px solid #bcbcba; }

/* HOME ------------------------------------------------------------*/

.home-block figcaption{
    background: #086CDA;
    color: #f1f1f1;
}

/* PORTFOLIO ------------------------------------------------------------*/

.portfolio-thumbs figcaption{
    background: #ea4c88;
    color: #f1f1f1;
}

/* PROJECT ------------------------------------------------------------*/

.project-heading .launch{ color: #888; }

.project-info strong{ color: #444; }

.project-pager a{ color: #444; }

.project-pager a:hover{ 	color: #ea4c88; }

/* RELATED PROJECTS ---------------------------------------------------*/

.related-heading{ color: #444; }

.related-projects .thumb
{ 
    /*    background: #ea4c88 url(../img/plus.png) center center no-repeat; */
}


/* BLOG ------------------------------------------------------------*/

#posts-list .feature-image,
#post-content .feature-image{
    /*    background: #ea4c88 url(../img/plus.png) center center no-repeat; */
}

article .meta{
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    overflow: hidden;
}

#posts-list .entry-date{ color: #f1f1f1; }

/* PAGE NAVIGATION ------------------------------------------------------------*/

.page-navigation a{
    /*    background: #444 url(../images/noise.png) repeat;*/
    color: #f1f1f1;
}

.page-navigation a:hover{
    background: #ea4c88;
    color: #fff;
}

/* PAGER ------------------------------------------------------------*/

.pager li a{ color: #444; }

.pager li:hover a{
    color: #fff;
    background: #ea4c88;
}

.pager li.active a{ 
    background: #444;
    color: #fff;
}

/* SLIDER ------------------------------------------------------------*/

#slider-holder #headline{

    background: #FFFFFF;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    width: 335px;
    height: 362px !important;
}



/* FOOTER ------------------------------------------------------------*/


footer .wrapper{
    background: none;
}

.footer-bottom{
    position: absolute;
    top: 10px;
}



/* GENERAL ------------------------------------------------------------*/

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
    display: block;
}

.clearfix{ clear:both; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


.wrapper{
    margin: 0 auto; 
    position: relative;
}

body{
    font-family: liberation_sansregular, sans-serif;
    font-size: 13px;
}

body a{
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.smaller #logo {
    width: 168px !important;
    margin-top: 11px !important;
}

#logo {
    display: inline-block;
    width: 216px;
    margin-top: -10px;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#logo:hover{ opacity: 1;}

h1,h2,h3,h4,h5,h6{
    /*    font-family: 'Yanone Kaffeesatz', Arial, sans-serif;*/
    font-weight: 400;
}

h1{ font-size: 48px;}

h2{ font-size: 36px; }

h3{ font-size: 24px; }

h4{ font-size: 15px; }

h5{ font-size: 18px; }

h6{ font-size: 14px; }

#main,
footer,
aside{ line-height: 1.5em; }


.wrapper {
    width: 940px;
}

.right{

}

.left{
    float: left;
}


.right:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#top-widget-holder,
footer,
aside{
    font-size: 12px;
    line-height: 1.5em;
}

.page-heading{
    text-align: left;
    margin-bottom: 15px;
}

.page-heading span{
    padding: 0px 20px;
    margin-left: 20px;
}


/* WIDGETS------------------------------------------------*/

#top-widget-holder{
    z-index: 1000;
    position: relative;

    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5);
    -o-box-shadow: 0px 1px 2px rgba(0,0,0,.5);
    box-shadow: 0px 1px 2px rgba(0,0,0,.5);
}

#top-widget{
    display: none;
}

#top-widget .padding{
    padding-top: 20px;
    padding-bottom: 3px;
}



/* WIDGET COLS ------------------------------------------------------------*/

.widget-cols h4{
    margin-bottom: 21px;
}

.widget-cols>li{
    width: 220px;
    float: left;
    margin-right: 20px;
}

.widget-cols>li.fourth-col{
    margin-right: 0px;
}


/* COMBO NAVIGATION ------------------------------------------------------------*/
#comboNav {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
    float: left;
}

/* NAVIGATION ------------------------------------------------------------*/


nav{
    margin-top: 0px;
    /*    height: 30px;*/
}


nav a{
    text-decoration: none;
}

#nav li{
    margin-right: 20px;
}

#nav>li>a{
    font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    display: block;
    overflow: hidden;
    padding: 0px 0px 7px 0px;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, .6);
}


#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
    border-bottom: solid #ebebe8 5px;
}



/* sub navigation -----------------------------------------------------*/

#nav>li ul{
    display: block;
    margin-top: -10px;

    -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    box-shadow: 2px 2px 0px rgba(0,0,0,.2);

}

#nav>li ul li a{
    display: block;
    padding: 15px 20px;
    display: block;
    font-size: 11px;
    text-decoration: none;
}

#nav>li ul li a span{
    display: block;
}



/* BREADCRUMBS ------------------------------------------------------------*/

.breadcrumbs{
    position: absolute;
    overflow: hidden;
    top: -18px;
    left: 0px;
    height: auto;
    font-size: 11px;
}

.breadcrumbs a{
    text-decoration: none;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.breadcrumbs li{
    display: inline;
}


.breadcrumbs li strong{
    font-weight: normal;
    font-size: 21px;
}

/* CONTACT CONTENT ------------------------------------------------------------*/

#contactForm{
    position: relative;
    width: 700px;
    float: left;
    margin-right: 20px;
}

#contact-sidebar{
    position: relative;
    width: 200px; /* 220 - 20 padding */
    float: left;
    padding: 20px 10px 20px 10px;
    -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    box-shadow: 2px 2px 0px rgba(0,0,0,.2);
}

/* SIDEBAR ------------------------------------------------------------*/

#sidebar{
    position: relative;
    width: 200px; /* 220 - 20 padding */
    float: left;
    padding: 45px 10px 20px 10px;
    margin-top: -58px;
    margin-bottom: 40px;
    -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    box-shadow: 2px 2px 0px rgba(0,0,0,.2);
}

#sidebar .block{
    margin-bottom: 18px;
    padding-bottom: 5px;
}

#sidebar .block:last-child{
    border-bottom: none;
}

#sidebar h4,
#contact-sidebar h4{
    margin-bottom: 20px;
}

#sidebar li{
    margin-bottom: 7px;
}

/* HOME ------------------------------------------------------------*/

.home-block{
    margin-bottom: 20px;
}

.home-block-heading{
    text-align: center;
    margin-bottom: 40px;
}

.home-block-heading span{
    padding: 0px 20px;
}

.home-block figure{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    line-height: 1.2em;

    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
    -o-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
    box-shadow: 0px 0px 2px rgba(0,0,0,.2);
}

.home-block figure .thumb{
    display: block;

}


.home-block figure img{
    max-width: 100%;
    opacity: .999;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.home-block figure a:hover img{
    opacity: 0.1;
    line-height: 0em;
}


.home-block figure.last{
    margin-right: 0px;
}

.home-block figcaption{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* modernizr fix for ie 8 and earlier */

.no-opacity .home-block figcaption{
    display: none;
}

.no-opacity .home-block figure:hover figcaption{
    display: block;
}

.home-block figure .opener{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 999;
}

.opacity .home-block figure .opener{ display: none; }

.home-block figcaption strong,
.home-block figcaption span,
.home-block figcaption em{
    display: block;
    margin-left: 17px;
    margin-right: 17px;
}

.home-block figcaption strong{ 
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 7px;
    margin-top: 17px;
}

.home-block figcaption span{ 
    font-size: 11px;
    margin-bottom: 7px;
}

.home-block figcaption em{ 
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    bottom: 10px;
}

.home-block figcaption em{ font-weight: normal; }

.one-third-thumbs figure{ width: 550px;background: #C5C5C5; }

.one-fourth-thumbs figure{ width: 220px; }

.more-link{
    margin-bottom: 0px;
}

/* MAIN ------------------------------------------------------------*/

#main{
    padding-top: 40px;
    background:#DAE1FF;
    margin-bottom: 60px;
}

/* PORTFOLIO ------------------------------------------------------------*/

.portfolio-thumbs{
    width: 960px;
    padding-top: 20px;
}

.portfolio-thumbs figure{ width: 300px; }

.portfolio-thumbs figure{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    line-height: 1.2em;
}

.portfolio-thumbs figure .thumb{
    display: block;
}

.portfolio-thumbs figure img{
    max-width: 100%;
    opacity: .999;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.portfolio-thumbs figure a:hover img{
    opacity: 0.1;
    line-height: 0em;
}

.portfolio-thumbs figcaption{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.portfolio-thumbs figcaption strong,
.portfolio-thumbs figcaption span,
.portfolio-thumbs figcaption em{
    display: block;
    margin-left: 17px;
    margin-right: 17px;
}

.portfolio-thumbs figcaption strong{ 
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 7px;
    margin-top: 17px;
}

.portfolio-thumbs figcaption span{ 
    font-size: 11px;
    margin-bottom: 7px;
}

.portfolio-thumbs figcaption em{ 
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    bottom: 10px;
}


/* modernizr fix for ie 8 and earlier */

.no-opacity .portfolio-thumbs figcaption{
    display: none;
}

.no-opacity .portfolio-thumbs figure:hover figcaption{
    display: block;
}

.portfolio-thumbs figure .opener{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 999;
}

.opacity .portfolio-thumbs figure .opener{ display: none; }

/* PROJECT ------------------------------------------------------------*/


.project-heading{
    margin: 44px 24px 44px 0px;
}


.project-heading h2{
    float: left;
    margin-right: 20px;
}

.project-heading .launch{
    display: block;
    float: left;
    text-decoration: none;
    padding-top: 5px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.project-description{
    float: left;
    width: 700px;
    margin-bottom: 70px;
    margin-right: 20px;
}

.project-info{
    float: left;
    width: 220px;
    margin-bottom: 70px;
}

.project-info strong{ font-weight: normal; }

.project-pager{
    overflow: hidden;
    margin: 0px;
    padding-bottom: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 24px;
}

.project-pager a{
    text-decoration: none;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project-pager a:hover{
    text-decoration: none;
}

.project-pager .prev-project{
    float: left;
}

.project-pager .next-project{
    float: right;
}

/* RELATED PROJECTS ---------------------------------------------------*/

.related-projects{
    display: block;
    width: 940px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 24px 0px 50px 0px;
}

.related-heading{
    font-weight: normal;
    margin: 0px 0px 24px 0px;
}

.related-projects .related-list{
    display: block;
}

.related-projects  figure{
    display: block;
    float: left;
    width: 220px;
    margin-right: 15px;
}

.related-projects  figure .last{
    margin-right: 0px;
}

.related-projects .thumb{
    display: block;
    margin-bottom: 12px;

    -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2); 
    -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    box-shadow: 2px 2px 0px rgba(0,0,0,.2); 
}

.related-projects .thumb:hover img{
    opacity: 0.15;
}

.related-projects figure img{
    max-width: 100%;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* CONTACT ------------------------------------------------------------*/


#map_canvas{
    display: block;
    height: 300px;
    width: 100%;
    margin-bottom: 24px;
    margin-top: 40px;	
    -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    box-shadow: 2px 2px 0px rgba(0,0,0,.2);
}

.map-content{
    margin-bottom: 60px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
}

.address-block li{
    padding-left: 20px;
}



/* PAGE ------------------------------------------------------------*/

.floated-content,
.fullwidth-content{

}

/* BLOG ------------------------------------------------------------*/

.floated-content,
#posts-list,
#post-content{
    position: relative;
    width: 700px;
    float: left;
    margin-right: 20px;
}

#posts-list .page-heading,
.fullwidth-content .page-heading,
.floated-content .page-heading{
    margin-bottom: 35px;
}

#posts-list .entry-date{
    position: absolute;
    top: 0px;
    left: 23px;
    width: 97px;
    height: 97px;
    /*    background: url(../images/date.png) no-repeat;*/
    font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
}

#posts-list .entry-date .number{
    font-size: 50px;
    padding-top: 25px;
    text-align: center;
}

#posts-list .entry-date .year{
    text-align: center;
    padding-top: 10px;
}


#posts-list article{
    position: relative;
    padding-left: 160px;
    margin-bottom: 40px;
}

#posts-list .feature-image,
#post-content .feature-image{
    width: 540px;
    margin-bottom: 21px;
    line-height: 0em;

    -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    box-shadow: 2px 2px 0px rgba(0,0,0,.2);
}

#posts-list .feature-image img,
#post-content .feature-image img{
    max-width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#posts-list .feature-image:hover img,
#posts-content .feature-image:hover img{
    opacity: 0.2;
}

#posts-list .post-heading{
    margin-bottom: 20px;
    line-height: 1.0em;
}

#posts-list .excerpt,
#posts-list .read-more{
    display: block;
    margin-bottom: 20px;
}

article .meta div{
    padding: 15px 10px 15px 30px;
    float: left;
    max-width: 170px;
}

article .meta .comments{
    border-left: 1px solid #cecece;	
    border-right: 1px solid #cecece;
    /*    background: url(../images/icon-comments.png) no-repeat;*/
}

article .meta .user{
    /*    background: url(../images/icon-user.png) no-repeat;*/
}

article .meta .categories{
    /*    background: url(../images/icon-tags.png) no-repeat;*/
}

article .meta .categories,
article .meta .comments,
article .meta .user{
    background-position: 5px 12px;	
}

/* SINGLE ------------------------------------------------------------*/

.post-content{
    margin-bottom: 20px;	
}

.single-post .meta{
    margin-bottom: 50px;	
}

/* PAGE NAVIGATION ------------------------------------------------------------*/

.page-navigation{
    display: block;
    margin-left: 160px;
    margin-bottom: 0px;
}

.page-navigation a{
    display: block;
    padding: 14px 18px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

    -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    box-shadow: 2px 2px 0px rgba(0,0,0,.2);

    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.8);
}

.page-navigation .nav-next{
    float: left;
}

.page-navigation .nav-previous{
    float: right;
}

/* PAGER ------------------------------------------------------------*/

.pager{
    overflow: hidden;
    display: block;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    padding-bottom: 70px;
}

.pager li{
    display: block;
    margin-right: 5px;
    float: left;
}

.pager li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    width: 20px;
    border: 1px solid #ccc;
    line-height: 20px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pager .paged{
    float:right;
    font-style:italic;
}


/* SLIDER-HOLDER ------------------------------------------------------------*/

#slider-holder{
    padding-bottom: 50px;
}

.home-slider{
    float: left;
}

#slider-holder #headline{
    position: relative;
    float: right;
    width: 260px;
    min-height: 275px;
    padding: 30px 10px 0px 20px;
    -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    box-shadow: 2px 2px 0px rgba(0,0,0,.2);
    text-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
}

#headline h1{ 
    margin-bottom: 30px;
    line-height: 1.0em;
}


#headline em#corner,
#sidebar em#corner{
    display: block;
    position: absolute;
    top:0px;
    left: -14px;
    width: 14px;
    height: 18px;	
    /*    background: url(../images/sidebar-corner.png) no-repeat;*/
}


/* FOOTER ------------------------------------------------------------*/


.footer-bottom{

}

footer .wrapper,
.footer-bottom{
    padding-top: 0px;
}



/* FOOTER BOTTOM ------------------------------------------------------------*/

.footer-bottom{

    overflow: hidden;
}

.footer-bottom .left{
    width: 50%;
    padding-top: 10px;
    float: left;
}

.footer-bottom .right{
    width: 67%;             
    margin: auto !important;
    position: relative;
    display: block;
    text-align: center;
}


.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox{ /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container{ /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}
.mCSB_inside > .mCSB_container{ margin-right: 7px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: 95%;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 8px;
    bottom: 0;
    right: 0; 
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 60px; /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container{
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal{
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper{
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container{
    padding-right: 30px;
    padding-bottom: 30px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
    padding-right: 0; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
    padding-bottom: 0; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out; 
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out; 
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out; 
    transition: width .2s ease-out .2s, height .2s ease-out .2s, 
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out; 
}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/

/* default theme ("light") */

.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000;background-color: rgba(0, 0, 0, 0.13);
    filter: "alpha(opacity=13)";-ms-filter: "alpha(opacity=13)"; 
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #888;background-color: #888;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #888;background-color: #888;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #888;background-color: #888;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    background-repeat: no-repeat;
    opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}

.mCSB_scrollTools .mCSB_buttonUp{
    background-position: 0 0;
    /* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown{
    background-position: 0 -20px;
    /* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft{
    background-position: 0 -40px;
    /* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight{
    background-position: 0 -56px;
    /* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 2px;
    margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    width: 16px; /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 16px; /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 4px; /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 8px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}

.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #000; background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #fff; background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    right: 0; 
    margin: 12px 0; 
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    bottom: 0; 
    margin: 0 12px; 
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    left: 0; 
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
    width: 6px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 12px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }


@media only screen and (max-width: 980px){
    .ui-dialog.DisclaimerDialog {
        width: 100% !important;
    }
    .ui-dialog.Custom_DisclaimerDialog {
        width: 100% !important;
    }

}


@media only screen and (max-width: 768px) {
    .selectProfile-text .col-md-12{
     left: 45px;
    width: 665px;
    }
    .amazingslider-arrow-left-1,.amazingslider-arrow-right-1{
  display: none !important;
}
    #disclaimerButton {
    padding-left: 0px !important;
    left: 0px;
    }
    #disclaimerDialogUK{
        top : 0px !important;
    }
    .body-wrapper {
        width: auto;
        float: left;
    }
    .disclaimer-texte{
        padding: 0px;
        padding-right: 10px;
    }
    #disclaimerDialogUK .otherCountry {
   
    margin-top: -29px;}
    #disclaimerDialogUK .desclaimer-container p {
  
    width: 100%;}
    #disclaimerDialogUK .desclaimer-title {
  
    width: 100%;}
    .ui-dialog.DisclaimerDialog{
        width: 100% !important;
    }
.ui-dialog.Custom_DisclaimerDialog{
        width: 100% !important;
    }

    .DisclaimerText {
        width: 100%;
    }

}


@media only screen and (max-width: 640px)
{

    .DisclaimerRightSide {
        width: 100%;
        height: 47% !important;
        margin-top: 13px;
        margin-bottom: 21px;

    }
    .disclaimerCookie {
        width: 100%;
    }
    .DisclaimerDialog .mCSB_container {
        margin-right: 0px !important;
    }
     .Custom_DisclaimerDialog .mCSB_container {
        margin-right: 0px !important;
    }
    .DisclaimerText .mCSB_scrollTools {
        left: 97% !important;
    }
    .DisclaimerRightSide .mCSB_scrollTools {
        left: 97% !important
    }
}
@media only screen and (max-width: 520px){
    .DisclaimerText .mCSB_scrollTools {
        left: 95% !important;
    }
    .DisclaimerRightSide .mCSB_scrollTools {
        left: 95% !important
    }


} 

@media only screen and (max-width: 960px) {
    .superheader {
        position: absolute !important;
        top: -28px !important;
    }
}

.ChooseLanguageContainer .ui-panel-content{
    padding: 0 !important;
}
.SelectLanguageInput{
    width: 100% !important;
    height: 35px;
    border: 1px solid #D2D2D2 !important;
    background: none !important;
    margin-top: 10px;
}
.SelectLanguageInput .ui-selectonemenu-trigger{
    width: 28px !important;
    background: none !important;
    border: none !important;
    padding-top: 5px !important;
    padding-left: 5px !important; 
}
.SelectLanguageInput.ui-state-hover{
    box-shadow: none !important;
}
.SelectLanguageInput .ui-selectonemenu-trigger.ui-state-hover{
    box-shadow: none !important;
    background: none !important;
    border: none !important;
}
.SelectLanguageInput .ui-selectonemenu-label{
    height: 100% !important;
    padding-top: 8px !important;
}
.selectLanguageDisclaimer
{
    z-index: 333333333333333333333333333 !important;
    top: 208px !important;
    left: -5px !important;
    position: absolute !important;
}     
li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight{
    background: #4096CC !important;
    text-shadow: none !important;
}
li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-hover{
    background: #4096CC !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #fff !important;

}

 
@media screen and (max-width: 426px) {
    .mCustomScrollBox{ /* contains plugin's markup */
    height: 100%;
    }
   #disclaimerDialogUK .desclaimer-footer ul li {
    width: 100%;
        border-bottom: 1px solid rgba(153, 158, 176, 0.68);
   }
   #disclaimerDialogUK .desclaimer-footer ul li a {
 
    text-align: initial;}
}
@media screen and (max-width: 767px) {
#disclaimerDialogUK #disclaimerButton {
    padding: 0;
    border-top: 1px solid rgba(153, 158, 176, 0.68);
    padding-top: 15px;
}
#disclaimerDialogUK .desclaimer-container{
    padding-left: 10px;
    padding-right: 10px;
}
}
@media screen and (max-width: 768px)and (min-width: 426px) {
    #disclaimerDialogUK .desclaimer-footer ul li a{
    padding-left: 1px;
    padding-right: 1px;
    }
}
/* start of blogSearchBar css*/
#blogSearchBar{
    width: 90%;
    height: 50px;
}
.researchBlogSection #blogSearchBar{
    z-index: 33333333333 !important;
    border: none !important;
    display: block;
    overflow: hidden;
    padding-left: 0;
    border-radius: 0 !important;
    background: #fff;
    border-bottom: 2px solid #0f9dc7 !important;
    text-shadow: none;
    width: 90%;
    height: 60px;
    font-family: HelveticaNeueLTStd-Lt !important;
    font-size: 20px !important;
    margin : auto;
}
.researchBlogSection #autocomplete_btn_animation{
    margin: auto;
    display: block;
    margin-top: 0;
    background: url(../img/lyxor-all-icons.png) -128px -109px no-repeat;
    width: 29px;
    height: 29px;
    float: right;
    position: relative;
    left: -40px;
    top: -45px;
}
.blogSectionTitle{
    margin-top: 15px;
    padding-top: 0;
    padding-bottom: 25px !important;
    text-align: left;
}
@media (max-width : 991px){
    #document-section .blogSectionTitle{
        text-align: center!important;
        padding-bottom : unset!important;
    } 
    .researchBlogSection #blogSearchBar{
        font-size: 16px !important;
    }
    .researchBlogSection{
        margin-top: 5px;
    }
}
/* end of blogSearchBar css*/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,hr,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,footer,header,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}#comboNav{display:none}.wrapper{width:1040px;-webkit-text-size-adjust:100%}@media only screen and (min-width:768px) and (max-width:991px){#nav{display:block}#comboNav{display:none}.wrapper{width:712px}.home-slider{width:712px}.home-slider-clearfix{clear:both}#slider-holder #headline{float:none;width:672px !important;padding:50px 20px 20px 20px;margin-top:0;min-height:100px;border-top:1px solid #ccc}#headline em#corner{display:none}.widget-cols>li{width:160px;float:left;margin-right:24px}.recent-post .post-head{width:95px}.one-third-thumbs figure{width:224px}.one-fourth-thumbs figure{width:160px;margin-right:24px}.home-block figcaption em,.home-block figcaption span{display:none}#sidebar{position:relative;background:#e2e0d7;width:532px;float:right;padding:20px 10px 20px 10px;margin-top:30px;margin-bottom:60px}#sidebar em#corner{display:none}#posts-list .feature-image,#post-content .feature-image{width:552px}.portfolio-thumbs{width:732px}.portfolio-thumbs figure{width:224px}.project-description{width:528px;margin-right:24px}.project-info{width:160px}.related-projects{width:712px}.related-projects figure{width:160px;margin-right:24px}.related-projects figure.last{margin-right:0}#contactForm{width:528px;margin-right:24px}#contact-sidebar{width:140px}.bestworstgrid .ui-button{width:100% !important}.bestworstgrid2 .ui-button{width:100% !important}}@media only screen and (max-width:767px){#nav{display:none}#comboNav{display:block}.wrapper{width:252px}.page-heading{text-align:center;background-position:0 15px}.page-heading span{font-size:21px;margin-left:0}.home-slider{width:252px}.home-slider-clearfix{clear:both}.one-third-thumbs figure,.one-fourth-thumbs figure{width:100%}#nav>li{display:block;width:252px;margin-right:15px}#nav>li a{border-bottom:solid #333 1px;padding:10px 0;text-align:center}#nav>li.current-menu-item>a,#nav>li.current_page_item>a{border-bottom:solid #333 1px;background:rgba(0,0,0,.2)}#nav>li ul{float:left;position:relative;width:100%}#slider-holder #headline{float:none;width:212px;padding:50px 20px 20px 20px;margin-top:0;min-height:100px;border-top:1px solid #ccc}#headline em#corner{display:none}#headline h1,.home-block-heading{font-size:24px;line-height:1.2em;margin-bottom:15px}.widget-cols>li{width:252px;float:left;margin-right:0;border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:35px}.widget-cols>li.fourth-col{border-bottom:0;margin-bottom:0}header .widget-cols>li{border-bottom-color:#4f4f4f}#sidebar{position:relative;background:#e2e0d7;width:232px;float:right;padding:20px 10px 20px 10px;margin-top:30px;margin-bottom:60px}#sidebar em#corner{display:none}.floated-content,#posts-list,#post-content{width:252px;margin-right:0}#posts-list article{padding-left:0}#posts-list .feature-image,#post-content .feature-image{width:252px}#posts-list .post-heading{font-size:24px}article .meta .comments{border-left:0;border-right:0}#posts-list .entry-date{position:static;width:100%;height:auto;background:#444;padding:10px 0;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-align:center;-webkit-box-shadow:2px 2px 0 rgba(0,0,0,.2);-moz-box-shadow:2px 2px 0 rgba(0,0,0,.2);-o-box-shadow:2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 0 rgba(0,0,0,.2)}#posts-list .entry-date .number{display:inline;padding-top:0;font-size:12px}#posts-list .entry-date .year{display:inline;padding-top:5px;font-size:12px}article .meta div{padding:10px 10px 10px 30px}.heading{font-size:21px}.page-navigation{display:block;margin-left:0;margin-bottom:60px}.page-navigation a{padding:7px 9px}.portfolio-thumbs{width:252px}.portfolio-thumbs figure{width:252px}.project-description{width:252px;margin-right:0}.project-info{width:252px}.project-heading .launch{padding-top:20px;clear:both}.related-projects{width:252px}.related-projects figure{width:252px;margin-right:0;margin-bottom:20px}.related-projects .heading{font-size:13px}#contactForm{width:252px}#contactForm label,#commentform label{padding-left:0;padding-bottom:10px;margin-top:-15px;display:block}#contact-sidebar{width:232px}}@media only screen and (min-width:480px) and (max-width:767px){.wrapper{width:436px}.home-slider{width:436px}.home-slider-clearfix{clear:both}#slider-holder #headline{width:396px}.widget-cols>li{width:436px;float:left;margin-right:0}.recent-post .post-head{width:372px}#nav>li{width:436px}#sidebar{width:416px}.floated-content,#posts-list,#post-content{width:416px}#posts-list .feature-image,#post-content .feature-image{width:416px}.portfolio-thumbs{width:436px}.portfolio-thumbs figure{width:436px}.project-description{width:436px;margin-right:0}.project-info{width:436px}.related-projects{width:436px}.related-projects figure{width:436px;margin-right:0;margin-bottom:20px}.related-projects .heading{font-size:13px}#contactForm{width:436px}#contact-sidebar{width:416px}}@charset "UTF-8";.blog-page .bordered{border:1px solid;border-color:#f6f6f6}.blog-page .blog-container{margin-bottom:30px}.blog-page .blog-title>a{color:#4e5a64;font-weight:normal}.blog-page .blog-title>a:hover{color:#3598dc;text-decoration:none}.blog-content-1 .blog-img-thumb{overflow:hidden;position:relative}.blog-content-1 .blog-img-thumb img{width:100%;top:0;bottom:0;left:0;right:0;position:absolute;margin:auto}.blog-content-1 .blog-post-content{padding:20px 30px 30px 30px;background-color:#fff}.blog-content-1 .blog-post-content>.blog-post-title{margin:0 0 30px 0}.blog-content-1 .blog-post-content>.blog-post-title>a{font-size:30px}.blog-content-1 .blog-post-content>.blog-post-desc{color:#878786;font-size:14px !important;margin:15px 0;font-family:HelveticaNeueLTStd-Roman !important}.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta{display:inline-block;margin-right:10px}.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta>a{color:#9aa5b2;font-size:13px;font-weight:600}.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta>a:hover{color:#3598dc;text-decoration:none}.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta>i{margin-right:5px}.blog-content-1 .blog-post-content>.blog-post-foot>.blog-post-meta:last-child{margin-right:0}.blog-content-1 .blog-post-lg>.blog-img-thumb{height:480px}.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-desc{margin-bottom:30px}.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot{border-top:1px solid;border-top-color:#f0f1f2;padding-top:20px;text-align:right}.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags{text-align:left;float:left;padding:0}.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li{list-style:none;display:inline-block;margin-right:5px}.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li>a{background-color:#f4f6f8;color:#a0a9b4;font-size:11px;font-weight:600;padding:7px 10px}.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li>a:hover{background-color:#3598dc;color:#fff;text-decoration:none}.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags>li:last-child{margin-right:0}.blog-content-1 .blog-post-sm>.blog-img-thumb{height:120.81px;width:100%}.blog-content-1 .blog-post-sm>.blog-post-content>.blog-post-title{margin:0 0 15px 0}.blog-content-1 .blog-post-sm>.blog-post-content>.blog-post-foot{border:0}.blog-content-1 .blog-quote{background-color:#fff;padding-bottom:30px}.blog-content-1 .blog-quote>.blog-quote-label{color:#fff;padding:30px 40px 80px 40px;font-size:18px;line-height:28px}.blog-content-1 .blog-quote>.blog-quote-label>i{display:block;font-size:30px;margin-bottom:15px}.blog-content-1 .blog-quote>.blog-quote-avatar{width:110px;height:110px;border-radius:50% !important;margin:-55px auto 25px auto;overflow:hidden}.blog-content-1 .blog-quote>.blog-quote-avatar img{width:100%}.blog-content-1 .blog-quote>.blog-quote-author{text-align:center}.blog-content-1 .blog-quote>.blog-quote-author>.blog-quote-title{font-size:20px;margin:0 0 15px 0}.blog-content-1 .blog-quote>.blog-quote-author>.blog-quote-desc{font-size:16px;color:#9aa5b2;margin:0}.blog-content-1 .blog-video>.blog-img-thumb{height:330px}.blog-content-1 .blog-video>.blog-img-thumb img{margin:0}.blog-content-1 .blog-video>.blog-video-play i{color:#da555b;background-color:rgba(0,0,0,0.64);font-size:35px;padding:27px 20px;position:absolute;z-index:5;margin:-90px 0 0 20px;border-radius:50%}.blog-content-1 .blog-video>.blog-video-content{text-align:center;padding:30px}.blog-content-1 .blog-video>.blog-video-content>.blog-video-title{font-size:20px;margin:0 0 15px 0}.blog-content-1 .blog-video>.blog-video-content>.blog-video-desc{font-size:16px;color:#9aa5b2;margin:0}.blog-content-1 .blog-banner{background-position:center;text-align:center;padding:100px 0}.blog-content-1 .blog-banner>.blog-banner-title>a{color:#fff}.blog-content-1 .blog-banner>.blog-banner-title>a:hover{color:#3598dc}.blog-content-2 .blog-single-content{padding:40px 30px 15px 30px;background-color:#fff}.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-title{font-size:25px;font-weight:600;color:#4e5a64;margin:0 0 40px 0;display:inline-block}.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date{float:right;font-size:13px;font-weight:600;margin-top:7px}.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date>i{margin-right:5px}.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date>a{color:#9aa5b2}.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date>a:hover{color:#3598dc;text-decoration:none}.blog-content-2 .blog-single-content>.blog-single-img{margin:0 0 35px 0}.blog-content-2 .blog-single-content>.blog-single-img>img{width:100%}.blog-content-2 .blog-single-content>.blog-single-desc>p{margin:0 0 35px 0;font-size:16px;color:#7e8691;line-height:24px}.blog-content-2 .blog-single-content>.blog-single-foot{border-top:1px solid;border-bottom:1px solid;border-color:#f0f1f2;padding:20px 0 25px 0;margin-bottom:20px}.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags{text-align:left;padding:0;margin:0}.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li{list-style:none;display:inline-block;margin-right:5px}.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li>a{background-color:#f4f6f8;color:#a0a9b4;font-size:11px;font-weight:600;padding:7px 10px}.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li>a:hover{background-color:#3598dc;color:#fff;text-decoration:none}.blog-content-2 .blog-single-content>.blog-single-foot>.blog-post-tags>li:last-child{margin-right:0}.blog-content-2 .blog-single-content .blog-comments{display:inline-block;font-size:14px;font-weight:400;margin:6px 10px 3px 0}.blog-content-2 .blog-single-content .blog-comments .blog-comments-title{font-size:20px}.blog-content-2 .blog-single-content .blog-comments .c-comment-list{margin-bottom:60px}.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media{margin:30px 0}.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media .media-body>.media:last-child{margin-bottom:0}.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-object{height:50px;width:50px;border-radius:50px !important}.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading>a{color:#9aa5b2;font-weight:600}.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading>a:hover{color:#3598dc;text-decoration:none}.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading>.c-date{font-size:14px}.blog-content-2 .blog-single-content .blog-comments i{position:relative;top:2px}.blog-content-2 .blog-single-content .blog-comments input:focus,.blog-content-2 .blog-single-content .blog-comments textarea:focus{outline:0;border:1px solid #ccc}.blog-content-2 .blog-single-sidebar{padding:40px 30px;background-color:#fff}.blog-content-2 .blog-single-sidebar .blog-sidebar-title{font-weight:600;font-size:14px;color:#4e5a64;letter-spacing:1px;margin-top:40px;margin-bottom:30px}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-search input{font-size:14px;color:#a0a9b4}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-search input:focus{outline:0;border:1px solid #ccc}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul{padding:0}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li{list-style:none;margin-bottom:10px;position:relative}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li>a{color:#49a7fa;font-size:16px;padding-left:20px;display:block}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li>a:hover{text-decoration:none;color:#3598dc}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-recent>ul>li:before{content:"•";color:#dae0e5;font-size:30px;position:absolute;margin-top:-9px}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags{text-align:left;padding:0;margin:20px 0 0 0}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li{list-style:none;display:inline-block;margin:0 5px 20px 0}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li>a{background-color:#f4f6f8;color:#a0a9b4;font-size:11px;font-weight:600;padding:7px 10px}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li>a:hover{background-color:#3598dc;color:#fff;text-decoration:none}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-tags .blog-post-tags>li:last-child{margin-right:0}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul{padding:0}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li{list-style:none;border-bottom:1px solid;border-color:#f0f1f2;padding:20px 0}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li>a{color:#49a7fa;font-size:16px}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li>a:hover{text-decoration:none;color:#3598dc}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li:first-child{padding-top:0}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-links>ul>li:last-child{border:0}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-ui .ui-margin{margin:0}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-ui .ui-padding{padding:0 5px 5px 0}.blog-content-2 .blog-single-sidebar>.blog-single-sidebar-ui img{width:100%}@media(max-width:991px){.blog-content-1 .blog-post-lg>.blog-img-thumb{height:330px}.blog-content-1 .blog-post-sm>.blog-img-thumb{height:170px}.blog-content-1 .blog-video>.blog-img-thumb{height:301px}.blog-content-1 .blog-video>.blog-img-thumb img{height:auto;width:100%}}@media(max-width:480px){.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot{text-align:left}.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-tags{float:none}.blog-content-1 .blog-post-lg>.blog-post-content>.blog-post-foot>.blog-post-meta{margin-right:10px;margin-top:10px}.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-title{margin-bottom:0}.blog-content-2 .blog-single-content>.blog-single-head>.blog-single-head-date{float:none;margin-bottom:40px}}.Blogpagewrapper .row.investement-custom-row.new-responsive-banner.blog-banner-wrapper{padding-right:15px}.daterangepicker{position:absolute;background:#fff;top:100px;left:20px;padding:4px;margin-top:1px;border-radius:4px;width:278px}.daterangepicker.opensleft:before{position:absolute;top:-7px;right:9px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,.2);content:''}.daterangepicker.opensleft:after{position:absolute;top:-6px;right:10px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto;display:inline-block;content:'';position:absolute}.daterangepicker.openscenter:before{top:-7px;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,.2)}.daterangepicker.openscenter:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensright:before{position:absolute;top:-7px;left:9px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,.2);content:''}.daterangepicker.opensright:after{position:absolute;top:-6px;left:10px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}.daterangepicker.dropup{margin-top:-5px}.daterangepicker.dropup:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.dropup:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.dropdown-menu{max-width:none;z-index:3000}.daterangepicker.single .calendar,.daterangepicker.single .ranges{float:none}.daterangepicker .calendar{display:none;max-width:270px;margin:4px}.daterangepicker.show-calendar .calendar{display:block}.daterangepicker .calendar.single .calendar-table{border:none}.daterangepicker .calendar td,.daterangepicker .calendar th{white-space:nowrap;text-align:center;min-width:32px}.daterangepicker .calendar-table{border:1px solid #ddd;padding:4px;border-radius:4px;background:#fff}.daterangepicker table{width:100%;margin:0}.daterangepicker td,.daterangepicker th{text-align:center;width:20px;height:20px;border-radius:4px;white-space:nowrap;cursor:pointer}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{color:#999;background:#fff}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background:#eee}.daterangepicker td.in-range{background:#ebf4f8;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:#3071a9;color:#fff}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin-bottom:0}.daterangepicker th.month{width:auto}.daterangepicker .input-mini{border:1px solid #ccc;border-radius:4px;color:#555;display:block;height:30px;line-height:30px;vertical-align:middle;margin:0 0 5px;padding:0 6px 0 28px;width:100%}.daterangepicker .input-mini.active{border:1px solid #357ebd}.daterangepicker .daterangepicker_input i{position:absolute;left:8px;top:8px}.daterangepicker .daterangepicker_input{position:relative}.daterangepicker .calendar-time{text-align:center;margin:5px auto;line-height:30px;position:relative;padding-left:28px}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker .ranges{font-size:11px;float:none;margin:4px;text-align:left}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:13px;background:#f5f5f5;border:1px solid #f5f5f5;color:#08c;padding:3px 12px;margin-bottom:8px;border-radius:5px;cursor:pointer}.daterangepicker .ranges li.active,.daterangepicker .ranges li:hover{background:#08c;border:1px solid #08c;color:#fff}@media (min-width:564px){.daterangepicker .calendar,.daterangepicker .ranges,.daterangepicker.single .calendar,.daterangepicker.single .ranges{float:left}.daterangepicker{width:auto}.daterangepicker .ranges ul{width:160px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker .calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker .calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker .calendar.left{clear:left;margin-right:0}.daterangepicker.single .calendar.left{clear:none}.daterangepicker .calendar.right{margin-left:0}.daterangepicker .calendar.left .calendar-table,.daterangepicker .left .daterangepicker_input{padding-right:12px}}@media (min-width:730px){.daterangepicker .ranges{width:auto;float:left}.daterangepicker .calendar.left{clear:none}}