html, body, table{
    font-size: 11px;
    font-family: 'Numans', 'Montserrat', 'Roboto', sans-serif;
}

label {font-size: 80%; font-weight: bold;}

input[readonly] {
    background-color: lightgray;
    pointer-events: none;
    touch-action: none;
}

div{
    padding-bottom: 0;
    margin-bottom: 0;
}

.semAlertas{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70vh;
    margin: auto;
    text-align: center;
    /* position:fixed; */
}

.footerPage {
    position: fixed;
    bottom: 0;
}

.footerPageRight {
    position: fixed;
    bottom: 0;
    right: 0;
}

.tabela-fixa-inferior{
    bottom: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    /* position:fixed; */
}


.tableFixHead          { overflow-y: auto; max-height: 86vh; }
.tableFixHead tbody th { position: sticky; left: 0; top: 58px; }
.tableFixHead thead th { position: sticky; top: 0; bottom: 50px; z-index: 50;}

/* Just common table stuff. Really. */
/*table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }*/
th     { background:#fff; }
    

.orderBy.fa-sort {
    color: dodgerblue;
    font-size: 80%;
    cursor: pointer;
}

.orderBy.fa-sort-asc {
    color: blue;
    font-size: 120%;
    cursor: pointer;
}

.orderBy.fa-sort-desc {
    color: blue;
    font-size: 120%;
    cursor: pointer;
}

.headcol {
  position: absolute;
  width: 5em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}

.imgLogo {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    opacity: 0.5;
}

.divImgLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 95vh;
}


.tdInfo{
    position: relative;
}

.obsInfo {
    position: absolute;
    float: right;
    color: orange;
    font-size: 120%;
    right: 5px;
    text-shadow: 2px 2px 3px #333;
}

.obsInfo:hover {
    font-size: 140%;
    text-shadow: 3px 3px 4px #333;
}

.spanAnos {
    position: absolute;
    float: right;
    font-size: 70%;
    right: 5px;
    box-shadow: 1px 1px 3px #555;
}

.spanAnos:hover {
    font-size: 90%;
    box-shadow: 2px 2px 4px #333;
}

.sticky-col {
  position: sticky;
  position: -webkit-sticky;
  /*background-color: white;*/
}

.first-col {
/*  width: 65px;
  min-width: 65px;
  max-width: 65px;*/
  left: 0px;
}

.last-col {
  right: 0px;
}



/* home */
.styleCardH{
    box-shadow: 2px 3px 8px #888888;
}

.styleCardBodyH{
    padding: 5px;
}

.styleTableH{
    margin-bottom: 3px;
}

.spanOrderBy{
    margin-left: auto;
    margin-right: auto;
    background-color: lightsalmon;
}