body *{
    font-size: 16px;
    line-height: 1.2;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: var(--color-text-regular);
}

body:has(table.cms-login){
    background-color: var(--color-bg-middle);
    div#login-table-wrapper{
        margin: calc(50vh - 10rem) auto auto auto;
    }
    table{
        background: transparent;
        margin: 0 auto;
        width: auto;
        z-index: 10;
        position: relative;
    }
    table.cms-login {
        /* border: .0625rem solid var(--color-border-light); */
        box-shadow: 0 0 .5rem var(--color-drop-shadow);
        border-radius: .5rem;
        &:hover{
            box-shadow: 0 0 .75rem var(--color-drop-shadow);
        }
    }
    
    table table {
        margin: 1rem;
        background-color: var(--color-bg-light);
        min-width: 20rem;
        img{
            display: none;
        }
        td.cms-message{
            text-align: center;
            font-weight: 600;
            padding-bottom: 1rem;
            color: var(--color-text-strong);
        }
    }
    
    tbody table{
        tr:first-child{
        padding-bottom: 1rem;
        display: table-row;
        }
        td.c{
            color: var(--color-text-regular);
            font-size: .85rem;
            padding-bottom: .25rem;
        }
        [type="text"],
        [type="password"],
        [type="submit"]{
            margin-bottom: 1rem;
            padding: 0.5rem 1rem;
            border: .0625rem solid var(--color-border-light);
            border-radius:0.25rem;
            width: 20rem;
            &:focus { 
                outline: none !important;
                border-color: var(--color-bg-primary);
                box-shadow: 0 0 0.625rem var(--color-border-light);
            }
        }
        [type="submit"]{
            background-color: var(--color-bg-primary);
            color: var(--color-text-white);
            margin-bottom: 0;
            width: auto;
            border:none;
            cursor: pointer;
            &:pressed{
                background-color: var(--color-bg-primary-pressed);
            }
            &:hover{
                background-color: var(--color-bg-primary-hover);
            }
        }
    }

    .login-vioma-logo{
        display: flex;
        justify-content: center;
        img{
           height: 2.5rem; 
        }
    }

    .login-vioma-condeon-logo{
        display: flex;
        justify-content: center;
        img{
           height: 1.25rem; 
        }
    }

    .cms-text-logo{
        padding: 0;
        h2{
            text-align: center;
            color: var(--color-text-strong);
            font-size: 1.5rem;
            font-weight: 600;
        }
    }
}