/** 
  * Apache Auto-Index Style Sheet 
  */ 
  @import url('https://fonts.googleapis.com/css?family=Cousine|Open+Sans');

  body { 
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    /*background:#213D64; */
    background: linear-gradient(#213D64,#008FCF);
	/*height: 100vh;*/
	background-size: 100% 100%;
	background-attachment: fixed;
} 
  
  table { 
    margin:10px auto;
    width:1000px;
    background:#F5F2DC;
    padding:1.1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem; 
  } 
  table tr td { 
    padding:2px; 
  } 
  h1#indextitle { 
    margin:20px auto;
    /*width:990px;*/
    color:#eee;  
  } 
  
  h1#indextitle { 
      font-size:1.6em; 
  } 
  
  tr.indexhead { 
      font-size:1.1em; 
    } 
  tr.even { 
    background:#fffff7;
    font-family: 'Cousine', monospace;
  } 
  tr.odd { 
      background:#fcfbe5;
      font-family: 'Cousine', monospace;
  } 
    
  tr.indexbreakrow th hr { 
    border:0;
    height:1px;
    background:black; 
  } 
    
  th.indexcolname { 
    text-align:left; 
  } 
  
  th.indexcolname a:link, 
  th.indexcollastmod a:link,
  th.indexcolsize a:link,
  th.indexcoldesc a:link,
  th.indexcolname a:visited, 
  th.indexcollastmod a:visited,
  th.indexcolsize a:visited,
  th.indexcoldesc a:visited,
  td.indexcolname a:link, 
  td.indexcolname a:visited{
    color:#323B40;
    text-decoration:none; 
  } 
  
  th.indexcolname a:hover,
  th.indexcollastmod a:hover, 
  th.indexcolsize a:hover, 
  th.indexcoldesc a:hover,
  td.indexcolname a:hover { 
    color:#F59300;
    text-decoration:none;
    background-color: #F1F2F4;
    transition: all 0.2s ease
  } 
  
  th.indexcollastmod { text-align:center; } 
  th.indexcolsize { text-align:right;padding-right:1.2rem; } 
  th.indexcoldesc { text-align:left; } 
  td.indexcolicon { text-align:center; } 
  
  td.indexcollastmod { 
      text-align:center; 
  } 
  td.indexcolsize { 
      text-align:right; 
     padding-right:1.1rem; 
  }  
  
  td.indexcoldesc { 
      text-align:left; 
      padding-right:1.1rem; 
  }
  
  @media screen and (max-width: 1025px) {
    table {
      width: 100%;
    }
    th.indexcoldesc, td.indexcoldesc {display: none}
  }
  
  @media screen and (max-width: 650px) {
    th.indexcollastmod, td.indexcollastmod {display: none}
  }