﻿.floorPlan {
  transition: all 400ms ease-out 50ms;
  /*.desktop-current-module {
        height:18px;
        color:$active-color;
        font-weight:bold;
        width:240px;
    }*/ }
  .floorPlan .desktop-header {
    padding-bottom: 5px; }
  .floorPlan .desktop-presentation {
    width: 109px;
    height: 70px;
    border: solid 2px black;
    white-space: pre-wrap;
    display: flex;
    align-items: center;
    font-weight: 900;
    color: white;
    font-size: 14px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    background-size: cover; }
    .floorPlan .desktop-presentation span {
      padding-left: 5px;
      margin-left: auto;
      margin-right: auto; }
  .floorPlan .desktop-label {
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    font-size: 21px;
    top: -8px;
    left: 17px;
    background-color: black;
    color: white; }
  .floorPlan .desktop-alarm timer {
    /*position: relative;
            top: -137px;*/
    height: 21px; }
    .floorPlan .desktop-alarm timer [class^="iconmoon-"] {
      width: 25px; }
    .floorPlan .desktop-alarm timer label {
      padding: 0 0 0 3px;
      font-weight: 700;
      font-size: 20px; }
    .floorPlan .desktop-alarm timer .iconmoon-alarm {
      font-size: 25px;
      padding-right: 5px; }
  .floorPlan .desktop-holiday-budget [class^="iconmoon-"] {
    width: 25px; }
  .floorPlan .desktop-holiday-budget label {
    padding: 0 0 0 3px;
    font-weight: 700;
    font-size: 18px; }
  .floorPlan .desktop-holiday-budget .iconmoon-coin-pound {
    font-size: 25px; }
  .floorPlan .desktop-time-budget {
    padding-left: 5px; }
    .floorPlan .desktop-time-budget div {
      margin: 2px; }
  .floorPlan .divider {
    border-top: 1px solid gray;
    margin: 0 40px 0 40px;
    width: 100%; }
  .floorPlan .fa-circle {
    font-size: 11px;
    padding: 2px; }
  .floorPlan .fa-bell {
    /*position: absolute;*/
    top: 0;
    left: 4px;
    min-height: 15px; }
  .floorPlan .desktop {
    /*position: relative;*/
    min-width: 120px; }
  .floorPlan .desktop-disabled timer {
    display: none; }
  .floorPlan .desktop-disabled .iconmoon-alarm {
    color: #E3E1E1; }
  .floorPlan .desktop-disabled .desktop-label {
    background-color: #E3E1E1 !important; }
  .floorPlan .desktop-disabled .iconmoon-coin-pound {
    color: #E3E1E1; }
  .floorPlan .desktop-disabled .desktop-presentation {
    border: solid 2px #E3E1E1;
    color: #E3E1E1;
    background: #E3E1E1; }
  .floorPlan .desktop-disabled .desktop-holiday-budget {
    display: none; }
  .floorPlan .desktop-disabled .divider {
    display: none; }
  .floorPlan .desktop-personnel {
    font-weight: bold;
    font-size: 18px;
    height: 21px; }
  .floorPlan .desktop-prospect {
    font-size: 14px;
    height: 16px; }
  .floorPlan .desktop-modules {
    height: 18px; }
    .floorPlan .desktop-modules .played {
      color: gray;
      cursor: pointer; }
    .floorPlan .desktop-modules .playing {
      color: #009688;
      cursor: pointer; }
    .floorPlan .desktop-modules .pending {
      color: gray;
      cursor: pointer;
      opacity: 0.5; }
  .floorPlan .md-grid-tile {
    padding-top: 4px !important;
    margin-top: 4px !important; }

.deck-desktop {
  background-image: url("../img/deck-desktop.png");
  background-repeat: no-repeat; }

.floor-column {
  width: 15px;
  background: black;
  height: 100%; }

.presentation-info {
  height: 700px;
  overflow: auto; }
  .presentation-info .extra-module {
    background: #fed18e; }
  .presentation-info .md-whiteframe-3dp {
    min-width: 250px;
    height: 110px;
    text-align: center; }
  .presentation-info md-divider.md-default-theme, .presentation-info md-divider {
    border-top-color: #009ad4; }
  .presentation-info .module-name {
    color: black;
    font-size: 18px;
    font-weight: 600; }
  .presentation-info .module-pending {
    opacity: 0.5; }
  .presentation-info .min-time {
    font-size: 14px;
    border-right: 1px solid;
    padding-right: 5px; }
  .presentation-info .time {
    font-size: 18px; }
  .presentation-info .max-time {
    font-size: 14px;
    border-left: 1px solid;
    padding-left: 5px; }
  .presentation-info .sales-rep {
    font-size: 18px;
    font-weight: 600; }
  .presentation-info .prospect {
    font-size: 12px; }
  .presentation-info .module-result .fa-check {
    font-size: 22px;
    color: green; }
  .presentation-info .module-result .fa-close {
    font-size: 22px;
    color: #fe4641; }
  .presentation-info .module-result .iconmoon-alarm {
    font-size: 25px;
    color: black; }

