/* USO GERAL */
@media all {
    
    /* tags html */
    * { outline:none; }
    html { position:relative; min-height:100vh; scroll-behavior: smooth; overflow:-moz-scrollbars-vertical; overflow-y:scroll; }
    body { padding:0; margin:0; border:0; font-family: 'Raleway', sans-serif; -webkit-font-smoothing:antialiased;  }
    a { text-decoration:none; }
    button, a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-user-select: none; 
                -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Raleway', sans-serif; cursor:pointer; }
    input { font-family: 'Raleway', sans-serif; }
    textarea { font-family: 'Raleway', sans-serif; }

    /* exibição */
    .flex { display:flex; }
    .none { display:none; }
    .block { display:block; }
    .justify-center { justify-content:center; }
    .align-center { align-items:center; }
    .central { max-width:1100px; margin: 0 auto; } 
    .txt-centro { text-align:center }

    .alinhamento { display: flex; justify-content: center; align-items: center; }

    .btn { display: flex; align-items: center; justify-content: flex-start; color: #fff; text-decoration: none; background: #00B5FF; font-size: 20px; 
           text-transform: uppercase; border-radius: 5px; padding: 0px 80px; font-weight: 600; margin-top: 10px; height: 50px; }

    /* cabecalho */
    h1 { font-size:45px; }
    h2 { font-size:40px; }
    h3 { font-size:30px; }
    h4 { font-size:20px; }
    h5 { font-size:18px; }
    h6 { font-size:16px; }

    /* cores */
    .bg-cinza { background:#EAEAEA; }
    .bg-cinza-medio { background:#80808061; }

    /* tabela */
    .tabela-dados { border-collapse:collapse; width:100%; }
    .tabela-dados.com-borda { border:1px solid #e3e3e3; }
    .tabela-dados thead th { padding:5px; text-align:left; }
    .tabela-dados.com-borda thead th { border:1px solid #e3e3e3; }
    .tabela-dados tbody td { padding:5px; vertical-align:middle; font-size:14px; }
    .tabela-dados tbody td img { display:block; }
    .tabela-dados.com-borda tbody td { border:1px solid #e3e3e3; }
}

@media all
{
    .my-reconnect-modal > div { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; overflow:hidden; 
                                background-color:#fff; opacity:0.8; text-align:center; font-weight:bold; }
    .components-reconnect-hide > div { display:none; }
    .components-reconnect-show > div { display:none; }
    .components-reconnect-show > .show { display:block; }
    .components-reconnect-failed > div { display:none; }
    .components-reconnect-failed > .failed { display:block; }
    .components-reconnect-rejected > div { display:none; }
    .components-reconnect-rejected > .rejected { display:block; }
}

@media(max-width:500px){
    .btn { font-size:15px; padding:0 40px; }
}