/*body.body-page-login { background-size: cover; background-repeat: no-repeat; background-position: center center; }
#main-wrapper { margin:0 !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#main-wrapper .login-box { min-width:330px; width:auto; max-width: 360px; background-color: #fff; padding: 20px 20px; border-radius: 10px; border-left: 3px solid #dce1e4; border-top: 3px solid #dce1e4; }
#main-wrapper .logo-name img { max-height: 250px; max-width: 150px; width: auto; height: auto; }
#main-wrapper .logo-name img.img-logo { max-height: 250px; max-width: 150px; width: auto; height: auto; }*/
body { font-family:'Nunito', sans-serif; }
#box_login {}
#box_login #C_A { overflow: hidden; z-index:10; position:relative; display:flex; height:100%; background-color:#173452; align-items: center; justify-content: center; background-image: url("../images/bg-st1.jpg"); background-repeat: no-repeat; background-position: center left -170px; background-size:cover; }
#box_login #C_A::after { z-index:10; content: ''; display: block; background-color: #d1d1d1; height: 5px; width: 75%; position: absolute; bottom: 70px; left:0; border-radius: 0px 0px 10px 0px; }
#box_login #C_A .circulo { position:absolute; z-index:11; border-radius:50%; background-color:#ffffff; width:215px; height:215px; right: calc(-215px/2); top: 50%; margin-top: calc(-215px/2); }
#box_login #C_A #logo { position:relative; z-index:10; width:180px; }
#box_login #C_B { z-index:20; position:relative; display:flex; height:100%; background-color:#ffffff; align-items: center; justify-content: center; }

#form_login { display:block; width:400px; }
#form_login label { font-size: 15px; font-weight: 300; color: #5A5A5A; padding-left: 11px; }
#form_login input { background: #FBFBFB; border: solid 1px #d2d2d2; padding: 25px 13px !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 15px; }
#form_login input[name="password"] { border-radius:10px 0px 0px 10px; margin-bottom: 0;  }
#form_login #show_hide_password .input-group-addon { border-radius: 0px 10px 10px 0px !important; }

.h_100p { height:100%; }
.btn-login {
    width: 100%;
    background: #173452;
    width: 100%;
    color: #ffffff;
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-top: 30px;
    border: solid 1px #173452;
}

.btn-login:hover {
    background: #264a73;
    border: solid 1px #264a73;
    color: #ffffff;
}
.btn-login:focus, .btn-login:active {
    background: #c09b5b !important;
    border: solid 1px #c09b5b !important;
    color: #ffffff !important;
}

#box-particles {
    z-index:8;
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

.h4-st1 { margin: 0; padding: 0; font-size: 14px; color: #5A5A5A; font-weight: normal; line-height: 50px; margin-bottom: 20px; }
.h4-st1 strong { font-size:70px; color:#173452; font-weight: 900; }

.h_op70:hover { opacity:0.70; -moz-opacity:0.70; filter:alpha(opacity=70); }

.alert-danger { background: #ffd9d9; }

@media(max-width:1200px){
    #box_login #C_A #logo { width:160px; }
}

@media(max-width:900px){
    #form_login { width:300px; }
    #box_login #C_A .circulo { width:150px; height:150px; right: calc(-150px/2); margin-top: calc(-150px/2); }
}

@media(max-width:767px){
    #form_login { width:400px; margin:0 auto; }
    #box_login { }
    #box_login #C_A { display:grid; height:50%; background-position: center left; }
    #box_login #C_B { display:block; min-height:50%; height:auto; align-items: flex-start; padding-top:30px; padding-bottom:30px; }
    #box_login #C_A .circulo { width:100px; height:100px; top: auto; right: 50%; margin-right: calc(-100px/2); bottom: calc(-100px/2); }
}

@media(max-width:550px){
    #form_login { width:100%; padding-left:15px; padding-right:15px; }
}

@media(max-height:630px){
    #box_login #C_A .circulo { display:none; }
}

@media(max-height:800px){
    #box_login #C_A #logo { width:130px; }
    #box_login #C_A::after { display:none; }
}