/* ==========================================================================
GENERAL
========================================================================== */
html, body {
    font-family: 'Quicksand', sans-serif !important;
}
.templates {
    display: none;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
/* ==========================================================================
FORM
========================================================================== */
label {
    font-weight: 400;
    letter-spacing: 1px;
}
form input {
    color: RGB(75,75,75) !important;
    font-weight: 400 !important;
    letter-spacing: 1px;
}
input:focus {
    border-color: RGB(15,175,190) !important;
}
/* ==========================================================================
UIKIT
========================================================================== */
.uk-navbar-container {
    background-color: white !important;
}
.uk-button {
    letter-spacing: 1px;
}
.uk-button-default {
    color: white !important;
    background-color: RGB(55,50,140) !important;
}
.uk-button-default:hover {
    color: RGB(55,50,140) !important;
    border-color: RGB(55,50,140) !important;
    background-color: white !important;
}
/* ==========================================================================
FONTAWESOME
========================================================================== */
.fa-spinner-third {
    display: none;
}
/* ==========================================================================
NOTIFICATION
========================================================================== */
.alert-success, .alert-error {
    display: none;
    color: white;
    width: 20em;
    z-index: 1000;
    position: absolute;
    left: 50%;
    bottom: 1em;
    margin: 0 auto;
    padding: 0.5em;
    transform: translate(-50%, -50%);
    border-radius: 0.5em;
    background-color: RGBA(15,45,65,0.90);
}
.success {
    color: greenyellow;
}
.error {
    color: orangered;
}
/* ==========================================================================
LOG IN
========================================================================== */
#logo {
    width: 10em;
    margin-top: 2em;
}
.logIn-view {
    margin-left: auto;
    margin-right: auto;
    /*width: 35em;*/
}