:root {
    --main-bg-color: rgb(3, 3, 57);
    --main-bg-light: #202a69;
    --secundary-lg: rgba(128, 129, 132, 0.5);
    --main-white: rgb(244,245,246);
    --main-gray:#556472;
    --main-alert: #dc3545;
    --dark-gray:#343a40;
    --blue: #17a2b8;
 }
@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');
}

body{
    font-family: 'OpenSans';
    margin: 0px;
    padding: 0px;
    overflow-y: hidden;
    background-color: var(--main-bg-color);
}

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

.login {
    width: 350px;
    padding: 50px 20px;
    background-color: rgba(128, 129, 132, 1);
}

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

.logo-confiar{
    width: 130px;
}

.logo-concept{
    width: 150px;
}

.separador{
    height: 70px;
    width: 1px;
    background-color: black;
    margin-left: 5px;
    margin-right: 5px;
}
.form-control:focus,  .form-select:focus {
    border-color:  var(--main-bg-color) ;
    box-shadow: inset 0 0.8px 0.8px rgba(0, 0, 0, 0.075), 0 0 3px var(--main-bg-color);
}
.btn-info:focus{
    border-color:  var(--blue) ;
    box-shadow: inset 0 0.7px 0.7px rgba(0, 0, 0, 0.075), 0 0 3px var(--main-bg-color);
}