/* Font Awesome icons (v4.0.3) http://fortawesome.github.io/Font-Awesome/ */
@font-face {
  font-family: 'FontAwesome';
  /*src: url('../../common/fonts/FontAwesome/fontawesome-webfont.eot?v=4.0.3');
  src: url('../../common/fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../../common/fonts/FontAwesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../../common/fonts/FontAwesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../../common/fonts/FontAwesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');*/
  src: url(../../common/fonts/FontAwesome/fontawesome-webfont.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans";
  src: url(../../common/fonts/SourceSansPro/SourceSansPro-Regular.otf);
}
@font-face {
  font-family: "Source Sans";
  src: url(../../common/fonts/SourceSansPro/SourceSansPro-Light.otf);
  font-weight: 200;
}
@font-face {
  font-family: "Source Sans";
  src: url(../../common/fonts/SourceSansPro/SourceSansPro-Semibold.otf);
  font-weight: 600;
}
/* FF and Opera include the scrollbar in media query width :/ */
/*$bg-color-bright: rgb(255,255,255);
$bg-color-bright-transp: rgba(255,255,255,0.75);
$bg-color: rgb(240,240,240);
$bg-color-input: rgb(220,220,220);
$bg-color-dim: rgb(200,200,200);
$border-color: $bg-color-dim;

$fg-color: rgb(50,50,50);
$fg-color-faded: $border-color;

$button-grey: $bg-color-dim;

$button-green: rgb(26, 188, 156);
$button-green-hover: rgb(72,201,176);
$button-green-active: rgb(22,160,133);

$button-red: rgb(231, 76, 60);
$button-red-hover: rgb(236, 112, 99);
$button-red-active: rgb(196, 65, 51);

$button-blue: rgb(52, 152, 219);
$button-blue-hover: rgb(93, 173, 226);
$button-blue-active: rgb(44, 129, 186);

$button-yellow: rgb(241, 196, 15);
$button-yellow-hover: rgb(245, 211, 19);
$button-yellow-active: rgb(205, 167, 13);

$button-fg-color: rgb(255,255,255);
$button-border-color: $button-fg-color;*/
/* line 297, ../../common/sass/_base.scss */
html {
  font-size: 100%;
  /* 1 */
  word-spacing: 0.05em;
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  /* Establishes a vertical rhythm unit using $base-line-height. */
  line-height: 1.3125em;
}

/* line 4, ../../common/sass/_common.scss */
.fa {
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 13, ../../common/sass/_common.scss */
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

/* line 17, ../../common/sass/_common.scss */
.fa-spin,
.faspin {
  -webkit-animation: spinner 1s infinite linear;
  -moz-animation: spinner 1s infinite linear;
  -o-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;
}

/* line 24, ../../common/sass/_common.scss */
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

/* line 32, ../../common/sass/_common.scss */
.fa-stack-0-75x {
  font-size: 0.75em;
}

/* line 35, ../../common/sass/_common.scss */
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

/* line 42, ../../common/sass/_common.scss */
.fa-stack-1x {
  line-height: inherit;
}

/* line 45, ../../common/sass/_common.scss */
.fa-stack-1-75x {
  font-size: 1.75em;
}

/* line 48, ../../common/sass/_common.scss */
.fa-stack-2x {
  font-size: 2em;
}

/* line 52, ../../common/sass/_common.scss */
.fa-top-right {
  position: relative;
  top: -0.6em;
  left: 1em;
}

@keyframes spinner {
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@-webkit-keyframes spinner {
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-ms-keyframes spinner {
  100% {
    -ms-transform: rotate3d(0, 0, 1, 360deg);
  }
}
@-o-keyframes spinner {
  100% {
    -o-transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes spinner-anti {
  100% {
    transform: rotate3d(0, 0, 1, -360deg);
  }
}
@-webkit-keyframes spinner-anti {
  100% {
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
  }
}
@-moz-keyframes spinner-anti {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-359deg);
  }
}
@-ms-keyframes spinner-anti {
  100% {
    -ms-transform: rotate3d(0, 0, 1, -360deg);
  }
}
@-o-keyframes spinner-anti {
  100% {
    -o-transform: rotate3d(0, 0, 1, -360deg);
  }
}
/* line 92, ../../common/sass/_common.scss */
.fa-refresh:before {
  content: "\f021";
}

/* line 96, ../../common/sass/_common.scss */
.fa-left {
  margin-right: 0.25em;
}

/* line 99, ../../common/sass/_common.scss */
.fa-right {
  margin-left: 0.25em;
}

/* line 103, ../../common/sass/_common.scss */
.fa-check-square:before {
  content: "\f14a";
}

/* line 106, ../../common/sass/_common.scss */
.fa-square:before {
  content: "\f0c8";
}

/* line 109, ../../common/sass/_common.scss */
.fa-square-o:before {
  content: "\f096";
}

/* line 112, ../../common/sass/_common.scss */
.fa-share-square-o:before {
  content: "\f045";
}

/* line 115, ../../common/sass/_common.scss */
.fa-th:before {
  content: "\f00a";
}

/* line 119, ../../common/sass/_common.scss */
.fa-dot-circle-o:before {
  content: "\f192";
}

/* line 122, ../../common/sass/_common.scss */
.fa-circle-o:before {
  content: "\f10c";
}

/* line 126, ../../common/sass/_common.scss */
.fa-check:before {
  /* tick */
  content: "\f00c";
}

/* line 129, ../../common/sass/_common.scss */
.fa-times:before {
  /* cross */
  content: "\f00d";
}

/* line 132, ../../common/sass/_common.scss */
.fa-plus:before {
  content: "\f067";
}

/* line 135, ../../common/sass/_common.scss */
.fa-minus:before {
  content: "\f068";
}

/* line 138, ../../common/sass/_common.scss */
.fa-chevron-left:before {
  content: "\f053";
}

/* line 141, ../../common/sass/_common.scss */
.fa-chevron-right:before {
  /* list arrow */
  content: "\f054";
}

/* line 144, ../../common/sass/_common.scss */
.fa-chevron-up:before {
  content: "\f077";
}

/* line 147, ../../common/sass/_common.scss */
.fa-chevron-down:before {
  content: "\f078";
}

/* line 150, ../../common/sass/_common.scss */
.fa-ellipsis-h:before {
  /* for menu open */
  content: "\f141";
}

/* line 153, ../../common/sass/_common.scss */
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

/* line 157, ../../common/sass/_common.scss */
.fa-pencil:before {
  /* comment */
  content: "\f040";
}

/* line 160, ../../common/sass/_common.scss */
.fa-home:before {
  content: "\f015";
}

/* line 163, ../../common/sass/_common.scss */
.fa-trash-o:before {
  content: "\f014";
}

/* line 166, ../../common/sass/_common.scss */
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

/* line 170, ../../common/sass/_common.scss */
.fa-arrows:before {
  /* scroll */
  content: "\f047";
}

/* line 173, ../../common/sass/_common.scss */
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

/* line 177, ../../common/sass/_common.scss */
.fa-hand-o-up:before {
  content: "\f0a6";
}

/* line 180, ../../common/sass/_common.scss */
.fa-eraser:before {
  content: "\f12d";
}

/* line 183, ../../common/sass/_common.scss */
.fa-folder-o:before {
  content: "\f114";
}

/* line 186, ../../common/sass/_common.scss */
.fa-folder-open-o:before {
  content: "\f115";
}

/* line 189, ../../common/sass/_common.scss */
.fa-reply:before {
  /* history back */
  content: "\f112";
}

/* line 192, ../../common/sass/_common.scss */
.fa-share:before {
  /* history forward */
  content: "\f064";
}

/* line 195, ../../common/sass/_common.scss */
.fa-share-alt:before {
  content: "\f1e0";
}

/* line 198, ../../common/sass/_common.scss */
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

/* line 202, ../../common/sass/_common.scss */
.fa-camera:before {
  /* camera */
  content: "\f030";
}

/* line 205, ../../common/sass/_common.scss */
.fa-magic:before {
  content: "\f0d0";
}

/* line 208, ../../common/sass/_common.scss */
.fa-external-link-square:before {
  content: "\f14c";
}

/* line 211, ../../common/sass/_common.scss */
.fa-book:before {
  content: "\f02d";
}

/* line 214, ../../common/sass/_common.scss */
.fa-medkit:before {
  content: "\f0fa";
}

/* line 217, ../../common/sass/_common.scss */
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

/* line 221, ../../common/sass/_common.scss */
.fa-user:before {
  content: "\f007";
}

/* line 224, ../../common/sass/_common.scss */
.fa-eye:before {
  content: "\f06e";
}

/* line 227, ../../common/sass/_common.scss */
.fa-globe:before {
  content: "\f0ac";
}

/* line 230, ../../common/sass/_common.scss */
.fa-unlock:before {
  content: "\f09c";
}

/* line 233, ../../common/sass/_common.scss */
.fa-rocket:before {
  content: "\f135";
}

/* line 236, ../../common/sass/_common.scss */
.fa-download:before {
  content: "\f019";
}

/* line 239, ../../common/sass/_common.scss */
.fa-file-o:before {
  content: "\f016";
}

/* line 242, ../../common/sass/_common.scss */
.fa-file-archive-o:before {
  content: "\f1c6";
}

/* line 245, ../../common/sass/_common.scss */
.fa-file-pdf-o:before {
  content: "\f1c1";
}

/* line 248, ../../common/sass/_common.scss */
.fa-language:before {
  content: "\f1ab";
  font-size: 150%;
}

/* line 252, ../../common/sass/_common.scss */
.fa-search:before {
  content: "\f002";
  font-size: 120%;
}

/* line 256, ../../common/sass/_common.scss */
.fa-search-minus:before {
  content: "\f010";
  font-size: 120%;
}

/* line 260, ../../common/sass/_common.scss */
.fa-search-plus:before {
  content: "\f00e";
  font-size: 120%;
}

/* line 264, ../../common/sass/_common.scss */
.fa-map-marker:before {
  content: "\f041";
}

/* line 267, ../../common/sass/_common.scss */
.fa-pencil-square-o:before {
  content: "\f044";
}

/* line 271, ../../common/sass/_common.scss */
.fa-copy:before {
  content: "\f0c5";
}

/* line 274, ../../common/sass/_common.scss */
.fa-cut:before {
  content: "\f0c4";
}

/* line 277, ../../common/sass/_common.scss */
.fa-paste:before {
  content: "\f0ea";
}

/* line 281, ../../common/sass/_common.scss */
.fa-star:before {
  content: "\f005";
}

/* line 284, ../../common/sass/_common.scss */
.fa-flag:before {
  content: "\f024";
}

/* line 287, ../../common/sass/_common.scss */
.fa-qrcode:before {
  content: "\f029";
}

/* line 290, ../../common/sass/_common.scss */
.fa-sitemap:before {
  content: "\f0e8";
}

/* line 294, ../../common/sass/_common.scss */
.fa-bars:before {
  content: "\f0c9";
}

/* line 297, ../../common/sass/_common.scss */
.fa-wrench:before {
  content: "\f0ad";
}

/* line 300, ../../common/sass/_common.scss */
.fa-font:before {
  content: "\f031";
}

/* line 303, ../../common/sass/_common.scss */
.fa-info:before {
  content: "\f129";
}

/* line 307, ../../common/sass/_common.scss */
.fa-arrow-left:before {
  content: "\f060";
}

/* line 310, ../../common/sass/_common.scss */
.fa-arrow-right:before {
  content: "\f061";
}

/* line 313, ../../common/sass/_common.scss */
.fa-undo:before {
  content: "\f0e2";
}

/* line 317, ../../common/sass/_common.scss */
.hidden {
  display: none !important;
}

/* line 321, ../../common/sass/_common.scss */
button,
input,
textarea,
.input {
  font-family: "Roboto", "Source Sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: inherit;
}

/**
 * Buttons.
 */
/* line 333, ../../common/sass/_common.scss */
.button {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  display: inline-block;
  margin: 0 0.125rem;
  padding: 0 0.75rem;
  background: none;
  background-color: #18a589;
  color: white;
  border: 0px solid #646464;
  letter-spacing: 1px;
  height: 2rem;
  line-height: 2rem;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

/* line 367, ../../common/sass/_common.scss */
.button:not(.disabled):hover,
.button:not(.disabled):focus {
  background-color: #1dc9a6;
}

/* line 371, ../../common/sass/_common.scss */
.button:focus {
  outline: 0;
}

/* line 374, ../../common/sass/_common.scss */
.button:not(.disabled):active,
.button.active {
  background-color: #148f76;
}

/* line 379, ../../common/sass/_common.scss */
.button.grey {
  background-color: #3c3c3c !important;
}

/* line 383, ../../common/sass/_common.scss */
.button.grey:not(.disabled):hover,
.button.grey:not(.disabled):focus {
  background-color: #505050 !important;
}

/* line 387, ../../common/sass/_common.scss */
.button.grey:not(.disabled):active,
.button.grey.active {
  background-color: #323232 !important;
}

/* line 392, ../../common/sass/_common.scss */
.button.danger,
.button.red {
  background-color: #bd3728 !important;
}

/* line 397, ../../common/sass/_common.scss */
.button.danger:not(.disabled):hover,
.button.danger:not(.disabled):focus,
.button.red:not(.disabled):hover,
.button.red:not(.disabled):focus {
  background-color: #d75142 !important;
}

/* line 403, ../../common/sass/_common.scss */
.button.danger:not(.disabled):active,
.button.danger.active,
.button.red:not(.disabled):active,
.button.red.active {
  background-color: #a83124 !important;
}

/* line 410, ../../common/sass/_common.scss */
.button.warning {
  background-color: #d4ad11 !important;
}

/* line 414, ../../common/sass/_common.scss */
.button.warning:not(.disabled):hover,
.button.warning:not(.disabled):focus {
  background-color: #eec72b !important;
}

/* line 418, ../../common/sass/_common.scss */
.button.warning:not(.disabled):active,
.button.warning.active {
  background-color: #bd9a0f !important;
}

/* line 423, ../../common/sass/_common.scss */
.button.blue {
  background-color: #1d84c9;
}

/* line 426, ../../common/sass/_common.scss */
.button.blue:not(.disabled):hover,
.button.blue:not(.disabled):focus {
  background-color: #369de2;
}

/* line 430, ../../common/sass/_common.scss */
.button.blue:not(.disabled):active,
.button.blue.active {
  background-color: #1975b3;
}

/* line 435, ../../common/sass/_common.scss */
.button:disabled {
  background-color: #505050 !important;
}

/* line 438, ../../common/sass/_common.scss */
.button.disabled {
  cursor: default;
  opacity: 0.5;
  color: #969696;
  background-color: #505050;
}
/* line 443, ../../common/sass/_common.scss */
.button.disabled:hover, .button.disabled:focus, .button.disabled:active {
  background-color: #505050;
}

/* line 450, ../../common/sass/_common.scss */
.button .fa {
  vertical-align: top;
  line-height: inherit;
  height: inherit;
}

/**
 * Loader
 */
/* line 459, ../../common/sass/_common.scss */
.loading {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(50, 50, 50, 0.8);
  z-index: 9999;
}
/* line 465, ../../common/sass/_common.scss */
.loading.show {
  display: block;
}
/* line 468, ../../common/sass/_common.scss */
.loading .fa1, .loading .fa2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  margin: auto;
  z-index: 9999;
  text-align: center;
  transform-origin: 50% 49.2%;
  -webkit-transform-origin: 50% 49.2%;
  -moz-transform-origin: 50% 49.2%;
  -ms-transform-origin: 50% 49.2%;
  -o-transform-origin: 50% 49.2%;
}
/* line 486, ../../common/sass/_common.scss */
.loading .fa1:before,
.loading .fa2:before {
  /* cog */
  content: "\f013";
}
/* line 490, ../../common/sass/_common.scss */
.loading .fa1 {
  top: -0.55em;
  left: -0.55em;
  animation: spinner 3s linear infinite;
  -webkit-animation: spinner 3s linear infinite;
  -moz-animation: spinner 3s linear infinite;
  -ms-animation: spinner 3s linear infinite;
  -o-animation: spinner 3s linear infinite;
}
/* line 499, ../../common/sass/_common.scss */
.loading .fa2 {
  top: 0.55em;
  left: 0.55em;
  animation: spinner-anti 3s linear infinite;
  -webkit-animation: spinner-anti 3s linear infinite;
  -moz-animation: spinner-anti 3s linear infinite;
  -ms-animation: spinner-anti 3s linear infinite;
  -o-animation: spinner-anti 3s linear infinite;
  animation-delay: -2s;
  -webkit-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -ms-animation-delay: -2s;
  -o-animation-delay: -2s;
}

/* line 515, ../../common/sass/_common.scss */
body > .loading {
  position: fixed;
}
/* line 517, ../../common/sass/_common.scss */
body > .loading .fa1, body > .loading .fa2 {
  font-size: 5em;
}

/* line 523, ../../common/sass/_common.scss */
.button .loading .fa1, .button .loading .fa2 {
  font-size: 1em;
  transform-origin: 50% 43%;
  -webkit-transform-origin: 50% 43%;
  -moz-transform-origin: 50% 43%;
  -ms-transform-origin: 50% 43%;
  -o-transform-origin: 50% 43%;
}

/* line 535, ../../common/sass/_common.scss */
#rich-editor-wrapper {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(50, 50, 50, 0.8);
  z-index: 9999;
}
/* line 541, ../../common/sass/_common.scss */
#rich-editor-wrapper.show {
  display: block;
}
/* line 544, ../../common/sass/_common.scss */
#rich-editor-wrapper #rich-editor {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  max-width: 450px;
  height: 50%;
  max-height: 350px;
  margin: auto;
  z-index: 9999;
}

/**
 * Server Error
 */
/* line 559, ../../common/sass/_common.scss */
#server-error {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(50, 50, 50, 0.8);
  font-size: 2em;
  line-height: 1.25em;
}
/* line 568, ../../common/sass/_common.scss */
#server-error .message-outer {
  position: absolute;
  display: table;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 75%;
  height: 75%;
  overflow: visible;
  margin: auto;
  z-index: 9999;
}
/* line 578, ../../common/sass/_common.scss */
#server-error .message-outer .message-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}

/* line 3, ../../common/sass/_edit.scss */
.tool-bar {
  margin: 0;
  padding: 0;
}
/* line 7, ../../common/sass/_edit.scss */
.tool-bar .button {
  display: inline-block;
  padding: 0 0.5rem;
  text-align: center;
  min-width: 2.5rem;
  background-color: #3c3c3c;
  margin-left: 0;
  margin-right: 1px;
}
/* line 16, ../../common/sass/_edit.scss */
.tool-bar .button:last-child {
  margin-right: 0px;
}
/* line 20, ../../common/sass/_edit.scss */
.tool-bar .button:hover, .tool-bar .button:focus {
  background-color: #505050;
}
/* line 24, ../../common/sass/_edit.scss */
.tool-bar .button:active {
  background-color: #323232;
}
/* line 27, ../../common/sass/_edit.scss */
.tool-bar .button.active {
  background-color: #bd9a0f !important;
}
/* line 30, ../../common/sass/_edit.scss */
.tool-bar .button.active.delete {
  background-color: #bd3728 !important;
}
/* line 33, ../../common/sass/_edit.scss */
.tool-bar .button.active.sub-tools-group {
  background-color: #323232 !important;
}
/* line 37, ../../common/sass/_edit.scss */
.tool-bar .button .fa {
  min-width: 1.5rem;
  text-align: center;
}
/* line 41, ../../common/sass/_edit.scss */
.tool-bar .button span:not(.fa-stack) {
  display: none;
}
/* line 45, ../../common/sass/_edit.scss */
.tool-bar .button.active span {
  display: inline-block;
}
/* line 50, ../../common/sass/_edit.scss */
.tool-bar .button.sub-tools-group {
  overflow: visible;
}
/* line 55, ../../common/sass/_edit.scss */
.tool-bar > .button:not(.active) > .fa-left {
  margin-right: 0;
}
/* line 59, ../../common/sass/_edit.scss */
.tool-bar .sub-tools {
  display: none;
  padding: 0;
  position: absolute;
  top: 2rem;
  left: 0;
  z-index: 3;
}
/* line 66, ../../common/sass/_edit.scss */
.tool-bar .sub-tools.show {
  display: block;
}

/* line 72, ../../common/sass/_edit.scss */
.tool-bar.minimal > .button:not(.active) > .fa-left {
  margin-right: 0;
}

/* line 77, ../../common/sass/_edit.scss */
#menu-view,
.action-bar {
  z-index: 10;
  /* always on top over everything else */
}
/* line 81, ../../common/sass/_edit.scss */
#menu-view .button,
.action-bar .button {
  margin: 0 0.5rem 0 0;
  border-radius: 0.25rem;
}
/* line 85, ../../common/sass/_edit.scss */
#menu-view .button a,
.action-bar .button a {
  color: inherit;
  text-decoration: none;
}
/* line 91, ../../common/sass/_edit.scss */
#menu-view .button:last-child,
#menu-view .action-bar-group:last-child,
#menu-view .button-select-wrapper:last-child .button,
.action-bar .button:last-child,
.action-bar .action-bar-group:last-child,
.action-bar .button-select-wrapper:last-child .button {
  margin-right: 0;
}

/* line 97, ../../common/sass/_edit.scss */
.action-bar {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 101, ../../common/sass/_edit.scss */
.action-bar-left {
  float: left;
}

/* line 104, ../../common/sass/_edit.scss */
.action-bar-right {
  float: right;
}

/* line 107, ../../common/sass/_edit.scss */
.action-bar-group {
  display: inline-block;
  margin-right: 0.5rem;
}
/* line 111, ../../common/sass/_edit.scss */
.action-bar-group .button {
  margin-right: 1px;
  border-radius: 0;
}
/* line 115, ../../common/sass/_edit.scss */
.action-bar-group > .button:first-child,
.action-bar-group > .button-select-wrapper:first-child .button {
  border-radius: 0.25rem 0 0 0.25rem;
}
/* line 119, ../../common/sass/_edit.scss */
.action-bar-group > .button:last-child,
.action-bar-group > .button-select-wrapper:last-child .button {
  border-radius: 0 0.25rem 0.25rem 0;
}

/* line 125, ../../common/sass/_edit.scss */
.button-select-wrapper {
  display: inline-block;
  position: relative;
}
/* line 129, ../../common/sass/_edit.scss */
.button-select-wrapper .select-list-wrapper {
  display: none;
}
/* line 132, ../../common/sass/_edit.scss */
.button-select-wrapper.open .select-list-wrapper {
  display: block;
}

/* line 137, ../../common/sass/_edit.scss */
.select-list-wrapper {
  z-index: 10;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  padding: 4em 2em 2em;
  background-color: rgba(50, 50, 50, 0.8);
}
/* line 160, ../../common/sass/_edit.scss */
.select-list-wrapper input,
.select-list-wrapper ul {
  position: relative;
  top: -2em;
  display: block;
  max-width: 25em;
  margin: 0 auto;
}
/* line 168, ../../common/sass/_edit.scss */
.select-list-wrapper input {
  height: 2em;
}
/* line 171, ../../common/sass/_edit.scss */
.select-list-wrapper ul {
  max-height: 100%;
}

/* line 175, ../../common/sass/_edit.scss */
.select-list-wrapper input {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 0.25rem 0.5rem;
  border: 0;
  border-bottom: 1px solid #3c3c3c;
  background-color: #ebebeb;
  color: #323232;
}

/* line 189, ../../common/sass/_edit.scss */
.select-list-wrapper .select-list {
  list-style: none;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  background-color: #3c3c3c;
  white-space: nowrap;
}
/* line 203, ../../common/sass/_edit.scss */
.select-list-wrapper .select-list li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.25rem 0.5rem;
  border: 1px solid #969696;
  border-top: none;
  /*&:last-child {
    border-bottom-width: 0px;
  }*/
}
/* line 218, ../../common/sass/_edit.scss */
.select-list-wrapper .select-list li:hover, .select-list-wrapper .select-list li:focus {
  background-color: #505050;
}
/* line 222, ../../common/sass/_edit.scss */
.select-list-wrapper .select-list li:active {
  background-color: #323232;
}
/* line 226, ../../common/sass/_edit.scss */
.select-list-wrapper .select-list li .button-flex {
  float: right;
  margin: -0.25rem -0.5rem;
  padding: 0.25rem 0.25rem;
  background-color: #bd3728;
}
/* line 233, ../../common/sass/_edit.scss */
.select-list-wrapper .select-list .selected {
  background-color: #505050;
}

/* line 242, ../../common/sass/_edit.scss */
.undo-row table > tbody > tr > td {
  padding: 0 !important;
}
/* line 244, ../../common/sass/_edit.scss */
.undo-row table > tbody > tr > td > table {
  margin-bottom: 5px;
}
/* line 247, ../../common/sass/_edit.scss */
.undo-row table > tbody > tr > td td.cke_dialog_ui_hbox_last {
  text-align: right;
}

/* line 253, ../../common/sass/_edit.scss */
.ui-resizable-e {
  cursor: ew-resize;
  width: 0.25rem;
  padding-left: 0.25rem;
  right: -0.125rem;
  top: 0px;
  height: 100%;
}

/* line 261, ../../common/sass/_edit.scss */
.ui-resizable-w {
  cursor: ew-resize;
  width: 0.25rem;
  padding-right: 0.25rem;
  left: -0.125rem;
  top: 0px;
  height: 100%;
}

/* line 269, ../../common/sass/_edit.scss */
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  z-index: 5 !important;
}

/* line 4, ../sass/VslMain-0.2.scss */
.fa-mobile:before {
  content: "\f10b";
}

/* line 7, ../sass/VslMain-0.2.scss */
.fa-tablet:before {
  content: "\f10a";
}

/* line 10, ../sass/VslMain-0.2.scss */
.fa-desktop:before {
  content: "\f108";
}

/* line 13, ../sass/VslMain-0.2.scss */
.fa-android:before {
  content: "\f17b";
}

/* line 16, ../sass/VslMain-0.2.scss */
.fa-apple:before {
  content: "\f179";
}

/* line 19, ../sass/VslMain-0.2.scss */
.fa-windows:before {
  content: "\f17a";
}

/* line 22, ../sass/VslMain-0.2.scss */
.fa-floppy-o:before {
  content: "\f0c7";
}

/* line 25, ../sass/VslMain-0.2.scss */
.fa-filter:before {
  content: "\f0b0";
}

/* line 28, ../sass/VslMain-0.2.scss */
.fa-eraser:before {
  content: "\f12d";
}

/* line 32, ../sass/VslMain-0.2.scss */
body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #646464;
  color: #f0f0f0;
  font-family: "Roboto", "Source Sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  margin: 0.5rem;
  padding: 0;
  /*user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;*/
}

/* line 47, ../sass/VslMain-0.2.scss */
h2 {
  font-size: 1.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

/* line 54, ../sass/VslMain-0.2.scss */
h3 {
  text-align: center;
  font-size: 1.2rem;
  padding: 0.25rem 0;
  margin: 0.5rem 0;
}

/* line 60, ../sass/VslMain-0.2.scss */
h4 {
  text-align: left;
}

/* line 64, ../sass/VslMain-0.2.scss */
.editing > div.label {
  display: none !important;
}

/* line 67, ../sass/VslMain-0.2.scss */
input.label {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*position: relative;
  z-index: 11;*/
  font: inherit;
  /*font-family: inherit;
  font-size: inherit;*/
  line-height: inherit;
  border: 0;
  padding: 0;
  background-color: #5a5a5a;
}

/* line 86, ../sass/VslMain-0.2.scss */
h1 {
  position: absolute;
  width: 100%;
  text-align: center;
}

/* line 93, ../sass/VslMain-0.2.scss */
.login h1 {
  position: relative;
  float: none;
}

/* line 97, ../sass/VslMain-0.2.scss */
.login-form-wrapper {
  clear: both;
  display: table;
  margin: 0 auto;
  padding: 0.5rem 1rem;
  background-color: #3c3c3c;
  /*form.attempted .ng-invalid,
  form .ng-invalid:not(.ng-pristine) {
    border: 2px solid $button-yellow;
    border-bottom: 0;
  }*/
  /*button .fa:before {
    content: "\f064";
  }*/
}
/* line 104, ../sass/VslMain-0.2.scss */
.login-form-wrapper a {
  color: inherit;
}
/* line 108, ../sass/VslMain-0.2.scss */
.login-form-wrapper form {
  display: table-cell;
  text-align: center;
}
/* line 112, ../sass/VslMain-0.2.scss */
.login-form-wrapper form > div {
  clear: both;
  margin: 0.5rem 0;
}
/* line 116, ../sass/VslMain-0.2.scss */
.login-form-wrapper form > div fieldset {
  margin: 0.5rem 0;
  padding: 0;
  border: 0;
}
/* line 123, ../sass/VslMain-0.2.scss */
.login-form-wrapper form .help-inline.attention {
  background-color: #d4ad11;
  color: inherit;
}
/* line 128, ../sass/VslMain-0.2.scss */
.login-form-wrapper form .help-inline {
  text-align: left;
  padding: 0.125rem 0.25rem;
  color: #505050;
}
/* line 141, ../sass/VslMain-0.2.scss */
.login-form-wrapper input,
.login-form-wrapper textarea,
.login-form-wrapper select,
.login-form-wrapper button {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 0;
  margin: 0;
}
/* line 151, ../sass/VslMain-0.2.scss */
.login-form-wrapper textarea {
  display: block;
  resize: vertical;
}
/* line 155, ../sass/VslMain-0.2.scss */
.login-form-wrapper select {
  font-size: inherit;
  font-family: inherit;
  max-width: 25em;
}
/* line 160, ../sass/VslMain-0.2.scss */
.login-form-wrapper .button,
.login-form-wrapper input[type="text"],
.login-form-wrapper input[type="email"],
.login-form-wrapper input[type="password"],
.login-form-wrapper input[type="tel"],
.login-form-wrapper input[type="submit"],
.login-form-wrapper textarea {
  width: 100%;
}
/* line 169, ../sass/VslMain-0.2.scss */
.login-form-wrapper input[type="text"],
.login-form-wrapper input[type="email"],
.login-form-wrapper input[type="password"],
.login-form-wrapper input[type="tel"],
.login-form-wrapper textarea,
.login-form-wrapper select {
  padding: 0.5rem 0.25rem;
}
/* line 178, ../sass/VslMain-0.2.scss */
.login-form-wrapper button .fa {
  display: none;
}
/* line 184, ../sass/VslMain-0.2.scss */
.login-form-wrapper button.submitting .fa {
  display: inline-block;
  transform-origin: 47% 50%;
  -webkit-transform-origin: 47% 50%;
  -moz-transform-origin: 47% 50%;
  -ms-transform-origin: 47% 50%;
  -o-transform-origin: 47% 50%;
}
/* line 193, ../sass/VslMain-0.2.scss */
.login-form-wrapper button.submitting .fa:before {
  content: "\f013";
}

/* line 198, ../sass/VslMain-0.2.scss */
#login-error,
#login-message {
  /*display: none;*/
  clear: both;
  width: 75%;
  margin: 0.5rem auto;
  padding: 0.5rem 1rem;
  text-align: center;
  color: white;
}
/* line 208, ../sass/VslMain-0.2.scss */
#login-error.show,
#login-message.show {
  display: block;
}

/* line 212, ../sass/VslMain-0.2.scss */
#login-error {
  background-color: #d4ad11;
}

/* line 215, ../sass/VslMain-0.2.scss */
#login-message {
  background-color: #1d84c9;
}

/* line 219, ../sass/VslMain-0.2.scss */
#login-menu {
  position: absolute;
  top: 0;
  right: 0.5rem;
  /*.button {
    margin: 0;
  }*/
}

/* line 228, ../sass/VslMain-0.2.scss */
#login-tools {
  margin: 2rem 0 0.5rem;
  text-align: center;
}

/* line 233, ../sass/VslMain-0.2.scss */
#user-view,
#menu-view {
  position: relative;
}

/* line 238, ../sass/VslMain-0.2.scss */
#user-view {
  float: right;
  text-align: right;
  min-width: 5em;
  min-height: 5em;
}
/* line 245, ../sass/VslMain-0.2.scss */
#user-view .loading {
  font-size: 2em;
}
/* line 249, ../sass/VslMain-0.2.scss */
#user-view h2 {
  display: none;
}
/* line 252, ../sass/VslMain-0.2.scss */
#user-view > div {
  margin: 0 0 0.5rem 0;
}

/* line 256, ../sass/VslMain-0.2.scss */
#menu-view {
  float: left;
}

/* line 260, ../sass/VslMain-0.2.scss */
.sessions-tools,
.action-bar button {
  text-transform: lowercase;
}
/* line 264, ../sass/VslMain-0.2.scss */
.sessions-tools button,
.action-bar button button {
  text-transform: lowercase;
}
/* line 268, ../sass/VslMain-0.2.scss */
.sessions-tools .action-bar-form,
.action-bar button .action-bar-form {
  display: none;
}

/* line 273, ../sass/VslMain-0.2.scss */
#licences-view,
#apps-view {
  position: relative;
  clear: both;
}
/* line 278, ../sass/VslMain-0.2.scss */
#licences-view .loading,
#apps-view .loading {
  font-size: 3em;
}
/* line 282, ../sass/VslMain-0.2.scss */
#licences-view .action-bar,
#apps-view .action-bar {
  margin: 0;
}
/* line 285, ../sass/VslMain-0.2.scss */
#licences-view .action-bar button,
#licences-view .action-bar input,
#apps-view .action-bar button,
#apps-view .action-bar input {
  margin-bottom: 0.25rem;
}
/* line 289, ../sass/VslMain-0.2.scss */
#licences-view .action-bar button.group-name, #licences-view .action-bar button.email, #licences-view .action-bar button.name,
#licences-view .action-bar input.group-name,
#licences-view .action-bar input.email,
#licences-view .action-bar input.name,
#apps-view .action-bar button.group-name,
#apps-view .action-bar button.email,
#apps-view .action-bar button.name,
#apps-view .action-bar input.group-name,
#apps-view .action-bar input.email,
#apps-view .action-bar input.name {
  width: 100%;
}
/* line 295, ../sass/VslMain-0.2.scss */
#licences-view .licence-tools,
#licences-view .sessions-tools,
#apps-view .licence-tools,
#apps-view .sessions-tools {
  display: none;
  float: left;
  margin-right: 0.5rem;
}
/* line 302, ../sass/VslMain-0.2.scss */
#licences-view.tool-unlock tbody tr:not(.can-unlock), #licences-view.tool-delete tbody tr:not(.can-delete),
#apps-view.tool-unlock tbody tr:not(.can-unlock),
#apps-view.tool-delete tbody tr:not(.can-delete) {
  background-color: transparent;
  color: #323232;
}
/* line 306, ../sass/VslMain-0.2.scss */
#licences-view.tool-unlock tbody tr:not(.can-unlock):hover, #licences-view.tool-unlock tbody tr:not(.can-unlock):focus, #licences-view.tool-unlock tbody tr:not(.can-unlock):active, #licences-view.tool-delete tbody tr:not(.can-delete):hover, #licences-view.tool-delete tbody tr:not(.can-delete):focus, #licences-view.tool-delete tbody tr:not(.can-delete):active,
#apps-view.tool-unlock tbody tr:not(.can-unlock):hover,
#apps-view.tool-unlock tbody tr:not(.can-unlock):focus,
#apps-view.tool-unlock tbody tr:not(.can-unlock):active,
#apps-view.tool-delete tbody tr:not(.can-delete):hover,
#apps-view.tool-delete tbody tr:not(.can-delete):focus,
#apps-view.tool-delete tbody tr:not(.can-delete):active {
  background-color: transparent;
}
/* line 309, ../sass/VslMain-0.2.scss */
#licences-view.tool-unlock tbody tr:not(.can-unlock) td, #licences-view.tool-delete tbody tr:not(.can-delete) td,
#apps-view.tool-unlock tbody tr:not(.can-unlock) td,
#apps-view.tool-delete tbody tr:not(.can-delete) td {
  border-color: #505050;
}
/* line 314, ../sass/VslMain-0.2.scss */
#licences-view .self,
#apps-view .self {
  padding: 0 0.25rem;
  background-color: #646464;
}

/* line 320, ../sass/VslMain-0.2.scss */
#apps-view {
  min-height: 200px;
}
/* line 323, ../sass/VslMain-0.2.scss */
#apps-view #data-grid > .data-list > ul.list {
  max-height: 30rem;
}

@-moz-keyframes loadSelectable {
  0% {
    background-color: #646464;
  }
  100% {
    background-color: #505050;
  }
}
@-webkit-keyframes loadSelectable {
  0% {
    background-color: #646464;
  }
  100% {
    background-color: #505050;
  }
}
@keyframes loadSelectable {
  0% {
    background-color: #646464;
  }
  100% {
    background-color: #505050;
  }
}
/* line 341, ../sass/VslMain-0.2.scss */
.data-grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 0.25rem;
}

/* line 345, ../sass/VslMain-0.2.scss */
.data-grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 0.25rem;
}

/* line 350, ../sass/VslMain-0.2.scss */
.data-grid-1-2 {
  grid-template-columns: 1fr 2fr;
  column-gap: 1rem;
}

/* line 355, ../sass/VslMain-0.2.scss */
#data-grid {
  clear: both;
  display: grid;
  min-height: 6rem;
}
/* line 360, ../sass/VslMain-0.2.scss */
#data-grid > div {
  position: relative;
  clear: both;
  margin: 0.5rem 0rem;
}
/* line 365, ../sass/VslMain-0.2.scss */
#data-grid > div .col-title {
  padding: 0 0.5rem 0.25rem 0;
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
}
/* line 375, ../sass/VslMain-0.2.scss */
#data-grid > .data-list .fa-filter {
  float: right;
  height: 0;
  width: 0;
  position: relative;
  top: 0.35rem;
  left: -3.25rem;
}
/* line 384, ../sass/VslMain-0.2.scss */
#data-grid > .data-list label {
  padding: 0.25rem;
}
/* line 387, ../sass/VslMain-0.2.scss */
#data-grid > .data-list input[type="text"],
#data-grid > .data-list input[type="number"],
#data-grid > .data-list input[type="date"],
#data-grid > .data-list input[type="time"],
#data-grid > .data-list input[type="checkbox"] {
  box-sizing: border-box;
  border-width: 0;
  padding: 0.25rem;
  line-height: 1.3125rem;
  height: 1.8125rem;
  background-color: #787878;
  color: #f0f0f0;
}
/* line 402, ../sass/VslMain-0.2.scss */
#data-grid > .data-list input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 0 0.25rem 0;
}
/* line 406, ../sass/VslMain-0.2.scss */
#data-grid > .data-list input::placeholder {
  color: #646464;
}
/* line 410, ../sass/VslMain-0.2.scss */
#data-grid > .data-list input.filter {
  width: calc(100% - 1.3125rem - 0.75rem);
  margin: 0 0 0.5rem 0;
  /*&:before {
  	font-family: 'FontAwesome';
  	color:red;
  	position: relative;
  	left: -5px;
  	content: "\f007";
  }*/
}
/* line 431, ../sass/VslMain-0.2.scss */
#data-grid > .data-list button {
  border: 0;
  border-radius: 0.25rem;
  height: calc(0.5rem + 1.3125rem);
  color: #f0f0f0;
}
/* line 439, ../sass/VslMain-0.2.scss */
#data-grid > .data-list button:disabled {
  opacity: 0.25;
}
/* line 443, ../sass/VslMain-0.2.scss */
#data-grid > .data-list button.icon-only {
  width: calc(0.5rem + 1.3125rem);
}
/* line 449, ../sass/VslMain-0.2.scss */
#data-grid > .data-list button.green {
  background-color: #18a589;
}
/* line 451, ../sass/VslMain-0.2.scss */
#data-grid > .data-list button.green:hover, #data-grid > .data-list button.green:focus {
  background-color: #1dc9a6;
}
/* line 456, ../sass/VslMain-0.2.scss */
#data-grid > .data-list button.delete, #data-grid > .data-list button.red {
  background-color: #bd3728;
}
/* line 459, ../sass/VslMain-0.2.scss */
#data-grid > .data-list button.delete:hover, #data-grid > .data-list button.delete:focus, #data-grid > .data-list button.red:hover, #data-grid > .data-list button.red:focus {
  background-color: #d75142;
}
/* line 464, ../sass/VslMain-0.2.scss */
#data-grid > .data-list button.delete, #data-grid > .data-list button.filter-clear {
  float: right;
}
/* line 472, ../sass/VslMain-0.2.scss */
#data-grid > .data-list.selection-list > ul.list > li {
  display: grid;
  grid-template-columns: 100fr 2rem;
  column-gap: 0.25rem;
}
/* line 477, ../sass/VslMain-0.2.scss */
#data-grid > .data-list.selection-list > ul.list > li.title {
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
/* line 480, ../sass/VslMain-0.2.scss */
#data-grid > .data-list.selection-list > ul.list > li.title:not(:first-child) {
  margin-top: 0.5rem;
}
/* line 486, ../sass/VslMain-0.2.scss */
#data-grid > .data-list:not(.selection-list) > ul.list .selectable {
  -moz-animation: loadSelectable 1s 1 linear;
  -webkit-animation: loadSelectable 1s 1 linear;
  animation: loadSelectable 1s 1 linear;
}
/* line 491, ../sass/VslMain-0.2.scss */
#data-grid > .data-list:not(.selection-list) > ul.list .selectable:hover, #data-grid > .data-list:not(.selection-list) > ul.list .selectable:focus {
  background-color: #787878;
}
/* line 494, ../sass/VslMain-0.2.scss */
#data-grid > .data-list:not(.selection-list) > ul.list .selectable:active {
  background-color: #3c3c3c;
}
/* line 498, ../sass/VslMain-0.2.scss */
#data-grid > .data-list:not(.selection-list) > ul.list .selectable.active {
  background-color: #18a589;
}
/* line 508, ../sass/VslMain-0.2.scss */
#data-grid > .data-list:not(.selection-list) > ul.list > li.licence-group .selectable:hover .time input, #data-grid > .data-list:not(.selection-list) > ul.list > li.licence-group .selectable:focus .time input, #data-grid > .data-list:not(.selection-list) > ul.list > li.licence-user .selectable:hover .time input, #data-grid > .data-list:not(.selection-list) > ul.list > li.licence-user .selectable:focus .time input {
  background-color: #787878;
}
/* line 517, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 0;
  width: 100%;
  overflow-y: auto;
}
/* line 527, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list .selectable {
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid #646464;
  background-color: #505050;
}
/* line 531, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list .selectable:last-child {
  border-bottom-width: 0;
}
/* line 537, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list .selectable.active {
  background-color: #18a589;
}
/* line 542, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li {
  display: grid;
  position: relative;
  vertical-align: top;
  min-width: 5rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/* line 554, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li .loading {
  font-size: 1em;
}
/* line 558, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li .details {
  font-size: 85%;
  opacity: 0.4;
}
/* line 563, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-user, #data-grid > .data-list > ul.list > li.app, #data-grid > .data-list > ul.list > li.licence-group, #data-grid > .data-list > ul.list > li.user {
  border-bottom: 1px solid #646464;
}
/* line 570, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.session {
  border-bottom: 1px solid #646464;
}
/* line 574, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.app, #data-grid > .data-list > ul.list > li.licence-group, #data-grid > .data-list > ul.list > li.licence-user > .licence, #data-grid > .data-list > ul.list > li.app > .version, #data-grid > .data-list > ul.list > li.user .device, #data-grid > .data-list > ul.list > li.session, #data-grid > .data-list > ul.list > li.event {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 588, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.app .details.bundle-id {
  float: left;
}
/* line 591, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.app .details.licence-count {
  text-align: right;
}
/* line 596, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.event {
  padding: 0.15rem 0.5rem;
  line-height: 1rem;
}
/* line 600, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.event.event-application {
  background-color: #a83124;
}
/* line 603, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.event.event-sm {
  background-color: #787878;
}
/* line 607, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.event .time {
  display: inline-block;
  font-size: 80%;
  min-width: 3rem;
  padding-right: 0.5rem;
}
/* line 613, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.event .name {
  font-size: 80%;
}
/* line 616, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.event .value {
  font-size: 80%;
  line-height: 1rem;
  margin-left: 3.5rem;
  white-space: pre-wrap;
  /* for any unprocessed 'value's */
}
/* line 624, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.user .instance {
  background-color: #505050;
}
/* line 628, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.user .meta {
  padding: 0.25rem 0.5rem;
}
/* line 632, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-group, #data-grid > .data-list > ul.list > li.licence-user {
  grid-template-columns: 100fr 2rem;
  column-gap: 0.25rem;
}
/* line 638, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-group .selectable .time, #data-grid > .data-list > ul.list > li.licence-user .selectable .time {
  text-align: right;
  float: right;
}
/* line 642, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-group .selectable .time input, #data-grid > .data-list > ul.list > li.licence-user .selectable .time input {
  background-color: #505050;
  color: white;
}
/* line 648, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-group .expires-update, #data-grid > .data-list > ul.list > li.licence-user .expires-update {
  display: none;
}
/* line 653, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-user .licence {
  background-color: #505050;
  padding: 0.25rem 0.5rem;
}
/* line 657, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-user .licence .email {
  display: inline-block;
  padding: 0.25rem 0;
}
/* line 662, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-user .licence .devices {
  display: none;
}
/* line 666, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-user .licence.selected .devices {
  display: block;
  margin-top: 0.25rem;
}
/* line 676, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-user .device, #data-grid > .data-list > ul.list > li.user .device {
  margin: 0 1px 1px 0;
  padding: 0.25rem 0.5rem;
  background-color: #646464;
}
/* line 682, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-user .device:hover, #data-grid > .data-list > ul.list > li.licence-user .device:focus, #data-grid > .data-list > ul.list > li.user .device:hover, #data-grid > .data-list > ul.list > li.user .device:focus {
  background-color: #787878;
}
/* line 689, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.app > .version:not(.meta) {
  font-size: 85%;
  border-left: 1rem solid #646464;
}
/* line 696, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.user .device:not(.meta) {
  margin-left: 1rem;
}
/* line 701, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.session .time .duration {
  font-size: 85%;
  padding-left: 0.5rem;
}
/* line 706, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.app .meta > .version {
  clear: both;
  font-size: 85%;
}
/* line 713, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-group .count, #data-grid > .data-list > ul.list > li.user .device .count {
  display: inline-block;
  float: right;
  font-size: 85%;
}
/* line 722, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-user > .licence .details, #data-grid > .data-list > ul.list > li.user .device .details {
  padding-left: 1.5rem;
}
/* line 727, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-user > .licence .details .model .fa,
#data-grid > .data-list > ul.list > li.licence-user > .licence .details .os .fa, #data-grid > .data-list > ul.list > li.user .device .details .model .fa,
#data-grid > .data-list > ul.list > li.user .device .details .os .fa {
  width: 1.5rem;
  margin: 0 0 0 -1.5rem;
  text-align: center;
}
/* line 737, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-group .name {
  float: left;
}
/* line 740, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-group .meta {
  clear: both;
}
/* line 743, ../sass/VslMain-0.2.scss */
#data-grid > .data-list > ul.list > li.licence-group .meta .max-seats {
  display: inline-block;
  font-size: 85%;
}
/* line 756, ../sass/VslMain-0.2.scss */
#data-grid .apps-list .button-unlock,
#data-grid .releases-list .button-unlock {
  float: left;
  margin-right: 0.5rem;
}
/* line 765, ../sass/VslMain-0.2.scss */
#data-grid .selection-list .time,
#data-grid .groups-list .time,
#data-grid .licences-list .time {
  font-size: 85%;
}
/* line 768, ../sass/VslMain-0.2.scss */
#data-grid .selection-list .time .remaining,
#data-grid .groups-list .time .remaining,
#data-grid .licences-list .time .remaining {
  display: inline-block;
  font-family: monospace;
  font-size: 125%;
  padding: 3px 0;
  min-width: 10rem;
}
/* line 776, ../sass/VslMain-0.2.scss */
#data-grid .selection-list .expired,
#data-grid .groups-list .expired,
#data-grid .licences-list .expired {
  background-color: #8f5c56 !important;
}

/* line 782, ../sass/VslMain-0.2.scss */
.groups-list .add-licence-group-form,
.licences-list .add-licence-form {
  display: grid;
  grid-template-columns: 2rem 100fr 2rem;
  column-gap: 0.25rem;
}
/* line 788, ../sass/VslMain-0.2.scss */
.groups-list .add-licence-group-form div,
.licences-list .add-licence-form div {
  padding-right: 0.5rem;
}
/* line 791, ../sass/VslMain-0.2.scss */
.groups-list .add-licence-group-form div .group-name,
.groups-list .add-licence-group-form div .group-max-users,
.groups-list .add-licence-group-form div .email,
.groups-list .add-licence-group-form div .name,
.licences-list .add-licence-form div .group-name,
.licences-list .add-licence-form div .group-max-users,
.licences-list .add-licence-form div .email,
.licences-list .add-licence-form div .name {
  max-width: 25rem;
}

/* line 800, ../sass/VslMain-0.2.scss */
.licences-list .add-licence-form div .time {
  float: right;
  text-align: right;
}

/* line 807, ../sass/VslMain-0.2.scss */
#chart svg line, #chart svg path {
  stroke: #f0f0f0;
}
/* line 810, ../sass/VslMain-0.2.scss */
#chart svg text {
  fill: #f0f0f0;
}
/* line 813, ../sass/VslMain-0.2.scss */
#chart svg rect.region-events {
  fill: #505050 !important;
  fill-opacity: 1 !important;
}
/* line 817, ../sass/VslMain-0.2.scss */
#chart svg rect.region-event-active {
  width: 1px !important;
  stroke: #18a589 !important;
  stroke-width: 1px;
  fill: #18a589 !important;
  fill-opacity: 1 !important;
}
/* line 824, ../sass/VslMain-0.2.scss */
#chart svg rect.region-event-hover {
  width: 1px !important;
  stroke: #d4ad11 !important;
  stroke-width: 2px;
  fill: #d4ad11 !important;
  fill-opacity: 1 !important;
}
/* line 832, ../sass/VslMain-0.2.scss */
#chart svg .c3-target-fps path {
  stroke: #1d84c9 !important;
  stroke-width: 2;
}
/* line 836, ../sass/VslMain-0.2.scss */
#chart svg .c3-target-fps circle {
  fill: #1d84c9 !important;
}
/* line 841, ../sass/VslMain-0.2.scss */
#chart svg .c3-legend-item-f line {
  stroke: #1d84c9 !important;
}

/* line 847, ../sass/VslMain-0.2.scss */
.c3-tooltip tr {
  border-color: #646464 !important;
}
/* line 850, ../sass/VslMain-0.2.scss */
.c3-tooltip th {
  background-color: #787878 !important;
}
/* line 853, ../sass/VslMain-0.2.scss */
.c3-tooltip td {
  background-color: #505050 !important;
}
/* line 856, ../sass/VslMain-0.2.scss */
.c3-tooltip .c3-tooltip-name--f .name span {
  background-color: #1d84c9 !important;
}

/* line 861, ../sass/VslMain-0.2.scss */
.select-list-wrapper {
  left: auto;
  right: 0;
}