html {
    font-size: 14px;
}

.navbar-nav .nav-link:hover {
    color: #00796a !important; /* Change to the color you prefer */
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #00ad8e;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #E4E9F7;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.avatarImg {
    width: 32px;
    height: 32px;
}

body, button, input, select, textarea,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Poppins', sans-serif;
    color: #383838;
}

.btn.btn-primary-custom {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00796a;
    --bs-btn-border-color: #00796a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00695c;
    --bs-btn-hover-border-color: #005f55;
    --bs-btn-focus-shadow-rgb: 0, 121, 106;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #005f55;
    background-image: linear-gradient(to right,#00824a 0%,#009775 40%,#00ad8e 100%);
    --bs-btn-active-border-color: #00554c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00796a;
    --bs-btn-disabled-border-color: #00796a;
    border: none; /* Remove a borda */
}


.btn.btn-outline-success-custom {
    --bs-btn-border-width: 1px;
    --bs-btn-color: #00796a;
    --bs-btn-border-color: #00796a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00796a;
    --bs-btn-hover-border-color: #00695c;
    --bs-btn-focus-shadow-rgb: 0, 105, 92;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00695c;
    --bs-btn-active-border-color: #005f55;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #00796a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00796a;
    --bs-gradient: none;
    --bs-btn-border-color: #00796a;
}

    .btn.btn-outline-success-custom:hover {
        background-color: #00796a;
        color: white;
    }

.card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to right,#00824a 0%,#009775 40%,#00ad8e 100%);
    color: #fff;
    padding: 10px;
}

.card-title-overlay {
    color: white;
}

.card-countdown-overlay {
    color: #ffd700; /* Cor do contador */
}

.card-period-container {
    margin-top: 10px;
}

.card-period {
    display: block; /* faz com que cada período fique em uma nova linha */
    margin-left: 20px; /* adiciona um pequeno recuo à esquerda */
}

    .card-period i {
        margin-right: 5px; /* adiciona um pequeno espaço à direita do ícone */
    }

.card-badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

:root {
    --bs-body-bg: #E4E9F7;
}

/* Cor primária do Bootstrap no verde da Anhembi-Morumbi */
:root {
    --bs-primary: #00796a;
    --bs-primary-rgb: 0, 121, 106;
    --bs-link-color: #00796a;
    --bs-link-color-rgb: 0, 121, 106;
    --bs-link-hover-color: #00695c;
    --bs-link-hover-color-rgb: 0, 105, 92;
}

.btn-primary {
    --bs-btn-bg: #00796a;
    --bs-btn-border-color: #00796a;
    --bs-btn-hover-bg: #00695c;
    --bs-btn-hover-border-color: #005f55;
    --bs-btn-focus-shadow-rgb: 0, 121, 106;
    --bs-btn-active-bg: #005f55;
    --bs-btn-active-border-color: #00554c;
    --bs-btn-disabled-bg: #00796a;
    --bs-btn-disabled-border-color: #00796a;
}

.btn-outline-primary {
    --bs-btn-color: #00796a;
    --bs-btn-border-color: #00796a;
    --bs-btn-hover-bg: #00796a;
    --bs-btn-hover-border-color: #00796a;
    --bs-btn-focus-shadow-rgb: 0, 121, 106;
    --bs-btn-active-bg: #00796a;
    --bs-btn-active-border-color: #00796a;
    --bs-btn-disabled-color: #00796a;
    --bs-btn-disabled-border-color: #00796a;
}

.pagination {
    --bs-pagination-color: #00796a;
    --bs-pagination-hover-color: #00695c;
    --bs-pagination-focus-color: #00695c;
    --bs-pagination-active-bg: #00796a;
    --bs-pagination-active-border-color: #00796a;
}

.form-check-input:checked {
    background-color: #00796a;
    border-color: #00796a;
}

.bannermara {
    width: 100%;
    height: 300px;
    backdrop-filter: blur(35%);
    background: url('../images/maratonaa.jpg') no-repeat center;
    background-size: cover;
}

.navbar, #sidebar {
    margin: 0;
    padding: 0;
}

.sidebar {
    padding-left: 0 !important;
}

.canvas-chart {
    height: 400px;
    width: 100%;
}