body {
    background-color: #141414 !important;
    background: linear-gradient(rgba(0,0,0,0.20),rgba(0,0,0,0.50),rgb(20 20 20)), url('https://codelystorage.s3-sa-east-1.amazonaws.com/projetos/cpet/codelyflix/dashboard/bg-course.jpg') !important;
    font-family: 'Mulish', sans-serif !important;
    background-size: cover !important;
}

a,
a:hover,
a:link,
a:focus,
a:visited,
a:active {
    color: #f33443;
}

.btn-primary, .section-modchooser .btn-link {
    color: #fff !important;
    background-color: #f33443;
    border-color: #f33443;
}
.btn-link i {
    color: #FFF !important;
}

.dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-within {
    color: #fff !important;
    background-color: #f33443;
}

.moremenu .nav-link.active {
    border-bottom-color: #f33443;
}

/*LOGIN*/
#page-login-index .card {
    border-radius: 10px !important;
}
#page-login-index button,
#page-login-index input {
    width: 100% !important;
    border-radius: 10px !important;
}
#page-login-index .justify-content-md-center>.col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
}
#page-login-index .h2.card-header,
#page-login-index .justify-content-md-center>.col-md-5:last-child {
    display: none !important;
}
#page-login-index .justify-content-center>.col-xl-6.col-sm-8 {
    flex: 0 0 30% !important;
    max-width: 30% !important;
}

#page-login-forgot_password #page,
#page-login-forgot_password #region-main {
    background: transparent !important;
}

#page-login-forgot_password #region-main {
    color: #000 !important;
}

/*INTERNAS*/
nav.navbar {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,rgba(0,0,0,.7)),color-stop(10%,rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.7) 10%,rgba(0,0,0,0));
    background-image: -moz- oldlinear-gradient(top,rgba(0,0,0,.7) 10%,rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.7) 10%,rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.7) 10%,rgba(0,0,0,0));
    background-color: transparent !important;
    padding-top: 40px;
    padding-bottom: 40px;
    z-index: 9;
}
.navbar.fixed-top {
    display: flex;
    align-items: center;
    border-bottom: none;
}
nav.navbar .navbar-brand img {
    width: 150px;
    height: auto;
}
nav.navbar .linkback {
    color: #FFF;
    font-size: 20px;
}
.navbar.fixed-top .nav-link {
    color: #FFF;
    margin-top: 10px;
    text-transform: uppercase;
}
.navbar.fixed-top .nav-link:hover {
    color: #f33443;
}
nav.navbar .usermenu {
    padding-left: 60px;
}
nav.navbar .usermenu .dropdown-toggle::after {
    border-top-color: #FFF;
}
nav.navbar .usernav .nav-item:first-child,
nav.navbar .usermenu .usertext {
    display: none;
}
nav.navbar #coursetitle {
    text-align: left;
    width: 100%;
    font-weight: bold;
    margin-top: auto;
    color: #FFF !important;
    font-size: 30px !important;
    padding-left: 2rem;
}

header#page-header .btn-secondary {
    color: #fff;
    background-color: #f33443;
    border-color: #f33443;
}
header#page-header .page-context-header {
    display: none;
}
header#page-header .card,
header#page-header .card-body {
    background-color: transparent;
}

#page-navbar {
    width: 100%;
}
#page-header {
    padding: 0;
}
#page-navbar .breadcrumb {
    justify-content: center;
    background-color: rgb(0 0 0 / 45%) !important;
    padding: 10px;
    margin: 0;
}
.breadcrumb .breadcrumb-item {
    display: none;
}
.breadcrumb .breadcrumb-item:has(a) {
    display: block;
}
.breadcrumb .breadcrumb-item a {
    color: #FFF;
}

.expand-collapse-all-btns .btn {
    background-color: #FFF !important;
}
.completionhelp {
    display: none;
}
.format-tiles .course-content ul.tiles .tile, .format-tiles .course-content ul.tiles .tile_bar {
    border-top-color: #f33443 !important;
}
.format-tiles .sectiontitle::after, .format-tiles .badge-info {
    background-color: #f33443 !important;
}

.path-course #region-main {
    background-color: rgb(0 0 0 / 45%)!important;
    color: #FFF !important;
}

.secondary-navigation .navigation {
    border-radius: 0.5rem;
    margin: 0px;
    margin-top: 10px;
    background-color: rgb(255 255 255 / 80%);
}

.secondary-navigation .navigation .nav-tabs {
    background-color: transparent;
}

#region-main {
    border-radius: 0.5rem;
    padding: 10px;
}

#topofscroll {
    background-color: transparent !important;
}

.drawer .drawertoggle {
    color: #FFF;
}

.drawer-right, .drawer-left {
    background: transparent;
}

/*DRAWER*/
.drawer-right .block,
.drawer-left .block {
    background: #FFF !important;
}

.drawer-toggles .drawer-toggler .btn {
    background: #f33443;
    color: #FFF;
}

.student-logged.path-course-view .secondary-navigation {
    display: none;
}
.student-logged .block_navigation,
.student-logged .block_settings {
    display: none !important;
}

/*DISCIPLINAS*/

.path-course #page-header .singlebutton {
    position: relative;
    top: -38px;
    right: 20px;
}
@media (max-width: 768px) {
    .path-course #page-header .singlebutton {
        position: relative;
        top: -4px;
        right: 0;
    }
}

#courseindex-content {
    background: #FFF;
    border-radius: 0.5rem;
    padding: 10px;
}
.courseindex .courseindex-item.pageitem {
    background-color: #244881;
}
.courseindex .courseindex-item .completioninfo.completion_complete {
    color: #28a744;
}
.courseindex .courseindex-item .completioninfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*FORMAT_DESIGNER*/
.format-designer .course-content {
    padding-bottom: 1rem !important;
}
.format-designer .activity-background-style {
    background: #FFF;
}

.format-designer .course-content ul.designer li.section .section-header-content {
    cursor: hand;
}

.format-designer .course-info-block .activity-completed-block {
    display: none !important;
}

.format-designer .course-content ul.designer li.section.main {
    margin: 0;
    padding: 0;
}

.format-designer .course-content ul.designer li.section .section-header-content {
    padding: 0;
}

.format-designer .activity .activity-type {
    display: none !important;
}

.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer .activityinstance .activitytitle .img-element {
    margin-top: 10px;
}

.format-designer .activityname {
    margin-top: 5px;
}

.format-designer .activity-block.designer {
    color: #3b3b3b;
}
.format-designer .designer .call-action-block .fa-lock {
    color: #f33443 !important;
}

/*FORMAT_TILES*/
.format-tiles .course-content .section .activity:hover {
    background-color: transparent;
}

.format-tiles #page .course-content ul #section-0 {
    background-color: transparent !important;
}

.format-tiles .course-content ul.tiles .subtile,
.format-tiles .course-content ul.tiles .tile {
    box-shadow: none !important;
    border: 1px solid #181818 !important;
    color: #FFF;
    background-color: rgb(0 0 0 / 60%) !important;
    text-align: center !important;
}
.format-tiles ul.tiles .tile-top {
    height: 65px;
    width: 100%;
    padding-top: 20px;
}
.format-tiles .tile-textinner {
    width: 100%;
    text-align: center;
    max-width: 100% !important;
}
.format-tiles .activitytitle {
    margin-top: 35px !important;
}
.format-tiles .activitytitle a {
    color: #FFF !important;
    background-image: none !important;
}
.format-tiles .tile-textinner h3,
.format-tiles .tileiconcontainer .icon {
    color: #FFF !important;
}
.activityinstance .activitytype,
#page-footer {
    display: none !important;
}

.format-tiles #abovetiles {
    margin-top: 15px;
}
.format-tiles .tiles-top-button,
.format-tiles .progress-indic-label {
    display: none !important;
}
.format-tiles .progress-indic svg text {
    fill: #f5e563;
}
.format-tiles .progress-indic svg circle.partial {
    stroke: #f5e563;
}
.format-tiles .progress-indic .progress-indic-label {
    color: #FFF;
}
.format-tiles .progress-indic svg circle.whole {
    stroke: rgba(255,255,255,.5);
}

.card {
    background-color: transparent !important;
}
html {
    background-color: #141415;
}
.path-course .generaltable,
.path-course .generaltable tbody tr:hover {
    color: #FFF;
}

/*ATIVIDADES*/
.activity-navigation #prev-activity-link, .activity-navigation #next-activity-link {
    color: transparent !important;
    padding: 10px 10px 10px;
    width: 120px !important;
    font-size: 0px;
}
.activity-navigation #prev-activity-link::before {
    content: "◀︎ Anterior" !important;
    color: #244881 !important;
    font-size: 1rem;
}
.activity-navigation #next-activity-link {
    background: #244881;
}
.activity-navigation #next-activity-link::before {
    content: "Próximo ▶︎" !important;
    color: #FFF !important;
    font-size: 1rem;
}
.activity-navigation .urlselect {
    display: none;
}
.icon.fa-star-o,
.icon.fa-star {
    color: gold !important;
}

/*EXPERIENCE*/
.coursebox {
    background-color: rgb(0 0 0 / 45%)!important;
}
.coursebox .title,
.coursebox .desc {
    color: #FFF !important;
}
.buttonhidesec0 {
    display: none!important;
}

/*ENROL*/
#page-enrol-index #page-wrapper {
    display: none !important;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*MOBILES*/
@media (max-width: 480px) {
    .drawer {
        height: 90vh;
        top: 10vh
    }
    .activity-navigation .row {
        display: flex;
        flex-wrap: nowrap;
    }
}

/*CODELYAPP*/
#codelyflix-login .logo.moodle,
.codelyapp-body .navbar.fixed-top,
.codelyapp-body #tutoria_chat,
.codelyapp-body #secretaria_chat {
    display: none !important;
}

.codelyapp-body.path-grade #page-content,
.codelyapp-body.path-mod #page-content,
.codelyapp-body.pagelayout-incourse #page-content {
    margin-top: 2rem !important;
}

/*CODELYAPP - TESTE APP DEMO*/
.app-demo #page-navbar,
.app-demo .whatsapp,
.app-demo .usermenu .dropdown-menu .dropdown-item,
.app-demo .usermenu .dropdown-menu .dropdown-divider {
    display: none !important;
}
.app-demo .usermenu .dropdown-menu .dropdown-item[data-title="logout,moodle"] {
    display: block !important;
}