    /*'pointer: coarse' significa que se o dispositivo for touch sera usado o estilo abaixo*/
   
            @media (pointer: coarse) {
                
                

                #cabecalho{
                    display: none !important;
                }
                #corpo{
                    display: block !important;
                    margin-left: -25px !important;
                    
                }
                #rodape{
                    margin-top: -10px !important;
                    display: block !important;
                
              
                    
                    
                }
                #des_por{
                    display: none !important; 
                }
                #coluna-null{
                    display: none !important;
                }
                
                #div_table{
                   height: 500px !important;
                   width: 350px !important;
                   
                 
                   margin-left: -15px !important;
                }
                        
                
                  #descricao{
                    width: 150px !important;  
                  }
         
                  #tuss{
                    width: 1px !important;  
                  
                  }
       
                  #prazo_executora{
                    width: 1px !important;          
                  }
              
                  #prazo_origem{
                    width: 1px !important;  
                  }
              
                  #prazo_total{
                    width: 1px !important;  
                  }
                  
                   
                     #DocRacionalizacao{
                        display: none !important;
                    }
            
             #linha_docracionalizacao{
                   display: none !important;
             }
               tr th{
                text-align: center;
                font-size: 8px !important;
                height: 1px !important; 
                background-color: rgb(244, 121, 32);
                color: white;
                
                
        
            }
              th td{
              
                font-size: 8px !important;
                
               
                
            }
            td{
                font-size: 8px !important;
            }
      
          
             #botao_pesquisa{
     
    
                width: 300px !important;
                font-size: 8px !important; 
        
            }
            
           #input::-webkit-input-placeholder{
            font-size: 10px !important;
        }
        
    
             
                    
            
            

        }
        
        
                
    
      table {
        display: block;
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;  

      }

      #div_table{
        overflow: auto; width: 2000px; height: 620px;
        display: block;
        position: relative;
  
 
      }
      thead{
        overflow-y: auto;  
       
      }

      thead th{
        position: sticky;
        top: 0;
        font-size: 14px;  
        
      }

      #id{
        width: 80px;  
      } 
      #descricao{
        width: 700px;  
      }
      #classificacao{
          width: 130px;  
      }
      #tuss{
        width: 100px;  
      }
      #vigencia{
        width: 100px;  
      }
      #prazo_executora{
        width: 120px;          
      }
      #linha_prazo_executora{
        text-align: center;  
      }
      #prazo_origem{
        width: 120px;  
      }
      #linha_prazo_origem{
        text-align: center;  
      }
      #prazo_total{
        width: 120px;  
      }
      #linha_prazo_total{
        text-align: center;  
      }

      td{
        word-wrap: break-word;
        font-size: 13px;  
      }
      td, th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
        max-width: 100%;  
        
      }
      tr:nth-child(even) {
        /* laranja unimed com transparencia */
        /* background-color: rgba(244, 121, 32, 0.08); */
      }
      tr:nth-last-child(even) {
        /* cinza transparencia */
        background-color: rgba(128, 128, 128, 0.2);  
      }
      tr th{
        text-align: center;
        /* verde unimed com transparencia */
        background-color: rgb(244, 121, 32);
        color: white;
        
      }
      /* 
      #busca{
        margin-left: auto;
        margin-right: auto;
      } */
      #botao_pesquisa{
     
        left: 9.2%;
        width: 60%;

               display: block;
        position: relative;
       
      
      }
      p{
        text-align: center;
         
      }
      #titulo{
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
        font-size: 42px;
         
        
   
        
      }
   
      #res_query p{
         font-size: 12px;
        color: grey;
        margin: 30px;
        margin-bottom: -10px;
        float: left;
        width: 90%;
      }
        #des_por{
            left: 300px;
        
        }
         

        
      
      #paginas{
        padding-top: 15px;
        font-size: 20px;
        text-align: center;
         
      }
      #paginas a{
        color: #00995d;
         
      }
      red{
        color: red !important;
      }

      #cabecalho{
        background-color: #00995d; color: white;
        max-height: 120px;
         
      }
      #corpo{
        font-size: 12px;
        color: grey;
        margin: 30px;
        margin-bottom: -10px;
        float: left;
        width: 90%;
         
      }
      #rodape{
         font-size: 12px;
        color: grey;
        margin: 30px;
        margin-bottom: -10px;
        float: left;
        width: 90%;
        height: 50px;
         
      }

      #imagens{
      
        width: 100%;
        margin-top: 10px;
         
        
        
      }

      .direita{
        float: right !important;  
        
      }
      
      .margin_direita20{
          margin-right: 20px !important;  
      }
      .margin_esquerda10{
          margin-left: 10px !important;  
      }
      
      .esquerda{
        float: left !important;  
        
      }
      
      .meio{
          left: 50% !important;  
          right: 50% !important;
      }
      
      .mobileText{
          display: none;  
          
      }
      .mobileText img{
        height: 45px;
      }
      #logo{
             padding: 20px;
           
      }
      
   
      
  
      .borderlaranjaunimed{
          /*border: 2px solid rgb(244, 121, 32);*/
          border: 2px solid white;
          border-top-right-radius: 15px;
          border-top-left-radius: 15px;
          border-bottom-left-radius: 15px;
    
        
     
          
      }


