.main {
  font-family: Helvetica, Arial; }
  .main .body {
    padding: 20px; }

.layout-1 .main {
  margin: 0; }

body.openmenu {
  position: fixed;
  overflow: hidden; }

#content {
  background: #fff;
  padding: 20px;
  margin: 0 auto; }

#pgcontainer {
  padding: 0;
  margin: 0;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.layout-3 div#pgcontainer {
  overflow: hidden; }

html, body {
  height: 100%; }

body {
  font-family: Helvetica, Arial;
  color: #333333;
  margin: 0;
  width: 100%;
  font-weight: 200;
  padding: 0; }

h1 {
  font-size: 1.3em; }

h2 {
  font-size: 1.2em; }

h3 {
  font-size: 1.1em; }

h4 {
  font-size: 1em; }

h1, h2, h3, h4 {
  font-weight: 200;
  margin: 0;
  padding: 0;
  line-height: inherit; }

.body h1 {
  display: none; }

.resultRow {
  margin: 20px 0;
  border-bottom: 1px solid #ccc;
  padding: 12px; }

.resultRow:hover {
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.navbar-toggle {
  float: left;
  border: none;
  background-color: #fff;
  color: lightgrey;
  margin: 0 10px 0 0;
  padding: 5px 10px; }

.navmenu-default, .navbar-default .navbar-offcanvas {
  background-color: #1F2228; }

.container {
  max-width: 100%;
  width: 100%; }

@media (min-width: 992px) {
  .navmenu {
    padding-top: 0; }

  .navbar {
    display: none !important;
    /* IE8 fix */ } }
.alert-info i {
  font-size: 2em;
  float: left;
  margin-bottom: 8px;
  margin-right: 15px; }

.minified .mobile-link a span {
  display: none; }

.mobile-link {
  margin: 9px;
  font-size: 14px;
  position: absolute;
  bottom: 0; }
  .mobile-link a {
    color: #a8a8a8;
    font-weight: normal;
    text-decoration: none;
    padding: 5px 10px; }
    .mobile-link a span {
      padding-left: 5px; }
    .mobile-link a:hover {
      color: white; }
  .mobile-link i {
    font-size: 24px; }

.table.table-striped.table-status td, .table.table-striped.table-status th {
  padding: 4px; }

.CodeMirror-dialog-top button {
  background-color: #37A1CC; }

* {
  scrollbar-width: thin;
  scrollbar-color: #747D83 transparent; }

*::-webkit-scrollbar {
  width: 9px;
  height: 9px; }

*::-webkit-scrollbar-track {
  background: lightgrey;
  border-radius: 2px; }

*::-webkit-scrollbar-thumb {
  background-color: #747D83;
  border-radius: 2px;
  border: 0; }

/**
* function z
* @param layer The key to get the z-index value for.
* */
/**
* Map of layers which require a z-index, and it's associated z-index position.
*
* presentation-mode-progress: Presentation mode progress bar
* widget-dialog-submit:       Dashboard Widget Dialog submit button.
* percent:                    Percent field
* optimisation-overlay:       Optimisation overlay
* off-canvas-menu-footer:     Footer of the slide out menu
* login-banner:               Horizontal banner for the login display
* planner-left-pane:          Layout planner left panel
* login-content:              Form content for the login display
* sidebar:                    Main layout sidebar/menu
* entity-search-header:       Header for the entity selector
* entity-search-sidebar:      Sidebar for the entity selector
* back-to-top:                Back to top button
* topbar:                     Main layout topbar/header
* off-canvas-mask:            The slide out menu modal mask
* modal-screen:               The dashboard modal
* widget-menu:                Dashboards widget menu.
* planner-dropdown-menu:      Layout Planner drop down menu
* optimisation-room-select:   Optimisation room select overlay.
* widget-dialog-caption:      Dashboard Widget Dialog caption.
* colorbox:                   The color picker.
* login-locales:              The login locale selector container.
* gridster-gs-w:              The dashboard gridster override.
* animation-container:        Notification animation container.
* */
header {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  height: 30px;
  background: #37A1CC;
  padding: 5px 13px; }
  header h1 {
    color: #ffffff;
    font-size: 13px;
    flex: 1;
    -webkit-flex: 1; }
    header h1 i {
      padding: 0 5px; }
  header .dropdown.sub-navigation {
    display: none;
    text-align: right;
    flex: 1;
    -webkit-flex: 1; }
  header a {
    color: white;
    padding: 8px 10px 9px 10px; }
    header a:hover, header a:active, header a:focus {
      text-decoration: none;
      background-color: white;
      color: #37A1CC; }
  header > ul {
    list-style-type: none;
    text-align: center;
    margin: 0; }
    header > ul li {
      display: inline; }
      header > ul li.active a, header > ul li a:hover {
        color: #37A1CC;
        background-color: #fff;
        text-decoration: none; }
      header > ul li a {
        text-decoration: none;
        padding: 8px 10px 9px 10px;
        color: #fff; }

/* Switch the sub-navigation to a dropdown when
the screen is too narrow. */
@media (max-width: 1024px) {
  header > ul {
    display: none; }

  header .dropdown.sub-navigation {
    display: block; } }
aside {
  position: absolute;
  padding-top: 60px;
  left: 0;
  z-index: 100;
  background-color: #1F2228;
  color: #FFFFFF;
  width: 200px;
  height: 100%;
  overflow-y: auto; }
  aside button {
    margin: 9px; }

#main {
  margin-left: 200px;
  padding-top: 60px; }

/*
 * NAV
 */
.fixed-navigation #left-panel {
  height: 100%;
  position: fixed;
  /*z-index: @fixed-navigation-zindex; */ }

/* Add this if not using slimscroll*/
.fixed-navigation nav {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 49px; }

.fixed-navigation nav > ul {
  padding-right: 15px;
  position: relative;
  height: 100%;
  width: 114%;
  overflow-x: hidden;
  overflow-y: scroll; }

.mobile-detected.fixed-navigation nav > ul {
  padding-right: 30px !important; }

.minified.fixed-navigation nav {
  -webkit-overflow-scrolling: none;
  overflow: visible;
  height: auto;
  padding-bottom: 0; }

.minified.fixed-navigation nav > ul {
  overflow: visible;
  padding-right: 0;
  width: 100%; }

aside {
  /* All levels */
  /* All levels */
  /* All levels */
  /* All levels */
  /* All levels */
  /* All levels */
  /* Second level */
  /* Third Level */
  /* All levels */
  /* All levels */
  /* All levels */
  /* All levels */
  /* First level: A, Second level: LI Open */
  /* First level: Icon */
  /* First level icon */
  /* Second level switched to relative */
  /* Second level: UL */
  /* Second level: UL LI */
  /* Third level: UL LI */
  /* Second level and onwards > */
  /* Second and Third level line color */
  /* Second Level: UL */
  /* Third Level: UL */
  /* Third Level: LI */
  /* Second Level: A */
  /* Second Level: A:hover */
  /* Third Level: A */
  /* Third Level: A:hover */
  /* Fourth Level: A */
  /* Fifth Level: A */
  /* Sixth Level: A */
  /* Second level: B */
  /* Second level: LI:hover B */ }
  aside nav ul li a:active {
    background: #616161 !important; }
  aside nav ul {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 0.5em;
    list-style: none;
    position: relative; }
    aside nav ul #user-recents-menu-section > a > i, aside nav ul #user-dashboard-menu-section > a > i, aside nav ul #user-favourites-menu-section > a > i {
      color: lightgrey; }
  aside nav ul .active > a {
    color: #fff !important;
    position: relative; }
  aside nav ul li.active > a:before {
    content: "\f0d9";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    display: block;
    height: 27px;
    line-height: normal;
    width: 27px;
    position: absolute;
    right: -21px;
    font-size: 20px;
    color: #eeeeee; }
  aside nav ul li.active.open > a:before {
    content: ""; }
  aside nav > ul > li:last-child.open {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  aside nav ul li {
    overflow: hidden; }
  aside nav ul li a {
    line-height: normal;
    font-size: 14px;
    padding: 10px 10px 10px 11px;
    color: #a8a8a8;
    display: block;
    font-weight: normal;
    text-decoration: none !important;
    position: relative; }
  aside nav > ul > li > ul > li > a {
    padding-top: 4px;
    padding-bottom: 4px; }
  aside nav > ul > li > ul > li > ul > li > a {
    padding-top: 7px;
    padding-bottom: 7px; }
  aside nav ul li a:focus {
    color: #c9c9c9; }
  aside nav ul li a:hover {
    color: #ffffff;
    text-decoration: none; }
  aside nav ul b {
    float: right;
    font-size: 11px;
    margin-top: 2px; }
  aside nav ul span.menu-item-parent {
    display: inline-block;
    margin: 0;
    padding: 0; }
    aside nav ul span.menu-item-parent span, aside nav ul span.menu-item-parent i {
      display: table-cell; }
    aside nav ul span.menu-item-parent i {
      color: grey;
      font-weight: 400; }
    aside nav ul span.menu-item-parent span {
      padding-left: 4px; }
  aside nav ul li.open > a,
  aside nav ul li.open > a b {
    color: #fff !important; }
  aside nav > ul > li > a b {
    position: absolute !important;
    right: 10px;
    top: 10px; }
  aside nav > ul > li > a > i {
    /*font-size: 121%; fa-lg overrides this so..  */
    margin-right: 5px;
    width: 15px;
    display: inline-block;
    text-align: center;
    position: relative; }
  aside nav > ul > li > a > i > em {
    font-size: 9px;
    display: block;
    padding: 2px;
    position: absolute;
    top: -8px;
    right: -6px;
    text-decoration: none;
    font-style: normal;
    background: #ED1C24;
    color: #ffffff;
    min-width: 13px;
    border-radius: 50%;
    max-height: 13px;
    line-height: 8px;
    font-weight: bold;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1); }
  aside nav ul li li {
    border-bottom: none;
    position: relative; }
  aside nav > ul > li > ul {
    overflow-y: auto; }
  aside nav > ul > li > ul::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 23px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #7A7A7A; }
  aside nav > ul ul li::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    left: 23px;
    top: 12px;
    border-top: 1px solid #7A7A7A;
    z-index: 1; }
  aside nav > ul ul ul li::before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    left: 10px;
    top: 17px;
    border-top: 1px solid transparent; }
  aside nav > ul ul li a i {
    font-size: 14px !important;
    width: 18px !important;
    text-align: center !important;
    vertical-align: 0 !important;
    line-height: 1 !important; }
  aside nav > ul > li:hover > ul::before,
  aside nav > ul > li:hover > ul > li::before {
    border-color: #ACACAC !important; }
  aside nav ul ul {
    margin: 0;
    padding: 0;
    display: none;
    background: rgba(69, 69, 69, 0.6); }
  aside nav ul ul {
    padding: 7px 0; }
  aside nav ul ul ul {
    background: transparent;
    padding: 0; }
  aside nav ul ul li {
    margin: 0;
    padding: 0; }
  aside nav ul ul li > a {
    padding-left: 34px;
    font-size: 14px;
    font-weight: normal;
    outline: 0; }
  aside nav ul ul li > a:hover {
    background-color: rgba(69, 69, 69, 0.8);
    color: #ffffff; }
  aside nav ul ul ul li a {
    color: #bfbfbf;
    padding: 8px 10px 8px 60px;
    font-size: 14px; }
  aside nav ul ul ul li a:hover {
    background-color: #4C4F53;
    color: #ffffff; }
  aside nav ul ul ul ul li a {
    padding-left: 80px; }
  aside nav ul ul ul ul ul li a {
    padding-left: 100px; }
  aside nav ul ul ul ul ul ul li a {
    padding-left: 120px; }
  aside nav ul ul b {
    color: #B3B3B3; }
  aside nav ul ul > li:hover b {
    color: #D5D9E2; }

/*
 * MINIFIED MENU
 */
.minified .inbox-badge {
  border-radius: 50%;
  font-size: 9px;
  padding: 2px;
  position: absolute;
  top: 6px;
  right: 6px;
  background: #ED1C24;
  min-width: 13px; }

.minifyme {
  border-bottom: 1px solid #302F2F;
  background: #454545;
  color: #A8A8A8;
  text-align: center;
  padding: 0;
  width: 36px;
  height: 28px;
  display: block;
  position: absolute;
  right: -3px;
  border-radius: 5px 0 0 5px;
  cursor: pointer;
  margin-top: 5px;
  font-size: 19px;
  transition: all 0.1s linear 0s; }

.minifyme:hover {
  background: #646464;
  color: #E4E4E4;
  right: 0; }

.minified .minifyme {
  right: 0;
  color: #A8A8A8;
  position: relative;
  width: 100%;
  border-radius: 0;
  margin: 0;
  height: 34px;
  font-size: 23px; }

.minified .minifyme .fa:before {
  content: "\f0a9"; }

/*
 * Minified NAV
 */
.minified aside #left-panel,
.minified aside nav > ul > li {
  overflow: visible; }
.minified aside nav > ul > ul {
  min-height: 100px !important;
  max-height: 180px !important;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #ed1c24 !important; }
.minified aside nav > ul > li,
.minified aside nav > ul > li a {
  position: relative; }
.minified aside nav ul > li > a {
  padding: 10px 11px;
  display: block; }
.minified aside nav > ul > li > a .fa.fa-fw {
  display: block;
  width: auto;
  text-align: center;
  padding: 0; }
.minified aside nav > ul > li > a > i {
  text-align: center;
  margin: 0;
  display: block; }
.minified aside nav > ul > li.active > a::before {
  top: 30%;
  content: "\f0d9";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #A8A8A8;
  font-size: 1.1em; }
.minified aside nav ul ul li a {
  padding-left: 14px; }
.minified aside nav ul ul li li a {
  padding-left: 25px; }
.minified aside nav > ul ul li::before {
  left: 12px; }
.minified aside nav > ul > li > ul::before {
  left: 12px; }
.minified aside nav > ul > li > a .menu-item-parent,
.minified aside nav > ul > li > a > b {
  display: none; }
.minified aside nav > ul > li > a > .menu-item-parent {
  display: none;
  position: absolute;
  left: 40px;
  top: -3px;
  width: 186px;
  height: 38px;
  line-height: 38px;
  background-color: whiteSmoke;
  color: #333333;
  z-index: 3;
  -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
  border-left: 1px solid #bfbfbf;
  border-top: 1px solid #D8D4D4;
  border-bottom: 1px solid #ffffff;
  padding-left: 12px; }
.minified aside nav > ul > li > ul {
  display: none !important;
  position: absolute;
  left: 40px;
  width: 200px;
  z-index: 5;
  border: 1px solid #bfbfbf;
  min-height: 180px;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  background: #3A3633;
  margin-top: -3px; }
.minified aside nav ul > li > ul > li > ul {
  position: relative;
  left: 13px;
  border: none;
  margin-left: -12px;
  width: 197px; }
.minified aside nav > ul > li:hover > a > .menu-item-parent,
.minified aside nav > ul > li:hover > ul {
  display: block !important; }
.minified aside nav > ul > li > ul > li {
  background-color: rgba(69, 69, 69, 0.9); }
.minified aside nav > ul > li > ul > li > ul > li {
  background-color: #484B50; }
.minified aside nav > ul > li {
  border-bottom: 1px solid #1A1817;
  border-top: 1px solid #525151;
  padding-left: 3px; }
.minified aside nav > ul > li:last-of-type {
  border-bottom: 1px solid #525151; }
.minified aside nav > ul > li > ul::before {
  border-left: none; }
.minified aside nav > ul ul li::before {
  border: none; }
.minified aside nav > ul > li > ul > li > a {
  padding-top: 5px;
  padding-bottom: 5px; }
.minified aside nav > ul > li > ul > li > ul > li > a {
  padding-top: 7px;
  padding-bottom: 7px; }
.minified aside nav > ul > li > ul > li > ul > li a {
  padding-top: 6px;
  padding-bottom: 6px; }
.minified aside nav ul ul ul ul li a {
  padding-left: 45px; }
.minified aside nav ul ul ul ul ul li a {
  padding-left: 62px; }
.minified aside nav ul ul ul ul ul ul li a {
  padding-left: 82px; }

.slimScrollDiv,
.slimScrollDiv > :first-child {
  overflow: hidden; }

.minified .slimScrollDiv,
.minified .slimScrollDiv > :first-child {
  overflow: visible !important; }

.minified .slimScrollBar,
.minified .slimScrollRail {
  display: none; }

aside {
  scrollbar-width: thin;
  scrollbar-color: #747D83 transparent; }

aside::-webkit-scrollbar {
  width: 9px; }

aside::-webkit-scrollbar-track {
  background: transparent; }

aside::-webkit-scrollbar-thumb {
  background-color: #747D83;
  border-radius: 4px;
  border: 0; }

.global-header {
  float: left;
  background-color: white;
  margin-top: 15px; }

.links {
  padding: 7px 10px 5px 0; }
  .links i {
    font-size: 1.8em; }
    .links i.fa-question {
      font-size: 1.6em; }
  .links ul {
    display: inline;
    padding: 0;
    margin: 0;
    list-style-type: none; }
    .links ul li {
      display: inline;
      list-style-type: none;
      width: 33px; }
      .links ul li.active a {
        color: #333333; }
  .links a {
    color: #37A1CC;
    text-decoration: none;
    padding: 0 12px; }
    .links a:hover {
      color: #000; }
  .links .optimise {
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 10px;
    background: url("../imgs/optimise.png") no-repeat 0 0;
    text-indent: -99999px; }
  .links .optimise:hover, .links .optimise.active {
    background-position: 0 -20px; }

.submenu {
  background-color: #1F2228;
  color: #FFF; }

.profile {
  background-color: #1F2228;
  border-bottom: 1px solid #393A35;
  padding: 5px 15px;
  -webkit-box-shadow: inset -5px 0 10px rgba(0, 0, 0, 0.25) ;
  -moz-box-shadow: inset -5px 0 10px rgba(0, 0, 0, 0.25) ;
  box-shadow: inset -5px 0 10px rgba(0, 0, 0, 0.25) ; }
  .profile h2 {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .profile a {
    text-decoration: none;
    text-transform: lowercase;
    color: #27AAE1; }
    .profile a:hover {
      color: #fff; }
  .profile #logout_icon {
    display: inline; }
  .profile div {
    margin-top: 14px;
    margin-bottom: 11px;
    padding-left: 50px; }
  .profile img {
    width: 45px;
    float: left;
    margin-top: 13px;
    margin-bottom: 13px; }
  .profile i {
    color: #fff; }

form .dist-settings,
form .task-settings,
fieldset .form-subtitle {
  display: none; }

form {
  overflow-y: hidden;
  padding: 0; }
  form div.form-content {
    overflow: auto;
    width: 100%;
    height: 300px;
    visibility: hidden; }
  form div.form-toolbar {
    margin: 0;
    padding: 7px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    background-color: #e3e3e3;
    border-top: 1px solid #C5C5C5; }
  form div.form-toolbar table {
    width: 100%; }
    form div.form-toolbar table td {
      padding-right: 10px;
      padding-left: 10px; }
      form div.form-toolbar table td button {
        margin-right: 7px; }
  form #pinned {
    margin-left: 6px; }

fieldset {
  border: 1px solid lightgrey;
  background-color: white;
  padding: 20px;
  margin: 20px 0;
  margin-top: 0; }
  fieldset label {
    font-weight: normal; }
  fieldset .form-subtitle {
    border: 1px solid #EAF0F4;
    font-size: 0.95em;
    padding: 6px;
    font-style: italic;
    background-color: #EAF0F4;
    color: #606060;
    border-radius: .3em;
    margin-top: 6px; }
  fieldset legend {
    font-size: 1.2em;
    color: #333;
    padding: 0 0 10px 0;
    float: left;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
    fieldset legend::after {
      clear: both;
      content: "";
      display: table; }
    fieldset legend .legendContent {
      float: right;
      color: grey;
      font-size: 0.75em; }
      fieldset legend .legendContent button {
        font-size: 1.5em; }
  fieldset .input-line {
    display: table-row; }
    fieldset .input-line.add-new .k-multiselect {
      min-width: 380px;
      width: 380px;
      display: inline-block; }
    fieldset .input-line .k-multiselect {
      min-width: 450px; }
    fieldset .input-line .k-widget,
    fieldset .input-line .k-textbox,
    fieldset .input-line .k-multiselect,
    fieldset .input-line .km-widget,
    fieldset .input-line .k-dropdown,
    fieldset .input-line textarea,
    fieldset .input-line img {
      margin-top: 0;
      margin-bottom: 4px; }
    fieldset .input-line .k-datepicker,
    fieldset .input-line .k-timepicker,
    fieldset .input-line .k-datetimepicker,
    fieldset .input-line .k-numerictextbox,
    fieldset .input-line .k-combobox,
    fieldset .input-line .k-dropdown {
      width: 180px; }
    fieldset .input-line .k-textbox,
    fieldset .input-line .k-multiselect,
    fieldset .input-line textarea {
      width: 454px; }
    fieldset .input-line textarea.k-textbox {
      height: 60px;
      padding-left: 0.5em; }
    fieldset .input-line .k-widget.k-numerictextbox.k-input {
      padding: 0; }
    fieldset .input-line .k-widget.k-slider {
      margin-bottom: 14px; }
    fieldset .input-line.textarea label {
      vertical-align: top;
      padding-top: 8px; }
    fieldset .input-line .value-label {
      width: 80%; }
    fieldset .input-line .text-display.k-textbox {
      display: inline-block;
      padding: 2px; }
    fieldset .input-line label {
      width: 135px;
      display: table-cell;
      vertical-align: middle;
      font-weight: normal;
      padding-right: 4px; }
  fieldset .input-line.divider {
    color: grey;
    padding-bottom: 4px;
    margin-top: 10px;
    margin-bottom: 12px;
    display: block;
    border-bottom: 1px solid #d5d5d5; }
  fieldset .view-line {
    height: 30px; }
    fieldset .view-line.textarea label {
      padding-top: 0; }
    fieldset .view-line i.fa-lock {
      color: gray; }
    fieldset .view-line img {
      border: 1px solid lightgray;
      border-radius: 2px; }
    fieldset .view-line .file-element {
      border: 0;
      padding: 0;
      margin: 0;
      height: inherit; }
    fieldset .view-line label {
      vertical-align: top; }
      fieldset .view-line label[for="settings-values.colour-value"] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 6px 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase; }
    fieldset .view-line span .input-description {
      display: table-cell;
      vertical-align: middle; }
  fieldset.parameters {
    margin-top: 10px;
    margin-bottom: 0; }

fieldset .input-line.short-input .k-textbox,
fieldset .input-line.short-input .k-multiselect,
fieldset .input-line.short-input textarea {
  width: 144px; }

fieldset .input-line.short-input .k-multiselect {
  min-width: 140px; }

fieldset .input-line .view-elem {
  border: none; }

fieldset .input-line .view-elem .k-multiselect-wrap {
  border: none; }

fieldset .input-line .view-elem .k-multiselect-wrap label {
  padding-top: 10px; }

fieldset .input-line.view-line .view-elem .k-multiselect-wrap label {
  padding-top: 0; }

fieldset .input-line.view-line .view-elem .k-multiselect-wrap .k-block {
  background-color: inherit;
  border: 0;
  padding: 0;
  margin: 0;
  color: inherit; }

fieldset .input-line .input-description {
  color: #808080;
  padding-left: 10px;
  display: table-cell; }

fieldset .input-line.view-line .input-description {
  display: table-cell;
  vertical-align: middle; }

fieldset tr.item .input-line {
  display: inline; }

fieldset tr.item .input-line .k-multiselect,
fieldset tr.item .input-line .view-elem {
  width: 140px; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, ::-webkit-input-placeholder {
  color: #c0c0c0;
  font-style: italic; }

input:-moz-placeholder, textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #c0c0c0;
  font-style: italic; }

input::-moz-placeholder, textarea::-moz-placeholder, ::-moz-placeholder {
  /* Firefox 19+ */
  color: #c0c0c0;
  font-style: italic; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder, :-ms-input-placeholder {
  color: #c0c0c0;
  font-style: italic; }

table.multi-parameter-definition {
  background-color: #e0e0e0;
  margin-bottom: 10px;
  border-radius: .3em;
  border-collapse: separate;
  width: 600px; }
  table.multi-parameter-definition label {
    margin: 0;
    color: #606060; }
  table.multi-parameter-definition tr th {
    padding: 3px 4px 4px;
    width: 290px; }
  table.multi-parameter-definition tr th:last-of-type {
    width: 0; }
  table.multi-parameter-definition tr th button.table-action-add,
  table.multi-parameter-definition tr td button.table-action-remove {
    margin-right: 5px; }
  table.multi-parameter-definition tr td button.handler {
    margin-left: 5px; }
  table.multi-parameter-definition tr td {
    padding: 4px 4px 0;
    white-space: nowrap;
    background-color: #a0a0a0; }
    table.multi-parameter-definition tr td label, table.multi-parameter-definition tr td input {
      display: inline; }
    table.multi-parameter-definition tr td div.input-line .k-textbox, table.multi-parameter-definition tr td div.input-line textarea {
      width: 270px; }
    table.multi-parameter-definition tr td div.input-line .k-widget, table.multi-parameter-definition tr td div.input-line .k-textbox, table.multi-parameter-definition tr td div.input-line .k-multiselect, table.multi-parameter-definition tr td div.input-line .km-widget, table.multi-parameter-definition tr td div.input-line textarea, table.multi-parameter-definition tr td div.input-line img {
      margin-bottom: 0; }
  table.multi-parameter-definition tr:last-of-type td {
    padding-bottom: 4px; }

button:hover {
  color: #fff;
  background: #37A1CC; }

button:active {
  outline: none;
  background: #37A1CC;
  -webkit-box-shadow: none;
  box-shadow: none; }

button:disabled {
  background: #747D83; }

textarea.k-textbox, textarea, input[type="text"], input[type="tel"], input[type="password"],
input[type="email"], input[type="file"], input[type="number"], input[type="url"] {
  border: 1px solid #c5c5c5; }

form div.error-msg {
  color: #8b0000;
  background-color: lightgoldenrodyellow;
  font-size: 1.1em;
  padding: 2px;
  border-radius: .3em;
  margin-top: 10px;
  margin-bottom: 10px; }

span.error-msg {
  color: #8b0000;
  font-size: 0.9em;
  display: inline-block;
  margin-bottom: 5px; }

input.error-input, textarea.error-input, select.error-input {
  border: 1px solid #8b0000; }

label.error-label {
  color: #8b0000;
  font-weight: bold; }

label.empty-label {
  color: #747D83; }

label.invalid-label {
  color: #8b0000;
  background-color: #fffc71;
  padding: 2px; }

.k-list-container .k-list .k-item {
  padding-right: 25px;
  white-space: nowrap; }

#readings .k-grid td {
  padding: 0;
  padding-right: 4px;
  padding-left: 4px; }

#readings .k-grid td.spark-line {
  width: 100px;
  padding: 0; }

#readings .k-grid .simulator-input {
  width: 60px; }

.add-new {
  vertical-align: top;
  margin-left: 10px;
  padding: 2.5px 10px; }

div [hasplaceholder=true]:empty:not(:focus):before {
  color: #c0c0c0;
  font-style: italic;
  content: attr(placeholder);
  padding-left: 2px;
  line-height: 2.04em; }

.k-button.entity-value {
  background-color: #ececec;
  margin: 2px; }
  .k-button.entity-value span.k-delete {
    cursor: url("../imgs/icon-trash.png"), auto; }
  .k-button.entity-value i.k-i-close {
    vertical-align: sub;
    opacity: 0.7; }

.k-multiselect-wrap {
  min-height: 25px; }
  .k-multiselect-wrap span.k-i-close {
    opacity: 0.7; }
  .k-multiselect-wrap li.k-button {
    background-color: #ececec;
    padding: 2px 18px 2px 7px; }

.k-icon.k-clear-value.k-i-close {
  font-size: 1.5em;
  background-color: #ececec;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  top: 2px;
  right: 2px; }

span.hex span.k-numeric-wrap:before, span.hex span.k-picker-wrap:before {
  display: none; }

span.hex:hover span.k-numeric-wrap {
  background-color: #c0c0c0; }

span.hex span.k-numeric-wrap {
  display: flex; }

span.hex input.decimal, span.hex input.hexadecimal {
  width: 50%; }

span.hex input.decimal {
  background-color: lightgrey;
  border-radius: 0;
  border-left: 2px solid #d5d5d5;
  color: grey;
  text-indent: 2px; }

div.k-widget.k-window > div.k-window-titlebar.k-header span.k-i-refresh {
  font-size: 0.9em;
  padding-top: 4px; }

#controlentity_details fieldset:not(.expertmode) {
  padding-top: 10px;
  padding-bottom: 0; }

/*
Override common Kendo UI styles here
------------------------------*/
div.k-window {
  border-radius: 0; }

.k-window-titlebar.k-header {
  background-color: #e3e3e3;
  padding: 17px 10px 16px 10px;
  border-radius: 0;
  color: #333333; }

.k-window-title {
  left: 20px;
  right: 20px;
  text-transform: uppercase; }

.k-window-titlebar .k-window-actions {
  right: 15px;
  padding: 9px 0; }

.k-window-titlebar .k-window-actions .k-state-hover {
  background-image: none;
  background-color: #cccccc; }

.k-window-titlebar .k-link {
  border-radius: 0;
  padding: 10px 5px;
  border: 1px solid rgba(0, 0, 0, 0); }

.k-loading-image {
  background-image: url("../imgs/loading-spinner.gif"); }

.k-list-scroller {
  overflow-x: hidden; }

.k-sprite.far, .k-sprite.fal, .k-sprite.fas {
  font-size: 1em;
  color: grey; }

.k-button {
  background-image: none;
  background-color: #fff; }
  .k-button i.far, .k-button i.fas, .k-button i.fal, .k-button span.far, .k-button span.fas, .k-button span.fal {
    padding-right: 4px; }

.k-button.k-button-icontext i.far, .k-button.k-button-icontext i.fas, .k-button.k-button-icontext i.fal, .k-button.k-button-icontext span.far, .k-button.k-button-icontext span.fas, .k-button.k-button-icontext span.fal {
  padding-right: 0; }

.k-button:hover {
  background-image: none;
  background-color: #37A1CC;
  color: #fff; }

/* Kendo Switch */
.km-switch-handle, .km-switch-background {
  color: #37A1CC; }

.km-switch {
  background-color: transparent;
  border: 0; }
  .km-switch .km-switch-container {
    border-color: transparent; }

.confirm-dialog button.k-button {
  margin-left: 5px;
  margin-top: 10px; }
.confirm-dialog button.dialog-option1-button {
  margin-left: 0; }

.k-grid {
  border-style: none;
  font-size: 1.1em; }
  .k-grid .k-grid tbody .k-button, .k-grid .k-ie8 .k-grid tbody button.k-button {
    min-width: 30px;
    min-height: 30px; }
  .k-grid tr:hover {
    background-color: rgba(55, 161, 204, 0.5);
    color: #333; }
  .k-grid td {
    border-style: none;
    border-bottom: 1px solid white; }

.k-alt {
  background-color: rgba(255, 255, 255, 0); }

#groups_config_grid_container > div > div.k-grid-content.k-auto-scrollable {
  border-bottom: 1px solid #c5c5c5; }

.k-state-selected {
  background-color: #37A1CC;
  border-color: #37A1CC;
  color: #fff; }

.k-widget {
  background-color: rgba(0, 0, 0, 0); }

.k-header {
  background-image: none; }

.k-grid-header .k-header {
  background-color: #fff; }

.k-grid-header-wrap {
  border-color: #fff;
  border-bottom-color: #c5c5c5; }

.k-pager-wrap {
  background-color: #fff; }

.k-grouping-header {
  background-color: #fff; }

.k-grouping-row td, td.k-group-cell {
  background-color: #fff; }

.k-toolbar {
  background-color: #FFF; }

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
  min-width: 30px;
  min-height: 30px; }

.k-grid td img {
  max-height: 32px; }

.k-primary:hover {
  border-color: #c5c5c5; }

.k-primary {
  border-color: #c5c5c5;
  color: #2e2e2e; }

input[type="radio"] {
  margin: 4px 4px 0; }

/* Menu items */
li.k-item[role=menuitem] span.k-link input[type=checkbox] {
  margin-right: 8px; }

.k-header.k-grid-toolbar {
  overflow: hidden;
  padding-top: 6px; }
  .k-header.k-grid-toolbar span.k-i-plus:before {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
    font-size: 0.7em; }
  .k-header.k-grid-toolbar span.k-i-cancel:before {
    content: "\f0e2";
    font-family: "Font Awesome 5 Pro";
    font-size: 0.7em; }

tr.row_selected {
  background-color: #37A1CC;
  color: whitesmoke; }

.k-tooltip {
  border-color: #37A1CC !important;
  background-color: #37A1CC !important;
  color: #fff !important; }
  .k-tooltip .k-callout-n {
    border-bottom-color: #37A1CC; }
  .k-tooltip .k-callout-e {
    border-left-color: #37A1CC; }
  .k-tooltip .k-callout-s {
    border-top-color: #37A1CC; }
  .k-tooltip .k-callout-w {
    border-right-color: #37A1CC; }
  .k-tooltip .k-tooltip-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .k-tooltip .k-tooltip-content span.wrap-tt {
      white-space: normal;
      max-width: none;
      overflow: visible; }

/* This will show table in the tooltip */
.tooltipTable {
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-shadow: 0 0 10px 2px #e3e3e3;
  -moz-box-shadow: 0 0 10px 2px #e3e3e3;
  box-shadow: 0 0 10px 4px #e3e3e3;
  border: 1px solid #c5c5c5;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0; }

.tooltipTable table {
  border-spacing: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border-collapse: separate; }

.tooltipTable tr:last-child td:last-child {
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }

.tooltipTable table tr:first-child td:first-child {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0; }

.tooltipTable table tr:first-child td:last-child {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

.tooltipTable tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }

.tooltipTable tr:nth-child(odd) {
  background-color: #ffffff; }

.tooltipTable tr:nth-child(even) {
  background-color: #ffffff; }

.tooltipTable td {
  vertical-align: middle;
  border: 1px solid #c5c5c5;
  border-width: 0 1px 1px 0;
  text-align: left;
  padding: 7px;
  font-size: 10px;
  font-family: Arial;
  font-weight: normal;
  color: #0a0000; }

.tooltipTable tr:last-child td {
  border-width: 0 1px 0 0; }

.tooltipTable tr td:last-child {
  border-width: 0 0 1px 0; }

.tooltipTable tr:last-child td:last-child {
  border-width: 0 0 0 0; }

.tooltipTable tr:first-child td {
  background: -o-linear-gradient(bottom, #f9f9f9 5%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #f9f9f9));
  background: -moz-linear-gradient(center top, #f9f9f9 5%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9", endColorstr="#f9f9f9");
  background: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
  background-color: #f9f9f9;
  border: 0 solid #c5c5c5;
  text-align: center;
  border-width: 0 0 1px 1px;
  font-size: 14px;
  font-family: Arial;
  font-weight: normal;
  color: #000000; }

.tooltipTable tr:first-child:hover td {
  background: -o-linear-gradient(bottom, #f9f9f9 5%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #f9f9f9));
  background: -moz-linear-gradient(center top, #f9f9f9 5%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9", endColorstr="#f9f9f9");
  background: -o-linear-gradient(top, #f9f9f9, #f9f9f9);
  background-color: #f9f9f9; }

.tooltipTable tr:first-child td:first-child {
  border-width: 0 0 1px 0; }

.tooltipTable tr:first-child td:last-child {
  border-width: 0 0 1px 1px; }

.k-widget.k-tooltip {
  background-image: none; }

/* Override the main body to remove the padding */
/* Gridster */
.gridster {
  margin: 0 auto; }
  .gridster * {
    margin: 0; }
  .gridster li {
    list-style-type: none; }
  .gridster .gs-w {
    -moz-transition: border 0.3s linear;
    -o-transition: border 0.3s linear;
    -webkit-transition: border 0.3s linear;
    transition: border 0.3s linear;
    cursor: pointer; }
    .gridster .gs-w .gs-resize-handle-both {
      position: absolute;
      z-index: 30000; }
    .gridster .gs-w:hover .gs-resize-handle-both {
      display: block; }
  .gridster .player {
    background: #ddd; }
  .gridster .preview-holder {
    background: #efefef;
    border: dashed; }

/* Advanced Layout */
.advancedlayout.border {
  border-radius: 1px 1px 1px 1px;
  border: 1px solid lightslategrey; }

/* Dashboard */
.dashboard {
  padding: 0 0 0 10px;
  margin-left: -10px;
  overflow: auto; }

/* Missing dashboard */
.missing-dashboard {
  text-align: center;
  font-size: large;
  font-weight: bold; }

/* Dashboard loading */
#modal-screen.modal {
  background-color: #fefefe;
  opacity: 0.7;
  display: none;
  position: absolute;
  z-index: 9000;
  top: 0;
  left: 0;
  text-align: center;
  vertical-align: middle;
  color: #333333; }
  #modal-screen.modal div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); }
    #modal-screen.modal div i {
      font-size: 130px; }
    #modal-screen.modal div p {
      padding-top: 10px;
      font-size: 2em; }

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .dashboard {
  overflow: hidden; }

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal, body.loading #modal-screen {
  display: block; }

/* Dashboard menu */
.top-menu {
  background-color: #fff; }
  .top-menu.k-menu.k-header {
    border-color: #fff;
    border-bottom: 1px solid lightgrey; }
  .top-menu.menu-link {
    text-decoration: none; }
  .top-menu .menu-icon {
    margin-right: 5px; }

.ion-checkmark-circled {
  color: #008000; }

.ion-close-circled {
  color: #ff0000; }

#menu-status-icon {
  font-size: 1.2em;
  margin-right: -5px; }

/* Empty dashboard */
.empty-dashboard {
  background-color: rgba(181, 186, 189, 0.5) !important;
  border: 2px dashed rgba(181, 186, 189, 0.5);
  width: 100%;
  height: 200px;
  position: relative;
  text-align: center; }
  .empty-dashboard span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    border-radius: 3px;
    color: #fff;
    font-size: 1.8em;
    min-height: 200px;
    padding: 20px; }
    .empty-dashboard span a {
      color: #b6cd46;
      text-decoration: none;
      font-weight: bolder; }
    .empty-dashboard span a:hover {
      color: #fff; }
    .empty-dashboard span p {
      line-height: 1em;
      padding: 10px; }

/* Add widget dialog */
.widget-list {
  list-style: none outside;
  margin: -10px;
  padding: 0;
  width: auto; }

.widget-list-item {
  border-top: 1px solid #ccc;
  display: list-item;
  overflow: hidden;
  padding: 10px;
  position: relative; }
  .widget-list-item img {
    border: 1px solid #999;
    float: left; }

.macro-list-item:hover {
  background-color: #eee; }

.widget-add-button {
  clear: left;
  float: left;
  margin: 10px 0 0 0; }

.widget-details {
  margin: 0;
  padding-left: 150px; }

.widget-title {
  color: #333;
  font-size: 1.2em;
  padding: 5px; }
  .widget-title a {
    color: #3b73af;
    text-decoration: none; }
    .widget-title a:hover, .widget-title a:focus {
      text-decoration: underline; }

.widget-author {
  color: #707070;
  padding: 0 0 10px 0; }

.widget-description {
  color: #333;
  padding: 0; }

.widget-uri-wrapper {
  font-size: .9em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap; }

.widget-uri {
  color: #3b73af;
  text-decoration: none; }
  .widget-uri:hover, .widget-uri:focus {
    text-decoration: underline; }

.add-widget-button:disabled {
  opacity: .4; }

/* Widget layout */
.widget,
.widget article,
.widget-content,
.widget-content-iframe {
  height: 100%;
  width: 100%;
  position: relative; }

.widget-content.border {
  border-radius: 1px 1px 1px 1px;
  border: 1px solid lightslategrey; }

.widget-content.border {
  border-radius: 1px 1px 1px 1px;
  border: 1px solid lightslategrey; }

.resizing .widget-content.border {
  border: none; }

.widget-content-iframe {
  border: none; }

.widget-article.exporting iframe {
  opacity: 0.2; }

/* Configuration dialog */
.dashboard-configuration-form .submit-wrap {
  float: left;
  margin-right: 20px;
  padding-bottom: 20px; }

/* Widget not configured message */
.widget-not-configured {
  font-size: 1.2em;
  text-align: center;
  margin-top: 10px; }
  .widget-not-configured .icon {
    background-position: -25px -94px;
    display: inline-block;
    height: 40px;
    margin-bottom: 10px;
    width: 40px; }
  .widget-not-configured p:last-of-type {
    padding-bottom: 1em; }

.widget-export-menu {
  background-color: #747D83;
  color: #FFF; }

/* New Dialog Styles */
#widget-dialog #search-input {
  padding: 0 25px 0 10px; }
#widget-dialog #search-input:focus {
  background-color: #ebece9; }
#widget-dialog #search-input:focus i {
  color: white; }
#widget-dialog #search-input:-webkit-input-placeholder {
  color: #333; }
#widget-dialog #filter:-moz-placeholder {
  /* Firefox 18- */
  color: #333; }
#widget-dialog #filter::-moz-placeholder {
  /* Firefox 19+ */
  color: #333; }
#widget-dialog #filter:-ms-input-placeholder {
  color: #333; }
#widget-dialog #filtersubmit {
  position: relative;
  z-index: 1;
  left: -25px;
  top: 1px;
  color: #7B7B7B;
  width: 0; }
#widget-dialog #filter {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; }
#widget-dialog h1, #widget-dialog p {
  padding: 0 10px; }
#widget-dialog h1 {
  font-size: 2em;
  padding: 5px 10px; }
#widget-dialog p {
  font-size: 1.2em; }
#widget-dialog .container {
  padding: 10px 0; }
#widget-dialog .row {
  margin: 0; }
#widget-dialog .options {
  text-align: right;
  padding-top: 25px;
  padding-bottom: 25px; }
#widget-dialog .btn-primary {
  background-color: #428bca;
  border-color: #357ebd;
  color: white; }
#widget-dialog * {
  box-sizing: border-box; }
#widget-dialog .grid, #widget-dialog .list {
  padding: 0;
  list-style: none; }
#widget-dialog .list li {
  width: 100%;
  margin: 10px;
  border-bottom: 1px dashed lightgrey;
  padding-bottom: 10px;
  display: list-item; }
  #widget-dialog .list li figure {
    padding: 4px; }
#widget-dialog .list li img {
  max-height: 100px;
  border: 1px solid #B5BABD;
  vertical-align: top; }
#widget-dialog .list figcaption {
  padding: 0 10px;
  display: inline-block; }
#widget-dialog .list figcaption div {
  padding: 10px 0;
  font-size: 1.2em; }
#widget-dialog .list figcaption h3 {
  margin: 0;
  font-size: 1.7em; }
#widget-dialog .grid li {
  display: inline-block;
  width: 230px;
  margin: 0;
  padding: 10px;
  text-align: left;
  position: relative; }
#widget-dialog .grid figure {
  margin: 0;
  position: relative;
  padding: 4px; }
#widget-dialog .grid figure img {
  width: 200px;
  height: 150px;
  display: block;
  position: relative;
  border: 1px solid #B5BABD; }
#widget-dialog .grid figcaption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  background: rgba(31, 34, 40, 0.8);
  color: #fff;
  z-index: 1000; }
#widget-dialog .grid figcaption h3 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.3em;
  font-weight: bold; }
#widget-dialog .grid figcaption div {
  font-size: 1.2em;
  padding: 10px 0; }
#widget-dialog .grid figcaption a {
  text-align: center;
  padding: 5px 10px;
  border-radius: 2px;
  display: inline-block;
  background: #37A1CC;
  color: #fff;
  text-decoration: none; }

/* Individual Caption Styles */
/* Caption Style 7 */
.cs-style-7 figcaption {
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
  -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
  transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
  box-shadow: 0 0 0 0 rgba(31, 34, 40, 0.8); }

.no-touch .cs-style-7 figure:hover figcaption,
.cs-style-7 figure.cs-hover figcaption {
  pointer-events: auto;
  opacity: 1;
  /*height: 170%;*/
  box-shadow: 0 0 0 10px rgba(31, 34, 40, 0.8); }

.cs-style-7 figcaption h3 {
  /*margin-top: 86%;*/ }

.cs-style-7 figcaption h3,
.cs-style-7 figcaption div,
.cs-style-7 figcaption button {
  opacity: 0;
  -webkit-transition: opacity 0s;
  -moz-transition: opacity 0s;
  transition: opacity 0s; }

.cs-style-7 figcaption button {
  /*position: absolute;
  bottom: 20px;
  right: 20px;*/
  margin-top: 5px; }

.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption div,
.no-touch .cs-style-7 figure:hover figcaption button,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption div,
.cs-style-7 figure.cs-hover figcaption button {
  -webkit-transition: opacity 0.3s 0.2s;
  -moz-transition: opacity 0.3s 0.2s;
  transition: opacity 0.3s 0.2s;
  opacity: 1; }

@media screen and (max-width: 31.5em) {
  .grid {
    padding: 10px 10px 100px 10px; }

  .grid li {
    width: 100%;
    min-width: 300px; } }
/* New Menu */
.widget-menu {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 0;
  right: 0; }
  .widget-menu.open ul li {
    display: inline; }
    .widget-menu.open ul li .btn {
      background-color: white;
      border-color: rgba(186, 186, 186, 0.5);
      color: #333; }
      .widget-menu.open ul li .btn:hover {
        background-color: #747d83;
        color: #ffffff; }
  .widget-menu.small ul li button, .widget-menu.small ul li .btn {
    min-width: 45px; }
  .widget-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0; }
    .widget-menu ul li {
      display: none; }
      .widget-menu ul li:last-of-type {
        display: inline; }
      .widget-menu ul li .btn {
        border-radius: 0;
        background-color: rgba(255, 255, 255, 0.3);
        border-color: rgba(255, 255, 255, 0);
        border-width: 1px 0 1px 1px; }
        .widget-menu ul li .btn:hover, .widget-menu ul li .btn :active {
          color: #ffffff; }
        .widget-menu ul li .btn:focus {
          outline: 0; }
      .widget-menu ul li .menu-toggle {
        background-color: transparent; }

.layout .widget:hover .widget-menu {
  display: block; }

body.presentation-mode .layout .widget:hover .widget-menu {
  display: none; }

/* Styles for the shared search page. */
.dashboard-search-modal .modal-header h1 {
  font-size: 1.8em; }
.dashboard-search-modal .modal-footer .col-xs-8 {
  text-align: left; }
.dashboard-search-modal .modal-body img {
  width: 100%; }

.dashboard-search {
  margin: 0; }
  .dashboard-search .thumbnail {
    border-radius: 0; }
    .dashboard-search .thumbnail .dashboard-search-item:hover .overlay {
      opacity: 1;
      display: block;
      left: 0;
      right: 0; }
    .dashboard-search .thumbnail img {
      width: 280px;
      height: 160px; }
    .dashboard-search .thumbnail .caption a.btn {
      display: none; }
  .dashboard-search h1 {
    font-size: 1.4em; }
  .dashboard-search .options {
    display: block;
    text-align: left; }
    .dashboard-search .options .row {
      margin-left: 0; }
      .dashboard-search .options .row .list-buttons {
        font-size: 2em;
        padding-right: 15px;
        float: right; }
  .dashboard-search .dashboard-search-item {
    position: relative; }
  .dashboard-search .overlay {
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    width: 280px;
    height: 160px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 0; }
    .dashboard-search .overlay a.zoom {
      cursor: pointer;
      text-decoration: none; }
    .dashboard-search .overlay .overlay-content {
      color: white;
      padding: 50px 10px;
      text-align: center; }
      .dashboard-search .overlay .overlay-content i {
        font-size: 2em; }
      .dashboard-search .overlay .overlay-content p {
        padding: 10px 0 0 0;
        font-size: 1.3em; }
  .dashboard-search p.empty {
    padding: 20px 0 0 0; }
  .dashboard-search ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .dashboard-search ul li {
      display: inline-block;
      width: 300px;
      padding: 5px;
      text-align: left;
      position: relative; }

/* Widget Alarms */
#id_alertnotification {
  display: none;
  position: fixed;
  bottom: -35px;
  left: 0;
  width: 100%;
  padding: 10px;
  cursor: pointer;
  text-align: left;
  /*transition: all .3s;*/ }
  #id_alertnotification:hover {
    bottom: 0;
    height: auto; }
  #id_alertnotification:hover i {
    position: relative;
    top: 0;
    color: white !important; }
  #id_alertnotification i {
    position: absolute;
    top: -15px; }
  #id_alertnotification .btn {
    border-radius: 0; }
  #id_alertnotification.btn-critical {
    background-color: crimson; }
    #id_alertnotification.btn-critical i {
      color: crimson; }
    #id_alertnotification.btn-critical .badge {
      background-color: white;
      color: crimson; }
  #id_alertnotification.btn-major {
    background-color: darkorange; }
    #id_alertnotification.btn-major i {
      color: darkorange; }
    #id_alertnotification.btn-major .badge {
      background-color: white;
      color: darkorange; }
  #id_alertnotification.btn-warning {
    background-color: gold; }
    #id_alertnotification.btn-warning i {
      color: gold; }
    #id_alertnotification.btn-warning .badge {
      background-color: white;
      color: gold; }
  #id_alertnotification.btn-info {
    background-color: lightblue; }
    #id_alertnotification.btn-info i {
      color: lightblue; }
    #id_alertnotification.btn-info .badge {
      background-color: white;
      color: lightblue; }

.has-alarm #id_alertnotification {
  display: block;
  z-index: 100000; }
.has-alarm .btn span {
  display: inline-block !important; }

.grid-stack > .grid-stack-item > .ui-resizable-se::before,
.grid-stack > .grid-stack-item > .ui-resizable-sw::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f424"; }

.dashboard-nav-holder {
  scrollbar-width: thin;
  scrollbar-color: #747D83 transparent; }

.dashboard-nav-holder::-webkit-scrollbar {
  width: 9px; }

.dashboard-nav-holder::-webkit-scrollbar-track {
  background: transparent; }

.dashboard-nav-holder::-webkit-scrollbar-thumb {
  background-color: #747D83;
  border-radius: 4px;
  border: 0; }

.topbar {
  background: #fff;
  height: 60px;
  position: absolute;
  z-index: 180;
  left: 0;
  top: 0;
  width: 100%; }
  .topbar .topbar-search {
    width: 200px;
    float: right;
    margin: 13px 10px 0 0; }
    .topbar .topbar-search li.empty {
      padding: 5px 10px;
      color: #999999;
      font-size: 0.9em;
      text-align: center; }
    .topbar .topbar-search i {
      color: #37a1cc; }
    .topbar .topbar-search .btn-default:hover {
      background-color: #37a1cc;
      color: #fff; }
    .topbar .topbar-search .btn-default:hover i {
      color: #fff; }
    .topbar .topbar-search input[type="text"] {
      border-right: none;
      box-shadow: none;
      font-weight: 300; }
  .topbar .alarms-button {
    float: right;
    padding: 0 10px;
    margin-top: 15px; }
  .topbar .schedule-button {
    float: right;
    padding: 0;
    margin-top: 15px; }
    .topbar .schedule-button button {
      padding: 3px 6px 1px 2px;
      display: none; }
      .topbar .schedule-button button.pub-off {
        display: inline-block;
        background-color: crimson !important; }
        .topbar .schedule-button button.pub-off .fa-ban {
          color: Tomato !important; }
      .topbar .schedule-button button.sched-off {
        display: inline-block;
        background-color: gold !important;
        color: #747D83 !important; }

img.logo {
  float: left;
  height: 60px;
  padding: 5px 20px;
  background-color: #fff; }

.k-window-content {
  width: 100%; }
  .k-window-content .k-imagebrowser .k-tiles {
    background-color: #EAF0F4; }
    .k-window-content .k-imagebrowser .k-tiles .k-state-selected {
      border-color: #ffffff; }

/*image preview tile*/
.k-imagebrowser .k-thumb img {
  height: 100%;
  width: 100%; }

.k-imagebrowser .k-tile {
  width: 200px;
  height: 50px; }

.k-imagebrowser .k-tile .k-filesize {
  float: left; }

.k-imagebrowser .k-tile strong {
  float: left;
  max-width: 100%; }

.k-filebrowser .k-thumb {
  width: 43px;
  height: 43px; }

/*image preview on input*/
.select-image img {
  width: 40px; }

#cboxWrapper {
  width: 101% !important; }

#colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 10020; }

/*
Layout planner classes
------------------------------*/
#plannerWrapper .k-widget * {
  box-sizing: border-box; }

#plannerWrapper .k-widget .k-numerictextbox .k-input {
  box-sizing: content-box; }

#plannerWrapper .k-toolbar {
  margin: 0;
  padding: 0;
  white-space: normal;
  border-width: 0; }

#plannerWrapper .k-toolbar .k-button {
  margin: 1px;
  border: none; }

.planner-wrapper .mouseInfoPanel {
  float: left;
  font-size: 0.8em;
  color: #c2ccd2;
  padding-top: 2px; }

.planner-wrapper .statusInfoDiv {
  float: right;
  width: 15px;
  padding: 2px 0; }

#plannerWrapper {
  /* */
  /* transition in, on click, to black, 0s */ }
  #plannerWrapper .btn-sm, #plannerWrapper .btn-group-sm > .btn {
    font-size: 8px; }
  #plannerWrapper .panel-group {
    margin-bottom: 0; }
  #plannerWrapper .panel {
    border: 0; }
  #plannerWrapper .panel, #plannerWrapper .panel-heading {
    background-color: #333;
    border-radius: 0; }
  #plannerWrapper .panel-heading {
    color: #fff;
    padding: 5px 10px;
    border-bottom: 1px dashed #494949; }
  #plannerWrapper .panel-body {
    padding: 0; }
  #plannerWrapper #top-pane .layoutMenu {
    background: #37A1CC none;
    flex: 1; }
    #plannerWrapper #top-pane .layoutMenu .k-overflow-anchor {
      display: none !important; }
    #plannerWrapper #top-pane .layoutMenu:before {
      content: " ";
      border-right: 1px solid #fff;
      height: 50%;
      margin: 0 4px 0 15px; }
  #plannerWrapper .search .input-group input, #plannerWrapper .search .input-group button {
    border-radius: 0;
    border: 1px solid #444;
    background-color: #494949;
    color: #c2ccd2; }
  #plannerWrapper .search .input-group input:focus {
    background-color: #cecece;
    color: #333; }
  #plannerWrapper #optimisation-racks {
    margin: 5px; }
    #plannerWrapper #optimisation-racks h4 {
      padding-top: 3px; }
      #plannerWrapper #optimisation-racks h4 a {
        font-size: 11px; }
    #plannerWrapper #optimisation-racks .alone .panel-heading {
      display: none; }
    #plannerWrapper #optimisation-racks .panel {
      margin-top: 0; }
  #plannerWrapper .panel-body {
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer */
    -khtml-user-select: none;
    /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none;
    /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none;
    /* Disable Android and iOS callouts*/
    padding: 0 !important; }
  #plannerWrapper .search-input input {
    border-radius: 0;
    border: 1px solid #494949;
    background-color: #494949;
    color: #c2ccd2; }
  #plannerWrapper .search-input input:focus {
    background-color: #cecece;
    color: #333; }
  #plannerWrapper #property-search, #plannerWrapper .form-group input, #plannerWrapper .form-group textarea {
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s; }
  #plannerWrapper #property-search:activate, #plannerWrapper .form-group input:activate, #plannerWrapper .form-group textarea:activate {
    -webkit-transition: background 0s;
    -moz-transition: background 0s;
    -ms-transition: background 0s;
    -o-transition: background 0s;
    transition: background 0s; }
  #plannerWrapper .dropdown-menu {
    min-width: auto;
    width: 100%; }
  #plannerWrapper .form-horizontal .control-label {
    padding: 7px 2px 0 5px;
    margin-bottom: 0;
    text-align: right;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #plannerWrapper .control-label.type-check {
    padding-top: 4px; }
  #plannerWrapper .form-horizontal .form-group {
    padding-bottom: 2px;
    font-size: 0.9em; }
  #plannerWrapper .form-horizontal .col-xs-8 {
    padding-right: 10px;
    padding-left: 5px; }
  #plannerWrapper .prop-list-container #tmpSpinner {
    width: 200px;
    text-align: center;
    top: 10%;
    left: 30%;
    color: #c2ccd2;
    position: absolute;
    font-size: 16px;
    white-space: nowrap;
    z-index: 100000; }
    #plannerWrapper .prop-list-container #tmpSpinner i {
      font-size: 60px;
      margin-bottom: 10px; }
  #plannerWrapper .prop-list-container .k-dropdown {
    width: 100% !important; }
  #plannerWrapper .prop-list-container .panel-title {
    white-space: nowrap; }
    #plannerWrapper .prop-list-container .panel-title i {
      width: 13px;
      font-size: 0.8em;
      display: inline-block;
      text-align: center; }
    #plannerWrapper .prop-list-container .panel-title a, #plannerWrapper .prop-list-container .panel-title a:hover, #plannerWrapper .prop-list-container .panel-title a.collapsed:hover {
      font-size: 12px;
      color: #fff;
      text-decoration: none; }
    #plannerWrapper .prop-list-container .panel-title a.collapsed {
      color: #c2ccd2; }
  #plannerWrapper .panel-heading .panel-title {
    font-size: 14px;
    color: #c2ccd2; }
    #plannerWrapper .panel-heading .panel-title span.element-type {
      position: absolute;
      right: 5px;
      color: #37A1CC; }
  #plannerWrapper .panel-heading .panel-title.with-trans {
    padding-top: 2px; }
  #plannerWrapper .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #494949;
    background-color: #494949;
    color: #c2ccd2; }
  #plannerWrapper #plannerWrapper .panel-group .panel + .panel {
    margin-top: 1px; }
  #plannerWrapper #plannerWrapper .panel {
    background-color: #444; }
  #plannerWrapper .form-horizontal h4.panel-title {
    font-size: 12px;
    padding-top: 0; }
  #plannerWrapper .form-horizontal .form-group {
    border-bottom: 1px solid #404040;
    margin: 0;
    padding-top: 2px; }
  #plannerWrapper label {
    font-weight: normal; }
  #plannerWrapper .search-input {
    position: relative; }
  #plannerWrapper .search-input input {
    padding-right: 30px;
    font-size: 12px; }
  #plannerWrapper .search-input i {
    position: absolute;
    right: 0;
    padding: 10px 12px;
    pointer-events: none;
    color: lightgrey; }
  #plannerWrapper textarea.k-textbox, #plannerWrapper textarea, #plannerWrapper input[type="text"], #plannerWrapper input[type="tel"], #plannerWrapper input[type="password"], #plannerWrapper input[type="email"], #plannerWrapper input[type="file"], #plannerWrapper input[type="number"], #plannerWrapper input[type="url"] {
    width: 100%; }
  #plannerWrapper .form-group input, #plannerWrapper .form-group textarea {
    color: #333; }
  #plannerWrapper #top-pane .k-button {
    background: #37A1CC;
    font-size: 1.8em;
    color: #fff; }
    #plannerWrapper #top-pane .k-button#type_list {
      font-size: 1.2em; }
      #plannerWrapper #top-pane .k-button#type_list:before {
        content: " ";
        border-right: 1px solid #fff;
        height: 50%;
        margin: 0 15px; }
    #plannerWrapper #top-pane .k-button:hover {
      color: #333333; }
    #plannerWrapper #top-pane .k-button:focus {
      background: #fff;
      color: #37A1CC;
      border-radius: 0; }
    #plannerWrapper #top-pane .k-button:focus:not(.k-state-disabled):not([disabled]) {
      box-shadow: none; }
  #plannerWrapper #top-pane .k-button.k-state-disabled {
    background: #37A1CC;
    background-image: none;
    opacity: 0.5; }
  #plannerWrapper .form-group .k-dropdown, #plannerWrapper .form-group .k-numerictextbox {
    width: 100%; }
  #plannerWrapper .k-slider-selection {
    background-color: #B7CF46; }
  #plannerWrapper .k-draghandle.k-state-selected, #plannerWrapper .k-draghandle.k-state-focused, #plannerWrapper .k-draghandle.k-state-focused:hover, #plannerWrapper .k-draghandle.k-state-selected:hover {
    background-color: #B7CF46;
    border-color: #B7CF46; }
  #plannerWrapper .slider-input {
    margin-left: 10px; }
    #plannerWrapper .slider-input .slider-scale {
      position: absolute;
      right: 10px;
      top: 7px; }
    #plannerWrapper .slider-input .k-slider {
      width: 100%; }

.tool {
  text-align: left;
  margin: 3px;
  width: 30px;
  height: 30px;
  display: inline;
  float: left; }

.tool div {
  margin: 2px;
  cursor: pointer;
  display: inline;
  float: left;
  width: 25px;
  height: 25px;
  max-width: 100%;
  max-height: 100%;
  /* size matters */
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  background-size: contain !important; }

#controltb img,
.k-overflow-container .k-image {
  padding: 0;
  margin: 5px 1px 5px 1px;
  height: 20px;
  /* size matters */
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  background-size: contain !important; }

.prop-list-container {
  overflow-y: auto;
  background-color: #494949 !important; }

.prop-option {
  margin: 15px 0; }

.prop-option > label:first-child {
  display: inline-block;
  margin-bottom: 5px;
  padding-right: 35px;
  text-align: left;
  width: 90%; }

#right-pane {
  overflow: hidden;
  background-color: #494949; }

#elementsListContainer tr {
  font-size: 75% !important; }

#typesListContainer {
  right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f0f0f0; }
  #typesListContainer div {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1px;
    padding: 1px;
    vertical-align: middle;
    background-color: #fff; }
    #typesListContainer div input {
      margin-left: 10px;
      margin-right: 8px; }
    #typesListContainer div label {
      font-weight: normal;
      width: 140px; }
      #typesListContainer div label span {
        position: absolute;
        right: 20px; }
  #typesListContainer div.select-all {
    background-color: #f0f0f0; }
    #typesListContainer div.select-all input {
      margin-left: 2px; }
  #typesListContainer div:hover {
    background-color: rgba(55, 161, 204, 0.5);
    color: #333; }

.planner-status-bar {
  height: 23px;
  width: 100%;
  color: #fff;
  background: #494949;
  border-top: 1px solid #c2ccd2;
  padding: 2px 4px; }

.planner-status-bar .col-xs-6 {
  padding: 0 5px; }

.planner-status-bar .col-xs-6:nth-child(2) {
  text-align: right; }

.planner-menu-expander {
  cursor: pointer;
  display: none;
  width: 100%;
  position: relative;
  border: 0; }

.planner-wrapper {
  overflow: hidden;
  min-height: 100%; }

.planner-left-pane {
  overflow: visible !important;
  z-index: 20;
  background: #1f2228 none;
  padding-top: 5px; }
  .planner-left-pane #toolbarPalette .panel-heading {
    border: 1px solid #494949;
    border-radius: 2px;
    margin: 2px 4px 0 4px;
    font-size: 14px; }
    .planner-left-pane #toolbarPalette .panel-heading a, .planner-left-pane #toolbarPalette .panel-heading a:hover, .planner-left-pane #toolbarPalette .panel-heading a.collapsed:hover {
      color: #fff;
      text-decoration: none; }
    .planner-left-pane #toolbarPalette .panel-heading a.collapsed {
      color: #c2ccd2; }

.planner-dropdown-menu {
  position: absolute;
  top: 30px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  width: 210px;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 0 solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.propsDisplay {
  border-collapse: collapse;
  width: 100%; }

.panel .property-required-missing {
  background: #a94442 !important; }

.panel-body .property-required:after {
  color: #DE4442;
  vertical-align: super;
  font-size: 90%;
  content: "*"; }

/* Hack for the color picker not showing in the properties.
This should be replaced after the color picker is working properly */
.prop-list-container .colorMenuPicker {
  top: inherit !important;
  right: 0;
  left: inherit !important;
  position: fixed !important;
  margin-top: 22px; }

.propsDisplay td {
  border: 1px solid #CCCCCC; }

.propsDisplay .propsLabel {
  font-size: 75% !important;
  width: 100px !important;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-style: italic; }

.propsDisplay .k-input,
.propsDisplay .k-button,
.propsDisplay .k-numerictextbox,
.propsDisplay .k-numeric-wrap,
.propsDisplay .k-formatted-value,
.propsDisplay .k-multiselect-wrap,
.propsDisplay .k-multiselect,
.propsDisplay .k-picker-wrap,
.propsDisplay .k-colorpicker,
.propsDisplay .k-selected-color {
  height: 100% !important;
  min-height: 20px; }

.propsDisplay .propsValue {
  color: #F00;
  font-size: 75% !important;
  vertical-align: middle; }

.propsDisplay .k-numeric-wrap {
  position: relative; }

.propsDisplay .k-dropdown-wrap,
.propsDisplay .k-button,
.propsDisplay .k-dropdown,
.propsDisplay .k-multiselect-wrap,
.propsDisplay .k-input,
.propsDisplay .k-colorpicker,
.propsDisplay .k-slider-horizontal,
.propsDisplay textarea,
.propsDisplay .k-multiselect,
.propsDisplay .k-numeric-wrap,
.propsDisplay .k-picker-wrap,
.propsDisplay .k-colorpicker,
.propsDisplay .k-selected-color {
  border-width: 0 !important;
  border-radius: 0 !important; }

.propsDisplay .k-dropdown,
.propsDisplay .k-input,
.propsDisplay .k-colorpicker,
.propsDisplay .k-slider-horizontal,
.propsDisplay textarea,
.propsDisplay .k-multiselect,
.propsDisplay .k-selected-color {
  width: 100% !important; }

.propsDisplay .k-slider {
  vertical-align: middle; }

.propsDisplay .k-input,
.propsDisplay .k-textbox {
  padding: 0 !important;
  margin: 0 !important; }

.tabstrip,
.split_tabs {
  width: 100%;
  padding: 0;
  margin: 0; }

.tabstrip .k-link {
  font-size: 8px; }

.tabstrip .k-header {
  background: #ffffff none !important; }

.tabstrip .k-content {
  border-width: 0 !important;
  border-style: none !important;
  border-top-width: 0;
  padding: 0 !important;
  margin: 0 !important; }

.tabstrip .k-tabstrip-items {
  padding: 0; }

.split_tabs .k-content {
  border-width: 0 !important;
  border-style: none !important;
  border-top-width: 0;
  padding: 0 !important;
  margin: 0 !important; }

.rack-tab .k-button {
  height: 20px;
  font-size: 8px; }

/**
Search box
**/
#top-pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
  background: #37A1CC;
  border-bottom: 1px solid #c2ccd2; }
  #top-pane .button {
    background: transparent;
    text-align: center;
    color: inherit; }
    #top-pane .button:active {
      border: 0 !important; }
    #top-pane .button:hover {
      color: #37A1CC; }

#top-pane .search-container {
  overflow: hidden;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  background: #37A1CC;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #top-pane .search-container .k-autocomplete {
    padding: 6px 12px;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 150px;
    background: #fff;
    font-size: 1em;
    font-weight: 200;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s; }
    #top-pane .search-container .k-autocomplete:focus {
      outline: none; }

#search-container-input-list {
  width: 400px !important; }

#search-container-input-list .k-item div > span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border-style: solid;
  border-width: 0 0 1px 1px;
  vertical-align: top;
  min-height: 45px;
  height: 55px;
  width: 79%;
  padding: .6em 0 0 .6em; }

#search-container-input-list .k-item div > span:first-child {
  width: 47px;
  border-left-width: 0;
  padding: .6em 0 .6em 0; }

#search-container-input-list img {
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  width: 40px;
  height: 42px; }

#search-container-input-list h3 {
  font-size: 1.6em;
  margin: 0;
  padding: 0; }

#search-container-input-list p {
  margin: 0;
  padding: 0; }

.layout-analyser:hover {
  opacity: 1;
  cursor: pointer; }

table.status-table td, table.query-results td,
table.status-table th, table.query-results th {
  border: 1px solid white;
  color: #808080;
  text-align: left;
  padding: 3px 8px 3px 5px;
  font-size: 0.9em; }

td table.child-table {
  border: 1px solid #eee; }
  td table.child-table td, td table.child-table th {
    font-size: 0.8em;
    padding: 2px; }

table.query-results {
  margin: 5px; }

table.query-results td, table.query-results th {
  padding: 3px;
  text-align: left; }

table.query-results td {
  vertical-align: top; }

table.query-results td:first-child {
  background-color: #eee;
  color: #c0c0c0; }

table.status-table tr:nth-child(odd), table.query-results tr:nth-child(odd) {
  background-color: #eee; }

table.status-table tr:nth-child(even), table.query-results tr:nth-child(even) {
  background-color: #fff; }
  table.status-table tr:nth-child(even) td, table.query-results tr:nth-child(even) td {
    border-color: #f8f8f8; }

table.status-table tr th {
  background-color: #808080;
  color: #fff;
  font-weight: normal; }

table.status-table tr th.header {
  background-color: #ccc;
  border-top: 2px solid #808080;
  border-bottom: 1px solid #c0c0c0;
  text-align: left;
  padding: 8px;
  font-size: 1.1em; }

.status-gauge {
  margin-bottom: 10px; }

.status-gauge label {
  font-weight: bold;
  display: block;
  margin-bottom: 2px; }

.status-gauge label span {
  font-weight: normal;
  padding-left: 10px; }

img.status-signal-strength {
  width: 16px;
  height: 11px;
  margin-right: 3px; }

.servertime {
  margin-top: 30px;
  background: #f5ffc9;
  border: 1px solid lightgrey;
  border-radius: 3px;
  padding: 5px; }
  .servertime p {
    margin: 0; }

pre.log .critical {
  color: crimson; }
pre.log .major {
  color: darkorange; }
pre.log .warning {
  color: gold; }
pre.log .info {
  color: lightblue; }

/*
Coolair calculator
------------------------------*/
.coolair-calculator-wrap .coolair-calculator-form {
  float: left;
  width: 260px;
  border: 0 none;
  background-color: white;
  padding: 10px;
  margin-top: 15px;
  margin-left: 15px; }
  .coolair-calculator-wrap .coolair-calculator-form label, .coolair-calculator-wrap .coolair-calculator-form input {
    display: table; }
  .coolair-calculator-wrap .coolair-calculator-form label {
    margin-top: 7px;
    margin-bottom: 1px; }
.coolair-calculator-wrap .submit-wrap {
  padding-top: 20px;
  text-align: center; }
.coolair-calculator-wrap .chart-wrapper {
  float: left;
  margin-top: 15px;
  margin-left: 15px;
  width: auto; }

/*
Log in
------------------------------*/
.login-locales {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 30000;
  white-space: nowrap;
  padding: 12px 5px 7px;
  background-color: rgba(6, 92, 175, 0.3);
  width: 100%;
  text-align: right; }

.login-locales span {
  margin-right: 8px;
  cursor: pointer;
  opacity: 0.5;
  font-size: 1.3em; }

.login-locales span.selected {
  cursor: default;
  opacity: 1; }

.login-locales span.available:hover {
  opacity: 1; }

.strapline, .strapline-second {
  display: none; }

.login-wrap {
  position: absolute;
  width: 100%;
  height: 100%; }
  .login-wrap .login-banner {
    position: absolute;
    width: 100%;
    height: 60px;
    z-index: 15;
    top: 39%;
    margin: -25px 0 0 0;
    background-color: rgba(6, 92, 175, 0.8); }
  .login-wrap .login-content {
    position: absolute;
    width: 900px;
    z-index: 25;
    top: 40%;
    left: 50%;
    margin: -67px 0 0 -400px; }
  .login-wrap #logo, .login-wrap #login-form-wrap {
    display: inline-block;
    position: relative;
    margin: 0;
    vertical-align: top; }
  .login-wrap #login-form .input-line {
    display: inline; }
  .login-wrap #logo img {
    width: auto; }
  .login-wrap #logo {
    border: 1px transparent;
    width: 240px;
    padding: 25px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 3px; }
  .login-wrap #login-form-wrap {
    width: 650px;
    padding-left: 10px;
    margin-top: 50px; }
    .login-wrap #login-form-wrap .social {
      margin-left: 10px; }
      .login-wrap #login-form-wrap .social a, .login-wrap #login-form-wrap .social a:visited, .login-wrap #login-form-wrap .social a:hover {
        text-decoration: none; }
      .login-wrap #login-form-wrap .social a:hover {
        opacity: 0.8; }
      .login-wrap #login-form-wrap .social a {
        display: block;
        max-width: 180px;
        width: 180px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        border-radius: 3px;
        background-color: #1D5099;
        color: whitesmoke;
        margin-bottom: 5px; }
        .login-wrap #login-form-wrap .social a div {
          padding: 5px;
          display: inline-block; }
        .login-wrap #login-form-wrap .social a .brand {
          font-size: 1.2em;
          background-color: #2A7EE0;
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
          width: 35px;
          text-align: center;
          color: white; }
        .login-wrap #login-form-wrap .social a .text {
          padding-left: 12px;
          padding-right: 15px; }
      .login-wrap #login-form-wrap .social a.google {
        background-color: #D1514C; }
        .login-wrap #login-form-wrap .social a.google .brand {
          background-color: #DE8C8A; }
      .login-wrap #login-form-wrap .social a.facebook {
        background-color: #4F8BCC; }
        .login-wrap #login-form-wrap .social a.facebook .brand {
          background-color: #88B2DC; }
      .login-wrap #login-form-wrap .social a.yahoo {
        background-color: #5F09D6; }
        .login-wrap #login-form-wrap .social a.yahoo .brand {
          background-color: #7109FF; }
      .login-wrap #login-form-wrap .social a.github {
        background-color: #25292E; }
        .login-wrap #login-form-wrap .social a.github .brand {
          background-color: #4D5B63; }
      .login-wrap #login-form-wrap .social a.dropbox {
        background-color: #2963FF; }
        .login-wrap #login-form-wrap .social a.dropbox .brand {
          background-color: #4C86FF; }
      .login-wrap #login-form-wrap .social a.okta {
        background-color: #D92565; }
        .login-wrap #login-form-wrap .social a.okta .brand {
          background-color: #ff2c73; }
        .login-wrap #login-form-wrap .social a.okta .brand:before {
          content: "{ }"; }
  .login-wrap .login-welcome {
    color: white;
    padding: 2px 0 10px 0; }
    .login-wrap .login-welcome h1 {
      padding: 0;
      margin: 0; }
  .login-wrap .error {
    margin-top: 10px;
    margin-left: 10px;
    color: #fffc71;
    opacity: 0; }
  .login-wrap form {
    padding: 7px 0 0;
    margin: 0; }
  .login-wrap label {
    display: none; }
  .login-wrap input {
    margin: 10px;
    width: 150px; }
  .login-wrap input[type=submit] {
    color: white;
    border: 1px solid #2196F3;
    background-color: rgba(6, 92, 175, 0.8); }
  .login-wrap input[type=submit]:hover {
    background: #fff;
    color: #333; }
  .login-wrap #rememberme {
    margin-left: 10px; }
    .login-wrap #rememberme input {
      width: 10px;
      margin: 5px;
      vertical-align: middle; }

/*
Gauges
------------------------------*/
.gauge-wrapper {
  overflow: hidden;
  background-color: #FFFFFF; }

#gauge-container {
  -webkit-text-stroke: 0 !important;
  -webkit-font-smoothing: antialiased !important; }

.entity-search form {
  background-color: white;
  overflow-y: visible;
  padding-right: 0;
  transition: all .4s; }
  .entity-search form input[type=submit] {
    display: none; }
.entity-search .type-list, .entity-search .dcu-list {
  max-height: 200px;
  overflow-y: auto; }
.entity-search #results .spinner {
  text-align: center;
  padding: 45px;
  font-size: 50pt;
  opacity: 0.4; }
.entity-search #results .nothingfound {
  text-align: center;
  padding: 50px; }
.entity-search #results .pagerContainer {
  padding-left: 20px; }
  .entity-search #results .pagerContainer div ul.pagination {
    margin-bottom: 10px; }
.entity-search .k-combobox {
  width: 100%; }
.entity-search .filter-button {
  margin-right: 5px; }
.entity-search .filter {
  margin-top: 8px; }
.entity-search .header {
  background-color: #ffffff;
  border-bottom: 1px solid lightgrey;
  min-height: 30px;
  left: 0;
  right: 0;
  position: fixed;
  top: 0;
  padding: 10px 20px;
  z-index: 100;
  height: 55px;
  transition: all .4s; }
.entity-search .filter-sidebar {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0;
  padding: 15px 0;
  background-color: whitesmoke;
  color: #333;
  border-left: 1px solid lightgrey;
  overflow: auto;
  transition: all .4s; }
  .entity-search .filter-sidebar .sidebar-title {
    padding: 7px 0 10px 0;
    border-bottom: 1px solid grey; }
  .entity-search .filter-sidebar .filter-sidebar-inner {
    width: 220px;
    overflow: hidden; }
.entity-search .filter {
  display: none; }
.entity-search.filter-options form {
  padding-right: 250px; }
.entity-search.filter-options .filter-sidebar {
  width: 250px;
  padding: 15px;
  display: block; }
.entity-search.filter-options .header, .entity-search.filter-options footer {
  right: 250px; }
.entity-search.filter-options .filter-sidebar {
  z-index: 100; }
.entity-search .results {
  transition: all .4s;
  padding: 35px 0 50px 200px; }
.entity-search .selected {
  position: fixed;
  width: 200px;
  top: 55px;
  bottom: 55px;
  z-index: 100;
  background-color: whitesmoke;
  border-right: 1px solid lightgrey;
  transition: all .4s;
  padding: 10px; }
.entity-search .selected-open .selected {
  left: 0; }
.entity-search footer {
  background-color: whitesmoke;
  border-top: 1px solid lightgrey;
  left: 0;
  right: 0;
  position: fixed;
  bottom: 0;
  padding: 10px 20px;
  transition: all .4s; }
.entity-search footer .col-xs-6:nth-child(2) {
  text-align: right; }
.entity-search .results ul#entity-result-list {
  list-style-type: none;
  padding: 10px;
  padding-top: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto; }
  .entity-search .results ul#entity-result-list li {
    border: 1px solid lightgrey;
    padding: 5px 25px 5px 5px;
    margin: 5px 15px 5px 20px;
    cursor: pointer;
    position: relative; }
    .entity-search .results ul#entity-result-list li:before {
      position: absolute;
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      top: 0;
      right: 5px;
      content: "";
      font-size: 1.7em;
      color: #666; }
    .entity-search .results ul#entity-result-list li:hover:before {
      content: "\f0fe"; }
    .entity-search .results ul#entity-result-list li:hover {
      background-color: #f0f0f0; }
    .entity-search .results ul#entity-result-list li a {
      text-decoration: none;
      color: #333; }
    .entity-search .results ul#entity-result-list li.CategoryEntity {
      box-shadow: -10px 0px 0px #333; }
    .entity-search .results ul#entity-result-list li.TransducerEntity {
      box-shadow: -10px 0px 0px #6a9625; }
    .entity-search .results ul#entity-result-list li.RoomEntity {
      box-shadow: -10px 0px 0px #6f2a15; }
    .entity-search .results ul#entity-result-list li.SystemEntity {
      box-shadow: -10px 0px 0px #188eca; }
    .entity-search .results ul#entity-result-list li.SiteEntity {
      box-shadow: -10px 0px 0px #246d6c; }
.entity-search .entity .entity-label {
  font-weight: bold;
  line-height: 18px; }
  .entity-search .entity .entity-label span.extra {
    font-weight: normal;
    color: #747D83; }
.entity-search .selected h2 {
  font-size: 1em;
  color: grey;
  margin-bottom: 10px; }
.entity-search #searchEntityBasket {
  max-height: 200px;
  overflow-y: auto;
  border: none; }
.entity-search #searchEntityBasket .k-multiselect-wrap {
  background-color: transparent; }
.entity-search #searchEntityBasket,
.entity-search #searchEntityBasket .k-multiselect-wrap {
  overflow-x: hidden; }
.entity-search #searchEntityBasket .entity-value {
  width: 100%;
  margin-bottom: 5px;
  line-height: 1.1em; }
.entity-search #searchEntityBasket div.small {
  padding-top: 5px;
  line-height: 1.1em; }
.entity-search .selected .btn {
  margin-top: 10px; }

.smartsetNotification {
  width: 330px;
  margin: 5px; }
  .smartsetNotification td {
    vertical-align: middle;
    text-align: left; }
    .smartsetNotification td i {
      font-size: 2em;
      margin-right: 10px;
      margin-left: 5px; }
  .smartsetNotification td.message {
    width: 100%; }
  .smartsetNotification td.licence {
    width: 100%; }
    .smartsetNotification td.licence div.warning {
      line-height: 1.5em;
      opacity: 0.95;
      font-size: 1em; }
      .smartsetNotification td.licence div.warning span {
        font-weight: bold; }
    .smartsetNotification td.licence div.contact {
      padding-top: 6px;
      font-size: 0.9em; }

.k-widget.k-notification.k-notification-info {
  background-color: #e5f5fa;
  color: #2498bc;
  border-color: #b6e3f1; }

.k-widget.k-notification.k-notification-success {
  background-color: #eaf7ec;
  color: #6e6e6e;
  border-color: #c5e9cb; }

.k-widget.k-notification.k-notification-warning {
  background-color: #ffe79e;
  color: #666;
  border-color: #ffe38f; }

.k-widget.k-notification.k-notification-error {
  background-color: #ffe0d9;
  color: #6e6e6e;
  border-color: #ffb6a6; }

.k-animation-container {
  z-index: 10000002 !important; }

.bold {
  font-weight: bold !important; }

.inline {
  display: inline; }

fieldset .input-line.inline {
  display: inline; }

.simpleSliderContainer {
  width: 160px;
  border: 1px solid silver !important; }

.simpleSliderContainer td {
  border-collapse: collapse;
  border: none;
  padding: 0 5px;
  margin: 0; }

.simpleSliderMin, .simpleSliderMax {
  width: 20px !important; }

.simpleSliderNotice {
  text-align: center;
  color: #666; }

.simpleSliderInput {
  width: 130px !important; }

.alarm-color-critical {
  color: crimson; }

.alarm-color-major {
  color: darkorange; }

.alarm-color-warning {
  color: gold; }

.alarm-color-info {
  color: lightblue; }

.alarm-bgcolor-critical {
  background-color: crimson; }

.alarm-bgcolor-major {
  background-color: darkorange; }

.alarm-bgcolor-warning {
  background-color: gold; }

.alarm-bgcolor-info {
  background-color: lightblue; }

.alarm-border-color-critical {
  border-color: crimson; }

.alarm-border-color-major {
  border-color: darkorange; }

.alarm-border-color-warning {
  border-color: gold; }

.alarm-border-color-info {
  border-color: lightblue; }

.alarm-container {
  font-size: 14px !important;
  /* Chart Styles */ }
  .alarm-container button span {
    display: inline-block !important; }
  .alarm-container .tab-content,
  .alarm-container #alarm_alarm_open_title,
  .alarm-container #alarm_alarm_open_title .container-fluid,
  .alarm-container #alarm_alarm_open_title .container-fluid {
    height: 100%; }
  .alarm-container .panel {
    border-radius: 0; }
  .alarm-container .header {
    border-bottom: 1px solid lightgrey; }
  .alarm-container .alarm-content-empty {
    text-align: center;
    padding-top: 50px;
    display: none; }
  .alarm-container.no-alarms .alarm-content,
  .alarm-container.no-alarms .sort-options .dropdown {
    display: none; }
  .alarm-container.no-alarms .alarm-content-empty {
    display: block; }
  .alarm-container .severity-tabs {
    padding: 0 20px;
    margin: 0 -20px;
    /* .severity-tab */ }
    .alarm-container .severity-tabs .severity-tab {
      margin: 0 20px;
      display: inline-block;
      list-style: none;
      transition: all .4s; }
      .alarm-container .severity-tabs .severity-tab:nth-child(1) {
        margin-left: 0; }
      .alarm-container .severity-tabs .severity-tab a {
        color: #333;
        display: block;
        text-decoration: none;
        border-bottom: 3px solid transparent;
        transition: all .4s; }
        .alarm-container .severity-tabs .severity-tab a .severity-count {
          font-size: 40px;
          color: #EBECE9; }
        .alarm-container .severity-tabs .severity-tab a .severity-label {
          line-height: 1.3;
          margin-left: 5px; }
        .alarm-container .severity-tabs .severity-tab a .severity-count,
        .alarm-container .severity-tabs .severity-tab a .severity-label {
          display: inline-block; }
      .alarm-container .severity-tabs .severity-tab.severity-critical a:hover, .alarm-container .severity-tabs .severity-tab.severity-critical.active a {
        border-bottom: 3px solid crimson; }
      .alarm-container .severity-tabs .severity-tab.severity-critical.update {
        background-color: crimson; }
      .alarm-container .severity-tabs .severity-tab.severity-critical .severity-count {
        color: crimson; }
      .alarm-container .severity-tabs .severity-tab.severity-major a:hover, .alarm-container .severity-tabs .severity-tab.severity-major.active a {
        border-bottom: 3px solid darkorange; }
      .alarm-container .severity-tabs .severity-tab.severity-major.update {
        background-color: darkorange; }
      .alarm-container .severity-tabs .severity-tab.severity-major .severity-count {
        color: darkorange; }
      .alarm-container .severity-tabs .severity-tab.severity-warning a:hover, .alarm-container .severity-tabs .severity-tab.severity-warning.active a {
        border-bottom: 3px solid gold; }
      .alarm-container .severity-tabs .severity-tab.severity-warning.update {
        background-color: gold; }
      .alarm-container .severity-tabs .severity-tab.severity-warning .severity-count {
        color: gold; }
      .alarm-container .severity-tabs .severity-tab.severity-info a:hover, .alarm-container .severity-tabs .severity-tab.severity-info.active a {
        border-bottom: 3px solid lightblue; }
      .alarm-container .severity-tabs .severity-tab.severity-info.update {
        background-color: lightblue; }
      .alarm-container .severity-tabs .severity-tab.severity-info .severity-count {
        color: lightblue; }
      .alarm-container .severity-tabs .severity-tab.severity-all a:hover, .alarm-container .severity-tabs .severity-tab.severity-all.active a {
        border-bottom: 3px solid #333; }
      .alarm-container .severity-tabs .severity-tab.severity-all.update {
        background-color: #333; }
      .alarm-container .severity-tabs .severity-tab.severity-all .severity-count {
        color: #333; }
  .alarm-container .alarms-list {
    margin: 0;
    overflow-y: auto; }
  .alarm-container #status-section, .alarm-container #weather-section {
    max-height: 300px;
    overflow-y: hidden; }
    .alarm-container #status-section .spinner, .alarm-container #weather-section .spinner {
      display: none; }
    .alarm-container #status-section.loading, .alarm-container #weather-section.loading {
      overflow-y: visible;
      max-height: none; }
      .alarm-container #status-section.loading .spinner, .alarm-container #weather-section.loading .spinner {
        display: block; }
        .alarm-container #status-section.loading .spinner .fa-spinner, .alarm-container #weather-section.loading .spinner .fa-spinner {
          font-size: 1.2em;
          padding: 20px; }
    .alarm-container #status-section .panel-body.has-content, .alarm-container #weather-section .panel-body.has-content {
      padding: 0;
      font-size: 85%; }
    .alarm-container #status-section .panel-body .table > tbody > tr > th:first-child,
    .alarm-container #status-section .panel-body .table > tbody > tr > td:first-child, .alarm-container #weather-section .panel-body .table > tbody > tr > th:first-child,
    .alarm-container #weather-section .panel-body .table > tbody > tr > td:first-child {
      padding-left: 15px; }
    .alarm-container #status-section .panel-body .table > tbody > tr > th, .alarm-container #weather-section .panel-body .table > tbody > tr > th {
      border-top: none; }
  .alarm-container #edit-button {
    margin-right: 2px; }
    .alarm-container #edit-button.active i:before {
      content: '\f14a'; }
  .alarm-container #select-all-button.active i:before {
    content: '\f14a'; }
  .alarm-container #bar-chart {
    height: 412px; }
  .alarm-container #line-chart {
    min-width: 100%; }
  .alarm-container div[id^='funnel-'] {
    width: 100%; }
  .alarm-container .funnel {
    text-align: center; }
  .alarm-container .chart-panel .chart-options {
    text-align: right; }
    .alarm-container .chart-panel .chart-options #show-stacked-button.active i:before {
      content: '\f14a'; }

/* .alarm-container */
.alarm-detail {
  overflow-y: auto; }
  .alarm-detail .multi-close {
    display: none; }
    .alarm-detail .multi-close .nothing-selected {
      display: none;
      color: lightgrey; }
    .alarm-detail .multi-close .textarea {
      padding-bottom: 10px; }
    .alarm-detail .multi-close #multi-close-button {
      height: 4em; }
  .alarm-detail.edit-mode {
    border: 2px dashed lightgrey;
    padding: 5px 15px 15px 15px; }
    .alarm-detail.edit-mode .multi-close {
      display: block; }
      .alarm-detail.edit-mode .multi-close .multi-close-note-description {
        display: block; }
      .alarm-detail.edit-mode .multi-close .textarea {
        display: block; }
      .alarm-detail.edit-mode .multi-close #multi-close-button {
        display: block; }
    .alarm-detail.edit-mode .panel,
    .alarm-detail.edit-mode .button-add {
      display: none !important; }
  .alarm-detail.empty {
    padding: 50px; }
    .alarm-detail.empty .multi-close .textarea {
      display: none; }
    .alarm-detail.empty .multi-close #multi-close-button {
      display: none; }
    .alarm-detail.empty .multi-close .multi-close-description,
    .alarm-detail.empty .multi-close .multi-close-note-description {
      display: none; }
    .alarm-detail.empty .multi-close .nothing-selected {
      display: block;
      text-align: center; }
  .alarm-detail .panel-title a {
    display: block; }
  .alarm-detail .row .col-xs-2 {
    padding-top: 5px; }
  .alarm-detail p {
    margin: 10px 0; }
  .alarm-detail .alarm-detail-heading {
    margin: 7px 0; }
  .alarm-detail .panel-detail.critical {
    box-shadow: 0 3px 0 crimson; }
  .alarm-detail .panel-detail.major {
    box-shadow: 0 3px 0 darkorange; }
  .alarm-detail .panel-detail.warning {
    box-shadow: 0 3px 0 gold; }
  .alarm-detail .panel-detail.info {
    box-shadow: 0 3px 0 lightblue; }
  .alarm-detail .panel-detail.acknowledged .button-ack {
    display: none !important; }
  .alarm-detail .panel-detail.acknowledged .text-ack {
    display: block;
    margin: 0; }
  .alarm-detail .panel-detail .text-ack {
    display: none; }
  .alarm-detail .panel-detail.closed .button-close {
    display: none; }
  .alarm-detail .panel-detail.closed .text-close {
    display: block;
    margin: 0; }
  .alarm-detail .panel-detail .text-close {
    display: none; }
  .alarm-detail .panel-detail .ack-container, .alarm-detail .panel-detail .close-container {
    padding-bottom: 10px; }

.alarm-list {
  padding: 0;
  /* Height is set programmatically with js */ }
  .alarm-list.loading .list {
    /* Hide the list when we're loading alarms. */
    display: none; }
  .alarm-list .spinner {
    display: none;
    text-align: center; }
  .alarm-list.loading .spinner {
    /* Display the spinner, when we're in a loading sequence. */
    display: block; }
  .alarm-list .list {
    display: block; }
  .alarm-list .list-group .list-group-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative; }
    .alarm-list .list-group .list-group-item.critical .indicator {
      background-color: crimson; }
    .alarm-list .list-group .list-group-item.major .indicator {
      background-color: darkorange; }
    .alarm-list .list-group .list-group-item.warning .indicator {
      background-color: gold; }
    .alarm-list .list-group .list-group-item.info .indicator {
      background-color: lightblue; }
    .alarm-list .list-group .list-group-item .icon {
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      width: 52px;
      left: 12px;
      padding: 15px 13px;
      text-align: center; }
      .alarm-list .list-group .list-group-item .icon i {
        font-size: 2em; }
    .alarm-list .list-group .list-group-item .indicator {
      position: absolute;
      background-color: #333;
      width: 12px;
      top: 2px;
      left: 2px;
      bottom: 2px;
      border: 1px solid white; }
    .alarm-list .list-group .list-group-item .item {
      padding-left: 50px; }
      .alarm-list .list-group .list-group-item .item .additional {
        margin-top: 5px; }
      .alarm-list .list-group .list-group-item .item .alarm-type {
        text-align: right; }
      .alarm-list .list-group .list-group-item .item .alarm-ack, .alarm-list .list-group .list-group-item .item .alarm-comments, .alarm-list .list-group .list-group-item .item .alarm-audio {
        text-align: center; }
      .alarm-list .list-group .list-group-item .item .alarm-time i, .alarm-list .list-group .list-group-item .item .alarm-ack i, .alarm-list .list-group .list-group-item .item .alarm-comments i {
        padding-right: 5px; }

/* .alarm-list */
.notes-timeline {
  position: relative;
  margin: 15px;
  /* .note */ }
  .notes-timeline i {
    font-size: 3em; }
  .notes-timeline article, .notes-timeline aside, .notes-timeline figure, .notes-timeline footer, .notes-timeline header, .notes-timeline hgroup, .notes-timeline menu, .notes-timeline nav, .notes-timeline section {
    display: block; }
  .notes-timeline p {
    margin: 0 0 1em; }
  .notes-timeline:before {
    width: 3px;
    top: -15px;
    bottom: -15px;
    background: rgba(0, 0, 0, 0.1); }
  .notes-timeline .note {
    overflow: hidden;
    padding: 0 0 1em;
    border-bottom: 1px dashed #ddd;
    margin: 0 0 1em;
    *zoom: 1;
    position: relative;
    width: 100%; }
    .notes-timeline .note:last-child {
      margin-bottom: 0;
      padding-bottom: 0.5em; }
    .notes-timeline .note .note-img {
      float: left;
      margin-right: 33px;
      overflow: hidden; }
      .notes-timeline .note .note-img img {
        display: block; }
    .notes-timeline .note .note-body {
      overflow: hidden; }
      .notes-timeline .note .note-body .text {
        padding: 10px;
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        background: #fff; }
        .notes-timeline .note .note-body .text p:last-child {
          margin: 0; }
        .notes-timeline .note .note-body .text.text:before {
          top: 18px;
          left: 78px;
          width: 9px;
          height: 9px;
          border-width: 0 0 1px 1px;
          border-style: solid;
          border-color: #e5e5e5;
          background: #fff;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg); }
      .notes-timeline .note .note-body .empty-text {
        padding: 5px; }
      .notes-timeline .note .note-body .attribution {
        margin: 0.5em 0 0;
        font-size: 0.9em;
        color: #666; }
    .notes-timeline .note:before {
      width: 15px;
      height: 15px;
      border: 3px solid #fff;
      border-radius: 100px;
      margin: 16px 0 0 -6px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
      background: #ccc;
      top: 0; }
    .notes-timeline .note:hover:before {
      background: #37A1CC; }

/* .notes-timeline */
.notes-timeline:before,
.note:before,
.note .text:before {
  content: "";
  position: absolute;
  left: 65px; }

#notes-section .panel-body {
  padding: 0;
  max-height: 200px;
  overflow-y: auto; }

.filters {
  padding: 5px;
  background-color: #f5f5f5;
  border-bottom: 1px solid lightgrey; }
  .filters .btn-group, .filters .btn {
    margin-left: 2px; }
  .filters .btn-group.pull-right:nth-child(1) {
    padding-right: 0; }
  .filters #show-closed-button.active i:before {
    content: '\f14a'; }

.sort-options {
  padding: 5px;
  background-color: #f5f5f5;
  border-bottom: 1px solid lightgrey; }

.notes-timeline .note-img i {
  width: 50px;
  height: 50px;
  padding: 10px; }

.notes-timeline.empty:before {
  background: none; }

.tab-container {
  padding-top: 9px;
  text-align: right; }
  .tab-container .nav-tabs {
    border-bottom: none; }

.filters-reset-button {
  padding: 0 10px; }

.refresh-button {
  margin-left: 10px; }

.refresh-button,
.chart-button,
.filters-reset-button {
  font-size: 1.5em;
  color: #333; }

.chart-content,
.alarm-content {
  display: none;
  padding: 15px; }
  .chart-content.active,
  .alarm-content.active {
    display: block; }

table.alarms-weather-table tbody > tr > td {
  vertical-align: middle; }
table.alarms-weather-table .meteocons-icon {
  font-size: 50px; }

/* Legacy Styles - NEEDS TIDYUP */
.popover {
  min-width: 300px;
  max-width: 450px; }

.alarms-popover-content .list-group {
  max-height: 400px;
  overflow: auto; }

#alarms-show-all {
  font-size: 12px; }

.empty-alarms {
  text-align: center;
  padding: 10px 0; }

#alert-nav-item {
  border-color: transparent;
  color: white;
  transition: all .3s;
  background-color: #c2ccd2; }
  #alert-nav-item .badge {
    background-color: white;
    display: inline-block !important;
    color: #c2ccd2; }
  #alert-nav-item.critical {
    background-color: crimson; }
    #alert-nav-item.critical .badge {
      color: crimson; }
  #alert-nav-item.ok {
    background-color: #B7CF46; }
    #alert-nav-item.ok .badge {
      color: #B7CF46; }
  #alert-nav-item.major {
    background-color: darkorange; }
    #alert-nav-item.major .badge {
      color: darkorange; }
  #alert-nav-item.warning {
    background-color: gold; }
    #alert-nav-item.warning .badge {
      color: gold; }
  #alert-nav-item.info {
    background-color: lightblue; }
    #alert-nav-item.info .badge {
      color: lightblue; }
  #alert-nav-item:hover {
    background-color: #333; }

#alarmentity h2 {
  position: absolute;
  right: 15px;
  top: 18px; }

.c-menu .severity-tabs {
  padding: 0;
  margin: 0 0 10px 0;
  display: flex;
  display: -webkit-flex; }
  .c-menu .severity-tabs .tab {
    background-color: transparent;
    border-bottom: 3px solid transparent;
    padding: 15px;
    display: inline-block;
    list-style: none;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
    color: #333;
    font-size: 1.2em;
    box-shadow: 0 3px 0 transparent;
    cursor: pointer;
    transition: all .3s; }
    .c-menu .severity-tabs .tab a {
      color: #333;
      text-decoration: none; }
    .c-menu .severity-tabs .tab.critical {
      border-bottom: 3px solid crimson; }
      .c-menu .severity-tabs .tab.critical a {
        color: crimson; }
      .c-menu .severity-tabs .tab.critical.active {
        box-shadow: 0 3px 0 crimson; }
    .c-menu .severity-tabs .tab.major {
      border-bottom: 3px solid darkorange; }
      .c-menu .severity-tabs .tab.major a {
        color: darkorange; }
      .c-menu .severity-tabs .tab.major.active {
        box-shadow: 0 3px 0 darkorange; }
    .c-menu .severity-tabs .tab.warning {
      border-bottom: 3px solid gold; }
      .c-menu .severity-tabs .tab.warning a {
        color: gold; }
      .c-menu .severity-tabs .tab.warning.active {
        box-shadow: 0 3px 0 gold; }
    .c-menu .severity-tabs .tab.info {
      border-bottom: 3px solid lightblue; }
      .c-menu .severity-tabs .tab.info a {
        color: lightblue; }
      .c-menu .severity-tabs .tab.info.active {
        box-shadow: 0 3px 0 lightblue; }
    .c-menu .severity-tabs .tab.all {
      border-bottom: 3px solid #333; }
      .c-menu .severity-tabs .tab.all a {
        color: #333; }
      .c-menu .severity-tabs .tab.all.active {
        box-shadow: 0 3px 0 #333; }

.c-mask {
  z-index: 190 !important; }

.back-to-top {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  color: #f5f5f5;
  display: block;
  z-index: 100;
  display: none;
  bottom: 3px;
  right: 10px;
  cursor: pointer; }
  .back-to-tophover {
    background-color: rgba(0, 0, 0, 0.9); }

#alarms-menu {
  padding: 10px; }
  #alarms-menu.alarm-list .list-group {
    margin-bottom: 0;
    position: relative; }
    #alarms-menu.alarm-list .list-group .list-group-item {
      outline: none; }
      #alarms-menu.alarm-list .list-group .list-group-item .alarm-time {
        width: 60%; }
      #alarms-menu.alarm-list .list-group .list-group-item .alarm-comments {
        width: 40%; }
      #alarms-menu.alarm-list .list-group .list-group-item .alarm-ack,
      #alarms-menu.alarm-list .list-group .list-group-item .alarm-audio {
        display: none; }
      #alarms-menu.alarm-list .list-group .list-group-item.list-spinner {
        text-align: center; }
  #alarms-menu .c-menu__close {
    border: none;
    background-color: transparent;
    margin-bottom: 15px;
    padding: 15px 10px !important;
    border-bottom: 1px solid #efefef; }
    #alarms-menu .c-menu__close:hover {
      background-color: #efefef;
      color: #777;
      border-bottom-color: transparent; }

.alarms-mute {
  border-radius: 0;
  outline: none;
  color: #777; }
  .alarms-mute span.unmute {
    display: none; }
  .alarms-mute span.mute {
    display: inline; }
  .alarms-mute.muted span.unmute {
    display: inline; }
    .alarms-mute.muted span.unmute i {
      color: red; }
  .alarms-mute.muted span.mute {
    display: none; }
  .alarms-mute.toolbar {
    border-radius: 3px; }

.c-menu {
  z-index: 1000; }
  .c-menu .menu-header {
    height: 65px; }
  .c-menu .menu-footer {
    border-top: 1px solid #efefef;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: transparent;
    height: 55px;
    padding: 15px 5px; }
  .c-menu .menu-body {
    position: absolute;
    top: 65px;
    bottom: 65px;
    left: 0;
    right: 0;
    overflow-y: auto; }
  .c-menu .menu-content {
    position: relative;
    height: 100%;
    width: 100%; }

.minified .profile {
  padding: 10px 11px;
  margin: 0; }
  .minified .profile div {
    padding: 0; }
  .minified .profile img {
    width: 28px;
    margin: 0;
    padding: 8px 0; }
  .minified .profile h2 {
    display: none; }
  .minified .profile a {
    font-size: 14px;
    padding: 6px 6px 6px 2px; }
    .minified .profile a i {
      font-size: 19px;
      color: #37A1CC; }
      .minified .profile a i:hover {
        color: #fff; }
    .minified .profile a span {
      display: none; }
  .minified .profile a:first-of-type {
    padding-left: 6px; }
.minified #main {
  margin-left: 50px; }
.minified aside {
  width: 50px;
  overflow: visible; }

/* The admin pill/tab bar to separate fieldsets */
.pill-bar {
  padding-bottom: 10px; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #37A1CC; }

.nav-pills > li.form-errors > a:before {
  content: "\f12a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: block;
  position: absolute;
  left: 4px;
  font-size: 14px;
  color: #CC112E; }

.chart {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  margin: 15px;
  text-align: center; }

.chart canvas {
  position: absolute;
  top: 0;
  left: 0; }

.percent {
  display: inline-block;
  line-height: 150px;
  z-index: 2; }

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em; }

.create-another {
  display: inline;
  vertical-align: middle;
  margin-right: 20px; }

#connection-test-results.success {
  color: green; }

#connection-test-results.failure {
  color: crimson; }

.presentation-mode aside {
  display: none; }
.presentation-mode .topbar {
  display: none; }
.presentation-mode #main {
  margin-left: 0;
  padding-top: 0; }
.presentation-mode #sub-menu.in {
  display: none; }
.presentation-mode .menu {
  padding-right: 50px; }
.presentation-mode #menu-status-icon {
  display: none; }
.presentation-mode #menu-btn-top {
  display: none; }
.presentation-mode #presentation-progress {
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  margin-bottom: 0;
  border-radius: 0;
  background-color: #494949;
  z-index: 1;
  height: 5px; }
.presentation-mode .presentation-stop-link {
  display: block;
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 3px 6px; }
.presentation-mode .body-padding {
  padding: 0; }

.presentation-stop-link {
  display: none; }

/* Action dialog */
.k-window.confirmdialog {
  background-color: #747D83; }
  .k-window.confirmdialog .k-window-titlebar.k-header {
    padding: 9px 0 7px; }
  .k-window.confirmdialog div.k-window-content.confirm-dialog {
    color: #fff;
    background-color: transparent;
    padding: 15px;
    margin-top: 6px;
    overflow: hidden;
    text-align: center; }
    .k-window.confirmdialog div.k-window-content.confirm-dialog b {
      font-size: 3em;
      display: table-cell;
      padding-right: 10px; }
    .k-window.confirmdialog div.k-window-content.confirm-dialog span {
      text-align: left;
      display: table-cell;
      vertical-align: middle;
      font-size: 1.1em; }
    .k-window.confirmdialog div.k-window-content.confirm-dialog div.buttonbar {
      width: 100%;
      margin: auto;
      position: absolute;
      bottom: 10px; }
      .k-window.confirmdialog div.k-window-content.confirm-dialog div.buttonbar .k-button {
        margin-right: 5px;
        margin-left: 5px; }

/* Modal screen used for the dashboard change ownership */
.modal-popup.modal-content {
  background-color: white;
  position: absolute;
  z-index: 10000;
  top: 100px;
  width: 500px;
  text-align: center;
  vertical-align: middle;
  color: #333333; }

.modal-popup.modal-content fieldset {
  margin: 10px;
  text-align: left; }

.modal-popup.modal-content fieldset legend {
  text-align: left;
  font-size: 1.2em;
  float: left; }

.modal-popup.modal-content label {
  font-size: 1.2em; }

.col-md-3, .col-md-9 {
  background-color: white; }

.simulation-image {
  display: none; }

.simulation-info {
  font-size: 11px;
  color: grey; }

.optimisation-header {
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .optimisation-header h1 {
    padding: 0 0 20px 0; }

.simulation-info i {
  font-size: 15px; }

.optimisation-list i, .simulation-info i {
  padding-right: 5px; }

.rooms-search {
  padding-bottom: 10px; }

.thumbnails .detail {
  display: none; }
.thumbnails .panel-body {
  padding: 0; }
.thumbnails .thumbnail {
  margin-bottom: 0 !important;
  padding: 0; }

@media only screen and (max-width: 1023px) {
  .optimisation-list .thumbnail {
    display: none; } }
.blink {
  -webkit-animation: blink 700ms infinite alternate;
  -moz-animation: blink 700ms infinite alternate;
  -o-animation: blink 700ms infinite alternate;
  animation: blink 700ms infinite alternate; }

@-webkit-keyframes blink {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-o-keyframes blink {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-moz-keyframes blink {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes blink {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.simulationHiddenData {
  display: none;
  visibility: hidden; }

.simulationVisibleData {
  display: block; }

a.thumbnail.planview {
  margin-bottom: 5px; }

.temperature {
  display: block;
  width: 100%;
  height: 20px;
  background-size: 100% 20px; }
  .temperature ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden; }
    .temperature ul li {
      width: 30%;
      float: left; }
      .temperature ul li a {
        display: block;
        width: 60px;
        margin-left: 30%;
        color: #ffffff; }

.defaultplanview {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.comparison-view th {
  background-color: #fff;
  color: #1f2228;
  width: 40%;
  white-space: nowrap; }
.comparison-view thead th {
  text-align: center; }
  .comparison-view thead th.actions {
    text-align: left; }
.comparison-view tbody th.heading {
  text-indent: 0; }
.comparison-view tbody th {
  text-indent: 20px; }
.comparison-view tbody td {
  background-color: #f5f5f5;
  text-align: center; }
.comparison-view .diff {
  background-color: #2da0ce;
  color: #fff;
  border-color: #fff; }
.comparison-view tr:hover .diff {
  color: #1f2228; }
.comparison-view td.spacer {
  background-color: #fff; }

.comparison-view > thead > tr > th {
  border-bottom: 1px solid #ddd; }

div[id^='roomplan'] img {
  width: 100%; }

.export-view {
  display: none; }

.optimisation-header {
  padding-bottom: 10px; }

.options {
  text-align: right; }

.room-select {
  position: absolute;
  left: -6000px;
  top: 0;
  width: 100%;
  height: 100%;
  transition: .75s;
  background-color: rgba(31, 34, 40, 0.9);
  padding: 20px;
  z-index: 1000; }

.room-select.in {
  left: 0; }

.room-select h1 {
  font-size: 24px; }

.room-select h1 a {
  float: right;
  color: white;
  text-decoration: none; }

.room-select p.lead {
  font-size: 21px; }

.room-select h1, .room-select p.lead {
  color: #fff; }

.room-select .optimisation-list .thumbnail {
  /*height: 100%;*/ }

.room-select .optimisation-list .thumbnail:hover {
  background-color: #ebece9; }

.room-select .optimisation-list .thumbnail img {
  width: 100%; }

.room-select .optimisation-list {
  list-style-type: none;
  overflow-y: auto;
  height: 100%; }

.room-select .optimisation-list li {
  float: left;
  width: 20%;
  height: 350px;
  margin: 5px;
  line-height: 350px;
  color: #fff;
  cursor: pointer; }

.clearfix::after {
  clear: both; }

.clearfix::before, .clearfix::after {
  content: " ";
  display: table; }

.thumbnails .defaultplanview, .thumbnails .planview {
  margin-bottom: 0;
  border: none; }

.page-header.optimisation {
  margin-top: 0; }

.extra-info {
  text-align: center;
  font-weight: bold; }

.plus {
  background-color: #EF3F3F !important; }

.minus {
  background-color: #7EBC56 !important; }

.imagemaxview {
  position: relative;
  float: left;
  width: 50%; }

.optimisationprogressbar {
  width: 100%; }

.planstopsimulation {
  display: none;
  margin-top: 10px; }

.temperature-scale {
  color: grey;
  margin-bottom: 20px; }
  .temperature-scale .heatmapscale {
    cursor: pointer; }

.temperature-scale .labels-top .col-xs-6:nth-child(2) {
  text-align: right; }

.temperature-scale .labels-bottom .col-xs-4:nth-child(2) {
  text-align: center; }

.temperature-scale .labels-bottom .col-xs-4:nth-child(3) {
  text-align: right; }

.temperature-scale .scale {
  margin: 5px 0; }

.temperature-scale .scale {
  border: 1px solid #aaaaaa; }

.temperature-scale .scale img {
  width: 100%;
  height: 22px; }

.panel.simulating .overlay {
  display: block; }

.overlay {
  display: none; }

.overlay {
  background-color: rgba(240, 240, 240, 0.9);
  border: 1px solid #cecece;
  position: absolute;
  right: 15px;
  left: 15px;
  top: 0;
  bottom: 20px;
  text-align: center;
  z-index: 2;
  border-radius: 4px; }

.overlay .content {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); }

.optimisationprogressbar {
  width: 95%; }

.scale-col-width {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

div#control-toggles label {
  margin: 5px;
  padding: 1px 3px;
  border-radius: 4px;
  border: 1px solid #808080;
  background-color: #f5f5f5;
  display: inline-block;
  width: 10%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

div.control-log {
  border: 1px solid #CCCCCC;
  border-radius: 4px; }
  div.control-log p {
    margin: 5px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #B7E1F0;
    background-color: #E5F5FA;
    color: #0487C4; }
    div.control-log p i {
      padding-right: 4px; }
  div.control-log p.error {
    border-color: #FFB7A8;
    background-color: #FFE0D9;
    color: #EF470A; }
  div.control-log p.condition, div.control-log p.warning {
    border-color: #f2da9d;
    background-color: #FFF4D9;
    color: #a67541; }
  div.control-log p.debug {
    border-color: #808080;
    background-color: #f5f5f5;
    color: #808080; }
  div.control-log p.comment {
    border: 0;
    background-color: transparent;
    color: #808080;
    margin-top: 8px;
    margin-bottom: 0;
    padding-bottom: 0; }

.diffinsert {
  color: #00A95C;
  font-weight: bold; }

.diffdelete {
  color: #AF2018;
  font-weight: bold; }

.licencing form {
  width: 90%;
  padding: 0;
  margin: auto; }
  .licencing form p {
    margin-top: 20px;
    font-size: 1.1em; }
  .licencing form #licence-key {
    width: 100%;
    height: 200px;
    margin: auto auto 20px; }
.licencing .main .body {
  padding: 0; }
.licencing h1 {
  display: block; }
.licencing .feature {
  padding-left: 20px; }
.licencing .licence-detail {
  border-top: 1px dashed #b5babd;
  padding: 10px 0 20px 0; }
.licencing .licence-detail form {
  border-bottom: 1px dashed #b5babd;
  margin-bottom: 10px; }
.licencing .licence-detail textarea {
  margin-top: 10px; }
.licencing .message {
  padding: 15px 0; }
.licencing .licence-detail .form-group {
  margin-bottom: 5px; }
.licencing #modules-value, .licencing #features-value {
  padding: 6px 12px; }
.licencing .container-fluid {
  overflow-y: auto; }
.licencing #success .small {
  padding: 5px 0; }
.licencing .jumbotron {
  margin-bottom: 0;
  background-color: #fff;
  border: 1px solid #ebece9;
  padding: 10px 10px 10px 40px; }
.licencing .jumbotron h1 {
  font-size: 1.2em;
  overflow: hidden;
  white-space: nowrap; }
.licencing .sidebar div {
  text-align: left;
  margin-bottom: 7px; }
  .licencing .sidebar div .buttons {
    text-align: center; }
.licencing .sidebar div p {
  background-color: #ebece9;
  padding: 10px 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0;
  font-size: 1.4em; }
  .licencing .sidebar div p i {
    padding-right: 7px; }
.licencing .sidebar p a {
  color: #333;
  float: right;
  padding: 0 10px;
  border: 1px solid #ebece9; }
.licencing .sidebar p a:hover {
  border: 1px solid #999;
  background-color: #fff; }
.licencing .jumbotron.licence-key {
  padding-top: 27px;
  padding-bottom: 11px; }
.licencing .licence-key .key {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999; }
.licencing fieldset h1 {
  font-size: 1.2em;
  margin-bottom: 4px; }
.licencing fieldset h1 i {
  padding-right: 10px; }
.licencing fieldset .feature {
  padding-left: 34px; }
.licencing fieldset .footer {
  margin: 0 -20px -20px -20px;
  background-color: #ebece9;
  padding: 15px; }
.licencing .registered-to {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.file-element {
  display: block;
  height: 42px;
  margin: 5px;
  padding: 3px;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .file-element .file-name {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 65%; }
  .file-element .file-details {
    float: left;
    clear: left; }
  .file-element .file-delete-button, .file-element .file-play-button, .file-element .file-clear-button {
    float: right;
    margin-left: 2px; }

#filters fieldset .input-line label {
  clear: both;
  float: left;
  margin: 0; }

#filters fieldset .input-line {
  display: table;
  width: 100%; }

#filters fieldset .input-line .k-widget {
  width: 100% !important;
  display: table-cell;
  min-width: 0; }

.filter-details-box {
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
  padding-top: 15px;
  margin-top: 10px;
  width: 100%;
  display: table; }

table > tr,
.pvtTable,
.pvtAggregator,
.pvtRenderer,
.pvtUi {
  width: 100%; }

.pvtRendererArea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  width: 100%; }

.pvtAxisContainer, .pvtVals {
  max-width: 100px;
  border: 1px solid white; }

.pvtUnused {
  height: 42px;
  min-width: 180px; }

.pvtAggregator {
  margin: 0; }

.pvtRows {
  min-width: 150px; }

#feeds-config-menu.is-active {
  width: 50%; }

.pvtRenderer {
  line-height: 30px;
  height: 40px; }

.pivot-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  background: transparent;
  outline: none;
  cursor: pointer; }

.pvtAxisContainer li span.pvtAttr {
  vertical-align: middle;
  padding: 5px; }

.pivot-container .central-message {
  top: 40%;
  position: absolute;
  width: 100%;
  font-size: 35px;
  color: grey;
  font-weight: lighter; }

.pivot-container {
  text-align: center;
  vertical-align: middle; }

.pivot-container .pvtAttrDropdown {
  margin-top: 5px;
  width: 100%; }

.pivot-container select,
.pvtAttr {
  overflow: hidden;
  display: inline-block;
  color: #525252;
  font-weight: 300;
  -webkit-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
  -moz-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
  border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
  -webkit-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  -moz-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  border: solid 1px #DADADA;
  position: relative;
  padding: 5px; }

#feeds-config-menu .menu-body {
  padding: 0 10px; }

/*table styles*/
.pivot-container tr:first-child th:first-child {
  background-color: white !important;
  border: none !important; }

.pivot-container table.pvtTable tr th, table.pvtTable tr th {
  border: 1px solid #fff;
  background-color: #428bca !important;
  color: #fff; }

.pivot-container table {
  color: #333;
  font-family: sans-serif;
  font-size: .9em;
  font-weight: 300;
  text-align: left;
  /*line-height: 40px;*/
  border-spacing: 0;
  empty-cells: hide; }

.pivot-container table.pvtTable tr td {
  color: #3D3D3D;
  padding: 5px;
  background-color: #FFF;
  border: 0;
  vertical-align: middle;
  text-align: center;
  border: 1px dotted #CDCDCD; }

.pivot-container table.pvtTable .pvtTotalLabel {
  text-align: center; }

.pivot-container .pvtTotal, .pvtGrandTotal {
  background-color: #F2F2F2 !important; }

/* --------------------------------

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body.recipe {
  background: #ececec; }
  body.recipe .topbar .logout {
    font-size: 1.5em;
    color: #333333;
    line-height: 60px;
    align-items: center;
    vertical-align: middle;
    padding: 0 15px; }
    body.recipe .topbar .logout:hover {
      background: #ebebeb; }
    body.recipe .topbar .logout i {
      margin-left: 12px; }
  body.recipe #cover {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #ffffff;
    z-index: 1000000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3em; }
  body.recipe .body {
    height: 100%;
    overflow-y: auto; }
  body.recipe.requires-configuration.layout-3 div#pgcontainer {
    overflow-y: auto; }
  body.recipe.requires-configuration .recipe-header {
    position: relative;
    height: auto;
    background-color: #37A1CC;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 25px;
    font-size: 30px; }
    body.recipe.requires-configuration .recipe-header .btn {
      background: rgba(0, 0, 0, 0.1);
      border: none;
      color: #ffffff;
      margin: 20px 0; }
      body.recipe.requires-configuration .recipe-header .btn:hover {
        background: rgba(0, 0, 0, 0.3); }
    @media only screen and (min-width: 480px) {
      body.recipe.requires-configuration .recipe-header {
        align-items: center; } }
    body.recipe.requires-configuration .recipe-header > h1 {
      display: block;
      font-size: inherit;
      margin-bottom: 15px; }
      @media only screen and (min-width: 480px) {
        body.recipe.requires-configuration .recipe-header > h1 {
          margin-bottom: 10px; } }
      body.recipe.requires-configuration .recipe-header > h1 > small {
        display: block;
        color: inherit;
        opacity: .4;
        font-size: 65%; }
      @media only screen and (min-width: 480px) {
        body.recipe.requires-configuration .recipe-header > h1 > small {
          display: inline-block; } }
    body.recipe.requires-configuration .recipe-header > p {
      font-size: .5em; }
      @media only screen and (min-width: 480px) {
        body.recipe.requires-configuration .recipe-header > p {
          font-size: .6em; } }
  body.recipe.requires-configuration #pgcontainer > #main > header {
    display: none; }
  body.recipe.requires-configuration #pgcontainer > aside {
    display: none; }
  body.recipe.requires-configuration #pgcontainer > #main {
    margin-left: 0; }
  body.recipe.requires-configuration #recipe-warning {
    font-size: 1.5em;
    font-weight: 400;
    color: #ffffff;
    background: #1F2228;
    padding: 12px;
    text-align: center; }
  body.recipe #pgcontainer > #main {
    height: 100%; }
  body.recipe .recipes {
    position: relative;
    height: 100%; }
  body.recipe nav.recipe-header {
    height: 70px;
    background: #ffffff; }
  body.recipe .header {
    position: relative;
    height: 180px;
    background-color: #37A1CC;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px; }
    body.recipe .header h1 {
      text-align: center;
      font-size: 3.4rem;
      margin: 20px 0; }
      body.recipe .header h1 small {
        color: inherit;
        opacity: .4;
        font-size: 65%; }
  body.recipe .control-bar {
    padding: 15px 12px;
    background: #ffffff; }
    body.recipe .control-bar > .group {
      display: block; }
      @media only screen and (min-width: 768px) {
        body.recipe .control-bar > .group {
          display: inline-block; } }
      body.recipe .control-bar > .group.initial {
        font-size: 1.2em;
        padding: 8px 0;
        float: none;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          body.recipe .control-bar > .group.initial {
            float: right;
            text-align: right; } }
        body.recipe .control-bar > .group.initial i {
          color: #37A1CC; }
      body.recipe .control-bar > .group .recipe-search-group {
        position: relative; }
        body.recipe .control-bar > .group .recipe-search-group input {
          padding-left: 36px;
          padding-right: 30px;
          font-size: 16px;
          width: 100%; }
          @media only screen and (min-width: 768px) {
            body.recipe .control-bar > .group .recipe-search-group input {
              width: auto; } }
        body.recipe .control-bar > .group .recipe-search-group.active i:last-of-type {
          visibility: visible; }
        body.recipe .control-bar > .group .recipe-search-group i {
          position: absolute;
          font-size: 1.3em; }
          body.recipe .control-bar > .group .recipe-search-group i:first-of-type {
            left: 12px;
            top: 9px; }
          body.recipe .control-bar > .group .recipe-search-group i:last-of-type {
            cursor: pointer;
            visibility: hidden;
            right: 0;
            top: 0;
            padding: 9px 12px;
            opacity: 0.2; }
            body.recipe .control-bar > .group .recipe-search-group i:last-of-type:hover {
              opacity: 1; }
      body.recipe .control-bar > .group:not(:first-child):not(:last-child) {
        margin: 0 20px; }
  body.recipe .recipes-grid {
    padding: 2% 2% 0;
    text-align: justify;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -webkit-align-content: flex-start; }
    body.recipe .recipes-grid:after {
      content: '';
      display: inline-block;
      width: 100%; }
    body.recipe .recipes-grid .gap, body.recipe .recipes-grid .card {
      display: inline-block;
      width: 100%; }
    @media only screen and (min-width: 480px) {
      body.recipe .recipes-grid .card, body.recipe .recipes-grid .gap {
        width: 49%; } }
    @media only screen and (min-width: 768px) {
      body.recipe .recipes-grid .card, body.recipe .recipes-grid .gap {
        width: 32%; } }
    @media only screen and (min-width: 1170px) {
      body.recipe .recipes-grid .card, body.recipe .recipes-grid .gap {
        width: 24%; } }
    body.recipe .recipes-grid .fail-message {
      display: none;
      text-align: center; }
    @media only screen and (min-width: 1170px) {
      body.recipe .recipes-grid {
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s; } }
    body.recipe .recipes-grid .card {
      background: #ffffff;
      color: #333333;
      border-radius: 2px;
      display: none;
      /* Has to be none to allow the MixItUp filtering to work */
      height: 300px;
      margin-bottom: 15px;
      position: relative;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      text-align: center;
      font-size: 1.5em; }
      body.recipe .recipes-grid .card:after {
        content: "\f069";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        font-size: 20px;
        top: 20px;
        right: 20px;
        color: #37A1CC; }
      body.recipe .recipes-grid .card.smartstation:after {
        color: #B7CF46; }
      body.recipe .recipes-grid .card:hover {
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
      body.recipe .recipes-grid .card h1 {
        font-size: 100%;
        display: block; }
      body.recipe .recipes-grid .card h2 {
        font-size: 80%;
        font-weight: normal;
        color: #b3b3b3; }
      body.recipe .recipes-grid .card h1, body.recipe .recipes-grid .card h2 {
        margin: 10px 0;
        width: 100%; }
      body.recipe .recipes-grid .card > .content-wrap {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative; }
        body.recipe .recipes-grid .card > .content-wrap > .content {
          flex: 1;
          flex-direction: column;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 15px; }
        body.recipe .recipes-grid .card > .content-wrap > .footer {
          padding: 20px;
          border-top: 1px solid #f1f1f1;
          display: flex;
          background: #fff; }
          body.recipe .recipes-grid .card > .content-wrap > .footer.confirm > .mark-complete-button {
            right: 0;
            bottom: 0;
            border-radius: 0;
            width: 100%;
            height: 100%; }
            body.recipe .recipes-grid .card > .content-wrap > .footer.confirm > .mark-complete-button > :not(.icon) {
              visibility: visible; }
            body.recipe .recipes-grid .card > .content-wrap > .footer.confirm > .mark-complete-button > .icon {
              visibility: hidden; }
          body.recipe .recipes-grid .card > .content-wrap > .footer > small:first-child {
            flex: 1;
            text-align: left;
            font-size: 80%;
            color: #c2ccd2; }
          body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button {
            transition: all .3s;
            position: absolute;
            right: 25px;
            bottom: 35px;
            font-size: 1em;
            width: 50px;
            height: 50px;
            border-radius: 25px;
            padding: 0;
            background: #37A1CC;
            border: none;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            color: #ffffff;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center; }
            body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button > :not(.icon) {
              visibility: hidden; }
            body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button > .icon {
              visibility: visible;
              position: absolute;
              font-size: 1.4em;
              top: 12px;
              left: 3px; }
            body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button > .description {
              font-size: .8em;
              opacity: .8;
              margin: 10px 0;
              padding: 10px 30px;
              width: 100%; }
            body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button > .actions {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column;
              width: 100%; }
              body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button > .actions > button {
                background: transparent;
                border: none;
                padding: 8px 10px;
                width: 100%; }
                body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button > .actions > button.confirm {
                  background: #4baad1;
                  color: #ffffff; }
                body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button > .actions > button:hover {
                  background: #ffffff;
                  color: #333333; }
            body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button > i {
              padding: 0 10px; }
            body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button > span {
              display: none;
              width: 0;
              height: 0;
              opacity: 0; }
            body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button:hover {
              background: #2c81a3; }
            body.recipe .recipes-grid .card > .content-wrap > .footer > .mark-complete-button:active {
              background: black; }
  body.recipe .recipe-form {
    position: fixed;
    z-index: 2000;
    background-color: #ffffff;
    border-radius: .25em;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.8s;
    -moz-transition: visibility 0s 0.8s;
    transition: visibility 0s 0.8s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    body.recipe .recipe-form::before {
      /* never visible - this is used in jQuery to check the current MQ */
      display: none;
      content: 'mobile'; }
    body.recipe .recipe-form::after {
      /* gradient visible at the bottom of the form - to indicate it's possible to scroll */
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      height: 120px;
      width: 100%;
      border-radius: 0 0 .25em .25em;
      background-color: rgba(255, 255, 255, 0);
      background-image: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
      background-image: linear-gradient(to top,white, rgba(255, 255, 255, 0));
      pointer-events: none; }
    body.recipe .recipe-form .recipe-info {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
      text-align: center;
      background: #B7CF46;
      color: #1a1a1a;
      padding: 15px;
      font-size: 2em;
      display: flex;
      justify-content: center;
      align-items: center; }
      body.recipe .recipe-form .recipe-info h1, body.recipe .recipe-form .recipe-info h2 {
        margin-bottom: 10px; }
      body.recipe .recipe-form .recipe-info h1 {
        font-size: 70%;
        display: block; }
      body.recipe .recipe-form .recipe-info h2 {
        font-size: 60%;
        opacity: .5; }
      body.recipe .recipe-form .recipe-info .footer {
        display: none; }
        body.recipe .recipe-form .recipe-info .footer button {
          width: 50px;
          height: 50px;
          border-radius: 25px;
          border: none;
          background: #ffffff;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          font-size: 110%;
          margin: 10px 0;
          color: #333333; }
          body.recipe .recipe-form .recipe-info .footer button:hover {
            background: #37A1CC;
            color: #ffffff; }
          body.recipe .recipe-form .recipe-info .footer button > span {
            display: none;
            width: 0;
            height: 0;
            opacity: 0; }
        body.recipe .recipe-form .recipe-info .footer > small {
          font-size: 60%;
          opacity: .5;
          display: block; }
        body.recipe .recipe-form .recipe-info .footer input[type="submit"] {
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          appearance: none;
          background-color: #c2ccd2;
          color: #ffffff;
          border: none;
          cursor: pointer; }
      body.recipe .recipe-form .recipe-info > * {
        width: 100%; }
    body.recipe .recipe-form .recipe-more-info {
      position: absolute;
      z-index: 2;
      height: 100%;
      width: 210px;
      bottom: 0;
      left: 0;
      font-size: 1.3rem;
      color: #999999;
      padding: 285px 1.8em 2em;
      background-color: #f2f2f2;
      border-radius: .25em 0 0 .25em;
      /* hidden on mobile */
      display: none;
      -webkit-transition: opacity 0.6s;
      -moz-transition: opacity 0.6s;
      transition: opacity 0.6s; }
      body.recipe .recipe-form .recipe-more-info .progress-bars {
        display: flex;
        flex-direction: row;
        margin: 15px 0; }
        body.recipe .recipe-form .recipe-more-info .progress-bars > span {
          flex: 1;
          min-height: 10px;
          background: #ffffff; }
          body.recipe .recipe-form .recipe-more-info .progress-bars > span:not(:first-child):not(:last-child) {
            margin: 0 5px; }
          body.recipe .recipe-form .recipe-more-info .progress-bars > span.selected {
            background: #37A1CC; }
      body.recipe .recipe-form .recipe-more-info .label-help.title {
        font-weight: 600;
        margin-bottom: 10px; }
      body.recipe .recipe-form .recipe-more-info h3 {
        line-height: 2; }
      body.recipe .recipe-form .recipe-more-info p {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px dashed #afb8bd; }
    body.recipe .recipe-form form {
      padding-top: 90px;
      padding-bottom: 90px;
      height: 100%;
      overflow: hidden; }
      body.recipe .recipe-form form.is-scrollable {
        overflow-y: auto; }
      body.recipe .recipe-form form .recipe-footer {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border: none;
        margin: 0;
        padding: 30px;
        text-align: right;
        border-top: 1px solid #ececec;
        height: 50px;
        background: #fff;
        z-index: 1; }
        body.recipe .recipe-form form .recipe-footer button {
          width: 50px;
          height: 50px;
          border-radius: 25px;
          border: none;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          margin-left: 10px;
          font-size: 2em;
          background: #ffffff;
          position: absolute;
          top: -25px;
          right: 30px; }
          body.recipe .recipe-form form .recipe-footer button#button-previous {
            right: 95px; }
          body.recipe .recipe-form form .recipe-footer button:hover {
            color: #37A1CC; }
        body.recipe .recipe-form form .recipe-footer #button-confirm {
          background: #37A1CC;
          color: #ffffff; }
          body.recipe .recipe-form form .recipe-footer #button-confirm:hover {
            background: #010303; }
    body.recipe .recipe-form fieldset:first-of-type {
      opacity: 0;
      margin: 1.5em 2em;
      border: none; }
      body.recipe .recipe-form fieldset:first-of-type > legend {
        color: #333333;
        float: left;
        width: 100%;
        font-size: 2.3rem;
        line-height: 1.2;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 10px; }
        body.recipe .recipe-form fieldset:first-of-type > legend small {
          display: block;
          opacity: .5;
          font-size: .6em;
          color: inherit;
          margin: 10px 0; }
      body.recipe .recipe-form fieldset:first-of-type ul.success {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column; }
        body.recipe .recipe-form fieldset:first-of-type ul.success li {
          list-style-type: none;
          padding: 0;
          display: flex;
          align-items: center;
          margin-bottom: 10px;
          border-bottom: 1px dashed #e6e6e6; }
          body.recipe .recipe-form fieldset:first-of-type ul.success li > label {
            flex: 1;
            padding: 10px 0;
            font-size: 1.5em;
            font-weight: 200; }
          body.recipe .recipe-form fieldset:first-of-type ul.success li > i {
            font-size: 2em; }
    body.recipe .recipe-form .view-line {
      height: auto; }
      body.recipe .recipe-form .view-line .form-label-required {
        display: none; }
    body.recipe .recipe-form .input-line {
      display: block;
      width: 100%; }
      body.recipe .recipe-form .input-line textarea.k-textbox {
        padding: 6px;
        border: 1px solid #e6e6e6;
        font-size: 1.2rem;
        width: 100%; }
      body.recipe .recipe-form .input-line label {
        font-size: 1.2rem;
        display: block;
        width: 100%; }
      body.recipe .recipe-form .input-line .k-multiselect {
        border: none;
        width: 100%; }
      body.recipe .recipe-form .input-line:not(.view-line) .k-multiselect {
        position: relative;
        cursor: pointer;
        /*
        &:before {
          width: 26px;
          height: 26px;
          display: inline-block;
          font: normal normal normal 14px/26px "Font Awesome 5 Pro";
          font-size: 1.6em;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          transform: translate(0, 0);
          color: $primary-color;
          content: "\f055";
          position: absolute;
          z-index: 1;
          left: 12px;
          top: 8px;
          opacity: 0.2;
        }
        */ }
    body.recipe .recipe-form input[type="text"],
    body.recipe .recipe-form input[type="email"],
    body.recipe .recipe-form input[type="password"],
    body.recipe .recipe-form select {
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none; }
    body.recipe .recipe-form .k-multiselect-wrap {
      border: 1px solid #e6e6e6;
      padding: 6px; }
      body.recipe .recipe-form .k-multiselect-wrap .k-button {
        background-image: none;
        background-color: #37A1CC;
        color: #ffffff;
        font-weight: normal;
        font-size: 1.2em;
        border: 2px solid #ffffff;
        margin-right: -2px;
        padding: 0 5px 0 8px; }
        body.recipe .recipe-form .k-multiselect-wrap .k-button:hover {
          background: #3291b8; }
        body.recipe .recipe-form .k-multiselect-wrap .k-button .k-i-delete {
          width: 26px;
          height: 26px;
          display: inline-block;
          font: normal normal normal 14px/26px "Font Awesome 5 Pro";
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          transform: translate(0, 0);
          color: #ffffff;
          background-image: none; }
          body.recipe .recipe-form .k-multiselect-wrap .k-button .k-i-delete:hover {
            font-size: 1.4em; }
          body.recipe .recipe-form .k-multiselect-wrap .k-button .k-i-delete:before {
            content: "\f00d"; }
    body.recipe .recipe-form .recipe-close {
      /* 'X' close icon */
      position: absolute;
      z-index: 2;
      right: 0;
      top: 0;
      height: 40px;
      width: 40px;
      background: url("../imgs/icon-close.svg") no-repeat center center;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-transition: -webkit-transform 0.2s;
      -moz-transition: -moz-transform 0.2s;
      transition: transform 0.2s;
      /* image replacement */
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      color: transparent; }
    body.recipe .recipe-form.is-visible {
      /* form is visible */
      visibility: visible;
      -webkit-transition: visibility 0s 0s;
      -moz-transition: visibility 0s 0s;
      transition: visibility 0s 0s; }
      body.recipe .recipe-form.is-visible form {
        -webkit-overflow-scrolling: touch; }
      body.recipe .recipe-form.is-visible fieldset {
        opacity: 1;
        padding-bottom: 100px; }
      body.recipe .recipe-form.is-visible .recipe-close {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.3s 0.8s;
        -moz-transition: -moz-transform 0.3s 0.8s;
        transition: transform 0.3s 0.8s; }
    @media only screen and (min-width: 768px) {
      body.recipe .recipe-form::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop'; }
      body.recipe .recipe-form .recipe-more-info {
        display: block;
        opacity: 0; }
      body.recipe .recipe-form form {
        padding: 0 0 0 210px; }
      body.recipe .recipe-form .recipe-close {
        /* move close icon outside the form container */
        top: -40px;
        right: -5px; }
      body.recipe .recipe-form.is-visible .recipe-more-info {
        opacity: 1; } }
  body.recipe .main-content {
    position: relative;
    min-height: 100vh; }
    body.recipe .main-content::after {
      clear: both;
      content: "";
      display: table; }
  body.recipe .recipes-overlay {
    position: fixed;
    z-index: 1000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.6s 0.2s, visibility 0s 0.8s;
    -moz-transition: opacity 0.6s 0.2s, visibility 0s 0.8s;
    transition: opacity 0.6s 0.2s, visibility 0s 0.8s; }
    body.recipe .recipes-overlay.is-visible {
      opacity: 1;
      visibility: visible;
      -webkit-transition: opacity 0.8s 0s, visibility 0s 0s;
      -moz-transition: opacity 0.8s 0s, visibility 0s 0s;
      transition: opacity 0.8s 0s, visibility 0s 0s; }

#discovery-table-results a.result.used {
  color: darkslategrey; }

.body-padding {
  padding: 10px;
  overflow-y: auto; }

/*# sourceMappingURL=smartset.css.map */