/*-------------------------*/
/*       Pagina web        */
/*-------------------------*/

html,body{
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;
    background-color: #1d2b37;
    
}

.container-webpage{
    background: #FFF;
    margin-top:80px;
}

/*-------------------------*/
/*       Navbar            */
/*-------------------------*/
.navbar{
    color:#fff;
    background: #1d2b37;
}

.navbar-nav{
    margin-top: 10px;
}

.navbar-nav__btn{
    margin-right: 10px;
}
.navbar-nav__btn--hidden{
    display: none;
}

/*-------------------------*/
/*       Login             */
/*-------------------------*/

.container-fluid{
    padding: 0;    
}
.container-login{
    width: 100%; 
    padding-top: 140px;
}

.row-login{
    width: 100%;
    margin: 0;
}

.frm-login{
    width: 100%;
    background: #fff;
    padding: 15px;
    border-radius: 5px 5px 0 0;
    border-top:10px solid #933ec5;
    
}

.frm-login__title{
    color:#000;
    font-size: 20px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 700;
}

.frm-login__input-container{
    position: relative;
}

.frm-login__textbox{
    width: 100%;
    margin: 8px 0;
    padding: 8px;
    border-radius: 5px;
    border-width: 2px;    
    color:black;
    padding-left:40px; 
}

.frm-login__textbox:focus{
    box-shadow: none; 
    border-color:#933ec5;
}

.frm-login__textbox:focus + .frm-login__icon{
    color:#933ec5;
}

.frm-login__icon{
    position: absolute;
    left: 0;
    top:5px;
    padding: 9px 8px;
    color:#aaa;
}

.frm-login__message-container{
    margin: 0;
    padding: 0;
    margin-top: 15px;
}

.frm-login__message{
    text-align: center;
    margin: 0;
    padding: 3px;
}

.frm-login__btn-login{
    font-size: 20px;
    display: block;
    width: 100%;
    margin:auto;
    background-color:#933ec5;
    color:#fff;
    border:none;
    padding:5px;
    border-radius:5px;
    margin-top: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s all ease;
}

.frm-login__btn-login:hover{
    background-color:#aa4fdf;
    transition: 0.3s all ease;
 
}

.frm-login__forgot-link{ 
    display: block;  
    margin-top: 10px; 
    text-align: center;
    margin-bottom: 15px;
    color:#933ec5;
    text-decoration: none;    
}

.signin-footer{
    width: 100%;
    background: #f2f4f8;
    padding: 10px 0 15px 0; 
    border-radius: 0 0 5px 5px;
}

.signin-footer__message{
    font-size: 12px;
    margin: 0;
    display: block;
    text-align: center;
}

.signin-footer__link{
    color:#933ec5;
    font-weight: bold;
    text-decoration: none;
}

/*-------------------------*/
/*       Sign in           */
/*-------------------------*/

.container-signin{
    width: 100%;
    padding: 10px;
    padding-top: 80px;
}
.row-signin{
    width: 100%;
    margin: 0;
}

.block-left{
    background: #933ec5;
    border-radius:5px 0 0 5px ;
}

.block-left__logo{
    width: 150px;
    height: 150px;
}
.block-left__title{  
    color: #fff;
    font-size: 45px;
    text-align: center;
}

.block-right{
    margin: 0;
    padding: 0;
}

.frm-signin{
    width: 100%;
    background: #fff;
    padding: 5px;
    border-radius:0 5px 0 0;
}

.frm-signin__title{
    color:#000;
    font-size: 20px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 0px;
    font-weight: bold;
}

.frm-signin__textbox{
    border-width: 2px;
    display: block;
    width: 90%;
    margin: auto;
    padding: 2px;
    padding-left: 5px;
    margin-bottom: 10px;
    color:black;
    margin-top: 15px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.frm-signin__textbox:focus{
    box-shadow: none; 
    border-color:#933ec5;
}

.frm-signin__message-container{
    margin:0;
    padding: 0;
    margin-top: 15px;
    max-width: 90%;
    margin: auto;
}

.frm-signin__message{
    text-align: center;
    margin:0;
    padding: 3px;
}
.frm-signin__btn-signin{
    font-size: 20px;
    display: block;
    width: 90%;
    margin:auto;
    background-color:#933ec5;
    color:#fff;
    border:none;
    padding:5px;
    border-radius:5px;
    margin-top: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s all ease;
}

.frm-signin__btn-signin:hover{
    background-color:#aa4fdf;
    transition: 0.3s all ease;
 
}
.terms{
    width: 100%;
    margin-top: 25px;;
    margin-bottom: 25px;
}

.terms__message{
    font-size: 12px;
    margin: 0;
    text-align: center;
}
.terms__message{  
    display: inline;
    color:#933ec5;
    font-weight: bold;
    text-decoration: none;
}

.login-footer{
    width: 100%;
    background: #f2f4f8;
    padding: 10px 0 10px 0;  
    border-radius:0 0 5px 0; 
}

.login-footer__message{
    display: inline;
    font-size: 12px;
    margin: 0;
    display: block;
    text-align: center;
}
.login-footer__link{  
    display: inline;
    color:#933ec5;
    font-weight: bold;
    text-decoration: none;
}

/*=====================================
            MEDIA QUERYS
=====================================*/

@media screen and (max-width:950px){ /*Escritorio*/

}

@media screen and (max-width:767px){ /*Tablets md*/
    /*-------------------------*/
    /*       Navbar            */
    /*-------------------------*/

    .navbar-nav__btn{
        margin-right: 0;
        width: 100%;
    }
    .navbar-nav__btn--hidden{
        display: block;
    }

    /*-------------------------*/
    /*       Login             */
    /*-------------------------*/

    .container-login{
        padding-top: 90px;
    }
    
    /*-------------------------*/
    /*       Sign in           */
    /*-------------------------*/
    .block-left{
        border-radius:5px 5px 0 0;
    }

    .block-left__logo{
        display: none;
    }

    .block-left__title{  
        color: #fff;
        font-size: 25px;
        text-align: center;
        margin-bottom: 5px;
    }
     
    .frm-signin{
        border-radius:0 0 0 0;
    }

    .frm-signin__title{
        padding-top: 15px;
        font-size: 16px;
    }

    .login-footer{ 
        border-radius:0 0 5px 5px; 
    }
}

@media screen and (max-width: 480px){ /*Telefono horizontal sm*/
    
}

/*FIN MEDIA QUERYS*/