/**
 * Utility Imports
 */
.clickable {
  cursor: pointer; }

/**
 * Theme Style Imports
 */
:root {
  --theme-radius-0: 20px;
  --theme-color-0: #F8F8F8;
  --theme-color-1: black;
  --theme-color-2: #EEEEEE;
  --theme-color-3: black;
  --theme-color-4: #1A1A1A;
  --theme-color-5: #606060;
  --theme-color-6: #F17526;
  --theme-color-7: #1586CC;
  --theme-color-8: #1586CC;
  --theme-color-9: black;
  --theme-color-10: #1586CC;
  --theme-color-11: #F8F8F8;
  --theme-color-12: #EEEEEE;
  --theme-color-13: #222222;
  --theme-color-14: black;
  --theme-color-15: #E3E8EA;
  --theme-color-16: #69808B;
  --theme-color-17: #1ED792;
  --theme-ordinal-1: #EF5A2A;
  --theme-ordinal-2: #C12C62;
  --theme-ordinal-3: #833B92;
  --theme-ordinal-4: #3855A2;
  --theme-ordinal-5: #1ED792;
  --theme-ordinal-6: #CD3808;
  --theme-ordinal-7: #A00A40;
  --theme-ordinal-8: #611970;
  --theme-ordinal-9: #163380; }

body .close.close {
  color: #CCC;
  opacity: 0.6;
  text-shadow: none; }

/************************************************
 * Site-wide typography
 ***********************************************/
@font-face {
  font-family: 'Gotham Book';
  src: url("fonts/Gotham-Book.woff") format("woff"), url("fonts/Gotham-Book.woff2") format("woff2"), url("fonts/Gotham-Book.ttf") format("truetype");
  font-weight: normal; }

body {
  font: 13px "Gotham Book", "Open Sans", Arial, Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/**
 * Base Style Imports
 */
ul {
  padding: 0;
  margin: 0; }

a,
a:hover,
a:active,
a:focus {
  text-decoration: none; }

/************************************************
 * Layout Style Imports
 ***********************************************/
/************************************************
 * General Page Layout definition
 ***********************************************/
body {
  overflow: hidden;
  height: 100vh;
  max-height: 100vh;
  position: relative; }

.root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden; }

header {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.body {
  position: relative;
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 5rem); }

nav {
  position: relative;
  -ms-flex: 0 0 15%;
      flex: 0 0 15%;
  min-width: 250px; }

main {
  position: relative;
  -ms-flex: 1 0 0%;
      flex: 1 0 0%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

/************************************************
 * Vendor style imports
 ***********************************************/
.angular-date-range-picker__panel {
  padding: 8px;
  float: right;
  box-sizing: content-box; }

.angular-date-range-picker__next-month {
  right: 4px; }

.angular-date-range-picker__prev-month {
  left: 4px; }

.angular-date-range-picker__prev-month:hover,
.angular-date-range-picker__next-month:hover {
  color: var(--theme-color-6); }

.angular-date-range-picker__prev-month,
.angular-date-range-picker__next-month {
  position: absolute;
  top: 8px;
  font-size: 12px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: center;
  font-weight: bold; }

.angular-date-range-picker__prev-month {
  left: 16px; }

.angular-date-range-picker__next-month {
  right: 16px; }

.angular-date-range-picker__apply {
  background: transparent;
  border: none;
  cursor: pointer; }

.angular-date-range-picker__input {
  border: 1px solid #ccc;
  padding: 5px 10px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  box-sizing: content-box; }

.angular-date-range-picker__calendar {
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
  width: 150px;
  margin: 0 5px;
  box-sizing: content-box; }

.angular-date-range-picker__timesheet {
  position: relative;
  overflow: hidden;
  float: left;
  padding: 10px 10px; }

.angular-date-range-picker__timesheet:before,
.angular-date-range-picker__timesheet:after {
  content: " ";
  display: table; }

.angular-date-range-picker__timesheet:after {
  clear: both; }

.angular-date-range-picker__calendar-day {
  border: 1px solid #fff;
  text-align: center;
  cursor: pointer;
  padding: 0; }

.angular-date-range-picker__calendar-day.angular-date-range-picker__calendar-day-disabled {
  color: #ccc; }

.angular-date-range-picker__calendar-day.angular-date-range-picker__calendar-day-selected {
  color: #fff;
  background: var(--theme-color-6); }

.angular-date-range-picker__calendar-day.angular-date-range-picker__calendar-day-disabled:hover {
  color: #ccc;
  background: #fff; }

.angular-date-range-picker__calendar-day-start {
  color: #fff;
  background: var(--theme-color-6); }

.angular-date-range-picker__month {
  width: 160px;
  float: left; }

.angular-date-range-picker__calendar-weekday {
  font-weight: normal;
  border-bottom: 1px solid #cccccc; }

.angular-date-range-picker__picker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  top: 30px;
  left: -1px;
  overflow: hidden;
  background: #fff;
  z-index: 1000;
  border: 1px solid #ccc;
  box-sizing: content-box; }

.angular-date-range-picker--ranged {
  width: 500px; }

.angular-date-range-picker__calendar-day:hover {
  background: #000;
  color: #fff; }

.angular-date-range-picker__month-name {
  text-align: center;
  background: #f8f8f8; }

.angular-date-range-picker__apply {
  color: var(--theme-color-6);
  border: 1px solid var(--theme-color-6);
  font-size: 12px;
  padding: 0 12px;
  height: 25px;
  border-radius: 3px;
  background: transparent;
  vertical-align: middle;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  transition: background 0.2s ease-out, border-color 0.2s ease-out, box-shadow 0.1s ease-out; }

.angular-date-range-picker__cancel {
  padding: 0 8px;
  display: inline-block;
  color: #000;
  cursor: pointer; }

.angular-date-range-picker__apply:hover {
  background: var(--theme-color-6);
  color: #fff; }

.angular-date-range-picker__cancel:hover {
  text-decoration: underline; }

.angular-date-range-picker__cancel {
  text-decoration: none; }

treecontrol.tree-dark li.tree-collapsed i.tree-branch-head {
  background: transparent; }
  treecontrol.tree-dark li.tree-collapsed i.tree-branch-head::before {
    content: '\25B8';
    font-style: normal;
    position: relative;
    left: -8px; }

treecontrol.tree-dark li.tree-expanded i.tree-branch-head {
  background: transparent; }
  treecontrol.tree-dark li.tree-expanded i.tree-branch-head::before {
    content: '\25BE';
    font-style: normal;
    position: relative;
    left: -8px; }

treecontrol li {
  padding: 3px 1em; }
  treecontrol li .tree-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  treecontrol li .tree-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }

treecontrol treeitem ul {
  padding-left: 20px; }

treecontrol li.tree-leaf i.tree-leaf-head,
treecontrol li.tree-expanded i.tree-branch-head,
treecontrol li.tree-collapsed i.tree-branch-head {
  height: 20px;
  width: 20px; }

.toast-top-center {
  top: 12px;
  left: 50%;
  margin-left: -150px; }

@media all and (max-width: 240px) {
  .toast-top-center {
    margin-left: 54px; } }

@media all and (min-width: 241px) and (max-width: 320px) {
  .toast-top-center {
    margin-left: -64px; } }

@media all and (min-width: 321px) and (max-width: 480px) {
  .toast-top-center {
    margin-left: -96px; } }

/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
.custom-select {
  position: relative;
  display: block;
  margin-top: 0.5em;
  padding: 0; }

/* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
.custom-select select {
  width: 100%;
  margin: 0;
  background: none;
  border: 1px solid transparent;
  outline: none;
  /* Prefixed box-sizing rules necessary for older browsers */
  box-sizing: border-box;
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
  /* Font size must the 16px or larger to prevent iOS page zoom on focus */
  font-size: 1em;
  /* General select styles: change as needed */
  font-family: helvetica, sans-serif;
  font-weight: bold;
  color: #444;
  padding: .6em 1.9em .5em .8em;
  line-height: 1.3; }

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */
.custom-select::after {
  content: "\25BE";
  position: absolute;
  width: 9px;
  height: 8px;
  top: 5px;
  right: 1em;
  z-index: 2;
  /* This hack make the select behind the arrow clickable in some browsers */
  pointer-events: none; }

/* Hover style */
.custom-select:hover {
  border: 1px solid #888; }

/* Focus style */
.custom-select select:focus {
  outline: none;
  box-shadow: 0 0 1px 3px #b4defa;
  background-color: transparent;
  color: #222;
  border: 1px solid #aaa; }

/* Set options to normal weight */
.custom-select option {
  font-weight: normal; }

/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */
/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus, .custom-select::after {
  display: none; }

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none; }
  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #222; } }

/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  .custom-select {
    overflow: hidden; }
  .custom-select select {
    width: 120%;
    width: calc(100% + em); } }

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */
.breadcrumbs__root a {
  color: var(--theme-color-13); }

.breadcrumbs__root:after {
  text-decoration: none;
  content: ' >'; }

.breadcrumbs__crumb {
  padding: 0 0.2em; }
  .breadcrumbs__crumb a {
    color: var(--theme-color-13); }
  .breadcrumbs__crumb:after {
    content: ' >'; }

.breadcrumbs__current {
  color: #000;
  font-weight: bold; }

.butterbar {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #FFA;
  max-width: 33%;
  color: #000;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 3px 13px; }

.colorpicker-visible, .colorpicker-visible .dropdown-menu {
  display: block !important; }

colorpicker-saturation {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url(data:image/png;base64,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);
  cursor: crosshair;
  float: left; }

colorpicker-saturation i {
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px; }

colorpicker-saturation i::after {
  content: '';
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #fff;
  border-radius: 5px; }

colorpicker-alpha, colorpicker-hue {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px; }

colorpicker-alpha i, colorpicker-hue i {
  display: block;
  height: 2px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px; }

.colorpicker, colorpicker-alpha {
  display: none; }

colorpicker-hue {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=); }

.colorpicker-color, colorpicker-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=); }

.colorpicker {
  top: 0;
  left: 0;
  z-index: 9999; }

.colorpicker colorpicker-alpha, .colorpicker colorpicker-hue, .colorpicker colorpicker-saturation {
  position: relative; }

.colorpicker input {
  width: 100px;
  font-size: 11px;
  color: #000;
  background-color: #fff; }

.colorpicker.alpha {
  min-width: 140px; }

.colorpicker.alpha colorpicker-alpha {
  display: block; }

.colorpicker.dropdown {
  position: absolute; }

.colorpicker.colorpicker-fixed-position {
  position: fixed; }

.colorpicker .dropdown-menu::after, .colorpicker .dropdown-menu::before {
  content: '';
  display: inline-block;
  position: absolute; }

.colorpicker .dropdown-menu::after {
  clear: both;
  border: 6px solid transparent;
  top: -5px;
  left: 7px; }

.colorpicker .dropdown-menu::before {
  border: 7px solid transparent;
  top: -6px;
  left: 6px; }

.colorpicker .dropdown-menu {
  position: static;
  top: 0;
  left: 0;
  min-width: 129px;
  padding: 4px;
  margin-top: 0; }

.colorpicker-position-top .dropdown-menu::after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  top: auto;
  bottom: -5px; }

.colorpicker-position-top .dropdown-menu::before {
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  top: auto;
  bottom: -6px; }

.colorpicker-position-right .dropdown-menu::after {
  border-right: 6px solid #fff;
  border-left: 0;
  top: 11px;
  left: -5px; }

.colorpicker-position-right .dropdown-menu::before {
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
  top: 10px;
  left: -6px; }

.colorpicker-position-bottom .dropdown-menu::after {
  border-bottom: 6px solid #fff;
  border-top: 0; }

.colorpicker-position-bottom .dropdown-menu::before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 0; }

.colorpicker-position-left .dropdown-menu::after {
  border-left: 6px solid #fff;
  border-right: 0;
  top: 11px;
  left: auto;
  right: -5px; }

.colorpicker-position-left .dropdown-menu::before {
  border-left: 7px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  top: 10px;
  left: auto;
  right: -6px; }

colorpicker-preview {
  display: block;
  height: 10px;
  margin: 5px 0 3px;
  clear: both;
  background-position: 0 100%; }

.colorpicker__box {
  height: 2rem;
  width: 4rem;
  border: 1px solid black; }

.data-table {
  width: 100%;
  border-collapse: collapse; }
  .data-table.dark {
    color: var(--theme-color-12); }
  .data-table th, .data-table td {
    padding: 0.7rem 2rem; }
  .data-table thead {
    text-align: left; }
    .data-table thead th {
      font-size: 1.1em;
      font-weight: normal;
      border-top: 2px solid rgba(0, 0, 0, 0.1);
      border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
  .data-table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .data-table.dark tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05); }
  .data-table.dark thead th {
    border-top-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: rgba(255, 255, 255, 0.1); }
  .data-table.striped tbody tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05); }
  .data-table.striped.dark tbody tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
    .data-table.striped.dark tbody tr:nth-child(odd) tr {
      border-top-color: rgba(255, 255, 255, 0.1);
      border-bottom-color: rgba(255, 255, 255, 0.1); }
  .data-table tr.selected {
    border-bottom: 0;
    border-right-width: 4px;
    border-right-style: solid;
    font-weight: bold; }
    .data-table tr.selected.full {
      border-width: 0px;
      background-color: var(--theme-color-1);
      color: white;
      font-weight: normal; }
  .data-table.bordered tbody tr {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .data-table.bordered.dark tbody tr {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .data-table .data-table__thumbnail {
    height: 16px;
    width: 16px;
    fill: #666; }

.data-table--orange tr.selected {
  color: var(--theme-color-6);
  border-color: var(--theme-color-6); }

.paged-table__toolbar {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 3em;
  padding: 0;
  margin: 1em 0; }

.flex-tabset {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 100%;
  overflow: hidden; }

.flex-tabs {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  background-color: rgba(0, 0, 0, 0.2); }

.flex-tab {
  display: inline-block;
  cursor: pointer; }

.flex-tab.active {
  color: #EEE;
  background-color: var(--theme-color-8); }

.flex-tab-body {
  -ms-flex: 1;
      flex: 1;
  overflow-y: scroll;
  overflow-x: hidden; }

header {
  background-color: var(--theme-color-1);
  color: var(--theme-color-12);
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  height: 5rem;
  -ms-flex: 0 0 5rem;
      flex: 0 0 5rem;
  border-bottom: 2px solid var(--theme-color-1); }
  header a, header a:hover, header a:active, header a:visited {
    color: var(--theme-color-12); }
  header div.logo {
    height: 100%;
    width: 15%;
    min-width: 250px; }
    header div.logo svg {
      height: 5rem;
      width: 9rem;
      margin: 0 auto;
      display: block; }
  header .header-modules {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  header .header-modules__module {
    font-size: 16px;
    padding: 1rem 2rem;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer; }
    header .header-modules__module .header-modules__module-icon {
      width: 24px;
      height: 24px;
      fill: var(--theme-color-12);
      display: block; }
      @media only screen and (min-width: 767px) {
        header .header-modules__module .header-modules__module-icon {
          display: none; } }
    header .header-modules__module .header-modules__module-name {
      text-transform: uppercase;
      display: none; }
      @media only screen and (min-width: 767px) {
        header .header-modules__module .header-modules__module-name {
          display: block; } }
    header .header-modules__module:hover, header .header-modules__module:active, header .header-modules__module:focus {
      background-color: var(--theme-color-1); }
    header .header-modules__module.selected {
      border-bottom-color: var(--theme-color-2);
      color: var(--theme-color-2); }
      header .header-modules__module.selected .header-modules__module-name {
        margin-left: 1em;
        display: block; }
        @media only screen and (min-width: 767px) {
          header .header-modules__module.selected .header-modules__module-name {
            margin-left: 0; } }
  header .header-dropdown {
    font-size: 18px;
    height: 100%;
    border-left: 2px solid var(--theme-color-1);
    border-right: 2px solid var(--theme-color-1);
    cursor: pointer; }
    header .header-dropdown.project {
      max-width: 24rem;
      min-width: 15%;
      background-color: var(--theme-color-1); }
    header .header-dropdown.module {
      max-width: 24rem;
      min-width: 10%;
      text-transform: uppercase; }
    header .header-dropdown.managers {
      margin-left: auto;
      border-right: 0; }
    header .header-dropdown.open {
      background-color: var(--theme-color-1); }
    header .header-dropdown__inner {
      height: 100%;
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding: 0 1rem; }
    header .header-dropdown__name {
      margin-right: 1rem; }
      header .header-dropdown__name small {
        font-size: 0.8rem;
        color: #666;
        margin-right: 1rem; }
    header .header-dropdown__avatar {
      margin-right: 1rem; }
    header .header-dropdown__icon {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 1rem;
      width: 24px;
      height: 24px;
      fill: var(--theme-color-12); }
    header .header-dropdown__logo {
      margin-right: 1rem; }
      header .header-dropdown__logo img {
        display: block;
        height: 3rem;
        border-radius: 3px;
        border: 1px solid var(--theme-color-1);
        background-color: white;
        box-shadow: 0px 0px 0px 1px var(--theme-color-1); }
    header .header-dropdown__dropdown-arrow {
      margin-left: auto; }
    header .header-dropdown .dropdown-menu {
      margin: 0 -2px;
      width: calc(100% + 4px);
      min-width: 220px;
      max-height: calc(100vh - 4rem);
      overflow: auto;
      background-color: var(--theme-color-1);
      border-radius: 0px;
      border: 2px solid var(--theme-color-4);
      border-top-color: transparent; }
    header .header-dropdown__heading {
      padding: 0.5rem; }
      header .header-dropdown__heading input {
        padding: 0.5em;
        background-color: rgba(255, 255, 255, 0.1);
        border: 0px;
        border-radius: 1px;
        color: var(--theme-color-12); }
        header .header-dropdown__heading input:focus {
          background-color: rgba(255, 255, 255, 0.5);
          color: #333; }
    header .header-dropdown__item-group:not(:first-child) {
      border-top: 1px solid #454b53; }
    header .header-dropdown__item-group:not(:last-child) {
      border-bottom: 1px solid #454b53; }
    header .header-dropdown__item-group-heading {
      font-size: 0.9rem;
      color: var(--theme-color-12);
      font-weight: bold;
      padding: 1rem;
      cursor: default; }
    header .header-dropdown__item {
      padding: 0 1rem;
      height: 3rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      header .header-dropdown__item:hover {
        background-color: rgba(0, 0, 0, 0.1); }

.header-panel {
  -ms-flex: 1;
      flex: 1;
  position: relative;
  height: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .header-panel__header {
    position: relative;
    z-index: 1;
    -ms-flex: 0 0 4em;
        flex: 0 0 4em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    background-color: var(--theme-color-3);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.19); }
    .header-panel__header svg.type.icon {
      font-size: 26px;
      height: 1em;
      width: 1em;
      display: block;
      fill: var(--theme-color-8); }
    .header-panel__header h2 {
      margin: 0 1rem;
      max-width: 35em;
      color: var(--theme-color-8);
      fill: var(--theme-color-8);
      text-transform: capitalize; }
    .header-panel__header.transparent {
      background-color: transparent;
      box-shadow: initial;
      z-index: 1; }
    .header-panel__header-tools {
      margin-left: auto; }
      .header-panel__header-tools .icon-button {
        margin-left: 1em; }
  .header-panel__header.dark {
    background-color: var(--theme-color-3);
    color: #CCC; }
  .header-panel__paginator {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .header-panel__paginator label {
      margin: 0 1em; }
  .header-panel__content {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    overflow: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .header-panel__filter {
    position: relative; }
    .header-panel__filter svg {
      position: absolute;
      top: 5px;
      left: 16px; }
    .header-panel__filter input {
      margin-left: 1rem;
      border-radius: var(--theme-radius-0);
      border: 0;
      height: 2rem;
      padding-left: 25px !important; }

.icon-button {
  font-size: 14px;
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: var(--theme-color-6);
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 5px 12px;
  cursor: pointer;
  color: white;
  /* Button Colors */ }
  .icon-button.rounded {
    border-radius: var(--theme-radius-0); }
  .icon-button.rounded-left {
    border-top-left-radius: var(--theme-radius-0);
    border-bottom-left-radius: var(--theme-radius-0);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .icon-button.rounded-right {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: var(--theme-radius-0);
    border-bottom-right-radius: var(--theme-radius-0); }
  .icon-button.inline {
    font-size: 12px;
    padding: 1px 3px; }
  .icon-button__icon,
  .icon-button .icon {
    width: 1em;
    height: 1em;
    margin: 0;
    fill: white; }
    .icon-button__icon:not(:last-child),
    .icon-button .icon:not(:last-child) {
      margin-left: -3px;
      margin-right: 6px; }
  .icon-button .text {
    color: white; }
  .icon-button.transparent {
    background-color: transparent; }
    .icon-button.transparent .icon {
      fill: #333; }
    .icon-button.transparent .text {
      color: #333; }
    .icon-button.transparent.dark .text {
      color: #CCC; }
    .icon-button.transparent.dark .icon {
      fill: #CCC; }
    .icon-button.transparent:hover {
      border: 1px solid #666; }
      .icon-button.transparent:hover .text {
        color: black; }
      .icon-button.transparent:hover .icon {
        fill: black; }
    .icon-button.transparent.dark:hover {
      border: 1px solid #CCC; }
      .icon-button.transparent.dark:hover .text {
        color: white; }
      .icon-button.transparent.dark:hover .icon {
        fill: white; }
    .icon-button.transparent.active {
      background-color: rgba(0, 0, 0, 0.5); }
      .icon-button.transparent.active:hover {
        border: 1px solid transparent; }
      .icon-button.transparent.active svg.icon, .icon-button.transparent.active:hover svg.icon {
        fill: white; }
    .icon-button.transparent.active.dark {
      background-color: rgba(255, 255, 255, 0.5); }
      .icon-button.transparent.active.dark .icon, .icon-button.transparent.active.dark:hover .icon {
        fill: black; }
      .icon-button.transparent.active.dark .text {
        color: black; }
  .icon-button.disabled, .icon-button[disabled] {
    opacity: 0.4;
    cursor: default; }

.icon-button.accent {
  background-color: var(--theme-color-7); }

.icon-button.background {
  background-color: var(--theme-color-3); }

.icon-button.default {
  background-color: #666; }

.icon-button.danger {
  background-color: #A00; }

.icon-button.success {
  background-color: #0C0; }

.icon-button.transparent.link:hover {
  border-color: transparent; }
  .icon-button.transparent.link:hover .text {
    text-decoration: underline; }

.icon {
  height: 1.2em;
  width: 1.2em; }
  .icon.inline {
    display: inline-block;
    height: 0.9em;
    width: 0.9em; }

.loading__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.loading__spinner {
  -webkit-animation-name: ckw;
          animation-name: ckw;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

@-webkit-keyframes ckw {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes ckw {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.logo {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  color: white; }

header img.logo {
  width: 3rem;
  height: 3rem;
  border-radius: 50%; }

.resource-logo {
  width: 64px;
  height: 64px;
  border-radius: 3px;
  display: block;
  overflow: hidden; }
  .resource-logo svg,
  .resource-logo .img,
  .resource-logo img {
    width: 100%;
    height: 100%; }
  .resource-logo.small {
    width: 32px;
    height: 32px; }
  .resource-logo.wide {
    width: 300px;
    height: 169px; }
  .resource-logo.round {
    border-radius: 50%; }

main {
  background-color: var(--theme-color-0);
  color: var(--theme-color-13); }

.modal-content {
  border-radius: 2px; }

.nav {
  position: relative;
  z-index: 2;
  background-color: var(--theme-color-3);
  color: var(--theme-color-12);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.19); }
  .nav svg.icon {
    fill: #CCC;
    margin: 1em; }
  .nav .project {
    -ms-flex-align: center;
        align-items: center;
    color: var(--theme-color-7);
    position: relative;
    -ms-flex: 0 0 4em;
        flex: 0 0 4em;
    padding: 1em; }
  .nav .project-name {
    cursor: pointer; }
    .nav .project-name:hover .name {
      text-decoration: underline; }
    .nav .project-name .arrow {
      color: var(--theme-color-6);
      text-decoration: none; }
  .nav .pop-over {
    z-index: 1000;
    position: absolute;
    left: 20%;
    top: 3em;
    background-color: white;
    border-radius: 4px;
    min-height: 20em;
    width: 500px;
    box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .nav .pop-over h4 {
      margin: 0.3em 0 1em 0.3em; }
    .nav .pop-over svg.cancel {
      position: absolute;
      right: 0;
      top: 0;
      height: 18px;
      width: 18px;
      fill: var(--theme-color-13); }
    .nav .pop-over .grid {
      list-style: none;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .nav .pop-over .grid li {
        margin: 0.2em 0.5em 0 0;
        display: -ms-flexbox;
        display: flex; }
        .nav .pop-over .grid li img {
          height: 5em; }
        .nav .pop-over .grid li.selected {
          box-shadow: 0px 0px 15px 0px;
          border: 0; }
    .nav .pop-over .pop-over--header {
      border-radius: 4px 4px 0 0;
      background-color: var(--theme-color-3);
      padding: 1em; }
    .nav .pop-over .pop-over--content {
      padding: 1em;
      color: var(--theme-color-13);
      border-top: 1px solid rgba(0, 0, 0, 0.2); }

.nav__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin: 1em 0; }

.nav__bottom-pane {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden; }

.pagination {
  margin: 0;
  border-radius: 4px; }

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > a:hover {
  background-color: var(--theme-color-8);
  border-color: var(--theme-color-8); }

.pagination > li:first-child > a {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }

.pagination > li:last-child > a {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px; }

.custom-select {
  margin-top: 0; }

.select {
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 2px; }

.toolbar {
  position: relative;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 1;
  min-height: 4em;
  background-color: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  padding: 0.5em; }
  .toolbar .view {
    margin: 0 1em;
    max-width: 35em;
    color: var(--theme-color-3);
    text-transform: capitalize; }
  .toolbar .date-range {
    margin-left: auto; }

.tools {
  margin-left: auto;
  margin-right: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.2em; }
  .tools .icon-button {
    margin-left: 0.5em;
    padding: 0.2em; }
  .tools__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .tools__group:not(:last-child) {
      border-right: 2px solid rgba(0, 0, 0, 0.1);
      padding-right: 1em;
      margin-right: 1em; }
  .tools input {
    font-size: 0.7em;
    padding: 0.4em; }

.date-range {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .date-range .angular-date-range-picker__input {
    margin-right: 1em;
    border: 0;
    outline: 0;
    cursor: pointer;
    background-color: #EEE;
    border-radius: var(--theme-radius-0); }
    .date-range .angular-date-range-picker__input .select-options {
      color: var(--theme-color-8);
      display: none; }
  .date-range ul {
    list-style: none;
    display: none;
    padding-left: 1em;
    border-left: 1px solid rgba(0, 0, 0, 0.2); }
    @media only screen and (min-width: 1024px) {
      .date-range ul {
        display: -ms-flexbox;
        display: flex; } }
    .date-range ul li {
      margin: 0 0.5em;
      cursor: pointer; }
      .date-range ul li.selected {
        border-bottom-color: var(--theme-color-6);
        color: var(--theme-color-6); }

.vertical-menu {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto; }

.vertical-menu--item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch;
  min-height: 3.5em;
  font-weight: normal; }
  .vertical-menu--item--inline {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center; }
  .vertical-menu--item:hover {
    background-color: rgba(255, 255, 255, 0.1); }
  .vertical-menu--item.selected {
    background-color: rgba(255, 255, 255, 0.1);
    border-right: 2px solid var(--theme-color-8);
    border-bottom: none; }
    .vertical-menu--item.selected > .anchor, .vertical-menu--item.selected > a, .vertical-menu--item.selected > a:hover, .vertical-menu--item.selected > a:active, .vertical-menu--item.selected > a:visited {
      text-decoration: none;
      color: var(--theme-color-8); }
  .vertical-menu--item > a, .vertical-menu--item > .anchor {
    padding: 0.7em 0 0.7em 2em;
    min-height: 3.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    color: var(--theme-color-12); }
  .vertical-menu--item a:hover {
    color: #FFF; }
  .vertical-menu--item .menu {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch; }
    .vertical-menu--item .menu .menu__item {
      margin: 0.5em 3em;
      color: #CCC; }
      .vertical-menu--item .menu .menu__item a, .vertical-menu--item .menu .menu__item a:visited, .vertical-menu--item .menu .menu__item a:active {
        color: #CCC; }
      .vertical-menu--item .menu .menu__item .selected {
        border-bottom-width: 0px;
        font-weight: bold;
        color: #FFF; }
    .vertical-menu--item .menu .menu__actions {
      margin: 2em 0.2em 1em 0.2em;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .vertical-menu--item .dark.menu {
    background-color: rgba(0, 0, 0, 0.4); }

.tabbed-menu {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto; }

.tabbed-menu__tabs {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -ms-flex: 0 0 7em;
      flex: 0 0 7em; }

.tabbed-menu__tab {
  cursor: pointer;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 1em;
  border-color: #333;
  border-bottom-style: solid;
  border-bottom-width: 2px; }
  .tabbed-menu__tab.selected {
    border-color: var(--theme-color-8); }

.tabbed-menu__content {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  overflow: auto; }

.item-select__list {
  list-style: none;
  color: var(--theme-color-13);
  overflow: auto; }
  .item-select__list .item-select__item.selected, .item-select__list .item-select__item:hover {
    background-color: rgba(0, 0, 0, 0.1); }
  .item-select__list.dark .item-select__item.selected, .item-select__list.dark .item-select__item:hover {
    background-color: rgba(255, 255, 255, 0.1); }
  .item-select__list .item-select__item.selected {
    border-right-style: solid;
    border-right-width: 2px; }
  .item-select__list.full .item-select__item.selected {
    border-width: 0px;
    background-color: var(--theme-color-13);
    color: white; }
  .item-select__list.dark .item-select__item, .item-select__list.dark .item-select__item a {
    color: #EEE; }

.item-select__list.horizontal {
  display: -ms-flexbox;
  display: flex; }
  .item-select__list.horizontal .item-select__item {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    min-height: 3.5em;
    border-bottom: 2px solid #333;
    padding: 0; }
    .item-select__list.horizontal .item-select__item:hover {
      background-color: transparent; }
    .item-select__list.horizontal .item-select__item.selected {
      background-color: transparent;
      border-right-width: 0;
      border-bottom: 2px solid var(--theme-color-13); }

.item-select__item {
  border-color: var(--theme-color-13);
  cursor: pointer;
  padding: 1em 0 1em 2em; }

.toggle {
  display: -ms-flexbox;
  display: flex;
  float: right; }
  .toggle div {
    padding: 3px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-collapse: collapse; }
    .toggle div:not(:last-child) {
      border-right: 0; }
    .toggle div:first-child {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .toggle div:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .toggle div.selected {
      border-color: rgba(0, 0, 0, 0.2);
      background-color: rgba(0, 0, 0, 0.1); }
      .toggle div.selected svg {
        fill: var(--theme-color-6); }
    .toggle div svg {
      height: 1.2em;
      width: 1.2em; }

.table-grid {
  width: 100%;
  border-collapse: collapse; }
  .table-grid th {
    padding: 0.7rem 2rem; }
  .table-grid td {
    border: 1px solid #CCC; }
  .table-grid thead {
    text-align: left; }
    .table-grid thead th {
      font-size: 1.1em;
      font-weight: normal;
      border-top: 2px solid #CCC;
      border-bottom: 2px solid #CCC; }
  .table-grid tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .table-grid tbody tr td input,
  .table-grid tbody tr td select {
    width: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: initial; }

.inspector {
  position: relative;
  -ms-flex: 0 0 33%;
      flex: 0 0 33%;
  min-width: 300px;
  border-left: 1px solid #CCC;
  background-color: #EFEFEF;
  overflow: auto; }
  .inspector:empty {
    min-width: 0;
    -ms-flex-preferred-size: 0%;
        flex-basis: 0%; }

.status-dot {
  display: inline-block;
  height: 0.75em;
  width: 0.75em;
  border-radius: 50%;
  border: 1px solid #CCC;
  background-color: #CC0;
  margin: 0 5px; }
  .status-dot--success {
    background-color: #0C0; }
  .status-dot--failure {
    background-color: #C00; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */ }

.login__container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--theme-color-3); }

.login__logo-behind {
  display: none;
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .login__logo-behind svg {
    height: 820px;
    width: 820px;
    color: white; }
  @media only screen and (min-width: 560px) {
    .login__logo-behind {
      display: block; } }

.login__logo-background {
  height: 660px;
  width: 100%;
  max-width: 660px;
  background-color: var(--theme-color-3);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  @media only screen and (min-width: 660px) {
    .login__logo-background {
      border-radius: 50%;
      width: 660px;
      padding: 60px; } }

.login-form__container {
  height: 560px;
  width: 100%;
  max-width: 560px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  @media only screen and (min-width: 560px) {
    .login-form__container {
      border-radius: 50%;
      width: 560px;
      padding: 60px; } }

.login-form__checkbox {
  background: green; }

.login-form__header {
  width: 100%; }

.login-form__logo svg {
  width: 100%;
  margin-bottom: 10px; }

.login-form__body {
  width: 100%;
  color: white; }
  .login-form__body .form-group.centered {
    text-align: center; }

.login-vo__container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #FFFFFF; }

.login-vo__logo-behind {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 1218px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: URL("https://embed.widencdn.net/img/visitorlando/3rwbokyiyz/300x609px/gcm-vo-web-app-iphone-300px.png?crop=false&position=c&color=ffffffff&u=kijvyw");
  background-size: 100%; }
  @media only screen and (min-width: 560px) {
    .login-vo__logo-behind {
      display: block; } }

.login-vo-form__container {
  height: 360px;
  width: 100%;
  max-width: 450px;
  background-color: white;
  position: absolute;
  top: 57%;
  left: 50%;
  -webkit-transform: translate(-50%, -57%);
          transform: translate(-50%, -57%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  @media only screen and (min-width: 450px) {
    .login-vo-form__container {
      border-radius: 8%;
      width: 450px;
      padding: 20px; } }

.login-vo-form__logo {
  width: 300px;
  height: 100px;
  align-itmes: center;
  background: URL("https://is5-ssl.mzstatic.com/image/thumb/Purple118/v4/e6/d0/18/e6d01860-769c-e5fb-6efa-6c57abc946b7/AppIcon-1x_U007emarketing-85-220-5.png/246x0w.jpg") center no-repeat;
  background-size: 25%; }

.analytics h1 {
  font-size: 2em;
  text-transform: capitalize;
  color: var(--theme-color-7); }

.analytics h2 {
  font-size: 2em;
  text-transform: capitalize;
  color: var(--theme-color-16); }

.analytics h3 {
  margin-top: 1em;
  font-size: 1.7em;
  color: var(--theme-color-6); }

.analytics .date-range {
  margin-left: auto;
  margin-right: 1em; }

div.chart.segmented {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  div.chart.segmented span.subtitle {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 1em;
    display: block; }
  div.chart.segmented div.segment {
    position: relative; }
    div.chart.segmented div.segment:not(:last-child) {
      margin-bottom: 2em;
      padding-bottom: 2em; }
    div.chart.segmented div.segment.details {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      div.chart.segmented div.segment.details .dc-chart {
        min-height: 200px; }
    div.chart.segmented div.segment.overview {
      border-bottom: 0; }
    div.chart.segmented div.segment div[dc-chart="pieChart"] {
      height: 300px; }
    div.chart.segmented div.segment div.data {
      /*height: 287px;*/
      margin-top: 1em;
      overflow: auto; }
  div.chart.segmented div.segments {
    width: 33%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-right: 1em;
    padding-right: 1em; }
  div.chart.segmented div.vertical-chart {
    width: 67%; }
    div.chart.segmented div.vertical-chart [dc-chart] {
      margin-top: 1em;
      float: none; }

div.chart {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  border: 2px solid var(--theme-color-10);
  border-radius: 3px;
  margin: 1em;
  padding: 2em; }
  div.chart.carriers {
    height: 360px;
    display: -ms-flexbox;
    display: flex; }
  div.chart .usage {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 2em;
    border-bottom: 4px solid transparent;
    margin-bottom: 2em; }
    div.chart .usage .details {
      width: 33%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      border-right: 4px solid transparent;
      margin-right: 2em;
      padding-right: 2em; }
      div.chart .usage .details .total-sessions {
        height: 8em;
        border-bottom: 1px dotted #AAA;
        padding-bottom: 1em;
        margin-bottom: 1em; }
      div.chart .usage .details .breakdown {
        display: -ms-flexbox;
        display: flex;
        text-align: center; }
        div.chart .usage .details .breakdown .new, div.chart .usage .details .breakdown .returning, div.chart .usage .details .breakdown .total {
          -ms-flex: 1;
              flex: 1;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          margin: 1em; }
        div.chart .usage .details .breakdown span.value {
          font-size: 3em;
          font-weight: bold;
          border-bottom-width: 7px;
          border-bottom-style: solid; }
        div.chart .usage .details .breakdown span.key {
          font-size: 1.1em;
          margin-top: 1em; }
        div.chart .usage .details .breakdown .new span.value {
          color: var(--theme-color-17);
          border-bottom-color: var(--theme-color-17); }
        div.chart .usage .details .breakdown .returning span.value {
          color: var(--theme-color-8);
          border-bottom-color: var(--theme-color-8); }
        div.chart .usage .details .breakdown .total span.value {
          color: var(--theme-color-6);
          border-bottom-color: var(--theme-color-6); }
    div.chart .usage .totals {
      width: 67%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
      div.chart .usage .totals .legend {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
        div.chart .usage .totals .legend div {
          display: inline-block;
          border-top-width: 2px;
          border-top-style: solid;
          width: 15em;
          font-size: 10px;
          margin: 1em; }
          div.chart .usage .totals .legend div h4 {
            font-size: 1.2em;
            font-weight: bold;
            text-align: center;
            margin-top: 0.2em;
            margin-bottom: 0.5em; }
          div.chart .usage .totals .legend div.session {
            border-top-color: var(--theme-color-8); }
          div.chart .usage .totals .legend div.unique {
            border-top-color: var(--theme-color-6); }
          div.chart .usage .totals .legend div.new {
            border-top-color: var(--theme-color-8); }
  div.chart .engagement {
    display: -ms-flexbox;
    display: flex; }
    div.chart .engagement > div {
      -ms-flex: 1;
          flex: 1; }
    div.chart .engagement > div:not(:last-child) {
      border-right: 4px solid transparent;
      padding-right: 1em;
      margin-right: 2em; }

div.dc-chart {
  float: none;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  -ms-flex: 1;
      flex: 1; }
  div.dc-chart circle.dot {
    stroke: black;
    stroke-width: 1px;
    fill: white; }
  div.dc-chart g.row text {
    fill: #000;
    text-anchor: end; }
  div.dc-chart .pie-slice {
    fill: #000;
    text-anchor: middle; }

div.data {
  margin: 1em; }
  div.data table {
    width: 100%;
    border-collapse: collapse; }
    div.data table th, div.data table td {
      padding: 0.7rem 2rem; }
    div.data table thead {
      text-align: left; }
      div.data table thead th {
        font-size: 1.1em;
        font-weight: normal;
        border-top: 2px solid var(--theme-color-12);
        border-bottom: 2px solid var(--theme-color-12); }
    div.data table tbody tr:nth-child(odd) {
      background-color: #FFF; }

div#world-map {
  height: 0;
  padding-bottom: 62%;
  position: relative; }

@media (max-width: 1024px) {
  div.chart.segmented {
    -ms-flex-direction: column;
        flex-direction: column; }
  div.chart.segmented div.segments {
    width: 100%;
    margin-right: 0;
    border-right: 0; }
  div.chart.segmented div.vertical-chart {
    width: 100%; }
  div.chart .usage {
    -ms-flex-direction: column;
        flex-direction: column;
    height: initial; }
    div.chart .usage .details {
      width: 100%;
      border: 0; }
    div.chart .usage .totals {
      width: 100%; }
  div.chart .engagement {
    -ms-flex-direction: column;
        flex-direction: column; }
    div.chart .engagement > div:not(:last-child) {
      border: 0;
      border-bottom: 4px solid #EEE;
      padding-bottom: 2em;
      margin-bottom: 2em; } }

div.dashboard {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 0%;
      flex: 1 0 0%;
  width: 100%;
  height: 100%;
  padding-top: 1em;
  overflow: auto; }
  div.dashboard div.trend {
    font-size: 1rem; }
    div.dashboard div.trend:before {
      content: '\25B2';
      color: var(--theme-color-5);
      font-size: 125%; }
    div.dashboard div.trend.negative:before {
      content: '\25BC';
      color: red; }
  div.dashboard h2 {
    font-size: 2.2rem;
    color: var(--theme-color-16); }
  div.dashboard h3 {
    margin-top: 0;
    font-size: 1.7rem;
    color: #000;
    font-weight: 600; }
  div.dashboard strong {
    font-weight: normal;
    font-size: 125%; }
  div.dashboard div.value {
    font-size: 2.7rem;
    color: var(--theme-color-7); }
  div.dashboard div.details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    div.dashboard div.details .value {
      margin-right: 1em; }
  div.dashboard g.c3-chart-arcs text {
    display: none; }
  div.dashboard div.dashboard-left {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding-top: 1em;
    padding-left: 3em;
    padding-right: 2em;
    border-right: 4px solid var(--theme-color-15);
    margin-right: 2em; }
    div.dashboard div.dashboard-left div.users {
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 2em;
      border-bottom: 4px solid var(--theme-color-15);
      margin-bottom: 2em; }
      div.dashboard div.dashboard-left div.users div.session-total {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin-right: 3em; }
        div.dashboard div.dashboard-left div.users div.session-total div.value.total {
          color: var(--theme-color-6); }
        div.dashboard div.dashboard-left div.users div.session-total .dc-chart {
          height: 200px; }
        div.dashboard div.dashboard-left div.users div.session-total div#total-sessions {
          border: 1px solid #AAA;
          background-color: white;
          height: 20em;
          min-height: 20em; }
      div.dashboard div.dashboard-left div.users div.user-summary {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
        div.dashboard div.dashboard-left div.users div.user-summary > div {
          margin-bottom: 2em; }
    div.dashboard div.dashboard-left div.summary {
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 2em;
      border-bottom: 4px solid var(--theme-color-15);
      margin-bottom: 2em; }
      div.dashboard div.dashboard-left div.summary h2 {
        margin-bottom: 1em; }
      div.dashboard div.dashboard-left div.summary > div {
        -ms-flex: 1;
            flex: 1; }
      div.dashboard div.dashboard-left div.summary div.hardware {
        padding-right: 2em;
        border-right: 4px solid var(--theme-color-15);
        margin-right: 2em; }
        div.dashboard div.dashboard-left div.summary div.hardware > div {
          margin: 1em 0; }
      div.dashboard div.dashboard-left div.summary div.engagement > div {
        margin: 1em 0; }
    div.dashboard div.dashboard-left div.locations {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      padding-bottom: 2em;
      border-bottom: 4px solid var(--theme-color-15);
      margin-bottom: 2em;
      position: relative; }
      div.dashboard div.dashboard-left div.locations .locations__map-container {
        position: relative;
        overflow: hidden;
        width: 100%;
        max-width: 700px;
        -ms-flex-item-align: center;
            align-self: center; }
      div.dashboard div.dashboard-left div.locations div#locations {
        height: 0;
        padding-bottom: 54%; }
      div.dashboard div.dashboard-left div.locations div.panels {
        display: -ms-flexbox;
        display: flex; }
        div.dashboard div.dashboard-left div.locations div.panels > div {
          -ms-flex: 1;
              flex: 1;
          margin: 1em; }
          div.dashboard div.dashboard-left div.locations div.panels > div h3 {
            font-size: 2.2rem;
            font-weight: normal;
            color: var(--theme-color-6); }
  div.dashboard div.dashboard-right {
    -ms-flex: 0 1 360px;
        flex: 0 1 360px;
    padding-top: 1em;
    padding-right: 3em; }
    div.dashboard div.dashboard-right div.events {
      padding-bottom: 2em;
      border-bottom: 4px solid var(--theme-color-15);
      margin-bottom: 2em;
      color: black; }
      div.dashboard div.dashboard-right div.events div.value {
        color: var(--theme-color-16); }
      div.dashboard div.dashboard-right div.events h4 {
        margin-top: 1rem;
        font-size: 1rem;
        color: var(--theme-color-6); }
      div.dashboard div.dashboard-right div.events div.event {
        padding-bottom: 2em; }
      div.dashboard div.dashboard-right div.events div.event:not(:last-child) {
        border-bottom: 2px dotted var(--theme-color-15);
        margin: 2em 0; }

@media (max-width: 1024px) {
  main div.content div.dashboard {
    -ms-flex-direction: column;
        flex-direction: column;
    bottom: initial; }
    main div.content div.dashboard div.dashboard-left {
      position: relative;
      border-right: 0; }
    main div.content div.dashboard div.dashboard-right {
      position: relative;
      width: 100%;
      padding: 0 3em; } }

.projects__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

.project-picker {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style: none;
  padding: 0; }
  .project-picker__container {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    overflow: auto;
    padding: 2rem;
    background-color: var(--theme-color-14);
    height: 100%; }
  .project-picker__filter {
    position: relative; }
    .project-picker__filter svg {
      position: absolute;
      top: 5px;
      left: 16px; }
    .project-picker__filter input {
      margin-left: 1rem;
      border-radius: var(--theme-radius-0);
      border: 0;
      height: 2rem;
      padding-left: 25px; }
  .project-picker__tenant {
    padding-bottom: 2em;
    border-bottom: 1px solid #EEE;
    margin-bottom: 2em; }
  .project-picker__tenant-logo {
    display: block;
    margin: 0 auto;
    width: 300px; }
  .project-picker__tenant-heading {
    text-align: center;
    color: var(--theme-color-12); }
  .project-picker__project {
    margin-top: 3rem;
    position: relative;
    width: 31%;
    min-width: 250px;
    max-width: 400px;
    height: 200px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.14); }
    .project-picker__project:empty {
      height: 0;
      visibility: hidden; }
    .project-picker__project:not(:last-child) {
      margin-right: 1em; }
  .project-picker__logo {
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    padding: 1rem; }
    .project-picker__logo img, .project-picker__logo .no-logo {
      height: 64px;
      width: 64px;
      margin: 0.5rem 0 0.5rem 0;
      border: 1px solid #CCC;
      border-radius: 3px;
      overflow: hidden; }
    .project-picker__logo .no-logo {
      background-color: #FFF;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      color: #CCC; }
  .project-picker__inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    border: 1px solid var(--theme-color-14);
    border-radius: 4px;
    background-color: white;
    height: 100%;
    overflow: hidden; }
  .project-picker__name {
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    -ms-flex-align: center;
        align-items: center;
    margin: 0.5rem 0.5rem 0.5rem 1rem;
    font-size: 22px;
    color: #000; }
  .project-picker__description {
    padding: 0 1rem;
    color: #666;
    font-size: 14px; }
  .project-picker__modules {
    margin-top: auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: var(--theme-color-6);
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -3rem;
    width: 100%;
    transition: all 250ms linear; }
    .project-picker__inner:hover .project-picker__modules,
    .project-picker__inner:focus .project-picker__modules {
      bottom: 0; }
    .project-picker__modules::before {
      content: '';
      position: absolute;
      top: -10px;
      left: 50%;
      height: 30px;
      width: 30px;
      background-color: var(--theme-color-6);
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      border-radius: 50%; }
  .project-picker__module {
    -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    position: relative;
    z-index: 1;
    background-color: var(--theme-color-6);
    -webkit-filter: brightness(105%);
            filter: brightness(105%);
    text-transform: uppercase;
    color: #333;
    font-size: 0.9em;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    cursor: pointer;
    transition: all 100ms linear; }
    .project-picker__module:not(:last-child) {
      /* border-right: 1px solid darken(var(--theme-color-6), 5%); */ }
    .project-picker__module:hover {
      color: white;
      background-color: var(--theme-color-6);
      -webkit-filter: brightness(95%);
              filter: brightness(95%);
      text-decoration: none; }

#studio__unity-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.modal-open .studio__canvas {
  visibility: hidden; }

.studio {
  -ms-flex: 1 0 0%;
      flex: 1 0 0%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .studio__node-icon {
    fill: #FFF;
    width: 20px;
    height: 20px; }
  .studio__node-text {
    color: #CCC;
    margin-left: 1em; }
  .studio__group {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 1em;
    border: 1px solid rgba(0, 0, 0, 0.1); }
    .studio__group:not(:last-child) {
      margin-bottom: 1em; }
    .studio__group-heading {
      font-size: 16px;
      font-weight: bold;
      color: #AAA;
      padding-bottom: 6px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      margin-bottom: 1rem; }
  .studio__video-container {
    height: 100%;
    -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    position: relative;
    margin-right: 0px; }
  .studio__toolbar.disabled .icon-button {
    cursor: default; }
  .studio__transforms {
    display: table;
    margin: 1em 0; }
  .studio__transform {
    display: table-row; }
    .studio__transform thead th {
      text-align: center; }
    .studio__transform tbody th {
      padding: 0.5em; }
  .studio__transform-header {
    display: table-cell;
    font-weight: bold;
    vertical-align: middle;
    text-transform: capitalize;
    width: 30%; }
  .studio__transform-value {
    display: table-cell;
    padding: 1px; }
    .studio__transform-value label {
      display: none; }
    .studio__transform-value:nth-child(2) input[type="number"] {
      background-color: rgba(255, 170, 170, 0.2); }
    .studio__transform-value:nth-child(3) input[type="number"] {
      background-color: rgba(170, 255, 170, 0.2); }

studio-editor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  studio-editor #editor {
    width: 100%;
    height: 100%; }

.studio-nav {
  padding: 0.5em;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  overflow: auto; }
  .studio-nav__loading {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .studio-nav__loading-icon {
      margin-right: 1rem; }
      .studio-nav__loading-icon svg {
        fill: var(--theme-color-12);
        width: 28px;
        height: 28px; }
  .studio-nav svg.icon {
    margin: 0.3em; }
  .studio-nav__scenes {
    list-style: none;
    margin-bottom: -12px; }
  .studio-nav .tree-selected .studio__node-text {
    color: var(--theme-color-8); }
  .studio-nav__scene {
    margin: 1px -12px; }
    .studio-nav__scene-select {
      margin-right: 7px; }
    .studio-nav__scene-heading {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      height: 100%;
      padding: 0.5em;
      background-color: rgba(255, 255, 255, 0.1); }
      .studio-nav__scene-heading-name:hover {
        cursor: pointer;
        text-decoration: underline; }
      .studio-nav__scene-heading-icon {
        margin-left: auto;
        display: inline-block; }
        .studio-nav__scene-heading-icon svg {
          height: 14px;
          width: 14px;
          fill: var(--theme-color-12); }
    .studio-nav__scene.selected .studio-nav__scene-heading {
      background-color: var(--theme-color-8); }
    .studio-nav__scene.disabled {
      cursor: not-allowed; }
      .studio-nav__scene.disabled .studio-nav__scene-heading-name {
        cursor: not-allowed; }
    .studio-nav__scene treecontrol > ul {
      margin: 2px 0; }
    .studio-nav__scene treecontrol li svg {
      fill: #CCC; }
  .studio-nav__scene-tools {
    margin: -11px -11px 0 0; }
  .studio-nav__scene-filter {
    margin: 1px -12px 9px -12px;
    position: relative; }
    .studio-nav__scene-filter input {
      padding: 0.5em;
      background-color: #FFFFFF;
      color: #333;
      border: 0px;
      border-radius: var(--theme-radius-0);
      padding-left: 32px; }
    .studio-nav__scene-filter-icon {
      position: absolute;
      left: 5px;
      top: 5px; }
      .studio-nav__scene-filter-icon svg {
        width: 1em;
        height: 1em;
        fill: #CCC; }

.studio__hierarchy {
  padding: 1em 0; }
  .studio__hierarchy .icon {
    margin: 0 1em 0 0;
    height: 1em;
    width: 1em; }
  .studio__hierarchy .tree-label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center; }

.studio-nav__scene-heading .tools,
.tree-label .tools {
  visibility: hidden; }

.studio-nav__scene-heading:hover .tools,
.tree-label:hover .tools {
  visibility: visible; }

.studio__publish {
  background-color: var(--theme-color-3);
  color: var(--theme-color-12);
  -ms-flex: 0 0 4em;
      flex: 0 0 4em;
  height: 4em;
  padding: 0 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
  z-index: 1; }
  .studio__publish .tools .clickable {
    margin: 0 1em;
    color: var(--theme-color-6); }
    .studio__publish .tools .clickable.selected {
      font-weight: bold;
      text-decoration: underline; }
    .studio__publish .tools .clickable.disabled {
      cursor: not-allowed;
      color: var(--theme-color-6); }
  .studio__publish .bottom {
    margin-bottom: -38px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    right: 400px;
    top: 18px; }
  .studio__publish .icon-button {
    padding: 0.2em 0.5em; }
    .studio__publish .icon-button .text {
      margin-left: 0; }

.studio__scene-name {
  font-size: 18px;
  margin: 0 0.5em 0 0; }

.studio__wrapper {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative; }

.studio__canvas {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .studio__canvas #canvas {
    height: 100%; }
  .studio__canvas embed {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%; }

.studio__toolbar {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #EFEFEF; }
  .studio__toolbar.disabled .studio__item .icon-button {
    cursor: not-allowed;
    opacity: 0.4; }
  .studio__toolbar .horizontal {
    display: inline-block;
    padding-left: 0; }

.studio__versions {
  font-size: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  min-width: 300px;
  padding: 3px;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

.studio__version-icons {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.studio__version-icon {
  margin-left: 3px;
  width: 14px;
  height: 14px;
  fill: var(--theme-color-13); }
  .studio__version-icon.active {
    fill: var(--theme-color-6); }

.studio__version-action {
  background-color: rgba(255, 255, 255, 0.2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: -3px -3px -3px 6px;
  padding: 0 6px;
  cursor: pointer;
  color: var(--theme-color-6); }

.studio__inspector {
  border: 0;
  border-radius: 0 !important;
  padding: 1em 0.5em;
  -ms-flex: 0 1 25%;
      flex: 0 1 25%;
  min-width: 400px;
  background-color: var(--theme-color-3);
  color: var(--theme-color-12);
  height: initial;
  overflow: auto;
  position: relative; }
  .studio__inspector .has-success.checkbox label {
    color: white;
    font-weight: bold; }
  .studio__inspector .form-control-feedback {
    display: none; }
  .studio__inspector .header-panel__content {
    padding: 0 1em; }
  .studio__inspector-inset {
    min-width: 0; }
  .studio__inspector h3 {
    font-size: 1.2rem;
    font-weight: bold; }
  .studio__inspector .studio__transform-value input.form-control,
  .studio__inspector input.form-control,
  .studio__inspector textarea.form-control,
  .studio__inspector select.form-control {
    padding: 2px 6px;
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--theme-color-12);
    border: 0;
    border-radius: 0; }
    .studio__inspector .studio__transform-value input.form-control:focus,
    .studio__inspector input.form-control:focus,
    .studio__inspector textarea.form-control:focus,
    .studio__inspector select.form-control:focus {
      background-color: rgba(255, 255, 255, 0.7);
      color: #333; }
  .studio__inspector select.form-control {
    -webkit-appearance: none; }
  .studio__inspector input[type="number"]::-webkit-outer-spin-button,
  .studio__inspector input[type="number"]::-webkit-inner-spin-button {
    display: none; }
  .studio__inspector td {
    padding: 1px; }
  .studio__inspector label.control-label {
    color: var(--theme-color-12); }
  .studio__inspector-array {
    background-color: rgba(0, 0, 0, 0.2); }
  .studio__inspector-asset {
    padding: 0.5em;
    border: solid 1px rgba(255, 255, 255, 0.1);
    margin: 1em 0; }
    .studio__inspector-asset-actions {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end;
      -ms-flex-align: center;
          align-items: center;
      padding: 0.5em; }
    .studio__inspector-asset-thumbnail {
      text-align: center;
      position: relative; }
      .studio__inspector-asset-thumbnail:hover .studio__inspector-asset-name {
        opacity: 1; }
      .studio__inspector-asset-thumbnail img {
        width: 100%; }
    .studio__inspector-asset-name {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 0.2em;
      background-color: rgba(0, 0, 0, 0.2);
      opacity: 0.6;
      transition: opacity 250ms linear; }

.studio__item .icon-button {
  padding: 0.5em; }
  .studio__item .icon-button .icon {
    height: 18px;
    width: 18px; }

.studio__item-divider {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 6px 0; }

.versions {
  width: 100%; }
  .versions thead {
    background-color: #EEE;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC; }
    .versions thead th {
      padding: 4px 0; }
  .versions tbody td {
    padding: 3px 0; }
  .versions tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.1); }

.picker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .picker__item {
    list-style: none;
    display: block;
    -ms-flex-align: center;
        align-items: center;
    margin: 0.5em 0;
    position: relative;
    width: 150px;
    height: 180px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden; }
    .picker__item:hover .picker__details {
      max-height: 170px; }
    .picker__item:hover .picker__scrim {
      opacity: 1; }
    .picker__item:empty {
      width: 150px;
      height: 0; }
  .picker__thumbnail {
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: white; }
    .picker__thumbnail img {
      width: 150px; }
  .picker__details {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 30px;
    overflow: hidden;
    transition: max-height 250ms linear;
    background-color: white;
    color: #333;
    padding: 0.5em;
    box-shadow: 0 -2px -3px rgba(0, 0, 0, 0.19);
    z-index: 1; }
  .picker__name {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    color: black; }
  .picker__description {
    font-size: 0.8em; }
  .picker__scrim {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 250ms linear; }

.publish__restrictions {
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #7EABF1;
  border-radius: 4px;
  margin-top: 1em; }

.publish__restrict {
  height: 5em;
  min-height: 5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
  color: var(--theme-color-6);
  font-size: 1.2em; }

.publish__geo, .publish__date {
  -ms-flex: 1;
      flex: 1;
  min-height: 30rem;
  max-height: 50vh;
  padding: 1em 1.5em; }
  .publish__geo h3, .publish__date h3 {
    margin-bottom: 1em; }
    .publish__geo h3 svg, .publish__date h3 svg {
      font-size: 0.8em; }
  .publish__geo.selected, .publish__date.selected {
    background-color: #4B6080;
    color: white; }
    .publish__geo.selected svg, .publish__date.selected svg {
      fill: white; }

.publish__geo {
  border-right: 2px dashed #7EABF1; }
  .publish__geo .angular-google-map-container {
    height: 20rem; }

.publish__map {
  height: 20rem; }

.publish__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 4em; }

.publish__action {
  margin: 0 3px; }

.publish__daterange {
  display: -ms-flexbox;
  display: flex; }
  .publish__daterange-start {
    margin-right: 0.5rem; }
  .publish__daterange-end {
    margin-left: 0.5rem; }
  .publish__daterange-start, .publish__daterange-end {
    -ms-flex: 1;
        flex: 1; }
    .publish__daterange-start .input-group, .publish__daterange-end .input-group {
      display: -ms-flexbox;
      display: flex; }
    .publish__daterange-start .text-muted, .publish__daterange-end .text-muted {
      color: #333;
      font-size: 0.8rem; }
    .publish__daterange-start .text-info, .publish__daterange-end .text-info {
      color: #EEE;
      font-weight: bold; }
    .publish__daterange-start table, .publish__daterange-end table {
      width: 100%; }
    .publish__daterange-start button, .publish__daterange-end button {
      width: 100%;
      padding: 2px 6px;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--theme-color-12);
      border: 0;
      border-radius: 0; }
      .publish__daterange-start button:focus, .publish__daterange-end button:focus {
        background-color: rgba(255, 255, 255, 0.7);
        color: #333; }
      .publish__daterange-start button.btn-info.active, .publish__daterange-end button.btn-info.active {
        background-color: var(--theme-color-6); }
    .publish__daterange-start .icon-button, .publish__daterange-end .icon-button {
      margin-left: 0;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px; }
  .publish__daterange-heading {
    font-size: 1rem;
    font-weight: bold; }

.material-picker {
  list-style: none;
  padding: 0;
  margin: 1px 0 0 0;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  overflow: hidden; }
  .material-picker__thumbnail {
    background-color: rgba(255, 255, 255, 0.1);
    width: 64px;
    height: 64px; }
    .material-picker__thumbnail img {
      height: 64px;
      width: 64px;
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
      transition: -webkit-transform 250ms linear;
      transition: transform 250ms linear; }
    .material-picker__thumbnail:hover img {
      -webkit-transform: scale(1);
              transform: scale(1); }
  .material-picker__name, .material-picker__id {
    -ms-flex: 1;
        flex: 1;
    margin-left: 1px;
    padding: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: rgba(255, 255, 255, 0.1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .material-picker:hover {
    text-decoration: underline; }
  .material-picker__header {
    display: -ms-flexbox;
    display: flex; }
    .material-picker__header .material-picker__thumbnail {
      height: initial;
      background-color: rgba(0, 0, 0, 0.1); }
    .material-picker__header .material-picker__name, .material-picker__header .material-picker__id {
      background-color: rgba(0, 0, 0, 0.1); }

.material-panel__header {
  margin-left: 7px;
  margin-top: 7px;
  margin-bottom: 1rem;
  color: #EEE; }

.material-panel__close {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer; }
  .material-panel__close svg {
    fill: #EEE; }

.material-panel__list {
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style: none; }

.material-panel__item {
  margin: 0.5em;
  position: relative;
  -ms-flex: 1 1 150px;
      flex: 1 1 150px;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer; }

.material-panel__item:empty {
  width: 150px;
  height: 0;
  border: 0;
  box-shadow: none;
  padding: 0; }

.material-panel__thumbnail {
  margin: 1em; }

.material-panel__name {
  margin-top: auto;
  text-align: center; }

.studio__panel {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 0;
  z-index: 1;
  transition: max-height 250ms linear;
  background-color: var(--theme-color-3);
  color: var(--theme-color-12);
  overflow: auto; }
  .studio__panel.active {
    max-height: 30%; }

.admin__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }
  .admin__container .data {
    margin: 0; }

.header-panel.admin .header-panel__header {
  padding: 0 1em; }
  .header-panel.admin .header-panel__header .crud {
    margin-left: auto; }

.admin-list__name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.admin-list__logo {
  margin-right: 1rem;
  background-color: #CCC; }
  .admin-list__logo svg {
    fill: var(--theme-color-12); }

.admin-edit__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }
  .admin-edit__container .data {
    margin: 0; }

.admin-edit__section {
  margin-bottom: 2rem;
  padding: 1rem 2rem; }

.admin-edit__icon {
  display: inline-block;
  fill: var(--theme-color-7);
  height: 1em;
  width: 1em;
  margin-right: 0.5em;
  vertical-align: middle; }

.admin-edit__header {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #CCC;
  margin-bottom: 2rem; }

.admin-edit__subheader {
  font-size: 14px;
  margin-top: -1rem;
  margin-bottom: 2rem; }

.content__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.content-browser {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background-color: white; }
  .content-browser a, .content-browser a:hover, .content-browser a:visited, .content-browser a:active {
    color: var(--theme-color-13); }
  .content-browser a:hover {
    text-decoration: underline; }
  .content-browser .data-table thead {
    background-color: #F9F9F9; }
  .content-browser .data-table th {
    font-weight: bold; }
    .content-browser .data-table th div {
      position: relative;
      display: inline-block; }
    .content-browser .data-table th .sorting::before {
      position: absolute;
      right: -1em;
      content: '\25B2'; }
    .content-browser .data-table th .sorting.reverse::before {
      position: absolute;
      right: -1em;
      content: '\25BC'; }
  .content-browser .data-table tr {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #000; }
    .content-browser .data-table tr a {
      color: #000; }
    .content-browser .data-table tr .data-table__thumbnail {
      height: 16px;
      width: 16px;
      fill: #666;
      margin-right: 1em; }
  .content-browser .data-table__file, .content-browser .data-table__folder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .content-browser .data-table tr.selected a, .content-browser .data-table tr.selected a:hover, .content-browser .data-table tr.selected a:visited, .content-browser .data-table tr.selected a:active {
    color: white; }
  .content-browser .data-table tr.selected svg {
    fill: white; }
  .content-browser .data-table tr.selected .data-table__thumbnail {
    border-radius: 0%; }
  .content-browser .data-table__file--in-progress {
    cursor: wait; }
  .content-browser .data-table__file .progress {
    padding: 0;
    margin: 0 1em;
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    border-radius: 0;
    background-color: #4A5B77; }
  .content-browser .data-table__file .progress-bar {
    background-color: #00A1B1; }
  .content-browser .data-table__thumbnail--round {
    border-radius: 50%; }

.content-browser__filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
  margin: 0;
  transition: all 250ms ease-in;
  height: 0;
  opacity: 0; }
  .content-browser__filters--show {
    height: 3em;
    opacity: 1; }

.content-browser__filter {
  display: inline-block;
  padding: 0.2em 0.5em;
  margin: 0.5em;
  background-color: #EFEFEF;
  border-radius: 3px; }

.content-browser__list {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  overflow: auto;
  position: relative; }

.content-browser__details {
  -ms-flex: 0 0 33%;
      flex: 0 0 33%;
  min-width: 300px;
  border-left: 1px solid #CCC;
  background-color: #EFEFEF;
  padding: 1em;
  overflow: auto; }

.content-browser__meta {
  position: relative;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0.5em;
  margin: 1em 0;
  padding: 1em 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC; }

.content-browser__details-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  padding: 1em 0; }
  .content-browser__details-actions svg.type.icon {
    font-size: 1.5em;
    width: 1em;
    height: 1em; }
  .content-browser__details-actions h3 {
    color: #000;
    margin-left: 1rem;
    -ms-flex: 1;
        flex: 1;
    word-break: break-all;
    cursor: pointer;
    border: 1px solid transparent; }
    .content-browser__details-actions h3[contenteditable=""]:focus {
      background-color: white;
      line-height: 1.5;
      outline: none;
      border: 1px solid #CCC;
      border-radius: 3px; }
    .content-browser__details-actions h3[contenteditable=""]:hover {
      border: 1px solid #CCC;
      border-radius: 3px; }

.ng-dirty .content-browser__details-action {
  opacity: 1; }

.content-browser__details-action {
  margin-left: 1em;
  -webkit-animation: heartbeat 5s infinite ease;
          animation: heartbeat 5s infinite ease;
  opacity: 0;
  transition: all 250ms linear; }

.content-browser__details-header {
  -ms-flex: 1;
      flex: 1;
  font-size: 1.2em;
  margin-right: auto; }
  .content-browser__details-header svg {
    margin-right: 1em;
    font-size: 1.5em; }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  55% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  55% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.content-browser__details-preview {
  margin: 1em 0; }
  .content-browser__details-preview img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }

.content-browser__empty h2 {
  font-style: italic;
  text-align: center;
  margin-top: 1em; }

.content-toolbar {
  font-size: 1.2em; }

.data-table__progress-container {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .data-table__progress-container .progress {
    margin-bottom: 0;
    border-radius: 0;
    background-color: #4A5B77; }
  .data-table__progress-container .progress-bar {
    background-color: #1A2B47; }

.data-object__data {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.data-nav .vertical-menu--item .tools {
  display: none; }

.data-nav .vertical-menu--item:hover .tools {
  display: block; }

.data-nav .icon-button {
  margin-left: auto; }

.assist__container {
  height: 100%;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: var(--theme-color-3);
  color: #FFF;
  padding: 2rem 1rem 1rem 1rem; }

.assist.header-panel {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  .assist.header-panel .header-panel__header {
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 0 1em; }

.assist-call__iframe {
  width: 100%;
  height: calc(100vh - 10em);
  border: 0; }

.assist__toolbar {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  margin: 0 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.assist__text-message {
  color: black; }

.assist__annotations {
  padding: 1em; }

.assist__annotation {
  margin: 0.5em 0; }
  .assist__annotation--video {
    font-weight: bold;
    font-style: italic;
    color: #EEE; }
  .assist__annotation--text {
    display: block;
    padding: 0.5em;
    margin: 0.5em 0;
    background-color: rgba(0, 0, 0, 0.2);
    color: #FFF; }

.assist-history__container {
  -ms-flex: 5 0 0%;
      flex: 5 0 0%;
  height: 50%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.assist-history__heading {
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0;
  position: relative;
  -ms-flex-align: center;
      align-items: center; }
  .assist-history__heading-title {
    font-size: 20px;
    margin: 0; }
  .assist-history__heading-toggle {
    font-size: 20px;
    margin: 0;
    cursor: pointer; }
  .assist-history__heading .disabled {
    border-bottom: 2px solid transparent; }
  .assist-history__heading-underline {
    font-size: 20px;
    margin: 0;
    cursor: pointer;
    border-bottom: 2px solid var(--theme-color-12); }
  .assist-history__heading .crud {
    padding: 0 1em; }
  .assist-history__heading .center {
    margin: auto; }
  .assist-history__heading .assist-history__filter-group {
    position: relative; }
    .assist-history__heading .assist-history__filter-group svg {
      position: absolute;
      top: 5px;
      left: 16px; }
  .assist-history__heading input.assist__filter {
    margin-left: 1rem;
    border-radius: var(--theme-radius-0);
    border: 0;
    color: var(--theme-color-13);
    height: 2rem;
    padding-left: 25px; }

.assist-history__panel-body {
  -ms-flex: 1 0 0px;
      flex: 1 0 0px;
  background-color: var(--theme-color-9);
  height: 0px;
  overflow-y: scroll;
  border-style: solid;
  border-color: var(--theme-color-10);
  border-width: 2px; }

.assist-history__table {
  width: 100%; }
  .assist-history__table thead th {
    background-color: var(--theme-color-5);
    border-right: 1px solid var(--theme-color-11);
    padding: 0.5rem;
    position: relative;
    cursor: pointer; }
    .assist-history__table thead th .sorting::before {
      position: absolute;
      right: 1em;
      top: 5px;
      content: '\25B2'; }
    .assist-history__table thead th .sorting.reverse::before {
      position: absolute;
      right: 1em;
      top: 5px;
      content: '\25BC'; }
  .assist-history__table thead th:last-child {
    border-right-color: transparent; }
  .assist-history__table tbody tr {
    cursor: pointer; }
  .assist-history__table tbody tr.selected {
    background-color: var(--theme-color-8);
    color: white;
    font-size: calc(1em + 1px); }
    .assist-history__table tbody tr.selected td:last-child {
      border-right: var(--theme-color-10); }
  .assist-history__table tbody td, .assist-history__table tbody th {
    border-right: 1px solid var(--theme-color-11);
    padding: 0.5rem 1rem; }
  .assist-history__table tbody td:last-child {
    border-right: 1px solid transparent; }

.assist-history-session__container {
  -ms-flex: 1 0 50%;
      flex: 1 0 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.assist-history-snapshots__container {
  -ms-flex: 1 0 50%;
      flex: 1 0 50%;
  height: 50%; }

.assist-history-snapshots__hierarchy {
  -ms-flex: 1 1 33%;
      flex: 1 1 33%;
  cursor: pointer;
  background-color: var(--theme-color-5);
  padding: 10px 5px; }

.assist-history-snapshots__heading {
  background-color: var(--theme-color-9);
  padding: 2px 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  position: relative;
  cursor: pointer; }
  .assist-history-snapshots__heading.selected {
    background-color: var(--theme-color-8); }

.assist-history-snapshots__annotations {
  padding-left: 20px;
  margin-bottom: 10px; }

.assist-history-snapshots__annotation {
  background-color: var(--theme-color-9);
  padding: 2px 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  position: relative; }

.assist-history-snapshots__previewer {
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 40px); }

.assist-history-snapshots__preview {
  min-width: 450px;
  width: 67%;
  height: 100%;
  background-color: var(--theme-color-5);
  padding: 5px; }
  .assist-history-snapshots__preview img {
    height: 100%; }

.assist-incoming__container {
  -ms-flex: 4 0 0%;
      flex: 4 0 0%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 50%;
  overflow: hidden; }

.assist-incoming__list {
  height: calc(100% - 40px);
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--theme-color-9);
  border-style: solid;
  border-color: var(--theme-color-10);
  border-width: 2px; }

.assist-incoming__item {
  padding: 10px;
  border-bottom: 1px solid var(--theme-color-11);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center; }
  .assist-incoming__item-time {
    -ms-flex: 1;
        flex: 1; }
  .assist-incoming__item-avatar {
    -ms-flex: 0 0 3em;
        flex: 0 0 3em; }
    .assist-incoming__item-avatar img {
      height: 2.5em;
      width: 2.5em;
      display: block;
      border-radius: 50%; }
  .assist-incoming__item-name {
    -ms-flex: 2;
        flex: 2;
    font-size: 1.2em; }
  .assist-incoming__item-phone {
    -ms-flex: 2;
        flex: 2; }
  .assist-incoming__item-assistant {
    -ms-flex: 1;
        flex: 1;
    overflow: hidden;
    text-overflow: clip;
    visibility: hidden;
    border-radius: 3px;
    padding: 2px 5px;
    margin: 0 10px; }
    .assist-incoming__item-assistant-visible {
      visibility: visible; }
  .assist-incoming__item-hover-actions {
    -ms-flex: 2;
        flex: 2;
    visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center; }
  .assist-incoming__item-hover-action {
    margin-left: 10px; }
    .assist-incoming__item-hover-action .icon-button {
      border-radius: 50%;
      padding: 5px; }
  .assist-incoming__item-assisted {
    -ms-flex: 1;
        flex: 1; }

.assist-incoming__item:hover .assist-incoming__item-hover-actions {
  visibility: visible; }

#assist-session__unity-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.assist-session__container {
  height: 100%;
  width: 100%;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--theme-color-3);
  color: #FFF;
  padding: 2rem 1rem 1rem 1rem; }

.assist-session__wait {
  -ms-flex: 1;
      flex: 1; }
  .assist-session__wait h3 {
    text-align: center;
    padding: 30px 0; }

.assist-session__tools {
  height: 100%;
  width: 48px;
  background-color: var(--theme-color-9); }

.assist-session__divider {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #F0F0F0;
  margin: 6px 10px; }
  .disabled .assist-session__divider {
    opacity: 0.4;
    cursor: not-allowed; }

.assist-session__tool {
  width: 48px;
  height: 48px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer; }
  .assist-session__tool:hover {
    background-color: var(--theme-color-8); }
  .assist-session__tool.selected {
    background-color: var(--theme-color-8); }
  .disabled .assist-session__tool {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: transparent; }
  .assist-session__tool svg {
    fill: var(--theme-color-12);
    stroke: var(--theme-color-12); }

.assist-session__video-container {
  height: 100%;
  -ms-flex: 1 0 50%;
      flex: 1 0 50%;
  position: relative;
  margin-right: 10px; }

.assist-session__inspector {
  height: 100%;
  width: 250px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.assist-session__actions .icon-button {
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.assist-session__heading {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px; }
  .assist-session__heading-underline {
    font-size: 20px;
    margin: 0;
    border-bottom: 2px solid var(--theme-color-12); }

.assist-session__current {
  padding: 20px 0px; }
  .assist-session__current-details {
    width: 100%;
    background-color: var(--theme-color-9);
    -ms-flex-align: center;
        align-items: center;
    padding: 10px 20px; }
  .assist-session__current-group {
    width: 100%;
    background-color: var(--theme-color-9);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0px 0px; }
  .assist-session__current-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 10px; }
    .assist-session__current-avatar img {
      width: 100%;
      height: 100%; }

.assist-session__snapshots-container {
  -ms-flex: 1 0 50%;
      flex: 1 0 50%;
  overflow: auto; }

.assist-session__freq input {
  width: 40%;
  background-color: rgba(255, 255, 255, 0.1); }

.assist-session__hierarchy {
  background-color: var(--theme-color-9);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 10px; }

.assist-session__annotations {
  padding-left: 20px;
  margin-bottom: 10px; }

.assist-session__annotation {
  background-color: var(--theme-color-5);
  padding: 2px 2px 2px 25px;
  margin-bottom: 10px;
  text-transform: uppercase;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.assist-session__snapshot-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.assist-session__snapshot-heading {
  background-color: var(--theme-color-5);
  padding: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .assist-session__snapshot-heading-tree-control {
    margin: 0 5px;
    width: 20px;
    text-align: center; }
    .assist-session__snapshot-heading-tree-control:hover {
      background-color: rgba(0, 0, 0, 0.1);
      cursor: pointer; }
  .assist-session__snapshot-heading-title {
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    margin: 2px;
    -ms-flex-align: center;
        align-items: center; }
    .assist-session__snapshot-heading-title:hover {
      cursor: pointer;
      text-decoration: underline; }
  .assist-session__snapshot-heading-tools {
    margin-left: auto;
    margin-right: 5px; }
  .assist-session__snapshot-heading-visible {
    display: inline-block;
    margin: 2px;
    width: 36px;
    height: 36px;
    cursor: pointer; }
    .assist-session__snapshot-heading-visible:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    .assist-session__snapshot-heading-visible svg {
      width: 36px;
      height: 36px;
      fill: var(--theme-color-12);
      stroke: var(--theme-color-12); }
  .assist-session__snapshot-heading.selected {
    background-color: var(--theme-color-8); }

.assist-session__snapshot-remote {
  background-color: var(--theme-color-5);
  padding: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .assist-session__snapshot-remote-tools {
    margin-left: auto;
    margin-right: 5px; }
  .assist-session__snapshot-remote-visible {
    display: inline-block;
    margin: 2px;
    width: 36px;
    height: 36px;
    cursor: pointer; }
    .assist-session__snapshot-remote-visible:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    .assist-session__snapshot-remote-visible svg {
      width: 36px;
      height: 36px;
      fill: var(--theme-color-12);
      stroke: var(--theme-color-12); }
  .assist-session__snapshot-remote.selected {
    background-color: var(--theme-color-8); }

.assist-session__button-group button {
  background-color: var(--theme-color-3);
  border: 1px solid var(--theme-color-5);
  color: white;
  width: 35px;
  height: 25px;
  padding: 3px 3px;
  cursor: pointer;
  float: left;
  margin-top: 3px; }
  .assist-session__button-group button.selected {
    background-color: var(--theme-color-5); }

.assist-session__button-group div {
  width: 35px;
  height: 25px;
  padding: 3px 3px;
  float: left;
  margin-top: 3px; }

.assist-session__button-group button:focus {
  outline: 0; }

.assist-session__button-group:after {
  content: "";
  clear: both;
  display: table; }

.assist-session__button-group button:not(:last-child) {
  border-right: none; }

assist-editor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme-color-4); }
  assist-editor #editor {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: var(--theme-color-10);
    border-width: 2px; }

.assist-invite #days {
  width: auto;
  display: initial; }