/* $Id: default.less 239 2017-07-02 16:14:57Z patrick $ */
/* $Id: icons.less 247 2017-07-02 16:29:23Z patrick $ */
/* --start: borrowed from bootstrap */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('slapdash/lib/font/glyphicons-halflings-regular.eot');
  src: url('slapdash/lib/font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('slapdash/lib/font/glyphicons-halflings-regular.woff2') format('woff2'), url('slapdash/lib/font/glyphicons-halflings-regular.woff') format('woff'), url('slapdash/lib/font/glyphicons-halflings-regular.ttf') format('truetype'), url('slapdash/lib/font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-weight: 1;
  -wekbit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* --end: borrowed from bootstrap */
/* --start See http://codepen.io/cguillou/pen/lcImj */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
[class*="fontawesome-"]:before {
  font-family: "FontAwesome", sans-serif;
}
[class*="wi-"]:before {
  font-family: "weathericons", sans-serif;
}
/* --end */
/* $Id $ */
.color0 {
  background-color: #083e48;
  color: #ffffff;
}
.color1 {
  background-color: #1b5863;
  color: #ffffff;
}
.color2 {
  background-color: #306d78;
  color: #ffffff;
}
.color3 {
  background-color: #508791;
  color: #000000;
}
.color4 {
  background-color: #81acb4;
  color: #000000;
}
html {
  font-size: 14px;
}
body {
  background-color: #000000;
  font-size: 1rem;
}
body,
p,
div {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
input,
button,
select {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
body,
div,
p,
h1,
h2,
h3,
ul,
li,
canvas {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
h1 {
  font-size: 2rem;
  font-weight: bold;
}
h2 {
  font-size: 1.5rem;
}
.gridster {
  margin: 0 auto;
}
.gridster .gs-w {
  cursor: pointer;
  overflow: hidden;
  background-color: #81acb4;
  color: #000000;
}
.gridster ul { list-style-type: none; }

.widget {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  min-height: 100%;
  height: 100%;
  width: 100%;
}
.widget.nodata {
  background-color: #101010 !important;
}
.widget-clock h1 {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1em;
}
.widget-clock div#date {
  display: block;
  font-size: 2rem;
}
.widget-image h1 {
  font-size: 2rem;
  font-weight: bold;
}
.widget-currentweather h1 {
  flex: 2 0 0;
  font-size: 2rem;
  line-height: 1.2em;
  margin: 0 0 6 0;
  overflow: hidden;
}
.widget-currentweather h2 {
  flex: 4 0 0;
  font-size: 4rem;
  line-height: 1.2em;
  margin: 0 0 6 0;
  overflow: hidden;
}
.widget-currentweather ul {
  flex: 1 0 0;
  font-size: 1rem;
  line-height: 1.2em;
  list-style: none;
  list-style-type: none;
  width: 100%;
}
.widget-currentweather li {
  width: 33%;
  float: left;
}
.widget-currentweather li:last-child {
  float: left;
}
.widget-camera .controls {
  color: #ffffff;
  font-size: 2rem;
  position: absolute;
  top: 10px;
  left: 10px;
}
.widget-camera .controls .control {
  float: left;
  margin-left: 16px;
}
.widget-camera .overlay {
  clear: both;
  font-size: 0.8rem;
  color: #ffff00;
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.widget-slideshow .controls {
  color: #ffffff;
  font-size: 2rem;
  position: absolute;
  top: 10px;
  left: 10px;
}
.widget-slideshow .controls .control {
  float: left;
  margin-left: 16px;
}
.widget-slideshow .overlay {
  clear: both;
  font-size: 0.8rem;
  color: #ffff00;
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.widget-rssfeed h1 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 8 0;
}
.widget-rssfeed #wrapper {
  margin: 8 8 8 8;
}
.widget-rssfeed p {
  font-size: 1rem;
  line-height: 1.2em;
  margin: 0 0 20 0;
  text-align: left;
}
.widget-rssfeed img {
  float: left;
}
.widget-rssfeed a {
  text-decoration: none;
  color: inherit;
}
.widget-level h1 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2em;
  overflow: hidden;
}
.widget-level h2 {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.2em;
  overflow: hidden;
}
.widget-level div {
  width: 90%;
  margin: 0.5rem 0 0 0;
}
.widget-level .levelbuttons button {
  width: 3rem;
  height: 1.25rem;
  margin-right: 8px;
}
.widget-level #level {
  font-size: 1rem;
}
.widget-level #level:after {
  content: "%";
}
.widget-level.active {
  background-color: #81acb4 !important;
  color: #000000;
}
.widget-level.update-pending {
  background-color: #1b5863 !important;
  color: #ffffff;
}
.widget-scene {
  vertical-align: middle;
}
.widget-scene h1 {
  font-size: 2rem;
  line-height: 1em;
}
.widget-scene.active {
  background-color: #81acb4 !important;
  color: #000000;
}
.widget-scene.update-pending {
  background-color: #1b5863 !important;
  color: #ffffff;
}
.widget-verasensor h1 {
  font-size: 2rem;
  font-weight: bold;
}
.widget-roomstatus h1 {
  font-size: 2rem;
}
.widget-roomstatus ul {
  list-style: none;
  list-style-type: none;
}
.widget-verathermostat h1 {
  font-size: 2rem;
  font-weight: bold;
}
.widget-verathermostat #temperature {
  font-size: 4rem;
}
.widget-verathermostat #setpoints {
  font-size: 1rem;
  margin: 12 0 0 0;
  width: 90%;
}
.widget-verathermostat #setpoints #heatsp {
  float: left;
  width: 30%;
  text-align: left;
}
.widget-verathermostat #setpoints #mode {
  float: left;
  width: 40%;
  font-size: 1rem;
  text-align: center;
}
.widget-verathermostat #setpoints #coolsp {
  float: right;
  text-align: right;
}
.widget-verathermostat .therm-heating {
  color: red;
}
.widget-verathermostat .therm-cooling {
  color: blue;
}
.widget-verathermostat .therm-fanonly {
  color: #003366;
}
