html, body
{
	font-family: 'Helvetica', sans-serif;
}
#off_all
{
	position: fixed;
	display: block;
	right: 0;
	bottom: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	z-index: 900;
}
#lightControl
{
	display:none;
}
.controlTitle
{
	font-size: 18px;
}
.shutter
{
	stroke-width:5;
}
.shutter_open
{
   stroke: dimgrey;
}
.shutter_closed
{
 stroke: black;
}
.s_cont
{
	stroke:white;
	stroke-width:2;
	fill:none;
}
.s_on
{
	fill:rgb(233, 233, 233);
}
.s_off
{
	/*fill:#272b30;*/
	fill:#8695a7;
}
small
{
	font-size:8pt;
}
#spinId
{
	position:fixed;
	left: 45%;
	bottom: 10px;
	z-index:65;
}
/* Rules for using icons as white on a dark background. */
.data-card > .card-header > .card-header-title,
.data-card {
}
.ext-card > .card-header > .card-header-title,
.ext-card > .card-content > .content > h3,
.ext-card {
  color: #3366cc;
}
.living-card > .card-header > .card-header-title,
.living-card > .card-content > .content > h3,
.living-card {
	color: #dc3912;
}
.room-card > .card-header > .card-header-title,
.room-card > .card-content > .content > h3,
.room-card {
  color: hsl(141, 71%, 48%);
}
.colCard table td, .colCard table th
{
    margin:0px;
    border-collapse: collapse;
    border: 0px solid ;
   border-width: 0 0 0px;
   padding: 0em 0em;
}
.colCel
{
   border-width:0px;
   width:50px;
   padding:0px;
   margin:0px;
   height:20px;
}
.whiteCel
{
   border-width:0px;
   width:50px;
   padding:0px;
   margin:0px;
   height:20px;
}
.slider
{
   width:100%;
}
.graphTabContent
{
   width:100%;
}
canvas
{
}
.notification {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    overflow: hidden; 
}