/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 05/09/2017, 15:49:54
    Author     : rodrigo
*/
@media only screen and (max-width: 640px){
    .right #menu-usuario li{
        padding-top: 0px;
    }
    #report-bug.side-nav{
        width: 75%;  
    }
    #btn-limpar-pag-bug.btn,
    #btn-enviar-bug.btn{
        padding: 0 1rem;
    }
}

/* Nao permite a exibicao da foto para os dispositivos no formato especificado abaixo */ 
@media only screen and (max-height: 440px){
    li.menu-usuario-dropdown img{
        display: none;
    }
}


@media only screen and (max-width: 600px){

    .conteudo {
        width: 100% !important;
    }

    .brand-logo.logo{
        width: 80px;
        left: 40px;
    }

    .show-disciplinas,
    .show-aulas{
        display: none;
    }

    .right li{
        padding-top: 3px;
    }

}

@media only screen and (max-width: 993px) and ( min-width: 600px ){
    header .brand-logo.logo{
        left: initial;
        transform: initial;
    }
}


@media (max-width: 600px) {
    .timeline .timeline-event .timeline-content {
        width: calc(100% - 70px);
    }
    .timeline .timeline-event::before {
        left: 19px;
    }
    .timeline .timeline-event::after {
        left: 19px;
    }
    .timeline .timeline-event:nth-child(even) .timeline-content {
        margin-left: 70px;
    }
    .timeline .timeline-event:nth-child(odd) .timeline-content {
        margin-left: 70px;
    }
    .timeline .timeline-badge {
        left: 0;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1920px){

    .texto-apresentacao {
        padding-top: 10%;
        width: 32%;
        left: 34%;
        top: 9%;
        font-size: 150%;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1500px){

    .texto-apresentacao {
        padding-top: 10%;
        width: 32%;
        left: 34%;
        top: 9%;
        font-size: 130%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 1000px){

    .texto-apresentacao {
        padding-top: 10%;
        width: 32%;
        left: 34%;
        top: 9%;
        font-size: 100%;
    }
    .conteudo ul{
      margin: initial;
    }
}

@media only screen and (max-width: 480px ){

    .texto-apresentacao {
        padding-top: 4%;
        width: 32%;
        left: 34%;
        top: 10%;
        font-size: 85%;
    }
    .conteudo ul{
      margin: initial;
    }
}

@media only screen and (max-width: 600px){
    .sidebar{
        display: none;
    }
    .btn-rodape-page span{
        display: none;
    }
}

@media only screen and (max-width: 768px){
  .obj-video{
    max-width: 100%;
  }
}

@media only screen and (min-width: 756px){
    .conteudo img.exibicao-media{
        max-width: 50%;
    }
    .conteudo img.exibicao-pequena{
        max-width: 30%;
    }
}