@font-face {
    font-family: 'OpenSans';
    src:url('../fonts/OpenSans-Italic.otf'),
        url('../fonts/OpenSans-Italic.woff') format('woff'),
        url('../fonts/OpenSans-Italic.ttf') format('truetype'),
        url('../fonts/OpenSans-Italic.svg') format('svg');
}
.form-control:focus,  .form-select:focus {
    border-color:  #008bcb ;
    box-shadow: inset 0 0.8px 0.8px rgba(0, 0, 0, 0.075), 0 0 3px #008bcb;
}

body{
    font-family: 'OpenSans';
    margin: 0px;
    padding: 0px;
    overflow-y: hidden;
    background-color:#17a2b8;
}

.contenedor {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.login {
    width: 350px;
    padding: 50px 20px;
}

.img{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin-bottom: 5vh;
}

.logo-prosalco{
    width: 130px;
    height: 80px;

}

.logo-concept{
    width: 150px;
}

.separador{
    height: 70px;
    width: 1px;
    background-color: black;
    margin-left: 5px;
    margin-right: 5px;
}