SVG shapes */

svg, svg * {
  vector-effect: non-scaling-stroke !important;
  pointer-events: all !important;
}
/*
/* Hover over */

/* Interior Garage */
#binary_sensor\.mcu1_gpio12.window-opened {
  transform: rotate(270deg);
  transform-origin: left;
}
/* Back Door */
#binary_sensor\.mcu2_gpio5.window-opened {
  transform: rotate(270deg);
  transform-origin: right;
}
#binary_sensor\.kitchen_door_opened.window-opened {
  transform: rotate(270deg);
  transform-origin: right;
}

#sensor\.dark_sky_minutely_summary  {
  fill: #231F26 !important;
  fill-opacity: 1.0;
}

.entity:hover:not(.static-text):not(.static-temp):not(.static-text-date):not:(.static-text-time) {
  stroke: #03A9F4 !important;
  stroke-width: 1px !important;
  stroke-opacity: 1 !important;
}


.warning-background, .warning-text-background  {
  fill: #fcf8e3 !important;
  fill-opacity: 1 !important;
  stroke: #faebcc !important;
  stroke-width: 1px !important;
}

.static-text
{
  fill: #FFFFA6 !important;
  font-family : Helvetica !important;
  font-weight : bold !important;
  font-size : 15px !important;
}

.static-text-date
{
  font-family : Helvetica !important;
  font-weight : bold !important;
  font-size : 16px !important;
  fill : #FFFFA6 !important;
}

.static-text-time
{
  font-family : Helvetica !important;
  font-weight : bold !important;
  font-size : 35px !important;
  fill: #FFFFA6 !important;
}

.static-temp
{
  font-family: Helvetica !important;
  font-size: 22px !important;
  fill: #FFFFA6 !important;
}
/* Last motion entity */

.last-motion {
  stroke: #808080 !important;
  stroke-width: 1px !important;
  stroke-opacity: 1 !important;
}

/* Presence */
.presence-on {
  fill: #BDF271 !important;
}

.presence-off {
  fill: #3D3B3F !important;
}

/* Text Home/Away */

.text-home {
  fill: #BDF271 !important;
}

.text-away {
  fill: #E7376B !important;
}

/* switches */

.switch-on {
  fill: orange !important;
}

.switch-on-blue {
  fill: blue !important;
}

.switch-off {
  fill: #cccccc !important;
}

/* Juicebox */
.juicebox-plugged {
  fill: orange !important;
}
.juicebox-standby {
  fill: grey !important;
}
.juicebox-charging {
  fill: green !important;
}
/* Buttons */

.button-on {
  fill: #FFFFA6 !important;
  fill-opacity: 0.25;
}

.button-off {
  fill: #3D3B3F !important;
  fill-opacity: 0.5;
}

/* Nest Protects */

.protect-on {
  fill: green !important;
}

.protect-off {
  fill: red !important;
}

/* Windows / Doors / Entry Points */

.window-open {
  fill: #c60919 !important;

}

.window-closed {
  fill: #00FFFF !important;
}

/* Light */

.light-off {
  fill: #231F26 !important;
  fill-opacity: 1.0;
  stroke: black !important;
  stroke-width: 1;
  stroke-opacity:0.1;
}
.light-off:hover {
  transform-origin: center;
  transform: scale(2);
}

.outdoor-light-off {
  fill: grey !important;
  fill-opacity: 1.0;
  stroke: black !important;
  stroke-width: 1;
  stroke-opacity:0.1;
}
.outdoor-light-off:hover {
  transform-origin: center;
  transform: scale(2);
}
.light-blue-on {
  fill: blue !important;
  fill-opacity: 1.0;
  stroke: #FFFFA6 !important;
  stroke-width: 10;
  stroke-opacity: 0.25;
}
.light-blue-on:hover {
  transform-origin: center;
  transform: scale(3);
}

.light-on {
  fill: yellow !important;
  fill-opacity: 1.0;
  stroke: #FFFFA6 !important;
  stroke-width: 10;
  stroke-opacity: 0.25;
}
.light-on:hover {
  transform-origin: center;
  transform: scale(3);
}