@keyframes hideAfterTime {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes hideAfterTimeAgain {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* Temp PRE functionality */
#logo {
  margin-bottom: 20px;
}
.department-nav,
.topmenu input[type="search"],
.notifications-link .num,
.topbuttons a[href="#attach"] {
  display: none;
}
a[href="#speech"] {
  display: inline-block;
  transition: all 0.3s linear;
}
a[href="#speech"].listening {
  color: #192131 !important;
  font-size: 1.3em;
}
html,
body {
  height: 100%;
}
body > #container,
body > #container > .flex {
  min-height: 100%;
  min-height: 100vh;
}
body {
  background: #fff;
  font-size: 16px;
  line-height: 1.6em;
  font-family: "futura-pt";
}
#container {
  overflow: hidden;
}
.main {
  background: transparent;
  box-shadow: none;
  max-width: 1200px;
  margin: 0 auto;
}
#content {
  min-height: 80vh;
  margin: 0 auto;
}
footer {
  background: #333;
  color: #fff;
}
footer a {
  color: #fff;
}
h1,
h2,
h3 {
  color: #242e42;
}
h1 {
  font-weight: 600;
  font-size: 1.8em;
}
h3 {
  font-size: 1.3em;
}
h3 .invert .fa {
  font-size: 10px;
  margin-top: -3px;
  margin-right: 20px;
}
.container {
  padding: 0px;
  margin: 0;
}
.copyright {
  font-size: 0.7em;
  text-align: center;
}
input.askquestion {
  line-height: 1.6em;
}
.askquestion_title {
  text-align: center;
  color: #aaa;
}
#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -3;
}
#response {
  margin: 0px 0;
}
#response > div {
  margin-bottom: 20px;
  clear: both;
}
#response > div {
  margin-right: 30px;
  width: auto;
  display: flex;
  min-width: 60%;
}
#response > div > div.profile {
  margin-right: 20px;
  text-align: center;
  color: #7D7D7D;
  font-size: 0.8em;
}
#response > div > div.profile img {
  border-radius: 50%;
  width: 32px;
  height: auto;
  max-height: 40px;
}
#response > div.question > div.profile {
  margin-left: 20px;
  margin-right: 0;
}
#response > div > div.response > div > :last-child {
  margin: 0;
}
#response > div > div.response > div {
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  min-width: 50vw;
}
#response > div.question {
  float: right;
  margin-left: 200px;
  margin-right: 0;
  justify-content: flex-end;
  text-align: right;
}
#response > div.question > div.response > div {
  background-color: #242E42;
  color: #fff;
  min-width: 0;
}
#response > div.thinking {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
.topmenu .nobullets {
  align-items: center;
}
.topmenu .nobullets .fa {
  font-size: 17px;
}
.topmenu .nobullets li + li {
  margin-left: 15px;
}
.topmenu .nobullets .btn {
  padding: 0;
}
#response .date {
  text-align: center;
  color: #8785AB;
  display: block;
  margin: 0;
  width: 100%;
  font-size: 0.8em;
}
#response .tools,
.tools-top .tools {
  text-align: right;
  margin-right: -10px;
}
#response .tools a,
.tools-top .tools a {
  display: inline-block;
  padding: 2px 10px;
  color: #242E42;
  font-size: 0.9em;
}
#response .error {
  color: #d00;
  font-size: 0.9em;
  width: 80%;
  margin: 0 auto;
}
#response .error .noresponse {
  text-align: center;
  flex-grow: 1;
}
.decreased {
  color: #d00;
}
.increased {
  color: #67B537;
}
#followup {
  margin-left: 20px;
}
#followup > div {
  float: left;
  border-radius: 3px;
  background: #177ff2;
  color: #fff;
  padding: 1px 3px;
  font-size: 12px;
  line-height: 12px;
  margin-left: 3px;
  margin-bottom: 5px;
}
#followup > div.deleting {
  background: #c00;
}
#followup > div a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  margin: 0px;
}
#response .info {
  color: #bbb;
  font-size: 14px;
  text-align: right;
}
#response .info > div {
  margin-left: 10px;
  display: inline-block;
}
#response .info > div + div {
  border-left: 1px solid #888;
  padding-left: 10px;
}
.changeprofile {
  position: fixed;
  top: 10px;
  right: 10px;
}
.right {
  float: right;
}
.topmenu .right .usersmenu .icon {
  max-width: 40px;
  border-radius: 50%;
}
.sidemenu {
  background: #192131;
  color: #cacbce;
  width: 260px;
  min-width: 260px;
}
.sidemenu .fa {
  font-size: 1.3em;
  width: 30px;
}
.sidemenu ul.menu > li {
  position: relative;
}
.sidemenu ul.menu > li > a {
  padding-right: 30px !important;
}
.sidemenu .fa.more {
  font-size: 0.8em;
  text-align: right;
  width: 12px;
  position: absolute;
  top: 15px;
  right: 10px;
}
.sidemenu a:hover,
.sidemenu a:focus {
  color: #fafbfe;
  text-decoration: none;
  outline: none;
}
.sidemenu.collapsable .submenu {
  overflow: auto;
  max-height: 150px;
}
.sidemenu.collapsable .fa {
  width: 25px;
  text-align: center;
}
.sidemenu.collapsable.collapsed {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  overflow: visible;
}
.sidemenu.collapsable.collapsed > .sidemenu-button {
  float: none;
  text-align: center;
  width: auto;
}
.sidemenu.collapsable.collapsed h5 {
  display: none;
}
.sidemenu.collapsable.collapsed span.anchor {
  display: none;
}
.sidemenu.collapsable.collapsed .fa {
  display: block;
}
.sidemenu.collapsable.collapsed .fa.more {
  display: none;
}
.sidemenu.collapsable.collapsed .logo-link {
  visibility: hidden;
}
.sidemenu.collapsable.collapsed li {
  position: relative;
}
.sidemenu.collapsable.collapsed .menu > li > a {
  padding: 10px;
  text-align: center;
}
.sidemenu.collapsable.collapsed .submenu {
  display: none !important;
  top: 0;
  left: 100%;
  width: 300px;
  max-width: 33vw;
  position: absolute;
  background: #192131;
  margin: 0;
  z-index: 1000;
  max-height: 300px;
  overflow: auto;
}
.sidemenu.collapsable.collapsed .submenu span.anchor {
  display: block;
}
.sidemenu.collapsable.collapsed .submenu > li > a {
  padding: 5px 8px;
  display: block;
}
.sidemenu.collapsable.collapsed .submenu > li > a:hover {
  background: #2C374E;
}
.sidemenu.collapsable.collapsed li.hover > .submenu {
  display: block !important;
}
.sidemenu a {
  color: #cacbce;
}
#header section {
  padding: 20px;
}
#header section + section {
  border-top: 2px solid #e0e1e4;
}
#header {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
#header .topmenu a {
  color: #fff;
}
#header .topmenu .dropdown a {
  color: #555;
}
#header .topmenu .dropdown li + li {
  margin: 0;
}
.num {
  border-radius: 10px;
  background-color: #FF7800;
  color: #fff;
}
#header .topmenu a.notifications-link {
  color: #fff;
}
#header .topmenu a.notifications-link .num {
  margin-left: -7px;
}
.menu-toolbar {
  margin: 0 -10px;
}
.menu-toolbar a {
  color: #1f2634;
  font-weight: bold;
  border-bottom: 3px solid transparent;
  padding: 5px 10px 10px;
  text-decoration: none;
}
.menu-toolbar .active a,
.menu-toolbar a:hover {
  border-color: #fff;
}
#header section.toolbar {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidemenu {
  padding: 20px 0px;
}
.sidemenu .logo-link {
  padding: 20px;
}
.sidemenu #logo {
  max-width: 121px;
}
.sidemenu h5 {
  text-transform: uppercase;
  font-size: 12px;
  padding: 10px 20px;
  background: #293244;
  border-bottom: 1px solid #192131;
  margin: 0;
}
.sidemenu > nav > .menu > li > a {
  padding: 10px 20px;
  background: #293244;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #192131;
}
.sidemenu > nav > .menu > li > a:hover {
  background: #2C374E;
}
.department-nav {
  padding: 20px;
}
.department-nav select {
  background: transparent;
  border: none;
  color: #fff;
  padding: 3px;
  margin: -3px;
  font-weight: bold;
  outline: none;
}
#content {
  padding: 20px;
}
.chatgrid {
  height: 100%;
  max-height: 80vh;
}
.chatgrid .response_container {
  overflow: auto;
  overflow-x: hidden;
  margin: 0px 0;
  margin-bottom: 20px;
  padding: 0px 20px;
}
.chatgrid .chatform {
  margin-bottom: 10px;
}
.chatgrid .chatform .sidebuttons {
  margin-right: 5px;
}
.chatgrid .chatform .topbuttons a,
.chatgrid .chatform .sidebuttons a {
  color: #bbb;
}
.chatgrid .chatform .sidebuttons .fa,
.chatgrid .chatform .topbuttons .fa {
  font-size: 1em;
  padding: 4px 4px;
}
.chatgrid .chatform button {
  background: #fff;
  border: none;
}
.chatgrid table {
  max-width: 100%;
  table-layout: fixed;
}
#content {
  height: 100%;
}
.plugin-ai.task-data #content {
  min-height: 85vh;
  max-height: 85vh;
}
.thinking .loading {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("/img/loading.svg?fill=242E42");
  background-size: contain;
  margin: 10px 0px 10px 15px;
  height: 7px;
}
.tmpl-login {
  overflow: hidden;
  background: #1080f2;
  color: #fff;
  padding-bottom: 100px;
}
.tmpl-login #content {
  position: relative;
  background: #000;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  margin: 30px;
  overflow: auto;
}
.tmpl-login #content a {
  color: #fff;
}
.tmpl-login #content > .fa-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.4em;
}
.tmpl-login #loginbox-container {
  transition: right 0.6s linear;
}
.tmpl-login.has-content {
  overflow: auto;
  overflow-x: hidden;
}
.tmpl-login.has-content #loginbox-container {
  right: -100%;
}
.tmpl-login.loading,
.tmpl-login .loading {
  background-image: url("/img/loading.svg?fill=ffffff");
}
.tmpl-login > .container {
  width: 100%;
  max-width: none;
  height: 100%;
}
.tmpl-login a {
  color: #fff;
}
.tmpl-login .input-prepend {
  background: #2b3643;
  border-color: #000;
}
.tmpl-login input {
  background: #fff !important;
  border-color: #000 !important;
  color: #444 !important;
  border-radius: none;
}
.tmpl-login input:-webkit-autofill,
.tmpl-login textarea:-webkit-autofill,
.tmpl-login select:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0px 9999px #fff;
}
.tmpl-login .input-prepend {
  display: none;
}
.tmpl-login .switch {
  display: none !important;
}
.tmpl-login .formitem-field_boolean input[type="checkbox"] {
  display: inline-block;
}
.tmpl-login .formerror {
  color: white;
}
.tmpl-login .buttons {
  margin: 0;
}
.tmpl-login .buttons button {
  width: 100%;
  background: #468bd0;
  width: auto;
  padding: 11px 55px;
  border: 2px solid #14416c;
  text-shadow: -1px -1px 1px #000000;
  font-size: 1.1em;
  font-weight: bold;
  float: left;
  border-radius: none;
  margin-left: -2px;
  box-shadow: inset 0px -20px 20px rgba(0, 0, 0, 0.1);
}
.tmpl-login .buttons button:hover {
  background: #3b74ac;
}
.tmpl-login #login_logo {
  margin-bottom: 20px;
}
.tmpl-login #footer {
  background: #000;
  padding: 5px;
  color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.tmpl-login #footer a {
  padding: 0px 5px;
  color: #fff;
}
.tmpl-login #login_logo img {
  margin: 30px;
  width: 149px;
}
.tmpl-login h2 {
  color: #fff;
}
#loginbox-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
  padding: 30px;
  padding-right: 260px;
  color: #fff;
  padding-bottom: 60px;
}
#loginbox {
  max-width: 300px;
}
#header {
  background: #192131;
  color: #fff;
}
#header a {
  color: #fff;
}
#header > .toolbar {
  background: #242e42;
  border-top: 2px solid #535b6a;
}
.menu-questions_navigation > li > .submenu {
  display: none;
  margin: 10px;
}
.menu-questions_navigation > li > .submenu li > a {
  padding: 5px 10px;
  font-size: 1em;
  display: block;
}
.menu-questions_navigation > li > .submenu li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.toprow {
  height: 82px;
}
.sidemenu .toprow {
  height: 64px;
  border-bottom: 2px solid #535b6a;
}
.sidemenu-button {
  height: 20px;
}
.collapsed.sidemenu .toprow {
  height: 44px;
}
.modulename_ai_profiles {
  float: right;
  margin: 0;
  padding: 0;
}
.modulename_ai_profiles a.fa-close {
  font-size: 20px;
}
#profile_changer {
  display: inline;
  margin-right: 10px;
  font-size: 0.8em;
}
#profile_changer select {
  max-width: 120px;
}
#profile_changer .select2 {
  margin: -4px 0px;
}
#profile_changer + a {
  display: none;
}
#profile_changer.hidden + a {
  display: block;
}
#cookie_message {
  padding: 10px;
  background: #292b2c;
  font-size: 0.9em;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  color: #fff;
}
#cookie_message p {
  margin: 0;
}
#cookie_message p + p {
  margin-top: 10px;
}
#cookie_message a {
  color: inherit;
}
.summary_section {
  margin: 0px -10px;
}
.summary_card + * {
  clear: both;
}
.summary_card + .summary_card {
  clear: none;
}
.summary_card {
  float: left;
  padding: 30px 20px;
  font-size: 1.1em;
  color: #fff;
  margin: 10px;
  min-width: 313px;
  justify-content: space-between;
  border-radius: 3px;
  box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15);
}
.summary_card .number {
  font-size: 1.6em;
  margin-bottom: 10px;
}
.summary_card .fa {
  font-size: 1.6em;
}
.summary_card .percent {
  font-size: 0.7em;
}
.summary_card .summary_card_status {
  margin-left: 30px;
  text-align: right;
  align-self: flex-end;
}
.summary_card .kpierror .fa {
  font-size: 14px;
}
.kpigoal {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  padding: 20px;
  margin-bottom: 20px;
}
.kpigoal > h4 {
  margin-bottom: 15px;
}
.kpigoal .span6 {
  width: calc(30%);
}
.kpigoal .piegoal .total {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  padding: 0px 7px;
  color: #a2a2a3;
  min-width: 40px;
}
.kpigoal .display_total {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: #929293;
}
.kpigoal .total_display {
  font-size: 30px;
  color: #f79f79;
}
.kpigoal .pieandnum {
  position: relative;
}
.kpigoal .info ul {
  list-style: none;
  width: 100%;
  font-size: 1.2em;
}
.kpigoal .growth > div {
  padding: 10px;
  padding-left: 30px;
  position: relative;
  font-size: 1.2em;
  color: #919192;
}
.kpigoal .growth > div.completed::before {
  display: none;
}
.kpigoal .growth > div::before {
  border-radius: 50%;
  background: #e06950;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  left: 5px;
  content: '';
}
.kpigoal .growth > div .pc {
  color: #333;
  font-size: 2.1em;
  margin-bottom: 15px;
}
.kpigoal .growth > div + div {
  border-left: 1px solid #d3d3d3;
  margin-left: 20px;
  padding-left: 50px;
}
.kpigoal .growth > div + div:before {
  left: 25px;
}
.kpigoal .fa-check {
  color: #e06950;
  text-align: center;
  display: block;
  font-size: 1.2em;
}
.invert .fa {
  padding: 0.4em;
  background: #242e42;
  color: #fff;
  margin: 0.1em;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
}
.box {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #cacaca;
  padding: 20px;
  margin-bottom: 20px;
}
.module > .module-contents > *:last-child {
  margin-bottom: 0;
}
.box > .module {
  padding: 0;
  margin: 0;
}
.modulename_dashboard_stats {
  margin-top: 40px;
}
.modulename_dashboard_stats td,
.modulename_dashboard_stats th {
  padding: 3px;
  border: none;
  font-size: 1em;
  color: #242e42;
  font-weight: bold;
  font-size: 1.1em;
}
.askdata.loading {
  height: 70vh;
}
.notifications-link {
  opacity: 0.5;
}
.socket .notifications-link {
  opacity: 1;
}
.has_cs::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #FF7800;
  border-radius: 50%;
  -webkit-animation: bounce 1s infinite;
  animation: bounce 1s infinite;
  margin-left: 10px;
  zoom: 0.5;
}
#speaking {
  font-size: 2em;
  padding: 10px;
  position: fixed;
  bottom: 60px;
  right: 20px;
  background: #e7e7e7;
  color: #000;
  text-decoration: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#speaking .num {
  font-size: 13px;
  position: absolute;
  right: 3px;
  bottom: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.tmpl-post {
  background: #f4f4f4;
  height: auto;
}
.tmpl-post #topheader {
  background: #292b2c;
  position: relative;
}
.tmpl-post #menu {
  background: rgba(0, 0, 0, 0.4);
  position: relative;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  z-index: 3;
}
.tmpl-post #menu a {
  display: inline-block;
  padding: 8px 15px;
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  text-transform: uppercase;
  margin-left: 2px;
}
.tmpl-post #menu li {
  margin-left: 0px;
}
.tmpl-post #menu li + li:before {
  left: 0px;
  top: 40%;
  bottom: 40%;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  content: '';
  position: absolute;
}
.tmpl-post #menu li.active,
.tmpl-post #menu a:hover {
  background: #1080f2;
}
.tmpl-post #content {
  margin-top: 20px;
  padding: 0px;
  background: #fff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin-bottom: 20px;
}
.tmpl-post #logo {
  margin: 0;
  padding: 30px;
  box-sizing: content-box;
  width: 149px;
  position: relative;
  z-index: 2;
}
.tmpl-post #particles-js {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.tmpl-post #footer {
  background: #000;
  padding: 5px;
  color: #fff;
  /*position: fixed;*/
  bottom: 0;
  left: 0;
  right: 0;
}
.tmpl-post #footer a {
  color: #fff;
}
@media print {
  #content {
    max-width: 100%;
  }
  .google_graph {
    width: 620px;
    overflow: hidden;
  }
  .sidemenu,
  #header {
    display: none !important;
  }
  body {
    padding: 0;
  }
}
#title h1,
#title h2 {
  color: #fff;
  margin-bottom: 5px;
}
#title h1 {
  font-size: 1.4em;
}
#title h2 {
  font-size: 1.2em;
}
/*# sourceMappingURL=/themes/old_ai/assets/css/serve.base.less.css.map */