html { 
    overflow-y: hidden;
} 

.Hub_page {
    background: url(../images/prehome-image.png) no-repeat center center fixed;
   /* -webkit-background-size: cover;*/
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    /*position: relative;*/
}
.hub-content.container{
    margin: 6.5% auto;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    display: block;
    
    
    
   height: 73%;
    position: fixed;
    right: 0;
    left: 0;
    top: 15%;
  }


form {
    margin: 0;
}
/*
.hub-content{
   display: block;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;

}
*/
.hub-content .left-aside {
    background: #fafafa;
}
.left-aside.left-side-product-hub{
    height: 100%;
    overflow-y: scroll;
}
.left-aside, .right-aside{       
    height:100%;
}

.hub-content   .right-aside {
	padding-top: 27px;
        padding: 11px 15px;
}

.hub-footer.footer-bottom{
position: absolute;
    bottom: 0;
    width: 100%;
    }
    
    
  
.hub-content .disclimer-flag {
    position: absolute;
    top: 7px !important;
    right: 15px;
}


   .selectProfile-text label {
    color: #131c43 !important;
    font-size: 18px;
    /* padding-top: 170px; */
}
    

.dropdown-flag-list{
    margin: 0 auto;
    text-align: center;
    height: 100%;
    
}
.ui-selectonemenu-items-wrapper{
height: 300px !important;
   /* padding: 10px 0;*/
}
.title-msg{
  
    width: 100%;
    margin: 5px 0 15px;
    color: #131c43;
}
.product-hub-title-msg{
  
    width: 100%;
    margin: 5px 0 15px;
    color: #131c43;
    font-weight : bolder;
}
.welcome-lyxor-msg {
	font-size: 20px;
	font-weight: bolder;
}

.scrolled{
    top:17% !important;
}



.hub-content .ui-selectonemenu-items-wrapper{
        max-height: 350px !important;
}

.ui-state-default.country-list-dropdown, .ui-state-default.country-list-dropdown-empty{
    border-radius: 0;
    width: 255px !important;
         margin: 15px 0 15px;
    height: 40px;
    }
 
    .country-list-dropdown .ui-selectonemenu-label {
    font-style: normal;
    font-size: 14px;
    color: #4c5476;
    width: 100% !important;
    font-family: arial;
    text-transform: uppercase;
    border-radius: 0;
    height: 40px;
    padding: 10px 64px 0!important;
    border: 1.5px solid #00a0cb !important;
}
        
    
    
    .country-list-dropdown-empty  .ui-selectonemenu-label {
         border: 1.5px solid #e40044 !important;
          font-style: normal;
    font-size: 14px;
    color: #fff;
    width: 100% !important;
    font-family: arial;
    text-transform: uppercase;
    border-radius: 0;
    height: 40px;
    padding: 10px 64px 0!important;
    }
    
    
    
    
    .boutton-turquoise{
      background: #0ba4cd;
    color: #fff !important;
    width: 255px;
    border-radius: 20px !important;
    padding: 12px 0 !important;
    display: block;
    margin: auto;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    line-height: 1.2;
    vertical-align: bottom;
    text-align: center;
    }
    
    a.boutton-turquoise:hover{
         color: #fff;
          background:#22b4db;
    }
    .flag-select{
    position: absolute;
    left: -201px;
    top: -7px;
    }
    
    
    
    .country-list-dropdown .ui-widget-content,.country-list-dropdown-empty .ui-widget-content {
/*     border: 1px solid #00a0cb; */
    background: #2f3451;
    color: #fdfdfd;
    border-radius: 0 !important;
    padding: 0;
    left: -1.3px !important;
        width: 100%;
}
.ui-widget-content.ui-selectonemenu-panel {
    border: 1px solid #00a0cb;
}
.country-list-dropdown tr.ui-widget-content, .country-list-dropdown tr.ui-widget-content.ui-state-hover,
.country-list-dropdown-empty tr.ui-widget-content, .country-list-dropdown-empty tr.ui-widget-content.ui-state-hover
{
    border: none !important;
}
.country-list-dropdown tr.ui-widget-content td, .country-list-dropdown-empty tr.ui-widget-content td{
border-width: 0px;
padding: 0px 0px 0px 10px !important;
}
.arrow-right{
    background-image: url(../images/myicon.png);
    background-position: -216px -218px;
    display: block;
    height: 20px;
    float: right;
    width: 20px;
    top: 13px;
    position: absolute;
    right: 40px;
    
    
}
.country-list-dropdown ul.ui-widget-content li.ui-selectonemenu-list-item, .country-list-dropdown ul.ui-widget-content li.ui-state-hover {
    border: 0px none;
    margin: 0px 0 !important;
    padding: 9px 15px !important;
    color:#fff;
    text-transform: uppercase;
    border-radius: 0;
}

.country-list-dropdown ul.ui-widget-content li.ui-state-highlight
{
   
    background: #4e5374;
}
 .ui-selectonemenu .ui-selectonemenu-trigger {
 
    width: 25px !important;
    right: 15px !important;
    top: 11px !important;
    border-radius: 0;

}
.country-list-dropdown .ui-icon-triangle-1-s {
    /*background-position: -229px -4px !important; */
    width: 21px !important;
    height: 20px !important;
    background-image: url(../images/blue.png);
}
@media (max-width:991px){

html { 
    overflow-y:auto;
}
}
@media (max-width: 769px){
.hub-content .right-aside, 
.hub-content .left-aside {
    /* display: table; */
    width: 100%;
}
.hub-content .left-aside{
     display: table;
}
}
.country-list-dropdown .ui-state-disabled {
      display: none;	
}
.FlagcountryText {
    float: left;
    display: block;
    padding: 9px 4px;
    margin-bottom: 0;
    font-size: 14px;
    font-family: ArialMT-Regular;
    text-transform: uppercase;
    color: #fff;
}

.flag{
    width: 34px;
    height: 34px;
    float:left;
    
    background-repeat: no-repeat;
}

.GBR{
    background-position:  -5px -316px  !important;
     background: url(../images/hub-flags-1.png) ;
}
.USA{
    background-position:  -5px -67px  !important;
     background: url(../images/hub-flags-1.png) ;
}
.FRA{
      background-position:  -5px -263px  !important;
       background: url(../images/hub-flags-1.png) ;
}
.ESP{
     background-position:  -5px -104px  !important;
      background: url(../images/hub-flags-1.png) ;
}
.JPN{
     background-position:  -5px -290px  !important;
      background: url(../images/hub-flags-1.png) ;
}
.ITA{
    background-position: -5px -165px !important;
     background: url(../images/hub-flags-1.png) ;
}
.SWE{
    background-position: -5px -434px  !important;
     background: url(../images/hub-flags-1.png) ;
}
.SGP{
    background-position: -5px -3px  !important;
     background: url(../images/hub-flags-1.png) ;
}
.NOR {
    background-position: -5px -461px !important;
    background: url(../images/hub-flags-1.png);
}
.LUX{
     background-position: -5px -5px  !important;
      background: url(../images/hub-flags-1.png) ;
}
.FIN{
    background-position: -5px -408px !important;
     background: url(../images/hub-flags-1.png) ;
}
.CHE{
    background-position: -5px -199px  !important;
     background: url(../images/hub-flags-1.png) ;
}
.DNK {
    background-position: -5px -498px !important;
    background: url(../images/hub-flags.png);
}
.NLD{
     background-position: -5px -137px  !important;
      background: url(../images/hub-flags-1.png) ;
}
.DEU{
     background-position: -5px -232px !important;
      background: url(../images/hub-flags-1.png) ;
}
.BEL{
     background-position: -5px -349px  !important;
      background: url(../images/hub-flags-1.png) ;
}
.AUT{
     background-position: -5px -39px  !important;
      background: url(../images/hub-flags-1.png) ;
}
.CHL{
     background-position: -5px -68px  !important;
      background: url(../images/hub-flags-1.png) ;
}

.MEX{
    background-position: -5px -131px  !important;
     background: url(../images/hub-flags-1.png) ;

}
.HKG{
    background-position: -5px -2px  !important;
         background: url(../images/hub-flags-1.png) ;

}
.IRL {
    background-position: -5px -377px !important;
    background: url(../images/hub-flags-1.png);
}

.country-list-dropdown tr td:first-child{
width: 20%;
}
.def-term ul li {
    list-style-type:disc ;
    
}

.profil-actions .btn{
    font-family: ArialMT-Regular !important;
}

.profil-actions .btn span{
    line-height: 1 !important;
}

.profil-actions .btn.btn-outline.default:hover + .description 
{
   display: block;
    position: absolute;
    z-index: 4;
    width: 100%;
    padding: 0px 211px;
    background: none;
    color: #202a54;
    padding: 16px ;
    text-align: left;
    margin-top: 16px;
/*     bottom: -140%; */
}

.hub-profil-actions .btn{
    font-family: ArialMT-Regular !important;
}

.hub-profil-actions .btn span{
    line-height: 1 !important;
}

.hub-profil-actions .btn.btn-outline.default + .hub-description.active 
{
   display: block;
    position: absolute;
    z-index: 4;
    width: 100%;
    padding: 0px 211px;
    background: none;
    color: #202a54;
    padding: 16px ;
    text-align: left;
    margin-top: 16px;
/*     bottom: -140%; */
}

label.description {
font-size: 13px ;
padding: 16px ;
}
label.hub-description {
font-size: 13px ;
padding: 16px ;
}

     .actions-modal-btn >a.btn-outline.default {
    border: 2px solid #dddddd !important;
    /*color: #fff !important;*/
    padding: 7px 38px;
    background-color: transparent !important;
    font-size: 14px;
}

.profil-actions {
    padding-bottom: 20px;
    position: relative;
}

.profil-actions  >a{
    margin: 13px 10px 0 0;
}

.profil-actions >a.default {
    background-image: url(../images/right-arrow-btn.png) !important;
    background-repeat: no-repeat !important;
    background-position: 9% 53% !important;
    width: 225px;
    line-height: 1.7 !important;
    color: #666666 !important;
    margin-bottom: 0;
}
.profil-actions .btn.btn-outline.default:focus, 
.profil-actions .btn.btn-outline.default:hover {
    background: #202a54 !important;
    background-image: url(../images/right-arrow-btn-hover.png) !important;
    background-repeat: no-repeat !important;
    background-position: 9% 53% !important;
    border-color: #202a54 !important;
    color: #fafafa !important;
}
.profil-actions  >a:hover, .profil-actions  >a:focus{
    background-color:  #00a0cc !important;
    color:#fff !important;
    background-image: url("../images/right-arrow-btn-hover.png") !important;
    border-color:  #00a0cc !important;
}

   .profil-actions >a.hover {
    background-color: #131c43 !important;
    color: #fff !important;
    background-image: url(../images/right-arrow-btn-hover.png) !important;
    border-color: #131c43 !important;
}

.hub-profil-actions {
    padding-bottom: 20px;
    position: relative;
}

.hub-profil-actions  >a{
    margin: 13px 10px 0 0;
}

.hub-profil-actions >a.default {
    background-image: url(../images/right-arrow-btn.png) !important;
    background-repeat: no-repeat !important;
    background-position: 9% 53% !important;
    width: 225px;
    line-height: 1.7 !important;
    color: #666666 !important;
    margin-bottom: 0;
}
.hub-profil-actions .btn.btn-outline.default:focus, 
.hub-profil-actions .btn.btn-outline.default:hover {
    background: #202a54 !important;
    background-image: url(../images/right-arrow-btn-hover.png) !important;
    background-repeat: no-repeat !important;
    background-position: 9% 53% !important;
    border-color: #202a54 !important;
    color: #fafafa !important;
}
.hub-profil-actions  >a:hover, .hub-profil-actions  >a:focus{
    background-color:  #00a0cc !important;
    color:#fff !important;
    background-image: url("../images/right-arrow-btn-hover.png") !important;
    border-color:  #00a0cc !important;
}

   .hub-profil-actions >a.hover {
    background-color: #131c43 !important;
    color: #fff !important;
    background-image: url(../images/right-arrow-btn-hover.png) !important;
    border-color: #131c43 !important;
}

	.col-md-12.select-profile-message label {
    color: #202a54 !important;
    font-size: 18px;
    padding: 0;
}

.modal-content .left-aside{
    background: #ffffff;
    height: 680px;
    text-align: center;
   
}
.modal-content   .right-aside {
    height: 680px !important;
    padding-top: 27px;
}
.text-wrap-modal-diclaimer{
font-family: ArialMT-Regular !important;
    height: 85%;
    display: block;
    overflow-x: hidden;
    color: #fff;
    padding: 10px;
}
.text-wrap-modal-diclaimer  a{
    color: #2bafd3;
}


.text-wrap-modal {
    color: #fff;
}


p.MsoNormal{
    color: #fff;
}


.modal-text {
    background: #4c5476;
        z-index: 99;
}
.text-wrap-modal a, .text-wrap-modal a:hover, .text-wrap-modal a span {
    color: #2bafd3 !important;
}

.text-wrap-modal p, .text-wrap-modal span, .text-wrap-modal strong, 
.text-wrap-modal-diclaimer p, .text-wrap-modal-diclaimer span, 
.text-wrap-modal-diclaimer strong
{
    color: #fff !important;
    background: none !important;
}
label.description{
	/*font-size:11px !important;*/
	padding-top:10px !important;
	display:none;
}

label.hub-description{
	/*font-size:11px !important;*/
	padding-top:10px !important;
}

.hub-content .hub-header {
	height: 18% !important;
	background: #fff;
	width: 100%;
	margin-bottom: 25px;
}

.hub-content .hub-header .hub-logo {
	float: left;
	margin: 13px 3px 0px 23px;
}
.default-msg{
    position: absolute !important;
    left: 50%;
    background: #4c5476;
    height: 100%; 
    display: table;
}
.ui-state-default .ui-icon {
    background-image: url(../images/blue.png) !important;    
}

.modal-dialog#modalDisclaimer, #modalDisclaimer.modal-home {
    border: none!important;
    border-radius: 0;
    width: 62.5%;
    margin: auto !important;
    
}
.logo-prehome {
        margin: 55px 0 25px 0;
            /*width: 34%;*/
}
#modalDisclaimer .modal-content {
     height: auto !important; 
}
	
.profil-actions>span:hover, .profil-actions>span:focus {
	background-color: #00a0cc !important;
	color: #fff !important;
	background-image: url("../images/right-arrow-btn-hover.png") !important;
	border-color: #00a0cc !important;
}

.profil-actions>span.hover {
	background-color: #7099bd !important;
	color: #fff !important;
	background-image: url("../images/right-arrow-btn-hover.png") !important;
	border-color: #7099bd !important;
}

.profil-actions>span {
	margin: 13px 10px 0 0;
}

.profil-actions>span {
	background-image: url("../images/right-arrow-btn.png") !important;
	background-repeat: no-repeat !important;
	background-position: 9% 53% !important;
	width: 245px;
	line-height: 1.7 !important;
}

.profil-actions>span, .actions-modal-btn>span.btn-outline {
	border: 2px solid #dddddd !important;
	color: #808080 !important;
	padding: 7px 38px;
	background-color: transparent !important;
	font-size: 14px;
}

.hub-profil-actions>span:hover, .hub-profil-actions>span:focus {
	background-color: #00a0cc !important;
	color: #fff !important;
	background-image: url("../images/right-arrow-btn-hover.png") !important;
	border-color: #00a0cc !important;
}

.hub-profil-actions>span.hover {
	background-color: #7099bd !important;
	color: #fff !important;
	background-image: url("../images/right-arrow-btn-hover.png") !important;
	border-color: #7099bd !important;
}

.hub-profil-actions>span {
	margin: 13px 10px 0 0;
}

.hub-profil-actions>span {
	background-image: url("../images/right-arrow-btn.png") !important;
	background-repeat: no-repeat !important;
	background-position: 9% 53% !important;
	width: 245px;
	line-height: 1.7 !important;
}

.hub-profil-actions>span, .actions-modal-btn>span.btn-outline {
	border: 2px solid #dddddd !important;
	color: #808080 !important;
	padding: 7px 38px;
	background-color: transparent !important;
	font-size: 14px;
}
.selectProfile-text label {
	    width: 100%;
    margin: auto;
    text-align: center !important;
}
.profile-inactive{
	display: none;
}