.loginBackground {
    height: 100vh;
    background: linear-gradient(to bottom, rgb(67, 0, 73) 0%, rgb(67, 0, 73) 50%, #ffffff 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
}

.registerBackground {
    height: 100vh;
    background: rgb(67, 0, 73);
}

.text-violet {
    color: rgb(67, 0, 73) !important;
}

@media (max-width:768px) {
    .loginBackground {
        height: 100vh;
        background: rgb(67, 0, 73);
    }
}

.btn-violet {
    background-color: rgb(67, 0, 73);
    color: white;
}

.btn-outline-violet {
    background-color: transparent;
    border: 1px solid rgb(67, 0, 73);
    color: rgb(67, 0, 73);
}

.btn-outline-violet:hover {
    background-color: rgb(67, 0, 73);
    color: white;
}

.btn-violet:hover {
    background-color: rgb(48, 1, 53);
    color: white;
}

.border-violet {
    border: 1px solid rgba(48, 1, 53, 0.205) !important;
}

input:focus {
    outline: none !important;
    border-color: #300135 !important;
    box-shadow: 0 0 10px #61026b !important;
}

select:focus {
    outline: none !important;
    border-color: #300135 !important;
    box-shadow: 0 0 10px #61026b !important;
}

select.decorated option:hover {
    background-color: #300135 !important;
}

.logoSizeLogin {
    width: 20% !important;
}

.logoSizeRegister {
    width: 20% !important;
}

.flag {
    width: 8%;
    cursor: pointer;
    filter: grayscale(100%);
}

.flag:hover {
    filter: none;
}

.flagActive {
    filter: none;
}