/*login page*/

.login-body {
    /*background-color: #f1f2f7;*/
}
html{
    font-family:"Myriad Pro", Verdana, Arial;
    font-size: 55px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
.login{
    /* background-color: #0A89A6; */
    /* background-color: #f1f2f7; */
background: #f1f2f7;
background: #f5f5f5;


    /* background: url('../Imagenes/Index/fachada.jpeg') no-repeat center center fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}



.texto_logo{
    /*margin-top: 29px;*/
    /*padding-top: 5px;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    width: 100%;
    /*float: left;*/
    /*background-color: green;*/
    /*font-family: Brush Script MT, Helvetica, sans-serif;*/

    font-size:15px;
    font-weight:bold;
    /*margin-left: 10px;*/
    /*color:#056086;*/
    color: #2b91af;
    color:#2e6da4;
    text-shadow: 1px 1px 0px rgba(230,230,230,1), 2px 2px 0px rgba(200,200,200,1), 3px 3px 0px rgba(180,180,180,111);
}

.div_login{
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    position: absolute;
    width: 490px;
    height: 320px;

    background: #d5d7de; 
    background: #f8f9fa; 
    background: #fff; 
    /* background: #f1f2f7;  */
    border: 1px solid  rgba(0, 0, 0, 0.125) ;

    /*background-color: green;*/
    opacity: 0.8;
    border-radius: 7px;
    /*    width: 50%;
        height: 30%;*/
    margin: auto;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    /* box-shadow: 2px 15px 15px rgba(0, 0, 0, 0.3); */
    /* box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2); */
    box-shadow:0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1)


}
/* .div_footer{
    text-align: justify;margin-left: 2px;width: 98%;left: 0;right: 0;height: auto;bottom: 0;position: absolute;text-align: right;font-size: 14px;font-weight: bold
} */

.div_login_p{
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    position: absolute;
    width: 490px;
    height:420px;

    /*background: #d5d7de;*/ 
    /*background-color: green;*/
    /*opacity: 0.8;*/
    border-radius: 7px;
    /*    width: 50%;
        height: 30%;*/
    margin: auto;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
.div_footer{
    /* background: #343b40;color: white;padding-top: 10px; */
    border-top: 1px solid #f5f5f5;
    padding-top: 15px;
    padding-bottom: 10px;
    color:#343b40;
    padding-right: 4px;text-align: justify;margin-left: 0px;width: 100%;right: 0;height: auto;bottom: 0;position: absolute;text-align: right;font-size: 14px;font-weight: bold
}

.back {
    background: #e2e2e2;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    box-shadow:0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1)
  }
  
  .div-center {
    width: 400px;
    height: 400px;
min-width: 300px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 1em 2em;
    border-bottom: 2px solid #ccc;
    display: table;
    box-shadow:0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    border-radius: 7px;
  }
  
  div.content {
    display: table-cell;
    vertical-align: middle;
    
  }

  .div_cargando{ 
    display: flex;
    align-items: center;
    justify-content: center;

    /*display: none;*/
    /*border: 1px solid #ccc;*/
    /*height: 40px;*/

    /*max-height: 100px;*/
    /*margin: 100px auto 0;*/
    /*background: #d5d7de;*/ 
    /*opacity: 0.8;*/
    border-radius: 5px;
    /*padding: 20px;*/
    font-size: 12px;
}