body, form {
    background: #333333;
    color: #0b5c9e;
}

.login input[type='text'], .login input[type='password'] {
    background: transparent;
    color: #0b5c9e;
    border-bottom: solid 1px #0b5c9e;
}

.others{
    color:white;
}

a {
    background: transparent;
    color: white;
    text-decoration: underline;
}

.logo {
    background-image: url(../../Ahora_Conciliacion/logo/Conciliacion.png) !important;
    height: 160px !important;
    position: relative;
    top: 0px;
}

.login {
    margin: 0 auto;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    background: linear-gradient(#0d1c2ca3, #0000003b), url(../../Ahora_Conciliacion/logo/loginConciliacion.png);
    background-size: cover;
    background-color: #1a87c7;
    background-position: right;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
}

.divlogin {
    display: flex;
    height: 100%;
    margin: 0 0 0 auto;
    padding: 0 !important;
    width: 480px;
    border-radius: 0px;
    box-shadow: 0 14px 28px rgb(0 0 0 / 52%), 0 10px 10px rgb(0 0 0 / 22%);
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    /*background-image: linear-gradient( 180deg,rgb(8 28 46 / 59%) 50%,rgb(13 39 63 / 36%) 90%);*/
    background-image: linear-gradient( 180deg,rgb(248 252 255 / 98%) 20%,rgb(11 92 158 / 36%) 90%);
    justify-content: center;
}

.mainbutton {
    background: #0b5c9e;
}

.mainbutton:hover {
    background-color: #278dcf;
}