/*
This CSS file allows changing how LogoApp looks, for example,
when it should match a customers website.

Be aware though, that modifications here can actually break
the LogoApp user interface.

It is advised to only make minimal changes, like adjusting
colors.

Here are some example changes, that should cause no issues:

------------------------
Hiding the LogoApp logo:
------------------------

.logo-app {
    display: none;
}

------------------------
Style primary button:
------------------------

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f0f;
    --bs-btn-border-color: #f0f;
}

.btn-primary:hover {
    --bs-btn-hover-color: #fdf;
    --bs-btn-hover-bg: #a0a;
    --bs-btn-hover-border-color: #a0a;
}

------------------------
Style secondary button:
------------------------

.btn-secondary {
    --bs-btn-color: #606;
    --bs-btn-bg: #ffcaff;
    --bs-btn-border-color: #ffcaff;
}

.btn-secondary:hover {
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ff83ff;
    --bs-btn-hover-border-color: #ff83ff;
}

------------------------
Style input text box
------------------------

.form-control:focus {
    background-color: #fdf;
    border-color: rgb(255, 112, 255);
    box-shadow: 0 0 0 .25rem rgba(255, 0, 255, 0.226);
    color: #000;
    outline: 0;
}

*/