@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root{
    --table-border-color: #2e2e2e;
    --curso-add-edit-categorias-background: #1f1f1f;
    --curso-add-edit-categorias-background-hover: #2e2e2e;
}
/* NAVTABS ADMIN */ 
.nav-tabs-admin-menu{
    display: inline-grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    gap: 5px;
    border-bottom: none;
}
.nav-tabs-admin-menu .nav-item .nav-link{
    width: 100%;
    text-align: center;
    background-color: var(--nav-tabs-admin-menu-background);
    color: var(--nav-tabs-admin-menu-color);
}
.nav-tabs-admin-menu .nav-item .nav-link.dropdown-toggle{
    border-color: transparent;
}
.nav-tabs-admin-menu .nav-item .nav-link.dropdown-toggle.show{
    border-color: var(--nav-tabs-admin-border);
}
.nav-tabs-admin-menu .nav-item .nav-link:hover{
    background-color: var(--nav-tabs-admin-menu-hover);
    border-color: var(--nav-tabs-admin-border);
    color: var(--nav-tabs-admin-menu-color-hover);
    transition: 0.5s;
}
.nav-tabs-admin-menu .nav-item .nav-link i{
    width: 30px;
}
.nav-tabs-admin-menu .nav-item .dropdown-menu {
    background-color: var(--navbar-background);
    margin-top: 10px;
    padding: 0px;
    border: none;
    border-radius: 0px;
}    
.nav-tabs-admin-menu .nav-item .dropdown-menu .dropdown-item{
    border-bottom: 1px solid var(--nav-tabs-admin-border);
    padding-top: 8px;
    padding-bottom: 8px;
    color: var(--text-color-tres); 
}
.nav-tabs-admin-menu .nav-item .dropdown-menu .dropdown-item:hover{
    background-color: var(--background-quatro);
    transition: 0.5s;
    color: var(--text-color-um);
}
/* IMAGES */
.image-table-100x90{
    height: 90px;
    width: 100px;
    border-radius: 6px;
}
.carousel-image-table{
    max-width: 200px;
    height: auto;
    border-radius: 6px;
}
.image-add-carousel{
    max-width: 300px;
    height: auto;
    border-radius: 6px;
}
.image-avatar-50{
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
.image-avatar-75{
    height: 75px;
    width: 75px;
    border-radius: 50%;
}
.informacoes-site-logo{
    max-width: 130px;
    height: auto;
    margin-bottom: 15px;
}
.informacoes-site-favicon{
    max-width: 64px;
    height: auto;
    margin-bottom: 15px;
}
.informacoes-site-avatar{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 15px;
}

/* CARD PAGE TITLE*/
.card-page-title{
    margin-top: 10px;
    margin-bottom: 10px;
}
.card-page-title .card-body{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-page-title .card-body .left h5{
    margin-bottom: 0px;
}
.card-page-title .card-body .left p{
    margin-bottom: 0px;
    padding: 0px;
    font-size: 14px;
}

/* MODAL */
.modal .modal-content{
    background-color: var(--modal-background);  
}
.modal .modal-content .modal-header .fa-times{
    color: var(--modal-close-icon);
    font-size: 20px;
    margin-left: auto;
    cursor: pointer;
}
.modal .modal-content .modal-header{
    border-bottom: 1px solid var(--modal-border-um);
}
.modal .modal-content .modal-footer{
    border-top: 1px solid var(--modal-border-um);
}

/* NAV TABS */
.nav-tabs-geral{
    display: inline-grid;
    width: 100%;
    gap: 5px;
    padding-bottom: 5px;
    border-color: var(--nav-tabs-geral-border);
    margin-bottom: 15px;
}
.nav-tabs-geral .nav-item{
    width: 100%;
}
.nav-tabs-geral .nav-item .btn{
    width: 100%;
    text-align: center;
    background-color: var(--nav-tabs-geral-background);
    color: var(--nav-tabs-geral-color); 
    border-color: var(--nav-tabs-geral-border);
}
.nav-tabs-geral .nav-item .btn:hover,
.nav-tabs-geral .nav-item .btn.active{
    color: var(--nav-tabs-geral-color-hover);
}
.nav-tabs-geral.aluno-perfil,
.nav-tabs-geral.site-informacoes,
.nav-tabs-geral.admin-perfil{
    grid-template-columns: repeat(2, 1fr);
}
.nav-tabs-geral.user-adicionar-editar{
    grid-template-columns: repeat(2, 1fr);
}
.form-site-informacoes{
    text-align: center;
}
.form-site-informacoes hr{
    border-color: var(--nav-tabs-geral-border);
}

/* ADICIONAR EDITAR CURSO*/
.image-curso-add{
    height: auto; 
    max-width: 200px;  
    border-radius:10px; 
    margin-top:10px;
    cursor: pointer;
}
.curso-add-edit-categorias .list-group-item{
    background-color: var(--curso-add-edit-categorias-background);
    color: var(--text-color-um);
    cursor: pointer;
}
.curso-add-edit-categorias .list-group-item:hover{ 
    background-color: var(--curso-add-edit-categorias-background-hover);
    transition: 0.5s;
}

/* CURSO INFORMAÇÕES */
.curso-informacoes .curso-img{
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 5px;
}
.curso-informacoes hr{
    border-color: var(--border-color-tres);
}
.curso-informacoes .accordion .accordion-item{
    background-color: var(--background-tres);
    border: none;
    border-bottom: 1px solid var(--border-color-um);
    color: var(--text-color-um);
}
.curso-informacoes .accordion .accordion-item .accordion-header{
    padding: 15px;
}
.curso-informacoes .accordion .accordion-item .accordion-header h6{
    margin-bottom: 0px;
    cursor: pointer;
}
.curso-informacoes .accordion .accordion-item .accordion-body .list-group-item{
    padding: 15px;
}
.curso-informacoes .accordion .accordion-item .accordion-body .list-group-item a{
    color: var(--text-color-tres);
    text-decoration: none;
}
.curso-informacoes .accordion .accordion-item .accordion-body .list-group-item a:hover{
    color: var(--text-color-um);
    transition: 0.5s;
}

/* ADMIN DASHBOARD */
.card-darshboard{
    background-color: var(--background-um);
    color: var(--text-color-tres);
}
.card-darshboard i{
    color: var(--text-color-tres);
    font-size: 35px;
}
.card-darshboard .card-content{
    padding-left: 20px;
}
/* SIMDITOR */ 
.simditor{
    border: 1px solid var(--input-border) !important;
}
.simditor-wrapper{
    background-color: var(--input-background) !important;
    color: var(--input-text-color) !important;
}
.simditor-wrapper .simditor-toolbar{
    background-color: var(--input-background) !important;
    border-bottom: 1px solid var(--input-border) !important;
}
.simditor-wrapper .simditor-toolbar li a{
    color: var(--input-text-color) !important;
}
.simditor-wrapper p{
    color: var(--input-text-color) !important;
}

/* TABLE */
#dataTable_wrapper table{
    border-color: var(--table-border-color) !important;
}
#dataTable_wrapper table thead tr th{
    color: var(--text-color-um);
}
#dataTable_wrapper table tbody tr td{
    color: var(--text-color-um);
}
#dataTable_wrapper .dataTables_paginate .pagination .paginate_button .page-link{
    box-shadow: none;
    background-color: var(--button-um-background) !important;
    color: var(--button-um-color);
    border-color: var(--border-color-um);
}
#dataTable_wrapper .dataTables_paginate .pagination .paginate_button.active .page-link{
    color: var(--text-color-um) !important;
}