@import url("/Universal_Theme/Theme.Universal_Theme.css?7879");

.password-input-wrapper {
  position: relative;
}

.password-input-wrapper .glyphicon {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 10px;
}
.toggle-pass-container, .glyphicon.toggle-pass-container {
    font-size: 16px;
}
.label-validate-agent {
    font-size: 10px;
    margin-bottom: 10px;
}
.label-validate-agent, .label-validate-agent.label-validate-agent {
    color: #165a7c;
}
.button-validate-agent, .Button.button-validate-agent {
    background-color: #005288;
    color: #f3f6f8;
    font-size: 14px;
}

.webblock-validate-agent {
    background-color: #cbd1d8;
    box-shadow: 6px 6px 30px black;
    padding: 20px;
}

.va-content{
    background-image: url(/Universal_Resources_LIB/img/Firefly_gptimage_handstypingonalaptopkeyboardseenf.jpg?7865);
    height: 60vh;
    background-repeat: no-repeat;
    
    }

.va-content-password{
    height: 60vh;   
    }

.va-webblock{
    width: 400px;
    position: absolute;
    top: 100px;
}

.va-webblock-item {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

@media only screen and (min-width:1024px) {

    .password-title{
        margin-top: 30px;
    }
        
}

@media only screen and (orientation: portrait) and (max-width:1024px) {
  .va-content{
    background-size: 100%;
  }
  .va-webblock{
    top: 200px;
}
        
}

@media only screen and (orientation: portrait) and (max-width:820px) {
  .va-content{
    height: 50vh;
  }
  .va-webblock{
    top: 180px;
}
        
}

@media only screen and (orientation: portrait) and (max-width:768px) {

  .va-webblock{
    top: 150px;
}
        
}

@media only screen and (orientation: portrait) and (max-width:430px) {
.va-content {   
    background-size: cover; 
    height: 60vh;

}  
  
   .va-webblock{
    
    top: 130px;
}
        
}

@media only screen and (orientation: portrait) and (max-width:414px) {

   .va-webblock{
    width: 380px;
    top: 130px;
}
        
}
@media only screen and (orientation: portrait) and (max-width:390px) {

   .va-webblock{
    width: 360px;
    top: 110px;
}
        
}

@media only screen and (orientation: portrait) and (max-width:375px) {

   .va-webblock{
    width: 350px;
    top: 60px;
}
        
}

input::-ms-reveal,
      input::-ms-clear {

        display: none;

      }