html {
    min-height: 100%;
}

body {
    background-image: url('/modules/system/imgs/bgs/frames/1.png'), url('/modules/system/imgs/bgs/frames/2.png');
    background-position: top left, bottom right;
    background-color: #d5d5d5;
    background-repeat: no-repeat;
}

.btn-wpp{
    background-color: var(--thirtenn) !important;
    color: #fff !important;
    text-decoration: none;
}

.btn-danger{
    background-color: var(--ten) !important;
}

.btn-secondary{
    background-color: var(--eleven) !important;
    color: var(--ten) !important;
    border: 0px !important;
}

.btn-secondary:hover{
    background-color: var(--twelve) !important;
    border: 0px !important;
}

.bg-form {
    background-color: var(--nine);
}


.text-login {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

.text-login span {
    color: #fff;
    font-weight: 100;
    font-size: 20px;
}

#logo-login {
    max-width: 50% !important;
    height: auto !important;
}