/* Login page */

table#formLogin::before {
    /*content: "_______";
    color: #fff;
    font-size: 55px;
    line-height: 1.5;*/
}
table#formRecovery::before {
    /*content: "_______";
    color: #fff;
    font-size: 55px;
    line-height: 1.5;*/
}


#container_login{
	background-image: url(../img/bgLogin_24.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: 0px -90px;*/
	background-position:center;
    height: 100vh;
	color:#022A68;
}
.paddinL_login{
    /*transform: skew(-17deg);
    -webkit-transform: skew(-17deg);
    -moz-transform: skew(-17deg);
    -o-transform: skew(-17deg);*/
}
.txtTituloLogin{
    color: #022A68;
    /*background-color: #ffc50c;*/
    font-size: 2em;
    width: 111px;
    font-weight: 900;
    margin: 0;
    padding: 6px 20px 6px 10px;
}
.txtTituloRecupera{
    width: 355px;
}
#container_login input{
    font-weight: bold;
    font-size: 100%;
    padding: 8px;
    width: calc(100% - 20px);
    margin-top: 10px;
    color: #022A68;
    /*background-color: rgba(0,0,0,0);*/
    border: 2px solid #022A68;
	border-radius:20px;
}
::-webkit-input-placeholder {
    color: #022A68;
}

:-moz-placeholder { /* Firefox 18- */
color: #022A68;  
}

::-moz-placeholder {  /* Firefox 19+ */
color: #022A68;  
}

:-ms-input-placeholder {  
color: #022A68;  
}

.btLogin{
	color: #022A68;
    font-style:italic;
	border-bottom:solid 2px #FFF;
	font-size:1em;
    cursor:pointer;
    font-weight: bold;
    width: 66px;
}
.txtRecovery{
    border-left: solid 2px var(--branco);
    margin-left: 11px;
    padding-left: 10px;
	cursor:pointer;
	/*color:var(--branco);*/
}
#formRecovery .txtRecovery{
    margin-left: 55px;
}
#msgMsg{
    color: var(--branco);
}
#msgPage{
    color: var(--branco);
}

.rodapeLogin{
    display: inline-flex;
    color: #fff;
    /*float: left;*/
    margin: 11px 0 0 33px;
    cursor: pointer;
    white-space: nowrap;
    font-weight: bold;
    line-height: 0.2;
    font-size: 11px;
	/*background-color:#FFF;
	border-radius:20px;
	border: 2px solid #022A68;*/
	max-width: 510px;
    width: 100%;
}

.rodapeLogin > div{
    /*border: 2px solid #004ef0;
    border-radius: 17px;*/
    padding: 0px 11px;
    margin: 0 2%;
	color:#fff;
}

.parceirosLogin{
    width: 80%;
	max-width: 550px;
    /*float: left;
    margin-top: -30px;
    margin-left: -1.1%;*/
}

.parceirosLogin .todos{
    display: inline-flex;
}
.parceirosLogin .todos > div{
    width: 20%;
	padding:0 10px;
}
.parceirosLogin .todos > div img{
    width: 100%;
}
.parceirosLogin .todos > div:first-of-type img{
    width: 55%;
    float: right;
}


/* RESPONSIVO */
@media only screen and (max-width:660px){
    #container_login{
      background-color: #004ef0;
	  background-image: url(../img/bgLoginRes_24.jpg);

      background-repeat: no-repeat;
      background-size: cover;
      /* background-position: top; */
      background-position: right;
    }
    
    .paddinL_login{
		padding-left:0;
		padding-bottom:20px;
        transform: skew(0deg);
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -o-transform: skew(0deg);
    }
	.paddinL_login table{
        width: 100%;
        border-spacing: 0 10px;
        font-size: 11px;
    }
    .txtTituloRecupera {
        width: 90%;
    }
    
    #container_login input{
        margin-top: 1px;
    }
    .parceirosLogin{
        margin: 0;
        width: 100%;
        margin-top: 20px;
    }

    .rodapeLogin{
        width: 30%;
        text-align: center;
        font-size: 11px;
        display: flex;
        margin: 0;
        float: none;
        margin-top: -30px;
    }
    .rodapeLogin > div{
        padding: 0px 6px;
        margin: 0 1%;
        border: none;
        font-size: 9px;
    }
}