/*@import url('https://fonts.cdnfonts.com/css/helvetica-neue-55');*/


body {
    background-color: #141414 !important;
    background: linear-gradient(rgb(0 0 0 / 66%), rgb(0 0 0), #141414), url(https://codely-storage.s3.amazonaws.com/manole-decid/images/main-bg.jpg);
    font-family: 'Helvetica Neue', sans-serif !important;
    background-position: top !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}

table {
    background-color: #FFF;
}

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

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

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

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

/*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, .simplesearchform .collapse.show, .simplesearchform .collapsing {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-image: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    color: #fff;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0;
    padding-top: 1rem;
    padding-left: 1.5rem;
    z-index: 999999999;
    background-image: none !important;
}
.navbar.fixed-top {
    display: flex;
    align-items: center;
    border-bottom: none;
    height: 72px;
}
nav.navbar .navbar-brand img {
    width: 168px;
    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: #ff6813;
}
nav.navbar .usermenu {
    padding-left: 60px;
}
.usermenu .menu .dropdown-item.menu-action,
.usermenu .dropdown-divider{
    display: none;
}
.usermenu .menu .dropdown-item.menu-action[data-title="profile,moodle"],
.usermenu .menu .dropdown-item.menu-action[data-title="logout,moodle"] {
    display: block;
}


nav.navbar .usermenu .dropdown-toggle::after {
    border-top-color: #FFF;
}
nav.navbar .usernav .nav-item:first-child,
nav.navbar .usermenu .usertext {
    display: none;
}
header#page-header .btn-secondary {
    color: #fff;
    background-color: #ff6813;
    border-color: #ff6813;
}
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: #ff6813 !important;
}
.format-tiles .sectiontitle::after, .format-tiles .badge-info {
    background-color: #ff6813 !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;
}

.page-header-headings {
    color: #FFF;
}

.drawer .drawertoggle[data-action="closedrawer"] i {
    padding: 5px !important;
}
.drawer .drawertoggle[data-action="closedrawer"]{
    border-color: #FFF !important;
    color: #FFF !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: #ff6813;
    color: #FFF;
}

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

/*PROFILE*/
#page-user-profile #custom-header,
#page-user-profile .drawer-toggles,
#page-user-profile #page-navbar,
#page-user-profile .singlebutton,
#page-user-profile .profile_tree .node_category,
#page-user-profile .profile_tree .node_category:first-child .lead,
#page-user-profile .profile_tree .node_category:first-child .contentnode {
    display: none !important;
}
#page-user-profile .profile_tree .node_category:first-child {
    display: flex !important;
}
#page-user-profile .editprofile a {
    border: 1px solid;
    padding: 1rem 3rem;
    width: 100% !important;
    display: block;
    text-align: center;
}
#page-user-profile .profile_tree .editprofile {
    text-align: left !important;
    margin-left: -37px;
}

#action-menu-0-menu,
#page-user-edit #custom-header,
#page-user-edit #fitem_id_description_editor,
#page-user-edit #fitem_id_maildisplay,
#page-user-edit #fitem_id_imagealt,
#page-user-edit #id_moodle_additional_names,
#page-user-edit #id_moodle_interests,
#page-user-edit #id_moodle_optional {
    display: none !important;
}

.btn-primary[type="submit"],
.btn-secondary[type="submit"] {
    padding: 18px 30px !important;
    height: auto;
    border-radius: 12px;
}
.btn-primary {
    background-color: #ff6814 !important;
    border: 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;
}
.student-logged .courseindex-item.restrictions.dimmed {
    pointer-events: none;
}
#region-main-box>#region-main>.notifications>.alert.alert-dismissible {
    display: none;
}

/*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: #ff6813 !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);
}

/*SINGLE ACTIVITY*/
.student-logged.format-singleactivity .secondary-navigation {
    display: none;
}

.student-logged.format-singleactivity #page,
.student-logged.format-singleactivity #topofscroll {
    padding: 0 !important;
    margin: 0 !important;
}

.student-logged.format-singleactivity #region-main>h2 {
    display: none;
}

iframe {
    border: 0 !important;
}

.card {
    background-color: transparent !important;
}
html {
    background-color: #141415;
}
.path-course .generaltable,
.path-course .generaltable tbody tr:hover {
    color: #1d2125;
}
.bg-light ,
.bg-light a,
.bg-light i,
.bg-light span {
    color: #1d2125 !important;
}

.tertiary-navigation-selector .btn.dropdown-toggle {
    color: #FFF !important;
}

/*ATIVIDADES*/
.activity-navigation #prev-activity-link, .activity-navigation #next-activity-link {
    color: transparent !important;
    padding: 10px 10px 10px;
    width: 130px !important;
    font-size: 0px;
}
.activity-navigation #prev-activity-link::after {
    content: "Anterior" !important;
    color: #FFF !important;
    font-size: 1rem;
}
.activity-navigation #prev-activity-link::before {
    content: "◀︎" !important;
    color: #FFF !important;
    font-size: 1rem;
    border: 2px solid #FFF;
    border-radius: 100%;
    padding: 9px 10px 9px 10px;
    margin-right: 10px;
}
.activity-navigation #next-activity-link {
    background: transparent;
}
.activity-navigation #next-activity-link::before {
    content: "Próximo" !important;
    color: #FFF !important;
    font-size: 1rem;
}
.activity-navigation #next-activity-link::after {
    content: "" !important;
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    font-weight: var(--fa-style, 900) !important;;
    padding: 9px 10px 9px 12px !important;

    /*content: "▶" !important;*/
    color: #FFF !important;
    font-size: 1rem;
    border: 2px solid #FFF;
    border-radius: 100%;
    /*padding: 10px;*/
    margin-left: 10px;
}
.activity-navigation .urlselect {
    display: none;
}

/*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;
}

/* MANOLE DECID CUSTOMS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/*DRAWER*/
.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
    flex-direction: row-reverse;
}

.courseindex .courseindex-item .courseindex-link {
    width: 100%;
}

.drawer-toggles .drawer-left-toggle {
    top: 80vh;
}

.drawer-toggles .drawer-toggler .btn {
    background: #ff6813;
}

.drawer.drawer-left .drawertoggle {
    margin-top: 70px;
    padding: 5px;
    margin-left: 6px;
}

.drawer.drawer-left.show {padding-left: 12px;}

.student-logged .courseindex .courseindex-section-title .courseindex-link {
    pointer-events: none !important;
}

@media (min-width: 992px) {
    .drawer-left, .drawer-right {
        top: 175px;
        height: calc(100vh - 175px);
    }
    #page.drawers.show-drawer-left {
        margin-left: 415px;
    }
}

/*PAGINA DE ATIVIDADES*/
.student-logged #page-header,
.student-logged .drawer-right-toggle {display: none;}

#custom-header {
    margin: 7rem 1rem 2rem 1rem;
    color: #FFF;
}

#custom-header .categorytitle {
    font-weight: 300;
    font-size: 2rem;
}
#custom-header .coursetitle {
    font-weight: 900;
}

#courseindex-content {
    background: transparent;
    padding: 0;
}

.courseindex #courseindexsection0 {
    display: none !important;
}

.courseindex .courseindex-item.pageitem {
    background-color: #ff6713 !important;
}

.courseindex .courseindex-item .courseindex-link {
    color: #FFF;
}

.courseindex .courseindex-item {
    padding-left: 0;
    display: flex;
    align-items: center;
    font-size: 150%;
    margin-left: -5px;
    margin-top: 30px;

}

.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
    background: #5b5b5b;
    margin: 1rem 0;
    font-size: 120%;
}

.drawer.drawer-left .drawertoggle:hover {
    color: #FFF;
}

.drawer.drawer-left .drawertoggle {
    border: 1px solid #495057;
    color: #495057;
    border-radius: 100%;
    padding: 3px 1px;
}

.activity-navigation-icon {
    width: 40px;
    filter: invert(1);
}

.drawer.drawer-left {
    max-width: 415px;
    width: 100%;
}

.courseindex .courseindex-item:hover,.courseindex .courseindex-item:hover a, .courseindex .courseindex-item:focus {
    color: #FFF !important;
}

.course-section .availabilityinfo {
    background-color: rgb(255 255 255 / 28%);
}

.courseindex .icon {
    font-size: 25px;
    border: 2px solid #252323;
    border-radius: 100%;
    padding: 8px;
}

.completioninfo .fa-circle::before,
.completioninfo .fa-regular::before {
    content: "" !important;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #252323;
}

.completioninfo.completion_complete .fa-circle {
    background-color: #07cb7b;
    border-color: #07cb7b;
}
.completioninfo.completion_complete .fa-circle::before {
    color: #5b5b5b;
}

#region-main {
    background: transparent;
    color: #FFF;
}

#region-main>h2 {
    border-bottom: 2px solid #ff6713;
    padding-bottom: 10px;
}

#page.drawers .activity-header {
    background: transparent;
    padding: 0;
    margin: 0;
}

.activity-header .activity-information {
    display: none;
}

.path-mod .activity-description {
    font-size: 18px;
    font-style: italic;
}

.path-mod .activity-description {
    padding-left: 15px;
}

.vimeo-video-description {display: block !important; margin-top: 1rem;}

.simplesearchform .btn-submit .icon {
    color: #FFF !important;
}
.simplesearchform .btn-submit {
    background-color: #ff6714 !important;
}

.simplesearchform .btn[data-action="opensearch"] .icon {
    font-size: 25px;
    position: relative;
    right: -70px;
}

.usermenu img.userpicture {
    border-radius: 5px;
}

nav.navbar .usermenu .dropdown-toggle::after {
    display: none;
}

/*PROGRESSO*/
.progress {
    width: 150px;
    height: 150px;
    background: none;
    position: relative;
}

.progress::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #252323;
    position: absolute;
    top: 0;
    left: 0;
}

.progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progress .progress-left {
    left: 0;
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 6px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.progress .progress-right {
    right: 0;
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.progress .progress-value {
    position: absolute;
    top: 0;
    left: 0;
}

#progress-course-rounded {
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1rem;
}

#progress-course-rounded .progress-text {
    margin-right: 1rem;
}

#progress-course-rounded .progress {
    width: 70px;
    height: 70px;
}

#progress-course-rounded .h2.font-weight-bold {
    font-size: 20px;
    margin-top: 7px;
    color: #08cc7c;
}

#progress-course-rounded .progress-bar.border-primary {
    border-color: #08cc7c !important;
}

@media (max-width: 480px) {
    .navbar-nav {
        width: 100%;
    }
    nav.navbar .usermenu {
        padding-left: 33px;
    }
    .drawer-right, .drawer-left {
        background-color: rgb(0 0 0 / .5) !important;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        background-image: none;
        box-shadow: 0 2px 5px rgb(0 0 0 / .1) !important;
    }
    .drawer.drawer-left .drawertoggle {
        position: absolute;
        right: 1rem;
        top: 48px;
    }
    .drawer.drawer-right {
        height: 90vh;
        top: 10vh;
    }

    .activity-navigation .row {
        flex-wrap: nowrap !important;
    }
    .activity-navigation .row .col-md-4:last-child,
    .activity-navigation .row .col-md-4:first-child {
        width: 50% !important;
        padding-left: 12px !important;
    }
    .simplesearchform .btn-close {
        position: absolute;
        right: -56px;
        font-size: 20px;
        top: -5px;
    }

    .simplesearchform .btn .icon.fa-xmark {
        color: #FFF;
        border: 1px solid #FFF;
        padding: 4px 2px;
        border-radius: 100%;
    }

    .simplesearchform .searchform-navbar {
        padding-left: 0;
    }
}

/*SCROLLBAR*/
/* Aplica a toda a página */
::-webkit-scrollbar {
    width: 12px; /* Largura da barra de rolagem */
    height: 12px; /* Altura da barra de rolagem (para scroll horizontal) */
}

::-webkit-scrollbar-track {
    background: transparent; /* Cor do fundo da barra */
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background: #ff6814; /* Cor do indicador da barra */
    border-radius: 6px;
    border: 2px solid #f1f1f1; /* Dá um efeito "afundado" */
}

::-webkit-scrollbar-thumb:hover {
    background: #ff6814; /* Cor ao passar o mouse */
}

/* Firefox */
* {
    scrollbar-width: thin !important; /* Tamanho da scrollbar (auto, thin, none) */
    scrollbar-color: #ff6814 transparent !important; /* Cor do thumb e do track */
}

/* Edge antigo (caso precise) */
body {
    -ms-overflow-style: none; /* Remove scrollbar feia no Edge antigo */
}