@charset "utf-8";
/* CSS Document for default configuration*/

/*
 - Primary color #3bafda
 - Text Color #434a54
*/


.custom_primary_color {
    color: #3bafda !important;
}
.custom_primary_bg_color {
    background-color: #3bafda !important;
}

.text_white {
    color: #434a54 !important;
}

/**** buttons ***/

.btn-primary {
    background-color: #3bafda !important;
    color: white;
    border-color: #3bafda !important;
}

.btn-outline-primary {
    border-color: #3bafda !important;
    color: #3bafda !important;
}
.btn-outline-primary:hover {
        background-color: #3bafda !important;
        color:white !important;
}

.btn-outline-secondary {
    border-color: #212529 !important;
    color: #212529 !important;
    background-color: none;
}

.btn-outline-secondary:hover {
    background-color: #212529 !important;
    color: white !important;
}


/**** FORM INPUTS ******/

.form-control:hover {
    border-color: #3bafda !important;
    
}

.form-control:focus {
    border-color: #3bafda !important; /* Cor da borda no foco */
    box-shadow: 0 0 0 0.25rem rgba(59, 175, 218, 0.5); /* Sombra da borda */
    outline: none; /* Remove o contorno padrão do navegador */
}

.form-check-input:checked {
    background-color: #3bafda !important;
    border-color: #3bafda !important;
}

.form-check-input:focus {
    box-shadow: none !important;
    border-color: #3bafda !important;
}

.text-bg-primary {
    background-color: #3bafda !important;
    color: white !important;
}
/** CARD */
.card_bg {
    background-color: white !important;
}

.session_card {
 
    border: 0.1px solid #e0e0e0; /* Borda leve */
    border-radius: 8px; /* Arredondamento das bordas */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra leve */
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Animação no hover */
}

.widgets_card_color_1 {
    background-color: #212529 !important;
}

.card-divider {
    border-bottom: 4px solid #3bafda;
    border-radius: 3px;
    width: 5% !important;
    margin-top: 15px;
    margin-bottom: 5px;
}

.toast {
    border: 0.1px solid #e0e0e0 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    background-color: white !important;
}

/**breadcrumbs**/
.breadcrumb {
    background-color: #d7dcdf !important;
}
    .breadcrumb-item {
        background-color: #3bafda !important; 
        color: white;   
    }

        .breadcrumb-item > a {
            color: white !important;
        }
    .breadcrumb-item.active {
        background-color: #d7dcdf !important;
        color: #2e3840 !important;
    }
    .breadcrumb-item.active > a {
            color: #2e3840 !important;
    }

   

    .breadcrumb-item + .breadcrumb-item::before {
        
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 15px solid #3bafda !important;
        
    }

    /*NAV AND FOOTER*/
    .nav_background {
    background: #303741 !important;
    color: #ffffff !important;
}

.footer {
    background-color: #303741 !important;
}

/*** OVERLAY ******/
.spinner {
    
    border-top: 5px solid #3bafda;
    
}

/** Acordion */

.accordion-button:not(.collapsed) {
    color: white;
    background-color: #3bafda !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/*** Tabs ***/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: white;
    background-color: #303741 !important;
    
}

.nav-pills .nav-link {
    color: #434a54 !important;
}

.marker_timestamp_container {
    border: 1px solid #434a54 !important;
}

.text_muted {
    color: #212529BF !important;
    font-size: 12px !important;
}
.marker_item {
    color: #434a54 !important;
    background-color: #ffffff !important;
}