@charset "utf-8";

html,body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #0264d6; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #0264d6 1%, #1c2b5a 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#0264d6), color-stop(100%,#1c2b5a)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #0264d6 1%,#1c2b5a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0264d6', endColorstr='#1c2b5a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height:calc(100vh);
    width:100%;
}

* {font-family: Tahoma, Verdana; margin: 0; padding: 0; font-size: 14px; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; cursor: default; outline: none !important}
label {display: inline-block; margin-top: 5px; width: 100px}
.inputs_form {margin-top: 10px; border-top: 0px solid #c6c6c6; padding-top: 10px}
.in_input input{border: 1px solid #d3d3d3; background: #fff; margin-top: 5px; border-radius: 5px; padding: 5px 0 5px 30px; width: 218px;}
.img_logo {text-align: center}
input#Login-usuario {background: url(/img/login/iconuser.png) #fff top left no-repeat; background-size: 19px 19px; background-position: 5px 3px}
input#Login-senha {background: url(/img/login/iconpass.png) #fff top left no-repeat; background-size: 19px 19px; background-position: 5px 3px}
/*#Entrar {border: 1px solid #d3d3d3; background: #fff; padding: 5px 30px; margin-top: 5px; cursor: pointer; border-radius: 5px; width: 100%}*/
input:focus {border: 1px solid #999;}
/*#Entrar:hover {background: #e6e6e6; border: 1px solid #c3c3c3}*/
/*#Entrar:active {box-shadow: inset 1px 1px 2px #000}*/
.errors {list-style: none; display: block; border: 1px solid #d44179; background: #d44179; color: #ffffff; padding: 5px 10px; margin: 5px 0; border-radius: 5px;}
input:-webkit-autofill {background-color: #fff !important}
.msg_err_login {
    /*position: absolute; */
    top: 0; 
    left: 0; 
    border-bottom: 1px solid #FFCACA; 
    background: #FFE8E8; 
    color: #cc0000; 
    padding: 10px; 
    /*width: 90vh; */
    text-align: center
}

#divCapsLock {
    list-style: none;
    display: block;
    border: 1px solid #ffffff00;
    background: #ffffff00;
    color: #ffffff;
    padding: 5px 10px;
    margin: 5px 0;
    border-radius: 5px;
    width: 227px;
    text-align: center;
}

#Entrar {
    border-radius: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000000;
    color: #eee;
    border: 1px solid #000000;
    font-weight: bold;
    /* margin-bottom: 2em; */
    text-transform: uppercase;
    padding: 5px 30px;
    height: 30px;
    margin-top: 5px;
    cursor: pointer;
    width: 100%
}

#Entrar:hover {
    background-color: #d44179;
    border: 1px solid #d44179;
}

div.container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 5vh 90vh 5vh;
    /*grid-row-gap: 20px;*/
    /*grid-column-gap: 20px;*/
    grid-template-areas: "header header"
    "main aside"
    "footer footer";
}

header{
    /*background: #1a3065;*/
    grid-area: header;
}

main{
    /*background: green;*/
    grid-area: main;
}

main form{
    display: grid;
    justify-content: right;
    align-content: center;
    height: 90vh;
}

main form #inputs_form_banner{
    clear: none;
    border-right: 4px solid #ffffff;
    width: 253px;
    height:calc(30vh);
    padding: 20px;
    text-align: right;
    justify-items: center;
}

main form #inputs_form_banner legend{
    font-size: 20px;
    color: #ffffff;
}

#login{
    display: grid;
    justify-content: right;
    align-content: center;
    justify-items: right;
    height:calc(30vh);
}

aside{
    grid-area: aside;
}

aside .img_logo{
    display: grid;
    justify-content: left;
    align-content: center;
    align-items: center;
    justify-items: center;
    height: 90vh;
}

aside .img_logo img{
    clear: both;
    width: 400px;
    padding: 20px;
    text-align: left;
    justify-items: center;
}

footer{
    background: #1a3065;
    grid-area: footer;
}

footer p{
    display: grid;
    justify-content: right;
    align-content: center;
    color: #ffffff;
    height: 5vh;
    /*margin-top: 10px;*/
    margin-right: 10px;

}