html, body{
text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

@-ms-viewport{ width: auto !important; }


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: darkblue;
}

input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}



/*ERROR CLASSES*/
.inner-right-error{
    top: 15%;
    right:0;
    position: absolute;
    
    padding: 5px 6px;
    font-size: 12px;
    color: #ff2b17;
    margin-right: 35px;

}
#zip_container .inner-right-error{
    margin-right: 20px;
}
.inner-right-error-icon{
    top: 23%;
    right:0;
    left: auto !important;
    position: absolute;
    
    padding: 5px 6px;
    height: 16px;
    width: 16px;
    color: #ff2b17;
    margin-right: 10px;
}
.error-color{
    color:#ff2b17;
}

.adjust-error-elements{
    margin-right:0;
}
.adjust-input{
    padding-right: 70%;
}
.error-icon{
   /*background: url(../Images/error.svg) no-repeat left;*/ 
   background-size:cover;
   pointer-events:none;
}

.focus-field{
    background: #fff;
    color: #9bbdf9;
}

body{
    background: url('../back1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;    
    -o-background-size: cover;

    background-size: cover;
    

    background-position: 5% 5%;
    /*height: 100vh;*/
    font-family: 'Roboto',Sans-Serif;
    font-weight: 400;
    font-style: normal;
    
}


@media(max-width: 767px){
    body{
        background-position-x: center;
    }
}
strong{
    font-weight:500;
}
.reset-padding-width{
    padding-right:0;
    padding-left:0;
}

/*.footer {
    margin-left: 20px;
}*/
/*
footer, .push {
    height: 30px;
}*/
.footer-item-group {
    text-align: center;
    margin-bottom: 15px;
    margin-left: 0px;
}

.footer-item, .footer-item:hover,
.footer-item-white, .footer-item-white:hover {
    text-decoration: none;
    cursor: pointer;
}

    .footer-item, .footer-item:hover {
        color: #457cd1;
    }

    .footer-item-white, .footer-item-white:hover {
        color: #fff;
    }

        .footer-item-white .footer-item:focus {
            text-decoration: none;
        }
/*Broker*/
.broker-panel {
    width: 15%;
    padding: 0;
    z-index: 1000;
    float: right;
    margin-right: 12%;
    
}

.broker-container{
    position: absolute;
    border: 1px solid;
    border-color: rgba(220,220,220,128);
    background-color: #fff;
    
}

.broker-frame {
    margin:10px;
}
address {
    margin-bottom: 0;
}
.broker-address{
    font-size: 14px;
}
/*.img-height-cap {
    height: 15vh;
}*/
@media only screen and (min-width: 768px) and (max-width: 991px){
    /*.img-height-cap {
        height: 10vh;
    }*/
    .broker-address {
        font-size: 10px;
    }
   
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    /*.img-height-cap {
        height: 10vh;
    }*/
    .broker-address {
        font-size: 12px;
    }
   
}


.img-height-cap {
   object-fit: contain;
   max-width: 100%;
   max-height: 25vh;
   width: auto;
   height: auto;

}




@media (min-width: 768px) {
    .container-height-cap {
        min-height: 500px;
    }
    .broker-border {
        border-bottom: 1px solid;
        border-top: 1px solid;
        border-color: rgba(220,220,220,128);
    }
    .broker-container {
        max-width:20%;
    }
}
.lang-container{
    margin-top: 5%;
    margin-right: 5%;
}
@media (min-width: 768px){
    .lang-container{
    margin-top: 10px;
    margin-right: 10px;
}
}
/*Broker Mobile*/
@media (max-width: 767px) {
    .broker-panel {
        width: 100%;
        padding: 0;
        z-index: 1000;
        margin: 0;
        align-content:center;
        float: none;
        margin-bottom: 10%;
    }

    .broker-container {
        position: relative;
        border: 1px solid;
        border-color: rgba(220,220,220,128);
        background-color: #fff;
        margin-right:0;
        border-radius: 3px;
        box-shadow: 0 2px 4px 0 #4c7ed7;
        font-size: 12px;
    }

}
/*suitcase icon*/
.logo-container{
    height: 13vh;
    width: 13vh;
    margin-bottom: 10px;
    margin-top:0;
}
.suitcase-icon{
    /*background: url('../Images/mybroker-logo.svg') no-repeat center center;*/
    background-size: contain;
    width: 100%;
    height:100%;

}
@media (min-width: 768px) {
    .lang-container {
        margin-top: 10px;
        margin-right: 10px;
    }
    .logo-container{
    height: 7vh;
    width: 7vh;
    margin-bottom: 20px;
        margin-top: 20px;
}
    
}
.form-container {
   
    background: -webkit-linear-gradient(rgba(4,75,177,0.6),rgba(4,75,177,0.9),rgba(4,75,177,0.95));
    background: -o-linear-gradient(rgba(69, 124, 209,0.6),rgba(4,75,177,0.9),rgba(4,75,177,0.95));
    background: -moz-linear-gradient(rgba(69, 124, 209,0.6),rgba(4,75,177,0.9), rgba(4,75,177,0.95));
    background: linear-gradient(rgba(4,75,177,0.6), rgba(4,75,177,0.9),rgba(4,75,177,0.95) );

    margin-left: 25%;
    margin-right: 25%;
    margin-bottom: 3.3%;
    margin-top: 1.5%;

   
}

/*Special case: Show only Login form without bulletpoints*/
.form-login-margin{
    margin-left: 0;
    margin-right: 0;

}
.form-container-header{
    color: #fff;
    font-size: 26px;
    
}
@media (min-width: 768px) {
    .form-container {
        margin-left: 15%;
        margin-right: 15%;
        min-height: 500px;
    }

    .broker-panel {
        margin-right: 4%;
    }

    .broker-panel-margin-alt {
        margin-right: 17%;
    }

    .form-login-margin {
        margin-left: 30%;
        margin-right: 30%;
    }

    .form-container-header {
        color: #fff;
        font-size: 20px;
        margin-bottom: 15px;
        
    }
}

@media only screen and (min-width: 1200px) {
    .form-container-header {
        font-size: 25px;
    }

    .form-container {
        margin-left: 25%;
        margin-right: 25%;
        min-height: 600px;
    }
     .broker-panel {
        margin-right: 12%;
    }
     .form-login-margin {
        margin-left: 37%;
        margin-right: 37%;
    }
     .broker-panel-margin-alt {
        margin-right: 23.5%;
    }
}
/*Fix to Recover Password Layout, to allow bottom buttons in this width*/
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .form-container {
        margin-left: 20%;
        margin-right: 20%;
        min-height: 500px;
    }
     .broker-panel {
        margin-right: 7%;
    }
    .form-login-margin {
        margin-left: 35%;
        margin-right: 35%;
    }
    .broker-panel-margin-alt {
        margin-right: 23.5%;
    }
}
/* */
@media(max-width: 767px) {
    /*Mobile exclusive*/
    .form-container {
        background: none;
        margin: 0;
    }
    .form-container-header {
        text-align:center;
    }
}
.backstretch {
    left: 0;
    top: 0;
    margin: 0;
    z-index: -999999;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../back1.jpg) no-repeat center center fixed;
    
    background-size: 100% 100%;
}

.filter-img-black {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../back1.jpg) no-repeat left top;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../back1.jpg) no-repeat left top;

    background: -o-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../back1.jpg) no-repeat left top;
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../back1.jpg) no-repeat left top;
    background-size: cover;
    
}
.row-eq-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vertical-center{
    padding:0; margin-top: auto; margin-bottom: auto;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    
}
/*Language Buttons*/
.lang-button {
    text-decoration: none;
    color: #457cd1;
    background-color: #fff;
    border-width: 0px;
}

    .lang-button:focus, .lang-button:active, .lang-button:checked, .lang-button:hover {
        color: #fff;
        background-color: #457cd1;
        border-width: 0px;
    }

    .lang-button.active, .lang-button.active:focus{
        background-color: #457cd1;
    }

.lang-button-spacement{
    margin-right: 5px;
}


/* Login Information*/
.info-container{
    color: #fff;
    margin: auto;
    padding-left: 13%;
    padding-right: 13%;
    background-color: #457cd1;
    padding-top:5vh;
    height: 100%;
    
    
}
.bullet-container{
    min-height: 300px;
    margin-bottom: 5%;
}
.check-icon{
    display: inline-block;
    vertical-align:middle;
    /*background: url('../Images/check.svg') no-repeat left;*/
    background-size: contain;
    
    height:25px;
    color:#fff;
    width:100%;
}
.info-container-text{
    font-size: 12px;
    
    margin-bottom: 10%;
}

@media (min-width: 768px) {
    .info-container{
        padding-left: 20%;
        padding-right: 20%;
    }
    .info-container-text{
    font-size: 15px;
}
}


@media (min-width: 992px) {
    .info-container{
        padding-left: 20%;
        padding-right: 20%;
    }
    .info-container-text{
    font-size: 15px;
}
}
@media (min-width: 1200px) {
    .info-container{
        min-height: 600px;
        padding-left: 13%;
        padding-right: 13%;
    }
    .info-container-text{
    font-size: 16px;
    line-height: 1.33;
}
}
/*Download Mobile Application*/
.download-container{
    margin-top: 0;
    margin-right: 0;
    margin-left:0;
    margin-bottom: 5%;
    font-size: 12px;
    color: #fff;
    height: 10vh;

    position:relative; bottom:0%; width: 100%;
    padding-left: 3.5%;
    padding-right: 3.5%;
   
}
.download-icon-container{
    height: 5vh; margin-top: 2vh; margin-bottom: 5%;
}
.download-icon-container-no-description{
    height: 9vh; margin-top: 1vh; margin-bottom: 5%;
}
.download-icon{
   /* background: url('../Images/download.svg')  no-repeat; */ 
    
    height: 2.4vh;
}
.download-icon-text {
    line-height: 1.73;
    letter-spacing: 0.5px;
    font-size: 10px;
  
}


.download-google-img{
    display: block;
    background: url('../Images/GooglePlay.svg')  no-repeat ;
    height:100%;
   
}
.download-apple-img{
    display: block;
    background: url('../Images/AppStore.svg')  no-repeat;
     
      height:100%;
     
}
@media (min-width: 768px) {

    .download-icon-text {
        margin-bottom:auto;

    }

}
@media (min-width: 992px) {

    .download-container {
        font-size: 14px;
    }
    .download-icon-text {
        font-size: 10px;
         line-height: 1.73;

    }
    
    
}
@media (min-width: 1200px) {
    .download-container {
        font-size: 15px;
    }
    .download-icon-text {       
        font-size: 12px;
        letter-spacing: 0.5px;
        line-height: 1.73;
        margin-bottom:0;
    }
   
}


/* Login */
.login-container{
    margin: auto;
    padding-left: 20%;
    padding-right: 20%;
    padding-top:5vh;
    height: 100%;
    margin-bottom: 4vh;
    margin-left: 0;
}
@media (max-width: 767px){
    .login-container {
        margin-bottom: 0;
        padding-bottom: 4vh;
        padding-top:0;
        padding-left: 15%;
        padding-right: 15%;
    }
}
.login-email, .login-password{
    width:100%;
    height: 38px;
    padding-left: 38px;
    border: 0px solid #c6c6c6;
	
    background-color: rgba(255,255,255,0.3);
    border-radius: 3px;
    box-shadow: none;
    color:#fff;
}
.login-email:focus, .login-password:focus {
    box-shadow:none;
}
.login-email::-webkit-input-placeholder,  .login-password::-webkit-input-placeholder{
    color:#fff;
}
 
.login-email:-moz-placeholder, .login-password:-moz-placeholder { /* Firefox 18- */
    color:#fff;
}
 
.login-email::-moz-placeholder, .form-control::-moz-placeholder {
    color:#fff;
}
.login-password::-moz-placeholder {/* Firefox 19+ */
    color:#fff;
   
}
 
.login-email:-ms-input-placeholder, .form-control:-ms-input-placeholder{
    color:#fff;
}
.login-password:-ms-input-placeholder{
    color:#fff;
}
.login-email-icon{
    /*background: url(../Images/email.svg) no-repeat left;*/ 
    background-size: 100% 100%;
    height: 14px;
    width: 15px;
}
.login-password-icon{
    /*background: url(../Images/password.svg) no-repeat left;*/ 
    background-size: contain;
    height: 16px;
    width: 12px;
    
}


.login-email-icon-blue{
    background: url(../Images/email_blue.svg) no-repeat left;
    background-size: 100% 100%;
    height: 14px;
    width: 15px;
}
.login-password-icon-blue{
    background: url(../Images/password_blue.svg) no-repeat left;
    background-size: contain;
    height: 16px;
    width: 12px;
    
}
.left-inner-addon {
    position: relative;
    
}

.left-inner-addon input {
    padding-right: 35px;
    padding-left: 40px;
    
}
.left-inner-addon span{
    top: 30%;
    position: absolute;
    left: 11px;
    padding: 5px 6px;
    font-size: 18px;
    color:#fff;
}
.left-inner-addon i {
    top: 13%;
    position: absolute;
    left: 2%;
    padding: 5px 6px;
    font-size: 18px;
    color:#fff;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 40px;
    padding-left: 14px;
    
}
.right-inner-addon .view-icon{
    top: 30%;
    position: absolute;
    right: 0;
    padding: 5px 6px;
    font-size: 18px;
    color:#fff;
}
.right-inner-addon .edit-icon{
    top: 33%;
    position: absolute;
    right: 11px;
    padding: 5px 6px;
    font-size: 18px;
    color:#fff;
}
@media (max-width: 767px){
    .left-inner-addon span {
        top: 33%;
    }
}
/* Login Button*/
.login-button{
    text-decoration: none;
    color: #fff;
    background-color: #f19634;
    border-width: 0px;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    box-shadow: none;
    padding-top:1.5vh;
    padding-bottom:1.5vh;
    min-height:40px;
}

    .login-button:focus, .login-button:active, .login-button:checked, .login-button:hover,
     .login-button.btn-primary:active:focus, .login-button.btn-primary:active:hover, .login-button.btn-primary.disabled:hover  {
        color: #fff;
        background-color: #ee8311;
        border-width: 0px;
    }

    .login-button.active, .login-button.active:focus, .login-button.active:hover{
        background-color: #ee8311;
    }
    .login-button.disabled{
        cursor: default;
    }

.link, .link:focus, .link:hover{
    color: #fff;
    font-size: 12px;
}

.filled-input{
    background-color:white ;
    color: #2c5bc5;
}



/* Alternative Login options*/
.options-container{
    margin-top: 20%;
}
.line-separator{
    width: 100%;
    margin: 5.0em auto;
    overflow: hidden;
    text-align: center;
    /*font-weight:300;*/
    color: rgba(255,255,255,0.5);
}
.line-separator-margin{
    margin: 2.0em auto;
}
.line-separator:before, .line-separator:after{
    content: "";
  display: inline-block;
  width: 50%;
  margin: 0 .5em 0 -55%;
  vertical-align: middle;
  border-bottom: 1px solid;
}
.line-separator:after {
  margin: 0 -55% 0 .5em;
}
.line-separator-text{
    color:#fff;
}
/* eID Button */
.eid-button{
    display: inline-block;
    align-content:center;
    text-decoration: none;
    color: #bfd6fe;
    background-color: rgba(69, 124, 209,0.0);
    width: 100%;
    font-size:16px;
    height:100%;
    padding-top:1.4vh;
    padding-bottom: 1.4vh;
    min-height:40px;
    border: 1px solid;
    border-color: rgba(220,220,220,0.25);
    white-space: normal;
}

    .eid-button:focus, .eid-button:active, .eid-button:checked, .eid-button:hover {
        color: #fff;
        background-color: #f19634;
        border: 1px solid #f19634;
        
    }
    
    .eid-button.active, .eid-button.active:focus{
        background-color: #f19634;
    }
.icon-inner-addon {
    position: relative;
    
}
.icon-inner-addon a {
   
}
.icon-inner-addon span {
    
    
}
.eid-buttton-icon{
    display: inline-block;
    vertical-align:middle;
    /*background: url('../Images/eiD.png') no-repeat left;*/
    background: url('../Images/eiD-blue.svg') no-repeat left;
    background-size: contain;
    height:75%;
    left: 5%;
    min-width:24px;
    min-height: 16px;
    color: #fff;
}
@media only screen and (min-width: 768px) {
    .eid-buttton-icon{ 
        min-width:32px;
        min-height: 21px;
        background-size: contain;
        margin-right:5px;
    }
   
}
.eid-button:focus  .eid-buttton-icon,
     .eid-button:active .eid-buttton-icon,
     .eid-button:checked .eid-buttton-icon,
.eid-button:hover .eid-buttton-icon{
        background: url('../Images/eiD-white.svg') no-repeat left;
}

/* Inscription Button */
.inscription-button{
    text-decoration: none;
    color: #f19634;
    background-color: #fff;
    width: 100%;
    height:100%;
    padding-top:1.2vh;
    padding-bottom: 1.2vh;
    font-size: 20px;
    min-height:40px;
}

    .inscription-button:focus, .inscription-button:active, .inscription-button:checked, .inscription-button:hover {
        color: #fff;
        background-color: #f19634;
        
    }

    .inscription-button.active, .inscription-button.active:focus{
        background-color: #f19634;
    }

@media (max-width: 767px){
    .login-button, .eid-button, .inscription-button{
        min-height: 52px;
        font-weight: 500;
        padding-top:2vh;
        padding-bottom: 2vh;
        
    }
    .inscription-button{
        font-size:18px;
    }
    .line-separator {
        margin: 3.0em auto;
    }
    .line-separator-margin{
        margin: 1.0em auto;
    }
    .options-container{
       
        margin-top: 15%;

    }
    .login-email, .login-password{
        height:46px;
        background: transparent;
        border: 1px solid #4c79ba;

    }
    .filled-input{
    background-color:white;
    color: darkblue;
}
}

    /*Broker Picker*/

    .scrollable-picker{
        /*overflow-y: auto;*/
        /*overflow-x: hidden;*/
        max-height: 520px;
        min-height: 400px;
        margin-bottom: 30px;
    }
    .thumbnail{
        
        text-align:center;
        border-radius:3px;
        padding-left: 5px;
        padding-right: 5px;
        box-shadow: 0px 2px 5px 0 rgba(102, 102, 102, 0.5);
        padding-bottom:0;
        
    }
     .thumbnail > img{
        height: 90%;
        border: solid 1px #eeeeee;
        

    }
     .broker-picker-name-container{
         margin-top:10px; margin-bottom:10px;
     }
    .broker-picker-name{
        color: #4075d4;
        letter-spacing: 0.6px;
        font-weight:700;
        vertical-align:middle;
        overflow: scroll;
    }
   
    .broker-logo-space{
        
        height: 17vh;
        border: solid 1px #eeeeee;
    }

    .broker-picker-container{
        padding-left:5%;
        padding-right:5%;
        padding-top: 5vh;
        padding-bottom: 5vh;
    }
    .row-broker-scrollable {
        /*overflow: hidden;*/
        overflow-y:auto;
        overflow-x:hidden;
        /*-ms-overflow-style: auto;*/
       /* padding-right:10px;*/
        padding-top: 20px;
        
    }
    .broker-picker-header{
        padding-left: 15px;
    }
    
    .not-selected{
        opacity: 0.3;
    }
@media (max-width: 767px) {
    .broker-picker-container {
        padding-left: 25%;
        padding-right: 25%;
        padding-top: 3vh;
        padding-bottom: 3vh;
    }

    .broker-logo-space {
        height: 17vh;
        border: solid 1px #eeeeee;
    }
    .broker-picker-header{
        padding-left:0;
    }
    .scrollable-picker {
        margin-bottom: 15px;
        min-height: 350px;

    }
}
/*Generic Confirmation button*/
.confirm-button{
    text-decoration: none;
    color: #fff;
    background-color: #f19634;
    border-width: 0px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    padding-top:1.5vh;
    padding-bottom:1.5vh;
    min-height:52px;
}
    .confirm-button:focus, .confirm-button:active, .confirm-button:checked, .confirm-button:hover,
    .confirm-button.btn-primary:active:focus, .confirm-button.btn-primary:active:hover, .confirm-button.btn-primary.disabled:hover,
     .confirm-button.btn-default:active:focus, .confirm-button.btn-default:active:hover, .confirm-button.btn-default.disabled:hover{
        color: #fff;
        background-color: #ee8311;
        border-width: 0px;
    }

    .confirm-button.active, .confirm-button.active:focus{
        background-color: #ee8311;
    }

    .confirm-button.disabled {
        cursor: default;
    }

    .recover-button.disabled{
        cursor: default;
    }
@media (min-width: 768px) {
    .confirm-button {
        padding-top: 1.5vh;
        padding-bottom: 1.5vh;
        min-height: 40px;
    }
}
/*Activation Page*/
.activation-container{
    margin: auto;
    padding-left: 10%;
    padding-right: 10%;
    height: 100%;
    margin-bottom: 4vh;
    margin-left: 0;
    
}
.activation-subtitle{
    font-size: 20px;
    font-weight:400;
    line-height: 1.21;
    color: #ffffff;
    margin-bottom: 5%;
}

/*Recover Page*/
.recover-container{
    margin: auto;
    padding-left: 5%;
    padding-right: 5%;
    height: 100%;
    margin-bottom: 4vh;
    margin-left: 0;
    
}
.recover-container-header{
    font-size: 28px;
    font-weight:400;
    line-height: 1.21;
    color: #ffffff;
    margin-bottom: 10%;
}
.recover-container-text {
    font-size: 20px;
    font-weight:300;
    line-height: 1.21;
    color: #ffffff;
    margin-bottom: 5%;
}
.recover-email {
    width: 100%;
    height: 46px;
    padding-left: 14px;
    border: 0px solid #c6c6c6;
    background-color: rgba(255,255,255,0.3);
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    margin-bottom:4%;
}
    
.recover-email:focus {
    box-shadow:none;
}
.recover-email::-webkit-input-placeholder{
    color:#fff;
}
 
.recover-email:-moz-placeholder{ /* Firefox 18- */
    color:#fff;
}
 
.recover-email::-moz-placeholder{/* Firefox 19+ */
    color:#fff;
}
 
.recover-email:-ms-input-placeholder{
    color:#fff;
}
.recover-email.filled-input{
    background-color:white ;
    color: #2c5bc5;
}
/* Recover Confirm Button*/
.recover-button{
    text-decoration: none;
    color: #fff;
    background-color: #f19634;
    border-width: 0px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    padding-top:1.5vh;
    padding-bottom:1.5vh;
    min-height:52px;
}

    .recover-button:focus, .recover-button:active, .recover-button:checked, .recover-button:hover,
    .recover-button.btn-primary:active:focus, .recover-button.btn-primary:active:hover, .recover-button.btn-primary.disabled:hover  {
        color: #fff;
        background-color: #ee8311;
        border-width: 0px;
    }

    .recover-button.active, .recover-button.active:focus{
        background-color: #ee8311;
    }
.edit-icon{
    background: url('../Images/edit.svg') no-repeat center center;
    background-size:contain;
    width: 16px;
    height: 16px;
    cursor:pointer;
}
/*Return Button*/
.return-container{
    position: fixed;
    bottom: 35px;
    width: 100%;
}
.return-button{
    text-decoration: none;
    color: #325dca;
    background-color: #fff;
    border-width: 0px;
    border: 1px solid  #325dca;

    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    padding-top:2.0vh;
    padding-bottom:2.0vh;
    min-height:52px;
}

    .return-button:focus, .return-button:active, .return-button:checked, .return-button:hover {
        color: #fff;
        background-color: #325dca;
        border: 1px solid  #325dca;
    }

    .return-button.active, .return-button.active:focus{
        background-color: #325dca;
    }
    
    
.return-button-margin-top{
    margin-top:20%;
}
@media (min-width: 768px) {
    .recover-button {
        padding-top: 1.5vh;
        padding-bottom: 1.5vh;
        min-height: 40px;
        /*margin-bottom: 80%;*/
    }

    .return-button {
        position: relative;
        width: 100%;
        padding-top: 1.5vh;
        padding-bottom: 1.5vh;
        min-height: 40px;
    }

    .activation-container {
        
        padding-left: 16%;
        padding-right: 16%;
        padding-top: 5vh;
        
    }
    .recover-container{
        
        padding-left: 13%;
        padding-right: 13%;
        padding-top: 5vh;
        
    }
    .recover-container-header {
        font-size: 28px;
        font-weight: 300;
        line-height: 1.21;
        color: #ffffff;
        margin-bottom: 10%;
    }

    .return-button-margin-top {
        margin-top: 80%;
    }
}

@media (min-width:992px) {
    .return-button-margin-top {
        margin-top: 70%;
    }
}

@media (min-width: 1200px) {

    .return-button-margin-top {
        margin-top: 60%;
    }
}


@media (max-width: 767px) {
    .return-button.fixed-xs {      
        position: fixed       
    }
    .return-button{
        width: 100%;
        bottom: 35px;
    }
    .recover-container, .activation-container{
        margin: auto;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 5vh;
        height: 100%;
        /*margin-bottom: 0;*/
        margin-left: 0;
    }

    .return-button-margin-top {
        margin-top: 30%;
    }    
}

.form-control[readonly]{
    background: rgba(255,255,255,0.1);
}

.form-control.unchangeble{
    border: 1px solid #4c79ba;
    background-color: rgba(255,255,255,0.0);
    box-shadow: none;
    color:#fff;
}
.normal-input-padding{
    padding-left: 14px;
}
.login-password.login-new-password{
    border: 0px solid;
    background-color: rgba(255,255,255,0.3);
    box-shadow: none;
    color:#fff;
}
.login-password.login-new-password.filled-input{
    background-color:white ;
    color: #2c5bc5;
}


.view-icon{
    /*background: url(../Images/view.svg) no-repeat left;*/ 

}
.view-icon-blue {
    background: url(../Images/view_blue.svg) no-repeat left;
}
.view-icon, .view-icon-blue{
     height: 12px;
     width: 20px;
   background-size:cover;
   margin-top: 4px;
   cursor:pointer;
    
}
    .view-icon:after, .view-icon-blue:after {
        
    }
   .view-icon-container{
       top: 0;
       position: absolute;
       height: 38px;
        width: 38px;
       right: 0;
       cursor: pointer;
    }
@media (min-width: 768px) {
    .view-icon, .view-icon-blue{
     
         margin-top: 3px;

    }


}

/*MOBILE*/
/* background-color*/
@media only screen and (max-width: 767px) {
    
    .mobile-background-color{
        min-height: 100vh;
        background: -webkit-linear-gradient(rgba(4,75,177,0.6),rgba(4,75,177,0.9),rgba(4,75,177,0.95));
        background: -o-linear-gradient(rgba(69, 124, 209,0.6),rgba(4,75,177,0.9),rgba(4,75,177,0.95));
        background: -moz-linear-gradient(rgba(69, 124, 209,0.6),rgba(4,75,177,0.9), rgba(4,75,177,0.95));
        background: linear-gradient(rgba(4,75,177,0.6), rgba(4,75,177,0.9),rgba(4,75,177,0.95) );
    }
}

/*Dropdown*/
.dropdown-menu {
    min-width: 30px;
    padding-top: 0;
    padding-bottom:0;
    border-radius: 6px;
}

    .dropdown-menu > li > a {
        display: block;
        color: #457cd1;
        padding: 3px 16px;
    }


/*Description*/
.description-container{
    top: 0;
    width: 100%;
    color: #fff;
    margin: auto;
    padding-left: 13%;
    padding-right: 13%;
}

.description-header{
    font-size: 20px;
    margin-top: 15%;
    margin-bottom: 10%;
}
.description-text{
    font-size: 14px;
    margin-top: 10%;
    margin-bottom: 10%;
    line-height: 1.69;
}

/*Error Tooltip */
.tooltip > .tooltip-inner {
    
    background-color: rgba(255, 43, 23,0.9); 
    background-color: #cc0000; 
    color: #FFFFFF; 
    border: 1px solid rgba(220,220,220,0.25);
    border: 1px solid rgba(255, 43, 23,0.5);
    font-size: 12px;
    right: 10%;
    min-width: 150px;
    width:150px;
    
}


/* Tooltip on top */
.tooltip.top{
    padding-right: 15px;
}

.tooltip.top > .tooltip-arrow {
    border-top: 5px solid rgba(220,220,220,0.25);
     border-top: 5px solid rgba(255, 43, 23,0.5);
     
}

/* Tooltip on bottom */
.tooltip.bottom{
     padding-right: 15px;
}
.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid rgba(220,220,220,0.25);
     border-bottom: 5px solid rgba(255, 43, 23,0.5);
}

/* Tooltip on left */
.tooltip.left > .tooltip-arrow {
    border-left: 5px solid rgba(255, 43, 23,0.5);
}

/* Tooltip on right */
.tooltip.right > .tooltip-arrow {
    border-right: 5px solid rgba(255, 43, 23,0.5);
}
/* Tooltip on top-right */
.tooltip-adjust-right{
 right: 0;
 left: auto !important;
}
.tooltip-adjust-left{
 left: auto !important;
}
#zip-tooltip{
    padding-right:0;
}

.error-border{
    border: 1px solid #ff2b17;
}
.login-new-password.error-border{
    border: 1px solid #ff2b17;
}
/*Modal*/
.modal{
    z-index: 1080;
}
.modal-header{
    border:none;
}
.modal-body{
    color: #5b7289;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 1.56;
}
.modal-content{
    padding-bottom: 5%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 10%;
}
.modal-footer{
    border:none;
    text-align:left;
}
    .modal-footer .btn + .btn {
            margin-left: 0;
    }
.modal-title{
    color: #325dca;
    margin-bottom: 5%;
}
.modal-xs{
    width: 200px;
}
.modal-dialog{
        margin-top: 10vh;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
}

.modal-footer .return-button:focus, .modal-footer .return-button:active, .modal-footer .return-button:checked, .modal-footer .return-button:hover {
        color: #fff;
        background-color: #325dca;
        border: 1px solid  #fff;
}

    
@media (min-width: 768px){
    .modal-content {
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 7%;
        padding-bottom: 5%;
    }

    .modal-dialog {
        margin: 10% auto;
    }
    .modal-md{
        width: 500px;
    }
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}




::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: rgba(255,0,0,0.8);*/ 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/* IE scroll bug */
@media screen\0 {
    .scrollable-picker{
        overflow-y: auto;
        overflow-x: hidden;
        
    }
}



.btn-orange {
    color: #fff;
    background-color: #f19634;
    border-color: #f19634;
}