@import url('https://fonts.googleapis.com/css?family=Lato:bold'); /* Carregar fonte dos titulos */
@import url('https://fonts.googleapis.com/css?family=Roboto'); /* Carregar fonte dos textos */

body {
    font-family: 'Roboto', sans-serif; /* Setar fonte dos textos */
    color: #212529; /* Setar cores dos textos */
    background-color: #f8f9fa; /* Setar cor 5 */
}
h1, h2, h3, h4, h5, h6, .navbar .nav>li>a, .dropdown-menu>li>a, #admin #toolbar .btn {
    font-family: 'Lato:bold', sans-serif; /* Setar fonte dos titulos */
}
h1, h2, h3, h4, h5, h6 {
    color: #212529; /* Setar cores dos titulos */
}
a, .btn-link {
    color: #212529; /* Setar cores dos links */

}
a:hover, a:focus {
    color: #212529; /* Setar cores dos links com foco*/
}
#top-menu, footer, #course-banner {
    background-color: #212529; /* Setar cor 1 */
}
#menu-main.navbar {
    background-color: #212529; /* Setar cor 2 */
}
#footer-top, #top-internal, #menu-main .nav>li.active>a, #landing-page #instructor-course {
    background-color: #444444; /* Setar cor 3 */
}
.nav>li>a:hover, .nav>li>a:focus, .panel-default .panel-heading, .panel-default .panel-title, .panel-default .panel-footer, #list-courses .course-unit .course-text, .borda-instrutor, #cart ul li, .nav-tabs>li>a, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #d9d9d9; /* Setar cor 4 */
}
#landing-page .lessons-course {
    border-color: #d9d9d9; /* Setar cor 4 */
}
.nav-pills li.active>a, .nav-pills li>a:hover, .nav-tabs.nav-justified>li>a, .panel-default>.panel-heading+.panel-collapse>.panel-body, .profile-usermenu .nav>li>a, .profile-usermenu, .information-post, .pagination>li>a, .pagination>li>span, .blog-post, .panel-default>.panel-heading, hr, #landing-page #grid-course, .panel-default, .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus, #landing-page #description-course #informations h5, .form-control, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    border-color: #d9d9d9; /* Setar cor das Bordas */
}
.btn-default, .btn-default:hover {
    background-color: #1f2937; /* Setar cor do botão Padrão */
}
.btn-info, .btn-info:hover {
    background-color: #212529; /* Setar cor do botão de informação */
}
.btn-success, .btn-success:hover, #landing-page #registration-course  {
    background-color: #274e13; /* Setar cor do botão de sucesso */
}
.btn-danger, .btn-danger:hover, #list-courses .course-unit .language-course-title {
    background-color: #daa520; /* Setar cor do botão de atenção */
}

/* aqui entra o css especifico no cliente */
/* ===== Esconde o menu FINANCEIRO (visão do aluno) ===== */
#student li.myorders {
    display: none !important;
}

/* ===== Barra de progresso com a cor do tema ===== */
#student .progress-bar {
    background-color: #0a4d8c !important;
}

/* ===== Esconde o card do gráfico de acessos ===== */
#content-admin .col-md-5.col-sm-6 {
    display: none !important;
}
/* Fecha os 100% da linha, sem espaço sobrando */
#content-admin .col-md-3.col-sm-6 {
    width: 25% !important;
}
#content-admin .col-md-4.col-sm-6 {
    width: 55% !important;
}
/* Alinha as colunas pelo topo, lado a lado */
#content-admin .row {
    display: flex !important;
    flex-wrap: wrap !important;
}
/* Alinha todos os painéis na mesma linha */
#content-admin .row{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
}

/* Espaçamento entre os painéis */
#content-admin .panel{
    height:100%;
    margin-bottom:20px;
}

/* Card dos cursos */
#content-admin .col-md-4.col-sm-6{
    width:55% !important;
}

/* Cards menores */
#content-admin .col-md-3.col-sm-6{
    width:22.5% !important;
}

/* Iguala a altura dos cursos */
#content-admin .height-equal{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}
#content-admin{
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;
}