@charset 'UTF-8';
    
/* ----------------------- */

 @media (min-width: 768px) and (max-width: 991.98px) {

    * {
        box-sizing: border-box;
    }

    /* ----- seletores -----*/

    body{
        font-size: 0.7rem ;
    }

    h1 {
        text-align: center;
        display: block;
        font-size: 1rem;
        margin: 0px;
        padding: 0px;
    }

    h2 {
        text-align: center;
        font-size: 1rem;
    }

    h3 {
        text-align: center;
        font-size: 0.9rem;
    }

    h4 {
        text-align: center;
        font-size: 0.8rem;
    }

    h5 {
        font-size: 0.7rem;
    }

    a {
        color: #000;
    }

    label {
        margin-top: 8px;
    }

    small {
        font-size: 0.5rem;
    }

    /* classes invisíveis */

    .visao_desktop {
        display: none;
    }

    .rede_social {
        display: none;
    }

    .titulo_mobile {
        display:  none;
    }

    .acoes {
        height: 15vh;
    }

    .destaques {
        height: 60vh;
    }

    .destaques span{
       font-size: 1.3rem;
    }

    .carousel-inner  img {
        height: auto;    
    }

    .componentes {
        display: none;
    }

    .funcoes {
        display:  none;
    }

    .acessa_recompensas {
        display:  none;
    }

    .logo_consultorio {
      width: 35px;
      height: 35px;
      border-radius: 17.5px;
    }

    .nav_logo {
        display: none ;
    }

    .navbar-brand {
        display:  none;
    }

    .nav_foto {
        display:  none;
    }
    
    /* classes bootstrap */

    .display-2 {
        font-size: 3rem;
    }

    .display-4 {
        font-size: 1rem;
    }

    .display-5 {
        font-size: 1.1rem;
    }

    .nav-link {
        font-size: 1rem !important;
        font-weight: 400;
        color:  black;
        font-style: italic;
    }

    .navbar-text  {
        font-size: 1.1rem;
        text-align: center;
    }

    .item_cabecalho {
        font-size: 1rem;
        color:  white;
    }

    .table {
        font-size: 0.8rem;
    }

    .form-control {
        font-size: 0.8rem;
        height: 35px;
    }

    .btn {
        font-size: 0.7rem;
        min-width: 10px;
    }

    .btn-lg {
       font-size: 0.7rem;
       font-weight: 400;
       min-width: 100px;
    }
 
    #itens #tabela_itens td {
        display:  block;
        width: 80%;
        margin:  auto;
    }

    #formas_recebimento #tabela_forma_recebimento td {
        display:  block;
        width: 80%;
        margin:  auto;
    }

     #parcelas #tabela_parcelas td {
        display:  block;
        width: 80%;
        margin:  auto;
    }

    /* classes customizadas */


    .solicitar_senha {
        color: white;
        font-size: 0.6rem;
    }

    .solicitar_senha a > strong {
        color:  white;
    }

    .btn_opcao {
        height: auto;
        width: 120px;
        border-radius: 20px;
        border:  0.8px solid var(--cor_4) ;
        font-size: 0.7rem;
        margin-top: 5px;
        padding-top:  8px;
        padding-bottom: 8px;
    }

    .btn_responsivo {
        margin-top:  10px;
    }

    .btn_modal_agenda {
        font-size:  0.6rem;
        width:  115px;
    }

    .dropdown-item {
        font-size: 0.8rem;
    }

     .input-group-text {
        font-size: 0.5rem;
    }

    /* classes customizadas */

    .titulo_tela span {
        font-size: 1rem;
    }

    .nome_consultorio {
        font-size: 1.1rem;
        color: white;
        font-weight: 400;
    }

    .perfilNome {
        display: block;
        font-size:  0.9rem;
    }

    .login {
        margin-top: 30px;
        padding-bottom: 10px;     
        border-radius: 0px;
        background-color: transparent;
        box-shadow: none;
    }

    .acoes {
        padding-top: 30px;
        padding-bottom: 20px;
        box-shadow: none;
    }


    .display_index {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 0.9rem;
    }

    .app {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .app h2 {
        font-size: 2rem;
    }

    .app_imagem {
        padding-top: 35px;
        margin:  auto;
    }

    .footer {
        padding-top: 80px;
        padding-bottom: 10px;
        background-color: white;
        box-shadow: none;
    }

    .footer-copyright small {
        color:  black;
        font-size: 0.7rem;
    }

    .erro {
        font-size:  0.8rem;
        color:  white;
    }

    .logo {
        font-size: 0.6rem;
    }

    .menu_secundario a {
        font-size: 0.9rem;
    }

    .menuItem, .menuItem:hover {
        margin-top: 5px;
        font-size: 0.8rem;
    }

    .menu_icone {
        border:  none;
        display: inline;
    }

    .topo {
        bottom: 1.5rem;
        right: 15px;
        font-size: 0.8em;
        text-align: center;
        max-width: 35px ;
        max-height: 35px ;
        border-radius: 17.5px;
    }

    .cabecalho {
        margin-top: 200px;
    }

    .cabecalho_index {
        margin-top: 100px;
    }

    .cabecalho_painel {
        margin-top: 310px;
    }

    .cabecalho_painel_cliente {
        margin-top: 280px;
    }

    .cabecalho_corpo {
        margin-top: 300px;
    }

    .tarja_compromisso {
        font-size: 0.6rem;
    }

    .mensagem_modal {
        font-size: 0.7rem;
    }

    #grafico_atendimento_status !important {
        font-size: 0.1rem;
        background-color: red;
    }

    .modal_cookie {
        bottom: 1.5rem;
        right: 0;
        width:  auto;
    }

    /* agenda */
    .sidenav {
      display: block;
      min-height: 10vh;
      margin-top:  140px;
      min-width: 100vw;
      position: fixed;
      font-size: 0.5rem;
      align-items: center;
      margin-right: auto; 
    }

    .sidenav_fluxo_financeiro {
        margin-top:  160px;
    }

    .datepicker {
        font-size: 0.8rem;
    }

    .datepicker,.table-condensed {
        width: 60vw;
        color: black;
}

    .cabecalho_agenda{
        margin-top: 370px;
        height: 100px;
        padding: 20px;
    }

    .corpo_agenda {
        top: 460px;
    }

    table.agenda {
        font-size:  0.5rem;
    }

    .intervalo_agenda {
        line-height: 1vh;
        width: 8vw;
        font-size: 0.5rem;
    }

    thead.agenda th {
        border-right: 0.5px solid lightgray;
        font-size: 0.5rem;   
    }

    tbody.agenda td {
        border-right: 0.5px solid lightgray;
        font-size: 0.5rem;
    }

    td.agenda_conteudo {
        line-height: 2vh;
    }

    span.literal {
        font-size: 0.6rem;
        padding-bottom: 5px;
    }

    span.dia_semana {
       font-size: 0.6rem;
       padding-bottom: 5px;
    }

    .card_agenda {
        max-width: 40vw;
        min-width: 40vw;
        line-height: 0.7rem;
        font-size: 0.6rem;
    }

    .card_agenda span {
        color:  white;
        font-size: 0.6rem; 
        display: block;
    }


    #modal_agenda {
        font-size:  0.7rem;
    }

    #dia_literal {
        font-size: 1    rem;
        padding-bottom: 5px;
    }

    #data_agenda {
        font-size: 0.6rem;
        padding-bottom: 5px;
    }

    .agenda_foto {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        margin-right: 5px;
    }

    .mensagem { 
        font-size: 0.8rem;
    }

    .resultado {
        font-size: 0.6rem;
        margin-bottom: 10px;
        font-weight: 400;
        font-style: italic;
    }

    .selecao {
        font-size: 0.5rem;
    }

    .filtro {
        font-size: 0.7rem;
        margin-bottom: 15px;
    }

    .placar {
        display: none;
    }

    .cabecalho_programas {
        position: fixed;
        z-index: 999;
        top: 70px;
        right: 0;
        left: 0;
        background-color: var(--cor_7);
        border-bottom: 1px solid gray;
    }

    /* card */

    .card_programa {
        top: 25px;
    }

    .card_programa .display-4 {
        font-size:  0.9rem;
    }

    .card_programa h2 {
        text-align: left;
        font-size: 0.8rem;
    }

    .card_programa h5 {
        text-align: left;
        font-size: 0.8rem;
    }

    .card_programa img {
        max-height: 300px;
    }

    .card_pessoa .card-body {
        padding:  0;
    }

    .card_lancamento {
        font-size: 0.8rem;
        height: 3rem;
        width: 8rem;
    }
 
    .linha_placar {
       margin-right: 10px;
       margin-left: 10px;
       border-top:  5px solid white;
    }

    .divisao_placar_direita {
        border-top:  5px solid white;
    }

    .google-visualization-table-th {
      font-size: 0.7rem;
    }

    .google-visualization-table-td {
      font-size: 0.7rem;
    }
    
    svg g text{
        font-size:0.6rem;
    }

    /* id customizados */

    #formulario_login {
        width: 95%;
        margin: auto;
        border:  none;
    }

    #formulario_login h4 {
        color:  white;
    }

    #formulario_login .form-control {
        border:  none;

    }
    #formulario_login .btn-lg {
        background-color: white;
        border: 1px solid white;
        color: var(--cor_5);
        font-weight: 500;
        font-size:  1rem;
        height: 40px;
    }

    #formulario_login .btn-lg:hover {
        background-color: var(--cor_3);
        color:  white;
    }

    #card_pessoa li {
        font-size:  0.7rem;
    }

    #botao_titulo {
        font-size: 0.7rem;
        margin-top: 10px;
    }

    .btn_login {
        height: 40px;
        width: 200px;
    }

    #btn_whatsapp {
        margin-left: 80px;
    }

    #div_tutorial {
        margin-top: 0;
    }

    #btn_compromisso {
        font-size: 0.6rem;
        margin-top: 5px;
    }

    #btn_agenda {
        font-size: 0.6rem;
        margin-top: 5px;
    }

    #div_tabela_fluxo {
        top: 410px;
    }

    #data_horario_resultado {
        font-size: 0.5rem;
    }

 }