@media only screen and (max-width: 992px){
	.rac-colspan{
		margin-bottom: 40px !important;
	}

	.rac-imagem{
		max-height: 30px !important;
	}
	
	[id^="linha_"] {
      font-size: 18px !important;
    }
    
    #tableId thead{
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 400px){
	.rac-detalhes td{
		font-size: 11px;
		text-align: center;
		padding: 3px !important;
	}
	.rac-detalhes th{
		font-size: 11px;
		padding: 3px !important;
	}
	
	.detalhes_ td{
			padding: 0;		
			padding-bottom: 5px;
	}
	
	[id^="linha_"] {
	  font-size: 16px !important;
	}
	
	#tableId thead{
        font-size: 12px !important;
    }
    
    .rac-pag td{
         text-align: center;   
    }
}

#tableId
{
    table-layout: unset !important;
    width:100%;
}

.rac-detalhes{
	text-align: center;
	margin: 0 auto !important;
	padding: 0 !important;
	display: none;
}
	

.rac-imagem{
	max-height: 80px; 
	width: auto;
}
	
[id^="linha_"] {
  font-size: 20px;
}

.str_lin_impar{
	background-color: #fcad5b;
}

.str_lin_par{
	background-color: #ffe0bf;
}

#nav{
	text-align: center;
	margin: 0px !important;
	display: block;
}

#nav li{
	display: inline-block !important;
	padding: 10px;
}

#nav li a{
	font-size: 1.5em;
	margin-bottom: 3px;
}

#nav li.active a{
	background-color: #fcad5b !important;
}

/*CLASSIFICAÇAO*/

#tableFixHead {
  overflow: auto;
  width: 100%; 
  max-height: 100vh;
}

#tableFixHead table {
  border-collapse: collapse;
  width: 100%;
}

#tableFixHead th,
#tableFixHead td {
  padding: 8px 16px;
}


#tableFixHead td:first-child, #tableFixHead th:first-child {
  position:sticky;
  left:0;
  z-index:1;
  background-color:white;
}
#tableFixHead td:nth-child(2), #tableFixHead th:nth-child(2)  { 
position:sticky;
  left:40px;
  z-index:1;
  background-color:white;
  }
#tableFixHead th {
  position: sticky;
  top: 0;
  background: #eee;
  z-index:2
}
#tableFixHead th:first-child , #tableFixHead th:nth-child(2) {
  z-index:3
}
 #tableFixHead td {
	 /*text-align:center;*/
	 font-size: 20px !important;  
 }
 
 #tableFixHead .g4, #tableFixHead .g8 {
		color: blue;
 }
 
 .tabela-legenda-g4, .tabela-legenda-g8{
     color: blue;
 }
 
  #tableFixHead .g6, .tabela-legenda .g6{
		color: deepskyblue;
 }
 
 .tabela-legenda-g6{
     color: deepskyblue;
 }
 
 #tableFixHead .sula, .tabela-legenda .sula{
		color: green;
 }
 
 .tabela-legenda-sula{
		color: green;
 }
 
 #tableFixHead .z4, .tabela-legenda .z4{
		color: red;
 }
 
 .tabela-legenda-z4{
		color: red;
 }
 
 #tableFixHead tr{
     vertical-align: middle;
 }
 
 /*#tableFixHead .bg-time-tabela{
     width: 73px !important;
     height: 73px !important;
 }*/
 
 .bg-time-tabela{
     float: left;
     margin-right: 5px !important;
 }
 
 .txt-tabela-bra{
  /*display: inline;*/
  display: flex;
  align-items: center;
  height: 73px;
 }
 
 @media only screen and (max-width: 400px){
     #tableFixHead td {
       font-size: 15px !important;  
     }
     
     .txt-tabela-bra{
      height: 20px !important;   
      line-height: 1em !important;
     }
     
     .bg-time-tabela {
      display: none !important;   
     }
}

a#rac-prim:active{
  background: white;
}

.detalhes_ th {
  padding-top: 12px;
  padding-bottom: 12px;
  /*padding-left: 5px;
  padding-right: 5px;*/
  text-align: left;
  background-color: #CA4327;
  color: white;
}

.detalhes_ td, .detalhes_ th {
  border: 1px solid #ddd;
  padding: 8px;
}

#rac-form_anos{
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

/* Add some margins for each label */
#rac-form_anos label {
  margin: 5px 10px 5px 0;
}

/* Style the input fields */
#rac-form_anos input {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}

input#rac-btn-consultar:hover {
  background-color: red;
  color:white;
}

@media (max-width: 800px) {
  .form-inline input {
    margin: 10px 0;
  }

  #rac-form_anos{
    flex-direction: column;
    align-items: stretch;
  }
}