@font-face {
    font-family: 'KeepCalm-Medium';
    src: url('../fonts/KeepCalm-Medium.ttf');
    }
html body{
    background-image: url('../login/fondo_login.jpg');
    background-size: cover;
    font-family: 'KeepCalm-Medium' !important;
    background-size: 100% 100vh;
}

.input-container {
	padding-bottom: 1em;
}
.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 35px !important;
}
.left-inner-addon i {
    position: absolute;
    padding: 12px 12px;
    pointer-events: none;
}


.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 35px !important;
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 12px 12px;
    pointer-events: none;
}

.left-and-right-inner-addon {
    position: relative;
}
.left-and-right-inner-addon input {
    padding-right: 35px !important;
    padding-left: 35px !important;
}
.left-and-right-inner-addon i.left {
    position: absolute;
    padding: 12px 12px;
    pointer-events: none;
}
.left-and-right-inner-addon i.right {
    position: absolute;
    right: 0px;
    padding: 12px 12px;
    pointer-events: none;
}


.right-inner-addon-b {
    position: relative;
}
.right-inner-addon-b input {
    padding-right: 35px !important;
}
.right-inner-addon-b i {
    position: absolute;
    right: 0px;
    padding: 9px 12px;
    pointer-events: none;
}

.form-control{
    background-color: #dcdcdc;
}

#logo{
    width: 61%;
    height: auto;
}

.boton_enviar{
    background-color: red;
    color:white;
    border-color: red;
    padding: 5;
    border-radius: 10px;
}
.form_login{
    margin-top: 50px;
}
/* Estilos para celular */
@media only screen and (max-width: 480px) {
    #logo{
        width: 100%;
        height: auto;
    }

    .form_login{
        margin-top: 20px;
    }

    html body{
        background-image: url('../imagenes/fondo_resp.jpg');
        background-size: cover;
        font-family: 'KeepCalm-Medium' !important;
        background-size: 100% 98vh;
    }
}

/* Estilos para Tablet */
@media only screen and (max-width: 768px) {
    html body{
        background-image: url('../imagenes/fondo_tab.jpg');
        background-size: cover;
        font-family: 'KeepCalm-Medium' !important;
        background-size: 100% 98vh;
    }
}