@charset "utf-8";
/* CSS Document */

.container{
border:0px dashed #003399;	
position:relative;
}

.login_top{
position:relative;
z-index:1;
border:0px dashed #FF9900;
height: auto;
background: #01B0EF;  

}


.login_home{
position:relative;
z-index:1;
border:0px dashed #FF9900;
height: auto;
background:#01B0EF; 

}

.login_intro{
position:relative;
z-index:1;
border:0px dashed #FF9900;
height: auto;
background: #1fa0da; 

}





/* ---------------------------------------------Box */


.login_home_AAa{
  border:0px dashed #FF0000;
  position:relative;
  vertical-align:bottom;
}

.login_home_AAb{
  border:0px dashed #FF0000;
  position:relative;
  vertical-align:bottom;
}



html, body, #login_portal{
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
  margin: 0;
  padding: 0;
}

#login_portal{
  background:#01B0EF; 
    }





/* Responsive */
 /* Media Query for Mobile Devices */
@media all and (max-width: 480px) {

.login_home_AAa{display: none;}

.login_intro{display: none;}

}
          
        /* Media Query for low resolution  Tablets, Ipads */
@media all and (min-width: 481px) and (max-width: 767px) {
.login_home_AAa{display: none;}

.login_intro{display: none;}

}        
        /* Media Query for Tablets Ipads portrait mode */
@media all and (min-width: 768px) and (max-width: 1024px){
.login_home_AAa{display: none;}

.login_intro{display: none;}

}
          
        /* Media Query for Laptops and Desktops */
@media all and (min-width: 1025px) and (max-width: 1280px){
.login_home_AAa{display: none;}

.login_intro{display: none;}

}
          
        /* Media Query for Large screens */
@media all and (min-width: 1281px) {
.login_home_AAa{display: block;}

.login_intro{display: block;}


}