#login_header{
    background:rgba(255, 255, 255, 0.5);
    border-bottom:solid 1px #fff;
    display:table;
    padding:0.5rem 1rem;
    width:100%;
}
#login_header > div{
    display:table-cell;
    vertical-align:middle;
}
#login_header > div:first-child,
#login_header > div:last-child{
    width:1px;
    text-align:center;
}
#login_header > div:nth-child(2){
    color:#06f;
    color:#ed2124;
    color:#323232;
    font-size:1.5rem;
    text-align:center;
    width:100%;
}
@media (max-width:480px) {
    #login_header > div:nth-child(2){
        display:none;
    }
}
#login_center{
    background:rgba(255, 255, 255, 0.5);
    border-radius:5px;
    box-shadow:0px 0px 10px 1px #666;
    margin:5.125rem auto;
    overflow:auto;
    height:fit-content;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:intrinsic;
    width:fit-content;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:intrinsic;
    max-width:80%;
    max-height:80%;
}
#login_center > img{
    width:100%;
    display:block;
}
#login_center .box{
    background:transparent;
    border-bottom:none!important;
    border-left:none!important;
    border-right:none!important;
    border-top:solid 1px #ccc;
    border-radius:0px 0px 5px 5px;
}
#login_center .box > .box_body{
    background:transparent;
}
#login_footer{
    background:rgba(255, 255, 255, 0.5);
    border-top:solid 1px #fff;
    color:#ed2124;
    display:table;
    padding:0.5rem 1rem;
    width:100%;
}
#login_footer > div > i,
#login_footer > div > label{
    vertical-align:middle;
}
#login_footer > div{
    display:table-cell;
    text-align:center;
}
@media (max-width:480px) {
    #login_footer > div{
        display:table-row;
    }
}
@keyframes cool_bg { 
    0%{background-position:15% 0%}
    50%{background-position:86% 100%}
    100%{background-position:15% 0%}
}
@-webkit-keyframes cool_bg {
    0%{background-position:15% 0%}
    50%{background-position:86% 100%}
    100%{background-position:15% 0%}
}
@-moz-keyframes cool_bg {
    0%{background-position:15% 0%}
    50%{background-position:86% 100%}
    100%{background-position:15% 0%}
}
@-o-keyframes cool_bg {
    0%{background-position:15% 0%}
    50%{background-position:86% 100%}
    100%{background-position:15% 0%}
}
body{
    /*
    background:#ddd url('../../../media/images/bay_bridge_new_york-wallpaper-2048x1152.jpg') center center / cover no-repeat;
    background:#ddd url('../../../media/images/bokeh-1228326_1920.jpg') center center / cover no-repeat;
    background:#ddd url('../../../media/images/background.jpg') center center / cover no-repeat;
    background:#ddd url('../../../media/images/3.jpg') center center / cover no-repeat;
    background:#ddd url('../../../media/images/guanajuato.jpg') center center / cover no-repeat;
    background:#ddd url('../../../media/images/gto.jpg') center center / cover no-repeat;
    background:#ddd url('../../../media/images/bg_laboratory.jpg') center center / cover no-repeat;
    /**/
    background:#ddd url('../../../media/images/bg_login.jpg') center center / cover no-repeat;
    background-attachment:fixed;
    min-height:100%;
    height:auto;
    width:100%;
    
    animation:cool_bg 40s infinite linear;
    -webkit-animation:cool_bg 40s infinite linear;
    -moz-animation:cool_bg 40s infinite linear;
    -o-animation:cool_bg 40s infinite linear;
}
input[type=password],
input[type=text]{
    background:rgba(204, 204, 204, 0.5);
    background:transparent;
    border-top:solid 1px transparent!important;
    border-left:solid 1px transparent!important;
    border-right:solid 1px transparent!important;
}