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

body {
    font-family: 'Poppins', sans-serif; /* Setar fonte dos textos */
    color: #212121; /* Setar cores dos textos */
    background-color: #F0F0F0; /* Setar cor 1 */
}
footer, .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, .pagination>li>a, .pagination>li>span, h4.panel-title a {
    color: #212121;    
}
.navbar .nav>li>a, .dropdown-menu>li>a, #admin #toolbar .btn {
    font-family: 'Poppins', sans-serif; /* Setar fonte dos textos */    
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif; /* Setar fonte dos titulos */
}
h1, h2, h3, h4, h5, h6 {
    color: #212121; /* Setar cores dos titulos */
}
#top-internal h1, #registration-course h3 {
 color: #F0F0F0;   
}
a, a:link, a:hover, a:visited, a:active, .btn-link, .btn-link:hover {
    color: #ED4808; /* Setar cores dos links */

}
a:hover, a:focus {
    color: #ED4808; /* Setar cores dos links com foco*/
}
hr, .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, 
.pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus, .pagination>li>a, 
.pagination>li>span, .pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus, .pagination>li>a:hover, 
.pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .panel-default>.panel-heading+.panel-collapse>.panel-body,
#instructor-course .biography-text, .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>li>a, #cart ul li, #checkout-cart ul li, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus, .nav-tabs, .nav-tabs>li>a {
    border-color: #212121;    
}
#landingpage-subscription #registration-course h4, #landingpage-subscription #registration-course h2, .popover-title, .popover-content {
    color: #212121;   
}
#landingpage-subscription .carousel .carousel-control, .cr-black {
    background-color: #212121;
}
#course-banner {
    background-color: #003E6D;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
    border-bottom: none;
}
.form-control, .navbar-form input, .navbar-form .form-control, .course-text, .borda-instrutor, .panel-default, .blog-post, 
#similar-post .col-sm-4 .post-similar-iten, .author-post, .categories-menu {
    border: 1px solid #212121;
}
#top-menu.addColor {
    background-color: #F0F0F0; /* Setar cor 2 */
}
#top-internal, #landing-page #registration-course, .categories-menu .nav>li>a:hover, .categories-menu .nav>li>a:focus {
    background-color: #003E6D; /* Setar cor 3 */
}
.btn-default, .btn-default:hover, .post-similar-iten .btn-info {
    background-color: #212121; /* Setar cor do botão Padrão */
}
.btn-info, .btn-info:hover, #slider .carousel-caption .btn-info, #slider .carousel-caption .btn-info:hover, 
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    background-color: #F0F0F0; /* Setar cor do botão de informação */
}
.btn-success, .btn-success:hover, .pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, .pagination>.active>span:hover, 
.pagination>.active>a:focus, .pagination>.active>span:focus, .alert-success  {
    background-color: #4CA700; /* Setar cor do botão de sucesso */
}
.btn-danger, .btn-danger:hover, #list-courses .course-unit .language-course-title, .alert-danger, .alert-info {
    background-color: #ED4908; /* Setar cor do botão de atenção */
}
.well {
    background-color: rgba(255, 255, 255, 0.2);
}

/* aqui entra o css especifico no cliente */