@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway&subset=latin-ext');


table {
  font-family: 'Raleway', sans-serif;
  width:100%;
  table-layout: fixed;
}
.tbl-header {
  background-color: #d3d3d3;
 }
.tbl-content {
  height:150px;
  overflow-x:auto;
  margin-top: 0px;
  border: 1px solid #E5E6EB;
}
th{
  padding: 10px 10px;
  text-align: center;
  font-size: 12px;
  color: #35404F;
}
td{
  padding: 10px 5px;
  text-align: center;
  vertical-align:middle;
  font-size: 12px;
  color: #35404F;
  border-bottom: solid 1px #E5E6EB;
}
.levo {
  text-align: left;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
  .levo {
    text-indent: -5px;
  }
}


/* demo styles*/

.tabela-predmeti {
  max-width: 650px;
  margin: 0 auto;
}
 

/* for custom scrollbar for webkit browser

::-webkit-scrollbar {
    width: 6px;
} 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}*/

/*-------------------------------------Media query--------------------------------------*/
@media screen and (max-width: 769px) {

table {
  width:100%;
  table-layout: fixed;
}
th {
  padding: 5px 0;
  font-size: 70%;
  text-indent: -1px;
}
td{
  max-width: 18%
  padding: 3px 0;
  font-size: 70%;
  text-indent: -5px;
}
.tabela-predmeti {
  margin: 0;
}

}