/* ==========================================================================
   Login Box styles
   ========================================================================== */

   body{
    background: url(../img/Finanzas_Corp.png) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    font-family: 'Open Sans', sans-serif;

min-height:100%; 
}
.alert{
margin: 10px auto;
width: 90%;
}
#login-block{	 
padding-top: 100px;
padding-bottom: 25px;
}

.login-box{
max-width:480px;
opacity: 1;	
/*background: transparent url(../img/login-bg.png) repeat;*/
/*border:7px solid rgba(255, 255, 255, 0.31);*/
border:7px solid rgba(255, 255, 255, 0.31);
-webkit-background-clip: padding-box; /* for Safari */
-moz-background-clip: padding-box; /* for old Firefox */
-o-background-clip: padding-box; /* for old Firefox */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
padding-bottom: 20px;
bottom: 1000px;
}

.login-logo{
text-align: center;
padding: 15px 0 10px;
line-height: 70px;
}

.login-logo img{
border:900;
}
.login-form form p{
width:80%;
margin: 5px auto 10px;
text-align: center;
}
/* for logo animation */
.login-logo img{
opacity: 1; 
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease; 
height: 160px;
width:160px; 
}


.login-form .input-group{
margin:0 auto 15px;
width:70%; 
}
/* Login Form */
.login-form input{
background: #d6d6d6;
border:1px solid #bfbfbf;
color:#6c6c6c;

}

/* Login Button */
.btn.btn-success {

    background: #222A3F;
    padding: 10px;
    font-size: 16px;
    font-weight: 700!important;
    
    


width: 120px;
display:block;
margin: 20px auto 20px;
color: white;
text-transform:uppercase ;	
text-shadow: 1px 2px 2px #0099ff;
background: #0099ff; 
border: 1px solid #3399ff;
-webkit-box-shadow: inset 0 1px 2px #0099ff;
-moz-box-shadow: inset 0 1px 2px #0099ff;
box-shadow: inset 0 1px 2px #0099ff;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
/*
text-decoration: none;
padding: 10px;
font-weight: 600;
font-size: 20px;
color: #000;
background-color: #707e85;
border-radius: 6px;
border: 2px solid rgba(255, 255, 255, 0.31);;*/

}
.btn.btn-success:hover {

background: #0066ff; 
} 
.btn.btn-red.btn-reset{
width: 180px;
}
.login-links{
text-align: center;
}

#footer-text, #footer-text a{
text-align: center;
color:#FFF;
opacity: 1;
text-shadow: 1px 1px 1px #000;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
#login-block{	 
    padding-top: 10px;
    padding-bottom: 25px;
}

}

/* Tablet Portrait Size to Tablet Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px){
#login-block {	 
    margin: 0 auto;
    width: 420px;
}

}

.text-align-center {
    height: 10px;
    width: 345px;
    font-weight: bold;
    font-weight: 800;
    font-size: larger;

    color: #6c6c6c;
  
    line-height: 120px;
    text-align: center;
    vertical-align: middle;
  }

  .text-align-center2 {
    height: 70px;
    width: 345px;
    font-weight: bold;
    font-weight: 800;
    font-size: larger;

    color: #6c6c6c;
  
    line-height: 70px;
    text-align: center;
    vertical-align: middle;
  }

  .text-abajo-boton {
   
    font-weight: bold;
    font-weight: 700;
    font-size: small;

    color: #6c6c6c;
  /*
    line-height: 120px;
    text-align: center;
    vertical-align: middle;*/
  }
  
  .vinculo1 {
   
    font-size: small;

    color: #6c6c6c;
    width: 345px;
  /*
    line-height: 120px;
    text-align: center;
    vertical-align: middle;*/
  }
  
  .vinculo2 {
   
    font-size: small;

    color: #6c6c6c;
    width: 345px;
  /*
    line-height: 120px;
    text-align: center;
    vertical-align: middle;*/
  }
  
  .vinculo3 {
   
    font-size: small;

    color: #6c6c6c;
    width: 345px;
  /*
    line-height: 120px;
    text-align: center;
    vertical-align: middle;*/
  }
  
  .vinculo4 {
   
    font-size: small;

    color: #6c6c6c;
    width: 345px;
  /*
    line-height: 120px;
    text-align: center;
    vertical-align: middle;*/
  }

  /*prueba login*/

  .formulario {
    background: rgba(0, 0, 0, .1);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.568);
    color: white;
}

.form-control {
    background: rgba(0, 0, 0, .3);
    border-style: none;
    transition: 0.5s ease-in;
    outline: none;
    box-shadow: none;
}

.form-control:focus {
    background: none;
    box-shadow: none;
    outline: none;
}

.form-control::placeholder {
    color: white;
}

.ingresar {
    background: #222A3F;
    padding: 10px;
    font-size: 16px;
    font-weight: 700!important;
    color: white;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.568);
    transition: 0.5s ease-in;
}

.ingresar:hover {
    color: white;
}

.olvide {
    color: white;
    text-decoration-style: none;
    text-decoration-line: none;
}

.olvide:hover {
    color: white;
    text-decoration-style: none;
    text-decoration-line: none;
    cursor: pointer;
}

.olvide1 {
    color: white;
    text-decoration-style: none;
    text-decoration-line: none;
    font-size: 20px;
    font-weight: 700!important;
    /* border: 2px solid white; */
    padding: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .5);
}

.olvide1:hover {
    color: white;
    text-decoration-style: none;
    text-decoration-line: none;
    cursor: pointer;
}