.login-container{
    margin-top: 5%;
    margin-bottom: 5%;
}

.login-container h3{
    text-align: center;

    display: inline;
    color:#D72687;
    vertical-align: middle;
}

.login-container label{
    text-align: center;

    display: inline;
    color:#6BB14C;
    color:#abe338;

    font-size: 18px;
    vertical-align: middle;
}

legend{
    text-align:left;
    display: inline;
    color:#FFF;
    font-size:20px;
    vertical-align: middle;
}
.login-logo{
    position: relative;
    margin-left: -41.5%;
}
.login-logo img{
    position: absolute;
    width: 20%;
    margin-top: 19%;
    background: #282726;
    background: #929ea4;
    background:#F98700;
    background:#76818E;

    background:#586778;
    border-radius: 4.5rem;
    padding: 5%;
}

.logo{

    background: #929ea4;
    padding: 5%;
}
.login-form-1{
    padding: 9%;
    background: #D72984;
    background:#282726;

    background: #929ea4;
    background:#F98700;
    background:#76818E;
    background:#586778;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.login-form-1 h3{
    text-align: center;
    margin-bottom:12%;
    color:#fff;
}
.login-form-1 h4{
    font-size: 18px;
    color:#fff;
}
.login-form-2{
    padding: 9%;
    background: #f05837;

    background:#F98700;
    background:#282726;
    background: #f05837;
    background: #929ea4;
    background: #30332E;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}

.login-container input[type="submit"]{

    color:#EAEAEA;
    background: #6BB14C;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}

.login-form-2 h3{
    text-align: center;
    margin-bottom:12%;
    color: #fff;
}
.login-form-2 h4{

    font-size: 18px;
    color:#fff;

}
.btnSubmit{
    font-weight: 600;
    width: 50%;
    color: #282726;
    background-color: #fff;
    border: none;
    border-radius: 1.5rem;
    padding:2%;
}
.btnForgetPwd{
    color: #FFF;
    font-size:16px;
    font-weight: 600;
    text-decoration: none;
}
.btnForgetPwd:hover{
    text-decoration:none;
    color:#fff;
}


.btnNuevoUsuario{
    color: #BCE7FD;
    color: #FDFF7F;
    color: #E988BD;

    color: #C3EFC3;
    font-size:20px;
    font-weight: 600;
    text-decoration: none;
}
.btnNuevoUsuario:hover{
    text-decoration:none;
    color:#fff;
}
body{
    background-color: #f4f3ef;
}


.btnSmall{
  color:#005555;
  background: #ffd700;

  padding:5px;
  font-size: 12px;
  border: none;
  border-radius: .5rem;
}
.btnSmall:hover{
  color:black;
  background: white;

  padding:5px;
  font-size: 12px;
  border: none;
  border-radius: .5rem;
}