html, body {

}
.container2{
    max-width: 99%;
    width: 100%;
    height: 100% !important;
}
.row{
	height: 100% !important;
}

#app{
	height: 100% !important;
}
.fondo-grad-azul-45d h1 {
    position: absolute;
    top:40%;
    left:3%;
    font-size:50px;
    font-weight: 200;
}
.fondo-grad-azul-45d h4 {
    position: absolute;
    top:48%;
    left:6%;
    font-size:30px;
}
.fondo-grad-azul-45d {
    background: linear-gradient(135deg, rgba(156,75,232,1) 0%, rgba(20,62,227,1) 100%);
    color: white;
    font-family: "arial", Times, serif;
    height:  -webkit-fill-available;
    position: absolute;
    /*top:50%;*/
}
.cabecera h4{
    justify-content: flex-start;

}

.borde{
      -webkit-box-flex: 0; /* El box no es flexible */
       border: 1px solid black;
}
#logueo fieldset {
    border: none;
}

#logueo legend {
  border-bottom: 0;
  margin-bottom: 100px;
  font-size: 30px;

}

.borde h1 {
    position: absolute;
    top:25%;
    left:3%;
    font-size:30px;

}


#logueo .fondo-grad-azul-vert{
    background: linear-gradient(135deg, rgba(20,62,227,1) 0%, rgba(156,75,232,1) 100%);
    color: white;
    border-radius: 30px;
    width: 100%;
    height: 60px;
    font-size: 20px;

}
#logueo .btn-new{
    background: linear-gradient(135deg, rgba(20,62,227,1) 0%, rgba(156,75,232,1) 100%);
    color: white;
    border-radius: 30px;
    font-size: 20px;
    padding: 12px 4px;
    width: 100%;
    border: 0;
}


#logueo {
    position: absolute;
    top:35%;
    left:10%;
    right:10%;
}


body div.navbar{
    margin: 0;
}

div.collapse > ul.navbar-nav > li.nav-item.dropdown.dropdown-user img{
    height: 30px;
    width: 30px;
}

div.collapse.navbar-collapse > ul.navbar-nav:last-child {
    float: right !important;
}

@media only screen and (max-width: 1890px){
    /*login*/
    html body #app .container2 .row .fondo-grad-azul-45d h4{
        padding-top: 20px;
    }
}

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

@media only screen and (max-width: 840px){}

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

@media only screen and (max-width: 640px){}

@media only screen and (max-width: 425px){}