/* 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: "Open Sans", sans-serif; -webkit-font-smoothing:antialiased; }

    iframe { width: 100%; height: 100%; border: none; }

    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: "Open Sans", sans-serif; cursor:pointer; }
    input { font-family: "Open Sans", sans-serif; }
    textarea { font-family: "Open Sans", sans-serif; }

    .btn { margin-bottom: 0; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; white-space: nowrap; box-sizing:border-box; 
        user-select: none; overflow: hidden; font-size: .8rem; border-radius: 4px; border: none; padding-left: 20px; 
        padding-right: 20px; width: fit-content; gap: 5px; display: flex; justify-content: center; align-items: center; height: 40px; transition: all ease 0.2s; }
    .btn-primario { color: #2694C9; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.2), inset 0 -2px 0 0 rgba(0,0,0,.2); font-weight: 600; }
    .btn-primario:hover { background-color: #00a0e6; color: #fff; outline: none; }

    /* exibição */
    .flex { display:flex; }
    .none { display:none; }
    .block { display:block; }
    .justify-center { justify-content:center; }
    .align-center { align-items:center; }
    .central { max-width: 80vw; margin: 0 auto; box-sizing: border-box; min-width: 300px; width: 100%; } 
    .centro { margin: 0 auto; }
    .txt-centro { text-align:center }

    /* 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; }
}