@charset "UTF-8";
/*
* Custom CSS for Fledge Dashboard
* Copyright 2020, Fledge Solutions
* www.fledge.nl
*/
/* Import
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Box shadow */
/* Adds an after pseudo element with a box-shadow.
 */
/* Transitions */
/* Uses 1 required and 3 optional arguments:
 * Duration, property, timing function and delay.
 * The short and long transitions don't take arguments.
*/
/* Transforms */
/* Media Queries */
/* Background Colour
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.light, .k-pdf-export .k-state-selected {
  background-color: #ffffff !important;
  color: #333333 !important;
  background-image: none !important; }

.dark {
  background-color: #333333 !important;
  color: #ffffff !important;
  background-image: none !important; }

.primary, button.level1, .k-widget.k-window .k-window-content .k-button,
.button.level1, input.level1[type="submit"], .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link, .level1.k-button, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.k-link, input[type="submit"] {
  background-color: #f06530 !important;
  color: #ffffff !important;
  background-image: none !important; }
  .primary.lighten, button.lighten.level1, button.level1:hover, .k-widget.k-window .k-window-content .k-button:hover, button.level1:active, .k-widget.k-window .k-window-content .k-button:active, button.level1:focus, .k-widget.k-window .k-window-content .k-button:focus,
  button.level1.button:hover, button.level1.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.k-link:hover,
  button.level1.button:active, button.level1.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.k-link:active,
  button.level1.button:focus, button.level1.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.k-link:focus, .k-widget.k-window .k-window-content .lighten.k-button,
  .lighten.button.level1,
  .button.level1:hover, input.level1:hover[type="submit"], .level1.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.k-link:hover,
  .button.level1:active, input.level1:active[type="submit"], .level1.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.k-link:active,
  .button.level1:focus, input.level1:focus[type="submit"], .level1.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.k-link:focus, button.button.level1.level2:hover, .k-widget.k-window .k-window-content .level2.k-button:hover, button.level1.level2.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.level2.k-link:hover, button.button.level1.level2:active, .k-widget.k-window .k-window-content .level2.k-button:active, button.level1.level2.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.level2.k-link:active, button.button.level1.level2:focus, .k-widget.k-window .k-window-content .level2.k-button:focus, button.level1.level2.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.level2.k-link:focus,
  .button.level1.level2:hover, input.level1.level2:hover[type="submit"], .level1.level2.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.level2.k-link:hover,
  .button.level1.level2:active, input.level1.level2:active[type="submit"], .level1.level2.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.level2.k-link:active,
  .button.level1.level2:focus, input.level1.level2:focus[type="submit"], .level1.level2.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.level2.k-link:focus, button.button.level1.red:hover, .k-widget.k-window .k-window-content .red.k-button:hover, button.level1.red.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.red.k-link:hover, button.button.level1.red:active, .k-widget.k-window .k-window-content .red.k-button:active, button.level1.red.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.red.k-link:active, button.button.level1.red:focus, .k-widget.k-window .k-window-content .red.k-button:focus, button.level1.red.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.red.k-link:focus,
  .button.level1.red:hover, input.level1.red:hover[type="submit"], .level1.red.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.red.k-link:hover,
  .button.level1.red:active, input.level1.red:active[type="submit"], .level1.red.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.red.k-link:active,
  .button.level1.red:focus, input.level1.red:focus[type="submit"], .level1.red.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.red.k-link:focus, button.button.level1.green:hover, .k-widget.k-window .k-window-content .green.k-button:hover, button.level1.green.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.green.k-link:hover, button.button.level1.green:active, .k-widget.k-window .k-window-content .green.k-button:active, button.level1.green.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.green.k-link:active, button.button.level1.green:focus, .k-widget.k-window .k-window-content .green.k-button:focus, button.level1.green.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.green.k-link:focus,
  .button.level1.green:hover, input.level1.green:hover[type="submit"], .level1.green.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.green.k-link:hover,
  .button.level1.green:active, input.level1.green:active[type="submit"], .level1.green.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.green.k-link:active,
  .button.level1.green:focus, input.level1.green:focus[type="submit"], .level1.green.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.green.k-link:focus, input.lighten.level1[type="submit"],
  input.level1.button[type="submit"]:hover, .k-widget.k-window .k-window-content input.button.k-button[type="submit"]:hover,
  input.level1.button[type="submit"]:active, .k-widget.k-window .k-window-content input.button.k-button[type="submit"]:active,
  input.level1.button[type="submit"]:focus, .k-widget.k-window .k-window-content input.button.k-button[type="submit"]:focus, .k-widget.k-window .k-window-content input.lighten.k-button[type="submit"], a.lighten.level1.button, a.level1.button:hover, .k-widget.k-window .k-window-content a.button.k-button:hover, a.level1.button:active, .k-widget.k-window .k-window-content a.button.k-button:active, a.level1.button:focus, .k-widget.k-window .k-window-content a.button.k-button:focus, .k-widget.k-window .k-window-content a.lighten.button.k-button, .k-widget.k-window .k-window-content .lighten.button.k-button, .k-widget.k-window .k-window-content button.button.k-button.level1:hover, .k-widget.k-window .k-window-content button.k-button.level1:hover, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.level1.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.level1.k-link:hover, .k-widget.k-window .k-window-content button.button.k-button.level1:active, .k-widget.k-window .k-window-content button.k-button.level1:active, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.level1.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.level1.k-link:active, .k-widget.k-window .k-window-content button.button.k-button.level1:focus, .k-widget.k-window .k-window-content button.k-button.level1:focus, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.level1.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.level1.k-link:focus,
  .k-widget.k-window .k-window-content .button.k-button.level1:hover, .k-widget.k-window .k-window-content input.k-button.level1:hover[type="submit"], .k-widget.k-window .k-window-content .k-button.level1:hover, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.level1.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.level1.k-link:hover,
  .k-widget.k-window .k-window-content .button.k-button.level1:active, .k-widget.k-window .k-window-content input.k-button.level1:active[type="submit"], .k-widget.k-window .k-window-content .k-button.level1:active, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.level1.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.level1.k-link:active,
  .k-widget.k-window .k-window-content .button.k-button.level1:focus, .k-widget.k-window .k-window-content input.k-button.level1:focus[type="submit"], .k-widget.k-window .k-window-content .k-button.level1:focus, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.level1.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.level1.k-link:focus, .k-widget.k-window .k-window-content button.button.k-button.level2:hover, .k-widget.k-window .k-window-content button.k-button.level2:hover, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.level2.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.level2.k-link:hover, .k-widget.k-window .k-window-content button.button.k-button.level2:active, .k-widget.k-window .k-window-content button.k-button.level2:active, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.level2.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.level2.k-link:active, .k-widget.k-window .k-window-content button.button.k-button.level2:focus, .k-widget.k-window .k-window-content button.k-button.level2:focus, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.level2.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.level2.k-link:focus,
  .k-widget.k-window .k-window-content .button.k-button.level2:hover, .k-widget.k-window .k-window-content input.k-button.level2:hover[type="submit"], .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.level2.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.level2.k-link:hover,
  .k-widget.k-window .k-window-content .button.k-button.level2:active, .k-widget.k-window .k-window-content input.k-button.level2:active[type="submit"], .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.level2.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.level2.k-link:active,
  .k-widget.k-window .k-window-content .button.k-button.level2:focus, .k-widget.k-window .k-window-content input.k-button.level2:focus[type="submit"], .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.level2.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.level2.k-link:focus, .k-widget.k-window .k-window-content button.button.k-button.red:hover, .k-widget.k-window .k-window-content button.k-button.red:hover, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.red.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.red.k-link:hover, .k-widget.k-window .k-window-content button.button.k-button.red:active, .k-widget.k-window .k-window-content button.k-button.red:active, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.red.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.red.k-link:active, .k-widget.k-window .k-window-content button.button.k-button.red:focus, .k-widget.k-window .k-window-content button.k-button.red:focus, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.red.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.red.k-link:focus,
  .k-widget.k-window .k-window-content .button.k-button.red:hover, .k-widget.k-window .k-window-content input.k-button.red:hover[type="submit"], .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.red.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.red.k-link:hover,
  .k-widget.k-window .k-window-content .button.k-button.red:active, .k-widget.k-window .k-window-content input.k-button.red:active[type="submit"], .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.red.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.red.k-link:active,
  .k-widget.k-window .k-window-content .button.k-button.red:focus, .k-widget.k-window .k-window-content input.k-button.red:focus[type="submit"], .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.red.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.red.k-link:focus, .k-widget.k-window .k-window-content button.button.k-button.green:hover, .k-widget.k-window .k-window-content button.k-button.green:hover, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.green.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.green.k-link:hover, .k-widget.k-window .k-window-content button.button.k-button.green:active, .k-widget.k-window .k-window-content button.k-button.green:active, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.green.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.green.k-link:active, .k-widget.k-window .k-window-content button.button.k-button.green:focus, .k-widget.k-window .k-window-content button.k-button.green:focus, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default button.k-button.green.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content button.k-button.green.k-link:focus,
  .k-widget.k-window .k-window-content .button.k-button.green:hover, .k-widget.k-window .k-window-content input.k-button.green:hover[type="submit"], .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.green.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.green.k-link:hover,
  .k-widget.k-window .k-window-content .button.k-button.green:active, .k-widget.k-window .k-window-content input.k-button.green:active[type="submit"], .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.green.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.green.k-link:active,
  .k-widget.k-window .k-window-content .button.k-button.green:focus, .k-widget.k-window .k-window-content input.k-button.green:focus[type="submit"], .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.green.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.green.k-link:focus,
  .k-widget.k-window .k-window-content input.k-button.button.level1[type="submit"]:hover,
  .k-widget.k-window .k-window-content input.k-button.button.level1[type="submit"]:active,
  .k-widget.k-window .k-window-content input.k-button.button.level1[type="submit"]:focus,
  .k-widget.k-window .k-window-content input.k-button.button.level2[type="submit"]:hover,
  .k-widget.k-window .k-window-content input.k-button.button.level2[type="submit"]:active,
  .k-widget.k-window .k-window-content input.k-button.button.level2[type="submit"]:focus,
  .k-widget.k-window .k-window-content input.k-button.button.red[type="submit"]:hover,
  .k-widget.k-window .k-window-content input.k-button.button.red[type="submit"]:active,
  .k-widget.k-window .k-window-content input.k-button.button.red[type="submit"]:focus,
  .k-widget.k-window .k-window-content input.k-button.button.green[type="submit"]:hover,
  .k-widget.k-window .k-window-content input.k-button.button.green[type="submit"]:active,
  .k-widget.k-window .k-window-content input.k-button.button.green[type="submit"]:focus,
  .k-widget.k-window .k-window-content a.k-button.button.level1:hover,
  .k-widget.k-window .k-window-content a.k-button.button.level1:active,
  .k-widget.k-window .k-window-content a.k-button.button.level1:focus,
  .k-widget.k-window .k-window-content a.k-button.button.level2:hover,
  .k-widget.k-window .k-window-content a.k-button.button.level2:active,
  .k-widget.k-window .k-window-content a.k-button.button.level2:focus,
  .k-widget.k-window .k-window-content a.k-button.button.red:hover,
  .k-widget.k-window .k-window-content a.k-button.button.red:active,
  .k-widget.k-window .k-window-content a.k-button.button.red:focus,
  .k-widget.k-window .k-window-content a.k-button.button.green:hover,
  .k-widget.k-window .k-window-content a.k-button.button.green:active,
  .k-widget.k-window .k-window-content a.k-button.button.green:focus, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .lighten.k-button.k-link, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .lighten.k-button.k-link, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link:hover, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link:active, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link:focus, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link:focus,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.level1:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.level1:hover,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.level1:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.level1:active,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.level1:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.level1:focus,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.level2:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.level2:hover,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.level2:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.level2:active,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.level2:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.level2:focus,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.red:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.red:hover,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.red:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.red:active,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.red:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.red:focus,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.green:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.green:hover,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.green:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.green:active,
  .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .k-button.k-link.button.green:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .k-button.k-link.button.green:focus, .lighten.level1.k-button,
  .level1.k-button.button:hover,
  .level1.k-button.button:active,
  .level1.k-button.button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .lighten.level1.k-link,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level1.k-link.button:hover,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level1.k-link.button:active,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level1.k-link.button:focus, button.primary.level2:hover, button.level2.level1:hover, button.primary.level2:active, button.level2.level1:active, button.primary.level2:focus, button.level2.level1:focus,
  .primary.button.level2:hover, input.level2:hover[type="submit"], .primary.level2.k-button:hover, input.level2.k-button:hover[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .primary.level2.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default input.level2.k-link:hover[type="submit"],
  .primary.button.level2:active, input.level2:active[type="submit"], .primary.level2.k-button:active, input.level2.k-button:active[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .primary.level2.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default input.level2.k-link:active[type="submit"],
  .primary.button.level2:focus, input.level2:focus[type="submit"], .primary.level2.k-button:focus, input.level2.k-button:focus[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .primary.level2.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default input.level2.k-link:focus[type="submit"], button.primary.red:hover, button.red.level1:hover, button.primary.red:active, button.red.level1:active, button.primary.red:focus, button.red.level1:focus,
  .primary.button.red:hover, input.red:hover[type="submit"], .primary.red.k-button:hover, input.red.k-button:hover[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .primary.red.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default input.red.k-link:hover[type="submit"],
  .primary.button.red:active, input.red:active[type="submit"], .primary.red.k-button:active, input.red.k-button:active[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .primary.red.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default input.red.k-link:active[type="submit"],
  .primary.button.red:focus, input.red:focus[type="submit"], .primary.red.k-button:focus, input.red.k-button:focus[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .primary.red.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default input.red.k-link:focus[type="submit"], button.primary.green:hover, button.green.level1:hover, button.primary.green:active, button.green.level1:active, button.primary.green:focus, button.green.level1:focus,
  .primary.button.green:hover, input.green:hover[type="submit"], .primary.green.k-button:hover, input.green.k-button:hover[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .primary.green.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default input.green.k-link:hover[type="submit"],
  .primary.button.green:active, input.green:active[type="submit"], .primary.green.k-button:active, input.green.k-button:active[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .primary.green.k-link:active, .licenses .grid-container .k-tabstrip-items .k-state-default input.green.k-link:active[type="submit"],
  .primary.button.green:focus, input.green:focus[type="submit"], .primary.green.k-button:focus, input.green.k-button:focus[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .primary.green.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default input.green.k-link:focus[type="submit"], input.lighten[type="submit"], .k-widget.k-window .k-window-content input.k-button[type="submit"]:hover, .licenses .grid-container .k-tabstrip-items .k-state-default input.level1.k-link[type="submit"]:hover, .k-widget.k-window .k-window-content input.k-button[type="submit"]:active, .licenses .grid-container .k-tabstrip-items .k-state-default input.level1.k-link[type="submit"]:active, .k-widget.k-window .k-window-content input.k-button[type="submit"]:focus, .licenses .grid-container .k-tabstrip-items .k-state-default input.level1.k-link[type="submit"]:focus {
    background-color: #FD8558 !important; }
  .primary.darken, button.darken.level1, .k-widget.k-window .k-window-content .darken.k-button,
  .darken.button.level1, .darken.level1.k-button, .licenses .grid-container .k-tabstrip-items .k-state-default .darken.level1.k-link, input.darken[type="submit"] {
    background-color: #D15120 !important; }

.secondary, button.level2, .k-widget.k-window .k-window-content .level2.k-button,
.button.level2, input.level2[type="submit"], .level2.k-button, .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link {
  background-color: #092F41 !important;
  color: #ffffff !important;
  background-image: none !important; }
  .secondary.lighten, button.secondary.level1:hover, button.level1.level2:hover, .k-widget.k-window .k-window-content .level2.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.level2.k-link:hover, .k-widget.k-window .k-window-content .secondary.k-button:hover, button.secondary.level1:active, button.level1.level2:active, .k-widget.k-window .k-window-content .level2.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.level2.k-link:active, .k-widget.k-window .k-window-content .secondary.k-button:active, button.secondary.level1:focus, button.level1.level2:focus, .k-widget.k-window .k-window-content .level2.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default button.level1.level2.k-link:focus, .k-widget.k-window .k-window-content .secondary.k-button:focus,
  .secondary.button.level1:hover,
  .button.level1.level2:hover, input.level1.level2:hover[type="submit"], .level1.level2.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.level2.k-link:hover, input.secondary.level1:hover[type="submit"], .secondary.level1.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .secondary.level1.k-link:hover,
  .secondary.button.level1:active,
  .button.level1.level2:active, input.level1.level2:active[type="submit"], .level1.level2.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.level2.k-link:active, input.secondary.level1:active[type="submit"], .secondary.level1.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .secondary.level1.k-link:active,
  .secondary.button.level1:focus,
  .button.level1.level2:focus, input.level1.level2:focus[type="submit"], .level1.level2.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .level1.level2.k-link:focus, input.secondary.level1:focus[type="submit"], .secondary.level1.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .secondary.level1.k-link:focus, button.lighten.level2, button.level2:hover, button.level2:active, button.level2:focus,
  button.level2.button:hover, button.level2.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default button.level2.k-link:hover,
  button.level2.button:active, button.level2.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default button.level2.k-link:active,
  button.level2.button:focus, button.level2.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default button.level2.k-link:focus, .k-widget.k-window .k-window-content .lighten.level2.k-button,
  .lighten.button.level2, button.button.level2.level1:hover, button.level2.level1.k-button:hover, button.button.level2.level1:active, button.level2.level1.k-button:active, button.button.level2.level1:focus, button.level2.level1.k-button:focus,
  .button.level2:hover, input.level2:hover[type="submit"], .level2.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link:hover,
  .button.level2:active, input.level2:active[type="submit"], .level2.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link:active,
  .button.level2:focus, input.level2:focus[type="submit"], .level2.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link:focus, button.button.level2.red:hover, .k-widget.k-window .k-window-content .level2.red.k-button:hover, button.level2.red.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default button.level2.red.k-link:hover, button.button.level2.red:active, .k-widget.k-window .k-window-content .level2.red.k-button:active, button.level2.red.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default button.level2.red.k-link:active, button.button.level2.red:focus, .k-widget.k-window .k-window-content .level2.red.k-button:focus, button.level2.red.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default button.level2.red.k-link:focus,
  .button.level2.red:hover, input.level2.red:hover[type="submit"], .level2.red.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .level2.red.k-link:hover,
  .button.level2.red:active, input.level2.red:active[type="submit"], .level2.red.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .level2.red.k-link:active,
  .button.level2.red:focus, input.level2.red:focus[type="submit"], .level2.red.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .level2.red.k-link:focus, button.button.level2.green:hover, .k-widget.k-window .k-window-content .level2.green.k-button:hover, button.level2.green.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default button.level2.green.k-link:hover, button.button.level2.green:active, .k-widget.k-window .k-window-content .level2.green.k-button:active, button.level2.green.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default button.level2.green.k-link:active, button.button.level2.green:focus, .k-widget.k-window .k-window-content .level2.green.k-button:focus, button.level2.green.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default button.level2.green.k-link:focus,
  .button.level2.green:hover, input.level2.green:hover[type="submit"], .level2.green.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .level2.green.k-link:hover,
  .button.level2.green:active, input.level2.green:active[type="submit"], .level2.green.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .level2.green.k-link:active,
  .button.level2.green:focus, input.level2.green:focus[type="submit"], .level2.green.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .level2.green.k-link:focus, input.lighten.level2[type="submit"],
  input.level2.button[type="submit"]:hover,
  input.level2.button[type="submit"]:active,
  input.level2.button[type="submit"]:focus, a.lighten.level2.button, .k-widget.k-window .k-window-content a.level2.button.k-button:hover, .k-widget.k-window .k-window-content a.level2.button.k-button:active, .k-widget.k-window .k-window-content a.level2.button.k-button:focus, a.level2.button:hover, a.level2.button:active, a.level2.button:focus, .lighten.level2.k-button,
  .level2.k-button.button:hover, input.level2.k-button:hover[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-button.k-link:hover,
  .level2.k-button.button:active, input.level2.k-button:active[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-button.k-link:active,
  .level2.k-button.button:focus, input.level2.k-button:focus[type="submit"], .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-button.k-link:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .lighten.level2.k-link, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .level2.k-link.k-button:hover, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .level2.k-link.k-button:active, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .k-widget.k-window .k-window-content .level2.k-link.k-button:focus, .k-widget.k-window .k-window-content .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link.k-button:focus,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link.button:hover,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link.button:active,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link.button:focus, button.secondary.red:hover, button.red.level2:hover, .k-widget.k-window .k-window-content .secondary.red.k-button:hover, button.secondary.red:active, button.red.level2:active, .k-widget.k-window .k-window-content .secondary.red.k-button:active, button.secondary.red:focus, button.red.level2:focus, .k-widget.k-window .k-window-content .secondary.red.k-button:focus,
  .secondary.button.red:hover, input.secondary.red:hover[type="submit"], .secondary.red.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .secondary.red.k-link:hover,
  .secondary.button.red:active, input.secondary.red:active[type="submit"], .secondary.red.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .secondary.red.k-link:active,
  .secondary.button.red:focus, input.secondary.red:focus[type="submit"], .secondary.red.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .secondary.red.k-link:focus, button.secondary.green:hover, button.green.level2:hover, .k-widget.k-window .k-window-content .secondary.green.k-button:hover, button.secondary.green:active, button.green.level2:active, .k-widget.k-window .k-window-content .secondary.green.k-button:active, button.secondary.green:focus, button.green.level2:focus, .k-widget.k-window .k-window-content .secondary.green.k-button:focus,
  .secondary.button.green:hover, input.secondary.green:hover[type="submit"], .secondary.green.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .secondary.green.k-link:hover,
  .secondary.button.green:active, input.secondary.green:active[type="submit"], .secondary.green.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .secondary.green.k-link:active,
  .secondary.button.green:focus, input.secondary.green:focus[type="submit"], .secondary.green.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .secondary.green.k-link:focus {
    background-color: #134B65 !important; }
  .secondary.darken, button.darken.level2, .k-widget.k-window .k-window-content .darken.level2.k-button,
  .darken.button.level2, input.darken.level2[type="submit"], .darken.level2.k-button, .licenses .grid-container .k-tabstrip-items .k-state-default .darken.level2.k-link {
    background-color: #041C27 !important; }

.neutral, .input-wrapper .input-help .help-text, form.k-form .k-form-clear, .custom-grid.k-grid .k-selectable tr:not(.k-detail-row):hover, .custom-grid.k-grid .k-selectable tr:not(.k-detail-row):active, .custom-grid.k-grid .k-selectable tr:not(.k-detail-row):focus, .custom-grid.k-grid .k-selectable tr.k-state-selected:not(.k-detail-row), #personal-data .body .table-container .table th, #personal-data input .table-container .table th {
  background-color: #c4c3bf !important;
  color: #333333 !important;
  background-image: none !important; }

.tertiary {
  background-color: #1395BA !important;
  color: #ffffff !important;
  background-image: none !important; }
  .tertiary.lighten, button.tertiary.level1:hover, .k-widget.k-window .k-window-content .tertiary.k-button:hover, button.tertiary.level1:active, .k-widget.k-window .k-window-content .tertiary.k-button:active, button.tertiary.level1:focus, .k-widget.k-window .k-window-content .tertiary.k-button:focus,
  .tertiary.button.level1:hover, input.tertiary.level1:hover[type="submit"], .tertiary.level1.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.level1.k-link:hover,
  .tertiary.button.level1:active, input.tertiary.level1:active[type="submit"], .tertiary.level1.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.level1.k-link:active,
  .tertiary.button.level1:focus, input.tertiary.level1:focus[type="submit"], .tertiary.level1.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.level1.k-link:focus, button.tertiary.level2:hover, button.tertiary.level2:active, button.tertiary.level2:focus,
  .tertiary.button.level2:hover, input.tertiary.level2:hover[type="submit"], .tertiary.level2.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.level2.k-link:hover,
  .tertiary.button.level2:active, input.tertiary.level2:active[type="submit"], .tertiary.level2.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.level2.k-link:active,
  .tertiary.button.level2:focus, input.tertiary.level2:focus[type="submit"], .tertiary.level2.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.level2.k-link:focus, button.tertiary.red:hover, button.tertiary.red:active, button.tertiary.red:focus,
  .tertiary.button.red:hover, input.tertiary.red:hover[type="submit"], .tertiary.red.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.red.k-link:hover,
  .tertiary.button.red:active, input.tertiary.red:active[type="submit"], .tertiary.red.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.red.k-link:active,
  .tertiary.button.red:focus, input.tertiary.red:focus[type="submit"], .tertiary.red.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.red.k-link:focus, button.tertiary.green:hover, button.tertiary.green:active, button.tertiary.green:focus,
  .tertiary.button.green:hover, input.tertiary.green:hover[type="submit"], .tertiary.green.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.green.k-link:hover,
  .tertiary.button.green:active, input.tertiary.green:active[type="submit"], .tertiary.green.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.green.k-link:active,
  .tertiary.button.green:focus, input.tertiary.green:focus[type="submit"], .tertiary.green.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .tertiary.green.k-link:focus {
    background-color: #29ADC4 !important; }
  .tertiary.darken {
    background-color: #0A7C9D !important; }

.red {
  background-color: #CB3B33 !important;
  color: #ffffff !important;
  background-image: none !important; }
  .red.lighten, .k-widget.k-window .k-window-content .red.k-button:hover, .k-widget.k-window .k-window-content .red.k-button:active, .k-widget.k-window .k-window-content .red.k-button:focus, .red.level2.k-button:hover, .red.level2.k-button:active, .red.level2.k-button:focus, button.red:hover, button.red:active, button.red:focus,
  .red.button:hover, input.red:hover[type="submit"], .red.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .red.k-link:hover,
  .red.button:active, input.red:active[type="submit"], .red.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .red.k-link:active,
  .red.button:focus, input.red:focus[type="submit"], .red.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .red.k-link:focus {
    background-color: #E8554B !important; }
  .red.darken {
    background-color: #AA2723 !important; }

.green {
  background-color: #19A37B !important;
  color: #ffffff !important;
  background-image: none !important; }
  .green.lighten, .k-widget.k-window .k-window-content .green.k-button:hover, .k-widget.k-window .k-window-content .green.k-button:active, .k-widget.k-window .k-window-content .green.k-button:focus, .green.level2.k-button:hover, .green.level2.k-button:active, .green.level2.k-button:focus, button.green:hover, button.green:active, button.green:focus,
  .green.button:hover, input.green:hover[type="submit"], .green.k-button:hover, .licenses .grid-container .k-tabstrip-items .k-state-default .green.k-link:hover,
  .green.button:active, input.green:active[type="submit"], .green.k-button:active, .licenses .grid-container .k-tabstrip-items .k-state-default .green.k-link:active,
  .green.button:focus, input.green:focus[type="submit"], .green.k-button:focus, .licenses .grid-container .k-tabstrip-items .k-state-default .green.k-link:focus {
    background-color: #41BA97 !important; }
  .green.darken {
    background-color: #077F58 !important; }

.text-primary {
  color: #f06530; }

.text-secondary, .input-wrapper .input-help {
  color: #092F41; }

.text-tertiary {
  color: #1395BA; }

.text-neutral {
  color: #c4c3bf; }

.text-light {
  color: #ffffff; }

.text-dark, #dashboard .k-card .k-card-header > .header > a {
  color: #333333; }

.text-warning, #client-devices #device-info a {
  color: #CB3B33; }

.text-success {
  color: #19A37B; }

.m-0 {
  margin: 0 !important; }

.m-1, #assembly-modal {
  margin: 1rem !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1, .pages h1, .pages h2, .pages h3, .pages h4, .pages .custom-grid.k-grid .k-grid-header .k-link, .custom-grid.k-grid .k-grid-header .pages .k-link {
  margin-top: 1rem !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1, .pages p {
  margin-bottom: 1rem !important; }

.ml-0 {
  margin-left: 0 !important; }

.ml-1, #filter-modal #other-overview-screens {
  margin-left: 1rem !important; }

.mr-0 {
  margin-right: 0 !important; }

.mr-1, #filter-modal #create-overview {
  margin-right: 1rem !important; }

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mx-1, #assembly-modal div span {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.my-1, #monitor-list {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 1rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 1rem !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 1rem !important; }

.pl-0 {
  padding-left: 0 !important; }

.pl-1 {
  padding-left: 1rem !important; }

.pr-0 {
  padding-right: 0 !important; }

.pr-1 {
  padding-right: 1rem !important; }

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.rounded {
  border-radius: 20px; }

.stretch-link:hover {
  text-decoration: underline solid #333333; }

.stretch-link::after {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }
  .stretch-link::after:not(:disabled)::after {
    content: '';
    position: absolute;
    border-radius: 32px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 3px 6px #333333;
    opacity: 0.2;
    pointer-events: none;
    transition: opacity 500ms; }
  .stretch-link::after:hover::after {
    opacity: 0.5; }
  .stretch-link::after:focus::after {
    opacity: 0.8; }

.two-column-body {
  display: grid;
  align-content: center;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em; }
  .two-column-body > * {
    display: flex;
    flex-direction: column;
    box-sizing: border-box; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@use url("https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap&subset=latin-ext");
@font-face {
  font-family: Babel Stone;
  font-weight: 400;
  src: url("../font/BabelStoneFlags.ttf") format("truetype"); }

@font-face {
  font-family: Rooney Sans black;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/black.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans black italic;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/black italic.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans bold;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/bold.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans bold italic;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/bold italic.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans heavy;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/heavy.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans heavy italic;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/heavy italic.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans light;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/light.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans light italic;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/light italic.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans medium;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/medium.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans medium italic;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/medium italic.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans regular;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/regular.otf") format("opentype"); }

@font-face {
  font-family: Rooney Sans regular italic;
  font-weight: normal;
  font-style: normal;
  src: url("../font/rooney_sans/regular italic.otf") format("opentype"); }

body {
  font-family: 'Inter', sans-serif;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 400; }

h1, .h2-light, h2, b {
  margin-top: 0;
  margin-bottom: 1rem;
  letter-spacing: 0; }

h3, h4, .custom-grid.k-grid .k-grid-header .k-link {
  margin-top: 0;
  letter-spacing: 0;
  font-family: 'Inter', sans-serif; }

h1 {
  font-size: 48px;
  line-height: 60px; }

h2 {
  font-size: 32px;
  line-height: 40px; }

.h2-light {
  font-size: 32px;
  line-height: 40px; }

h3 {
  font-size: 24px;
  line-height: 30px; }

h4, .custom-grid.k-grid .k-grid-header .k-link {
  font-size: 20px;
  line-height: 24px; }

p {
  font-size: 16px;
  line-height: 24px; }

b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600; }

a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-decoration: none; }

button, .k-widget.k-window .k-window-content .k-button, .button, input[type="submit"], a.button, .k-button, .licenses .grid-container .k-tabstrip-items .k-state-default .k-link {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  font-family: 'Inter', sans-serif; }

input[type="submit"] {
  line-height: 14px; }

.rooney-sans, h1, .h2-light, h2, b {
  font-family: 'Rooney Sans regular', sans-serif; }

.rooney-sans-italic {
  font-family: 'Rooney Sans regular italic', sans-serif; }

.rooney-sans-bold, h1, h2 {
  font-family: 'Rooney Sans bold', sans-serif; }

.babel-stone {
  font-family: 'Babel Stone', sans-serif; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.icon-big {
  width: 8em;
  height: 8em; }

.icon-medium {
  width: 4em;
  height: 4em; }

.icon-small {
  width: 2em;
  height: 2em; }

.icon-inline {
  width: 1em;
  height: 1em; }

.svg-link {
  position: relative;
  z-index: 1; }

.svg-link span {
  display: inline-block; }

.svg-link object {
  position: relative;
  z-index: -1; }

.options-container svg {
  width: 60%;
  height: 60%; }

.grid-container {
  display: grid;
  margin: 15px;
  grid-gap: 20px;
  grid-template-columns: 100%; }
  .grid-container div .k-header .k-grid-toolbar {
    margin-left: -20px !important;
    margin-right: -20px !important; }
  @media (min-width: 1000px) {
    .grid-container {
      grid-auto-rows: auto;
      grid-template-columns: 40px auto 40px; }
      .grid-container > * {
        grid-column: 2 / 3; } }
  .grid-container.slim {
    grid-template-columns: auto 700px auto;
    grid-template-rows: auto;
    justify-items: center;
    align-items: center; }
    .grid-container.slim > .card {
      width: 700px; }
  .grid-container.full-screen {
    grid-template-columns: auto; }
    @media (min-width: 1000px) {
      .grid-container.full-screen {
        max-height: calc(100vh - 140px); } }
  .grid-container.tiles {
    margin: 0;
    grid-template-rows: auto;
    height: auto;
    grid-auto-rows: 150px; }
    .grid-container.tiles > * {
      justify-self: center;
      width: 100%;
      grid-column: 1 / 2; }
      .grid-container.tiles > *.small {
        max-width: 400px; }
    @media (min-width: 800px) {
      .grid-container.tiles {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(7, 150px) auto; } }
    @media (min-width: 1000px) {
      .grid-container.tiles {
        grid-template-columns: repeat(10, 1fr);
        grid-template-rows: repeat(4, 1fr);
        height: calc(100vh - 140px); }
        .grid-container.tiles > * {
          grid-column: unset; } }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
input,
textarea,
select {
  margin-bottom: 12px;
  height: 32px;
  max-width: max-content;
  padding: 6px 10px;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #ffffff;
  border: 2px solid #c4c3bf;
  border-radius: 8px;
  box-sizing: border-box;
  transition: border 250ms; }
  input:hover,
  textarea:hover,
  select:hover {
    border-color: #1395BA;
    outline: 0; }
  input:focus,
  textarea:focus,
  select:focus {
    border-color: #1395BA;
    outline: 0; }

select {
  min-width: 100px; }

@-moz-document url-prefix() {
  select option {
    padding-right: 20px; } }

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }

label,
legend {
  display: block;
  margin-bottom: 5px; }

fieldset {
  padding: 0;
  border-width: 0; }

input[type="password"],
input[type="username"] {
  text-transform: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  min-width: 16px !important;
  min-height: 16px !important;
  background-color: #ffffff;
  border: 1px solid #333333; }

label .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

.input-wrapper {
  position: relative;
  width: max-content; }
  .input-wrapper .input-help {
    display: block;
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 6px; }
    .input-wrapper .input-help:hover {
      cursor: pointer; }
      .input-wrapper .input-help:hover .help-text {
        display: block; }
    .input-wrapper .input-help .icon {
      font-size: 18px; }
    .input-wrapper .input-help .help-text {
      position: fixed;
      width: unset;
      max-width: unset;
      display: none;
      padding: 5px;
      border-radius: 8px;
      z-index: 2; }
      .input-wrapper .input-help .help-text:not(:disabled)::after {
        content: '';
        position: absolute;
        border-radius: 32px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0 3px 6px #333333;
        opacity: 0.2;
        pointer-events: none;
        transition: opacity 500ms; }
      @media (min-width: 800px) {
        .input-wrapper .input-help .help-text {
          text-align: left;
          display: none;
          position: absolute;
          width: max-content;
          max-width: 250px;
          left: 200%;
          top: -7px; }
          @supports (-ms-ime-align: auto) {
            .input-wrapper .input-help .help-text {
              width: 250px; } }
          .input-wrapper .input-help .help-text .content {
            padding: 4px; } }

button, .k-widget.k-window .k-window-content .k-button, .button, input[type="submit"], a.button, .k-button, .licenses .grid-container .k-tabstrip-items .k-state-default .k-link {
  border-radius: 20px;
  border-width: 0;
  padding: 7px 18px; }
  button:not(:disabled), .k-widget.k-window .k-window-content .k-button:not(:disabled),
  .button:not(:disabled),
  input:not(:disabled)[type="submit"],
  .k-button:not(:disabled),
  .licenses .grid-container .k-tabstrip-items .k-state-default .k-link:not(:disabled) {
    transition: border 0.1s ease-in-out, background-color 0.15s ease-in-out, color 0.15s ease-in-out; }
    button:not(:disabled):hover, .k-widget.k-window .k-window-content .k-button:not(:disabled):hover,
    .button:not(:disabled):hover,
    input:not(:disabled):hover[type="submit"],
    .k-button:not(:disabled):hover,
    .licenses .grid-container .k-tabstrip-items .k-state-default .k-link:not(:disabled):hover {
      cursor: pointer; }
    button:not(:disabled):focus, .k-widget.k-window .k-window-content .k-button:not(:disabled):focus,
    .button:not(:disabled):focus,
    input:not(:disabled):focus[type="submit"],
    .k-button:not(:disabled):focus,
    .licenses .grid-container .k-tabstrip-items .k-state-default .k-link:not(:disabled):focus {
      outline: 0;
      border: none; }
  button:disabled, .k-widget.k-window .k-window-content .k-button:disabled, button[disabled], .k-widget.k-window .k-window-content .k-button[disabled],
  .button:disabled,
  input:disabled[type="submit"],
  .k-button:disabled,
  .licenses .grid-container .k-tabstrip-items .k-state-default .k-link:disabled,
  .button[disabled],
  input[disabled][type="submit"],
  .k-button[disabled],
  .licenses .grid-container .k-tabstrip-items .k-state-default .k-link[disabled] {
    background-color: inherit;
    opacity: 0.7;
    color: #333333;
    border: 1px solid #999; }
  button.round, .k-widget.k-window .k-window-content .round.k-button,
  .button.round,
  input.round[type="submit"],
  .round.k-button,
  .licenses .grid-container .k-tabstrip-items .k-state-default .round.k-link {
    border-radius: 50%;
    padding: 7px; }
  button.level1:hover, .k-widget.k-window .k-window-content .k-button:hover, button.level1:active, .k-widget.k-window .k-window-content .k-button:active, button.level1:focus, .k-widget.k-window .k-window-content .k-button:focus,
  .button.level1:hover,
  input.level1:hover[type="submit"],
  .k-widget.k-window .k-window-content .k-button:hover,
  .level1.k-button:hover,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level1.k-link:hover,
  .button.level1:active,
  input.level1:active[type="submit"],
  .k-widget.k-window .k-window-content .k-button:active,
  .level1.k-button:active,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level1.k-link:active,
  .button.level1:focus,
  input.level1:focus[type="submit"],
  .k-widget.k-window .k-window-content .k-button:focus,
  .level1.k-button:focus,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level1.k-link:focus {
    box-shadow: none !important;
    color: #ffffff !important; }
  button.level2:hover, .k-widget.k-window .k-window-content .level2.k-button:hover, button.level2:active, .k-widget.k-window .k-window-content .level2.k-button:active, button.level2:focus, .k-widget.k-window .k-window-content .level2.k-button:focus,
  .button.level2:hover,
  input.level2:hover[type="submit"],
  .level2.k-button:hover,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link:hover,
  .button.level2:active,
  input.level2:active[type="submit"],
  .level2.k-button:active,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link:active,
  .button.level2:focus,
  input.level2:focus[type="submit"],
  .level2.k-button:focus,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level2.k-link:focus {
    box-shadow: none !important;
    color: #ffffff !important; }
  button.level3, .k-widget.k-window .k-window-content .level3.k-button,
  .button.level3,
  input.level3[type="submit"],
  .level3.k-button,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level3.k-link {
    background-color: #F7F7F7 !important;
    color: #1395BA !important;
    background-image: none !important; }
    button.level3:hover, .k-widget.k-window .k-window-content .level3.k-button:hover, button.level3:active, .k-widget.k-window .k-window-content .level3.k-button:active, button.level3:focus, .k-widget.k-window .k-window-content .level3.k-button:focus,
    .button.level3:hover,
    input.level3:hover[type="submit"],
    .level3.k-button:hover,
    .licenses .grid-container .k-tabstrip-items .k-state-default .level3.k-link:hover,
    .button.level3:active,
    input.level3:active[type="submit"],
    .level3.k-button:active,
    .licenses .grid-container .k-tabstrip-items .k-state-default .level3.k-link:active,
    .button.level3:focus,
    input.level3:focus[type="submit"],
    .level3.k-button:focus,
    .licenses .grid-container .k-tabstrip-items .k-state-default .level3.k-link:focus {
      background-color: #E6E6E6 !important;
      box-shadow: none !important;
      color: #1395BA !important; }
  button.level4, .k-widget.k-window .k-window-content .level4.k-button,
  .button.level4,
  input.level4[type="submit"],
  .level4.k-button,
  .licenses .grid-container .k-tabstrip-items .k-state-default .level4.k-link {
    background-color: #FFFFFF;
    color: #1395BA !important; }
  button.red:hover, .k-widget.k-window .k-window-content .red.k-button:hover, button.red:active, .k-widget.k-window .k-window-content .red.k-button:active, button.red:focus, .k-widget.k-window .k-window-content .red.k-button:focus,
  .button.red:hover,
  input.red:hover[type="submit"],
  .red.k-button:hover,
  .licenses .grid-container .k-tabstrip-items .k-state-default .red.k-link:hover,
  .button.red:active,
  input.red:active[type="submit"],
  .red.k-button:active,
  .licenses .grid-container .k-tabstrip-items .k-state-default .red.k-link:active,
  .button.red:focus,
  input.red:focus[type="submit"],
  .red.k-button:focus,
  .licenses .grid-container .k-tabstrip-items .k-state-default .red.k-link:focus {
    box-shadow: none !important;
    color: #ffffff !important; }
  button.green:hover, .k-widget.k-window .k-window-content .green.k-button:hover, button.green:active, .k-widget.k-window .k-window-content .green.k-button:active, button.green:focus, .k-widget.k-window .k-window-content .green.k-button:focus,
  .button.green:hover,
  input.green:hover[type="submit"],
  .green.k-button:hover,
  .licenses .grid-container .k-tabstrip-items .k-state-default .green.k-link:hover,
  .button.green:active,
  input.green:active[type="submit"],
  .green.k-button:active,
  .licenses .grid-container .k-tabstrip-items .k-state-default .green.k-link:active,
  .button.green:focus,
  input.green:focus[type="submit"],
  .green.k-button:focus,
  .licenses .grid-container .k-tabstrip-items .k-state-default .green.k-link:focus {
    box-shadow: none !important;
    color: #ffffff !important; }

#login .input-group .babel-stone {
  float: left; }

#login .button-container {
  margin-top: 8px; }
  #login .button-container .left, #login .button-container .card > .body > table.left tr, .card > .body > table.left #login .button-container tr, #login .button-container .card > input > table.left tr, .card > input > table.left #login .button-container tr, #login .button-container .card > .body .table.left tr, .card > .body .table.left #login .button-container tr, #login .button-container .card > input .table.left tr, .card > input .table.left #login .button-container tr {
    float: left; }
  #login .button-container .right {
    float: right;
    display: inline;
    border-radius: 20px; }
    #login .button-container .right .fa-arrow-right {
      padding-left: 15px;
      padding-right: 15px; }
    #login .button-container .right #text {
      padding-right: 15px;
      line-height: 17px;
      height: 17px; }

input[type="submit"] {
  margin-top: 0;
  text-align: center;
  line-height: 24px; }

a.button, a.k-button, .licenses .grid-container .k-tabstrip-items .k-state-default a.k-link {
  background-color: #c4c3bf;
  color: #333333;
  display: inline-block;
  width: max-content; }

.input-group {
  display: grid;
  grid-column-gap: 20px;
  grid-auto-flow: column;
  width: max-content;
  align-items: center;
  margin: 0 auto; }
  .input-group input, .input-group textarea, .input-group select {
    margin: 0; }

.checkbox-container {
  position: relative;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: -3px; }
  .checkbox-container .checkbox {
    display: none; }
  .checkbox-container .checkbox + label {
    background-color: #ffffff;
    border: 2px solid #333333;
    padding: 8px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    height: 10px;
    width: 10px;
    margin-top: 4px; }
    .checkbox-container .checkbox + label .license-update:hover {
      background-color: #e6e6e6;
      cursor: pointer; }
  .checkbox-container .checkbox:checked + label.new {
    background-color: #19A37B; }
  .checkbox-container .checkbox:checked + label.cancelled {
    background-color: #CB3B33; }
  .checkbox-container .checkbox:checked + label {
    color: #ffffff;
    border: 0;
    background-color: #092F41; }
    .checkbox-container .checkbox:checked + label:after {
      position: absolute;
      content: '\2714';
      font-size: 16px;
      top: 2px;
      left: 6px;
      color: #ffffff; }
  .checkbox-container #conditions-check + label {
    vertical-align: middle; }

/* Custom checkbox styling with label text */
.container-of-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox,
     but use its 'checked' attribute for the checkmark span */
  /* Custom checkbox when unchecked
     * overwritten by input:checked ~ .checkmark above when input is checked
     */
  /* On mouse-over, add a grey background color */ }
  .container-of-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    /* When the checkbox is checked, add a blue background */
    /* Show the checkmark when checked */ }
    .container-of-checkbox input:checked ~ .checkmark {
      background-color: #f06530; }
    .container-of-checkbox input:checked ~ .checkmark:after {
      display: block; }
  .container-of-checkbox span.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #e9e8e7;
    /* Style the checkmark/indicator (hidden when not checked) */ }
    .container-of-checkbox span.checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 7px;
      top: 1px;
      width: 4px;
      height: 11px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .container-of-checkbox:hover input ~ .checkmark {
    background-color: #c4c3bf; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.card {
  position: relative;
  word-wrap: break-word;
  background-clip: border-box;
  background-color: #ffffff;
  border-radius: 32px;
  display: grid;
  grid-template-rows: max-content auto; }
  .card:not(:disabled)::after {
    content: '';
    position: absolute;
    border-radius: 32px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 3px 6px #333333;
    opacity: 0.2;
    pointer-events: none;
    transition: opacity 500ms; }
  .card.slim {
    width: 635px; }
  .card.no-header {
    grid-template-rows: auto; }
  .card.round {
    border-radius: 50%;
    padding-top: 10px; }
    .card.round:not(:disabled)::after {
      content: '';
      position: absolute;
      border-radius: 50%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: 0 3px 6px #333333;
      opacity: 0.2;
      pointer-events: none;
      transition: opacity 500ms; }
    .card.round .body, .card.round input, .card.round .header {
      text-align: center; }
    .card.round input {
      text-align: left; }
  .card > .header {
    padding: 15px;
    margin: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-sizing: border-box;
    word-break: break-word; }
    .card > .header.center, .card.round .card > .header, .card > .body > table.center .card > tr.header, .card > input > table.center .card > tr.header, .card > .body .table.center .card > tr.header, .card > input .table.center .card > tr.header {
      text-align: center;
      justify-self: center; }
  .card > .media {
    margin-bottom: 10px;
    width: 100%;
    background-color: var(--neutral);
    display: grid;
    justify-items: center; }
    .card > .media > img {
      height: 100%; }
  .card.two-columns .body, .card.two-columns input {
    display: grid;
    align-content: center;
    grid-template-columns: auto auto; }
  .card > .body, .card > input {
    padding: 15px;
    overflow-y: auto;
    overflow-x: auto; }
    .card > .body.form, .card > input.form {
      overflow-y: visible;
      overflow-x: visible; }
    .card > .body.center, .card > input.center, .card.round .card > .body, .card.round .card > input, .card > .body > table.center .card > tr.body, .card > input > table.center .card > tr.body, .card > .body .table.center .card > tr.body, .card > input .table.center .card > tr.body {
      display: grid;
      justify-content: center;
      justify-items: center;
      align-content: center; }
    .card > .body.p-0, .card > input.p-0 {
      padding: 0; }
    .card > .body.pt-0, .card > input.pt-0 {
      padding-top: 0; }
    .card > .body.pb-0, .card > input.pb-0 {
      padding-bottom: 0; }
    .card > .body.pl-0, .card > input.pl-0 {
      padding-left: 0; }
    .card > .body.pr-0, .card > input.pr-0 {
      padding-right: 0; }
    .card > .body > *, .card > input > * {
      margin: 0; }
    .card > .body .table-container, .card > input .table-container {
      width: 100%;
      overflow-x: auto; }
      .card > .body .table-container:not(:first-child), .card > input .table-container:not(:first-child) {
        margin-top: 20px; }
    .card > .body > table, .card > input > table, .card > .body .table, .card > input .table {
      min-width: max-content;
      width: auto;
      border-collapse: collapse; }
      .card > .body > table th, .card > input > table th, .card > .body .table th, .card > input .table th {
        padding: 2px 10px 2px 10px; }
      .card > .body > table tr, .card > input > table tr, .card > .body .table tr, .card > input .table tr {
        text-align: left; }
        .card > .body > table tr td, .card > input > table tr td, .card > .body .table tr td, .card > input .table tr td {
          padding: 2px 10px 2px 10px; }
          .card > .body > table tr td.center, .card > input > table tr td.center, .card > .body > table tr .card.round td.body, .card.round .card > .body > table tr td.body, .card > input > table tr .card.round td.body, .card.round .card > input > table tr td.body, .card > .body > table tr .card.round td.header, .card.round .card > .body > table tr td.header, .card > input > table tr .card.round td.header, .card.round .card > input > table tr td.header, .card > .body .table tr td.center, .card > input .table tr td.center, .card > .body .table tr .card.round td.body, .card.round .card > .body .table tr td.body, .card > input .table tr .card.round td.body, .card.round .card > input .table tr td.body, .card > .body .table tr .card.round td.header, .card.round .card > .body .table tr td.header, .card > input .table tr .card.round td.header, .card.round .card > input .table tr td.header {
            text-align: center; }
          .card > .body > table tr td.left, .card > input > table tr td.left, .card > .body .table tr td.left, .card > input .table tr td.left {
            text-align: left; }
        .card > .body > table tr th.center, .card > input > table tr th.center, .card > .body > table tr .card.round th.body, .card.round .card > .body > table tr th.body, .card > input > table tr .card.round th.body, .card.round .card > input > table tr th.body, .card > .body > table tr .card.round th.header, .card.round .card > .body > table tr th.header, .card > input > table tr .card.round th.header, .card.round .card > input > table tr th.header, .card > .body .table tr th.center, .card > input .table tr th.center, .card > .body .table tr .card.round th.body, .card.round .card > .body .table tr th.body, .card > input .table tr .card.round th.body, .card.round .card > input .table tr th.body, .card > .body .table tr .card.round th.header, .card.round .card > .body .table tr th.header, .card > input .table tr .card.round th.header, .card.round .card > input .table tr th.header {
          text-align: center; }
        .card > .body > table tr th.left, .card > input > table tr th.left, .card > .body .table tr th.left, .card > input .table tr th.left {
          text-align: left; }
        .card > .body > table tr.left th, .card > input > table tr.left th, .card > .body > table.left tr th, .card > input > table .card > .body > table.left tr th, .card > .body > table.left .card > input > table tr th, .card > .body > table .card > input > table.left tr th, .card > input > table.left .card > .body > table tr th, .card > input > table.left tr th, .card > .body > table .card > .body .table.left tr th, .card > .body .table.left .card > .body > table tr th, .card > input > table .card > .body .table.left tr th, .card > .body .table.left .card > input > table tr th, .card > .body > table .card > input .table.left tr th, .card > input .table.left .card > .body > table tr th, .card > input > table .card > input .table.left tr th, .card > input .table.left .card > input > table tr th, .card > .body > table tr.left td, .card > input > table tr.left td, .card > .body > table.left tr td, .card > input > table .card > .body > table.left tr td, .card > .body > table.left .card > input > table tr td, .card > .body > table .card > input > table.left tr td, .card > input > table.left .card > .body > table tr td, .card > input > table.left tr td, .card > .body > table .card > .body .table.left tr td, .card > .body .table.left .card > .body > table tr td, .card > input > table .card > .body .table.left tr td, .card > .body .table.left .card > input > table tr td, .card > .body > table .card > input .table.left tr td, .card > input .table.left .card > .body > table tr td, .card > input > table .card > input .table.left tr td, .card > input .table.left .card > input > table tr td, .card > .body .table tr.left th, .card > input .table tr.left th, .card > .body .table .card > .body > table.left tr th, .card > .body > table.left .card > .body .table tr th, .card > input .table .card > .body > table.left tr th, .card > .body > table.left .card > input .table tr th, .card > .body .table .card > input > table.left tr th, .card > input > table.left .card > .body .table tr th, .card > input .table .card > input > table.left tr th, .card > input > table.left .card > input .table tr th, .card > .body .table.left tr th, .card > input .card > .body .table.left tr th, .card > .body .card > input .table.left tr th, .card > .body .card > input .table.left tr th, .card > input .card > .body .table.left tr th, .card > input .table.left tr th, .card > .body .table tr.left td, .card > input .table tr.left td, .card > .body .table .card > .body > table.left tr td, .card > .body > table.left .card > .body .table tr td, .card > input .table .card > .body > table.left tr td, .card > .body > table.left .card > input .table tr td, .card > .body .table .card > input > table.left tr td, .card > input > table.left .card > .body .table tr td, .card > input .table .card > input > table.left tr td, .card > input > table.left .card > input .table tr td, .card > .body .table.left tr td, .card > input .card > .body .table.left tr td, .card > .body .card > input .table.left tr td, .card > .body .card > input .table.left tr td, .card > input .card > .body .table.left tr td, .card > input .table.left tr td {
          text-align: left; }
        .card > .body > table tr.center th, .card > input > table tr.center th, .card > .body > table .card.round tr.body th, .card.round .card > .body > table tr.body th, .card > input > table .card.round tr.body th, .card.round .card > input > table tr.body th, .card > .body > table .card.round tr.header th, .card.round .card > .body > table tr.header th, .card > input > table .card.round tr.header th, .card.round .card > input > table tr.header th, .card > .body > table.center tr th, .card > input > table .card > .body > table.center tr th, .card > .body > table.center .card > input > table tr th, .card > .body > table .card > input > table.center tr th, .card > input > table.center .card > .body > table tr th, .card > input > table.center tr th, .card > .body > table .card > .body .table.center tr th, .card > .body .table.center .card > .body > table tr th, .card > input > table .card > .body .table.center tr th, .card > .body .table.center .card > input > table tr th, .card > .body > table .card > input .table.center tr th, .card > input .table.center .card > .body > table tr th, .card > input > table .card > input .table.center tr th, .card > input .table.center .card > input > table tr th, .card > .body > table tr.center td, .card > input > table tr.center td, .card > .body > table .card.round tr.body td, .card.round .card > .body > table tr.body td, .card > input > table .card.round tr.body td, .card.round .card > input > table tr.body td, .card > .body > table .card.round tr.header td, .card.round .card > .body > table tr.header td, .card > input > table .card.round tr.header td, .card.round .card > input > table tr.header td, .card > .body > table.center tr td, .card > input > table .card > .body > table.center tr td, .card > .body > table.center .card > input > table tr td, .card > .body > table .card > input > table.center tr td, .card > input > table.center .card > .body > table tr td, .card > input > table.center tr td, .card > .body > table .card > .body .table.center tr td, .card > .body .table.center .card > .body > table tr td, .card > input > table .card > .body .table.center tr td, .card > .body .table.center .card > input > table tr td, .card > .body > table .card > input .table.center tr td, .card > input .table.center .card > .body > table tr td, .card > input > table .card > input .table.center tr td, .card > input .table.center .card > input > table tr td, .card > .body .table tr.center th, .card > input .table tr.center th, .card > .body .table .card.round tr.body th, .card.round .card > .body .table tr.body th, .card > input .table .card.round tr.body th, .card.round .card > input .table tr.body th, .card > .body .table .card.round tr.header th, .card.round .card > .body .table tr.header th, .card > input .table .card.round tr.header th, .card.round .card > input .table tr.header th, .card > .body .table .card > .body > table.center tr th, .card > .body > table.center .card > .body .table tr th, .card > input .table .card > .body > table.center tr th, .card > .body > table.center .card > input .table tr th, .card > .body .table .card > input > table.center tr th, .card > input > table.center .card > .body .table tr th, .card > input .table .card > input > table.center tr th, .card > input > table.center .card > input .table tr th, .card > .body .table.center tr th, .card > input .card > .body .table.center tr th, .card > .body .card > input .table.center tr th, .card > .body .card > input .table.center tr th, .card > input .card > .body .table.center tr th, .card > input .table.center tr th, .card > .body .table tr.center td, .card > input .table tr.center td, .card > .body .table .card.round tr.body td, .card.round .card > .body .table tr.body td, .card > input .table .card.round tr.body td, .card.round .card > input .table tr.body td, .card > .body .table .card.round tr.header td, .card.round .card > .body .table tr.header td, .card > input .table .card.round tr.header td, .card.round .card > input .table tr.header td, .card > .body .table .card > .body > table.center tr td, .card > .body > table.center .card > .body .table tr td, .card > input .table .card > .body > table.center tr td, .card > .body > table.center .card > input .table tr td, .card > .body .table .card > input > table.center tr td, .card > input > table.center .card > .body .table tr td, .card > input .table .card > input > table.center tr td, .card > input > table.center .card > input .table tr td, .card > .body .table.center tr td, .card > input .card > .body .table.center tr td, .card > .body .card > input .table.center tr td, .card > .body .card > input .table.center tr td, .card > input .card > .body .table.center tr td, .card > input .table.center tr td {
          text-align: center; }
  .card > .footer,
  .card > footer {
    padding: 15px;
    align-self: end; }
  .card.overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */ }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*\
 Options buttons can be added with the OptionHelper
 An added list of action buttons consists of a FAB and its options
 Animations can be added to these buttons, such as 'flip'
 Additional boxes can be added next to the option buttons

 Index:
  |- Icon container
     |- FAB button (Floating Action Button)
  |- Action buttons
  |- Options container
     |- Appearing animation
     |- Option
        |- Additional box
  |- Animations
 */
/* Container for one specific icon
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.fab-button {
  width: 100%; }
  .fab-button img {
    width: calc(100% + 5px); }

.icon-container {
  position: relative;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  border: 2px solid #f06530; }
  .icon-container:hover {
    cursor: pointer; }
  .icon-container img {
    height: 50px;
    width: 50px; }

/* Container for FAB and all the options
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.action-buttons {
  width: 100%;
  align-self: flex-start;
  float: right;
  margin-top: -4px;
  z-index: 2; }

/* Container for all the options under FAB
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.options-list {
  position: relative;
  flex-direction: column;
  width: 50px;
  border: 0;
  color: #f06530;
  font-size: 0.9em;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s ease-out;
  /* Container for each individual option
    /*––––––––––––––––––––––––––––––––––––––––––––––––––––––*
    * Always consists of an icon image,
    * can consist of an additional box next to the icon (input, label, etc.)
    */ }
  .options-list.is-active {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s ease-in; }
  .options-list .option {
    font-size: 1.6em;
    position: relative;
    display: inline-block;
    margin-top: 10px; }
    .options-list .option .additional-box {
      height: 40px;
      width: 150px;
      float: left; }
    .options-list .option p {
      margin-top: 10px; }

/*    Animations for icons
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.flipped {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -ms-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  -webkit-transform: translateY(-5px) rotateX(180deg);
  -moz-transform: translateY(-5px) rotateX(180deg);
  -ms-transform: translateY(-5px) rotateX(180deg);
  transform: translateY(-5px) rotateX(180deg); }

.default-position {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -ms-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  -webkit-transform: translateY(3px) rotateX(0deg);
  -moz-transform: translateY(3px) rotateX(0deg);
  -ms-transform: translateY(3px) rotateX(0deg);
  transform: translateY(3px) rotateX(0deg); }

.rotate {
  -webkit-transition-duration: 0.5;
  -moz-transition-duration: 0.5;
  -ms-transition-duration: 0.5;
  -o-transition-duration: 0.5;
  transition-duration: 0.5;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -ms-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  -webkit-transform: rotateX(4pxdeg) rotateY(5pxdeg);
  -moz-transform: rotateX(4pxdeg) rotateY(5pxdeg);
  -ms-transform: rotateX(4pxdeg) rotateY(5pxdeg);
  transform: rotateX(4pxdeg) rotateY(5pxdeg); }

/*
 This type of card is used for individual views,
 such as sales order headers, employee view, and more.
 It overwrites the regular card styling where necessary.

 The regular set up for this card is:
    .grid-container.view
        |- .card
            |- .header (with either .image or .management)
                |- .details p
            |- main.body
                |...- .k-tabstrip (Kendo TabStrip contains all tab content

    #assembly-modal
*/
.grid-container.view {
  min-height: calc(100vh - 71px);
  margin-bottom: 0;
  height: 100%; }
  .grid-container.view .card {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-height: calc(100vh - 71px); }
    .grid-container.view .card:not(:disabled)::after {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .grid-container.view .card > .header {
      padding: 15px 30px 0; }
      .grid-container.view .card > .header.image {
        padding: 30px 30px 0;
        margin: 0;
        display: grid;
        grid-template-columns: 140px auto;
        float: left; }
        .grid-container.view .card > .header.image > img {
          background-color: #c4c3bf;
          min-width: 120px;
          min-height: 120px;
          width: 120px;
          height: 120px;
          border-radius: 50%;
          text-align: center; }
      .grid-container.view .card > .header.management {
        display: grid;
        grid-template-columns: 1fr; }
        .grid-container.view .card > .header.management #company-name {
          font-weight: 400; }
        .grid-container.view .card > .header.management p {
          line-height: 16px;
          margin: 0.1em; }
        @media (min-width: 1000px) {
          .grid-container.view .card > .header.management {
            grid-template-columns: max-content max-content;
            grid-column-gap: 64px; } }
      .grid-container.view .card > .header .details p {
        line-height: 16px;
        margin: 0.1em; }
    .grid-container.view .card > main.body {
      overflow-y: hidden;
      height: calc(100% - 15px);
      padding: 15px 30px 0; }
      .grid-container.view .card > main.body > .k-content {
        margin-top: 15px !important;
        height: 100%; }
        .grid-container.view .card > main.body > .k-content > div {
          height: calc(100% - 85px); }
        .grid-container.view .card > main.body > .k-content .linked-documents .upload-document {
          margin-top: 2em; }
          .grid-container.view .card > main.body > .k-content .linked-documents .upload-document form {
            max-width: 200px;
            display: grid;
            grid: 1fr 1fr /1fr 1fr;
            grid-column-gap: 40px; }
        .grid-container.view .card > main.body > .k-content .custom-grid.k-grid {
          background-color: #ffffff; }
          .grid-container.view .card > main.body > .k-content .custom-grid.k-grid .k-grid-header,
          .grid-container.view .card > main.body > .k-content .custom-grid.k-grid .k-pager-wrap {
            background-image: unset;
            background-color: #F0F0F0; }
          .grid-container.view .card > main.body > .k-content .custom-grid.k-grid .k-grid-toolbar {
            background-color: #ffffff; }
          .grid-container.view .card > main.body > .k-content .custom-grid.k-grid .k-grid-header {
            padding: 0 !important;
            border-radius: 20px; }
            .grid-container.view .card > main.body > .k-content .custom-grid.k-grid .k-grid-header-wrap {
              padding: 10px 0;
              border-radius: 20px !important; }
          .grid-container.view .card > main.body > .k-content .custom-grid.k-grid .k-grid-content {
            height: unset !important; }
      .grid-container.view .card > main.body *::-webkit-scrollbar-track {
        margin-top: 15px; }
    .grid-container.view .card .k-tabstrip-items .k-state-default .k-link {
      color: #ffffff; }
    .grid-container.view .card .k-tabstrip:focus {
      box-shadow: 0 0 0 0; }
    .grid-container.view .card .k-tabstrip-top .k-content {
      height: 100%;
      overflow-y: scroll;
      border-radius: 32px 32px 0 0;
      border: 0;
      box-shadow: 0 0 20px rgba(51, 51, 51, 0.2);
      margin: 0 22px 0 22px;
      padding: 1em 2em 2em 2em; }
      .grid-container.view .card .k-tabstrip-top .k-content ul {
        padding: 0;
        margin-top: 10px; }
    .grid-container.view .card .k-tabstrip-top > .k-tabstrip-items {
      padding: 0;
      margin-right: 96px;
      text-align: right; }
      .grid-container.view .card .k-tabstrip-top > .k-tabstrip-items .k-loading {
        border-top: 0; }
      .grid-container.view .card .k-tabstrip-top > .k-tabstrip-items .k-item {
        background-color: #092F41;
        background-image: none;
        margin-right: 1px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-width: 0; }
      .grid-container.view .card .k-tabstrip-top > .k-tabstrip-items .k-state-active {
        background-color: #f06530; }
    .grid-container.view .card .k-tabstrip-wrapper {
      height: 100%; }
      .grid-container.view .card .k-tabstrip-wrapper > .k-header {
        background-color: #ffffff;
        border-width: 0;
        height: 100%; }
    .grid-container.view .card #tab_certificates .table-section {
      margin-bottom: 32px; }
      .grid-container.view .card #tab_certificates .table-section ul {
        margin-bottom: 5px;
        margin-top: 0; }
    .grid-container.view .card #tab_certificates .column {
      float: left;
      margin-right: 32px; }
    .grid-container.view .card .personal {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr)); }
      .grid-container.view .card .personal #address {
        grid-row: 1;
        grid-column: 1; }
      .grid-container.view .card .personal #birthday {
        grid-row: 1;
        grid-column: 2; }
      .grid-container.view .card .personal #contact_info {
        grid-row: 1;
        grid-column: 3; }
      .grid-container.view .card .personal #name {
        grid-row: 2;
        grid-column: 1; }
      .grid-container.view .card .personal #identity_papers {
        grid-row: 2;
        grid-column: 2; }
      .grid-container.view .card .personal .table-section {
        margin-right: 32px; }

#assembly-modal div label {
  display: inline-block; }

#assembly-modal div > label:first-child {
  width: 200px; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
  margin-bottom: 0;
  border-width: 2px;
  box-shadow: none;
  width: auto !important; }
  .k-textbox.k-state-focused:not(:disabled), .k-textbox.k-state-active:not(:disabled), .k-textbox.k-state-hover:not(:disabled), .k-textbox:focus:not(:disabled), .k-textbox:active:not(:disabled), .k-textbox:hover:not(:disabled), .k-autocomplete.k-state-focused:not(:disabled), .k-autocomplete.k-state-active:not(:disabled), .k-autocomplete.k-state-hover:not(:disabled), .k-autocomplete:focus:not(:disabled), .k-autocomplete:active:not(:disabled), .k-autocomplete:hover:not(:disabled), .k-dropdown-wrap.k-state-focused:not(:disabled), .k-dropdown-wrap.k-state-active:not(:disabled), .k-dropdown-wrap.k-state-hover:not(:disabled), .k-dropdown-wrap:focus:not(:disabled), .k-dropdown-wrap:active:not(:disabled), .k-dropdown-wrap:hover:not(:disabled), .k-picker-wrap.k-state-focused:not(:disabled), .k-picker-wrap.k-state-active:not(:disabled), .k-picker-wrap.k-state-hover:not(:disabled), .k-picker-wrap:focus:not(:disabled), .k-picker-wrap:active:not(:disabled), .k-picker-wrap:hover:not(:disabled), .k-numeric-wrap.k-state-focused:not(:disabled), .k-numeric-wrap.k-state-active:not(:disabled), .k-numeric-wrap.k-state-hover:not(:disabled), .k-numeric-wrap:focus:not(:disabled), .k-numeric-wrap:active:not(:disabled), .k-numeric-wrap:hover:not(:disabled) {
    border-color: #1395BA;
    box-shadow: none; }
  .k-textbox.k-invalid, .k-autocomplete.k-invalid, .k-dropdown-wrap.k-invalid, .k-picker-wrap.k-invalid, .k-numeric-wrap.k-invalid {
    border-color: #CB3B33; }
  .k-textbox.k-valid, .k-autocomplete.k-valid, .k-dropdown-wrap.k-valid, .k-picker-wrap.k-valid, .k-numeric-wrap.k-valid {
    border-color: #19A37B; }

.k-state-focus {
  box-shadow: none; }

.k-datepicker {
  width: auto !important; }

form.k-form .k-form-field > .k-form-label,
form.k-form .k-form-field > .k-label {
  align-items: normal;
  width: 40%; }

.k-form-error.k-invalid-msg {
  display: none; }

.k-widget * {
  box-sizing: border-box; }

.k-wizard-step:focus {
  box-shadow: 0 0; }

form .input.file {
  width: min-content;
  border-width: 0;
  background-color: #ffffff; }
  form .input.file .k-upload {
    border-width: 0; }
  form .input.file .k-dropzone {
    background-color: #ffffff;
    padding: 0; }

.custom-grid.k-grid {
  background-color: #F1F4F5;
  border-width: 0;
  margin: 0 auto;
  padding: 0; }
  .custom-grid.k-grid .k-selectable tr:not(.k-detail-row):hover, .custom-grid.k-grid .k-selectable tr:not(.k-detail-row):active, .custom-grid.k-grid .k-selectable tr:not(.k-detail-row):focus, .custom-grid.k-grid .k-selectable tr:not(.k-detail-row).k-state-selected {
    background-image: none !important;
    cursor: pointer; }
  .custom-grid.k-grid .k-selectable tr.k-detail-row tr:hover, .custom-grid.k-grid .k-selectable tr.k-detail-row tr:active, .custom-grid.k-grid .k-selectable tr.k-detail-row tr:focus, .custom-grid.k-grid .k-selectable tr.k-detail-row tr.k-state-selected {
    background-image: none !important;
    cursor: default;
    background-color: transparent !important; }
  .custom-grid.k-grid th.k-header {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0; }
  .custom-grid.k-grid .k-grid {
    border: none; }
    .custom-grid.k-grid .k-grid-toolbar {
      text-align: right;
      background-color: #F1F4F5;
      background-image: none;
      background-size: 0;
      border-width: 0;
      padding: 0 0 15px 0;
      margin: 0; }
      .custom-grid.k-grid .k-grid-toolbar .k-button {
        margin: 0.16em 0.32em;
        padding: 0;
        float: right;
        width: 35px;
        height: 35px;
        border-radius: 50%; }
        .custom-grid.k-grid .k-grid-toolbar .k-button .k-icon {
          position: static; }
        .custom-grid.k-grid .k-grid-toolbar .k-button .k-icon-32 {
          font-size: 1.5em;
          /* Sets icon size to 32px */ }
        .custom-grid.k-grid .k-grid-toolbar .k-button .k-icon-48 {
          font-size: 2em;
          /* Sets icon size to 48px */ }
        .custom-grid.k-grid .k-grid-toolbar .k-button .k-icon-64 {
          font-size: 3em;
          /* Sets icon size to 64px */ }
      .custom-grid.k-grid .k-grid-toolbar .k-i-plus {
        font-size: 24px; }
      .custom-grid.k-grid .k-grid-toolbar .k-grid-search {
        float: left;
        border-radius: 20px;
        border: 1px solid #ffffff;
        padding-left: 12px;
        line-height: 1.8em;
        height: 2.3em;
        color: #C4C4C4; }
        .custom-grid.k-grid .k-grid-toolbar .k-grid-search input {
          color: #333333 !important;
          border-radius: 0;
          border: 0 !important; }
          .custom-grid.k-grid .k-grid-toolbar .k-grid-search input ::placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #C4C4C4 !important;
            opacity: 1;
            /* Firefox */ }
          .custom-grid.k-grid .k-grid-toolbar .k-grid-search input :-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #C4C4C4 !important; }
          .custom-grid.k-grid .k-grid-toolbar .k-grid-search input ::-ms-input-placeholder {
            /* Microsoft Edge */
            color: #C4C4C4 !important; }
    .custom-grid.k-grid .k-grid-header {
      margin: 0;
      border-radius: 30px 30px 0 0;
      border-bottom: 0;
      overflow: hidden;
      background-color: #ffffff;
      padding: 14px !important; }
      .custom-grid.k-grid .k-grid-header h3 {
        margin-bottom: 0; }
      .custom-grid.k-grid .k-grid-header-wrap {
        background-image: none;
        background-color: #F0F0F0;
        border-width: 0;
        border-radius: 27px !important;
        padding: 14px 0; }
        .custom-grid.k-grid .k-grid-header-wrap .k-header {
          background-color: #F0F0F0;
          background-image: none;
          border-width: 0;
          margin: 0; }
      .custom-grid.k-grid .k-grid-header .k-link {
        padding: 0;
        color: #808080;
        margin: 0; }
    .custom-grid.k-grid .k-grid-content {
      overflow-y: hidden;
      border-radius: 8px;
      padding-bottom: 20px; }
    .custom-grid.k-grid .k-grid-pager {
      border: none;
      border-radius: 20px; }
  .custom-grid.k-grid .k-alt, .custom-grid.k-grid .k-grid-content, .custom-grid.k-grid tr {
    background-color: #ffffff;
    color: #333333;
    border-radius: 0 0 25px 25px; }
    .custom-grid.k-grid .k-alt:hover, .custom-grid.k-grid .k-grid-content:hover, .custom-grid.k-grid tr:hover {
      background-color: #ffffff;
      color: #333333; }
  .custom-grid.k-grid input, .custom-grid.k-grid select, .custom-grid.k-grid textarea {
    height: 28px;
    align-self: center;
    vertical-align: middle; }
  .custom-grid.k-grid .k-numerictextbox .k-link {
    height: 0.9em; }
  .custom-grid.k-grid .hiddenRow {
    display: none; }

/* PDF export settings */
.pdf-page-template {
  font-family: "DejaVu Sans", "Arial", sans-serif;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .pdf-page-template .header {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    border-bottom: 1px solid #c4c3bf;
    color: #c4c3bf; }
  .pdf-page-template .footer {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    border-top: 1px solid #c4c3bf;
    text-align: center;
    color: #c4c3bf; }
  .pdf-page-template .watermark {
    font-weight: bold;
    font-size: 400%;
    text-align: center;
    margin-top: 30%;
    color: #aaaaaa;
    opacity: 0.1;
    transform: rotate(-35deg) scale(1.7, 1.5); }

/* hides the first column (checkbox) during PDF export
       needs to overwrite the defined 50px width of checkbox
       TODO: reinstate the checkboxes when selecting rows for excel works too
.k-pdf-export colgroup > col:nth-child(1) {
    width: 0 !important;
}
*/
.k-grid td {
  border-width: 0 !important; }
  .k-grid td.dense {
    line-height: 1.3em; }
  .k-grid td.standard {
    line-height: 1.6em; }
  .k-grid td.loose {
    line-height: 2.4em; }

#monitor-list .k-grid-header {
  line-height: 32px; }

.k-widget.k-window {
  border-radius: 16px; }
  .k-widget.k-window .k-window-titlebar {
    border-width: 0;
    background-color: #ffffff;
    background-image: none;
    border-radius: 16px; }
    .k-widget.k-window .k-window-titlebar .k-window-title {
      font-weight: bold;
      font-family: 'Rooney Sans regular', sans-serif; }
    .k-widget.k-window .k-window-titlebar .k-window-actions .k-button {
      display: inline-flex;
      color: #CB3B33 !important; }
      .k-widget.k-window .k-window-titlebar .k-window-actions .k-button.k-flat {
        border-radius: 50%;
        background-color: transparent !important; }
        .k-widget.k-window .k-window-titlebar .k-window-actions .k-button.k-flat:hover {
          color: #CB3B33;
          background-color: rgba(203, 59, 51, 0.2) !important; }
        .k-widget.k-window .k-window-titlebar .k-window-actions .k-button.k-flat:focus::after {
          box-shadow: none; }
      .k-widget.k-window .k-window-titlebar .k-window-actions .k-button::before {
        background-color: transparent; }

#export-modal .k-menu .k-menu-group .k-item > .k-link,
#view-modal .k-menu .k-menu-group .k-item > .k-link {
  padding: 0.2em; }

#export-modal input,
#view-modal input {
  height: auto;
  margin-bottom: 0.4em; }

#export-modal {
  text-align: center; }

#view-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center; }
  #view-modal ul.k-ext-grid-columnmenu {
    width: 100%;
    max-height: 60%;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2; }

#filter-modal {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between; }

#view-modal.k-window-content {
  overflow: unset; }

.checkbox {
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    margin-bottom: 0 !important; }

.checkmark {
  position: absolute;
  top: 3.3px;
  left: 0;
  height: 19px;
  width: 19px;
  background-color: #00000061;
  border-radius: 3px; }

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #ccc; }

/* When the checkbox is checked, add an orange background */
.checkbox input:checked ~ .checkmark {
  background-color: #f06530; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 5.5px;
  top: 2.1px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2.5px 2.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.checkbox-label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px; }

.fieldlist {
  margin: 0 0 0 20px;
  padding: 0;
  text-align: left; }
  .fieldlist li {
    list-style: none;
    padding-bottom: 10px;
    display: block; }
    .fieldlist li label {
      display: inline !important; }

#bento-icon:hover {
  fill: red; }
  #bento-icon:hover path {
    fill: red; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*\
 The topbar is filled with items depending on layout.
 Portaal-outside: logo/icon and title.
 Portaal: the above, more info, profile preview, hamburger menu, sidebar.

 Index:
 - Top bar
   |- Title
   |- Logo / icon
   |- Logged-in container (.topbar-menu)
     |- Dropdown menu (user menu and more settings menu)
     |- More Info
        |- Countdown Timer for Production Monitor
     |- Related Pages
     |- Profile Preview
     |- Hamburger menu
 - Sidebar
 - Sidebar and user_menu_dropdown lists
*/
#topbar {
  position: sticky;
  display: flex;
  flex-direction: row;
  top: 0;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  z-index: 20;
  background-color: #092F41;
  padding: 8px 20px 8px 0; }
  #topbar:not(:disabled)::after {
    content: '';
    position: absolute;
    border-radius: 32px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 3px 6px #333333;
    opacity: 0.2;
    pointer-events: none;
    transition: opacity 500ms; }
  #topbar > * {
    grid-row: 1/2; }
  #topbar div#fledge-logo {
    height: 100%;
    transform: translateY(0);
    margin: -2px 27px 0 27px;
    max-width: 113px; }
    #topbar div#fledge-logo svg {
      height: 100%; }
  #topbar .nav-bar {
    display: flex;
    height: 100%;
    border-right: 1px solid #ffffff; }
  #topbar .title-container {
    flex-grow: 1000;
    margin-left: 20px; }
  #topbar .k-breadcrumb .k-breadcrumb-link {
    color: #F1F4F5;
    opacity: 0.7;
    font-size: 14px;
    font-weight: 600;
    padding: 0 5px 0 5px; }
  #topbar .k-breadcrumb .k-breadcrumb-root-link {
    color: #F1F4F5;
    opacity: 0.7;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    padding-right: 5px; }
  #topbar .k-breadcrumb .k-breadcrumb-delimiter-icon {
    color: #F1F4F5;
    opacity: 0.7;
    font-weight: bold; }
  #topbar .k-breadcrumb-item {
    display: initial;
    padding: 0; }
  #topbar #breadcrumb {
    background-color: transparent; }
  #topbar #page-title {
    display: none;
    margin-top: 10px;
    font-family: 'Rooney Sans regular', sans-serif;
    font-weight: bold;
    color: #ffffff; }
    #topbar #page-title h3 {
      font-size: 2rem; }
    #topbar #page-title h2 {
      line-height: 30px;
      margin-block-start: 0;
      margin-block-end: 0; }
    #topbar #page-title > * {
      margin: 0; }
    @media (min-width: 550px) {
      #topbar #page-title {
        display: block;
        text-align: left; } }
  #topbar .topbar-menu {
    display: grid;
    position: relative;
    grid-template-columns: auto;
    /*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ }
    @media (min-width: 550px) {
      #topbar .topbar-menu {
        flex-grow: 1; } }
    #topbar .topbar-menu .topbar-menu-item {
      margin-left: 15px;
      grid-row: 1/2;
      align-self: center; }
    #topbar .topbar-menu .dropdown-menu {
      position: absolute;
      min-width: 200px;
      right: 10px;
      top: 100%;
      margin-top: 20px;
      background-color: #092F41;
      color: #ffffff;
      border-radius: 8px;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0.5s, opacity 0.5s ease-out; }
      #topbar .topbar-menu .dropdown-menu.is-active {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.5s ease-in; }
      #topbar .topbar-menu .dropdown-menu a {
        display: block;
        width: 100%;
        height: 100%; }
      #topbar .topbar-menu .dropdown-menu#settings_dropdown ul,
      #topbar .topbar-menu .dropdown-menu#user_menu_dropdown ul {
        padding: 0;
        margin: 12px 0 12px 0;
        list-style: none;
        display: block; }
        #topbar .topbar-menu .dropdown-menu#settings_dropdown ul li,
        #topbar .topbar-menu .dropdown-menu#user_menu_dropdown ul li {
          height: 2.5em;
          width: 100%;
          display: inline-block;
          font-weight: 700; }
          #topbar .topbar-menu .dropdown-menu#settings_dropdown ul li:hover,
          #topbar .topbar-menu .dropdown-menu#user_menu_dropdown ul li:hover {
            cursor: pointer;
            background-color: #f06530; }
          #topbar .topbar-menu .dropdown-menu#settings_dropdown ul li a, #topbar .topbar-menu .dropdown-menu#settings_dropdown ul li span,
          #topbar .topbar-menu .dropdown-menu#user_menu_dropdown ul li a,
          #topbar .topbar-menu .dropdown-menu#user_menu_dropdown ul li span {
            padding: 0 1em;
            line-height: 2.5em;
            display: block;
            color: #ffffff; }
          #topbar .topbar-menu .dropdown-menu#settings_dropdown ul li .icon,
          #topbar .topbar-menu .dropdown-menu#user_menu_dropdown ul li .icon {
            margin-right: 12px;
            width: 20px; }
    #topbar .topbar-menu button#openModal, #topbar .topbar-menu .k-widget.k-window .k-window-content #openModal.k-button, .k-widget.k-window .k-window-content #topbar .topbar-menu #openModal.k-button {
      height: 30px;
      width: 30px;
      padding: 0; }
    #topbar .topbar-menu #more-info-element {
      margin-top: -5px; }
      #topbar .topbar-menu #more-info-element svg#countdown {
        width: 30px;
        height: 30px;
        transform: rotateY(-180deg) rotateZ(-90deg); }
      #topbar .topbar-menu #more-info-element svg circle#refresh-timer {
        stroke-dasharray: 113px;
        stroke-dashoffset: 0;
        stroke-linecap: round;
        stroke-width: 4px;
        stroke: #f06530;
        fill: #e3e3e3;
        animation: countdown 30s linear infinite forwards; }

@keyframes countdown {
  from {
    stroke-dashoffset: 0; }
  to {
    stroke-dashoffset: 113px; } }
    #topbar .topbar-menu #user-profile-container {
      display: grid;
      grid-auto-flow: column;
      background-color: #f06530;
      border-radius: 50px;
      margin-right: -10px;
      height: 35px; }
      #topbar .topbar-menu #user-profile-container:hover {
        cursor: pointer; }
      #topbar .topbar-menu #user-profile-container #profile-name {
        display: none; }
      @media (min-width: 1000px) {
        #topbar .topbar-menu #user-profile-container {
          min-width: 100px;
          max-width: 200px; }
          #topbar .topbar-menu #user-profile-container #profile-name {
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            color: #ffffff;
            margin: 0 8px 0 16px;
            align-self: center;
            font-weight: 600; } }
      #topbar .topbar-menu #user-profile-container #profile-image {
        align-self: center;
        height: 30px;
        width: 30px;
        display: block;
        border-radius: 50%;
        border: #f06530 solid 2px;
        justify-self: right; }
    #topbar .topbar-menu .three-dots {
      width: 35px;
      height: 35px;
      background-image: radial-gradient(circle, #f06530 3px, transparent 1px);
      background-size: 100% 33.33%; }
      #topbar .topbar-menu .three-dots:hover {
        cursor: pointer; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*\
 The appDrawer is filled with navigational items.

 Index:
 - openMenuButton
 - appDrawer
  |- h2 (title)
  |- container (of menu items)
     |- module class
     |- menu item id's / positions
  |- footer
*/
#openMenuButton {
  position: fixed;
  left: 25px;
  bottom: 25px;
  color: #ffffff;
  background-color: #f06530;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  z-index: 10000;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  font-size: 1.6em;
  line-height: 48px; }
  #openMenuButton #bento-icon {
    width: 50%;
    height: 50%;
    margin-top: 12px; }
  #openMenuButton:hover {
    cursor: pointer;
    color: white;
    background-color: #f38860; }

#appDrawer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  margin-bottom: 0;
  z-index: 10000;
  display: none;
  padding: 20px;
  box-shadow: 0 -5px 5px 0 #c4c3bf;
  background-color: #ffffff;
  max-height: 70%; }
  #appDrawer > .container {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px 8px;
    margin: 8px 0;
    max-height: 260px;
    max-width: calc(100vw); }
    #appDrawer > .container > .module {
      width: 100%;
      height: 70px;
      word-break: break-word;
      text-align: center;
      justify-self: center;
      margin: 0 0 12px 0; }
      #appDrawer > .container > .module h4.module-name, #appDrawer > .container > .module .custom-grid.k-grid .k-grid-header .module-name.k-link, .custom-grid.k-grid .k-grid-header #appDrawer > .container > .module .module-name.k-link {
        font-size: 0.9em;
        height: 20px;
        line-height: 16px; }
      #appDrawer > .container > .module .module-icon-container {
        background-color: #ffffff;
        border-radius: 8px;
        padding: 8px 8px 0;
        height: 65px;
        margin: 0 auto; }
        #appDrawer > .container > .module .module-icon-container svg, #appDrawer > .container > .module .module-icon-container img.icon {
          height: 100%; }
      #appDrawer > .container > .module a {
        text-decoration: none;
        color: #333333; }
        #appDrawer > .container > .module a:hover {
          color: #f06530; }
          #appDrawer > .container > .module a:hover svg {
            filter: brightness(0.8); }
        #appDrawer > .container > .module a:active svg {
          filter: brightness(1.2); }
  #appDrawer > .footer {
    background-color: #ffffff;
    left: 0;
    right: 0;
    height: 50px;
    text-align: right;
    border-radius: 8px;
    padding: 8px 8px 0 8px; }
    #appDrawer > .footer > .quick-link {
      display: inline-block;
      margin: 0 8px;
      text-align: center; }
      #appDrawer > .footer > .quick-link span {
        font-size: 1.4em; }
      #appDrawer > .footer > .quick-link p {
        font-size: 0.6em;
        max-width: none;
        margin: 0; }
      #appDrawer > .footer > .quick-link a {
        text-decoration: none;
        color: #333333; }
        #appDrawer > .footer > .quick-link a:hover {
          color: #f06530; }

/* Two Factor Devices
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#client-devices {
  grid-auto-rows: max-content; }
  #client-devices #device-info {
    display: block;
    margin-top: -23px;
    height: 80px; }
    #client-devices #device-info p {
      margin-bottom: 5px; }
    #client-devices #device-info a {
      margin-left: 10px; }
    #client-devices #device-info .ip {
      color: #333333; }
  #client-devices #client-device .body, #client-devices #client-device input {
    display: grid;
    grid-template-columns: 150px auto;
    align-content: center;
    overflow-y: unset;
    overflow-x: unset; }
  #client-devices .os-image {
    height: 80px; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*\
Dashboard index:
    |- k-card
       |- header
       |- body
*/
#dashboard {
  gap: 8px;
  background-color: #F1F4F5;
  height: calc(100vh - 80px);
  width: calc(100vw); }
  @media (min-width: 800px) {
    #dashboard {
      padding: 0 40px 0 40px; } }
  #dashboard .k-card {
    border-radius: 15px;
    background-color: #ffffff; }
    #dashboard .k-card:not(:disabled)::after {
      content: '';
      position: absolute;
      border-radius: 32px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: 0 3px 6px #333333;
      opacity: 0.2;
      pointer-events: none;
      transition: opacity 500ms; }
    #dashboard .k-card:not(:disabled)::after {
      border-radius: 15px; }
    #dashboard .k-card .k-card-header {
      border: none;
      padding: 4px 8px 8px 16px;
      background-color: #ffffff;
      margin: 0;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      word-break: break-word;
      min-height: 18px; }
      #dashboard .k-card .k-card-header > .header {
        padding-bottom: 0;
        font-size: 16px;
        font-family: 'Rooney Sans regular', sans-serif; }
        #dashboard .k-card .k-card-header > .header > a:hover {
          text-decoration: none; }
    #dashboard .k-card .k-card-body {
      overflow-y: scroll; }
    #dashboard .k-card .two-column-widget.body, #dashboard .k-card input.two-column-widget {
      display: grid;
      column-gap: 8px;
      align-items: center;
      align-content: stretch;
      grid-template-columns: auto auto;
      height: 100%; }
      #dashboard .k-card .two-column-widget.body .icon, #dashboard .k-card input.two-column-widget .icon {
        justify-self: start;
        width: 60px;
        height: 100%; }
      #dashboard .k-card .two-column-widget.body .text, #dashboard .k-card input.two-column-widget .text {
        text-align: center;
        width: 100%;
        word-break: break-word;
        margin: auto 0; }
        #dashboard .k-card .two-column-widget.body .text h2, #dashboard .k-card input.two-column-widget .text h2 {
          font-size: 1.5em;
          width: 100%; }
        #dashboard .k-card .two-column-widget.body .text > *, #dashboard .k-card input.two-column-widget .text > * {
          margin: 0;
          display: inline-block; }
      @media (min-width: 800px) and (max-width: 1000px) {
        #dashboard .k-card .two-column-widget.body, #dashboard .k-card input.two-column-widget {
          column-gap: 12px; }
          #dashboard .k-card .two-column-widget.body .icon, #dashboard .k-card input.two-column-widget .icon {
            width: 80px; }
          #dashboard .k-card .two-column-widget.body .text h2, #dashboard .k-card input.two-column-widget .text h2 {
            font-size: 2em;
            width: 100%; } }
      @media (min-width: 1000px) {
        #dashboard .k-card .two-column-widget.body, #dashboard .k-card input.two-column-widget {
          column-gap: 16px; }
          #dashboard .k-card .two-column-widget.body .icon, #dashboard .k-card input.two-column-widget .icon {
            width: 100px; }
          #dashboard .k-card .two-column-widget.body .text h2, #dashboard .k-card input.two-column-widget .text h2 {
            font-size: 3em;
            width: 100%; } }
    #dashboard .k-card #order_flow img {
      width: 100%;
      height: 100%; }

#error {
  height: calc(95vh - 100px);
  grid-template-rows: auto auto; }
  #error .logo {
    align-self: end;
    height: 100px;
    margin-bottom: 2%; }
  #error .card {
    align-self: start;
    width: 300px;
    height: 265px;
    padding-top: 35px; }
    #error .card .header {
      padding-bottom: 10px; }
    #error .card .body, #error .card input {
      padding-top: 10px;
      margin-left: 18px;
      margin-right: 18px; }
    #error .card .footer {
      display: grid;
      justify-items: center;
      padding-bottom: 25px; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.dndList {
  width: 250px;
  height: 400px;
  float: left;
  margin-right: 30px;
  border: 3px solid black;
  border-radius: 3px;
  overflow: scroll; }

.ticket {
  margin: 5px;
  padding: 5px;
  text-align: left;
  border: 2px solid #ccc;
  border-radius: 5px; }

/* The support class surrounds all other html elements, overruling other css definitions.  */
.support {
  text-transform: unset; }
  .support div#support_attachments body {
    display: flex;
    flex-direction: row; }
  .support p {
    max-width: unset; }
  .support .card {
    min-width: 40%; }
  .support .header, .support h1, .support h2, .support h3, .support h4, .support .custom-grid.k-grid .k-grid-header .k-link, .custom-grid.k-grid .k-grid-header .support .k-link, .support h5, .support h6 {
    text-transform: unset; }
  .support .buttons-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start; }
  .support .help-editor-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start; }
    .support .help-editor-container > .card {
      margin: 1em;
      padding: 1.5em;
      flex-grow: 1; }
    @media (min-width: 1000px) {
      .support .help-editor-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-auto-flow: row; }
        .support .help-editor-container > .card {
          margin: 0 1em; } }
  .support .help-editor table.k-editor {
    height: 250px; }
  .support .help-editor-form main.body {
    display: grid;
    text-align: center;
    align-content: center;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px; }
    .support .help-editor-form main.body .header {
      grid-column: 1 / 3; }
    .support .help-editor-form main.body .title {
      width: 100%; }
  .support .delete-modal {
    height: auto;
    width: auto;
    background-color: #ffffff;
    border: 1px solid #f06530;
    display: none;
    z-index: 5;
    position: fixed;
    border-radius: 1em;
    padding: 1em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

#support-modal {
  display: none;
  padding-top: 0;
  margin-top: 0; }
  #support-modal .support-modal-block {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    align-items: stretch; }
    #support-modal .support-modal-block .card {
      max-width: 300px; }
      #support-modal .support-modal-block .card .header {
        text-align: center;
        padding-bottom: 0; }
      #support-modal .support-modal-block .card .svg-inline--fa.fa-stack-1x {
        height: 1em;
        width: 0.6em;
        margin-top: 6px;
        margin-left: 19px; }

div.input.text input,
div.input.textarea textarea,
div.input.file label,
div.input.file .k-upload {
  max-width: unset; }

.k-grid td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px; }

.currentSelectionHeader, .matchingResultsHeader {
  font-weight: bold; }

/** Improved desktop view */
/*
    #grid {
        min-width: 1000px;
    }
*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.licenses .info-button {
  padding: 0;
  max-width: 16px;
  margin: auto; }

.licenses .checkbox-container {
  text-align: center; }

.licenses table.checkboxes {
  overflow-x: auto;
  border-collapse: collapse;
  border-style: hidden;
  min-width: 0 !important; }
  .licenses table.checkboxes thead,
  .licenses table.checkboxes tfoot {
    font-weight: bolder;
    color: black; }
  .licenses table.checkboxes th, .licenses table.checkboxes td {
    width: 120px;
    padding: 0 0.25em 0 0.5em;
    height: 2.5em;
    border: 1px solid #808080;
    font-weight: normal; }
  .licenses table.checkboxes tr#new_user td {
    display: none; }
    .licenses table.checkboxes tr#new_user td:first-of-type {
      display: block; }

.licenses .price {
  color: #AAAAAA; }

.licenses .toolbar {
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
  float: right;
  position: relative; }
  .licenses .toolbar .level1, .licenses .toolbar .k-widget.k-window .k-window-content .k-button, .k-widget.k-window .k-window-content .licenses .toolbar .k-button {
    margin-left: 20px; }

.licenses .license-update .checkbox + label:hover {
  cursor: pointer;
  background-color: #cccccc; }

.licenses .license-update .checkbox:checked + label:hover {
  background-color: #d74710; }
  .licenses .license-update .checkbox:checked + label:hover::after {
    background-color: #d74710; }

.licenses .grid-container .k-tabstrip-items .k-state-default .k-link {
  height: 17px;
  color: #333333; }

.licenses .grid-container .k-tabstrip:focus {
  box-shadow: 0 0 0 0; }

.licenses .grid-container .k-tabstrip-top .k-content {
  height: 100%;
  overflow-y: scroll;
  border-radius: 32px 32px 32px 32px;
  border: 0;
  box-shadow: 0 0 20px rgba(51, 51, 51, 0.2);
  padding: 1em 2em 2em 2em; }
  .licenses .grid-container .k-tabstrip-top .k-content ul {
    padding: 0;
    margin-top: 10px; }

.licenses .grid-container .k-tabstrip-top > .k-tabstrip-items {
  padding: 5px 6px;
  display: inline-block;
  flex-direction: row;
  align-items: flex-start;
  background-color: #F1F4F5;
  margin-bottom: 15px;
  border-radius: 32px; }
  .licenses .grid-container .k-tabstrip-top > .k-tabstrip-items .k-loading {
    border-top: 0; }
  .licenses .grid-container .k-tabstrip-top > .k-tabstrip-items .k-item {
    background-color: #F1F4F5;
    background-image: none;
    margin-right: 1px;
    border-radius: 32px;
    border-width: 0; }
  .licenses .grid-container .k-tabstrip-top > .k-tabstrip-items .k-state-active .k-link {
    color: #ffffff;
    background-color: #f06530; }

.licenses .grid-container .k-header {
  background-color: #ffffff;
  border-width: 0;
  height: 100%; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#login {
  height: calc(100vh - 100px);
  grid-template-rows: auto auto;
  justify-items: center;
  align-items: center; }
  #login .logo {
    align-self: end;
    height: 100px;
    margin-bottom: 2%; }
  #login .login {
    grid-template-rows: 100px auto;
    align-self: start;
    align-items: center;
    width: 350px;
    height: 350px;
    background-color: #092F41;
    color: #ffffff; }
    #login .login#two-factor {
      height: 300px;
      width: 300px; }
      #login .login#two-factor .form {
        margin-top: 10px; }
    #login .login .form {
      align-self: start;
      text-align: center; }
      #login .login .form form {
        display: grid;
        justify-content: center; }
        #login .login .form form input {
          max-width: unset; }

@-moz-document url-prefix() {
  #login .login .form form input {
    min-width: 200px; } }
    #login .login .header {
      align-self: end;
      padding-bottom: 5px;
      margin: 0;
      font-family: 'Rooney Sans regular', sans-serif; }

#background-circles {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw; }
  #background-circles .circle {
    border-radius: 50%;
    position: absolute;
    transition: all 1s, border-radius 0s; }
    #background-circles .circle.primary:hover, #background-circles button.circle.level1:hover, #background-circles .k-widget.k-window .k-window-content .circle.k-button:hover, .k-widget.k-window .k-window-content #background-circles .circle.k-button:hover,
    #background-circles .circle.button.level1:hover, #background-circles .circle.level1.k-button:hover, #background-circles .licenses .grid-container .k-tabstrip-items .k-state-default .circle.level1.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default #background-circles .circle.level1.k-link:hover, #background-circles input.circle:hover[type="submit"] {
      background-color: #f59a77 !important; }
    #background-circles .circle.secondary:hover, #background-circles button.circle.level2:hover,
    #background-circles .circle.button.level2:hover, #background-circles input.circle.level2:hover[type="submit"], #background-circles .circle.level2.k-button:hover, #background-circles .licenses .grid-container .k-tabstrip-items .k-state-default .circle.level2.k-link:hover, .licenses .grid-container .k-tabstrip-items .k-state-default #background-circles .circle.level2.k-link:hover {
      background-color: #126084 !important; }
    #background-circles .circle.tertiary:hover {
      background-color: #30c1ea !important; }
  #background-circles #left-container {
    position: absolute;
    left: -300px;
    top: -300px; }
    #background-circles #left-container #left-1 {
      transform: translate(-200px, 0);
      height: 400px;
      width: 400px; }
    #background-circles #left-container #left-2 {
      transform: translate(-200px, 0);
      height: 150px;
      width: 150px; }
    #background-circles #left-container #left-3 {
      transform: translate(250px, 230px);
      height: 70px;
      width: 70px; }
  #background-circles #right-1 {
    bottom: -500px;
    right: -500px;
    height: 500px;
    width: 500px; }
  @media (min-width: 800px) {
    #background-circles #left-container {
      left: -180px;
      top: -130px; }
      #background-circles #left-container #left-1 {
        transform: translate(0, 0); }
      #background-circles #left-container #left-2 {
        transform: translate(200px, 300px); }
      #background-circles #left-container #left-3 {
        transform: translate(300px, 280px); }
    #background-circles #right-1 {
      bottom: -230px;
      right: -230px; } }
  @media (min-width: 1000px) {
    #background-circles #left-container {
      left: -170px;
      top: 8vh; }
      #background-circles #left-container #left-1 {
        transform: translate(0, 0); }
      #background-circles #left-container #left-2 {
        transform: translate(240px, 250px); }
      #background-circles #left-container #left-3 {
        transform: translate(350px, 230px); }
    #background-circles #right-1 {
      bottom: -200px; } }
  @media (min-width: 1200px) {
    #background-circles #left-container {
      left: -350px;
      top: 12vh; }
      #background-circles #left-container #left-1 {
        height: 700px;
        width: 700px; }
      #background-circles #left-container #left-2 {
        transform: translate(450px, 330px);
        height: 350px;
        width: 350px; }
      #background-circles #left-container #left-3 {
        transform: translate(600px, 230px);
        height: 170px;
        width: 170px; }
    #background-circles #right-1 {
      bottom: -250px;
      right: -250px;
      height: 700px;
      width: 700px; } }

@media (min-width: 800px) {
  #user {
    grid-template-columns: auto auto;
    grid-auto-rows: max-content; }
    #user > * {
      grid-column: unset; } }

#user-header {
  grid-template-rows: 300px auto;
  text-align: center; }
  #user-header .profile-image {
    margin-top: 50px;
    padding: 1em; }
    #user-header .profile-image > img {
      background-color: #c4c3bf;
      border-radius: 50%;
      max-width: 200px;
      width: 100%;
      height: 100%;
      box-sizing: content-box; }
  #user-header .body, #user-header input {
    grid-template-rows: max-content; }
  #user-header .profile-info {
    padding: 0;
    list-style: none;
    text-align: center; }

@media (min-width: 800px) {
  #personal-data {
    grid-row-end: span 2; } }

#personal-data .body .table-container .table th:first-child, #personal-data input .table-container .table th:first-child, #personal-data .body .table-container .table td:first-child, #personal-data input .table-container .table td:first-child {
  padding-left: 10px; }

#personal-data .body .table-container .table th:last-child, #personal-data input .table-container .table th:last-child, #personal-data .body .table-container .table td:last-child, #personal-data input .table-container .table td:last-child {
  padding-right: 10px; }

.example-grid {
  margin-bottom: 0;
  display: grid; }
  .example-grid .card {
    text-align: center; }
  .example-grid .one {
    grid-column: 1 / 4;
    grid-row: 1 / 2; }
  .example-grid .two {
    grid-column: 4 / 10;
    grid-row: 1 / 5; }
  .example-grid .three {
    grid-column: 10 / 13;
    grid-row: 1 / 9; }
  .example-grid .four {
    grid-column: 1 / 4;
    grid-row: 3 / 5; }
  .example-grid .five {
    grid-column: 1 / 10;
    grid-row: 6 / 7; }
  .example-grid .six {
    grid-column: 1 / 13;
    grid-row: 10 / 16; }

.color-container {
  margin-bottom: 20px !important; }
  .color-container .color-display {
    padding: 10px; }
    .color-container .color-display p {
      margin: 0; }

.fa-arrow-down {
  font-size: 17px;
  padding: 0 1.0625px; }

.fa-arrow-left {
  font-size: 17px;
  padding: 0 1.0625px; }

.fa-arrow-up {
  font-size: 17px;
  padding: 0 1.0625px; }

.fa-arrow-right {
  font-size: 17px;
  padding: 0 1.0625px; }

.pages ul,
.pages ol {
  line-height: 1.5;
  list-style: circle; }
  .pages ul li,
  .pages ol li {
    zoom: 1;
    padding-top: 8px;
    margin-left: 2em; }

.pages p {
  max-width: 100%; }

.pages h1, .pages h2, .pages h3, .pages h4, .pages .custom-grid.k-grid .k-grid-header .k-link, .custom-grid.k-grid .k-grid-header .pages .k-link {
  text-transform: none; }

.pages.card > .body, .pages.card > input {
  padding: 2em 2em 0 4em; }

.pages .k-header {
  background-color: #ffffff;
  border-width: 0; }

.pages .k-tabstrip-wrapper {
  padding: 0; }

.pages .k-tabstrip:focus {
  box-shadow: 0 0 0 0; }

.pages .k-tabstrip .k-tabstrip-items .k-state-default .k-link {
  color: #ffffff; }

.pages .k-tabstrip .k-content {
  margin: 0;
  padding: 0; }

.pages .k-tabstrip-top .k-content {
  border: 0 solid #333333; }

.pages .k-tabstrip-top > .k-tabstrip-items {
  padding: 0;
  margin-right: 64px;
  text-align: right; }
  .pages .k-tabstrip-top > .k-tabstrip-items .k-item {
    background-color: #092F41;
    background-image: none;
    margin-right: 1em;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-width: 0; }
  .pages .k-tabstrip-top > .k-tabstrip-items .k-state-active {
    font-weight: bold;
    background-color: #f06530; }

.pages .k-tabstrip-left .k-content {
  border-top: 1px solid #c4c3bf;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  box-shadow: 0 4px 4px 1px rgba(51, 51, 51, 0.2);
  margin: 0 2em 0 0;
  padding: 1em 2em 4em 2em; }

.pages .k-tabstrip-left > .k-tabstrip-items {
  margin-top: 32px;
  padding: 0; }
  .pages .k-tabstrip-left > .k-tabstrip-items .k-item {
    min-width: 150px;
    background-color: #092F41;
    background-image: none;
    margin-bottom: 1em;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    border-width: 0; }
    .pages .k-tabstrip-left > .k-tabstrip-items .k-item:last-of-type {
      margin-bottom: 0; }
  .pages .k-tabstrip-left > .k-tabstrip-items .k-state-active {
    font-weight: bold;
    background-color: #f06530;
    background-image: none; }

.pages ::-webkit-scrollbar-track {
  margin-top: 32px; }

/*
* Additional DataTable CSS
* Selectors need high specificity to overwrite the dataTable css selectors.
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- dataTable table
  |- full width in parent
  |- fixedHeader extension
  |- thead sorting (correcting image filepaths)
  |- tbody
  |- tr.odd
  |- tr.even
  |- rowGroup plugin classes
  |- sorting column colours
- pagination
- percentage bar
- other dataTable objects (length, filter, options)
- rowgroup styling

- styling of pm config pages
*/
#production-monitor {
  display: grid;
  grid-template-columns: 100%; }
  #production-monitor .card .body, #production-monitor .card input {
    padding: 12px 4px; }

#monitor-list {
  overflow-y: scroll;
  max-height: 500px; }

table.dataTable {
  width: 100% !important;
  table-layout: fixed !important;
  /* Rowgroup styling */ }
  table.dataTable.fixedHeader-floating {
    width: 200px !important; }
  table.dataTable tfoot tr th {
    overflow: hidden !important; }
  table.dataTable thead {
    /* Correct file paths to the images */ }
    table.dataTable thead tr th {
      overflow: hidden !important; }
    table.dataTable thead th {
      padding: 0 !important; }
    @media (min-width: 1000px) {
      table.dataTable thead th {
        padding: 0 3px !important; } }
    @media (min-width: 1200px) {
      table.dataTable thead th {
        padding: 0 5px !important; } }
    table.dataTable thead .sorting {
      background-image: url("../img/DataTables/sort_both.png"); }
    table.dataTable thead .sorting_asc {
      background-image: url("../img/DataTables/sort_asc.png"); }
    table.dataTable thead .sorting_desc {
      background-image: url("../img/DataTables/sort_desc.png"); }
    table.dataTable thead .sorting_asc_disabled {
      background-image: url("../img/DataTables/sort_asc_disabled.png"); }
    table.dataTable thead .sorting_desc_disabled {
      background-image: url("../img/DataTables/sort_desc_disabled.png"); }
  table.dataTable tbody tr td {
    text-align: left;
    overflow: hidden;
    padding: 2px 8px; }
  table.dataTable tr.odd {
    background-color: #fef3ee !important; }
    table.dataTable tr.odd:hover {
      background: #fdebe5 !important; }
  table.dataTable tr.even:hover {
    background: #c4c3bf !important; }
  table.dataTable tr.dtrg-group.dtrg-level-0.table-start-group td,
  table.dataTable tr.dtrg-group.dtrg-level-1.table-start-group td {
    font-weight: bold;
    text-align: left;
    color: #ffffff; }
  table.dataTable tr.dtrg-group.dtrg-level-0.table-start-group td {
    background-color: #092F41; }
  table.dataTable tr.dtrg-group.dtrg-level-1.table-start-group td {
    background-color: #1395BA; }
    table.dataTable tr.dtrg-group.dtrg-level-1.table-start-group td:hover {
      cursor: pointer; }
  table.dataTable tr.dtrg-group.dtrg-level-0.table-end-group td,
  table.dataTable tr.dtrg-group.dtrg-level-1.table-end-group td {
    font-weight: bold;
    text-align: right;
    background-color: #ffffff; }
  table.dataTable tr.dtrg-group.dtrg-level-0.table-end-group td {
    color: #f06530; }
  table.dataTable tr.dtrg-group.dtrg-level-1.table-end-group td {
    color: orange; }
  table.dataTable tr.dtrg-group td {
    background-color: #ffffff; }
  table.dataTable tr.dtrg-group.dtrg-level-0 td {
    font-weight: bold; }
  table.dataTable .order-column tbody tr > .sorting_1,
  table.dataTable .order-column tbody tr > .sorting_2,
  table.dataTable .order-column tbody tr > .sorting_3, table.dataTable .display tbody tr > .sorting_1,
  table.dataTable .display tbody tr > .sorting_2,
  table.dataTable .display tbody tr > .sorting_3,
  table.dataTable .order-column tbody tr.selected > .sorting_1,
  table.dataTable .order-column tbody tr.selected > .sorting_2,
  table.dataTable .order-column tbody tr.selected > .sorting_3, table.dataTable .display tbody tr.selected > .sorting_1,
  table.dataTable .display tbody tr.selected > .sorting_2,
  table.dataTable .display tbody tr.selected > .sorting_3,
  table.dataTable .display tbody tr.odd > .sorting_1, table.dataTable .order-column.stripe tbody tr.odd > .sorting_1,
  table.dataTable .display tbody tr.odd > .sorting_2, table.dataTable .order-column.stripe tbody tr.odd > .sorting_2,
  table.dataTable .display tbody tr.odd > .sorting_3, table.dataTable .order-column.stripe tbody tr.odd > .sorting_3,
  table.dataTable .display tbody tr.odd.selected > .sorting_1, table.dataTable .order-column.stripe tbody tr.odd.selected > .sorting_1,
  table.dataTable .display tbody tr.odd.selected > .sorting_2, table.dataTable .order-column.stripe tbody tr.odd.selected > .sorting_2,
  table.dataTable .display tbody tr.odd.selected > .sorting_3, table.dataTable .order-column.stripe tbody tr.odd.selected > .sorting_3,
  table.dataTable .display tbody tr.even > .sorting_1, table.dataTable .order-column.stripe tbody tr.even > .sorting_1,
  table.dataTable .display tbody tr.even > .sorting_2, table.dataTable .order-column.stripe tbody tr.even > .sorting_2,
  table.dataTable .display tbody tr.even > .sorting_3, table.dataTable .order-column.stripe tbody tr.even > .sorting_3,
  table.dataTable .display tbody tr.even.selected > .sorting_1, table.dataTable .order-column.stripe tbody tr.even.selected > .sorting_1,
  table.dataTable .display tbody tr.even.selected > .sorting_2, table.dataTable .order-column.stripe tbody tr.even.selected > .sorting_2,
  table.dataTable .display tbody tr.even.selected > .sorting_3, table.dataTable .order-column.stripe tbody tr.even.selected > .sorting_3,
  table.dataTable .display tbody tr:hover > .sorting_1, table.dataTable .order-column.hover tbody tr:hover > .sorting_1,
  table.dataTable .display tbody tr:hover > .sorting_2, table.dataTable .order-column.hover tbody tr:hover > .sorting_2,
  table.dataTable .display tbody tr:hover > .sorting_3, table.dataTable .order-column.hover tbody tr:hover > .sorting_3,
  table.dataTable .display tbody tr:hover.selected > .sorting_1, table.dataTable .order-column.hover tbody tr:hover.selected > .sorting_1,
  table.dataTable .display tbody tr:hover.selected > .sorting_2, table.dataTable .order-column.hover tbody tr:hover.selected > .sorting_2,
  table.dataTable .display tbody tr:hover.selected > .sorting_3, table.dataTable .order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: inherit; }

div.dataTables_paginate.paging_simple_numbers a.paginate_button {
  background: #ffffff !important; }
  div.dataTables_paginate.paging_simple_numbers a.paginate_button:hover {
    background: none !important;
    color: #333333 !important; }
  div.dataTables_paginate.paging_simple_numbers a.paginate_button.current, div.dataTables_paginate.paging_simple_numbers a.paginate_button.current:hover {
    background: #f06530 !important;
    color: #fff !important;
    border: 1px solid #f06530 !important; }
  div.dataTables_paginate.paging_simple_numbers a.paginate_button.next:after {
    background: none !important;
    content: " >"; }
  div.dataTables_paginate.paging_simple_numbers a.paginate_button.previous:before {
    background: none !important;
    content: "< "; }
  div.dataTables_paginate.paging_simple_numbers a.paginate_button.disabled {
    visibility: hidden; }

.dataTables_wrapper .dataTables_scroll {
  margin-bottom: 1em; }

.percentBar {
  position: relative;
  border: grey solid 1px;
  width: 100%;
  display: inline-flex;
  line-height: 24px; }

.percentBarColoured {
  height: 24px;
  background-color: green; }
  .percentBarColoured.full {
    background-color: #f06530; }
  .percentBarColoured.tooHigh {
    background-color: red; }

.percentNumber {
  position: absolute;
  left: 47%;
  color: #333333;
  text-align: center; }
  .percentNumber.high {
    color: white; }

#tableLength,
#tableFilter,
#options {
  float: right;
  margin-right: 20px; }

#options {
  margin-right: 0; }

.dataTables_filter {
  margin-top: 10px; }

.dataTables_filter label,
.dataTables_filter label input,
.dataTables_length label,
.dataTables_length label select {
  margin-bottom: 0; }

.dt-button {
  margin-left: 50px !important; }

#update_details .card {
  width: 600px;
  height: fit-content;
  align-items: center; }
  #update_details .card .header {
    text-align: center;
    padding-bottom: 0; }
  #update_details .card p {
    text-align: center; }
  #update_details .card .body, #update_details .card input {
    text-align: center; }

#add-new-pm .body form .input, #add-new-pm input form .input {
  align-items: center;
  text-align: center; }

#add-new-pm .body form #info-name, #add-new-pm input form #info-name, #add-new-pm .body form #info-memo, #add-new-pm input form #info-memo {
  max-width: none;
  box-sizing: border-box;
  width: 100%; }

#add-new-pm .body form .submit, #add-new-pm input form .submit {
  text-align: center; }

#add-new-pm .body form #info-name, #add-new-pm input form #info-name {
  text-align: center; }

#add-new-pm .body form #info-memo, #add-new-pm input form #info-memo {
  resize: none; }

#basic-info .body, #basic-info input {
  align-items: center; }

#basic-info form .input {
  align-items: center;
  text-align: center; }

#basic-info form #info-memo, #basic-info form #info-name, #basic-info form #info-row-limit, #basic-info form #info-refresh-interval {
  max-width: none;
  box-sizing: border-box;
  width: 100%;
  text-align: center; }

#basic-info form #info-memo {
  resize: none;
  text-align: left; }

#basic-info form .submit {
  text-align: center;
  margin-top: 12px; }
  #basic-info form .submit input {
    margin-bottom: 0; }

.fieldlist {
  margin: 0 0 -1em;
  padding: 0; }
  .fieldlist li {
    list-style: none;
    padding-bottom: 1em; }

.card-design-update {
  text-align: center; }
  .card-design-update .header {
    text-align: center;
    padding-bottom: 0; }
  .card-design-update .k-listbox {
    width: 450px;
    height: 310px; }
  .card-design-update label {
    margin-bottom: 5px;
    font-weight: bold;
    display: inline-block;
    width: 300px; }
  .card-design-update .k-content .k-listbox {
    text-align: left; }
  .card-design-update .k-content button, .card-design-update .k-content .k-widget.k-window .k-window-content .k-button, .k-widget.k-window .k-window-content .card-design-update .k-content .k-button {
    margin-top: 15px; }

.sunny, .cloudy, .rainy {
  display: block;
  margin: 30px auto 10px;
  width: 128px;
  height: 128px; }

.cloudy {
  background-position: -128px 0; }

.rainy {
  background-position: -256px 0; }

.weather {
  margin: 0 auto 30px;
  text-align: center; }

#tabstrip h3 {
  font-weight: lighter;
  font-size: 5em;
  line-height: 1;
  padding: 0 0 0 30px;
  margin: 0; }

#tabstrip h3 span {
  background: none;
  padding-left: 5px;
  font-size: .3em;
  vertical-align: top; }

#tabstrip p {
  margin: 0;
  padding: 0; }

#active-administration .body, #active-administration input {
  display: grid;
  justify-items: center;
  align-items: center; }
  #active-administration .body form, #active-administration input form {
    display: grid;
    justify-items: center; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#book-hours {
  height: max-content;
  min-height: 520px; }

#calendar-card {
  width: 100%; }

#total-hours-month {
  display: inline-block;
  width: max-content;
  vertical-align: middle;
  border: 1px solid #333;
  padding: .4em .65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: .25em; }

.event-delete {
  color: #fff;
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  z-index: 999; }

.fc-day {
  vertical-align: middle !important;
  text-align: center; }

.fc-time-grid-event {
  padding: 5px; }

.fc-time-grid .total-hours-day {
  display: none; }

.fc-time-grid .fc-slats td {
  height: 25px !important;
  border-bottom: 0; }

.fc-toolbar .fc-center, .fc-toolbar .fc-right {
  text-align: center; }
  .fc-toolbar .fc-center div:last-child, .fc-toolbar .fc-right div:last-child {
    margin-top: 5px;
    margin-left: 0; }
  @media (min-width: 800px) {
    .fc-toolbar .fc-center div:last-child, .fc-toolbar .fc-right div:last-child {
      margin-left: 10px;
      margin-top: 0; } }

/* General
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
  font-size: 16px; }

body {
  scroll-behavior: smooth;
  overscroll-behavior-y: none;
  background-color: #F1F4F5;
  margin: 0;
  overflow-x: hidden; }

.productionTable {
  width: 100%;
  overflow-x: hidden; }

.logo {
  max-height: 100px; }

/* Flash Message
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.message {
  position: relative;
  padding: 5px 10px;
  margin-bottom: 10px;
  min-width: 100px;
  display: inline-block;
  border-radius: 8px;
  visibility: visible;
  transition: opacity 1s linear, visibility 2s linear; }
  .message.hidden {
    visibility: hidden;
    opacity: 0; }
  .message:not(:disabled)::after {
    content: '';
    position: absolute;
    border-radius: 32px;
    border-radius: 8px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 3px 6px #333333;
    opacity: 0.2;
    pointer-events: none;
    transition: opacity 500ms; }
  .message > p {
    margin: 0; }
  .message-container {
    position: sticky;
    top: calc(40px * 2);
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    opacity: 1; }
    .message-container span:hover {
      cursor: pointer; }
    @media (min-width: 550px) {
      .message-container {
        position: fixed;
        top: calc(40px * 2);
        max-width: calc(550px / 2);
        left: 50%;
        transform: translate(-50%, 0); } }
  .message .icon {
    margin-left: 15px; }
    .message .icon:hover {
      cursor: pointer; }

/* Lines
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  border: 0.5px #c4c3bf solid;
  width: 100%; }

.vl-inline {
  border-left: 1px solid #ffffff;
  height: 1em; }

.vl-medium {
  border-left: 1px solid #ffffff;
  height: 60%; }

.vl-big {
  border-left: 1px solid #ffffff;
  height: 85%;
  margin: auto 0; }

.vl-full {
  border-left: 2px solid #ffffff;
  height: 100%; }

.cake-error {
  bottom: 0;
  color: #333333; }
  .cake-error:first-of-type {
    margin-top: 100px; }

.buttonplus {
  font-size: 20px; }

.buttondel {
  height: 15px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 15px; }

.tooltip {
  position: relative;
  display: inline-block; }
  .tooltip svg {
    font-size: 1.4em;
    vertical-align: text-top; }

.tooltip .tooltip-text {
  visibility: hidden;
  min-width: 150px;
  max-width: 300px;
  background-color: #092F41;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 6px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  transform: translateX(-50%); }

/* Arrow of the tooltip*/
.tooltip .tooltip-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #092F41 transparent; }

.tooltip:hover .tooltip-text {
  visibility: visible; }

#interactive.viewport canvas, video {
  float: left;
  width: 20em; }

#interactive.viewport canvas.drawingBuffer, video.drawingBuffer {
  margin-left: -20em; }

table.helpdesk thead tr th {
  font-weight: bold; }

table.helpdesk tbody tr:hover {
  cursor: pointer;
  background-color: #f06530; }

table thead th {
  font-weight: normal; }

/* width */
::-webkit-scrollbar {
  width: 6px; }

/* Track */
::-webkit-scrollbar-track {
  background: #F1F4F5; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #c4c3bf; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #333333; }

/* Only IE */
html {
  scrollbar-face-color: #333333;
  scrollbar-shadow-color: #333333;
  scrollbar-highlight-color: #c4c3bf; }

/* Only FireFox */
html {
  scrollbar-color: #333333 #F1F4F5;
  scrollbar-width: thin; }