/* Patricia 07-08-2023 */


/* curso pagina */

.accordion-modulo {
    width: 100%
}

.breadcrumb,
.breadcrumb a {
    color: white !important
}

.call_to_action .btn {
    color: #fff !important;
}

@media (max-width: 768px) {
    .curso_container {
        width: 90%;
    }
    .course-description-detail {
        width: 100%;
        display: block;
        clear: both;
    }
    .curso_header_info {
        width: 100%;
        text-align: center;
        padding-top: 35%;
        margin: 0;
    }
    .curso_section .curso_section_left {
        width: 100%;
    }
    .curso_section .curso_section_right {
        width: 100%;
        padding: 10px;
        padding-top: 20px;
    }
    #collapse {
        display: none;
    }
    .langline {
        padding-top: 18px;
    }
    .curso_content,
    .anexos,
    .button_row {
        padding: 10px;
    }
    .curso_container .curso_section_left {
        width: 100%;
        margin-right: 0;
    }
    .curso_container .curso_section_right {
        position: relative;
        margin-top: 0;
        top: 0;
        padding: 0;
        padding-top: 20px;
        width: 100%;
    }
}


/* Patricia 08-08-2023 */

.linha-item .text-right {
    color: #4080a2
}

.myaccordion .linha-item .text-muted {
    font-weight: normal;
    color: #4080a2
}

.myaccordion .btn h6 {
    color: #fff!important
}

.myaccordion .linha-item .btn .text-muted h6 {
    font-size: 12px !important;
    font-weight: normal;
    color: #4080a2!important
}

.progress-bar-completed {
    background-color: #1a3347 !important
}

.progress {
    background-color: #dee3e7;
    position: relative !important;
}

.course-description-detail .accordion-course .card-body {
    padding: 0 !important;
}

.accordion-course .linha-item {
    border-bottom: 1px solid #5f6264 !important;
}

.course-description-detail .accordion-course .card-body .card-body .linha-item {
    padding-left: 0 !important;
    width: 90%;
    margin: 0 auto;
}

.accordion-course .linha-item .linha-item {
    border-bottom: 1px solid #ced2d3 !important;
}

.accordion-course .accordion-modulo .linha-item:last-child {
    border-bottom: none !important;
}

.linha-item .col-5 {
    position: relative;
}

.linha-item .col-5 span {
    position: absolute;
    right: 0;
    top: -3px;
    color: #4d738a;
}

.myaccordion .btn h5 span {
    color: #91aec0 !important;
}

.myaccordion [data-toggle="collapse"].collapsed .fa:before {
    content: "\f107" !important;
}

.myaccordion [data-toggle="collapse"] .fa:before {
    content: "\f106" !important;
}

.myaccordion .btn .linha-item .linha-item .icon i {
    color: #475055 !important;
}

.breadcrumb, .breadcrumb a {
    color: #333438 !important;
}

.curso_header_info .breadcrumb, .curso_header_info .breadcrumb a {
    color: #FFFFFF !important;
}

.curso_section_right a {
    font-size: 14px;
}

.curso_section_right .titulo-exer {
    font-size: 14px;
}

.accordion-course .titulo-exer {
    font-size: 14px;
}
.accordion-course a, .accordion-course .titulo-exer-link{
    font-size: 14px !important;
}

.curso_section_right .titulo-exer-link{
    padding-right: 70px;
}



.curso_section_right .accordion-course .item-active {
    background-color: #4180a2;
}

.item-active {
    background-color: #4180a2;
}

.item-active .col-5 span {
    color: #1a3347;
}

.detail-course-btn .btn {
    margin-bottom:10px;
}



@media (max-width: 768px) {
    .navbar-toggler:focus {
        box-shadow: 0;
    }
    .header-main .row {
        padding-top: 15px;
    }
    .section-header .logo {
        width: 100%;
        max-height: none;
    }
    .fa-cart-shopping {
        padding-top: 12px;
        position: relative;
        float: right;
    }
    .left-addon .fa-solid {
        left: 20px;
    }
    #navbarDropdownMenuLink {
        width: 100%;
        text-align: left;
    }
    .nav-link .caret {
        float: right;
        padding-right: 10px;
    }
    .language #navbarDropdownMenuLink {
        text-align: center;
    }
    .language .nav-link .caret {
        float: inherit;
    }
    .dropdown-menu {
        margin-top: 0;
    }
    .language .dropdown-menu {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
    }
    .header-main .container {
        height: 70px;
    }

    .search-header .dropdown-menu{
        position: absolute;
        width: 100%;
    }

    .search-header .dropdown-menu  .dropdown-item{
        overflow: hidden;
    }
}

@media (max-width: 1000px) and (min-width: 900px) {
    .header-main .col-md-3 {
        width: 55%;
    }
    .fa-cart-shopping {
        padding-top: 12px;
    }
    .navbar-toggler:focus {
        box-shadow: 0;
    }
    .language .dropdown-menu {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        border: 0;
    }
    .visible-xs {
        display: block;
    }
    .divider {
        display: none
    }
    .homepage .container {
        width: 100%;
        padding: 0;
    }
    .flickerplate {
        height: 90vh !important;
    }
    .brand-wrap img {
        width: 100%;
        max-height: auto !important;
    }
    .homepage .courses-content {
        width: 90%;
        margin: 0 auto;
    }
    .category-block img {
        width: 100%;
    }
    .category-block img {
        width: 100%;
    }
    .category-description {
        padding: 10px;
    }
    .categories-content {
        width: 90%;
    }
    .categorias {
        margin: 0
    }
    .header-main .menu1 {
        width: 100%;
        position: absolute;
        top: 100px;
    }
    .menu1 .float-end {
        float: left !important;
        width: 100%;
        padding: 0;
    }
    .header-main .col-auto {
        z-index: 100
    }
    .hidden-xs {
        display: none
    }
    .search-header {
        margin: 0;
        padding: 10px 0;
    }
    .header-main .menu1,
    .header-main .nav-item {
        height: auto;
    }
    .nav-item {
        padding: 10px 0;
        text-align: center;
        border-bottom: 1px solid #d5d6d7;
    }
    .categories.nav-item {
        padding: 10px
    }
    #navbarDropdownMenuLink {
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: left;
    }
    #navbarDropdownMenuLink.dropdown-toggle {
        text-align: center;
    }
    #navbarNavDropdown.show {
        background-color: rgba(255, 255, 255, 1);
        padding: 10px;
    }
    .language .dropdown-menu .dropdown-item {
        width: 100%;
        text-align: center;
    }
    .brand-wrap .logo {
        max-height: none !important;
    }

    .search-header .dropdown-menu{
        position: absolute;
        width: 100%;
    }

    .search-header .dropdown-menu  .dropdown-item{
        overflow: hidden;
    }
}