@font-face {
    font-family:'Ethnocentric';
    src: url('ethnocentric-rg.eot');
    src: url('ethnocentric-rg.woff2'), format('woff2'),
        url('ethnocentric-rg.woff'), format('woff'),
        url('ethnocentric-rg.ttf'), format('truetype')
}
/* Fontes */
body {font-family: "Chakra Petch", verdana}
h1,h2,h3,.texto-loading {font-family: "Ethnocentric", verdana}

.disclaimer-analise,
.texto_trecho_ori { font-size: 0.7rem}
.navbar-text, .texto-loading {font-size: 1rem}

.recomendacao p,
.disclaimer-analise,
.section-columns p {letter-spacing: 0.6px}

/***************** Cores */
body, .footer{ color:#eee; }
.btn {color: #fff}
.disclaimer-analise {color: #aaa}
a {color:#ff006e} /* Rosa EPIC */

.nome-arquivo{color:#0081f9} /* Azul EPIC */

.footer { background-color:#000;}
.cabecalho {background-color:#222}
body { background-color:#333; }
.analysis-section,
.wrap-nome-arquivo { background-color:#444;}
.texto_trecho_ori { background-color:#eee; }
.wrap_texto_ori {background-color: #f9f9f9;}

.btn {background-color:#0081f9} /* Azul EPIC */

/***************** Geral */
.logo-header {width:130px; height: auto;}

.wrap_texto_ori {
    max-height: 160px;
    overflow-y: auto;
    border: 1px solid #ccc;    
}

/***************** Análise */

/* CSS para o overlay e o gif de carregamento */
#loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
    display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1000;
}

.overlay-content {
    text-align: center;
}

#loadingOverlay img {
  width: 200px;
  height: auto;
}

.spinner {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-left-color: #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    bottom: -10px;
    margin-left: 15px;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/**************** Footer */
.footer { background-image:url(bg_dredd.jpg); background-repeat:no-repeat; background-position:center right; background-size:contain; }
.footer .disclaimer {max-width: calc(100% - 300px);}