:root {
    --background: #000000; /*color-background*/
    --background-light: #f5f5f5; /*color-background-light*/
    --background-light-hover: white; /*nothing*/
    --background-dark: #001b51; /*color-background-dark*/
    --background-dark-hover: white; /*nothing*/
    --text: #424242; /*color-text*/
    --text-light: #ffffff; /*color-text-light*/
    --text-dark: #424242; /*color-text-dark*/
    --primary: #00CCFF; /*color-accent*/
    --primary-light: #57D9FA; /*color-accent-light*/
    --primary-dark: #016780; /*color-background-dark*/
    --secondary: #5112ff; /*secondary-color-accent*/
    --secondary-light: #6A36F8; /*rz-secondary-light*/
    --secondary-dark: #410ECC; /*rz-secondary-dark*/
    --highlight: white; /*nothing*/
    --success: #4caf50; /*--rz-success*/
    --success-light: #70bf73; /*--rz-success-light*/
    --success-dark: #3d8c40; /*--rz-success-dark*/
    --info: #2196f3; /*--rz-info*/
    --info-light: #4dabf5; /*--rz-info-light*/
    --info-dark: #1a78c2; /*--rz-info-dark*/
    --warning: #ff9800; /*--rz-warning*/
    --warning-light: #ffad33; /*nothing*/
    --warning-dark: #cc7a00; /*nothing*/
    --danger: #f44336; /*--rz-danger*/
    --danger-light: #f6695e; /*--rz-danger-light*/
    --danger-dark: #c3362b; /*--rz-danger-dark*/
    --filter-primary: brightness(0) saturate(100%) invert(6%) sepia(79%) saturate(6443%) hue-rotate(216deg) brightness(94%) contrast(99%);
    --font-family-sans-serif: 'Ubuntu',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

body {
    background-color: var(--background-light) !important;
    font-family: var(--font-family-sans-serif);
}


/*MESTRE CSS HUGO.MOREIRA*/
.divider {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid var(--text-dark);
    line-height: 0.1em;
    margin: 10px 0;
    font-size: 0.8rem;
}

    .divider span {
        padding: 0 10px;
    }

/* ------------------------------------------------------
FORMS
------------------------------------------------------ */
.form-control, .form-control:focus {
    background-color: var(--background-light);
    color: var(--text-dark);
}

/* ------------------------------------------------------
buttons socials
------------------------------------------------------ */
.btn-socials {
    /* display: inline-block;
    color: var(--background-dark);
    background-color: transparent; */
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #666;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.75rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 56px;
    height: 56px;
}

/* ------------------------------------------------------
buttons socials - APPLE
------------------------------------------------------ */
#apple-login-button {
    color: #f5f5f5;
    border-color: #666 !important;
    background-color: #000 !important;
}

    #apple-login-button img.img-primary-filter {
        filter: none;
    }

/* ------------------------------------------------------
buttons socials - GOOGLE
------------------------------------------------------ */
#google-login-button {
    color: var(--text-light);
    border-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
}
/* ------------------------------------------------------
buttons socials - FACEBOOK
------------------------------------------------------ */
#facebook-login-button {
    color: var(--text-light);
    border-color: #1a77f2 !important;
    background-color: #1a77f2 !important;
}

/* ------------------------------------------------------
FOOTER
------------------------------------------------------ */
footer {
    font-size: .75rem;
}

.text-muted {
    color: #838383 !important;
}

/* ------------------------------------------------------
LOGIN
------------------------------------------------------ */
.login-title {
    font-weight: 400;
}

    .login-title :active {
        font-weight: 400;
        text-decoration: underline;
        color: var(--background-light);
    }

.sign-bts a {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: .8rem;
    color: var(--primary);
    text-decoration: none;
    border-color: var(--text-light);
    padding: 0.375rem 0.75rem;
    border-radius: .5rem;
}


.active, .active :hover, .active :focus {
    color: var(--text-dark) !important;
    text-decoration: none;
}

.upper-menu .active :hover {
    color: var(--text-dark) !important;
}

.menu.menu-header {
    border-bottom: none !important;
}

.upper-menu {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-top: 1rem !important;
}

    .upper-menu .btn-link {
        color: var(--text-dark) !important;
    }

        .upper-menu .btn-link :hover {
            color: var(--text-dark);
        }

    .upper-menu .btn-primary {
        color: var(--text-dark) !important;
        background: transparent !important;
        border: none !important;
        text-decoration: none;
    }

        .upper-menu .btn-primary:hover {
            color: var(--text-dark) !important;
        }

.btn-primary:hover {
    color: var(--text-dark);
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.upper-menu .active {
    border-bottom: 2px solid var(--text-dark);
}

    .upper-menu .active a {
        margin-bottom: .5rem;
        border-radius: 0;
    }

.upper-menu h5, .upper-menu .btn {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 1.25rem;
    text-decoration: none;
}

    .upper-menu h5:hover {
        color: var(--primary-dark) !important;
        text-decoration: none;
    }

.dropdown-menu {
    background-color: #fff;
}

.dropdown-item {
    color: #666;
}

    .dropdown-item:hover {
        color: var(--text-dark);
        background-color: #6c757d2c;
    }

.form-container {
    color: var(--text-dark);
    border-radius: 1rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.14), 0px 2px 6px rgba(0, 0, 0, 0.12), 0px 1px 6px rgba(0, 0, 0, 0.14);
    background-color: var(--text-light);
    padding: 0.5rem 1.5rem 3rem 1.5rem;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus, .btn-primary:focus, .btn:focus {
    box-shadow: none !important;
}

.form-logo {
    max-height: 36px;
}

.menu-logo {
    display: none !important;
}

.logo-top-margin {
    margin-top: 36px;
}

/*COOKIES CONSENT*/
.cc-btn {
    font-family: var(--font-family-sans-serif);
    color: var(--text-light) !important;
    font-size: .875rem;
    font-weight: 500 !important;
    background-color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    border-radius: 8px !important;
}


body {
    background-image: url(/images/gott_background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-left: 5%;
    padding-right: 5%;
}

.cc-window a {
    color: var(--primary);
}


input {
    background-color: #eeeeee !important;
}

span.select2.select2-container {
    background-color: #eeeeee !important;
}

h1.fa.fa-unlock-alt.fa-5x {
    color: var(--primary);
}