/* Color Variables */
:root {
    --cor-4: #d0e3ea; /*Tom pastel fundo da gaveta*/
    --cor-3: #caecf8; /*Quase branco*/
    --cor-2: #59C3E9;/*Mais claro*/
    --cor-1: #00A3DE;/*Cor principal*/
    --sombra-1: #070a29; /*Quase preto*/
    --sombra-2: #4e370a; /*Quase preto*/
    --text-color: #FFF;
    --nav-color: #e5e8df;
    --gradiente-principal: linear-gradient(145deg, #8ce0fe, #0084B4);
    --gradiente-hover: linear-gradient(35deg, #e2edf1, #caecf8);
  }

  

@media (max-width: 767.98px) {
    .breadcrumb:not(:empty) {display:none}}

.page-header-headings h1 {color: #FFF; margin-top: 20px;}

#googlemeet_upcoming_events:nth-child(4) span {
    font-size: 1.5rem !important;
}

.fm-empty-container {background-color: #FFF}
.block_grade_me .btn-outline-secondary {
    color: white;
    border: 2px solid white;
}

.btn-primary:hover {
    background-color: var(sombra-2)
}

/*Alert border do Filtercodes / Saiba mais*/.border {
    border: 1px solid #f98012 !important;
    background-color: #fbf4eb;}

::selection {
    background: #000;
    color: #fff;
}

.multiblock-accordion .card {
    background: #ffffff00;
}
.format-tiles.jsenabled ul.tiles {
    max-width: unset;
}
ul.section.img-text.nosubtiles {
    width: 100%;
    padding: 0;}
.format-tiles ul.tiles#multi_section_tiles li#section-0.section {
        margin-bottom: -30px;}
.format-tiles .course-content .section .activity:hover {
    background-color: initial;
}

/*Módulo Banco de dados*/
.path-mod-data .stickyfooter .navitem {
    transform: translateX(-50vw) scale(1.5);}
.path-mod-data [role="main"] hr {display: none} 
.path-mod-data .defaulttemplate-listentry {
    margin-top: 0!important;}

/*Módulo Tarefa*/
.path-mod-assign #page.drawers .activity-header {max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 15px 15px 15px 15px;
    background-color: #FDFDFD;
    border-radius: 1em 1em 0 0;
}
/*Módulo Google Meet*/
.path-mod-googlemeet [role="main"]>a {
    transform: scale(2) translate(-60%,-100px);
    float: right;
}

.path-mod-googlemeet #page.drawers .activity-header {display:none}

.path-mod-googlemeet #page.drawers .activity-header {display:none}

.path-mod-googlemeet [title="Entrar na sala"]:before {
    content: "\f03d";
    font-family: 'FontAwesome';
    padding-right: 20px;
}
.path-mod-googlemeet #googlemeet_recordings_table {display:none}
/**/
/*Módulo Google tarefa*/
.path-mod-assign [role="main"] .row {justify-content: center;}   
.path-mod-assign [role="main"] .row .singlebutton{transform: scale(1.5); margin-top: 35px; margin-bottom: 15px}
.path-mod-assign .singlebutton button {
    padding: 10px 60px;
}
.path-mod-assign [role="main"] .row .singlebutton button:after {
    content: "\f1d8";
    color: white;
    display: flex;
    font-family: 'FontAwesome';
    justify-content: center;
}
.path-mod-assign [role="main"] .submissionstatustable h3 {visibility:hidden}


.path-mod-assign #region-main {background-color:#FCF9FE; padding-bottom:10px}
/**/
/*Card professor Menu lateral*/
   .featherlight .featherlight-content {max-width:50%}
    .drawercontent .p-3:first-child {
    margin-top: -15px;
}
/**/
     .drawercontent {
    height:100%;
}
.drawercontent .block_multiblock {
    margin-top: -17px;
}

#page-wrapper:has(.drawer.drawer-right.show) .page-header-wrapper {
    height: 55px;
}
#jump-to-activity.custom-select {display:none;
    /*width: 10%;
    background: url(https://drive.google.com/uc?id=1QsHB-ATPx3CuP1q-ctZnHRiQaPMkDDI2) no-repeat center/90%;
    #jump-to-activity.custom-select.form-inline {
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateY(60px);
    }*/}
#page {background: url('https://static.nead.unicentro.br/ava/bg-cat-ADM.svg') bottom left no-repeat;
      background-size: cover; 
    background-color: #fff;}

.drawer.drawer-right.show {
    margin-top: -5px
}

.primary-navigation .navigation {
    height: 45px;
}

.activity-navigation {
    margin-top: 0!important;
}

.activity-navigation .row .float-left {
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    min-width: 100%;
    justify-content: flex-end;
}

.activity-navigation .row .float-right {
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    min-width: 100%;
    justify-content: flex-start;
}

.activity-navigation .row { 
    max-width: 1000px;
    align-items: center;
    background: var(--cor-1);
    padding: 20px;
    margin-left: auto;
    margin-right: auto; 
margin-top: 0!important;
    border-radius: 20px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

li.breadcrumb-item:nth-child(-n+2) {
    display: none;
}

/*reduz área entorno da página*/
#page.drawers .main-inner {
    margin-top: 0
}
#region-main {
    background-color: transparent
}
#page-course-view-tiles #page.drawers div[role="main"] {max-width: 1200px}
#page.drawers div[role="main"] {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 15px 15px 15px 15px;
    background-color: #FDFDFD;
    border-radius: 1em 1em 0 0;
}
/*FIM reduz área entorno da página*/

/*Correção do espaço da imagem do curso*/
.course-header-txt {
    width: 100%;
}
/*FIM Correção do espaço da imagem do curso*/
/*Modificações no esconder gaveta*/
.drawerheader {
    display: none;
}
.editing .drawerheader {
    display: initial;
}

.drawer-toggles .drawer-toggler .btn {
    padding: 16px;
    transition: padding 200ms;
   background: var(--gradiente-principal);

    box-shadow: var(--sombra-2) -2px 2px 0px;
    border: 0px;
    font-family: Play;
    color:#1b1c16;
    font-weight: 800;
}
.drawer-toggles .drawer-toggler .btn:after {
    content: "MENU";
    display: flex;
}
.drawer-toggles .drawer-toggler .btn:focus {
    box-shadow: var(--sombra-2) -2px 2px 0px;
}
#topo_drawer {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}

.btn-x {
    border-radius: 10px;
   background: var(--gradiente-principal);
    box-shadow: var(--sombra-2) 2px 2px 0px;
    border: 0px;
    width: 12%;
    font-family: Play;
    padding-left: 10px;
    color: #1b1c16;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.btn-x:hover {
    background: var(--gradiente-hover);
}
/*FIM fundo dos cards*/
/*fundo dos cards*/
/*FIM fundo dos cards*/
/*reduz o tamanho dos  que o moodle gera entre parágrafos*/
.texto br {
    content: "A";
    display: block;
    margin-top: 15px;
}
/*FIM reduz o tamanho dos  que o moodle gera entre parágrafos*/
/* Media queries*/
@media screen and (min-width: 801px) {
    #page.drawers div[role="main"] {
        padding-left: 3%;
        padding-right: 4%;
    }
}

/* @media screen and (min-width: 1400px) {
            #page.drawers div[role="main"] {
                padding-left: 5%;
    padding-right: 5%;
            }
        }*/
#page.drawers div[role="main"] {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px
}
/*FIM Media queries*/
/*Limpeza de interface*/
#page-wrapper:has(.drawer.drawer-right.show) .page-header-headings {
    display: none;
}

.format-tiles .overall-progress:after {
    content: "%";
    font-size: initial;
}

.format-tiles .progress-indic .progress-indic-label {
    font-size: 0;
}

.format-tiles #abovetiles {
    width: 50%;
    float: right;
    margin-top: 0px;
background-color: #fff;
}

#page-header .flex-wrap {
    width: 75%;
}

.secondary-navigation .navigation .nav-tabs {
    width: 75%;
}

.block_uicustomcss {
    visibility: hidden;
}

.editing .block_uicustomcss {
    visibility: initial;
}

.drawercontent {
    overflow-x: hidden;
}

.drawercontent .card {
    border: solid 0;
}

.drawercontent .p-3 {
    padding: 0 !important;
}


.editing #page.drawers div[role="main"] {
    padding-left: initial;
    padding-right: initial;
}

.card-body.block_html {
    padding-top: 0 !important;
}
/*FIM Limpeza de interface*/
/*Ocultar navegação quando o editar estiver desligado*/
.secondary-navigation {
    display: none
}
.editing .secondary-navigation {
    display: initial
}

/*FIM Ocultar navegação quando o editar estiver desligado*/
/*Multiblocks do menu lateral*/
.block_multiblock .card:nth-child(2) .card-header .mb-0 a:after {
    content: "⛛ ";
    margin-right: 0;
    padding-left: 10px;
    opacity: 0.6;
}
.block_multiblock .card .card-header {
    background: var(--gradiente-principal);
    border-radius: 10px;
    box-shadow: 2px 2px 0px var(--sombra-2), -5px -5px 4px var(--sombra-1);
    margin: 15px;
    margin-top: 0;
    margin-bottom: 10px;
    transform: skew(-21deg);
padding: 0.5rem 0.75rem;
}

.block_multiblock .card .card-header:has(>.mb-0 > a:not(.btn.btn-link.collapsed)) {
    background: transparent;
    box-shadow: 2px 2px 0px var(--sombra-2), -5px -5px 4px var(--sombra-1);
    border-bottom: none;
}

.block_multiblock .card .card-header:has(>.mb-0 > a:not(.btn.btn-link.collapsed)){padding:2px}

.block_multiblock .card .card-header .mb-0 {
    text-align: center;
    transform: skew(21deg);
    font-family: "play";
}

.block_multiblock .card .card-header .mb-0 a:not(.btn.btn-link.collapsed):first-child{display: none;}

.block_multiblock .card .card-header .mb-0 a:not(.btn.btn-link.collapsed) {
        padding: 0em 5em;
}

.block_multiblock .card .card-header .mb-0 a {
    font-size: 0.8rem !important;
    text-transform: uppercase;
    color: var(--sombra-1)
}

.block_multiblock .card .card-header .mb-0 a {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0.3em 5em 0.3em 5em;
    margin: -1em -5em -1em -5em;
}

.block_multiblock .card .card-header .mb-0 a:focus {
    text-decoration: none
}

.block_multiblock .card .card-header:hover {
    background: var(--gradiente-hover);
}

.block_multiblock .card .card-header .mb-0 a:hover {
    text-decoration: none
}

/*FIM Multiblocks do menu lateral*/
/*Styles*/
.texto {
    font-size: 1.3rem;
    text-align: justify;
    text-indent: 5%
}

.citacao {
    font-size: 1.1rem;
    text-align: justify;
    margin-left: 20%;
    text-indent: 0%
}

.epg {
    all: initial
}
.srtexto {font-size: 1.3rem;
    text-align: justify;}
/*FIM Styles*/
/*[Menu Lateral] Botões*/
.btn-lateral {
    font-family: "play";
    font-size: 0.75rem !important;
    border-radius: 10px;
    box-shadow: 2px 2px 0px var(--sombra-2), 2px -2px 4px var(--sombra-1);
    border: 0;
   
    padding: 5px 5px;
    margin-bottom: 5px;
    margin-left: -3px;
    max-width: 280px;
    background: var(--gradiente-principal);
    text-transform: uppercase;
}

.btn-lateral:hover {
    box-shadow: 1px -1px 2px var(--sombra-2), 3px -3px 4px var(--sombra-1);
    background: var(--gradiente-hover);
}

.btn-voltar {
    align-items: flex-end;
    flex-wrap: wrap;
    border-radius: 10px;
   background: var(--gradiente-principal);
   box-shadow: 2px 2px 0px var(--sombra-2), -5px -5px 4px var(--sombra-1);
    border: 0px;
    width: 85%;
    margin: auto;
    font-family: Play;
    color: var(--sombra-1);
    text-transform: uppercase;
}
.btn-voltar:hover {
    background: var(--gradiente-hover);
}
/*FIM botões*/
/*[Menu Lateral] card da disciplina*/
.tag-ano {
    color: #fff;
    background-color: var(--cor-1);
    text-align: center;
    padding: 1px 10px 1px 10px;
    border-radius: 2rem;
}
.tag-top{
    padding: 10px;
    padding-top: 10px;
    text-align: center;
    border: 0;
    max-width: 260px;
    margin: -10px 4px 0px 4px;
    line-height: 90%;
    color: var(--cor-1);
    box-shadow: 0px -3px 0px var(--cor-1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3rem 3rem 0 0;
    background-color: #f1f1f1;
}
.tag-curso {
    font-family: "Play";
    font-size: large!important;
    font-weight: 600;
    padding: 10px;
    padding-top: 10px;
    text-align: center;
    border: 0;
    max-width: 260px;
    margin: -5px 4px 0px 4px;
    text-transform: uppercase;
    line-height: 100%;
    color: var(--sombra-1);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 110px;
    background-color: #f1f1f1;
}
.tag-bottom{background-color: #f1f1f1; margin-bottom: 0;margin-left: 4px;
    margin-right: 4px;
}
.tag-professor {font-family: "Play";
    font-size: large;
    background-color: var(--cor-1);
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 0 0 1rem 1rem;
    line-height: 85%;
}
.tag-professor a {
    color: #fff;
    padding: 10px;
    line-height: 85%;
}
/*FIM [Menu Lateral] card da disciplina*/
/*fundo da gaveta*/
.drawer-right .card {
    background-color: var(--cor-4);
}
.drawer.drawer-right.show {
    background-color: var(--cor-4);
      background-size: cover;}
    

/*FIM fundo da página*/
.activity-navigation #prev-activity-link {
    min-width: 100%
}
.activity-navigation #next-activity-link {
    min-width: 100%
}
.activity-navigation .row .float-left:has(a):before {
    content: "\276E";
    font-weight: 800;
    margin-right: 3%;
    transition: ease-in-out 0.3s;
    color: #bebebe;
    z-index: 2;
    position: relative;
}
.activity-navigation .row .float-left:hover:before {
    color: #E38225;
    display: inline-block;
    transform: scale(1.2) translateY(-20%) translatex(-20%);
    transition: ease-in-out 0.3s;
}
.activity-navigation .row .float-right:has(a):after {
    content: "\276F";
    font-weight: 800;
    margin-left: 2%;
    transition: ease-in-out 0.3s;
    color: #bebebe;
    z-index: 2;
    position: relative;
}
.activity-navigation .row .float-right:hover:after {
    color: #E38225;
    display: inline-block;
    transform: scale(1.2) translateY(-20%) translatex(-20%);
    transition: ease-in-out 0.3s;
}
.activity-navigation .row .float-right {
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    min-width: 100%
}
.activity-navigation .row .float-left {
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    min-width: 100%
}




/*media queries next e prev mobile*/
@media screen and (max-width: 768px) {
    .activity-navigation #prev-activity-link {
        background: url(https://static.nead.unicentro.br/murilo/AVA/mobile_prev.svg) no-repeat center/50%;
        background-color: #202020;
    }
}
@media screen and (max-width: 768px) {
    .activity-navigation #next-activity-link {
        background: url(https://static.nead.unicentro.br/murilo/AVA/mobile_next.svg) no-repeat center/50%;
        background-color: #202020;
    }
}
@media screen and (max-width: 768px) {
    .activity-navigation .row .float-right:hover:before {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .activity-navigation .row .float-right:hover:after {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .activity-navigation .row .float-right:has(a):after {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .activity-navigation .row .float-left:has(a):before {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .activity-navigation #prev-activity-link,
    .activity-navigation #next-activity-link {
        max-width: 10px;
        min-width: 10px;
        color: transparent;
    }
}
@media screen and (max-width: 768px) {
    #jump-to-activity.custom-select {
        max-width: 200px;
        min-width: 10px;
        margin-left: -30%
    }
}
@media screen and (max-width: 768px) {
    .activity-navigation .row {
        display: flex;
        flex-wrap: nowrap;
        margin-left: 10px
    }
}
@media screen and (max-width: 768px) {
    .activity-navigation .row:first-child {
        margin-left: -15px; margin-right: -15px;

    }
}