/* PALETE ComprarCasa*/



:root {
    --cor-primary: #F7323F; /* #E4002B; */ /* Vermelho */
    --cor-secondary: #7EA8AD;
    --cor-accent: #2B5E5F; /* Verde Marinho*/
    --cor-accent-ligth: #52B4B6; /* Azul Marinho*/
    --cor-neutral: #F3CFB3; /*#F3CFB3 ; /* Beje */
    --cor-dark: #2E2A25; /* */
    --cor-light: white; /* */
    --cor-grey-light: #f1f2f3; /* */
    --cor-grey-dark: #9a9898; /* */
    --cor-grey-extradark: #373737; /* */
}

html {
    scrollbar-gutter: stable;
    overflow-y: scroll;
    /*overflow-y: scroll;*/
}



.color-primary {
    color: var(--cor-primary) !important;
}

.color-secondary {
    color: var(--cor-secondary) !important;
}

.color-grey-dark {
    color: var(--cor-grey-dark) !important;
}

.color-grey-extradark {
    color: var(--cor-grey-extradark) !important;
}


.bg-color-primary {
    background-color: var(--cor-primary) !important;
}

.color-dark {
    color: var(--cor-dark) !important;
}

.btn-primary {
    background-color: var(--cor-primary) !important; /*vermelho*/
    border-color: var(--cor-primary) !important;
}

.btn-outline-primary {
    border-color: var(--cor-primary) !important;
    color: var(--cor-primary) !important;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:focus-visible,
    .btn-outline-primary:focus {
        background-color: var(--cor-primary) !important;
        color: white !important;
    }

.btn-secondary {
    background-color: var(--cor-secondary) !important;
    border-color: var(--cor-secondary) !important;
}

.btn-outline-secondary {
    border-color: var(--cor-secondary) !important;
    color: var(--cor-secondary) !important;
}

    .btn-outline-secondary:hover,
    .btn-outline-secondary:focus-visible,
    .btn-outline-secondary:focus {
        background-color: var(--cor-secondary) !important;
        color: white !important;
        border-color: var(--cor-secondary) !important;
        box-shadow: none !important;
        outline: none !important;
    }

.btn-accent {
    background-color: var(--cor-accent) !important;
    border-color: var(--cor-accent) !important;
}

.btn-outline-accent {
    color: var(--cor-accent) !important;
    border: 1px solid var(--cor-accent) !important;
    background-color: transparent !important;
    transition: all 0.2s ease-in-out !important;
}

    .btn-outline-accent:hover,
    .btn-outline-accent:focus-visible,
    .btn-outline-accent:focus {
        background-color: var(--cor-accent) !important;
        color: white !important;
    }

.btn-accent-ligth {
    background-color: var(--cor-accent-ligth) !important;
    border-color: var(--cor-accent-ligth) !important;
}

.btn-outline-accent-ligth {
    color: var(--cor-accent-ligth) !important;
    border: 1px solid var(--cor-accent-ligth) !important;
    background-color: transparent !important;
    transition: all 0.2s ease-in-out !important;
}

    .btn-outline-accent-ligth:hover,
    .btn-outline-accent-ligth:focus-visible,
    .btn-outline-accent-ligth:focus {
        background-color: var(--cor-accent-ligth) !important;
        color: white !important;
    }


.btn-neutral {
    background-color: var(--cor-neutral) !important;
    border-color: var(--cor-neutral) !important;
}

.btn-outline-neutral {
    color: var(--cor-neutral) !important;
    border: 1px solid var(--cor-neutral) !important;
    background-color: transparent !important;
    transition: all 0.2s ease-in-out !important;
}

    .btn-outline-neutral:hover,
    .btn-outline-neutral:focus-visible,
    .btn-outline-neutral:focus {
        background-color: var(--cor-neutral);
        color: #E4002B;
    }

.btn-dark {
    background-color: var(--cor-dark) !important;
    border-color: var(--cor-dark) !important;
}

.btn-outline-dark {
    border-color: var(--cor-dark) !important;
    color: var(--cor-dark) !important;
}

    .btn-outline-dark:hover,
    .btn-outline-dark:focus-visible,
    .btn-outline-dark:focus {
        background-color: var(--cor-dark) !important;
        border-color: var(--cor-dark) !important;
        color: white !important;
    }

.btn-light {
    background-color: var(--cor-light) !important;
    border-color: var(--cor-light) !important;
}

.btn-outline-light {
    border-color: var(--cor-light) !important;
    color: var(--cor-light) !important;
}

    .btn-outline-light:hover,
    .btn-outline-light:focus-visible,
    .btn-outline-light:focus {
        background-color: white !important;
        color: var(--cor-primary) !important;
    }


.navbar-custom {
    background-color: white; /*var(--cor-primary);*/
    color: var(--cor-dark) !important;
}


.logo-custom {
    background-color: var(--cor-primary);
    color: #fff;
}
/*para ficar com os aspeto do bootstrap*/
.select2-container .select2-selection--single {
    height: 38px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.375rem;
    border: 1px solid #ced4da;
    background-color: #fff;
}

.bg-body-secondary {
    background-color: var(--cor-dark) !important;
    color: white !important;
}

.nav-link {
    color: white !important;
}
/*Font oficial da UCI*/
@font-face {
    font-family: 'Jornada Sans Book';
    src: url('../fonts/JornadaSans-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'Jornada Sans Book', sans-serif;
}

.card, .btn, .navbar, .modal, .form-control, span {
    font-family: 'Jornada Sans Book', sans-serif;
}

    .card.card-primary {
        border-top-color: var(--cor-primary) !important;
    }

.custom-label {
    color: var(--cor-grey-dark);
    font-size: 0.8rem;
    margin: 0px !important;
    padding: 0px;
    margin-left: 3px !important;
}



.btn-dashboard {
    border: 1px solid var(--cor-grey-extradark) !important;
}

    .btn-dashboard:hover,
    .btn-dashboard:focus,
    .btn-dashboard.active {
        border: 1px solid var(--cor-grey-extradark) !important;
        background-color: var(--cor-grey-extradark) !important;
        color: white !important;
    }





.link-uci {
    color: var(--cor-secondary) !important;
    text-decoration: none;
    transition: all 0.3s ease; /* animação suave */
}

    .link-uci:visited {
        color: var(--cor-secondary) !important;
    }

    .link-uci:hover,
    .link-uci:focus {
        color: var(--cor-primary) !important;
    }

    .link-uci:active {
        color: var(--cor-secondary) !important;
    }



/* FIM DE PALETE UCI*/
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.menu-aderente .nav-link,
.menu-aderente .nav-link i {
    color: #000 !important; /* preto */
}

    .menu-aderente .nav-link:hover,
    .menu-aderente .nav-link:hover i {
        color: #0d6efd !important; /* azul bootstrap */
    }

    .menu-aderente .nav-link.active,
    .menu-aderente .nav-link.active i {
        color: #fff !important;
        background-color: #0d6efd !important;
    }

.card-header.card-primary {
    background-color: var(--cor-primary) !important;
    color: white;
}



.no-visited:visited {
    color: inherit !important;
}


/* DATATABLES */
/*  ROW GROUP */
.dtrg-end th,
.dtrg-end td {
    color: white !important;
    background-color: var(--cor-primary) !important;
    border-bottom: 20px solid white !important;
}

.dtrg-group th,
.dtrg-group td {
    color: white !important;
    background-color: var(--cor-primary) !important;
}

.dtrg-end th {
    text-align: right !important;
}