@CHARSET "UTF-8";

body {
	padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}

.meteotest {
	font-family: Futuri, Futura, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #0434B1;
}

.distancetotop {
	padding-top: 10px;
}

.marginbottom {
	margin-bottom: 10px;
}

.hidden {
	display: none;
}


/* == METEOTEST FOOTER ==*/
footer {border-top: 1px solid #D0D0D0; padding: 0px 15px;}
footer div { padding-top: 20px;}
.address { margin-top: 10px;padding-top: 14px;height: 128px;}
.address p {font-size: 0.8em;padding: 0;margin: 0;}
#footer-address-meteotest.address p {padding-left: 128px;line-height: 1.2em;}
#footer-address-meteotest {background-image: url(https://meteotest-static.ch/img/mt_logo_2014_web_128.png);background-repeat: no-repeat;}

/* HTML output */
td.tablesubtitle {
	font-weight: bold;
	padding-top: 1em;
}

.map-display-html {
  height: 256px;
}


.wider { /* I.e. for input boxes */
	width: 500px;
}

/* Sidenav for Docs
-------------------------------------------------- */

.bs-docs-sidenav {
  width: 208px;
  margin: 30px 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url(//meteotest-static.ch/bootstrap-2.2.2/img/glyphicons-halflings-white.png);
  opacity: 1;
}
.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}
section {
    padding-top: 10px;
}

/* Clients last access indicator */
#prod2actions .box,
#clients .box {
    width: 30px;
    height: 30px;
}
#clients .clients-filter > * {
    display: inline-block;
    padding: 4px;
    font-size: x-small;
    text-transform: capitalize;
    vertical-align: middle;
    margin-right: 7px;
}
#clients .clients-filter .log-requests {
    line-height: 1.2;
    background: #ddd;
}
#clients .clients-filter .access-legend {
    cursor: pointer;
}
#clients .clients-filter .access-legend.selected {
    outline: 2px solid blue;
    outline-offset: 1px;
}
#action .access-status,
#client .access-status {
    max-width: 200px;
    padding: 5px;
}
#action .inactive,
#clients .inactive,
#client .inactive {
    background-color: grey;
    color: white;
}
#clients .log-requests,
#client .log-requests {
    outline: 2px solid olive;
    outline-offset: 1px;
}
#clients .log-requests-text {
    display: block;
    line-height: 1.0;
    color: olive;
    font-style: italic;
}
#prod2actions .last-month,
#action .last-month,
#clients .last-month,
#client .last-month {
    background-color: green;
    color: white;
}
#prod2actions .last-three-months,
#action .last-three-months,
#clients .last-three-months,
#client .last-three-months {
    background-color: yellow;
    color: black;
}
#prod2actions  .more-than-three-month,
#action  .more-than-three-month,
#clients .more-than-three-month,
#client .more-than-three-month {
    background-color: red;
    color: white;
}
#prod2actions .no-access,
#clients .no-access,
#client .no-access {
    background-color: darkred;
    color: white;
}

/* Make the hero unit a little more spaced */
.hero-unit > p:not(:last-of-type) {
    margin-top: 40px;
    margin-bottom: 40px;
}
.tableWrapper {
  overflow: auto;
}