ava-fametro.css

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
font-family: barlow !important;
font-weight: 400;
}

@media (min-width: 768px){
.pagelayout-standard #page.drawers .main-inner, body.limitedwidth #page.drawers .main-inner {
    max-width: 1000px;
}}

.login-container {
    background-color: #ffffffab;
}

.navbar-light .navbar-brand {
    color: rgb(255 255 255);
    font-weight: bold;
    font-size: xx-large;
}

.navbar-light .navbar-brand:hover {
    color:#00AFCC ;
}

/*---------------------------Caixa de seleção Cohort-------------------------------------*/
select#id_config_cohorts {
    height: 300px;
}


/*---------------------------Botões do Ava-------------------------------------*/
a {
    color: #0042AE;
}

.drawer-toggles .drawer-toggler .btn {
background-color: #00AFCC;
color:#fff;
}

.btn-primary {
    color: #fff;
    background-color: #0042AE;
    border-color: #0042AE;
}

.btn-primary:hover {
    color: #fff;
    background-color: #00AFCC;
    border-color: #0042AEd9;
}

/*---------------------------Fullscreen Atto-----------------------------*/
.editor_atto_wrap {
    position: relative;
    z-index: 1029;
}

/*---------------------------Time do Quiz-------------------------------------*/
#quiz-timer-wrapper {
/*    position: inherit;
    font-size: larger;*/
top: 0px ;
}

/*-----------------------------Rodapé ------------------------------*/
a[href^="https://docs.moodle.org/400/pt_br/admin/user"]{
 Display: none !important;
}

a[href^="https://moodle.com/help/?utm_source=CTA-banner&utm_medium=platform&utm_campaign=name~Moodle4+cat~lms+mp~no"]{
 Display: none !important;
}

a[href^="https://ava.fametro.edu.br/user/contactsitesupport.php"]{
 Display: none !important;
}

[data-action="footer-popover"]{
 Display: none !important;
}

/*---------------------------Botão Página inicial-------------------------------------*/
a[href*="/?redirect=0"]{
 Display: none !important;
 pointer-events: none !important;
}

/*---------------------------Nome do Usuario sem link-------------------------------------*/
a[href*="/linksemdestino"]{
 pointer-events: none !important;
}

/*---------------------------Nome do Usuario sem link-------------------------------------*/
a[href*="/#"]{
 pointer-events: none !important;
}

/*--------------------------------------Sombra dos Blocos Lateral--------------------------------------*/
/*aside#block-region-side-pre>section.card{
box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
}*/

/*---------------------------------Esconde menu de atividade e recursos-------------------------------*/
div.sitetopic>ul.topics>li#section-1>div#coursecontentcollapse1>ul.section {
display:none!important;
visible:hidden;
}

/*---------------------------Vlibras Lado Esquerdo---------------------------
[vw] [vw-plugin-wrapper].active {
    right: revert !important;
}

div[vw] {
    right: revert !important;
}

[vw] [vw-access-button] {
    width: 130px !important;
}

[vw] [vw-access-button] {
    flex-direction: initial !important;
}

[vw] [vw-access-button] .pop-up{
    display: none;
}*/



/*______________________________________Bloco de Políticas______________________________________*/
.card.cardpolitica {
    display: none;
}

/*___________________________Bloco de Progressão do Aluno___________________________
.block_completion_progress .progressBarCell.futureNotCompleted {
    background-color: #ced4da !important;
    border: solid 1.5px white;
}

.block_completion_progress .progressBarCell.completed {
    background-color: #73A839;
    border: solid 1.5px white;
}*/


/*------------------------calendario-----------------------*/

.maincalendar .calendarmonth td.today .day-number-circle {
    background-color: #00AFCC !important;
}

a.arrow_link.previous, a.arrow_link.next {
    color: #00AFCC !important;
}


section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
        color: #00AFCC !important;
    }

.maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
    background-color: #00AFCC !important;
    border: 0px solid #d34600 !important;
}

@media (max-width: 768px) {
    .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
        color: #00AFCC!important;
    }
}
/*------------------------calendario 4.1-----------------------*/
.maincalendar .calendarmonth th {
    text-align: center;
    padding: 2px;
}
.maincalendar .calendarmonth ul li .calendar-circle {
    width: 7px !important;
    height: 7px !important;
}
.drawer.drawer-right {
    width: 100%;
    max-width: 320px;
    right: calc(-320px + -10px);
}

a.arrow_link.previous, a.arrow_link.next {
    color: #00AFCC !important;
    font-size: smaller;
}

.calendar-controls {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}

.calendar-controls .current {
    text-align: center;
    width: 45%;
}

.calendar-controls .previous {
    width: auto;
}

.calendar-controls .next {
    width: auto;
}

/*------------------------barra lateral-----------------------
.drawer-toggles .drawer-toggler {
    z-index: 3;
}*/


/*___________________________Botão do Menu___________________________*/
.navbar.fixed-top {
    border-bottom: #00AFCC 1px solid !important;
}

body>div>nav.navbar,.navbar-light{
    background-color:   #0042AE !important;
    color: #FFF;
}

body>div>nav>div>nav>ul>li>a.nav-link,
body>div>nav>div>div>div.nav-link,
body>div>nav>div>div>a.nav-link,
body>div>nav>div>div>div>div>a,
body>div>nav>div>form>div>label.text-primary{
    color: #FFF !important;
}

nav>div>nav>ul>li>a.nav-link:hover, nav>div>nav>ul>li>a.nav-link:focus {
    border-color: transparent;
    background-color:  #00AFCC !important;
}
nav>div>nav>ul>li>a.active:hover {
background-color:  #00AFCC !important;
    border-bottom-color: #00AFCC !important;
}

nav>div>nav>ul>li>a.active{
    border-bottom-color: #00AFCC !important;
}

div.collapsed >div.nav-link>i.icon,div.collapsed >a.nav-link>i.icon {
    color:#00AFCC !important;
    font-size: x-large;
    height: initial;
}

div.popover-region.popover-region-notifications>div.nav-link>i.icon
{
    font-size: x-large;
    height: initial;
}

div.popover-region.popover-region-notifications>div.nav-link>i.icon:hover,
div.collapsed >a.nav-link>i.icon:hover {
    color:#ffffff !important;
    font-size: x-large;
    height: initial;
}

nav.navbar>a.navbar-brand>img.logo {
    filter: contrast(0) brightness(2.5)drop-shadow(0px 0px 8.7px #110042);
}




/*___________________________Supporter___________________________*/
.row-fluid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:last-child)>.btn {
    background-color: #d9dbe4;
}

/*______________________________________Bloco dos Cursos______________________________________*/
div#overlay {
    z-index: 0 !important;
}

.format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text h3 {
    background-color: #ffffffb0 !important;
} 

.format-tiles .course-content ul.tiles .tile.phototile .photo-tile-text h3 {
    text-shadow: 0 0 0.5px #535353 !important;
    color: #535353 !important;
}

.format-tiles ul.tiles .tile .tile-text {
    height: 40px !important;
}

.format-tiles .course-content ul.tiles .tile, .format-tiles .course-content ul.tiles .tile_bar, .format-tiles .course-content ul.tiles .tile.phototile {
    height: 140px !important;
    border-radius: 5px !important;
}

.format-tiles li.activity.subtile {
    height: 160px;
}

.format-tiles li.activity.subtile .activitytitle a {
    background-image:none
}

@media screen and (max-width: 600px){
   .format-tiles .course-content ul.tiles .tile:not(.spacer) {
       min-height: 140px  !important;
       border-radius: 5px !important;
}
}

@media screen and (max-width: 600px){
   .format-tiles ul.tiles .tile h3 {
       font-size: 0.9em !important;
}
}

/*______________________________________Bloco internos do Bloco______________________________________*/
li.activity.subtile {
    border-radius: 10px;
}

.format-tiles li.activity.subtile {
    border-top-color: #4b1c83 !important;
}
.format-tiles li.activity.subtile:hover {
    border-top-color: #00AFCC !important;
    transition: border-top-color 0.3s !important
}


/*______________________________________Slideshow______________________________________*/

.slick-prev:before, .slick-next:before {
    color: #0042ae !important;
}

.slick-dots li button {
    border-radius: 100%;
}

.slick-prev, .slick-next {
    z-index: 3 !important;
    width: 35px;
    height: 100%;
}

.slick-prev {
    left:0px !important;
}

.slick-next{
    right:0px !important;
}