body
{
    font-family: "PT Sans", sans-serif;
}

.cursor-pointer
{
    cursor: pointer;
}

.login-background
{
    background-image: url("../img/login-background.jpg");
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}

.login-container
{
    max-width: 100%;
}

@media (min-width: 768px)
{
    .login-container
    {
        max-width: 500px;
        min-width: 300px;
    }
}

.logo-oceanos
{
    width: 50%;
}

@media (min-width: 768px)
{
    .logo-oceanos
    {
        width: 65%;
    }
}

.w-form-component
{
    width: 100%;
    max-width: 300px;
}

.button-login-with-idaman
{
    color: #2b2d42;
}

.login-separator
{
    display: flex;
    flex-direction: row;
    color: #013C58;
}

    .login-separator:before,
    .login-separator:after
    {
        content: '';
        flex: 1 1;
        border-bottom: 2px solid #e9e9e9;
        margin: auto;
    }

    .login-separator:before
    {
        margin-right: 10px;
    }

    .login-separator:after
    {
        margin-left: 10px;
    }

.btn-login
{
    background-color: #013C58 !important;
    color: white !important;
}

    .btn-login:hover
    {
        background-color: #012332;
    }

.login-illustration
{
    max-height: 80vh;
    max-width: 50%;
}

.mt-10
{
    margin-top: 6rem !important;
}

.rounded-login-box
{
    border-radius: 20px;
}

@media (min-width: 768px)
{
    .login-illustration
    {
        max-width: 100%;
    }
}

.show-password
{
    position: absolute;
    right: 12px;
    top: 20px;
}

.logo-pis
{
    position: absolute;
    top: 0;
    left: 0;
}

@media (min-width: 768px)
{
    .vh-md-100
    {
        height: 100vh;
    }

    .mt-md-0
    {
        margin-top: 0 !important;
    }
}

.validation-summary-errors ul
{
    padding: 0px;
    margin-top: 20px;
}

.validation-summary-errors li
{
    list-style: none;
    text-align: center;
}