/* Custom page CSS
------------------- */

/* Alternative fonts
@import url(https://fonts.googleapis.com/css?family=Oranienbaum);
@import url(https://fonts.googleapis.com/css?family=Tinos); 
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro); 
@import url('https://fonts.googleapis.com/css?family=Slabo+27px&display=swap');
@import url('https://fonts.googleapis.com/css?family=Glegoo:400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url(https://fonts.googleapis.com/css?family=Trirong);  
*/

@import url('https://fonts.googleapis.com/css?family=Glegoo:400,700&display=swap');

html {
  position: relative;
  min-height: 100%;
  max-width: 1360px;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 80px;
}

body,
input,
button,
select,
textarea,
.navbar-search .search-query {
  font-family: Glegoo, serif;
}

h1, h2, h3, h4 {
  font-family: Glegoo, serif;
}


table,
th,
td {
  color: #111 !important;
  border-collapse: collapse; 
}

th {
  background-color: #fff !important;
  margin: 0;
  padding: 4px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
  font-size: 11pt; 
  font-weight: bold; 
  border-collapse: collapse; 
}

td {
  margin: 0;
  padding: 4px 8px;
}

.navbar-header {
    height: 120px;
}

table.h2020,
th.h2020,
td.h2020 {
  font-size: 10pt; 
  color: #111 !important;
  border-collapse: collapse; 
  border-bottom: 1px solid #111; 
}

th.h2020 {
  background-color: #fff !important;
  margin: 0;
  padding: 4px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
  min-width: 50px;
  font-size: 11pt; 
  font-weight: bold; 
  color: #111 !important;
  border-collapse: collapse; 
  border-bottom: 1px solid #111; 
}

td.h2020 {
  margin: 0;
  padding: 4px 8px;
}

th.vertical { 
  width:10px;
  font-size:9pt;
  transform:rotate(-90deg);
}
td.vertical { 
  width:10px;
  font-size:9pt;
  transform:rotate(-90deg);
}


/* color: #1E365C !important; */
ul.nav li a, ul.nav li a:visited {
    color: #337ab7 !important;
}

ul.nav li a:hover, ul.nav li a:active {
    color: #ffbc49 !important;
}

ul.nav li.active a {
    color: #337ab7 !important;
} 

textarea {
  width: auto;
}

hidden {
    display: none;
}

.text-justify {
  text-align: justify;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 97%;
  /* Set the fixed height of the footer here */
  height: 80px;
  /*
  background-color: #eee;
  */
}

.container-fluid {
  width: auto;
  padding: 0 15px;
}
.container {
  width: auto;
  padding: 0 15px;
}

.container .text-muted {
  margin: 15px 0;
}

.navbar-header {
  width:     1200px;
  max-width: 1200px;
}

@media screen {
    #logo img { display:none; }
    /*
    #logo:after { content:url(/static/images/Logo.svg); }
    */
}

table.table.table-striped tr.danger td {
    background-color:#aa000044;
}

/* To position SVG */
#inf-svg {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 1280px;
}

.postit {
  overflow:hidden;
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  width:auto;
  height:auto;
  padding:1em;
  margin:1em;
  float:left;
}

/* PRINTING ------------------- */

/* hidden on-screen */
.print-only { display: none; }


@media print {
  a {
    text-decoration: none;
    color: black;
  }

  a[href]:after {
    content: none !important;
  }
}

@media print {
  /* visible when printed */
  .print-only { display: block; }
}

@media print {
    /* page-break-after works, as well 
     * usage: <div class="pagebreak"> </div>
     */
    .pagebreak { page-break-before: always; } 
}