body{
    background: linear-gradient(70deg, #003B4A, #001216); 
    background-image: url("../images/fondo-01.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 870px
}

/* .fondo{
        margin: 1px;
        padding: 1px;
        font-family: Arial, sans-serif;
        
} */

/* .fondo .fondoLogin{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
} */

/* sign in FORM */
#logreg-forms{
    width:412px;
    margin:10vh auto;
    /* background-color:rgba(0,0,0,0.32); */
    /* background: linear-gradient(to bottom, rgba(107,171,51,.2) 0%, rgba(19,38,1,.6) 100%); */
    background: linear-gradient(to bottom, rgba(4,26,39,1) 0%, rgba(9,124,153,.6) 51%, rgba(14,157,196,.4) 100%);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.82), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    /* position: relative; */
    z-index: 2;

}

/* #ingresar{
        background-color: rgba(4,100,100,.5) !important;
} */
#logreg-forms form {
    width: 100%;
    max-width: 410px;
    padding: 15px;
    margin: auto;
}
#logreg-forms .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 9px;
    font-size: 16px;
}
#logreg-forms .form-control:focus { z-index: 2; }
#logreg-forms .form-signin input[type="text"] {
    margin-bottom: -1px;
    /* background-color:rgba(210,210,210,0.12);
    color: #ffffff; */
    /* border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; */
}
#logreg-forms .form-signin input[type="password"] {
    /* background-color:rgba(210,210,210,0.12);
    color: #ffffff; */
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

#logreg-forms .social-login{
    width:382px;
    margin:0 auto;
    margin-bottom: 14px;
}
#logreg-forms .social-btn{
    font-weight: 100;
    color:white;
    width:190px;
    font-size: 0.9rem;
}

#logreg-forms a{
    display: block;
    padding-top:10px;
    color:lightseagreen;
}

#logreg-form .lines{
    width:200px;
    border:1px solid red;
}


#logreg-forms button[type="submit"]{ margin-top:10px; }

/* #logreg-forms .facebook-btn{  background-color:#3C589C; }

#logreg-forms .linkedin-btn{  background-color: #0E76A8; }

#logreg-forms .google-btn{ background-color: #DF4B3B; }

#logreg-forms .youtube-btn{ background-color: #c4302b; }

#logreg-forms .twitter-btn{ background-color: #00acee; }

#logreg-forms .instagram-btn{ background-color: #E1306C; } */

#logreg-forms .facebook-btn{  background-color:#EEE; color: #000; }

#logreg-forms .linkedin-btn{  background-color: #EEE; color: #000; }

#logreg-forms .google-btn{ background-color: #EEE; color: #000; }

#logreg-forms .youtube-btn{ background-color: #EEE; color: #000; }

#logreg-forms .twitter-btn{ background-color: #EEE; color: #000; }

#logreg-forms .instagram-btn{ background-color: #EEE; color: #000; }


#logreg-forms .facebook-btn:hover{  background-color:#3C589C; color: #fff; }

#logreg-forms .linkedin-btn:hover{  background-color: #0E76A8; color: #fff; }

#logreg-forms .google-btn:hover{ background-color: #DF4B3B; color: #fff; }

#logreg-forms .youtube-btn:hover{ background-color: #c4302b; color: #fff; }

#logreg-forms .twitter-btn:hover{ background-color: #00acee; color: #fff; }

#logreg-forms .instagram-btn:hover{ background-color: #E1306C; color: #fff; }


#logreg-forms .form-reset, #logreg-forms .form-signup{ display: none; }

#logreg-forms .form-signup .social-btn{ width:210px; }

#logreg-forms .form-signup input { margin-bottom: 2px;}

.form-signup .social-login{
    width:210px !important;
    margin: 0 auto;
}

.input-group-text{
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

/* Mobile */

@media screen and (max-width:500px){
    .icon-login{
        display: flex;
        width: 80%;
        position: absolute;
        right: 9%;
        margin-top: -5%;
          color: #000;

    }
    #logreg-forms{
        width:420px;
    }

    #logreg-forms  .social-login{
        width:200px;
        margin:0 auto;
        margin-bottom: 10px;

    }
    #logreg-forms  .social-btn{
        font-size: 1.3rem;
        font-weight: 100;
        color:#000;
        /*width:200px;*/
        width:100% !important;
        height: 30px;
        margin: 5px;
        line-height: 0 !important;
        display: block;
    }
    #logreg-forms .social-btn:nth-child(1){
        margin-bottom: 2px;
    }
    #logreg-forms .social-btn span{
        display: none;
    }
    #logreg-forms  .facebook-btn:after{
        content:'Facebook';
        font-size: 10px;
    }

    #logreg-forms  .linkedin-btn:after{
        content:'LinkedIn';
        font-size: 10px;
    }

    #logreg-forms  .youtube-btn:after{
        content:'YouTube';
        font-size: 10px;
    }

    #logreg-forms  .twitter-btn:after{
        content:'Twitter';
        font-size: 10px;
    }

    #logreg-forms  .instagram-btn:after{
        content:'Instagram';
        font-size: 10px;
    }

    #logreg-forms  .google-btn:after{
        content:'Google+';
    }

}