@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");

/*
 *
 *   Eag.Web - Responsive Admin Theme
 *   version 2.9.2
 *
*/
@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../fonts/glyphicons-halflings-regular.eot");
    src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg") format("svg");
}

body {
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}

button:focus {
    outline: none;
}

/* font colors
dark yellow: #ab8014
light yellow: #e4ac1b
light gray: #949192
dark gray: #7e787a
brown gold: #5c4200
black: #1e2022
*/

/* CONTAINER START */
.container-new {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-new {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-new {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-new {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-new {
        max-width: 1140px;
    }
}

/* @media (min-width: 1400px) {
  .container-new {
    max-width: 1400px;
  }
} */

/* CONTAINER END */

/* CSS HEADER START */
.nav-header {
    padding: 30px 0;
}

.logo-header img {
    max-width: 155px;
    width: 100%;
}

/* CSS MOBILE START */
.botaoMenuMobile {
    position: relative;
    z-index: 99;
}

#butaoMenu {
    background: transparent;
    border: none;
    color: #ffaf00;
    font-size: 30px;
    cursor: pointer;
    outline: none;
}

.bg-mobile-dark {
    background-color: #00000070;
    position: fixed;
    display: none;
    height: 100vh;
    width: 100%;
    z-index: 9;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

    .bg-mobile-dark.active {
        display: block;
    }

.divMenuMobile {
    display: none;
    width: 100%;
    height: 100vh;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    top: 0;
}

    .divMenuMobile.active {
        display: block;
    }

.menuMobileUp {
    position: absolute;
    padding: 60px 0 0 20px;
    background: #fff;
    list-style: none;
    height: 90%;
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    right: -5px;
    top: 5px;
    overflow: auto;
}

    .menuMobileUp li {
        margin: 0 0 30px;
    }

        .menuMobileUp li a {
            text-decoration: none;
            color: #949192;
            font-size: 16px;
            text-align: left;
        }

            .menuMobileUp li a:hover {
                color: #ab8014;
                font-weight: bold;
            }

.usuarioMenu {
    margin: 0 0 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.userIcon {
    width: 20%;
    margin-right: 10px;
}

    .userIcon img {
        width: 100%;
    }

.userInfo {
    width: 70%;
}

    .userInfo h4 {
        margin: 0;
        color: #000;
        font-size: 14px;
        font-weight: bold;
    }

    .userInfo p {
        margin: 0;
        color: #000;
        font-size: 14px;
    }

.cutLineMenu {
    margin-left: -20px !important;
    background-color: #ebebeb;
    /*width: 250px;*/
    height: 1px;
}

.footerMenuMob {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*left: 0;*/
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .footerMenuMob img {
        width: 90px;
    }

    .footerMenuMob p {
        text-align: center;
        color: #949192;
        font-size: 12px;
        margin: 10px 0;
    }

/* CSS MOBILE END */
/* CSS HEADER END */

/* CSS FOOTER START */
#footer {
    padding: 50px 0;
    background: #e4ac1b;
}

.column-footer-left {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contatos-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .contatos-footer img {
        width: auto;
    }

    .contatos-footer h4 {
        font-size: 18px;
        margin: 15px 0 5px;
        color: #000;
    }

    .contatos-footer a {
        text-decoration: none;
        color: #000;
        font-size: 14px;
        line-height: 1.2;
    }

        .contatos-footer a:hover {
            color: #fff;
        }

.sociais-footer {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin: 15px 0 0;
}

    .sociais-footer .icon {
        margin-right: 10px;
    }

        .sociais-footer .icon a img {
            width: 25px;
        }

.column-footer-mid h4,
.column-footer-right h4 {
    font-size: 20px;
    color: #000;
    margin: 0 0 15px;
}

.column-footer-mid ul,
.column-footer-right ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    justify-content: space-between;
    transition: ease-in-out 550ms;
}

.column-footer-mid li,
.column-footer-right li {
    width: 50%;
    margin: 0 0 10px;
}

    .column-footer-mid li a,
    .column-footer-right li a {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
    }

        .column-footer-mid li a:hover,
        .column-footer-right li a:hover {
            color: #fff;
        }

.line-footer-bottom {
    border-top: 1px solid #231f20;
    padding: 15px 0 0;
    margin: 80px 0 0;
}

    .line-footer-bottom p {
        font-size: 12px;
        color: #231f20;
        margin: 0;
    }

#topBtn {
    position: fixed;
    bottom: 40px;
    right: 40px;
    font-size: 22px;
    width: 50px;
    height: 50px;
    background: #5c4200;
    color: #fff;
    border: none;
    cursor: pointer;
    display: none;
    outline: none;
    border-radius: 50%;
    z-index: 999;
}

/* CSS FOOTER END */

/* CSS HOME START */
/* CSS MAIN START */
main {
    position: relative;
}

/* bg yellow light Start */
.bg-yellowLight {
    background: #fff9ea;
    position: absolute;
    width: 100%;
    height: 48%;
    z-index: -1;
    top: 38.5%;
}

/* bg yellow light Start */

/* Home Banner Start */
.home-banner {
    background-image: url("/Images/eag/foto-dash.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 8% 0;
}

    .home-banner h1 {
        margin: 0 0 20px 0;
        font-size: 50px;
        color: #fff;
    }

    .home-banner p {
        color: #ffaf00;
        font-weight: 500;
        font-size: 38px;
        line-height: 1;
        margin: 0;
    }

/* Home Banner End*/

/* Pilares de Formação Start */

.title-pilares {
    margin: 50px 0;
}

    .title-pilares h2 {
        color: #e4ac1b;
        font-size: 30px;
        margin: 0;
    }

#pilares .slide-box {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.slide-box a {
    text-decoration: none;
}

.bg-img-pillar {
    background: #231f20;
    border-radius: 50%;
    height: 170px;
    width: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .bg-img-pillar img {
        width: 60px;
    }

#pilares p {
    text-align: center;
    color: #949192;
    margin: 20px 0 0;
}

    #pilares p:hover {
        color: #e4ac2e;
    }

/* Pilares de Formação End */

/* Métricas de acompanhamento Start */
#metricas {
    margin: 50px 0;
}

.title-metricas {
    margin: 50px 0;
}

    .title-metricas h2 {
        color: #e4ac1b;
        font-size: 30px;
        margin: 0;
    }

.chartCard {
    width: 98%;
    height: 100%;
    background: white;
    position: relative;
    border-radius: 20px;
}

.grafic-text {
    padding: 20px 0 0 20px;
    position: absolute;
    width: 60%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .grafic-text h4 {
        font-size: 22px;
        color: #5c4200;
        margin: 0 0 20px;
    }

.selectProgress {
    background: transparent;
    margin: 0 0 70px;
    color: #7e787a;
    outline: none;
    width: 100px;
    border: 0;
}

.progressArea {
    margin-right: auto;
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .progressArea p {
        text-align: center;
        font-size: 14px;
        margin: 0;
    }

    .progressArea span {
        text-align: center;
        margin: 0 0 20px;
        font-size: 14px;
    }

.grayBar {
    width: 90%;
    height: 5px;
    margin: 0 0 10px;
    background: #ccc;
    position: relative;
}

.yellowBar {
    left: 0;
    width: 70%;
    height: 5px;
    position: absolute;
    background: #e4ac1b;
}

.brownBar {
    left: 0;
    width: 20%;
    height: 5px;
    position: absolute;
    background: #5c4200;
}

.chartBox {
    width: 65%;
    padding: 100px 20px 40px;
    margin-left: auto;
    background: white;
    border-radius: 20px;
}

#graficoLeft,
#graficoRight {
    height: 100% !important;
    width: 100% !important;
    position: relative;
    z-index: 8;
}

/* Métricas de acompanhamento End */

/* Cursos Start */
#cursos {
    margin: 50px 0;
}

.title-cursos {
    margin: 0 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .title-cursos h2 {
        color: #e4ac1b;
        font-size: 30px;
        margin: 0;
    }

    .title-cursos a {
        border: 1px solid #e4ac1b;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 5px;
        padding: 10px 20px;
        color: #231f20;
        font-weight: 500;
        font-size: 16px;
        margin: 0;
    }

        .title-cursos a:hover {
            background: #e4ac1b;
            color: #fff;
        }

#cursos .slide-box {
    text-decoration: none !important;
    width: 100%;
}

#cursosPilar .slide-box {
    text-decoration: none !important;
    width: 100%;
}

.thumb-curso {
    width: 100%;
}

    .thumb-curso img {
        width: 100%;
    }

.text-curso {
    box-shadow: 0px 0px 5px 1px #cfcfcfcc;
    padding: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .text-curso p {
        text-align: center;
        font-weight: 500;
        color: #000;
        margin: 0;
    }

    .text-curso b {
        text-transform: uppercase;
        text-decoration: none;
        background: #ab8014;
        padding: 5px 10px;
        color: #fff;
    }

        .text-curso b:hover {
            background: #e4ac1b;
        }

    .text-curso p:hover {
        color: #e4ac1b;
    }

/* Cursos End */
/* CSS MAIN END */
/* CSS HOME END */

/* CSS SALA DE AULA START */
/* Container pagina sala de aula START */
.container-salaAula {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-salaAula {
        max-width: 500px;
    }
}

@media (min-width: 768px) {
    .container-salaAula {
        max-width: 650px;
    }
}

@media (min-width: 992px) {
    .container-salaAula {
        max-width: 700px;
    }
}

@media (min-width: 1200px) {
    .container-salaAula {
        max-width: 800px;
    }
}

@media (min-width: 1400px) {
    .container-salaAula {
        max-width: 1000px;
    }
}

/* Container pagina sala de aula END */

/* Header sala de aula SART */
#salaDeAula {
    margin: 50px 0;
}

.header-SalaDeAula {
    background: #f4bd30;
    position: relative;
    height: 50px;
    width: 100%;
    padding: 0;
}

#btnMenuSala {
    transition: ease-in-out 550ms;
    background: #504a4c;
    position: absolute;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    outline: none;
    border: none;
    height: 35px;
    width: 35px;
    z-index: 9;
    left: 10px;
    top: 10px;
}

    #btnMenuSala.active {
        transition: ease-in-out 550ms;
        padding-right: 10px;
        background: #fff;
        padding-top: 2px;
        color: #e4ac1b;
        position: fixed;
        left: 300px;
    }

.btn-control-left,
.btn-control-right {
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

    .btn-control-left:hover,
    .btn-control-right:hover {
        color: #a07300;
    }

    .btn-control-left i {
        margin-right: 15px;
    }

    .btn-control-right i {
        margin-left: 15px;
    }

#btnCloseSala {
    background: transparent;
    position: absolute;
    cursor: pointer;
    font-size: 22px;
    color: #504a4c;
    border: none;
    height: 30px;
    width: 30px;
    right: 10px;
    top: 5px;
}

/* SideMenu sala de aula START */
#sideMenuAulas {
    transition: ease-in-out 500ms;
    position: fixed;
    height: 100vh;
    width: 350px;
    left: -350px;
    z-index: 8;
    top: 0;
}

    #sideMenuAulas.active {
        transition: ease-in-out 500ms;
        z-index: 8;
        left: 0;
    }

.topMenuDark {
    height: 15vh;
    background: #504a4c;
    padding: 50px 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

    .topMenuDark p {
        text-transform: uppercase;
        color: #e4ac1b;
        margin: 0 0 5px;
        font-size: 11px;
    }

    .topMenuDark h3 {
        color: #ffc52e;
        margin: 0 0 5px;
        font-size: 22px;
    }

    .topMenuDark span {
        color: #949192;
        font-size: 14px;
        margin: 0;
    }

.midMenuLight {
    padding: 30px 20px 30px;
    background: #fff9ea;
    position: relative;
    overflow-y: auto;
    height: 80vh;
}

    .midMenuLight::-webkit-scrollbar {
        width: 5px;
    }

    .midMenuLight::-webkit-scrollbar-track {
        background: #fff9ea;
    }

    .midMenuLight::-webkit-scrollbar-thumb {
        background-color: #5c4200;
        border-radius: 20px;
    }

.greenLineProg {
    background: #15d095;
    position: absolute;
    height: 3px;
    width: 40%;
    left: 0;
    top: 0;
}

.areaCategoria {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}

.btnCategoria {
    text-decoration: none !important;
    border: 1px solid transparent;
    margin: 0 10px 0 0;
    color: #a07300;
    font-weight: 500;
    font-size: 18px;
}

    .btnCategoria.active {
        border: 1px solid #a07300;
        border-radius: 20px;
        padding: 4px 20px;
        color: #a07300;
        font-weight: 500;
        font-size: 12px;
        line-height: 1;
    }

        .btnCategoria.active:hover {
            border: 1px solid #a07300;
            background: #a07300;
            border-radius: 20px;
            padding: 4px 20px;
            font-weight: 500;
            font-size: 12px;
            line-height: 1;
            color: #fff;
        }

.timelineVideoContent {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.progressBalls {
    width: 10%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0 0;
}

.ballIcon {
    border: 1px solid #ffecbb;
    background: #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conectLine {
    width: 1px;
    height: 65px;
    background: #ffecbb;
}

.ballIcon.active {
    border: 1px solid #15d095;
    background: #15d095;
    font-size: 12px;
    color: #fff;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conectLine.active {
    background: #15d095;
}

.progressInfos {
    width: 90%;
}

.infoSec {
    position: relative;
    cursor: pointer;
    z-index: 9;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.infoSec-title {
    width: 80%;
    padding: 15px 10px 15px 0;
    border-bottom: 1px solid #949192;
}

    .infoSec-title h4 {
        color: #504a4c;
        font-weight: 500;
        font-size: 16px;
        margin: 0 0 5px;
    }

    .infoSec-title p {
        color: #504a4c;
        font-weight: 500;
        font-size: 14px;
        margin: 0;
    }

.infoSec-icons {
    width: 20%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #949192;
}

.bg-gray-sideMenu {
    background: #979797;
    height: 5vh;
}

.subMenu-infoSec {
    transition: ease-out 300ms;
    cursor: pointer;
    max-height: 0;
    width: 100%;
    opacity: 0;
}

.sub-infoSec {
    width: 95%;
    margin-left: auto;
    padding: 15px 10px 15px 0;
    border-bottom: 1px solid #949192;
}

    .sub-infoSec h4 {
        color: #504a4c;
        font-weight: 500;
        font-size: 16px;
        margin: 0;
    }

.infoSec.active .subMenu-infoSec {
    transition: ease-in 300ms;
    max-height: 300px;
    opacity: 1;
}

/* SideMenu sala de aula END */
/* Header sala de aula END */

.content-salaDeAula {
    margin: 0 0 50px;
}

    .content-salaDeAula h2 {
        text-align: center;
        font-weight: bold;
        margin: 0 0 30px;
        color: #5c4200;
        font-size: 30px;
    }

    .content-salaDeAula button {
        background: transparent;
        text-decoration: none;
        color: #e4ac1b;
        margin: 0 0 10px;
        font-weight: 500;
        font-size: 18px;
        cursor: pointer;
        outline: none;
        border: none;
        padding: 0;
    }

.texto-descricao {
    transition: ease-out 300ms;
    max-height: 0px;
    opacity: 0;
}

    .texto-descricao.active {
        transition: ease-in 300ms;
        max-height: 300px;
        opacity: 1;
    }

.iconUserP {
    text-decoration: none !important;
    background: #e4ac1b;
    position: absolute;
    border-radius: 50%;
    font-weight: 500;
    font-size: 26px;
    cursor: pointer;
    color: #5c4200;
    line-height: 1;
    outline: none;
    border: none;
    height: 60px;
    width: 60px;
    top: -15px;
    margin: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .iconUserP:hover {
        background: #ffc52e;
    }

.content-salaDeAula a:hover {
    color: #a07300;
}

.content-salaDeAula p {
    font-size: 16px;
    color: #7e787a;
    margin: 0;
}

.areaVideoAula {
    position: relative;
    margin: 30px 0;
}

#videoSalaDeAula {
    width: 100%;
}

#playBtnVideo {
    background: transparent;
    position: absolute;
    color: #ffc52e;
    line-height: 4.5;
    font-size: 7rem;
    cursor: pointer;
    outline: none;
    border: none;
    height: 80%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

    #playBtnVideo.inactive {
        opacity: 0;
    }

.comentarios-salaDeAula h2 {
    font-size: 30px;
    font-weight: 600;
    color: #a07300;
}

.comentarios-salaDeAula form textarea {
    border-radius: 5px;
    margin: 30px 0;
    padding: 10px;
    outline: none;
    width: 100%;
}

.comentarios-salaDeAula form button {
    text-transform: uppercase;
    background: #e4ac1b;
    padding: 10px 20px;
    border-radius: 5px;
    color: #5c4200;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    border: none;
}

    .comentarios-salaDeAula form button:hover {
        background: #ffc52e;
    }

/* SALA DE AULA 3 START */
.vh-90 {
    height: 90vh;
}

.h-60 {
    height: 60% !important;
}

.comandante h1 {
    font-size: 50px;
    color: #5c4200;
    margin: 0 0 30px;
}

.comandante p {
    font-size: 20px;
    color: #5c4200;
    margin: 0 0 30px;
}

.comandante form label {
    background: #e4ac1b;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
}

    .comandante form label:hover {
        background: #5c4200;
        color: #fff;
    }

.comandante form input {
    display: none;
}

.comandante .left,
.comandante .right {
    text-transform: uppercase;
    text-decoration: none;
    color: #e4ac1b;
    font-weight: 500;
    font-size: 20px;
}

    .comandante .left:hover,
    .comandante .right:hover {
        color: #5c4200;
    }

.comandante .btnConclusao {
    text-transform: uppercase;
    text-decoration: none;
    color: #e4ac1b;
    font-weight: 500;
    font-size: 20px;
}

    .comandante .btnConclusao:hover {
        color: #5c4200;
    }

/* SALA DE AULA 3 END */
/* CSS SALA DE AULA END */

/* -----> GUSTAVO <----- */

/* PILAR START */

/* FIRST SECTION START*/
.first {
    background-image: url("/images/image48.png");
    background-size: cover;
}

.first__content {
    color: white;
    padding-top: 178px;
    padding-bottom: 50px;
}

    .first__content p {
        font-weight: 500;
        font-size: 14px;
    }

    .first__content h2 {
        font-weight: 600;
        font-size: 52px;
    }

/* FIRST SECTION END*/

/* SECOND SECTION START */

.second__content {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .second__content h3 {
        font-size: 28px;
        color: #a07300;
        font-weight: 700;
        line-height: 1;
        margin: 0 0 30px;
    }

    .second__content p {
        font-size: 16px;
        color: #949192;
        font-weight: 400;
        line-height: 26px;
    }

/* SECOND SECTION END */

/* THIRD SECTION START */

.third {
    background-image: url("/images/rectangle1924.png");
    background-size: cover;
}

.third__content {
    padding-top: 50px;
    padding-bottom: 60px;
}

    .third__content h3 {
        font-size: 28px;
        color: #a07300;
        font-weight: 600;
        line-height: 24px;
        padding-top: 9px;
        padding-bottom: 14px;
    }

.data__wrapper {
    display: grid;
    padding-top: 40px;
    padding-bottom: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 125px;
}

.data hr {
    width: 40px;
    border: #e4ac1b 2px solid;
    background-color: #e4ac1b;
    margin: 0;
}

.data h3 {
    font-size: 24px;
    color: #a07300;
    font-weight: 600;
    line-height: 20px;
}

.data p {
    font-size: 18px;
    color: #949192;
    font-weight: 400;
    line-height: 20px;
}

/* THIRD SECTION END */

/* FOURTH SECTION START */

.fourth__content {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: -100px;
}

.rectangle__carroussel {
    width: 100%;
    border-radius: 10px;
    margin: 0 auto;
    padding: 60px;
    background-color: white;
    box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.06);
}

/* CURSOS START */

.title-cursosPilar {
    margin: 0 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .title-cursosPilar h2 {
        color: #a07300;
        font-size: 30px;
        margin: 0;
    }

    .title-cursosPilar a {
        border: 1px solid #e4ac1b;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 5px;
        padding: 10px 20px;
        color: #231f20;
        font-weight: 500;
        font-size: 16px;
        margin: 0;
    }

        .title-cursosPilar a:hover {
            background: #e4ac1b;
            color: #fff;
        }

#cursosPilar .slide-box {
    width: 100%;
}

.thumb-cursoPilar {
    width: 100%;
}

    .thumb-cursoPilar img {
        width: 100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

.text-cursoPilar {
    box-shadow: 0px 0px 5px 1px #cfcfcfcc;
    padding: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .text-cursoPilar p {
        font-weight: 500;
        color: #000;
        margin: 0;
    }

    .text-cursoPilar a {
        border-radius: 4px;
        text-transform: uppercase;
        text-decoration: none;
        background: #ab8014;
        padding: 5px 10px;
        color: #fff;
    }

        .text-cursoPilar a:hover {
            background: #e4ac1b;
        }

/* CURSOS END */

/* FOURTH SECTION END */

/* FIFTH SECTION STARD */

.fifth__content {
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
}

.fifth__content-write h2 {
    font-size: 36px;
    line-height: 32px;
    font-weight: 600;
    color: #a07300;
    padding-bottom: 22px;
}

.fifth__content-write p {
    font-size: 20px;
    color: #949192;
    font-weight: 400;
    line-height: 26px;
}

fifth__content img {
    width: 100%;
}

/* FIFTH SECTION END */

/* SIXTH SECTION START */

.sixth {
    background-color: #fff9ea;
    padding-top: 202px;
    margin-top: -180px;
}

    .sixth h2 {
        font-size: 36px;
        line-height: 32px;
        font-weight: 600;
        color: #a07300;
        padding-bottom: 22px;
    }

.profile__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 50px;
}

.profile img {
    width: 80%;
}

.profile h3 {
    font-size: 24px;
    line-height: 20px;
    font-weight: 600;
    color: #a07300;
    padding-top: 50px;
    padding-bottom: 18px;
}

.profile p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #949192;
}

/* SIXTH SECTION END */

/* PILAR END */

/* AULA CURSO START */

/* FIRST__CURSO START */

.first__curso {
    background-image: url("/images/eag/foto-dash.png");
    background-size: cover;
    background-position: center;
}

.first__content__curso {
    color: black;
    padding-top: 178px;
    padding-bottom: 50px;
}

    .first__content__curso p {
        font-weight: 500;
        font-size: 14px;
    }

    .first__content__curso h2 {
        font-weight: 600;
        font-size: 52px;
    }

/* FIRST__CURSO END */

/* SECOND__CURSO START */

.second__curso-content {
    padding: 50px 0;
}

.second__curso-topic-menu {
    padding-inline-start: 0px;
}

.second__curso-topic h3 {
    color: #a07300;
    font-size: 28px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 50px;
}

.second__curso-topic {
    color: #949192;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}

.second__curso-topic-menu {
    margin-left: 10px;
    padding-left: 20px;
    list-style: disc;
}

a.second__curso-topic-link {
    text-decoration: none;
    color: #949192;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}

.rectangle__curso-progress {
    box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.06);
    padding: 20px !important;
    border-radius: 10px;
}

.progress-top h4 {
    color: #5c4200;
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}

.progress-top a {
    text-transform: uppercase;
    text-decoration: none;
    background: #e4ac1b;
    font-size: 16px;
    color: #5c4200;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 5px;
}

    .progress-top a:hover {
        background: #ab8014;
        color: #fff;
    }

.progress-mid {
    box-shadow: 0px 0px 5px 5px #f3f3f399;
    padding: 15px !important;
    border-radius: 5px;
    margin: 40px 0;
}

    .progress-mid p {
        font-weight: 500;
        font-size: 18px;
        margin: 0;
    }

    .progress-mid span {
        font-weight: 400;
        font-size: 18px;
        color: #979797;
    }

.progressoCurso {
    background: #efefef;
    border-radius: 10px;
    position: relative;
    margin: 10px 0 0;
    height: 10px;
    width: 100%;
}

    .progressoCurso span {
        border-radius: 10px;
        background: #15d095;
        position: absolute;
        height: 10px;
        width: 82%;
        left: 0;
        top: 0;
    }

.progress-bot h4 {
    font-size: 22px;
    color: #a07300;
    margin: 0;
}

.progress-bot p {
    font-weight: 400;
    font-size: 16px;
    color: #979797;
    margin: 0;
}

/* SECOND__CURSO-END */

/* THIRD__CURSO-START */

.third__curso-content {
    margin: 50px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.third__curso-aulas {
    width: 55%;
    margin-left: 18px;
    color: #949192;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}

    .third__curso-aulas h3 {
        color: #7e5b00;
        font-size: 28px;
        line-height: 24px;
        font-weight: 600;
        margin-bottom: 30px;
    }

.third__curso-aula-item {
    list-style: none;
}

.title-aula {
    margin-left: -18px;
    margin-bottom: 30px;
}

.third__curso-aula-title {
    cursor: pointer;
}

.third__curso-aula-title-a-border {
    border-bottom: 1px solid #d8d8d8;
}

.third__curso-aula-title-a-borderr {
    border-bottom: white 1px solid;
}

.third__curso-aula-title-a-border2 {
    border-bottom: 1px solid #d8d8d8;
}

.third__curso-aula-title-a-borderr2 {
    border-bottom: white 1px solid;
}

.third__curso-aula-title-a-border3 {
    border-bottom: 1px solid #d8d8d8;
}

.third__curso-aula-title-a-borderr3 {
    border-bottom: white 1px solid;
}

.third__curso-aula-title-a-border4 {
    border-bottom: 1px solid #d8d8d8;
}

.third__curso-aula-title-a-borderr4 {
    border-bottom: white 1px solid;
}

.third__curso-aula-title-a-border5 {
    border-bottom: 1px solid #d8d8d8;
}

.third__curso-aula-title-a-borderr5 {
    border-bottom: white 1px solid;
}

.third__curso-aula-title-a p,
.third__curso-aula-title-a i {
    color: #949192;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}

.third__curso-aula-menu {
    padding-inline-start: 0px;
}

.dropdown a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #949192;
    background-color: white;
    border: none;
    align-items: flex-end;
    text-decoration: none;
}

.third-aulas {
    width: 50%;
}

.aulas-wrapper {
    display: flex;
    justify-content: space-between;
    color: #949192;
}

.btn__assistir-aula {
    color: #5c4200;
    font-size: 18px;
    line-height: 14px;
    font-weight: 600;
    border-radius: 4px;
    border: #e4ac1b 1px solid;
    padding: 16px 32px 0px;
}

a.dropdown {
    text-decoration: none;
}

.third__curso-mentor {
    width: 30%;
}

.third__curso-card h3 {
    color: #7e5b00;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
}

.third__curso-card p {
    color: #949192;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}

.card-info-text p {
    color: #7e5b00;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}

.linkedin-icon {
    border-radius: #5c4200 1px solid;
    background-color: #5c4200;
    border-radius: 5px;
    color: white;
    padding: 5px;
}

.third__curso-card-info {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.divFechada {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease;
}

.divAberta {
    max-height: 1000px;
    border-bottom: 1px solid #d8d8d8;
    transition: all 1s ease;
}

.divFechada2 {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease;
}

.divAberta2 {
    max-height: 1000px;
    border-bottom: 1px solid #d8d8d8;
    transition: all 1s ease;
}

.divFechada3 {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease;
}

.divAberta3 {
    max-height: 1000px;
    border-bottom: 1px solid #d8d8d8;
    transition: all 1s ease;
}

.divFechada4 {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease;
}

.divAberta4 {
    max-height: 1000px;
    border-bottom: 1px solid #d8d8d8;
    transition: all 1s ease;
}

.divFechada5 {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease;
}

.divAberta5 {
    max-height: 1000px;
    border-bottom: 1px solid #d8d8d8;
    transition: all 1s ease;
}

.batata {
    width: 50%;
}

.btnnha {
    width: auto;
}

    .btnnha p {
        color: #5c4200;
        font-size: 14px;
        line-height: 14px;
        font-weight: 600;
        text-align: center;
        padding: 10px 20px;
        border: 1px solid #e4ac1b;
        border-radius: 4px;
    }

.third__curso-wrapper {
    margin-top: 20px;
}

/* THIRD__CURSO-END */

/* FOURTH__CURSO-START */

.fourth__curso-content {
    margin: 100px 0 50px;
}

.box__left-img,
.box__right-img {
    width: 100%;
    background-image: url("/images/eag/foto-dash.png");
    padding-bottom: 50%;
    background-size: cover;
    background-position: center center;
}

    .box__left-img img,
    .box__right-img img,
    .box__mid-img img {
        width: 100%;
    }

.extra-p {
    color: #a07300;
    font-size: 20px;
    line-height: 16px;
    font-weight: 600;
}

.extra-extra-p p,
.extra-extra-p i {
    color: #949192;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    margin: 0;
}

.extra-extra-p {
    margin-top: 15px;
    padding-bottom: 5px;
    border-bottom: #949192 1px solid;
    line-height: 1;
}

.tool-box a,
.extra-materials a {
    text-decoration: none !important;
}

/* FOURTH__CURSO-END */

/* AULA CURSO END */

/* HUG EAG START */
@media (min-width: 1400px) {
    #page-hub-eag .container-new {
        max-width: 1200px !important;
    }
}

.headerHub {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    padding: 50px 0 0;
}

.btnOutHub {
    text-transform: uppercase;
    text-decoration: none !important;
    background: #ffb000;
    width: 64px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    color: #231f20;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
}

    .btnOutHub:hover {
        color: #231f20;
        background: #ffd25d;
    }

.aberturaHub {
    margin: 110px 0 142px;
}

    .aberturaHub h2 {
        margin: 50px 0 20px;
        color: #231f20;
        font-weight: bold;
    }

    .aberturaHub h3 {
        color: #231f20;
        font-weight: 400;
    }

#box1,
#box2,
#box3,
#box4,
#box5,
#box6, 
#box7 {
    transition: ease-in-out 250ms all;
}

    #box1 a,
    #box2 a,
    #box3 a,
    #box4 a,
    #box5 a,
    #box6 a,
    #box7 a {
        text-decoration: none;
    }

.interfaceHub .darkBgImg {
    background: #231f20;
    padding: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    width: 160px;
}

.darkBgImg img {
    height: 75.25px;
}

@media (max-width: 1400px) {
    .interfaceHub .darkBgImg {
        padding: 0px;
        height: 120px;
    }
}

@media (max-width: 1200px) {
    .interfaceHub .darkBgImg {
        height: 90px;
    }

    .darkBgImg img {
        height: 50px;
    }
}

@media (max-width: 992px) {
    .interfaceHub .darkBgImg {
        height: 146px;
    }
}

.interfaceHub p {
    text-transform: uppercase;
    color: #231f20;
    margin: 20px 0 0;
}

.footerHub {
    margin-top: 120px;
    width: 100%;
}

@media (max-width: 992px) {
    .footerHub {
        position: static;
        width: 100%;
        margin-top: 50px;
    }
}

.footerHUB p {
    margin: 0;
    text-align: right;
}

.footerBarLaranja {
    background: #ffb000;
    height: 20px;
    margin: 20px 0 0;
}

/* HUG EAG END*/

/* IDENTIFICAÇÃO START */
#page-indenti .bg-white {
    padding-bottom: 30px;
}

.header-id {
    padding: 30px 0 0;
}

    .header-id .container-new {
        border-bottom: 3px solid #f5f5f5;
        padding-bottom: 30px;
    }

    .header-id img {
        width: 100%;
    }

.contadorArea {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .contadorArea p {
        color: #231f20;
        font-weight: 500;
        font-size: 16px;
        margin: 0;
    }

.contadorTimer {
    width: auto;
    display: flex;
    margin: 0 15px;
}

.boxTime {
    background: #ffd986;
    text-align: center;
    border-radius: 5px;
    padding: 5px 30px;
    font-weight: bold;
    font-size: 18px;
    min-width: 80.66px;
    margin: 0 5px;
}

.header-id span i {
    margin-right: 10px;
    color: #231f20;
    font-size: 30px;
}

.header-id span {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.etapas-pagamento {
    padding: 50px 0;
}

.etapaPagamento {
    width: 100%;
    display: flex;
    align-items: center;
}

    .etapaPagamento i {
        background: #f5f5f5;
        border-radius: 50%;
        font-size: 24px;
        color: #cdcdcd;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .etapaPagamento.active i {
        background: #ffb001;
        color: #fff;
    }

    .etapaPagamento p {
        margin: 0;
        margin-left: 20px;
        font-weight: 400;
        font-size: 18px;
        color: #000;
    }

    .etapaPagamento.active p {
        font-weight: bold;
        color: #ffb001;
    }

.campoLeft {
    background: #e7e7e7;
    margin: 0 0 50px;
    padding: 50px;
}

    .campoLeft h2 {
        font-size: 36px;
        font-weight: bold;
        margin: 0 0 50px;
    }

.formId {
    width: 100%;
    background: #fff;
    padding: 20px;
}

    .formId label {
        font-size: 16px;
        color: #231f20;
        margin: 0 0 10px;
    }

    .formId input {
        border: 1px solid #231f20;
        padding: 5px 0 5px 5px;
        border-radius: 5px;
        margin: 0 0 30px;
        outline: none;
        width: 100%;
    }

        .formId input.invalid {
            border: 1px solid #e31416;
        }

        .formId input.valid {
            border: 1px solid #231f20;
        }

    .formId select {
        border: 1px solid #231f20;
        border-radius: 5px;
        background: #fff;
        outline: none;
        height: 36px;
        width: 100%;
    }

        .formId select.valid {
            border: 1px solid #48ec78;
        }

        .formId select.invalid {
            border: 1px solid #e31416;
        }

.campoLeft .btnNextPay {
    text-transform: uppercase;
    background: #ffb001;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
    color: #232323;
    font-size: 18px;
    cursor: pointer;
    outline: none;
    border: none;
    height: 100%;
}

    .campoLeft .btnNextPay:hover {
        background: #a07300;
        color: #fff !important;
    }

    .campoLeft .btnNextPay i {
        margin-left: 20px;
    }

.resumoPedido h2 {
    border-bottom: 3px solid #f5f5f5;
    padding: 0 0 20px 20px;
    font-weight: bold;
    margin: 0 0 50px;
    font-size: 36px;
}

.itemPedido {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px;
    padding: 0 20px;
}

    .itemPedido h4 {
        font-weight: 400;
        font-size: 20px;
        margin: 0;
    }

    .itemPedido p {
        font-size: 20px;
        font-weight: bold;
        margin: 0;
    }

.subtotalTotalPedido {
    border: 1px solid #f5f5f5;
    margin: 50px 0 0;
    padding: 20px;
}

    .subtotalTotalPedido .itemPedido {
        padding: 0;
    }

.totalPedido {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 0;
}

    .totalPedido h3 {
        font-weight: bold;
        font-size: 30px;
        margin: 0;
    }

    .totalPedido p {
        font-size: 26px;
        font-weight: bold;
        margin: 0;
    }

/* IDENTIFICAÇÃO END */

/* PAGAMENTO CARTÃO CRÉDITO START */
#page-card-cred .bg-white {
    padding-bottom: 30px;
}

.formasPagamento {
    background-color: #fff;
    padding: 50px 0 30px;
}

    .formasPagamento .sep {
        height: 30px;
        width: 2px;
        background: #e7e7e7;
    }

.opcaoPagamento {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    position: relative;
    margin: 0 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .opcaoPagamento input {
        margin: 0 10px 0 0;
        position: absolute;
        cursor: pointer;
        opacity: 0;
    }

.checkmark {
    border: 1px solid #000;
    background: #fff;
    border-radius: 50%;
    margin: 0 10px 0 0;
    height: 15px;
    width: 15px;
}

.opcaoPagamento.selected .checkmark {
    border: 1px solid #ffb001;
    background-color: #ffb001;
}

.opcaoPagamento.selected {
    color: #ffb001;
}

.safePay {
    background: #fff;
    width: 100%;
}

.safePayContainer {
    background: #ffd986;
    padding: 20px 0;
    margin: auto;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .safePayContainer span {
        font-size: 16px;
        margin: 0;
    }

        .safePayContainer span i {
            font-size: 24px;
            margin: 0 10px 0 0;
        }

    .safePayContainer p {
        font-size: 18px;
        margin: 20px 0 0;
    }

.payOut {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 0 0;
}

    .payOut h4 {
        font-weight: bold;
        font-size: 20px;
        margin: 0;
    }

    .payOut p {
        font-size: 20px;
        font-weight: bold;
        margin: 0;
    }

.campoLeft .btnPrevPay {
    color: #ffb001 !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
}

    .campoLeft .btnPrevPay:hover {
        color: #a07300;
    }

    .campoLeft .btnPrevPay i {
        margin-right: 20px;
    }

.cardSample h4 {
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 20px;
}

.sepCartoesMulti {
    border: 1px solid #f5f5f5;
    background: #fff;
    margin: 50px 0;
    width: 100%;
    height: 2px;
}

.valorCartaoMulti {
    margin: 0 0 30px;
}

    .valorCartaoMulti .pl {
        padding-left: 0;
    }

    .valorCartaoMulti .pr {
        padding-right: 0;
    }

    .valorCartaoMulti label {
        margin: 0;
    }

    .valorCartaoMulti input {
        margin: 0;
    }

/* PAGAMENTO CARTÃO CRÉDITO END */

/* PAGAMENTO BOLETO START */
#pag4 .bg-white,
#pag5 .bg-white {
    padding: 0 30px;
}

#pag6 .bg-white,
#pag7 .bg-white {
    padding: 30px 30px 0;
}

.borderBoleto {
    border: 1px solid #f5f5f5;
}

.pagBoleto {
    padding: 50px;
    text-align: center;
}

.sepBoleto {
    border: 1px solid #f5f5f5;
    margin: 50px auto;
    height: 2px;
    width: 90%;
}

.pagBoleto a {
    text-transform: uppercase;
    text-decoration: none;
    background: #ffb001;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    color: #232323;
}

    .pagBoleto a:hover {
        background: #a07300;
        color: #fff !important;
    }

    .pagBoleto a i {
        margin-right: 10px;
    }

.pagBoleto h3 {
    font-weight: 500;
    margin: 0 0 40px;
    font-size: 20px;
}

.pagBoleto h4 {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
}

/* PAGAMENTO BOLETO END */

/* PAGAMENTO PIX START */
.codigoPix {
    padding: 50px;
    text-align: center;
}

    .codigoPix i {
        margin-right: 20px;
        font-size: 4rem;
        color: #ffb001;
    }

    .codigoPix h3 {
        font-size: 30px;
        color: #231f20;
        margin: 0;
    }

    .codigoPix h4 {
        font-weight: 400;
        font-size: 18px;
        color: #231f20;
        margin: 0;
    }

    .codigoPix p {
        text-align: left;
        margin: 0 0 10px;
        font-size: 14px;
        color: #231f20;
    }

.códigoQR {
    width: 45%;
    margin: auto;
}

    .códigoQR img {
        width: 100%;
    }

/* PAGAMENTO PIX END */

#fieldErros {
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #e31416;
}

#fieldErros2 {
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #e31416;
}

#fieldErros3 {
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #e31416;
}

#pag1 {
    display: block;
}

#pag2 {
    display: none;
}

#pag3 {
    display: none;
}

#pag4 {
    display: none;
}

#pag5 {
    display: none;
}

#pag6 {
    display: none;
}

#pag7 {
    display: none;
}

.log,
.log1,
.log2 {
    position: absolute;
    font-size: 14px;
    top: 70px;
}

.confirmacao {
    padding: 100px 0;
}

    .confirmacao h1 {
        font-size: 50px;
        color: #ffb001;
        margin: 0 0 30px;
    }

    .confirmacao h2 {
        font-size: 24px;
        color: #231f20;
    }

    .confirmacao p {
        margin: 50px 0;
        font-size: 24px;
        color: #231f20;
    }

.btnLoginConfi {
    text-transform: uppercase;
    text-decoration: none;
    background: #ffb001;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    color: #232323;
    height: 100%;
}

    .btnLoginConfi:hover {
        background: #a07300;
        color: #fff !important;
    }

    .btnLoginConfi i {
        margin-right: 20px;
    }

#flyingNumberPrintCard1,
#flyingNumberPrintCard2,
#flyingNumberPrint {
    word-spacing: 10px;
    position: absolute;
    font-size: 18px;
    color: #fff;
    left: 13%;
    top: 45%;
}

#flyingCvvPrintCard1,
#flyingCvvPrintCard2,
#flyingCvvPrint {
    position: absolute;
    font-size: 12px;
    color: #fff;
    bottom: 34%;
    left: 13%;
}

#flyingValidPrintCard1,
#flyingValidPrintCard2,
#flyingValidPrint {
    position: absolute;
    font-size: 12px;
    color: #fff;
    bottom: 30%;
    right: 18%;
}

#flyingNamePrintCard1,
#flyingNamePrintCard2,
#flyingNamePrint {
    text-transform: uppercase;
    position: absolute;
    bottom: 14%;
    left: 13%;
    color: #fff;
}

/* CURSOS START */
.cursos-banner {
    background-image: url("/Images/image48.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 19% 0 1%;
}

    .cursos-banner h1 {
        margin: 0 0 20px 0;
        font-size: 50px;
        color: #fff;
    }

.cursos-menuBar {
    background: #ffb000;
    padding: 15px 0 0;
    width: 100%;
}

.cursos-menus {
    width: auto;
    display: flex;
    justify-content: flex-start;
}

.menu {
    padding: 0 25px 15px;
    font-weight: 400;
    font-size: 18px;
    cursor: pointer;
    color: #231f20;
}

    .menu.active {
        font-weight: 500;
        border-bottom: 3px solid #231f20;
    }

#curso-pesquisar {
    margin: 50px 0;
}

.searchBar-curso {
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    padding: 0 10px;
    color: #abaaaa;
    outline: none;
    height: 40px;
    width: 98%;
}

    .searchBar-curso::placeholder {
        color: #abaaaa;
    }

.selectCategoria-curso {
    border: 1px solid #c2c2c2;
    background: transparent;
    border-radius: 5px;
    padding: 0 10px;
    color: #abaaaa;
    height: 40px;
    width: 100%;
}

.btnCriarCurso {
    border: 1px solid #ffb000;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    font-weight: 500;
    color: #5c4200;
    width: 75%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .btnCriarCurso:hover {
        text-decoration: none;
        background: #ffb000;
        color: #fff;
    }

#pagCursos {
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: -500%;
}

    #pagCursos.active {
        position: initial;
        opacity: 1;
        z-index: 1;
        top: 0;
    }

.slide-cursos {
    position: relative;
    margin: 100px 0;
    height: 100%;
}

    .slide-cursos .title-cursos {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .slide-cursos .bgTitle {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        padding: 0 20px;
    }

    .slide-cursos .title-cursos img {
        width: 50px;
        margin: 0 10px 0 0;
    }

    .slide-cursos .title-cursos h2 {
        color: #735b00;
        font-size: 30px;
        margin: 0;
    }

    .slide-cursos .slide-box {
        text-decoration: none !important;
        width: 100%;
    }

    .slide-cursos .thumb-curso {
        position: relative;
        width: 100%;
    }

        .slide-cursos .thumb-curso img {
            width: 100%;
        }

    .slide-cursos .text-curso {
        box-shadow: 0px 0px 5px 1px #cfcfcfcc;
        margin-bottom: 30px;
        position: relative;
        padding: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

        .slide-cursos .text-curso .progresso {
            background: #efefef;
            position: absolute;
            height: 5px;
            width: 100%;
            right: 0;
            left: 0;
            top: 0;
        }

            .slide-cursos .text-curso .progresso span {
                border-bottom-right-radius: 5px;
                border-top-right-radius: 5px;
                background: #15d095;
                position: absolute;
                height: 5px;
                /*width: 60%;*/
            }

    .slide-cursos .thumb-curso .dots {
        position: absolute;
        cursor: pointer;
        right: 10px;
        top: 10px;
    }

        .slide-cursos .thumb-curso .dots img {
            width: 100%;
        }

    .slide-cursos .score {
        padding: 5px 10px 2px;
        border-radius: 20px;
        background: #ffb000;
        position: absolute;
        bottom: 5px;
        right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .slide-cursos .score i {
            color: #231f20;
            font-size: 14px;
            margin-right: 5px;
        }

        .slide-cursos .score p {
            margin: 0;
            color: #231f20;
            line-height: 1;
            font-size: 14px;
            font-weight: 500;
        }

    .slide-cursos .text-curso p {
        text-align: center;
        font-weight: 500;
        color: #5c4200;
        margin: 0;
    }

    .slide-cursos .text-curso b {
        text-transform: uppercase;
        text-decoration: none;
        background: #e4ac1b;
        border-radius: 5px;
        padding: 5px 10px;
        margin: 10px 0 0;
        color: #fff;
    }

        .slide-cursos .text-curso b:hover {
            text-decoration: none;
            background: #ab8014;
        }

    .slide-cursos .text-curso p:hover {
        color: #e4ac1b;
    }

#pagCursos .bg-yellow-jornadas {
    background: #504a4c;
    position: absolute;
    height: 65%;
    width: 100%;
    z-index: -1;
    top: -10%;
    right: 0;
    left: 0;
}

.contadorAulas {
    color: #676162;
    font-size: 14px;
}

.areaTitleCursos {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-cursos span {
    background: rgba(160, 115, 0, 0.21);
    position: absolute;
    height: 2px;
    width: 100%;
}

.selectorPilarCursos {
    margin: 50px auto;
    width: 50%;
}

    .selectorPilarCursos .title-pilares {
        margin: 100px 0 30px;
        text-align: center;
        width: 100%;
    }

        .selectorPilarCursos .title-pilares h3 {
            color: #949192;
            font-size: 18px;
            margin: 0;
        }

    .selectorPilarCursos .areaBallPilar {
        width: auto;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .selectorPilarCursos .areaBallPilar .pilarUnit {
            border: 1px solid #231f20;
            background: #ffffff;
            border-radius: 50%;
            cursor: pointer;
            height: 130px;
            width: 130px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

#pilar_Dom.active .pilarUnit,
#pilar_Cult.active .pilarUnit,
#pilar_Lid.active .pilarUnit,
#pilar_Gest.active .pilarUnit,
#pilar_Fin.active .pilarUnit,
#pilar_Trac.active .pilarUnit {
    background: #231f20;
}

.selectorPilarCursos .areaBallPilar .pilarUnit img {
    width: 60px;
}

.selectorPilarCursos .areaBallPilar .pilarUnit .imgW {
    display: none;
}

.selectorPilarCursos .areaBallPilar .pilarUnit .imgW {
    display: none;
}

#pilar_Dom.active .pilarUnit .imgW,
#pilar_Cult.active .pilarUnit .imgW,
#pilar_Lid.active .pilarUnit .imgW,
#pilar_Gest.active .pilarUnit .imgW,
#pilar_Fin.active .pilarUnit .imgW,
#pilar_Trac.active .pilarUnit .imgW {
    display: block;
}

#pilar_Dom.active .pilarUnit .imgB,
#pilar_Cult.active .pilarUnit .imgB,
#pilar_Lid.active .pilarUnit .imgB,
#pilar_Gest.active .pilarUnit .imgB,
#pilar_Fin.active .pilarUnit .imgB,
#pilar_Trac.active .pilarUnit .imgB {
    display: none;
}

.selectorPilarCursos .areaBallPilar p {
    text-align: center;
    color: #949192;
    margin: 20px 0 0;
    cursor: pointer;
}

    .selectorPilarCursos .areaBallPilar p:hover {
        color: #e4ac2e;
    }

#dominioPessoal .title-cursos,
#cultura .title-cursos,
#liderança .title-cursos,
#gestao .title-cursos,
#financas .title-cursos,
#tracao .title-cursos {
    width: 100%;
}

#addRecentes .title-cursos {
    justify-content: space-between;
    align-items: baseline;
    margin: 50px 0;
    width: 100%;
}

#dominioPessoal,
#cultura,
#liderança,
#gestao,
#financas,
#tracao {
    display: none;
}

    #dominioPessoal.active,
    #cultura.active,
    #liderança.active,
    #gestao.active,
    #financas.active,
    #tracao.active {
        display: block;
    }

.bg_popUp_cursos {
    background: #00000052;
    position: fixed;
    display: none;
    z-index: 9;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
}

.popUp_cursos {
    box-shadow: 0px 0px 5px 2px #3030303b;
    border-radius: 5px;
    background: #fff;
    padding: 20px;
    width: 400px;
    margin: auto;
    z-index: 999;
}

.bg_popUp_cursos.active {
    display: flex;
}

.popUp_cursos h2 {
    text-align: left !important;
    color: #a07300;
    font-size: 20px;
    margin: 0;
}

.popUp_cursos .division {
    background: #c2c2c2;
    margin: 20px 0;
    width: 100%;
    height: 1px;
}

.popUp_cursos h4 {
    font-size: 18px;
    font-weight: 400;
    max-width: 165px;
    max-height: 22px;
    overflow: hidden;
    margin: 0;
}

.popUp_cursos input {
    margin-right: 10px;
    cursor: pointer;
}

.popUp_cursos i {
    margin-left: 10px;
    cursor: pointer;
}

.closePopUp {
    position: absolute;
    color: #ffb200;
    font-size: 24px;
    z-index: 999999;
    margin: 0;
    right: 2px;
    top: -15px;
}

#newTitleInput {
    padding: 5px 0 5px 10px;
    margin: 30px 0 0;
    outline: none;
    cursor: auto;
    width: 100%;
}

#otherTitleInput {
    padding: 5px 0 5px 10px;
    margin: 20px 0 0;
    outline: none;
    cursor: auto;
    width: 100%;
}

#addTitleInput {
    background: #ffb200;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 30px 0 0;
    color: #5c4200;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    outline: none;
    border: none;
}

    #addTitleInput:hover {
        background: #ab8014;
        color: #fff;
    }

/* CURSOS END */

/* JORNADAS START */
#pagJornadas {
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: 0;
}

    #pagJornadas.active {
        position: initial;
        opacity: 1;
        z-index: 1;
    }

.slide-jornadas {
    margin: 50px 0;
    position: relative;
}

    .slide-jornadas .title-cursos {
        position: relative;
        margin: 50px 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .slide-jornadas .bgTitle {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        padding: 0 20px;
    }

    .slide-jornadas .title-cursos h2 {
        text-align: center;
        font-size: 30px;
        color: #735b00;
        margin: 0 15px;
    }

    .slide-jornadas .slide-box {
        text-decoration: none !important;
        width: 100%;
    }

    .slide-jornadas .slide-box {
        text-decoration: none !important;
        width: 100%;
    }

    .slide-jornadas .thumb-curso {
        position: relative;
        width: 100%;
    }

        .slide-jornadas .thumb-curso img {
            width: 100%;
        }

        .slide-jornadas .thumb-curso .filaThumb {
            background: #242424b5;
            position: absolute;
            width: 40%;
            bottom: 0;
            right: 0;
            top: 0;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }

            .slide-jornadas .thumb-curso .filaThumb p {
                font-size: 26px;
                font-weight: 500;
                margin: 0 0 10px;
                color: #fff;
            }

            .slide-jornadas .thumb-curso .filaThumb img {
                width: 40px;
            }

    .slide-jornadas .text-curso {
        box-shadow: 0px 0px 5px 1px #cfcfcfcc;
        position: relative;
        background: #fff;
        padding: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .slide-jornadas .thumb-curso .dots {
        position: absolute;
        right: 10px;
        top: 10px;
    }

        .slide-jornadas .thumb-curso .dots img {
            width: 100%;
        }

    .slide-jornadas .thumb-curso .score {
        padding: 5px 10px 2px;
        border-radius: 20px;
        background: #ffb000;
        position: absolute;
        bottom: 5px;
        right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .slide-jornadas .thumb-curso .score i {
            color: #231f20;
            font-size: 14px;
            margin-right: 5px;
        }

        .slide-jornadas .thumb-curso .score p {
            margin: 0;
            color: #231f20;
            line-height: 1;
            font-size: 14px;
            font-weight: 500;
        }

    .slide-jornadas .text-curso p:hover {
        color: #e4ac1b;
    }

.btnExpandJornada {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.slide-jornadas .text-curso b {
    text-transform: uppercase;
    text-decoration: none;
    background: #e4ac1b;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 10px 0 0;
    color: #fff;
}

    .slide-jornadas .text-curso b:hover {
        text-decoration: none;
        background: #ab8014;
    }

.slide-jornadas .text-curso .btnExpandJornada b {
    text-transform: uppercase;
    background: transparent;
    text-decoration: none;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 10px 0 0;
    color: #e4ac1b;
}

.slide-jornadas .text-curso .btnExpandJornada i {
    color: #e4ac1b;
}

#pagJornadas .bg-yellow-jornadas {
    background: #504a4c;
    position: absolute;
    height: 65%;
    width: 100%;
    z-index: -1;
    top: -10%;
    right: 0;
    left: 0;
}

.slide-jornadas .areaTitleCursos {
    position: relative;
    margin: 0 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .slide-jornadas .areaTitleCursos a {
        text-decoration: underline;
        text-transform: uppercase;
        position: absolute;
        cursor: pointer;
        font-size: 16px;
        color: #676162;
        bottom: 30px;
        left: 0;
    }

.slide-jornadas .contadorAulas {
    position: absolute;
    font-size: 14px;
    color: #676162;
    bottom: 30px;
    right: 20px;
}

.slide-jornadas .title-cursos span {
    background: rgba(160, 115, 0, 0.21);
    height: 2px;
    width: 100%;
}

#jornadasOutras .title-cursos h2 {
    color: #ffb200;
}

#jornadasOutras .slide-jornadas {
    margin: 100px 0 50px;
}

#full_jornadasUNIEAG,
#full_jornadasEmpresa,
#full_jornadasMinhas {
    display: none;
}

    #full_jornadasUNIEAG.active,
    #full_jornadasEmpresa.active,
    #full_jornadasMinhas.active {
        display: block;
        margin: 0 0 120px;
    }

        #full_jornadasUNIEAG.active .slide-jornadas .text-curso,
        #full_jornadasEmpresa.active .slide-jornadas .text-curso,
        #full_jornadasMinhas.active .slide-jornadas .text-curso {
            margin: 0 0 30px;
        }

#btnGetBack_pagJornadas {
    display: none;
}

    #btnGetBack_pagJornadas.active {
        display: block;
    }

#btnGetBack_pagJornadas {
    position: absolute;
    color: #676162;
    cursor: pointer;
    font-size: 24px;
    z-index: 9;
}

    #btnGetBack_pagJornadas i {
        margin-right: 10px;
        color: #676162;
        font-size: 24px;
    }

/* JORNADAS END */

/* JORNADA ESCOLHIDA START */
.btnGetBackJornadas {
    width: auto;
    margin: 60px 0;
}

    .btnGetBackJornadas a {
        text-decoration: underline;
        color: #676162;
        font-size: 20px;
    }

    .btnGetBackJornadas i {
        margin-right: 20px;
        color: #676162;
        font-size: 30px;
    }

    .btnGetBackJornadas:hover i,
    .btnGetBackJornadas:hover a {
        color: #ffb000;
    }

#sec_1_JorEsc {
    margin: 50px 0;
}

    #sec_1_JorEsc h2 {
        color: #a07300;
        font-size: 30px;
        margin: 0 0 50px;
    }

    #sec_1_JorEsc ul {
        padding: 0 0 0 20px;
        margin: 0 auto 0 0;
        width: 60%;
    }

        #sec_1_JorEsc ul li {
            margin: 0 0 10px;
            color: #949192;
            font-size: 16px;
        }

#boxAndamento .progress {
    height: 10px !important;
    margin-top: 10px;
}

#boxAndamento .bg-success {
    background: #15d095 !important;
    height: 10px !important;
}

#boxAndamento .rounded {
    border-radius: 20px !important;
}

#boxAndamento h3 {
    color: #5c4200;
    font-size: 26px;
    margin: 0;
}

#boxAndamento h4 {
    color: #a07300;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

#boxAndamento p {
    color: #77838f;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

#boxAndamento span {
    color: #949192;
    font-size: 16px;
    margin: 0;
}

#boxAndamento a {
    background: #ffb000;
    color: #5c4200;
    padding: 10px 20px;
    border-radius: 5px;
}

#sec_2_JorEsc {
    background: #444;
    padding: 50px 0;
}

    #sec_2_JorEsc h2 {
        color: #ffb200;
    }

    #sec_2_JorEsc .dots {
        position: absolute;
        right: 20px;
        z-index: 9;
        top: 20px;
        cursor: pointer;
    }

        #sec_2_JorEsc .dots img {
            width: 100%;
        }

    #sec_2_JorEsc .bigPicSlide .score {
        padding: 5px 10px 2px;
        border-radius: 20px;
        background: #ffb000;
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 9;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #sec_2_JorEsc .bigPicSlide .score i {
            color: #231f20;
            font-size: 14px;
            margin-right: 5px;
        }

        #sec_2_JorEsc .bigPicSlide .score p {
            margin: 0;
            color: #231f20;
            line-height: 1;
            font-size: 14px;
            font-weight: 500;
        }

    #sec_2_JorEsc .progress {
        height: 5px;
    }

    #sec_2_JorEsc .progress-bar {
        height: 5px;
    }

    #sec_2_JorEsc .infoPlayerSlide {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background: #fff;
        padding: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        #sec_2_JorEsc .infoPlayerSlide h4 {
            color: #ffb200;
            margin: 0;
        }

        #sec_2_JorEsc .infoPlayerSlide a {
            background: #ffb200;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            color: #fff;
        }

    #sec_2_JorEsc .slideImg_1 {
        background-image: url("/Images/eag/Thumb_Financeiro_Slide.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 500px;
    }

    #sec_2_JorEsc #vertical {
        width: 70%;
    }

        #sec_2_JorEsc #vertical li {
            position: relative;
        }

        #sec_2_JorEsc #vertical .dots {
            position: absolute;
            right: 15px;
            z-index: 9;
            top: 15px;
            cursor: pointer;
        }

            #sec_2_JorEsc #vertical .dots img {
                width: 100%;
            }

        #sec_2_JorEsc #vertical .score {
            padding: 5px 10px 2px;
            border-radius: 20px;
            background: #ffb000;
            position: absolute;
            bottom: 135px;
            right: 15px;
            z-index: 9;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #sec_2_JorEsc #vertical .score i {
                color: #231f20;
                font-size: 14px;
                margin-right: 5px;
            }

            #sec_2_JorEsc #vertical .score p {
                margin: 0;
                color: #231f20;
                line-height: 1;
                font-size: 14px;
                font-weight: 500;
            }

    #sec_2_JorEsc .infoPlayerSlide a:hover {
        background: #ab8014;
        color: #fff;
    }

    #sec_2_JorEsc .numeroEp {
        background: #000000bd;
        position: absolute;
        width: 30%;
        bottom: 0;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #sec_2_JorEsc .numeroEp p {
            color: #ffb200;
            font-weight: bold;
            font-size: 30px;
            margin: 0;
        }

    #sec_2_JorEsc .sideInfoPreview {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        padding: 10px 0 10px 15px !important;
        background-color: #fff;
    }

        #sec_2_JorEsc .sideInfoPreview p {
            color: #231f20;
            margin: 0 0 10px;
            font-size: 14px;
            line-height: 1;
            max-height: 14px;
            max-width: 155px;
            overflow: hidden;
        }

        #sec_2_JorEsc .sideInfoPreview h4 {
            color: #ffb200;
            margin: 0 0 10px;
            font-size: 18px;
            max-height: 43.19px;
            max-width: 155px;
            overflow: hidden;
        }

        #sec_2_JorEsc .sideInfoPreview .score {
            background: #ffb000;
            border-radius: 20px;
            max-height: 21px;
            max-width: 155px;
            overflow: hidden;
            padding: 2px 0 0;
            line-height: 1;
            height: 21px;
            width: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #sec_2_JorEsc .sideInfoPreview .score i {
                color: #231f20;
                font-size: 14px;
                margin-right: 5px;
            }

            #sec_2_JorEsc .sideInfoPreview .score p {
                margin: 0;
                color: #231f20;
                line-height: 1;
                font-size: 14px;
                font-weight: 500;
            }

#sec_3_JorEsc {
    margin: 50px 0;
}

    #sec_3_JorEsc h2 {
        color: #7e5b00;
        margin: 0 0 50px;
        font-weight: 500;
        font-size: 34px;
    }

.slideSidePreview .prevAula {
    margin: 0 0 15px;
}

.bigPicSlide {
    background-image: url("/Images/eag/Thumb_Financeiro_Slide.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 474px;
}

.slideSidePreview .prevAula .thumbSlideVertical {
    background-image: url("/Images/eag/Thumb_Financeiro.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 118.19px;
}

.boxCursosJornada p {
    color: #949192;
    font-size: 20px;
    margin: 0 0 15px;
}

.boxCursosJornada_title {
    border-bottom: 1px solid #949192;
    transition: ease-out 300ms;
    cursor: pointer;
}

.boxCursosJornada_content {
    border-bottom: 1px solid #949192;
    transition: ease-out 300ms;
    padding: 0 0 15px;
    max-height: 0;
    opacity: 0;
}

.boxCursosJornada.active .boxCursosJornada_content {
    transition: ease-in 300ms;
    max-height: 1000px;
    padding: 0 0 30px;
    margin: 0 0 15px;
    opacity: 1;
}

.boxCursosJornada.active .boxCursosJornada_title {
    transition: ease-in 300ms;
    border: none;
}

.boxCursosJornada.active .fa-chevron-down:before {
    content: "\f077" !important;
    transition: ease-in 300ms;
}

.boxCursosJornada_content ul {
    margin: 0 0 30px;
}

    .boxCursosJornada_content ul li {
        color: #949192;
        font-size: 18px;
        margin: 0 0 10px;
    }

.boxCursosJornada_content a {
    border: 1px solid #ffb200;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    color: #5c4200;
    font-weight: 500;
    width: 100%;
}

    .boxCursosJornada_content a:hover {
        background-color: #ffb200;
        text-decoration: none;
        color: #fff;
    }

.right_JorEsc h3 {
    color: #7e5b00;
    margin: 0 0 50px;
}

.right_JorEsc h4 {
    color: #7e5b00;
    margin: 0 0 20px;
    font-size: 18px;
}

.right_JorEsc p {
    color: #949192;
    font-size: 18px;
    margin: 50px 0 0;
}

.certificateBox {
    padding: 50px;
    border: 1px solid #ffb200;
    border-radius: 20px;
    text-align: center;
}

    .certificateBox h5 {
        color: #7e5b00;
        font-size: 24px;
        font-weight: 500;
        margin: 0 0 30px;
    }

    .certificateBox p {
        color: #504a4c;
        font-size: 18px;
        margin: 0 0 40px;
    }

    .certificateBox i {
        color: #ffb200;
        cursor: pointer;
        font-size: 40px;
    }

.btnNextSlide {
    text-align: center;
    position: absolute;
    background: #444;
    width: 100%;
    z-index: 9;
    bottom: 0;
    right: 0;
    left: 0;
}

.btnPrevSlide {
    text-align: center;
    position: absolute;
    background: #444;
    width: 100%;
    z-index: 9;
    right: 0;
    left: 0;
    top: 0;
}

    .btnNextSlide i,
    .btnPrevSlide i {
        cursor: pointer;
        font-size: 20px;
        color: #ffb200;
    }

.mostradorSlideVert {
    text-align: right;
    position: absolute;
    color: #ffb200;
    width: 100%;
    z-index: 99;
    top: -24px;
    margin: 0;
    right: 0;
    left: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.slideSidePreview {
    transition: ease-in-out all 300ms;
    position: absolute;
    top: 24px;
}

@media (min-width: 1400px) {
    #page-jornadaEscolhida .container-new {
        max-width: 1200px;
    }
}

/* JORNADA ESCOLHIDA END */

/* CURSOS2 START */
#pag-cursos-2 {
    padding: 0 0 50px;
}

    #pag-cursos-2 #backBtn {
        text-decoration: underline;
        padding-left: 30px;
        width: fit-content;
        margin: 50px 0 0;
        color: #676162;
        font-size: 18px;
        cursor: pointer;
        display: none;
        align-items: center;
    }

        #pag-cursos-2 #backBtn p {
            line-height: 1;
            margin: 0;
        }

        #pag-cursos-2 #backBtn span {
            position: relative;
        }

            #pag-cursos-2 #backBtn span::before {
                transform: rotate(45deg);
                background: #504a4c;
                position: absolute;
                content: "";
                height: 2px;
                width: 15px;
                right: 10px;
                top: 5px;
            }

            #pag-cursos-2 #backBtn span::after {
                transform: rotate(-45deg);
                background: #504a4c;
                position: absolute;
                content: "";
                height: 2px;
                width: 15px;
                right: 10px;
                top: -5px;
            }

    #pag-cursos-2 #title {
        color: #504a4c;
        margin: 30px 0;
    }

        #pag-cursos-2 #title h1 {
            font-size: 36px;
            margin: 0;
        }

    #pag-cursos-2 .input input {
        border: 1px solid #abaaaa;
        padding: 0 0 0 15px;
        border-radius: 5px;
        color: #abaaaa;
        outline: none;
        height: 40px;
        width: 100%;
    }

        #pag-cursos-2 .input input::placeholder,
        #pag-cursos-2 .input select::placeholder {
            color: #abaaaa;
        }

    #pag-cursos-2 .input input {
        cursor: auto;
    }

    #pag-cursos-2 .input select {
        cursor: pointer;
    }

    #pag-cursos-2 .input i {
        position: absolute;
        color: #abaaaa;
        right: 30px;
        top: 12px;
    }

    #pag-cursos-2 .campo_inputs {
        margin: 0 0 15px;
        padding: 0;
    }

    #pag-cursos-2 .bttn button {
        text-transform: uppercase;
        background: #ffb000;
        border-radius: 5px;
        color: #5c4200;
        font-weight: 500;
        font-size: 18px;
        padding: 0 20px;
        cursor: pointer;
        height: 40px;
        border: none;
    }

        #pag-cursos-2 .bttn button:hover {
            background: #a07300;
            color: #fff;
        }

    #pag-cursos-2 .bg_separador {
        background: #f7f7f7;
        padding-bottom: 10px;
        padding-right: 40px;
        padding-top: 10px;
    }

        #pag-cursos-2 .bg_separador p {
            color: #5c4200;
            font-size: 16px;
            margin: 0;
        }

            #pag-cursos-2 .bg_separador p:last-child {
                margin-right: 35px;
            }

    #pag-cursos-2 .itemCurso {
        padding-bottom: 15px;
        padding-right: 40px;
        padding-top: 15px;
    }

    #pag-cursos-2 .fieldListaMaior,
    #pag-cursos-2 .labelListaMaior {
        display: block;
    }

        #pag-cursos-2 .fieldListaMaior.deactivated,
        #pag-cursos-2 .labelListaMaior.deactivated {
            display: none;
        }

    #pag-cursos-2 .itemCurso .itemCurso_click p {
        cursor: pointer;
    }

    #pag-cursos-2 .itemCurso p {
        color: #504a4c;
        font-size: 16px;
        margin: 0;
    }

    #pag-cursos-2 .itemCurso .popUp_Opt {
        display: none;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        background: #fff;
        right: 30px;
        bottom: 10px;
        z-index: 999;
    }

        #pag-cursos-2 .itemCurso .popUp_Opt.active {
            display: flex;
        }

        #pag-cursos-2 .itemCurso .popUp_Opt span {
            box-shadow: 0 -3px 10px rgb(0 0 0 / 13%);
            position: absolute;
            background: #fff;
            height: 20px;
            width: 20px;
            top: -17px;
            right: 0;
        }

            #pag-cursos-2 .itemCurso .popUp_Opt span::before {
                transform: rotate(45deg);
                background: #504a4c;
                position: absolute;
                content: "";
                height: 2px;
                width: 20px;
                top: 10px;
                right: 0;
            }

            #pag-cursos-2 .itemCurso .popUp_Opt span::after {
                transform: rotate(-45deg);
                background: #504a4c;
                position: absolute;
                content: "";
                height: 2px;
                width: 20px;
                top: 10px;
                right: 0;
            }

        #pag-cursos-2 .itemCurso .popUp_Opt .btn_Opt {
            padding: 10px 25px;
            cursor: pointer;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            border-bottom: 1px solid #d8d8d8;
        }

            #pag-cursos-2 .itemCurso .popUp_Opt .btn_Opt:hover {
                background: #fff9ea;
            }

            #pag-cursos-2 .itemCurso .popUp_Opt .btn_Opt:last-child {
                border-bottom: none;
            }

            #pag-cursos-2 .itemCurso .popUp_Opt .btn_Opt i {
                margin-right: 10px;
                color: #504a4c;
                font-size: 14px;
            }

            #pag-cursos-2 .itemCurso .popUp_Opt .btn_Opt p {
                color: #504a4c;
                font-weight: 600;
                font-size: 14px;
            }

    #pag-cursos-2 .popUp_Delet {
        background: #0000007a;
        position: fixed;
        z-index: 9999;
        height: 100%;
        width: 100%;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        display: none;
        align-items: center;
        justify-content: center;
    }

    #pag-cursos-2 #popUp_Delet.active {
        display: flex !important;
    }

    #pag-cursos-2 .popUp_Delet_content {
        background: #ffffff;
        position: relative;
        padding: 50px;
        width: 450px;
    }

        #pag-cursos-2 .popUp_Delet_content img {
            width: 100%;
        }

        #pag-cursos-2 .popUp_Delet_content h4 {
            color: #504a4c;
            font-weight: 300;
            font-size: 22px;
            margin: 30px 0;
        }

        #pag-cursos-2 .popUp_Delet_content button:first-child {
            border: 1px solid #ffb000;
            text-transform: uppercase;
            background: transparent;
            border-radius: 5px;
            padding: 10px 20px;
            margin-right: 10px;
            color: #5c4200;
            font-weight: 500;
            font-size: 16px;
            cursor: pointer;
            line-height: 1;
            outline: none;
        }

        #pag-cursos-2 .popUp_Delet_content button:last-child {
            text-transform: uppercase;
            background: #ffb000;
            border-radius: 5px;
            padding: 10px 20px;
            color: #5c4200;
            font-weight: 500;
            font-size: 16px;
            cursor: pointer;
            border: none;
        }

    #pag-cursos-2 .popUp_Delet span {
        background: transparent;
        position: absolute;
        cursor: pointer;
        height: 20px;
        width: 20px;
        right: 10px;
        top: 10px;
    }

        #pag-cursos-2 .popUp_Delet span::before {
            transform: rotate(45deg);
            background: #ffb200;
            position: absolute;
            content: "";
            height: 2px;
            width: 20px;
            top: 10px;
            right: 0;
        }

        #pag-cursos-2 .popUp_Delet span::after {
            transform: rotate(-45deg);
            background: #ffb200;
            position: absolute;
            content: "";
            height: 2px;
            width: 20px;
            top: 10px;
            right: 0;
        }

    #pag-cursos-2 .popUp_published_sucess,
    #pag-cursos-2 .popUp_deleted_sucess {
        background: #231f20;
        position: fixed;
        border-radius: 5px;
        padding: 20px;
        z-index: 999;
        left: 42%;
        top: 42%;
        display: none;
        align-items: center;
    }

        #pag-cursos-2 .popUp_published_sucess.active,
        #pag-cursos-2 .popUp_deleted_sucess.active {
            display: flex;
        }

        #pag-cursos-2 .popUp_published_sucess h4,
        #pag-cursos-2 .popUp_deleted_sucess h4 {
            margin: 0 30px 0 0;
            font-size: 20px;
            color: #fff;
        }

        #pag-cursos-2 .popUp_published_sucess span,
        #pag-cursos-2 .popUp_deleted_sucess span {
            background: transparent;
            position: relative;
            cursor: pointer;
            height: 20px;
            width: 20px;
        }

            #pag-cursos-2 .popUp_published_sucess span::before,
            #pag-cursos-2 .popUp_deleted_sucess span::before {
                transform: rotate(45deg);
                background: #ffffff;
                position: absolute;
                content: "";
                height: 2px;
                width: 20px;
                top: 10px;
                right: 0;
            }

            #pag-cursos-2 .popUp_published_sucess span::after,
            #pag-cursos-2 .popUp_deleted_sucess span::after {
                transform: rotate(-45deg);
                background: #ffffff;
                position: absolute;
                content: "";
                height: 2px;
                width: 20px;
                top: 10px;
                right: 0;
            }

#close_seletorMentores {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}

    #close_seletorMentores.active {
        display: block;
    }

#pag-cursos-2 #seletorMentores {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: transparent;
    position: relative;
    border-radius: 5px;
    color: #504a4c;
    margin: 0 0 20px;
    box-shadow: none;
    cursor: pointer;
    outline: none;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
}

    #pag-cursos-2 #seletorMentores::before {
        transform: rotate(45deg);
        background: #504a4c;
        position: absolute;
        content: "";
        height: 2px;
        right: 15px;
        width: 8px;
        z-index: 3;
        top: 20px;
    }

    #pag-cursos-2 #seletorMentores::after {
        transform: rotate(-45deg);
        background: #504a4c;
        position: absolute;
        content: "";
        height: 2px;
        right: 10px;
        width: 8px;
        z-index: 3;
        top: 20px;
    }

#pag-cursos-2 #seletorMentoresPrint {
    background: #f1f1f1;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 15px;
    line-height: 1;
    height: 17px;
    width: 100%;
    z-index: 2;
    display: flex;
    align-items: flex-start;
}

.boxAula .escolherModoDeEnvio,
#addExtMat .escolherModoDeEnvio {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: -5px 0 20px;
}

    .boxAula .escolherModoDeEnvio p:first-child,
    #addExtMat .escolherModoDeEnvio p:first-child {
        margin: 0 20px 0 0;
        color: #504a4c;
        font-weight: 600;
        font-size: 16px;
        line-height: 1;
        cursor: auto;
    }

.boxAula .fileChoice,
.boxAula .embedChoice,
#addExtMat .fileChoice,
#addExtMat .embedChoice {
    color: #abaaaa;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    line-height: 1;
    margin: 0;
}

.boxAula .embedChoice,
#addExtMat .embedChoice {
    margin: 0 20px 0 0;
}

    .boxAula .embedChoice.active,
    #addExtMat .embedChoice.active {
        color: #504a4c;
    }

.boxAula .fileChoice.active,
#addExtMat .fileChoice.active {
    color: #504a4c;
}

.boxAula #fileChoice,
.boxAula #embedChoice,
#addExtMat #fileChoice,
#addExtMat #embedChoice {
    position: relative;
    padding-left: 20px;
}

.boxAula .fileChoice span,
.boxAula .embedChoice span,
#addExtMat .fileChoice span,
#addExtMat .embedChoice span {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #fff;
    border-radius: 3px;
    position: absolute;
    height: 15px;
    width: 15px;
    left: 0;
}

.boxAula .fileChoice.active span,
.boxAula .embedChoice.active span,
#addExtMat .fileChoice.active span,
#addExtMat .embedChoice.active span {
    border: 1px solid #ffb200;
    background: #ffb200;
    border-radius: 3px;
    position: absolute;
    height: 15px;
    width: 15px;
    left: 0;
}

    .boxAula .fileChoice.active span::before,
    .boxAula .embedChoice.active span::before,
    #addExtMat .fileChoice.active span::before,
    #addExtMat .embedChoice.active span::before {
        transform: rotate(45deg);
        background: #ffffff;
        position: absolute;
        content: "";
        height: 2px;
        width: 5px;
        left: 1px;
        top: 8px;
    }

    .boxAula .fileChoice.active span::after,
    .boxAula .embedChoice.active span::after,
    #addExtMat .fileChoice.active span::after,
    #addExtMat .embedChoice.active span::after {
        transform: rotate(-45deg);
        background: #ffffff;
        position: absolute;
        content: "";
        height: 2px;
        width: 10px;
        left: 3px;
        top: 6px;
    }

.boxAula .embed,
#addExtMat .embed {
    display: none;
}

    .boxAula .embed.active,
    #addExtMat .embed.active {
        display: block;
    }

.boxAula .upload,
#addExtMat .upload {
    display: none;
}

    .boxAula .upload.active,
    #addExtMat .upload.active {
        display: block;
    }

.boxAula span.uploadedFileName a,
#addExtMat span.uploadedFileName a {
    position: absolute;
    font-weight: 500;
    font-size: 12px;
    margin: 0 0 5px;
    bottom: -26px;
    color: #000;
    left: 15px;
}

    .boxAula span.uploadedFileName a:hover,
    #addExtMat span.uploadedFileName a:hover {
        text-decoration: none;
    }

    .boxAula span.uploadedFileName a i,
    #addExtMat span.uploadedFileName a i {
        text-decoration: underline;
    }

.boxAula .printLink_thumb_ME,
#addExtMat .printLink_thumb_ME {
    position: absolute;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    margin: 0 0 5px;
    bottom: -26px;
    color: #000;
    left: 15px;
}

#print_bannerDados_curso2,
#print_thumbDados_curso2 {
    position: absolute;
    color: #abaaaa;
    font-weight: 300;
    font-size: 14px;
    margin: 0 0 5px;
    top: 5px;
    left: 20px;
}

    #print_bannerDados_curso2 a,
    #print_thumbDados_curso2 a {
        text-decoration: none;
        font-weight: 500;
        font-size: 12px;
        color: #000;
    }

        #print_bannerDados_curso2 a i,
        #print_thumbDados_curso2 a i {
            text-decoration: underline;
        }

#pag-cursos-2 #seletorMentoresPrint p {
    margin: 0;
}

#pag-cursos-2 #seletorMentoresPrint b {
    font-weight: normal;
}

#pag-cursos-2 .seletorMentores_box {
    border: 1px solid #000;
    background: #fff;
    position: absolute;
    max-height: 152px;
    overflow-y: auto;
    padding: 5px 0 0;
    display: none;
    z-index: 99;
    width: 100%;
    top: 40px;
    left: 0;
}

    #pag-cursos-2 .seletorMentores_box.active {
        display: block;
    }

#pag-cursos-2 .seletorMentores_search {
    width: 100%;
}

    #pag-cursos-2 .seletorMentores_search input {
        height: 30px !important;
        position: relative;
        font-size: 14px;
    }

    #pag-cursos-2 .seletorMentores_search i {
        position: absolute;
        right: 15px;
        top: 11px;
    }

#pag-cursos-2 .seletorMentores_nome {
    padding: 0 15px 5px;
    position: relative;
    display: flex;
    align-items: center;
}

    #pag-cursos-2 .seletorMentores_nome label {
        border: 1px solid rgba(0, 0, 0, 0.12);
        position: relative !important;
        margin: 0 5px 0 0 !important;
        border-radius: 2px;
        left: 0 !important;
        top: 0 !important;
        cursor: pointer;
        height: 15px;
        width: 15px;
    }

    #pag-cursos-2 .seletorMentores_nome.active label {
        background: #ffb200;
    }

        #pag-cursos-2 .seletorMentores_nome.active label::before {
            transform: rotate(45deg);
            background: #ffffff;
            position: absolute;
            content: "";
            height: 2px;
            width: 5px;
            left: 1px;
            top: 7px;
        }

        #pag-cursos-2 .seletorMentores_nome.active label::after {
            transform: rotate(-45deg);
            background: #ffffff;
            position: absolute;
            content: "";
            height: 2px;
            width: 8px;
            right: 1px;
            top: 5px;
        }

    #pag-cursos-2 .seletorMentores_nome input {
        position: absolute;
        left: 16px;
    }

    #pag-cursos-2 .seletorMentores_nome span {
        color: #504a4c;
        font-size: 16px;
        margin: 0;
    }

#pag-cursos-2 .loadingGifUpload {
    width: 20px;
}

#pag-cursos-2 .btns_right {
    position: absolute;
    width: 115px;
    right: 0;
}

#pag-cursos-2 .switcher {
    position: relative;
    margin-left: 12px;
    width: 50px;
    display: flex;
    align-items: center;
}

#pag-cursos-2 .switch_field {
    background: #ffdf8c;
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    height: 15px;
    width: 45px;
    top: 5px;
}

#pag-cursos-2 .btn_swtch {
    transition: all 0.2s ease;
    background: #ffb000;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    height: 25px;
    width: 25px;
    top: -5px;
    right: 0;
}

    #pag-cursos-2 .btn_swtch.move {
        right: 20px;
    }

#pag-cursos-2 .optionsDots {
    position: absolute;
    cursor: pointer;
    height: 30px;
    width: 25px;
    right: 5px;
    top: 0;
}

    #pag-cursos-2 .optionsDots span {
        background: #504a4c;
        border-radius: 50%;
        position: absolute;
        height: 5px;
        width: 5px;
        right: 10px;
        top: 0;
    }

        #pag-cursos-2 .optionsDots span::before {
            background: #504a4c;
            border-radius: 50%;
            position: absolute;
            content: "";
            height: 5px;
            width: 5px;
            top: 10px;
            right: 0;
        }

        #pag-cursos-2 .optionsDots span::after {
            background: #504a4c;
            border-radius: 50%;
            position: absolute;
            content: "";
            height: 5px;
            width: 5px;
            top: 20px;
            right: 0;
        }

#pag-cursos-2 .itemCurso:hover {
    background: #fff9ea;
    font-weight: bold;
}

#pag-cursos-2 .switcher.deactivated .switch_field {
    background: #abaaaa !important;
}

#pag-cursos-2 .switcher.deactivated .btn_swtch {
    background: #504a4c !important;
}

#pag-cursos-2 .leftSide {
    width: 100%;
    z-index: 1;
}

    #pag-cursos-2 .leftSide.shadoww {
        box-shadow: 0 0 1rem rgb(0 0 0 / 15%);
    }

    #pag-cursos-2 .leftSide .col-lg-2.labelFix {
        text-align: left;
    }

    #pag-cursos-2 .leftSide .labelFix.col-lg-6 {
        text-align: right;
    }

#pag-cursos-2 .rigtSide {
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-radius: 5px;
    padding-bottom: 30px;
    display: none;
}

    #pag-cursos-2 .rigtSide.active {
        display: block;
    }

#pag-cursos-2 .bg_right {
    background: #fff9ea;
}

#pag-cursos-2 .infoBtn p,
#pag-cursos-2 .aulaBtn p {
    padding: 15px 20px;
    color: #504a4c;
    font-weight: 400;
    font-size: 18px;
    cursor: pointer;
    margin: 0;
}

#pag-cursos-2 .infoBtn.selected p,
#pag-cursos-2 .aulaBtn.selected p {
    border-bottom: 3px solid #504a4c;
    padding-bottom: 12px;
    font-weight: 600;
}

#pag-cursos-2 .close_btn {
    position: relative;
    cursor: pointer;
}

    #pag-cursos-2 .close_btn span {
        background: transparent;
        position: absolute;
        height: 20px;
        width: 20px;
        top: -10px;
        right: 0;
    }

        #pag-cursos-2 .close_btn span::before {
            transform: rotate(45deg);
            background: #504a4c;
            position: absolute;
            content: "";
            height: 2px;
            width: 20px;
            top: 10px;
            right: 0;
        }

        #pag-cursos-2 .close_btn span::after {
            transform: rotate(-45deg);
            background: #504a4c;
            position: absolute;
            content: "";
            height: 2px;
            width: 20px;
            top: 10px;
            right: 0;
        }

#pag-cursos-2 .btn_edit {
    border: 1px solid #ffb000;
    text-transform: uppercase;
    background: transparent;
    border-radius: 5px;
    padding: 10px 20px;
    margin-right: 15px;
    color: #5c4200;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
    margin: 30px 0;
    outline: none;
}

    #pag-cursos-2 .btn_edit:hover {
        background: #ffb000;
    }

#pag-cursos-2 .content_info {
    padding: 0 30px;
}

    #pag-cursos-2 .content_info span {
        color: #abaaaa;
        font-weight: 300;
        font-size: 14px;
        margin: 0 0 5px;
    }

    #pag-cursos-2 .content_info p {
        color: #504a4c;
        margin: 0 0 20px;
        font-weight: 400;
        font-size: 16px;
    }

#pag-cursos-2 .thumbArea {
    border: 1px solid #abaaaa;
    border-style: dashed;
    border-radius: 5px;
    height: 150px;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

    #pag-cursos-2 .thumbArea p {
        color: #504a4c;
        font-weight: 300;
        font-size: 14px;
        margin: 0;
    }

#pag-cursos-2 .boxAula {
    transition: all 0.5s ease;
    padding: 0 15px;
    margin: 0 0 30px;
    max-height: 30px;
    width: 100%;
}

#pag-cursos-2 .boxAula_title {
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    padding: 0 0 5px;
    cursor: pointer;
}

    #pag-cursos-2 .boxAula_title h5 {
        color: #a07300;
        font-weight: 600;
        font-size: 16px;
        margin: 0;
    }

    #pag-cursos-2 .boxAula_title span {
        position: absolute;
        right: 0;
    }

        #pag-cursos-2 .boxAula_title span::before {
            transform: rotate(45deg);
            background: #504a4c;
            position: absolute;
            content: "";
            height: 2px;
            width: 10px;
            right: 10px;
            top: -10px;
        }

        #pag-cursos-2 .boxAula_title span::after {
            transform: rotate(-45deg);
            background: #504a4c;
            position: absolute;
            content: "";
            height: 2px;
            width: 10px;
            right: 4px;
            top: -10px;
        }

#pag-cursos-2 .boxAula_content span {
    color: #abaaaa;
    font-weight: 300;
    font-size: 14px;
    margin: 0 0 5px;
}

.uploadedFileName {
    position: absolute;
    top: 4px;
    left: 20px;
    width: 90%;
}

#pag-cursos-2 .boxAula_content span.uploadedFileName {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

    #pag-cursos-2 .boxAula_content span.uploadedFileName a {
        text-decoration: none;
        font-weight: 500;
        font-size: 12px;
        color: #000;
    }

        #pag-cursos-2 .boxAula_content span.uploadedFileName a i {
            text-decoration: underline;
            margin-right: 3px;
        }

#pag-cursos-2 .boxAula_content p {
    color: #504a4c;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 16px;
}

#pag-cursos-2 .boxAula_content {
    transition: all 0.5s ease;
    position: relative;
    max-height: 0;
    z-index: -1;
    opacity: 0;
}

#pag-cursos-2 .contentField {
    position: relative;
    margin: 0 0 20px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #pag-cursos-2 .contentField img {
        width: 100%;
    }

    #pag-cursos-2 .contentField i {
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        cursor: pointer;
        font-size: 20px;
        height: 40px;
        width: 40px;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
    }

#aulas-side {
    display: none;
}

    #aulas-side.active {
        display: block;
    }

#info-side {
    display: none;
}

    #info-side.active {
        display: block;
    }

#pag-cursos-2 #concludBtn {
    text-transform: uppercase;
    background: #ffb000;
    border-radius: 5px;
    color: #5c4200;
    font-weight: 500;
    font-size: 18px;
    padding: 0 20px;
    cursor: pointer;
    height: 40px;
    border: none;
    margin: 30px 0 0;
}

    #pag-cursos-2 #concludBtn:hover {
        background: #a07300;
        color: #fff;
    }

#pag-cursos-2 .boxAula.active {
    transition: all 0.5s ease;
    max-height: 1000px;
}

    #pag-cursos-2 .boxAula.active .boxAula_content {
        transition: all 0.5s ease;
        max-height: 1000px;
        margin: 30px 0 0;
        opacity: 1;
        z-index: 1;
    }

    #pag-cursos-2 .boxAula.active .boxAula_title span::before {
        transform: rotate(-45deg);
    }

    #pag-cursos-2 .boxAula.active .boxAula_title span::after {
        transform: rotate(45deg);
    }

#novo-curso .novoCurso {
    background: #f1f1f1;
    max-height: 610px;
    overflow: hidden;
    padding: 0 30px;
}

#novo-curso .halfSide .title {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 5px;
    margin: 0 0 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    #novo-curso .halfSide .title span {
        background: #c28f0b;
        border-radius: 50%;
        font-weight: 500;
        font-size: 20px;
        color: #fff;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #novo-curso .halfSide .title h2 {
        margin: 0 0 0 20px;
        color: #c28f0b;
        font-weight: 600;
        font-size: 24px;
    }

#novo-curso .halfSide label {
    background: #f1f1f1;
    position: absolute;
    color: #504a4c;
    font-weight: 500;
    font-size: 11px;
    line-height: 1;
    z-index: 1;
    left: 35px;
    top: -5px;
    margin: 0;
}

    #novo-curso .halfSide label.thumbArea2 {
        background: #f1f1f1;
        position: initial;
        font-weight: none;
        line-height: none;
        margin: 0 0 20px;
        cursor: pointer;
        font-size: none;
        z-index: none;
        color: none;
        left: 0;
        top: 0;
    }

#novo-curso .halfSide input,
#novo-curso .halfSide select {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: transparent;
    padding: 0 0 0 15px;
    border-radius: 5px;
    color: #504a4c;
    margin: 0 0 20px;
    box-shadow: none;
    outline: none;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
}

#novo-curso .halfSide #missingFieldCadastro {
    color: #e31416;
    padding: 0 0 0 15px;
    margin: -20px 0 20px;
    font-size: 12px;
}

#novo-curso .halfSide textarea {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: transparent;
    padding: 15px 0 0 15px;
    border-radius: 5px;
    color: #504a4c;
    margin: 0 0 20px;
    outline: none;
    height: 100px;
    width: 100%;
}

    #novo-curso .halfSide input::placeholder,
    #novo-curso .halfSide textarea::placeholder {
        color: #504a4c;
    }

#novo-curso .thumbArea2 {
    border: 1px solid #abaaaa;
    background: #ffffff;
    border-style: dashed;
    border-radius: 5px;
    margin: 0 0 20px;
    padding: 30px 0;
    width: 100%;
}

    #novo-curso .thumbArea2 img {
        width: 100%;
    }

    #novo-curso .thumbArea2 p {
        margin: 0;
        color: #abaaaa;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
    }

#novo-curso .halfSide .embed {
    margin: 0 0 20px;
}

    #novo-curso .halfSide .embed input::placeholder {
        color: #abaaaa;
    }

    #novo-curso .halfSide .embed span {
        color: #abaaaa;
        font-size: 11px;
        margin: 0;
        position: absolute;
        width: 100%;
        left: 15px;
        bottom: 0;
    }

#novo-curso .thumbArea2 span {
    margin: 0;
    color: #abaaaa;
    font-size: 12px;
}

#novo-curso .halfSide.right .boxAula_title {
    display: flex;
    align-items: center;
}

#novo-curso .halfSide.right .checkAula {
    margin: 0;
    height: 20px;
}

    #novo-curso .halfSide.right .checkAula label {
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 2px;
        margin: 0 10px 0 0;
        position: initial;
        cursor: pointer;
        height: 20px;
        width: 20px;
        margin-left: 0.625rem;
    }

#novo-curso .halfSide.right .aulaCheck_cursos2 input {
    position: absolute;
    cursor: pointer;
    height: 20px;
    opacity: 0;
    z-index: 9;
    top: 0;
}

#novo-curso .halfSide.right .aulaCheck_cursos2 {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    margin: 0 10px 0 0;
    position: relative;
    cursor: pointer;
    height: 20px;
    width: 20px;
    left: 0.625rem;
    top: 0;
}

    #novo-curso .halfSide.right .aulaCheck_cursos2.active {
        background: #ffb200;
    }

        #novo-curso .halfSide.right .aulaCheck_cursos2.active::before {
            transform: rotate(45deg);
            background: #ffffff;
            position: absolute;
            content: "";
            height: 2px;
            width: 5px;
            top: 10px;
            left: 4px;
        }

        #novo-curso .halfSide.right .aulaCheck_cursos2.active::after {
            transform: rotate(-45deg);
            background: #ffffff;
            position: absolute;
            content: "";
            height: 2px;
            width: 10px;
            top: 8px;
            left: 6px;
        }

#novo-curso .halfSide.right .checkAula.checked label {
    background: #ffb200;
}

    #novo-curso .halfSide.right .checkAula.checked label::before {
        transform: rotate(45deg);
        background: #ffffff;
        position: absolute;
        content: "";
        height: 2px;
        width: 5px;
        top: 12px;
        left: 4px;
        margin-left: 0.625rem;
    }

    #novo-curso .halfSide.right .checkAula.checked label::after {
        transform: rotate(-45deg);
        background: #ffffff;
        position: absolute;
        content: "";
        height: 2px;
        width: 10px;
        top: 10px;
        left: 6px;
        margin-left: 0.625rem;
    }

#novo-curso .halfSide.right .checkAula input {
    display: none;
}

#novo-curso .boxAula_title h5 {
    padding-left: 30px;
}

#novo-curso .boxAula_title i,
#novo-curso .boxAula_title b {
    background: #abaaaa;
    border-radius: 50%;
    position: absolute;
    height: 4px;
    width: 4px;
    left: 0;
    top: 0;
}

#novo-curso .boxAula_title i {
    left: 8px;
}

    #novo-curso .boxAula_title i::before,
    #novo-curso .boxAula_title b::before {
        background: #abaaaa;
        border-radius: 50%;
        position: absolute;
        content: "";
        height: 4px;
        width: 4px;
        top: 7px;
        left: 0;
    }

    #novo-curso .boxAula_title i::after,
    #novo-curso .boxAula_title b::after {
        background: #abaaaa;
        border-radius: 50%;
        position: absolute;
        content: "";
        height: 4px;
        width: 4px;
        top: 14px;
        left: 0;
    }

#novo-curso .halfSide.right .fa-trash,
#novo-curso .halfSide.right .fa-copy {
    margin: 0;
    font-size: 20px;
}

#novo-curso .halfSide.right .boxAula {
    padding: 0;
    margin: 0;
}

#novo-curso .boxAula_title span::before,
#novo-curso .boxAula_title span::after {
    top: 0;
}

#novo-curso .halfSide .addMaisAulas {
    position: relative;
    margin: 30px 0 0;
    width: 100%;
    z-index: 9;
    display: flex;
    align-items: center;
}

    #novo-curso .halfSide .addMaisAulas i {
        border: 2px solid #504a4c;
        padding: 4px 5px 2px;
        border-radius: 50%;
        color: #504a4c;
        font-size: 16px;
        cursor: pointer;
        line-height: 1;
    }

    #novo-curso .halfSide .addMaisAulas p {
        padding-left: 10px;
        color: #504a4c;
        font-weight: 600;
        font-size: 16px;
        cursor: pointer;
        margin: 0;
    }

#novo-curso .mh6-ovwy {
    padding-bottom: 30px;
    overflow-x: hidden;
    padding-top: 30px;
    max-height: 610px;
    overflow-y: auto;
}

    #novo-curso .mh6-ovwy::-webkit-scrollbar {
        width: 5px;
    }

    #novo-curso .mh6-ovwy::-webkit-scrollbar-track {
        background: #e5e8ef;
    }

    #novo-curso .mh6-ovwy::-webkit-scrollbar-thumb {
        background: #b8becc;
        border-radius: 5px;
    }

        #novo-curso .mh6-ovwy::-webkit-scrollbar-thumb:hover {
            background: #b8becc;
        }

#footer_cursos {
    padding: 50px 0;
    background: #e4ac1b;
}

    #footer_cursos .logo {
        width: 80%;
    }

        #footer_cursos .logo img {
            width: 100%;
        }

    #footer_cursos .icon {
        width: 30px;
    }

        #footer_cursos .icon img {
            width: 100%;
        }

    #footer_cursos .copyright p {
        color: #5c4200;
        font-size: 18px;
        margin: 0;
    }

#painel-cursos,
#novo-curso {
    display: none;
}

    #painel-cursos.active,
    #novo-curso.active {
        display: block;
    }

    #novo-curso .separadorSecMob {
        background: #efefef;
        margin: 20px 0;
        display: none;
        height: 5px;
        width: 100%;
    }

#pag-cursos-2 #publicar-curso {
    display: none;
}

    #pag-cursos-2 #publicar-curso.active {
        padding: 150px 0 50px;
        display: block;
    }

    #pag-cursos-2 #publicar-curso .overlayModalDisplay {
        background: #00000015;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    #pag-cursos-2 #publicar-curso .modalDisplay {
        background: #ffffff;
        position: relative;
        margin: 0 auto;
        width: 80%;
    }

#pag-cursos-2 #backBtn_modal {
    text-decoration: underline;
    align-items: center;
    position: absolute;
    padding-left: 30px;
    width: fit-content;
    color: #676162;
    font-size: 18px;
    cursor: pointer;
    display: none;
    top: -90px;
    left: 0;
}

    #pag-cursos-2 #backBtn_modal span {
        position: relative;
    }

        #pag-cursos-2 #backBtn_modal span::before {
            transform: rotate(45deg);
            background: #504a4c;
            position: absolute;
            content: "";
            height: 2px;
            width: 15px;
            right: 10px;
            top: -5px;
        }

        #pag-cursos-2 #backBtn_modal span::after {
            transform: rotate(-45deg);
            background: #504a4c;
            position: absolute;
            content: "";
            height: 2px;
            width: 15px;
            right: 10px;
            top: -15px;
        }

#pag-cursos-2 #publicar-curso .third__curso-content {
    padding: 0 0 50px;
    margin: 50px 0 0;
}

#pag-cursos-2 #publicar-curso .publiCursoBtn {
    background: #ffb200;
    border-radius: 5px;
    position: absolute;
    padding: 13px 15px;
    right: 30px;
    top: 30px;
    display: flex;
}

    #pag-cursos-2 #publicar-curso .publiCursoBtn h5 {
        text-transform: uppercase;
        margin: 0 20px 0 0;
        color: #5c4200;
        font-weight: 600;
        font-size: 14px;
        line-height: 1;
    }

    #pag-cursos-2 #publicar-curso .publiCursoBtn .switch_field {
        background: #ffecbb;
        top: 0;
    }

    #pag-cursos-2 #publicar-curso .publiCursoBtn .btn_swtch {
        background: #ffdf8c;
    }

#pag-cursos-2 #publicar-curso .third__curso-aulas {
    margin-left: 0;
}

#pag-cursos-2 #publicar-curso .second__curso-topic-menu {
    padding-left: 30px;
    margin-left: 0;
}

#pag-cursos-2 #publicar-curso .container-new {
    padding-right: 30px;
    padding-left: 30px;
}

#closingDiv {
    background: transparent;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

    #closingDiv.active {
        display: block;
    }

.extraMaterialsSep {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

    .extraMaterialsSep i {
        margin-right: 10px;
        color: #504a4c;
    }

    .extraMaterialsSep p {
        color: #504a4c;
        margin: 0;
    }

.escolherTipoDeArquivo {
    margin-top: 15px;
    width: 100%;
}

.optionsMaterialExtra {
    margin-bottom: 15px;
}

.boxAula .embed,
#novo-curso .halfSide #addExtMat .embed {
    margin: 0 0 40px;
}

    .boxAula .embed span,
    #novo-curso .halfSide #addExtMat .embed span {
        font-weight: 300;
        bottom: -20px;
    }

.mce-tinymce.mce-container.mce-panel {
    border-radius: 5px;
    padding: 10px 0 0;
    margin: 0 0 20px;
}

.mce-stack-layout-item {
    border-radius: 5px;
}

iframe#FS_inp_4_ifr {
    border-radius: 0 0 5px 5px;
}

/* CURSOS2 END */

/* JORNADAS2 START */
#pag-jornadas-2 {
    padding: 0 0 50px;
}

    #pag-jornadas-2 #backBtn_jor,
    #pag-jornadas-2 #backBtn_selecionarCurso {
        text-decoration: underline;
        padding-left: 30px;
        width: fit-content;
        margin: 50px 0 0;
        color: #676162;
        font-size: 18px;
        cursor: pointer;
        display: none;
        align-items: center;
    }

        #pag-jornadas-2 #backBtn_jor p,
        #pag-jornadas-2 #backBtn_selecionarCurso p {
            line-height: 1;
            margin: 0;
        }

        #pag-jornadas-2 #backBtn_jor span,
        #pag-jornadas-2 #backBtn_selecionarCurso span {
            position: relative;
        }

            #pag-jornadas-2 #backBtn_jor span::before,
            #pag-jornadas-2 #backBtn_selecionarCurso span::before {
                transform: rotate(45deg);
                background: #504a4c;
                position: absolute;
                content: "";
                height: 2px;
                width: 15px;
                right: 10px;
                top: 5px;
            }

            #pag-jornadas-2 #backBtn_jor span::after,
            #pag-jornadas-2 #backBtn_selecionarCurso span::after {
                transform: rotate(-45deg);
                background: #504a4c;
                position: absolute;
                content: "";
                height: 2px;
                width: 15px;
                right: 10px;
                top: -5px;
            }

    #pag-jornadas-2 #title_jor {
        color: #504a4c;
        margin: 30px 0;
    }

        #pag-jornadas-2 #title_jor h1 {
            font-size: 36px;
            margin: 0;
        }

    #pag-jornadas-2 .input input,
    #pag-jornadas-2 .input select {
        border: 1px solid #abaaaa;
        padding: 0 0 0 15px;
        border-radius: 5px;
        color: #abaaaa;
        outline: none;
        height: 40px;
        width: 100%;
    }

        #pag-jornadas-2 .input input::placeholder,
        #pag-jornadas-2 .input select::placeholder {
            color: #abaaaa;
        }

    #pag-jornadas-2 .input input {
        cursor: auto;
    }

    #pag-jornadas-2 .input select {
        cursor: pointer;
    }

    #pag-jornadas-2 .input i {
        position: absolute;
        color: #abaaaa;
        right: 30px;
        top: 12px;
    }

    #pag-jornadas-2 .campo_inputs {
        margin: 0 0 15px;
        padding: 0;
    }

    #pag-jornadas-2 .bttn button {
        text-transform: uppercase;
        background: #ffb000;
        border-radius: 5px;
        color: #5c4200;
        font-weight: 500;
        font-size: 18px;
        padding: 0 20px;
        cursor: pointer;
        height: 40px;
        border: none;
    }

        #pag-jornadas-2 .bttn button:hover {
            background: #a07300;
            color: #fff;
        }

    #pag-jornadas-2 .bg_separador {
        background: #f7f7f7;
        padding-bottom: 10px;
        padding-right: 40px;
        padding-top: 10px;
    }

        #pag-jornadas-2 .bg_separador p {
            color: #5c4200;
            font-size: 16px;
            margin: 0;
        }

            #pag-jornadas-2 .bg_separador p:last-child {
                margin-right: 35px;
            }

    #pag-jornadas-2 .itemCurso {
        padding-bottom: 15px;
        padding-right: 40px;
        padding-top: 15px;
    }

    #pag-jornadas-2 .fieldListaMaior,
    #pag-jornadas-2 .labelListaMaior {
        display: block;
    }

        #pag-jornadas-2 .fieldListaMaior.deactivated,
        #pag-jornadas-2 .labelListaMaior.deactivated {
            display: none;
        }

    #pag-jornadas-2 .itemCurso .itemCurso_click p {
        cursor: pointer;
    }

    #pag-jornadas-2 .itemCurso p {
        color: #504a4c;
        font-size: 16px;
        margin: 0;
    }

    #pag-jornadas-2 .itemCurso .popUp_Opt {
        display: none;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        background: #fff;
        bottom: 10px;
        z-index: 99;
        right: 30px;
    }

        #pag-jornadas-2 .itemCurso .popUp_Opt.active {
            display: flex;
        }

        #pag-jornadas-2 .itemCurso .popUp_Opt span {
            box-shadow: 0 -3px 10px rgb(0 0 0 / 13%);
            position: absolute;
            background: #fff;
            height: 20px;
            width: 20px;
            top: -17px;
            right: 0;
        }

            #pag-jornadas-2 .itemCurso .popUp_Opt span::before {
                transform: rotate(45deg);
                background: #504a4c;
                position: absolute;
                content: "";
                height: 2px;
                width: 20px;
                top: 10px;
                right: 0;
            }

            #pag-jornadas-2 .itemCurso .popUp_Opt span::after {
                transform: rotate(-45deg);
                background: #504a4c;
                position: absolute;
                content: "";
                height: 2px;
                width: 20px;
                top: 10px;
                right: 0;
            }

        #pag-jornadas-2 .itemCurso .popUp_Opt .btn_Opt {
            padding: 10px 25px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            border-bottom: 1px solid #d8d8d8;
        }

            #pag-jornadas-2 .itemCurso .popUp_Opt .btn_Opt:hover {
                background: #fff9ea;
            }

            #pag-jornadas-2 .itemCurso .popUp_Opt .btn_Opt:last-child {
                border-bottom: none;
            }

            #pag-jornadas-2 .itemCurso .popUp_Opt .btn_Opt i {
                margin-right: 10px;
                color: #504a4c;
                font-size: 14px;
            }

            #pag-jornadas-2 .itemCurso .popUp_Opt .btn_Opt p {
                color: #504a4c;
                font-weight: 400;
                font-size: 16px;
            }

    #pag-jornadas-2 .popUp_Delet {
        background: #0000007a;
        position: fixed;
        z-index: 9999;
        height: 100%;
        width: 100%;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        display: none;
        align-items: center;
        justify-content: center;
    }

    #pag-jornadas-2 #popUp_Delet.active {
        display: flex !important;
    }

    #pag-jornadas-2 .popUp_Delet_content {
        background: #ffffff;
        position: relative;
        padding: 50px;
        width: 450px;
    }

        #pag-jornadas-2 .popUp_Delet_content img {
            width: 100%;
        }

        #pag-jornadas-2 .popUp_Delet_content h4 {
            color: #504a4c;
            font-weight: 300;
            font-size: 22px;
            margin: 30px 0;
        }

        #pag-jornadas-2 .popUp_Delet_content button:first-child {
            border: 1px solid #ffb000;
            text-transform: uppercase;
            background: transparent;
            border-radius: 5px;
            padding: 10px 20px;
            margin-right: 10px;
            color: #5c4200;
            font-weight: 500;
            font-size: 16px;
            cursor: pointer;
            line-height: 1;
            outline: none;
        }

        #pag-jornadas-2 .popUp_Delet_content button:last-child {
            text-transform: uppercase;
            background: #ffb000;
            border-radius: 5px;
            padding: 10px 20px;
            color: #5c4200;
            font-weight: 500;
            font-size: 16px;
            cursor: pointer;
            border: none;
        }

    #pag-jornadas-2 .popUp_Delet span {
        background: transparent;
        position: absolute;
        cursor: pointer;
        height: 20px;
        width: 20px;
        right: 10px;
        top: 10px;
    }

        #pag-jornadas-2 .popUp_Delet span::before {
            transform: rotate(45deg);
            background: #ffb200;
            position: absolute;
            content: "";
            height: 2px;
            width: 20px;
            top: 10px;
            right: 0;
        }

        #pag-jornadas-2 .popUp_Delet span::after {
            transform: rotate(-45deg);
            background: #ffb200;
            position: absolute;
            content: "";
            height: 2px;
            width: 20px;
            top: 10px;
            right: 0;
        }

    #pag-jornadas-2 .popUp_deleted_sucess {
        background: #231f20;
        position: fixed;
        border-radius: 5px;
        padding: 20px;
        z-index: 999;
        left: 42%;
        top: 42%;
        display: none;
        align-items: center;
    }

        #pag-jornadas-2 .popUp_deleted_sucess.active {
            display: flex;
        }

        #pag-jornadas-2 .popUp_deleted_sucess h4 {
            margin: 0 30px 0 0;
            font-size: 20px;
            color: #fff;
        }

        #pag-jornadas-2 .popUp_deleted_sucess span {
            background: transparent;
            position: relative;
            cursor: pointer;
            height: 20px;
            width: 20px;
        }

            #pag-jornadas-2 .popUp_deleted_sucess span::before {
                transform: rotate(45deg);
                background: #ffffff;
                position: absolute;
                content: "";
                height: 2px;
                width: 20px;
                top: 10px;
                right: 0;
            }

            #pag-jornadas-2 .popUp_deleted_sucess span::after {
                transform: rotate(-45deg);
                background: #ffffff;
                position: absolute;
                content: "";
                height: 2px;
                width: 20px;
                top: 10px;
                right: 0;
            }

    #pag-jornadas-2 .btns_right {
        position: absolute;
        width: 115px;
        right: 0;
    }

    #pag-jornadas-2 .switcher {
        position: relative;
        margin-left: 12px;
        width: 50px;
        display: flex;
        align-items: center;
    }

    #pag-jornadas-2 .switch_field {
        background: #ffdf8c;
        border-radius: 20px;
        position: absolute;
        cursor: pointer;
        height: 15px;
        width: 45px;
        top: 5px;
    }

    #pag-jornadas-2 .btn_swtch {
        transition: all 0.2s ease;
        background: #ffb000;
        border-radius: 50%;
        position: absolute;
        cursor: pointer;
        height: 25px;
        width: 25px;
        top: -5px;
        right: 0;
    }

        #pag-jornadas-2 .btn_swtch.move {
            right: 20px;
        }

    #pag-jornadas-2 .optionsDots {
        position: absolute;
        cursor: pointer;
        height: 30px;
        width: 25px;
        right: 5px;
        top: 0;
    }

        #pag-jornadas-2 .optionsDots span {
            background: #504a4c;
            border-radius: 50%;
            position: absolute;
            height: 5px;
            width: 5px;
            right: 10px;
            top: 0;
        }

            #pag-jornadas-2 .optionsDots span::before {
                background: #504a4c;
                border-radius: 50%;
                position: absolute;
                content: "";
                height: 5px;
                width: 5px;
                top: 10px;
                right: 0;
            }

            #pag-jornadas-2 .optionsDots span::after {
                background: #504a4c;
                border-radius: 50%;
                position: absolute;
                content: "";
                height: 5px;
                width: 5px;
                top: 20px;
                right: 0;
            }

    #pag-jornadas-2 .itemCurso:hover {
        background: #fff9ea;
        font-weight: bold;
    }

    #pag-jornadas-2 .switcher.deactivated .switch_field {
        background: #abaaaa !important;
    }

    #pag-jornadas-2 .switcher.deactivated .btn_swtch {
        background: #504a4c !important;
    }

    #pag-jornadas-2 .leftSide {
        width: 100%;
        z-index: 1;
    }

        #pag-jornadas-2 .leftSide.shadoww {
            box-shadow: 0 0 1rem rgb(0 0 0 / 15%);
        }

        #pag-jornadas-2 .leftSide .col-lg-2.labelFix {
            text-align: left;
        }

        #pag-jornadas-2 .leftSide .labelFix.col-lg-6 {
            text-align: right;
        }

    #pag-jornadas-2 .rigtSide {
        border-bottom: 1px solid #efefef;
        border-right: 1px solid #efefef;
        border-radius: 5px;
        padding-bottom: 30px;
        display: none;
    }

        #pag-jornadas-2 .rigtSide.active {
            display: block;
        }

    #pag-jornadas-2 .bg_right {
        background: #fff9ea;
    }

    #pag-jornadas-2 .infoBtn p,
    #pag-jornadas-2 .aulaBtn p {
        padding: 15px 20px;
        color: #504a4c;
        font-weight: 400;
        font-size: 18px;
        cursor: pointer;
        margin: 0;
    }

    #pag-jornadas-2 .infoBtn.selected p,
    #pag-jornadas-2 .aulaBtn.selected p {
        border-bottom: 3px solid #504a4c;
        padding-bottom: 12px;
        font-weight: 600;
    }

    #pag-jornadas-2 .close_btn {
        position: relative;
        cursor: pointer;
    }

        #pag-jornadas-2 .close_btn span {
            background: transparent;
            position: absolute;
            height: 20px;
            width: 20px;
            top: -10px;
            right: 0;
        }

            #pag-jornadas-2 .close_btn span::before {
                transform: rotate(45deg);
                background: #504a4c;
                position: absolute;
                content: "";
                height: 2px;
                width: 20px;
                top: 10px;
                right: 0;
            }

            #pag-jornadas-2 .close_btn span::after {
                transform: rotate(-45deg);
                background: #504a4c;
                position: absolute;
                content: "";
                height: 2px;
                width: 20px;
                top: 10px;
                right: 0;
            }

    #pag-jornadas-2 .btn_edit {
        border: 1px solid #ffb000;
        text-transform: uppercase;
        background: transparent;
        border-radius: 5px;
        padding: 10px 20px;
        margin-right: 15px;
        color: #5c4200;
        font-weight: 500;
        font-size: 18px;
        cursor: pointer;
        line-height: 1;
        margin: 30px 0;
        outline: none;
    }

        #pag-jornadas-2 .btn_edit:hover {
            background: #ffb000;
        }

    #pag-jornadas-2 .content_info {
        padding: 0 30px;
    }

        #pag-jornadas-2 .content_info span {
            color: #abaaaa;
            font-weight: 300;
            font-size: 14px;
            margin: 0 0 5px;
        }

        #pag-jornadas-2 .content_info p {
            color: #504a4c;
            margin: 0 0 20px;
            font-weight: 400;
            font-size: 16px;
        }

    #pag-jornadas-2 .thumbArea {
        border: 1px solid #abaaaa;
        border-style: dashed;
        border-radius: 5px;
        height: 150px;
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #pag-jornadas-2 .thumbArea p {
            color: #504a4c;
            font-weight: 300;
            font-size: 14px;
            margin: 0;
        }

    #pag-jornadas-2 .col-lg-12:first-child .boxCursos {
        border-top: 1px solid #d8d8d8;
        padding: 10px 0;
    }

    #pag-jornadas-2 .boxCursos {
        border-bottom: 1px solid #d8d8d8;
        padding: 0 0 10px;
        margin: 0 0 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    #pag-jornadas-2 .boxCursos_title_jor {
        border-bottom: 1px solid #d8d8d8;
        position: relative;
        padding: 0 0 5px;
        cursor: pointer;
    }

    #pag-jornadas-2 .boxCursos_title h5 {
        font-weight: 400;
        font-size: 16px;
        color: #504a4c;
        margin: 0;
    }

    #pag-jornadas-2 .boxCursos_title_jor span {
        position: absolute;
        right: 0;
    }

        #pag-jornadas-2 .boxCursos_title_jor span::before {
            transform: rotate(45deg);
            background: #504a4c;
            position: absolute;
            content: "";
            height: 2px;
            width: 10px;
            right: 10px;
            top: -10px;
        }

        #pag-jornadas-2 .boxCursos_title_jor span::after {
            transform: rotate(-45deg);
            background: #504a4c;
            position: absolute;
            content: "";
            height: 2px;
            width: 10px;
            right: 4px;
            top: -10px;
        }

    #pag-jornadas-2 .boxCursos_content span {
        color: #abaaaa;
        font-weight: 300;
        font-size: 14px;
        margin: 0 0 5px;
    }

    #pag-jornadas-2 .boxCursos_content p {
        color: #504a4c;
        margin: 0 0 20px;
        font-weight: 400;
        font-size: 16px;
    }

    #pag-jornadas-2 .boxCursos_content {
        transition: all 0.5s ease;
        position: relative;
        max-height: 0;
        z-index: -1;
        opacity: 0;
    }

    #pag-jornadas-2 .contentField {
        position: relative;
        margin: 0 0 20px;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #pag-jornadas-2 .contentField img {
            width: 100%;
        }

        #pag-jornadas-2 .contentField i {
            background-color: #fff;
            border-radius: 50%;
            position: absolute;
            cursor: pointer;
            font-size: 20px;
            height: 40px;
            width: 40px;
            color: #000;
            display: flex;
            align-items: center;
            justify-content: center;
        }

#aulas-side {
    display: none;
}

    #aulas-side.active {
        display: block;
    }

#info-side {
    display: none;
}

    #info-side.active {
        display: block;
    }

#pag-jornadas-2 #concludJorndBtn {
    color: #231f20;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    line-height: 1;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffb000;
    border-radius: 4px;
    width: 84px;
    height: 42px;
    margin-left: auto;
    cursor: pointer;
}

    #pag-jornadas-2 #concludJorndBtn:hover {
        background: #ffd25d;
    }

#pag-jornadas-2 .boxCursos.active .boxAula_content {
    transition: all 0.5s ease;
    max-height: 1000px;
    margin: 30px 0 0;
    opacity: 1;
    z-index: 1;
}

#pag-jornadas-2 .boxCursos.active .boxAula_title_jor span::before {
    transform: rotate(-45deg);
}

#pag-jornadas-2 .boxCursos.active .boxAula_title_jor span::after {
    transform: rotate(45deg);
}

#nova-jornada .novoCurso {
    background: #f1f1f1;
    max-height: 610px;
    overflow: hidden;
    padding: 0 30px;
}

#nova-jornada .halfSide .title {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 5px;
    margin: 0 0 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    #nova-jornada .halfSide .title span {
        border-radius: 50%;
        font-weight: 500;
        font-size: 20px;
        color: #fff;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #nova-jornada .halfSide .title h2 {
        margin: 0 0 0 20px;
        font-weight: 600;
        font-size: 24px;
    }

#nova-jornada .halfSide label {
    background: #f1f1f1;
    position: absolute;
    color: #504a4c;
    font-weight: 500;
    font-size: 11px;
    line-height: 1;
    z-index: 1;
    left: 35px;
    top: -5px;
    margin: 0;
}

#nova-jornada .halfSide input,
#nova-jornada .halfSide select {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: transparent;
    padding: 0 0 0 15px;
    border-radius: 5px;
    color: #504a4c;
    margin: 0 0 20px;
    box-shadow: none;
    outline: none;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
}

#nova-jornada .halfSide textarea {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: transparent;
    padding: 15px 0 0 15px;
    border-radius: 5px;
    color: #504a4c;
    margin: 0 0 20px;
    outline: none;
    height: 100px;
    width: 100%;
}

    #nova-jornada .halfSide input::placeholder,
    #nova-jornada .halfSide textarea::placeholder {
        color: #504a4c;
    }

#nova-jornada .thumbArea2 {
    border: 1px solid #abaaaa;
    background: #ffffff;
    border-style: dashed;
    border-radius: 5px;
    margin: 0 0 20px;
    padding: 30px 0;
    width: 100%;
}

    #nova-jornada .thumbArea2 img {
        width: 100%;
    }

    #nova-jornada .thumbArea2 p {
        margin: 0;
        color: #abaaaa;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
    }

#nova-jornada .halfSide.right .embed {
    margin: 0 0 20px;
}

    #nova-jornada .halfSide.right .embed input::placeholder {
        color: #abaaaa;
    }

    #nova-jornada .halfSide.right .embed span {
        color: #abaaaa;
        font-size: 11px;
        margin: 0;
        position: absolute;
        width: 100%;
        left: 15px;
        bottom: 0;
    }

#nova-jornada .thumbArea2 span {
    margin: 0;
    color: #abaaaa;
    font-size: 12px;
}

.thumbArea2.removeContentThumb .col-lg-auto span,
.thumbArea2.removeContentThumb .col-lg-auto img,
.thumbArea2.removeContentThumb .col-lg-auto p {
    display: none;
}

#nova-jornada .halfSide.right .boxAula_title_jor {
    display: flex;
    align-items: center;
}

#nova-jornada .halfSide.right .checkAula {
    margin: 5px 0 0;
    height: 20px;
}

    #nova-jornada .halfSide.right .checkAula label {
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 2px;
        margin: 0 10px 0 0;
        position: initial;
        cursor: pointer;
        height: 20px;
        width: 20px;
    }

    #nova-jornada .halfSide.right .checkAula.checked label {
        background: #ffb200;
    }

        #nova-jornada .halfSide.right .checkAula.checked label::before {
            transform: rotate(45deg);
            background: #ffffff;
            position: absolute;
            content: "";
            height: 2px;
            width: 5px;
            top: 16px;
            left: 4px;
        }

        #nova-jornada .halfSide.right .checkAula.checked label::after {
            transform: rotate(-45deg);
            background: #ffffff;
            position: absolute;
            content: "";
            height: 2px;
            width: 10px;
            top: 14px;
            left: 6px;
        }

    #nova-jornada .halfSide.right .checkAula input {
        display: none;
    }

#nova-jornada .boxAula_title h5 {
    padding-left: 30px;
}

#nova-jornada .boxAula_title_jor i,
#nova-jornada .boxAula_title_jor b {
    background: #abaaaa;
    border-radius: 50%;
    position: absolute;
    height: 4px;
    width: 4px;
    left: 0;
    top: 0;
}

#nova-jornada .boxAula_title_jor i {
    left: 8px;
}

    #nova-jornada .boxAula_title_jor i::before,
    #nova-jornada .boxAula_title_jor b::before {
        background: #abaaaa;
        border-radius: 50%;
        position: absolute;
        content: "";
        height: 4px;
        width: 4px;
        top: 7px;
        left: 0;
    }

    #nova-jornada .boxAula_title_jor i::after,
    #nova-jornada .boxAula_title_jor b::after {
        background: #abaaaa;
        border-radius: 50%;
        position: absolute;
        content: "";
        height: 4px;
        width: 4px;
        top: 14px;
        left: 0;
    }

#nova-jornada .halfSide.right .fa-trash,
#nova-jornada .halfSide.right .fa-copy {
    margin: 5px 0 0;
    font-size: 20px;
}

#nova-jornada .halfSide.right .boxAula {
    padding: 0;
    margin: 0;
}

#nova-jornada .boxAula_title_jor span::before,
#nova-jornada .boxAula_title_jor span::after {
    top: 0;
}

#nova-jornada .halfSide.right .addMaisAulas {
    position: relative;
    margin: 30px 0;
    width: 100%;
    z-index: 9;
    display: flex;
    align-items: center;
}

    #nova-jornada .halfSide.right .addMaisAulas i {
        border: 2px solid #504a4c;
        padding: 4px 5px 2px;
        border-radius: 50%;
        color: #504a4c;
        font-size: 16px;
        cursor: pointer;
        line-height: 1;
    }

    #nova-jornada .halfSide.right .addMaisAulas p {
        padding-left: 10px;
        color: #504a4c;
        font-weight: 600;
        font-size: 16px;
        cursor: pointer;
        margin: 0;
    }

#nova-jornada .mh6-ovwy {
    padding-bottom: 30px;
    overflow-x: hidden;
    padding-top: 30px;
    max-height: 610px;
    overflow-y: auto;
}

    #nova-jornada .mh6-ovwy::-webkit-scrollbar {
        width: 5px;
    }

    #nova-jornada .mh6-ovwy::-webkit-scrollbar-track {
        background: #e5e8ef;
    }

    #nova-jornada .mh6-ovwy::-webkit-scrollbar-thumb {
        background: #b8becc;
        border-radius: 5px;
    }

        #nova-jornada .mh6-ovwy::-webkit-scrollbar-thumb:hover {
            background: #b8becc;
        }

#footer_cursos {
    padding: 50px 0;
    background: #e4ac1b;
}

    #footer_cursos .logo {
        width: 80%;
    }

        #footer_cursos .logo img {
            width: 100%;
        }

    #footer_cursos .icon {
        width: 30px;
    }

        #footer_cursos .icon img {
            width: 100%;
        }

    #footer_cursos .copyright p {
        color: #5c4200;
        font-size: 18px;
        margin: 0;
    }

#selecionar-curso,
#painel-jornadas,
#nova-jornada {
    display: none;
}

    #selecionar-curso.active,
    #painel-jornadas.active,
    #nova-jornada.active {
        display: block;
    }

    #nova-jornada .separadorSecMob {
        background: #efefef;
        margin: 20px 0;
        display: none;
        height: 5px;
        width: 100%;
    }

#pag-jornadas-2 .boxCursos .dragArea {
    margin-right: 10px;
    position: relative;
    cursor: move;
    height: 30px;
    width: 30px;
}

    #pag-jornadas-2 .boxCursos .dragArea i,
    #pag-jornadas-2 .boxCursos .dragArea b {
        background: #abaaaa;
        border-radius: 50%;
        position: absolute;
        height: 4px;
        width: 4px;
        left: 8px;
        top: 7px;
    }

    #pag-jornadas-2 .boxCursos .dragArea i {
        left: 16px;
    }

        #pag-jornadas-2 .boxCursos .dragArea i::before,
        #pag-jornadas-2 .boxCursos .dragArea b::before {
            background: #abaaaa;
            border-radius: 50%;
            position: absolute;
            content: "";
            height: 4px;
            width: 4px;
            top: 7px;
            left: 0;
        }

        #pag-jornadas-2 .boxCursos .dragArea i::after,
        #pag-jornadas-2 .boxCursos .dragArea b::after {
            background: #abaaaa;
            border-radius: 50%;
            position: absolute;
            content: "";
            height: 4px;
            width: 4px;
            top: 14px;
            left: 0;
        }

#pag-jornadas-2 .boxCursos .littleThumb {
    margin-right: 20px;
    width: 10%;
}

    #pag-jornadas-2 .boxCursos .littleThumb img {
        width: 100%;
    }

#pag-jornadas-2 .boxCursos .deleteCurso_jornada2 span {
    position: absolute;
    cursor: pointer;
    height: 20px;
    width: 20px;
    right: 20px;
    top: 10px;
}

#pag-jornadas-2 .col-lg-12:first-child .boxCursos .deleteCurso_jornada2 span {
    top: 20px;
}

#pag-jornadas-2 .boxCursos .deleteCurso_jornada2 span::before {
    transform: rotate(45deg);
    background: #ffb200;
    position: absolute;
    content: "";
    height: 2px;
    width: 20px;
    top: 10px;
    right: 0;
}

#pag-jornadas-2 .boxCursos .deleteCurso_jornada2 span::after {
    transform: rotate(-45deg);
    background: #ffb200;
    position: absolute;
    content: "";
    height: 2px;
    width: 20px;
    top: 10px;
    right: 0;
}

#pag-jornadas-2 #selecionar-curso #btnCriarCurso_jornada {
    border: 1px solid #ffb000;
    text-transform: uppercase;
    background: transparent;
    border-radius: 5px;
    padding: 10px 20px;
    color: #5c4200;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
    outline: none;
}

    #pag-jornadas-2 #selecionar-curso #btnCriarCurso_jornada:hover {
        background: #ffb000;
    }

#pag-jornadas-2 #selecionar-curso #insertCursos {
    text-transform: uppercase;
    background: #ffb000;
    border-radius: 5px;
    color: #5c4200;
    font-weight: 500;
    font-size: 18px;
    padding: 0 20px;
    cursor: pointer;
    height: 40px;
    border: none;
}

    #pag-jornadas-2 #selecionar-curso #insertCursos:hover {
        background: #a07300;
        color: #fff;
    }

#pag-jornadas-2 #selecionar-curso #btnListGrade {
    background: transparent;
    position: relative;
    cursor: pointer;
    outline: none;
    border: none;
    height: 30px;
    width: 30px;
}

    #pag-jornadas-2 #selecionar-curso #btnListGrade b {
        background: #5c4200;
        position: absolute;
        content: "";
        height: 7px;
        width: 7px;
        right: 25px;
        top: 0;
    }

        #pag-jornadas-2 #selecionar-curso #btnListGrade b::before {
            background: #5c4200;
            position: absolute;
            content: "";
            height: 7px;
            width: 7px;
            top: 10px;
            right: 0;
        }

        #pag-jornadas-2 #selecionar-curso #btnListGrade b::after {
            background: #5c4200;
            position: absolute;
            content: "";
            height: 7px;
            width: 7px;
            top: 20px;
            right: 0;
        }

    #pag-jornadas-2 #selecionar-curso #btnListGrade i {
        background: #5c4200;
        position: absolute;
        content: "";
        height: 7px;
        width: 23px;
        right: 0;
        top: 0;
    }

        #pag-jornadas-2 #selecionar-curso #btnListGrade i::before {
            background: #5c4200;
            position: absolute;
            content: "";
            height: 7px;
            width: 23px;
            top: 10px;
            right: 0;
        }

        #pag-jornadas-2 #selecionar-curso #btnListGrade i::after {
            background: #5c4200;
            position: absolute;
            content: "";
            height: 7px;
            width: 23px;
            top: 20px;
            right: 0;
        }

    #pag-jornadas-2 #selecionar-curso #btnListGrade.change-list b {
        background: #5c4200;
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        right: 0;
        top: 0;
    }

        #pag-jornadas-2 #selecionar-curso #btnListGrade.change-list b::before {
            background: #5c4200;
            position: absolute;
            content: "";
            height: 12px;
            width: 12px;
            right: 15px;
            top: 0;
        }

        #pag-jornadas-2 #selecionar-curso #btnListGrade.change-list b::after {
            background: #5c4200;
            position: absolute;
            content: "";
            height: 12px;
            width: 12px;
            right: 30px;
            top: 0;
        }

    #pag-jornadas-2 #selecionar-curso #btnListGrade.change-list i {
        background: #5c4200;
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        top: 15px;
        right: 0;
    }

        #pag-jornadas-2 #selecionar-curso #btnListGrade.change-list i::before {
            background: #5c4200;
            position: absolute;
            content: "";
            height: 12px;
            width: 12px;
            right: 15px;
            top: 0;
        }

        #pag-jornadas-2 #selecionar-curso #btnListGrade.change-list i::after {
            background: #5c4200;
            position: absolute;
            content: "";
            height: 12px;
            width: 12px;
            right: 30px;
            top: 0;
        }

#modoGrade {
    display: none;
}

    #modoGrade.active {
        display: flex;
    }

#pag-jornadas-2 #modoGrade .cursoBoxJornd2 {
    box-shadow: 0 0 5px 1px #d8d8d8;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    position: relative;
    margin: 0 0 30px;
    cursor: pointer;
    width: 100%;
}

    #pag-jornadas-2 #modoGrade .cursoBoxJornd2.active {
        border: 1px solid #ffb200;
    }

    #pag-jornadas-2 #modoGrade .cursoBoxJornd2 .cursoBoxJornd2_thumb {
        position: relative;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        width: 100%;
    }

        #pag-jornadas-2 #modoGrade .cursoBoxJornd2 .cursoBoxJornd2_thumb img {
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            width: 100%;
        }

        #pag-jornadas-2 #modoGrade .cursoBoxJornd2 .cursoBoxJornd2_thumb span {
            position: absolute;
            color: #fff;
            margin: 0;
            left: 5px;
            top: 5px;
        }

#pag-jornadas-2 #modoGrade .cursoBoxJornd2_content {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
    padding: 10px 25px;
    background: #fff;
}

    #pag-jornadas-2 #modoGrade .cursoBoxJornd2_content p {
        font-weight: 500;
        font-size: 20px;
        color: #5c4200;
        margin: 0;
    }

#pag-jornadas-2 #modoGrade .cursoBoxJornd2 .checkBoxBtnJornd2 {
    border: 1px solid #504a4c;
    border-radius: 2px;
    position: absolute;
    height: 20px;
    width: 20px;
    bottom: 5px;
    right: 5px;
}

#pag-jornadas-2 #modoGrade .cursoBoxJornd2.active .checkBoxBtnJornd2 {
    border: 1px solid #ffb200;
    background: #ffb200;
}

    #pag-jornadas-2 #modoGrade .cursoBoxJornd2.active .checkBoxBtnJornd2 b::before {
        transform: rotate(45deg);
        background: #ffffff;
        position: absolute;
        content: "";
        height: 2px;
        width: 6px;
        top: 10px;
        left: 3px;
    }

    #pag-jornadas-2 #modoGrade .cursoBoxJornd2.active .checkBoxBtnJornd2 b::after {
        transform: rotate(-45deg);
        background: #ffffff;
        position: absolute;
        content: "";
        height: 2px;
        width: 10px;
        top: 8px;
        left: 6px;
    }

#modoLista {
    display: none;
}

    #modoLista.active {
        display: flex;
    }

#pag-jornadas-2 #modoLista .header_selecionarCurso p {
    color: #504a4c;
    font-size: 16px;
    margin: 0;
}

#pag-jornadas-2 #modoLista .col-lg-12:first-child {
    border-bottom: 1px solid #d8d8d8;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

#pag-jornadas-2 #modoLista .linhaCursoJornd2 {
    border-bottom: 1px solid #d8d8d8;
    padding: 0 0 10px;
    margin: 0 0 10px;
    cursor: pointer;
}

    #pag-jornadas-2 #modoLista .linhaCursoJornd2 p {
        margin: 0;
    }

#pag-jornadas-2 #modoLista .cursoBoxJornd2 {
    width: 100%;
    display: flex;
    align-items: center;
}

    #pag-jornadas-2 #modoLista .cursoBoxJornd2 .cursoBoxJornd2_thumb {
        margin: 0 20px;
        width: 10%;
    }

        #pag-jornadas-2 #modoLista .cursoBoxJornd2 .cursoBoxJornd2_thumb img {
            width: 100%;
        }

#pag-jornadas-2 #modoLista .cursoBoxJornd2_content p {
    font-weight: 500;
    font-size: 18px;
    color: #5c4200;
    margin: 0;
}

#pag-jornadas-2 #modoLista .cursoBoxJornd2 .checkBoxBtnJornd2 {
    border: 1px solid #504a4c;
    border-radius: 2px;
    position: relative;
    height: 20px;
    width: 20px;
}

#pag-jornadas-2 #modoLista .cursoBoxJornd2.active .checkBoxBtnJornd2 {
    border: 1px solid #ffb200;
    background: #ffb200;
}

    #pag-jornadas-2 #modoLista .cursoBoxJornd2.active .checkBoxBtnJornd2 b::before {
        transform: rotate(45deg);
        background: #ffffff;
        position: absolute;
        content: "";
        height: 2px;
        width: 6px;
        top: 10px;
        left: 3px;
    }

    #pag-jornadas-2 #modoLista .cursoBoxJornd2.active .checkBoxBtnJornd2 b::after {
        transform: rotate(-45deg);
        background: #ffffff;
        position: absolute;
        content: "";
        height: 2px;
        width: 10px;
        top: 8px;
        left: 6px;
    }

/* JORNADAS2 END */

/* MEDIA QUERY */
@media (max-width: 1700px) {
    .bg-yellowLight {
        height: 49%;
        top: 37%;
    }

    .selectorPilarCursos {
        width: 55%;
    }
}

@media (max-width: 1600px) {
    .bg-yellowLight {
        height: 50%;
        top: 36%;
    }
}

@media (max-width: 1500px) {
    .bg-yellowLight {
        height: 50%;
        top: 36%;
    }

    .selectorPilarCursos {
        width: 65%;
    }
}

@media (max-width: 1400px) {
    .bg-yellowLight {
        height: 52%;
        top: 35.5%;
    }

    .home-banner h1 {
        font-size: 38px;
    }

    .home-banner p {
        font-size: 26px;
    }

    .menuMobileUp li {
        margin: 0 0 20px;
    }

    .topMenuDark h3 {
        font-size: 20px;
        margin: 0 0 2px;
    }

    .topMenuDark {
        padding: 20px 20px 10px;
    }

    .interfaceHub p {
        font-size: 14px;
    }

    .selectorPilarCursos {
        width: 70%;
    }

    #pag-cursos-2 .bg_separador p:last-child {
        margin-right: 0 !important;
    }

    #pag-jornadas-2 .bg_separador p:last-child {
        margin-right: 0 !important;
    }

    #pag-jornadas-2 .boxCursos .deleteCurso_jornada2 span {
        top: 7px;
    }

    #pag-jornadas-2 .col-lg-12:first-child .boxCursos .deleteCurso_jornada2 span {
        top: 17px;
    }

    .boxAula .fileChoice,
    .boxAula .embedChoice,
    .boxAula .escolherModoDeEnvio p:first-child,
    #addExtMat .fileChoice,
    #addExtMat .embedChoice,
    #addExtMat .escolherModoDeEnvio p:first-child {
        font-size: 14px;
    }
}

@media (max-width: 1300px) {
    .selectorPilarCursos {
        width: 100%;
    }

        .selectorPilarCursos .areaBallPilar .pilarUnit {
            height: 120px;
            width: 120px;
        }

            .selectorPilarCursos .areaBallPilar .pilarUnit img {
                width: 50px;
            }
}

@media (max-width: 1200px) {
    .bg-yellowLight {
        height: 51%;
        top: 36%;
    }

    .bg-img-pillar {
        height: 140px;
        width: 140px;
    }

    .grafic-text {
        width: 62%;
    }

        .grafic-text h4 {
            font-size: 18px;
            margin: 0 0 15px;
        }

    .selectProgress {
        margin: 0 0 50px;
    }

    .progressArea {
        width: 48%;
    }

        .progressArea p {
            font-size: 12px;
        }

        .progressArea span {
            font-size: 12px;
            margin: 0 0 15px;
        }

    .aberturaHub h2 {
        font-size: 22px;
    }

    .aberturaHub h3 {
        font-size: 22px;
    }

    .interfaceHub p {
        font-size: 10px;
    }

    .formId label {
        font-size: 16px;
    }

    .payOut {
        width: 65%;
    }

    .formId .flex-row-reverse {
        justify-content: center !important;
    }

    .campoLeft .btnNextPay,
    .campoLeft .btnPrevPay {
        font-size: 16px;
        width: auto;
        margin: auto;
    }

    .campoLeft .btnPrevPay {
        margin: 20px auto 0;
    }

    .btnCriarCurso {
        width: 85%;
    }

    .selectorPilarCursos .areaBallPilar .pilarUnit {
        height: 110px;
        width: 110px;
    }

        .selectorPilarCursos .areaBallPilar .pilarUnit img {
            width: 45px;
        }

    .minH-580 {
        min-height: 580px;
    }

    #pag-cursos-2 .bg_separador p:last-child {
        margin-right: -20px !important;
    }

    #pag-cursos-2 #publicar-curso .progress-top h4 {
        font-size: 26px;
    }

    #pag-cursos-2 #publicar-curso .first__content__curso h2 {
        font-size: 40px;
    }

    #pag-jornadas-2 .bg_separador p:last-child {
        margin-right: -20px !important;
    }

    #pag-jornadas-2 #modoGrade .cursoBoxJornd2_content p {
        font-size: 18px;
    }

    #pag-jornadas-2 .boxCursos .deleteCurso_jornada2 span {
        top: 5px;
    }

    #pag-jornadas-2 .col-lg-12:first-child .boxCursos .deleteCurso_jornada2 span {
        top: 15px;
    }
}

@media (max-width: 1100px) {
    .home-banner h1 {
        font-size: 30px;
    }

    .home-banner p {
        font-size: 20px;
    }

    .fifth__content {
        flex-direction: column;
        align-items: center;
    }

    .selectorPilarCursos .areaBallPilar .pilarUnit {
        height: 95px;
        width: 95px;
    }

        .selectorPilarCursos .areaBallPilar .pilarUnit img {
            width: 45px;
        }
}

@media (max-width: 1000px) {
    .bg-yellowLight {
        height: 52%;
        top: 33.5%;
    }

    .bg-img-pillar {
        height: 120px;
        width: 120px;
    }

    .mb30 {
        margin-bottom: 30px;
    }

    #playBtnVideo {
        font-size: 5rem;
    }

    .profile h3 {
        padding-top: 30px;
        font-size: 18px;
    }

    .profile p {
        font-size: 16px;
    }

    .footerHUB {
        flex-direction: column;
    }

        .footerHUB img {
            margin: 0 0 20px;
        }

        .footerHUB .justify-content-between {
            justify-content: center !important;
        }

    #pagCursos .bg-yellow-jornadas {
        height: 55%;
    }
}

@media (min-width: 992px) {
    .webVer {
        display: flex;
    }

    .mobVer {
        display: none;
    }
}

@media (max-width: 992px) {
    .webVer {
        display: none;
    }

    .mobVer {
        display: flex;
    }

    .header-id .container-new {
        padding-bottom: 20px;
    }

    .contadorArea {
        border-top: 3px solid #f5f5f5;
        padding: 20px 0 0;
        margin: 30px 0 0;
    }

    .etapas-pagamento {
        padding: 30px 0 50px;
    }

    .etapaPagamento {
        width: 65%;
        justify-content: flex-start;
        margin: 20px 0 0 auto;
    }

    .formId select {
        margin: 0 0 30px;
    }

    .resumoPedido h2 {
        margin: 50px 0;
    }

    .valorCartaoMulti .pl {
        padding-right: 0;
    }

    .valorCartaoMulti label {
        margin: 0 0 10px;
    }

    .valorCartaoMulti .pr {
        padding-left: 0;
    }

    .opcoesPilaresCursos {
        align-items: flex-start !important;
    }

    .selectorPilarCursos .areaBallPilar {
        width: 16%;
    }

        .selectorPilarCursos .areaBallPilar .pilarUnit {
            height: 80px;
            width: 80px;
        }

            .selectorPilarCursos .areaBallPilar .pilarUnit img {
                width: 45px;
            }

    #boxAndamento {
        margin: 30px 0 0;
    }

    #sec_2_JorEsc #vertical {
        width: 100%;
        padding-right: 0;
    }

    #sec_2_JorEsc .infoPlayerSlide {
        padding-right: 80px;
    }

    #sec_2_JorEsc .infoPlayerSlide {
        align-items: flex-start;
        flex-direction: column;
        padding-right: 80px;
    }

        #sec_2_JorEsc .infoPlayerSlide h4 {
            margin: 0 0 20px;
        }

    #sec_1_JorEsc ul {
        width: 100%;
    }

    .slideSidePreview {
        position: relative;
        justify-content: center;
    }

        .slideSidePreview .prevAula {
            max-height: 118.19px;
            max-width: 100%;
            padding: 0 30px;
            margin: 0 0 16px;
        }

            .slideSidePreview .prevAula img {
                width: 100%;
                height: 100%;
            }

    .slideSidePreview {
        max-height: 580px;
    }

    .overflow-hidden {
        min-height: 580px;
        margin: 50px 0 0;
    }

    .mostradorSlideVert {
        top: 630px;
        left: -15px;
    }

    #pag-cursos-2 .rigtSide {
        border: 1px solid #efefef;
    }

    #pag-jornadas-2 .rigtSide {
        border: 1px solid #efefef;
    }

    #footer_cursos .logo {
        width: 100%;
    }

    #footer_cursos .icon:first-child {
        margin-left: 15px;
    }

    #footer_cursos .icon {
        margin-right: 10px;
        width: 30px;
    }

    #footer_cursos .copyright p {
        margin: 20px 0;
    }

    .mh6-ovwy {
        min-height: 610px;
    }

    #novo-curso .novoCurso {
        max-height: none;
    }

    #novo-curso .halfSide.right .fa-trash {
        margin-left: 30px;
    }

    #novo-curso .separadorSecMob {
        display: block;
    }

    #nova-jornada .novoCurso {
        max-height: none;
    }

    #nova-jornada .halfSide.right .fa-trash {
        margin-left: 30px;
    }

    #nova-jornada .separadorSecMob {
        display: block;
    }

    #pag-cursos-2 .popUp_Delet_content {
        width: 350px;
    }

        #pag-cursos-2 .popUp_Delet_content button:first-child {
            padding: 5px 15px;
            font-size: 14px;
        }

        #pag-cursos-2 .popUp_Delet_content button:last-child {
            padding: 5px 15px;
            font-size: 14px;
        }

    #pag-cursos-2 .itemCurso p {
        font-size: 16px;
    }

    #pag-cursos-2 .bg_separador p:last-child {
        margin-right: 0 !important;
    }

    #pag-jornadas-2 .popUp_Delet_content {
        width: 350px;
    }

        #pag-jornadas-2 .popUp_Delet_content button:first-child {
            padding: 5px 15px;
            font-size: 14px;
        }

        #pag-jornadas-2 .popUp_Delet_content button:last-child {
            padding: 5px 15px;
            font-size: 14px;
        }

    #pag-jornadas-2 .itemCurso p {
        font-size: 16px;
    }

    #pag-jornadas-2 .bg_separador p:last-child {
        margin-right: 0 !important;
    }

    .labelListaMaior,
    .fieldListaMaior {
        display: none !important;
    }

    #modoGrade {
        justify-content: flex-start !important;
    }

    #pag-jornadas-2 #modoLista .header_selecionarCurso .col-lg-2,
    #pag-jornadas-2 #modoLista .header_selecionarCurso .col-lg-3,
    #pag-jornadas-2 #modoLista .linhaCursoJornd2 .col-lg-2,
    #pag-jornadas-2 #modoLista .linhaCursoJornd2 .col-lg-3 {
        display: none;
    }

    #pag-jornadas-2 .boxCursos .deleteCurso_jornada2 span {
        top: 10px;
    }

    #pag-jornadas-2 .col-lg-12:first-child .boxCursos .deleteCurso_jornada2 span {
        top: 20px;
    }
}

@media (max-width: 900px) {
    .bg-yellowLight {
        height: 53%;
        top: 32%;
    }

    .home-banner h1 {
        font-size: 30px;
    }

    .home-banner p {
        font-size: 18px;
    }

    .bg-img-pillar {
        height: 110px;
        width: 110px;
    }
}

@media (max-width: 916px) {
    .footerHUB {
        display: none;
    }

    .footerHub {
        position: relative;
        margin: 47px 0 0;
    }

    .footerBarLaranja {
        display: none;
    }
}

@media (max-width: 868px) {
    .second__curso-topic h3 {
        font-size: 19px;
    }

    a.second__curso-topic-link {
        font-size: 15px;
    }
}

@media (min-width: 800px) {
    .logo-header .logo_header_web {
        display: block;
    }

    .logo-header .logo_header_mob {
        display: none;
    }
}

@media (max-width: 800px) {
    .bg-yellowLight {
        height: 65%;
        top: 22.5%;
    }

    .chartCard {
        width: 100%;
    }

    .home-banner h1 {
        margin: 25px 0 0;
        font-size: 22px;
    }

    .home-banner p {
        font-size: 16px;
        display: none;
    }

    .title-pilares h2,
    .title-metricas h2,
    .title-cursos h2 {
        font-size: 26px;
    }

    .title-cursos a {
        font-size: 14px;
    }

    #playBtnVideo {
        font-size: 4rem;
    }

    .comentarios-salaDeAula form textarea {
        margin: 10px 0;
    }

    .content-salaDeAula {
        margin: 0 0 20px;
    }

    .comandante .justify-content-end {
        justify-content: space-between !important;
    }

    .comandante h1 {
        margin-top: 50px;
    }

    .nav-header {
        position: absolute;
        padding: 20px 0 0;
        z-index: 9;
        right: 0;
        left: 0;
        top: 0;
    }

    .logo-header .logo_header_web {
        display: none;
    }

    .logo-header .logo_header_mob {
        display: block;
    }

    .footerHUB {
        display: none;
    }

    .interfaceHub .row {
        flex-wrap: wrap;
    }

    .aberturaHub {
        margin: 50px 0;
    }

    .interfaceHub p {
        font-size: 14px;
    }

    .footerHub {
        position: relative;
        margin: 47px 0 0;
    }

    .footerBarLaranja {
        display: none;
    }

    .etapaPagamento {
        width: 70%;
    }

    .boxTime {
        padding: 5px 25px;
        font-size: 14px;
    }

    .payOut {
        width: 100%;
    }

        .payOut h4,
        .payOut p {
            font-size: 18px;
        }

    .safePayContainer {
        width: 90%;
    }

    .pagBoleto {
        padding: 40px 30px;
    }

    .boxTime {
        min-width: 66.08px;
    }

    .contadorArea p {
        font-size: 14px;
    }

    .selectCategoria-curso,
    .searchBar-curso {
        font-size: 14px;
    }

    .selectorPilarCursos .areaBallPilar {
        width: 33%;
    }

        .selectorPilarCursos .areaBallPilar .pilarUnit {
            height: 90px;
            width: 90px;
        }

            .selectorPilarCursos .areaBallPilar .pilarUnit img {
                width: 40px;
            }

        .selectorPilarCursos .areaBallPilar p {
            margin: 10px 0 0;
        }

    #pilar_Dom,
    #pilar_Cult,
    #pilar_Lid {
        margin-bottom: 30px;
    }

    .cursos-banner h1 {
        font-size: 36px;
        margin: 30px 0 20px;
    }

    .slide-jornadas .contadorAulas,
    .slide-jornadas .areaTitleCursos a {
        bottom: 15px;
    }

    .lSSlideWrapper.usingCss {
        height: 640px !important;
    }

    #sec_2_JorEsc #vertical li {
        height: 640px !important;
    }

    #sec_2_JorEsc #vertical .score {
        bottom: 150px;
    }

    #sec_1_JorEsc h2 {
        font-size: 26px;
    }

    #sec_3_JorEsc h2 {
        font-size: 26px;
    }

    #pag-cursos-2 #title {
        margin: 100px 0 30px;
    }

    #pag-cursos-2 #backBtn {
        margin: 100px 0 -70px;
    }

    #pag-cursos-2 #publicar-curso.active {
        padding: 190px 0 50px;
    }

    #pag-cursos-2 #publicar-curso .first__content__curso h2 {
        font-size: 30px;
    }

    #pag-jornadas-2 #jornadas {
        margin: 100px 0 30px;
    }

    #pag-jornadas-2 #backBtn_jor,
    #pag-jornadas-2 #backBtn_selecionarCurso {
        margin: 100px 0 -70px;
    }

    #pag-jornadas-2 .popUp_deleted_sucess {
        left: 35%;
        top: 5%;
    }

        #pag-jornadas-2 .popUp_deleted_sucess h4 {
            font-size: 18px;
        }

    #pag-jornadas-2 #title_jor {
        margin: 100px 0 30px;
    }
}

@media (max-width: 766px) {
    .rectangle__carroussel {
        padding: 30px;
    }

    .data__wrapper {
        grid-template-columns: 1fr;
        grid-gap: 50px;
    }

    .sixth h2 {
        font-size: 30px;
    }

    .profile p {
        font-size: 14px;
    }

    .profile img {
        width: 50%;
    }

    .second__curso-content {
        flex-direction: column;
        align-items: center;
    }

    .second__curso-topic h3 {
        margin-bottom: 30px;
        text-align: left;
        font-size: 24px;
    }

    a.second__curso-topic-link {
        font-size: 14px;
    }

    .third__curso-content {
        flex-direction: column;
        align-items: center;
    }

    .second__curso-topic-menu {
        padding-left: 0px;
        margin-left: 10px;
        text-align: left;
        list-style: disc;
    }

    .second__curso-topic {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .third__curso-card-info {
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .second__curso-topic-item {
        list-style-position: inside;
    }

    .third__curso-mentor {
        width: 100%;
        text-align: left;
        margin-top: 50px;
    }

    .third__curso-aulas {
        width: 100%;
    }

    .fourth__curso-content {
        margin: 50px 0;
    }

    #pag1 .d-flex {
        flex-direction: column;
    }

    #fieldErros {
        padding: 0;
        margin: 0 0 10px;
        text-align: center;
    }

    #fieldErros2 {
        padding: 0;
        margin: 0 0 10px;
        text-align: center;
    }

    #fieldErros3 {
        padding: 0;
        margin: 0 0 10px;
        text-align: center;
    }

    .campoLeft .btnNextPay {
        padding: 10px 15px;
    }

    .btnCriarCurso {
        font-size: 14px;
        width: 80%;
    }

    .boxCursosJornada p {
        font-size: 16px;
    }

    #pag-jornadas-2 #selecionar-curso #btnCriarCurso_jornada {
        margin: 20px 0 0;
    }

    #pag-jornadas-2 .boxCursos .deleteCurso_jornada2 span {
        top: 5px;
    }
}

@media (max-width: 600px) {
    .bg-yellowLight {
        height: 63%;
        top: 20.5%;
    }

    #pilares .main-carousel,
    #cursos .main-carousel {
        width: 85%;
        margin: auto;
    }

    .bg-img-pillar {
        height: 120px;
        width: 120px;
    }

    #playBtnVideo {
        font-size: 3rem;
    }

    .comandante form label {
        font-size: 16px;
    }

    .comandante .left,
    .comandante .right {
        font-size: 16px;
    }

    .home-banner {
        background-image: url("/Images/eag/image47.png");
        padding: 65% 0 5%;
    }

        .home-banner .justify-content-end {
            justify-content: flex-start !important;
        }

        .home-banner h1 {
            padding-left: 20px;
            font-size: 30px;
        }

    .first__curso {
        background-image: url("/images/eag/image47.png");
    }

    .first {
        background-image: url("/images/eag/imgDP.png");
    }

    .first__content h2 {
        font-size: 30px;
    }

    .second__content h3 {
        font-size: 20px;
    }

    .third__content h3 {
        font-size: 24px;
    }

    .hidMob {
        transition: ease-out 550ms;
        display: none !important;
        max-height: 0;
    }

    .column-footer-mid.active .hidMob,
    .column-footer-right.active .hidMob {
        transition: ease-in 550ms;
        display: flex !important;
        max-height: 500px;
    }

    .title-cursosPilar a {
        font-size: 15px;
    }

    .profile {
        text-align: center;
    }

    .etapaPagamento {
        width: 75%;
    }

    .boxTime {
        padding: 5px 20px;
        font-size: 14px;
    }

    .contadorArea p {
        font-size: 14px;
    }

    .campoLeft .btnPrevPay,
    .campoLeft .btnNextPay {
        font-size: 16px;
    }

    .campoLeft h2 {
        font-size: 24px;
    }

    .resumoPedido h2 {
        font-size: 24px;
    }

    .itemPedido h4 {
        font-size: 16px;
    }

    .itemPedido p {
        font-size: 16px;
    }

    .totalPedido h3 {
        font-size: 24px;
    }

    .totalPedido p {
        font-size: 20px;
    }

    .safePayContainer p {
        font-size: 16px;
    }

    .pagBoleto h3 {
        font-size: 18px;
    }

    .pagBoleto a {
        font-size: 16px;
    }

    .pagBoleto h4 {
        font-size: 18px;
    }

    .boxTime {
        min-width: 56.08px;
    }

    #flyingNumberPrintCard1,
    #flyingNumberPrintCard2,
    #flyingNumberPrint {
        font-size: 14px;
    }

    #flyingCvvPrintCard1,
    #flyingCvvPrintCard2,
    #flyingCvvPrint {
        font-size: 10px;
    }

    #flyingValidPrintCard1,
    #flyingValidPrintCard2,
    #flyingValidPrint {
        font-size: 10px;
        bottom: 31%;
    }

    #flyingNamePrintCard1,
    #flyingNamePrintCard2,
    #flyingNamePrint {
        font-size: 12px;
    }

    #pag-cursos-2 #publicar-curso .progress-top h4 {
        font-size: 22px;
    }

    #pag-cursos-2 #publicar-curso .progress-top a {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .bg-yellowLight {
        height: 63%;
        top: 23%;
    }

    .column-footer-left {
        margin-bottom: 30px;
    }

    .column-footer-mid {
        margin-bottom: 20px;
    }

    .contatos-footer {
        align-items: center;
    }

    .sociais-footer {
        justify-content: center;
    }

        .sociais-footer .icon {
            margin-right: 0;
            margin: 0 5px;
        }

    .column-footer-mid h4,
    .column-footer-right h4,
    .column-footer-mid li,
    .column-footer-right li {
        text-align: center;
        cursor: pointer;
    }

    .column-footer-mid ul,
    .column-footer-right ul {
        flex-direction: column;
        align-items: center;
    }

    .menuMobileUp li {
        margin: 0 0 5px;
    }

        .menuMobileUp li a {
            font-size: 14px;
        }

    .header-SalaDeAula .container-salaAula .justify-content-between {
        justify-content: space-around !important;
    }

    .iconUserP {
        font-size: 20px;
    }

    .comandante h1 {
        font-size: 34px;
    }

    .comandante p {
        font-size: 18px;
    }

    .content-salaDeAula h2 {
        text-align: left;
    }

    .interfaceHub .darkBgImg {
        padding: 20px;
    }

    .interfaceHub p {
        margin: 10px 0 0;
    }

    #page-boleto .bg-white {
        padding: 0 20px;
    }

    .etapaPagamento p {
        font-size: 16px;
    }

    .etapaPagamento i {
        font-size: 22px;
        height: 40px;
        width: 40px;
    }

    .btnCriarCurso {
        width: 100%;
        margin: 30px 0 0;
    }

    .searchBar-curso {
        width: 100%;
        margin: 0 0 10px;
    }

    #sec_2_JorEsc .infoPlayerSlide {
        padding: 20px 10px 25px;
        padding-right: 50px;
    }

        #sec_2_JorEsc .infoPlayerSlide h4 {
            font-size: 18px;
        }

    .boxCursosJornada p {
        font-size: 14px;
    }

    .right_JorEsc .d-flex {
        flex-direction: column;
    }

    .right_JorEsc h4 {
        margin: 20px 0;
    }

    #pag-cursos-2 .bttn {
        text-align: end;
        margin: 0 0 30px;
    }

    #pag-jornadas-2 .bttn {
        text-align: end;
        margin: 0 0 30px;
    }

    #painel-cursos .row.rounded {
        margin: 0;
    }

    #painel-jornadas .row.rounded {
        margin: 0;
    }

    #pag-jornadas-2 .boxCursos .littleThumb {
        width: 50px;
    }

    #pag-jornadas-2 #modoLista .cursoBoxJornd2 .cursoBoxJornd2_thumb {
        width: 50px;
    }

    #pag-jornadas-2 #modoLista .cursoBoxJornd2_content p {
        font-size: 16px;
    }

    #pag-jornadas-2 .input input {
        margin: 0 0 20px;
    }

    #pag-jornadas-2 #selecionar-curso #btnCriarCurso_jornada,
    #pag-jornadas-2 #selecionar-curso #btnCriarCurso_jornada,
    #pag-jornadas-2 #selecionar-curso #insertCursos,
    #pag-jornadas-2 #concludJorndBtn,
    #pag-jornadas-2 .bttn button,
    #pag-jornadas-2 .btn_edit {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    #pilares .main-carousel,
    #cursos .main-carousel {
        width: 80%;
        margin: auto;
    }

    .bg-img-pillar {
        height: 110px;
        width: 110px;
    }

    .title-pilares h2,
    .title-metricas h2,
    .title-cursos h2 {
        font-size: 22px;
    }

    .title-cursos a {
        font-size: 12px;
    }

    .grafic-text {
        width: 70%;
    }

        .grafic-text h4 {
            font-size: 16px;
        }

    .selectProgress {
        margin: 0 0 30px;
    }

    .divMenuMobile {
        background: #fff;
        height: 55px;
    }

    .menuMobileUp {
        padding: 20px 0 0 20px;
        height: 80vh;
        top: 55px;
        right: 0;
    }

    .usuarioMenu {
        margin: 0 0 20px;
    }

    #playBtnVideo {
        font-size: 2rem;
    }

    .header-SalaDeAula .container-salaAula .justify-content-between {
        justify-content: space-evenly !important;
    }

    .btn-control-left,
    .btn-control-right {
        font-size: 16px;
    }

    .wd-90-auto {
        width: 90%;
        margin: auto;
    }

    .home-banner h1 {
        margin-top: 40px;
    }

    .progress-top h4 {
        font-size: 18px;
    }

    .progress-mid p {
        font-size: 16px;
    }

    .progress-mid span {
        font-size: 16px;
    }

    .progress-bot h4 {
        font-size: 18px;
    }

    .title-cursosPilar h2 {
        font-size: 16px;
    }

    .first__content__curso h2 {
        font-size: 30px;
    }

    .first__content__curso p {
        font-size: 10px;
    }

    .fifth__content-img {
        display: flex;
        justify-content: center;
    }

        .fifth__content-img img {
            width: 76%;
        }

    .rectangle__carroussel {
        padding: 20px;
    }

    .title-cursosPilar a {
        padding: 5px 10px;
        font-size: 12px;
    }

    .fifth__content-write h2 {
        font-size: 30px;
    }

    .fifth__content-write p {
        font-size: 16px;
    }

    .second__curso-topic h3 {
        font-size: 18px;
    }

    .third__curso-aulas h3 {
        font-size: 18px;
    }

    .sixth h2 {
        font-size: 22px;
    }

    .interfaceHub p {
        font-size: 12px;
    }

    .etapaPagamento {
        width: 80%;
    }

    .contadorTimer {
        margin: 0 5px;
    }

    .boxTime {
        padding: 2px 10px;
        font-size: 14px;
    }

    .contadorArea p {
        font-size: 12px;
    }

    .campoLeft {
        padding: 25px;
    }

        .campoLeft .btnPrevPay,
        .campoLeft .btnNextPay {
            font-size: 12px;
        }

    .opcaoPagamento {
        margin: 0 10px;
    }

    .pagBoleto h3 {
        font-size: 14px;
    }

    .pagBoleto a {
        padding: 10px 15px;
        font-size: 12px;
    }

    .pagBoleto h4 {
        font-size: 14px;
    }

    .pagBoleto {
        padding: 40px 20px;
    }

    .boxTime {
        min-width: 36.08px;
    }

    #flyingNumberPrintCard1,
    #flyingNumberPrintCard2,
    #flyingNumberPrint {
        word-spacing: 3px;
        font-size: 12px;
        top: 42%;
    }

    .slide-cursos .title-cursos img {
        width: 40px;
    }

    .slide-cursos .title-cursos h2 {
        font-size: 24px;
    }

    .slide-jornadas .title-cursos h2 {
        font-size: 24px;
    }

    .slide-jornadas .contadorAulas,
    .slide-jornadas .areaTitleCursos a {
        bottom: 20px;
    }

    .slide-jornadas .title-cursos {
        margin: 50px 0 70px;
    }

    #sec_1_JorEsc h2 {
        font-size: 22px;
    }

    #sec_3_JorEsc h2 {
        font-size: 22px;
    }

    .btnGetBackJornadas i {
        font-size: 24px;
    }

    .btnGetBackJornadas a {
        font-size: 18px;
    }

    .bg_separador .justify-content-start,
    .itemCurso .justify-content-start {
        justify-content: space-between !important;
    }

        .bg_separador .col-2,
        .itemCurso .justify-content-start .col-2 {
            flex: 0 0 auto !important;
            width: auto;
            max-width: none !important;
        }

    .bg_separador .col-10,
    .col-10.itemCurso_click {
        flex: 0 0 66.666667% !important;
    }

    #pag-cursos-2 .popUp_Delet_content {
        padding: 20px;
        width: 250px;
    }

        #pag-cursos-2 .popUp_Delet_content .d-flex {
            justify-content: center !important;
            flex-direction: column !important;
        }

        #pag-cursos-2 .popUp_Delet_content img {
            margin: 20px 0 0;
        }

        #pag-cursos-2 .popUp_Delet_content h4 {
            font-size: 18px;
        }

        #pag-cursos-2 .popUp_Delet_content button:first-child {
            margin-bottom: 10px;
            padding: 5px 15px;
            font-size: 14px;
            margin-right: 0;
        }

        #pag-cursos-2 .popUp_Delet_content button:last-child {
            padding: 5px 15px;
            font-size: 14px;
        }

    #pag-cursos-2 #publicar-curso .progress-top h4 {
        margin: 0 0 10px;
        font-size: 20px;
    }

    #pag-cursos-2 #publicar-curso .progress-top a {
        padding: 8px 15px;
    }

    #pag-jornadas-2 .popUp_Delet_content {
        padding: 20px;
        width: 250px;
    }

        #pag-jornadas-2 .popUp_Delet_content .d-flex {
            justify-content: center !important;
            flex-direction: column !important;
        }

        #pag-jornadas-2 .popUp_Delet_content img {
            margin: 20px 0 0;
        }

        #pag-jornadas-2 .popUp_Delet_content h4 {
            font-size: 18px;
        }

        #pag-jornadas-2 .popUp_Delet_content button:first-child {
            margin-bottom: 10px;
            padding: 5px 15px;
            font-size: 14px;
            margin-right: 0;
        }

        #pag-jornadas-2 .popUp_Delet_content button:last-child {
            padding: 5px 15px;
            font-size: 14px;
        }

    #pag-jornadas-2 .boxCursos_title h5 {
        font-size: 14px;
    }

    #pag-jornadas-2 #modoLista .cursoBoxJornd2_content p {
        font-size: 14px;
    }

    #pag-jornadas-2 .popUp_deleted_sucess {
        padding: 15px;
        left: 5%;
        top: 8%;
    }

        #pag-jornadas-2 .popUp_deleted_sucess h4 {
            font-size: 16px;
        }

    #pag-cursos-2 .itemCurso p,
    #pag-jornadas-2 .itemCurso p {
        font-size: 14px;
    }

    .right_JorEsc .col-lg-auto {
        text-align: center;
    }

        .right_JorEsc .col-lg-auto.pr-0 {
            padding-right: 15px !important;
        }
}

.textlogin {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 130%;
    /* or 16px */

    text-align: center;
    /* Secundary / 400 */

    color: #abaaaa;
}

.txtbtnlogin {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    /* identical to box height, or 14px */
    margin-top: 6px;
    text-align: center;
    /* Primary/900 */

    color: #5c4200;
}

.loginpnl {
    width: 100%;
    height: 100%;
    padding: 100px 76px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.btnLogin {
    width: 120px;
    height: 40px;
    font-size: 16px !important;
    font-weight: 600;
    margin: auto;
    background: #ffb000;
    border-radius: 4px;
}

    .btnLogin:hover {
        background-color: #ffd25d;
    }

    .btnLogin[value] {
        color: #231f20 !important;
    }

.textBemVindo {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #231f20;
    margin-bottom: 20px;
}

.formLogin {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

    .formLogin .form-group {
        margin: 0 !important;
    }

        .formLogin .form-group input {
            height: 40px !important;
        }

.esqueciSenha {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 14px;
}

    .esqueciSenha a {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 12px;
        text-align: center;
        color: #231f20 !important;
    }

.footerLogin {
    border-top: solid 1px #d8d8d8;
    width: 100%;
    padding: 9px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    margin-top: 62px;
}

    .footerLogin p {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15.6px;
        color: #abaaaa !important;
        margin: 0;
        text-align: center;
    }

@media (max-width: 530px) {
    .textBemVindo {
        display: none;
    }

    .loginpnl {
        background: #fff;
        padding: 40px;
        position: relative;
    }

        .loginpnl::before {
            content: "";
            background-color: #fff;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            width: 100%;
            height: 12px;
            top: -12px;
            position: absolute;
        }

    #imgLogo {
        margin-bottom: 45px;
    }

    .formLogin {
        gap: 20px;
    }

        .formLogin .form-group input {
            height: 50px !important;
        }

            .formLogin .form-group input[placeholder] {
                font-weight: 400;
                font-size: 16px;
                line-height: 25px;
            }

    .footerLogin {
        display: none;
    }

    .form-group .esqueciSenha a {
        color: #ffb000 !important;
    }

    #btnSalvar {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .grafic-text {
        width: 90%;
    }

        .grafic-text h4 {
            font-size: 14px;
        }

    .selectProgress {
        margin: 0 0 30px;
        font-size: 14px;
    }

    .progressArea {
        width: 45%;
    }

    .grayBar {
        margin: 0 0 5px;
    }

    .progressArea span {
        margin: 0 0 10px;
    }

    .btn-control-left {
        padding-right: 0px;
    }

    .btn-control-right {
        padding-left: 0px;
    }

    .comandante h1 {
        font-size: 30px;
    }

    .progress-top h4 {
        font-size: 16px;
    }

    .progress-bot h4 {
        font-size: 14px;
    }

    .progress-bot p {
        font-size: 14px;
    }

    .progress-top a {
        font-size: 14px;
        padding: 8px 13px;
    }

    .opcaoPagamento {
        font-size: 12px;
        margin: 0 5px;
    }

    .pagBoleto h3 {
        font-size: 14px;
    }

    .pagBoleto a {
        padding: 10px 10px;
        font-size: 10px;
    }

    .pagBoleto h4 {
        font-size: 14px;
    }

    .pagBoleto {
        padding: 30px 0;
    }

    .campoLeft .btnPrevPay,
    .campoLeft .btnNextPay {
        font-size: 10px;
    }

    .contadorArea p {
        font-size: 10px;
    }

    #flyingNumberPrintCard1,
    #flyingNumberPrintCard2,
    #flyingNumberPrint {
        word-spacing: 2px;
        font-size: 9px;
        left: 18%;
        top: 38%;
    }

    #flyingCvvPrintCard1,
    #flyingCvvPrintCard2,
    #flyingCvvPrint {
        font-size: 9px;
        left: 18%;
    }

    #flyingValidPrintCard1,
    #flyingValidPrintCard2,
    #flyingValidPrint {
        font-size: 8px;
        bottom: 35%;
        right: 15%;
    }

    #flyingNamePrintCard1,
    #flyingNamePrintCard2,
    #flyingNamePrint {
        left: 18%;
        bottom: 17%;
        font-size: 9px;
    }

    .selectorPilarCursos .areaBallPilar {
        width: 50%;
    }

        .selectorPilarCursos .areaBallPilar .pilarUnit {
            height: 80px;
            width: 80px;
        }

            .selectorPilarCursos .areaBallPilar .pilarUnit img {
                width: 35px;
            }

    #pilar_Dom,
    #pilar_Cult,
    #pilar_Lid {
        margin-bottom: 20px;
    }

    .btnGetBackJornadas i {
        font-size: 22px;
    }

    .btnGetBackJornadas a {
        font-size: 16px;
    }

    #sec_2_JorEsc .sideInfoPreview p {
        font-size: 16px;
    }

    #sec_2_JorEsc .sideInfoPreview h4 {
        font-size: 17px;
    }

    .popUp_cursos {
        width: 330px;
    }

    #novo-curso .boxAula_title b {
        left: 9px;
    }

    #novo-curso .boxAula_title i {
        left: 15px;
    }

    #nova-jornada .boxAula_title b {
        left: 9px;
    }

    #nova-jornada .boxAula_title i {
        left: 15px;
    }

    #pag-cursos-2 .itemCurso p {
        font-size: 14px;
    }

    #pag-jornadas-2 .itemCurso p {
        font-size: 14px;
    }

    .bg_separador .col-10,
    .col-10.itemCurso_click {
        flex: 0 0 50% !important;
    }

    #pag-jornadas-2 .infoBtn p,
    #pag-jornadas-2 .aulaBtn p {
        padding: 10px 15px;
        font-size: 15px;
    }

    #pag-jornadas-2 #title_jor h1,
    #pag-jornadas-2 #title h1 {
        font-size: 28px;
    }

    #novo-curso .halfSide .title h2,
    #nova-jornada .halfSide .title h2 {
        font-size: 20px;
    }

    #pag-jornadas-2 #modoLista .cursoBoxJornd2_content p {
        font-size: 12px;
    }

    #pag-jornadas-2 #modoLista .cursoBoxJornd2 .checkBoxBtnJornd2 {
        min-height: 15px;
        min-width: 15px;
        height: 15px;
        width: 15px;
    }

    #pag-jornadas-2 #modoLista .cursoBoxJornd2 .cursoBoxJornd2_thumb {
        min-width: 40px;
        width: 40px;
    }

    #pag-jornadas-2 #selecionar-curso #btnCriarCurso_jornada,
    #pag-jornadas-2 #selecionar-curso #btnCriarCurso_jornada,
    #pag-jornadas-2 #selecionar-curso #insertCursos,
    #pag-jornadas-2 #concludJorndBtn,
    #pag-jornadas-2 .bttn button,
    #pag-jornadas-2 .btn_edit {
        font-size: 14px;
    }

    #pag-jornadas-2 .popUp_deleted_sucess {
        top: 11%;
    }

    #pag-jornadas-2 .switch_field,
    #pag-cursos-2 .switch_field {
        top: 14px;
    }

    #pag-jornadas-2 .optionsDots,
    #pag-cursos-2 .optionsDots {
        top: 9px;
    }

    #pag-cursos-2 .infoBtn p,
    #pag-cursos-2 .aulaBtn p {
        padding: 15px 5px;
        font-size: 14px;
    }

    #novo-curso .halfSide .embed span {
        font-size: 10px;
        bottom: -10px;
    }
}

@media (max-width: 350px) {
    #pag-cursos-2 .itemCurso .switcher,
    .bg_separador .col-2 {
        display: none;
    }

    #pag-jornadas-2 .itemCurso .switcher,
    .bg_separador .col-2 {
        display: none;
    }

    #pag-jornadas-2 .infoBtn p,
    #pag-jornadas-2 .aulaBtn p {
        padding: 10px;
        font-size: 14px;
    }
}

/* MEDIA QUERY GUSTAVO */

.aberturaCheckout {
    margin: 60px 0 4%;
}

/* CURSOS */
#novo-curso .mh6-ovwy,
.novoCurso {
    max-height: 100% !important;
}

#iconDeleteMaterialExtra {
    position: absolute;
    right: 10px;
}

/* CSS ALENCAR */
.item__sliderbox {
    border: 1px solid #d8d8d8;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
    padding: 10px;
}

    .item__sliderbox:hover {
        border: 1px solid #ffb000;
    }

.slider__box--image {
    width: 25%;
    margin: 0px;
}

.slider__box--content {
    width: calc(75% - 15px);
    margin: 0px 15px;
}

.title__slider p {
    font-size: 20px;
    margin: 0px;
}

.mentor__slider {
    font-size: 13px;
}

    .mentor__slider ul {
        padding-left: 20px;
        margin: 0px;
    }

.box__image {
    width: 100%;
}

    .box__image img {
        width: 100%;
        border-radius: 1000px;
    }

.align__carousel {
    width: calc(25% - 10px);
    margin: 0px 5px;
}

.slider__cursos {
    margin-bottom: 30px;
}

    .slider__cursos .flickity-page-dots {
        display: block;
    }

.btn__clickMostrar--Cursos {
    display: none;
    cursor: pointer;
    color: #517782 !important;
    margin-right: 10px;
}

    .btn__clickMostrar--Cursos img {
        width: 25px;
    }

.btn__clickOcultar--Cursos {
    cursor: pointer;
    color: #517782 !important;
    margin-right: 10px;
}

    .btn__clickOcultar--Cursos img {
        width: 25px;
    }

/*PAGINA DE EDITAR TRILHA*/
.btnSalvarEnviarEmail {
    display: flex;
    margin-left: 48.5rem;
}

/* MEDIA ALENCAR */

@media (max-width: 1200px) {
    .align__carousel {
        width: calc(33% - 10px);
        margin: 0px 5px;
    }

    .btnSalvarEnviarEmail {
        display: initial;
        margin-left: auto;
    }
}

@media (max-width: 992px) {
    .align__carousel {
        width: calc(50% - 10px);
        margin: 0px 5px;
    }
}

@media (max-width: 767px) {
    .align__carousel {
        width: calc(100% - 10px);
        margin: 0px 5px;
    }
}

@media (max-width: 450px) {
    .title__slider p {
        font-size: 15px;
        margin: 0px;
    }

    .mentor__slider {
        font-size: 10px;
    }
}

[id^="numerOfEM"] .escolherModoDeEnvio {
    display: none !important;
}

.rowFooterNew2023 {
    justify-content: space-between;
}

@media (max-width: 767px) {
    .rowFooterNew2023 {
        justify-content: center;
    }

        .rowFooterNew2023 .row {
            justify-content: space-between;
        }

    .footerHUB p {
        text-align: center !important;
    }
}

.HIDE {
    display:none !important;
}