body {
    font-family: 'Roboto', sans-serif !important;
    background-color: #ebebeb !important;
    margin: 0;
    padding: 0;
}

ol, ul, menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.a-none {
    color: inherit !important;
    text-decoration: inherit !important;
}

.flex-1 {
    flex: 1 1 0%;
}

input[readonly] {
    background-color: #EBEBEA;
    color: #616160;
}

    input[readonly]:focus {
        background-color: #EBEBEA;
        color: #616160;
        border: none;
        outline: none;
        box-shadow: none;
    }

.card-area {
    background: #fff !important;
}

.img-fluid-reverse {
    max-height: 100%;
    width: auto;
}

.text-grey {
    color: #616160; /* Fonte Cinza */
}

/* Backgrounds */
.bg-externo {
    background-color: #F5F5F5 !important;
}

.bg-interno {
    background-color: #EBEBEA !important;
}

.bg-danger-light {
    background-color: #ff161f;
}

.bg-neutral-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

/* Botões */
.btn-danger {
    background-color: #E52C2D !important;
    color: #fff !important;
    border-color: #E52C2D !important;
}

    .btn-danger:hover {
        background-color: #d12424 !important;
        color: #fff !important;
        border-color: #d12424 !important;
    }

.btn-outline-danger {
    color: #E52C2D !important;
    background-color: #fff !important;
    border-color: #E52C2D !important;
}

    .btn-outline-danger:hover {
        background-color: #E52C2D !important;
        color: #fff !important;
        border-color: #E52C2D !important;
    }

.btn-link.gray {
    color: #555555;
    text-decoration: none;
}

/* Títulos */
h1.title {
    display: flex;
    align-items: center;
    font: 500 22px / 35px Roboto, sans-serif !important;
    margin: 10px 0 0 0;
}

    h1.title::before {
        content: '';
        width: 30px;
        height: 24px;
        background-image: url('../images/login/icone_logo_cdhu_titles.png');
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 10px;
    }

h1 .line {
    flex-grow: 1;
    height: 1px;
    background-color: #9e9e9e;
    margin: 1rem 0 1rem 1rem;
}

h2.title {
    display: flex;
    align-items: center;
    font: 500 20px / 35px Roboto, sans-serif !important;
    margin: 0 0 10px 0 !important;
    padding: 0 0.5rem;
}

h2 .line {
    flex-grow: 1;
    height: 1px;
    background-color: #e52521;
    margin: 1rem 0 1rem 1rem;
}

.custom-bootstrap-card {
    border-color: #ffffff !important;
    border-radius: 1rem !important;
    padding: 0 30px;
}

.custom-bootstrap-card-content {
    margin-top: 30px !important;
    padding: 10px;
}

.row {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.nav-link {
    color: #000 !important;
}

.breadcrumb-item.active {
    font-weight: 700;
}