/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 11/11/2017, 10:33:20
    Author     : JUDAPASSOS
*/
.card{
     border-radius: 9px !important;   
}
/* Login Page ================================== */
.login-page {
    /*background-color: #4771a7;*/
    background-color: #fff;
    background-image: url(../../../../public/sistema/login/img/bg2.jpg)!important;
    padding-left: 0;    
    margin: 5% auto;
    overflow-x: hidden; 
}

.login-page .login-box .msg {
    color: #555;
    margin-bottom: 30px;
    text-align: center; 
}

.login-page .login-box a {
    font-size: 14px;
    text-decoration: none;
    /*color: #00BCD4;*/ 
}

.login-page .login-box .logo {
    margin-bottom: 25px;
    text-align: center;
    text-shadow: 0px 0px 19px #ffffffe0;
}
.login-page .login-box .logo-img {
    
    text-align: center;
}
.login-page .login-box .logo a {
    font-size: 36px;
    display: block;
    width: 100%;
    text-align: center;
    color: #4771a7;    
}
.login-page .login-box .logo small {
    display: block;
    width: 100%;
    text-align: center;
    color: #4771a7;
    margin-top: -5px;     
  }


.separador{
    position: absolute;
    top:0px;
    right: 0px;
    width: 1px;
    height:100%;    
    border: 1px solid #ddd;    
}
.separador div{    
    position: absolute;
    width: 30px;
    top: 135px;
    left: -23px;
}
.separador span{
    position: absolute;
    left: 45%;
    top: -7px;
    background: #ffffff;
    font-weight: bold;
}

#frmLogin h4,
.box-cadastrar h4{
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0px 0px 2px 0px;
}

#frmLogin p,
.box-cadastrar p{
    text-align: center;
    font-size: 13px;
    margin: 0px;
    color: #999
}

.g-recaptcha{
  transform: translateX(18px);   
}

.box-cadastrar{
  padding-top: 100px; 
}


#particles-js{
    position:absolute;
    width:98%;
    height:98%;
    top: 0px;
    left: 0px;
}

.login-box{
    position: relative;
    z-index: 10;
    max-width: 950px;
    width: 80%;
    min-width: 360px;
}
.login-page .login-box .logo{
    text-shadow:none;
    float: left;
    margin-bottom:0px;
}


.login-page .login-box .logo a{
    text-shadow: 1px 2px 0px #00000029;
    text-align: left;
    font-size: 39px;
}

.login-page .login-box .logo small{
    font-size: 11px;
    color: #555;
}
.login-page .login-box .logo-img {
    text-align: center;
    float: right;
    top: 16px;
    position:relative;
}

.clear{
    float:none;
    clear:both;
}
.card .header{
    border-bottom: 1px solid #eee
}

.form-group .form-control-without-padding {
    width: 100%;
    /* border: none; */
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding-left: 0;
    /* border-left: 1px; */
    /*border-top: 0;*/
    /*padding: 6px;*/
    border-left-color: #82a2ca;
}

.g-recaptcha>div{
    margin:0 auto;
}

@media screen and (max-width: 990px) {
  
    .separador{
        display: none;
    }
    .box-cadastrar{
        padding-top: 30px;
        border-top: 1px solid #ddd;
        margin-top: 30px;  
    }

}


@media screen and (max-width: 600px) {

    .login-box{
        width: 95%;
    }
    
    
    .login-page .login-box .logo-img{
        float:none;
        display:block;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    
    .login-page .login-box .logo{
        float:none;
        display: block;
        text-align: center;
    }
    .login-page .login-box .logo a{
        text-align: center;
    }
    
    
    .login-page .login-box .header{
        text-align: center;
    }
    
}

@media screen and (max-width: 600px) {
    .recap-resp{
-moz-transform: scale(0.8) translateX(-40px);
-webkit-transform: scale(0.8) translateX(-40px);
-o-transform: scale(0.8) translateX(-40px);
-ms-transform: scale(0.8) translateX(-40px);
transform: scale(0.8) translateX(-40px);
    }

}