﻿body {
  position: relative;
  background: none; /* a imagem vai no pseudo-elemento */
}

/* imagem original */
html, body.kronos-inspinia::before {
  background: url(../img/login-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  margin: 0;
}

body.kronos-inspinia .middle-box {
        background: rgba(255, 255, 255, 0.7);
        border-radius: 0px 0px 50px 50px;
        box-shadow: 0px -5px 3px 4px rgba(0, 0, 0, 0.3);
        padding: 0px 30px 50px 30px;
    }

.margin-login {
    margin-bottom: 5px;
}

#login_form {
    border: 1px solid;
    border-color: #6aaeda;
    border-radius: 15px;
    margin-top: 10px;
    padding: 20px 30px 20px 30px;
}


body.kronos-inspinia #intro-video {
    position: fixed;
    right: 0;
    bottom: 0;
}

body.kronos-inspinia #intro-video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: #000;
}

.geolocalizacao {
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 3000;    
}

.geolocalizacao-box {
    margin-bottom: -160px;
    margin-right: 50px;
    position: relative;    
    transition-duration: 1.1s;
}

    .geolocalizacao-box.show {
        margin-bottom: 0;
    }

.geolocalizacao-icon img {
    position: relative;
}

.geolocalizacao-aba {
    /*background: url(../img/login_atena_icon.png);*/
    width: 150px;
    height: 226px;    
    cursor: pointer;
}

    /*.geolocalizacao-aba .title {
        margin-left: 50px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: 600;
        display: block;
        padding: 10px 15px;
        font-size: 12px;
        color: #fff;
    }

        .geolocalizacao-aba .title a {
            color: #fff;
        }
*/
.tooltip{
    width: 100%;
}

/*hack para fazer o estilo do autofill desligar*/
input {
  background-color: red;
  background-image: url("someUrl");
  color: green;
}
input:autofill {
  transition:
    background-color calc(infinity * 1s) step-end,
    background-image calc(infinity * 1s) step-end allow-discrete,
    color calc(infinity * 1s) step-end;
}
