@charset "UTF-8";
.clear {
  clear: both; }

.primary-color {
  color: #EE9126; }

.primary-background {
  background-color: #EE9126; }

a {
  color: #EE9126; }

.w50 {
  width: 50%; }

.w100 {
  width: 100%; }

.no-padding {
  padding: 0; }

.p10 {
  padding: 10px; }

.no-margin {
  margin: 0; }

input,
textarea,
.medium-editor-element {
  border: 1px solid #EDF0F6;
  background-color: #F8FBFB;
  border-radius: 3px;
  font-size: 13px;
  padding: 10px; }

.medium-editor-toolbar li button {
  font-size: 12px;
  padding: 5px;
  height: 40px;
  width: 40px;
  min-width: 40px; }

.btn.btn-link {
  background: transparent;
  border: 0; }

.btn-primary {
  background: #EE9126;
  border: 1px solid #e88512;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  font-size: 15px; }
  .btn-primary.btn-block {
    margin-top: 20px;
    padding: 20px; }
  .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    color: white;
    background-color: #e88512;
    border-color: #e88512; }
  .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover {
    color: white;
    background-color: #e88512;
    border-color: #e88512; }
  .btn-primary.disabled, .btn-primary[disabled] {
    pointer-events: none; }

.btn-default {
  background: #e6e6e6;
  border-color: silver;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px; }
  .btn-default:hover {
    background: #d9d9d9; }

.btn-round {
  border-radius: 35px;
  padding: 12px 14px;
  box-shadow: none;
  height: 55px;
  width: 55px;
  font-size: 25px;
  line-height: 30px; }

.btn-footer {
  width: 100vw;
  position: fixed;
  bottom: 0;
  left: 0;
  border-radius: 0;
  z-index: 10; }

.auth-form, form {
  padding: 15px;
  margin: 0 auto; }
  .auth-form label small, form label small {
    color: #CBCBCB;
    font-weight: normal; }
  .auth-form .checkbox, form .checkbox {
    margin-bottom: 10px;
    font-weight: normal; }
  .auth-form .form-control, form .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    margin: 0; }
    .auth-form .form-control:focus, form .form-control:focus {
      z-index: 2; }
  .auth-form .input-group input, form .input-group input {
    border-right: 0; }
  .auth-form .input-group .input-group-addon, form .input-group .input-group-addon {
    background: white;
    border-left: 0; }
  .auth-form .open > .dropdown-toggle.btn-primary.focus, .auth-form .open > .dropdown-toggle.btn-primary:focus, .auth-form .open > .dropdown-toggle.btn-primary:hover, form .open > .dropdown-toggle.btn-primary.focus, form .open > .dropdown-toggle.btn-primary:focus, form .open > .dropdown-toggle.btn-primary:hover {
    color: white;
    background-color: #204D74;
    border-color: #122B40; }
  .auth-form .has-error .text-danger, form .has-error .text-danger {
    color: #EE9126; }
  .auth-form .has-error .control-label, form .has-error .control-label {
    color: #EE9126; }
  .auth-form .has-error .form-control, form .has-error .form-control {
    border-color: #EE9126; }

.auth-form {
  max-width: 500px; }

.ui-notification {
  padding: 10px 50px;
  width: auto !important; }
  .ui-notification .message {
    border: 0; }

.truncate {
  max-width: 100%;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.pull-right-on-desktop {
  float: right; }

@media (max-width: 991px) {
  .navbar-header .mobile-only {
    display: initial !important; } }

.mobile-only {
  display: none; }

@media (max-width: 991px) {
  .mobile-only {
    display: block; }
  .desktop-only {
    display: none; }
  .center-on-mobile {
    text-align: center; }
  .pull-right-on-desktop {
    float: none; } }

.loading-indicator {
  padding: 20px;
  text-align: center; }
  .loading-indicator i.fa {
    font-size: 32px;
    padding: 0 10px; }

.ui-notification {
  color: #5bc0de;
  border-radius: 5px;
  background: #fff;
  border: 2px solid #5bc0de; }
  .ui-notification i.fa {
    display: none;
    font-size: 24px;
    line-height: 40px;
    position: absolute; }
  .ui-notification a {
    color: #EE9126; }
  .ui-notification.warning {
    border-color: #f0ad4e;
    color: #f0ad4e;
    background: #fff; }
  .ui-notification.error {
    border-color: #EE9126;
    color: #EE9126;
    background: #fff; }
    .ui-notification.error i.fa-times-circle {
      display: block;
      right: 10px; }
  .ui-notification.success {
    border-color: #5cb85c;
    color: #5cb85c;
    background: #fff; }
    .ui-notification.success i.fa-check-circle {
      display: block;
      left: 20px; }
  .ui-notification.info {
    border-color: #5bc0de;
    color: #5bc0de;
    background: #fff; }

.table.pb-table {
  background-color: #F8FBFB;
  border-collapse: separate;
  border: 1px solid #EDF0F6;
  border-radius: 6px; }
  .table.pb-table td, .table.pb-table th {
    border-width: 1px;
    border-left: solid black 1px;
    border-top: solid black 1px;
    border-color: #EDF0F6 !important; }
    .table.pb-table td:first-child, .table.pb-table th:first-child {
      border-left: none; }

.tabs.btn-group {
  margin-top: 15px;
  border-bottom: 1px solid #DDDDDD;
  width: 100%; }
  .tabs.btn-group .btn {
    font-weight: bold;
    padding: 10px 20px;
    box-shadow: none;
    font-size: 10px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: -2px;
    background: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase; }
    .tabs.btn-group .btn:first-child {
      margin-left: 20px; }
    .tabs.btn-group .btn.active {
      border: 1px solid #DDDDDD;
      border-bottom: 1px solid #FFFFFF;
      border-top: 1px solid #EE9126;
      border-radius: 5px 5px 0 0 !important; }
    .tabs.btn-group .btn:focus {
      outline: none; }

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

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

input[type=date].form-control {
  line-height: 20px; }

.debug {
  border: solid 1px red; }

.medium-editor-table {
  border: 1px solid #ccc;
  border-collapse: collapse; }
  .medium-editor-table td {
    border: 1px solid #ccc;
    padding: 2px; }

a.disabled {
  pointer-events: none;
  color: gray; }

@media (max-width: 991px) {
  .content .col-md-2,
  .content .col-md-10 {
    padding: 0; }
  .content .panel-right {
    padding: 0; } }

.img-circle {
  border-radius: 5px; }

span.clickable {
  cursor: pointer;
  color: #EE9126; }

.scrollable {
  overflow: auto; }

.btn-order.order-not-started {
  background-color: #FF5A66;
  text-transform: uppercase;
  font-weight: bold; }

.btn-order.order-started {
  background-color: #F8FF5A;
  text-transform: uppercase;
  font-weight: bold; }

.btn-order.order-done {
  background-color: #5AFF77;
  text-transform: uppercase;
  font-weight: bold; }

@media (max-width: 500px) {
  body {
    position: fixed; } }

app {
  display: block;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  height: calc(100vh - 80px); }

.navbar-brand img {
  margin-top: 10px;
  max-width: 200px;
  max-height: 40px; }

.content {
  margin-top: 80px;
  overflow: hidden; }
  @media (max-width: 1000px) {
    .content {
      margin-top: 55px; } }
  .content .col-md-4.panel-right, .content .col-md-8.panel-right {
    padding: 0 15px 0 30px;
    font-size: 16px; }
    .content .col-md-4.panel-right > p:first-child, .content .col-md-8.panel-right > p:first-child {
      margin-top: 10px; }
    @media (max-width: 1000px) {
      .content .col-md-4.panel-right, .content .col-md-8.panel-right {
        padding: 10px 0 0; }
        .content .col-md-4.panel-right > p:first-child, .content .col-md-8.panel-right > p:first-child {
          margin-top: 0;
          font-size: 18px; } }
    .content .col-md-4.panel-right .content-header, .content .col-md-8.panel-right .content-header {
      margin: 20px 0;
      overflow: hidden;
      padding-bottom: 10px;
      height: 55px; }
      @media (max-width: 1000px) {
        .content .col-md-4.panel-right .content-header, .content .col-md-8.panel-right .content-header {
          height: auto;
          padding: 0 auto;
          margin: 0; } }
      .content .col-md-4.panel-right .content-header .col-md-10, .content .col-md-8.panel-right .content-header .col-md-10 {
        margin: 0;
        padding: 0; }
      .content .col-md-4.panel-right .content-header h1, .content .col-md-8.panel-right .content-header h1 {
        margin: 0;
        font-size: 30px; }
      .content .col-md-4.panel-right .content-header h3, .content .col-md-8.panel-right .content-header h3 {
        color: #CBCBCB;
        font-weight: bold;
        margin: 0;
        font-size: 20px; }
  .content .height100 {
    height: calc(100vh - 100px); }

.hand {
  cursor: pointer; }

.no-hand {
  cursor: auto; }

.strike {
  text-decoration: line-through; }

.btn-sm {
  padding: 5px 10px; }

.signup-link {
  margin-top: -55px; }
  .signup-link a {
    color: white;
    font-weight: lighter;
    text-decoration: underline; }
    .signup-link a .btn {
      margin-top: 10px; }

.big-logo {
  padding-top: 50px;
  max-width: calc(100vw - 20px); }

.back-button {
  line-height: 40px;
  padding: 20px; }

.btn-video-chat {
  height: 44px;
  width: 44px;
  margin: 20px 10px;
  font-size: 24px;
  line-height: 44px;
  padding: 0; }
  @media (max-width: 1000px) {
    .btn-video-chat {
      height: 24px;
      width: 24px;
      margin: 10px 30px 10px 10px;
      font-size: 12px;
      line-height: 24px;
      padding: 0; } }

a.online {
  color: #5cb85c !important; }

a.offline {
  color: #808080 !important; }

.text-success-alt {
  color: #ED69E2; }

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

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

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

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

.navbar-inverse {
  background-color: #353A48;
  border-color: #353A48;
  height: 80px; }
  .navbar-inverse .version {
    color: white;
    font-size: 10px;
    margin-top: -10px;
    margin-left: 170px; }
  .navbar-inverse .navbar-nav > li {
    overflow: visible;
    font-size: 10pt;
    font-weight: bold;
    text-transform: uppercase; }
    .navbar-inverse .navbar-nav > li > a {
      padding: 30px 10px;
      line-height: 20px;
      color: white; }
      .navbar-inverse .navbar-nav > li > a.nav-user-picture {
        padding: 20px 10px; }
        .navbar-inverse .navbar-nav > li > a.nav-user-picture img {
          width: 40px;
          height: 40px; }
  .navbar-inverse .navbar-nav > .active > a {
    color: #353A48;
    background: #EE9126; }
    .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
      color: #353A48;
      background: #EE9126; }
  .navbar-inverse .nav-count {
    display: block;
    width: 25px;
    height: 25px;
    font-weight: bold;
    position: absolute;
    right: -9px;
    top: -3px;
    padding: 4px 0;
    box-sizing: border-box;
    border-radius: 18px;
    border: 1px solid black;
    background-color: white;
    color: #353A48;
    text-align: center;
    font-size: 10px; }

@media (max-width: 1000px) {
  .navbar-inverse .navbar-nav > li {
    padding: 20px 0; } }

@media (max-width: 991px) {
  .navbar-inverse {
    height: 55px; }
    .navbar-inverse .navbar-collapse {
      border-left: 3px solid #EE9126;
      width: 50%;
      max-width: 300px;
      min-height: calc(100vh - 55px) !important; }
      .navbar-inverse .navbar-collapse .navbar-nav > li {
        padding: 0; }
        .navbar-inverse .navbar-collapse .navbar-nav > li.active a {
          border: 0;
          border-radius: 0;
          background-color: #122B40; }
        .navbar-inverse .navbar-collapse .navbar-nav > li a {
          color: #EE9126;
          text-transform: uppercase;
          font-weight: bold;
          font-size: 12px;
          padding: 15px; }
          .navbar-inverse .navbar-collapse .navbar-nav > li a .nav-count {
            position: static;
            float: right; }
      .navbar-inverse .navbar-collapse .btn-round {
        position: absolute;
        top: 30vh;
        left: 90%; }
    .navbar-inverse .navbar-toggle {
      border-color: transparent;
      display: initial;
      z-index: 1;
      position: fixed;
      left: 0; } }
    @media screen and (max-width: 991px) and (-ms-high-contrast: active), (max-width: 991px) and (-ms-high-contrast: none) {
      .navbar-inverse .navbar-toggle {
        display: block; } }

@media (max-width: 991px) {
      .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #EE9126; }
    .navbar-inverse .title {
      z-index: 0; }
      .navbar-inverse .title h1, .navbar-inverse .title h2 {
        padding-right: 50px;
        font-size: 12px;
        color: #FFFFFF;
        font-weight: bold;
        margin: 0;
        text-align: center;
        width: 100%; }
      .navbar-inverse .title h1 {
        margin-top: -10px;
        padding-left: 34px;
        font-size: 18px; }
      .navbar-inverse .title h2 {
        font-size: 16px;
        font-weight: normal;
        color: #CBCBCB;
        padding-left: 34px; } }
    @media screen and (max-width: 991px) and (-ms-high-contrast: active), (max-width: 991px) and (-ms-high-contrast: none) {
      .navbar-inverse .title h1 {
        margin-top: 10px; } }

@media (max-width: 991px) {
    .navbar-inverse .navbar-collapse.in.collapse {
      overflow: visible;
      background-color: #353A48;
      position: fixed;
      left: 15px; } }

@media (max-width: 991px) {
  .navbar-inverse .navbar-header {
    float: none !important; }
    .navbar-inverse .navbar-header button.pull-left {
      padding: 12px 10px 11px; }
    .navbar-inverse .navbar-header .navbar-toggle {
      margin-right: 0px; }
  .navbar-inverse .container-fluid > .navbar-collapse,
  .navbar-inverse .container-fluid > .navbar-header,
  .navbar-inverse .container > .navbar-collapse,
  .navbar-inverse .container > .navbar-header {
    margin-right: -15px !important;
    margin-left: -15px !important;
    height: 55px; }
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent; }
  .navbar-inverse .navbar-toggle.navbar-button-right .nav-count {
    top: -3px;
    width: 20px;
    height: 20px;
    right: -3px;
    padding: 2px 0; }
  .navbar-inverse .navbar-nav {
    float: left !important;
    width: 100%; }
    .navbar-inverse .navbar-nav > li {
      float: none; } }

@media (min-width: 992px) {
  .navbar-header {
    float: left; } }

@media (max-width: 991px) {
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-collapse.in {
    display: block !important; } }

@media (width: 991px) {
  .btn-round {
    top: 45vh !important;
    left: 45% !important; } }

@media (max-width: 768px) {
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: 0px !important; } }

@media (max-width: 425px) {
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: 0px !important;
    margin-left: 0px !important; } }

.navbar-toggle.navbar-button-right {
  position: fixed;
  left: initial;
  right: 0;
  font-size: 18px;
  margin-top: 5px; }
  .navbar-toggle.navbar-button-right .nav-count {
    top: 0px; }

.team-admin input[type=color] {
  padding: 0; }

.team-users .users-list .table-container table tr.deleted {
  text-decoration: line-through; }

.team-users .users-list .table-container table .user-active {
  color: #5cb85c; }

.team-users .users-list .table-container table .user-inactive {
  color: #808080; }

.team-users .users-list .table-container table .username-column .thumb {
  width: 30px;
  height: 30px;
  margin: 0 7px; }

.team-users .users-list .table-container table .username-column .status {
  display: inline-block;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #808080;
  top: 10px;
  right: 23px;
  border: 1px solid #F8FBFB; }
  .team-users .users-list .table-container table .username-column .status.online {
    background-color: #5cb85c; }

.add-edit-sticker .sticker-name-container {
  min-height: 107px; }

.add-edit-sticker .icons-list {
  display: inline-block;
  height: 62px;
  line-height: 72px;
  vertical-align: middle; }
  .add-edit-sticker .icons-list i {
    font-size: 3rem;
    margin-right: 1rem;
    padding: 0.5rem;
    cursor: pointer;
    border: solid 1px transparent; }
    .add-edit-sticker .icons-list i.selected {
      border: solid 1px black; }

.add-edit-sticker .icon-preview {
  min-height: 6rem; }
  .add-edit-sticker .icon-preview i {
    font-size: 5rem;
    margin-left: 3rem;
    margin-bottom: 3rem; }
  .add-edit-sticker .icon-preview .invalid-icon-warning {
    font-size: 2rem;
    margin-bottom: 2rem; }

.add-edit-sticker input[type=color] {
  padding: 0; }

.medium-editor-toolbar {
  z-index: 12000 !important; }

compose-message .compose-message-container {
  position: fixed !important;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
  width: 40%;
  background: #FFFFFF;
  border: 1px solid #CCC; }
  compose-message .compose-message-container .btn {
    border-radius: 0; }
  compose-message .compose-message-container compose-body textarea,
  compose-message .compose-message-container compose-body .medium-editor-element {
    height: calc(100vh - 80px - 350px - 40px - 41px);
    padding-bottom: 35px; }

compose-comment .compose-message-container {
  width: 100%;
  border-radius: 5px;
  padding: 10px 10px 50px 10px;
  border: 1px solid transparent;
  overflow: visible; }
  compose-comment .compose-message-container.private:after {
    bottom: 50px;
    left: 40px; }
  compose-comment .compose-message-container compose-body textarea,
  compose-comment .compose-message-container compose-body .medium-editor-element {
    height: 70px; }

.compose-message-container {
  display: block;
  padding: 25px 0;
  padding-right: 50px;
  padding-bottom: 50px;
  min-height: 55px;
  overflow: auto;
  bottom: 0;
  right: 20px;
  z-index: 2000;
  padding: 0; }
  .compose-message-container.private {
    border-color: #ff6a6a; }
  .compose-message-container.fullscreen {
    width: 95%;
    margin: 0 2.5%; }
  .compose-message-container .compose-message-header {
    background-color: #EE9126;
    height: 55px;
    line-height: 55px;
    font-weight: bold;
    text-align: left; }
    .compose-message-container .compose-message-header span {
      display: block;
      padding-left: 10px;
      max-width: calc(100% - 170px);
      overflow: hidden;
      height: 100%;
      float: left; }
    .compose-message-container .compose-message-header a {
      color: white; }
    .compose-message-container .compose-message-header .compose-window-control {
      padding-right: 20px;
      font-size: 25px; }
  .compose-message-container #canned-messages-selector {
    float: right; }
  .compose-message-container .btn-group {
    margin-top: 0; }
    .compose-message-container .btn-group .btn {
      background-color: #F8FBFB;
      font-size: 11px;
      font-weight: bold;
      padding: 10px;
      box-shadow: none; }
      .compose-message-container .btn-group .btn span {
        color: #CBCBCB;
        font-size: 10px; }
      .compose-message-container .btn-group .btn.active {
        background-color: white; }
        .compose-message-container .btn-group .btn.active span {
          color: #EE9126; }
      @media (max-width: 991px) {
        .compose-message-container .btn-group .btn {
          color: #CBCBCB; }
          .compose-message-container .btn-group .btn span {
            color: inherit;
            font-size: 11px; }
          .compose-message-container .btn-group .btn.active {
            color: inherit; }
            .compose-message-container .btn-group .btn.active span {
              color: inherit; } }
  .compose-message-container input {
    margin-top: 0;
    width: 100%; }
  .compose-message-container compose-body textarea,
  .compose-message-container compose-body .medium-editor-element {
    width: 100%;
    overflow: auto; }
  .compose-message-container.fullscreen textarea,
  .compose-message-container.fullscreen .medium-editor-element {
    width: 100%;
    overflow: auto; }
    .compose-message-container.fullscreen textarea.internal,
    .compose-message-container.fullscreen .medium-editor-element.internal {
      height: calc(100vh - 80px - 350px + 100px - 40px); }
    .compose-message-container.fullscreen textarea.external,
    .compose-message-container.fullscreen .medium-editor-element.external {
      height: calc(100vh - 80px - 350px + 100px - 40px - 41px); }
  .compose-message-container .btn-primary {
    margin-top: 3px; }
  .compose-message-container .reply-thread-note {
    font-size: 10px; }
    .compose-message-container .reply-thread-note b {
      font-size: 11px; }
  .compose-message-container .toolbar {
    background-color: white;
    display: block;
    position: relative;
    bottom: 0;
    float: left;
    margin-left: 20px;
    padding-top: 10px;
    padding-left: 20px;
    left: 0;
    margin-left: 0;
    width: 100%; }
    .compose-message-container .toolbar > * {
      color: #EE9126;
      position: relative;
      bottom: 5px;
      right: 10px;
      float: right;
      padding: 3px 5px;
      border-radius: 3px;
      border: 1px solid transparent;
      z-index: 9; }
      .compose-message-container .toolbar > *:hover {
        border-color: #DFEDF0; }
      .compose-message-container .toolbar > * i {
        font-size: 20px; }
        .compose-message-container .toolbar > * i.fa-lock, .compose-message-container .toolbar > * i.fa-unlock {
          color: #D00000; }
  .compose-message-container .checkbox.include-quoted {
    margin: 5px; }
    .compose-message-container .checkbox.include-quoted label, .compose-message-container .checkbox.include-quoted input {
      padding: 0;
      font-weight: bold;
      cursor: pointer;
      position: unset;
      margin: unset;
      width: unset; }
  .compose-message-container .form-group + .form-group {
    margin-top: 0px !important; }
  .compose-message-container .form-group .input-group-addon button {
    border: none !important;
    background-color: transparent !important; }

@media (max-width: 991px) {
  compose-message .compose-message-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    height: auto;
    background-color: white;
    z-index: 1100;
    transition: 0.55s ease;
    width: 100%; }
    compose-message .compose-message-container.hidden-bottom {
      transform: translateY(100%); }
      compose-message .compose-message-container.hidden-bottom .btn-block {
        display: none !important; }
    compose-message .compose-message-container form input {
      border-bottom: 1px solid #fff;
      /*#4b5765;*/
      border-radius: 0;
      background-color: #eff3f6;
      border-top: none;
      border-left: none;
      border-right: none;
      font-size: 14px; }
    compose-message .compose-message-container form .form-group {
      margin-top: 0 !important;
      margin-bottom: 0; }
      compose-message .compose-message-container form .form-group .input-group-addon {
        border-top: none;
        border-left: none;
        border-right: none;
        background-color: #4b5765;
        border-bottom: 1px solid #fff;
        border-radius: 0; }
        compose-message .compose-message-container form .form-group .input-group-addon button {
          color: #fff; }
    compose-message .compose-message-container form .toolbar {
      padding: 10px 0px 5px 10px;
      height: 40px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc; }
      compose-message .compose-message-container form .toolbar .btn-link {
        font-size: 12px; }
    compose-message .compose-message-container .compose-message-container {
      border: none;
      box-shadow: none; }
    compose-message .compose-message-container .compose-message-header {
      background-color: #EE9126;
      height: 55px;
      line-height: 55px; }
      compose-message .compose-message-container .compose-message-header span {
        padding-left: 10px;
        color: #fff;
        font-size: 18px; }
      compose-message .compose-message-container .compose-message-header a {
        color: white; }
      compose-message .compose-message-container .compose-message-header .compose-window-control {
        padding-right: 15px;
        font-size: 25px; }
    compose-message .compose-message-container .btn-primary {
      width: 100vw;
      position: fixed;
      bottom: 0;
      left: 0;
      border-radius: 0;
      z-index: 10;
      padding: 4px;
      font-size: 22px; }
    compose-message .compose-message-container compose-body textarea,
    compose-message .compose-message-container compose-body .medium-editor-element {
      height: calc(100vh - 80px - 40px - 41px - 40px);
      min-height: 200px;
      font-size: 15px; }
    compose-message .compose-message-container .toolbar {
      position: fixed;
      bottom: calc(40px + 3px); }
    compose-message .compose-message-container .mobile-spacer {
      height: calc(40px + 40px - 2px); }
    compose-message .compose-message-container attachments-list {
      position: fixed;
      bottom: calc(40px);
      right: 0; }
      compose-message .compose-message-container attachments-list .attachments-list {
        bottom: 30px; }
  compose-comment .compose-message-container {
    padding-left: 0;
    padding-right: 0; }
    compose-comment .compose-message-container compose-body .medium-editor-element {
      height: 64px; }
    compose-comment .compose-message-container .toolbar {
      width: 50%; }
  .container-fluid.feed .panel-right > div {
    padding: 8px 15px;
    line-height: 16px; }
    .container-fluid.feed .panel-right > div a.pull-right, .container-fluid.feed .panel-right > div pb-label-assign a {
      font-size: 16px; } }

.medium-editor-toolbar-form .medium-editor-toolbar-input[type=range]:focus {
  -webkit-appearance: slider-horizontal;
  appearance: slider-horizontal; }

attachments {
  display: block;
  position: relative;
  bottom: 15px;
  padding: 0 !important; }
  attachments i.fa {
    font-size: 20px; }
  attachments .btn-attachment {
    bottom: 2px;
    left: 10px;
    float: right;
    padding: 3px 5px 3px 15px;
    border-radius: 3px;
    border: 1px solid transparent;
    cursor: pointer; }
    attachments .btn-attachment:hover, attachments .btn-attachment:active, attachments .btn-attachment:focus {
      color: #EE9126;
      border-color: #EDF0F6; }

attachments-list .attachments-indicator {
  position: relative;
  clear: both;
  margin: 10px;
  width: 200px; }
  attachments-list .attachments-indicator i.fa.fa-paperclip {
    color: #808080; }

attachments-list .attachments-list {
  z-index: 10;
  position: absolute;
  bottom: 95px;
  left: 5px;
  width: 200px;
  margin: 5px; }
  attachments-list .attachments-list ul {
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    border-radius: 3px;
    box-shadow: 3px 5px 10px 2px #CBCBCB; }
    attachments-list .attachments-list ul li {
      list-style: none;
      clear: both;
      padding: 15px;
      border-bottom: 1px solid #EDF0F6; }
  attachments-list .attachments-list .triangle {
    margin-top: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 0;
    border-color: #FFFFFF transparent transparent transparent; }

attachments-list .progress {
  height: 3px; }
  attachments-list .progress .progress-bar {
    background-color: #65C4FB; }

attachments-list .attachments-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  background-color: transparent; }

.drop-files-overlay {
  display: none; }

.dragover {
  border: 2px dashed #BBBBBB;
  border-radius: 3px;
  position: relative; }
  .dragover .drop-files-overlay {
    display: block;
    position: absolute;
    margin: 50% 0 0 0;
    z-index: 1000;
    width: 100%;
    font-size: 20px;
    color: #BBBBBB;
    text-align: center; }

canned-messages {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  max-height: 80vh;
  overflow: auto; }
  canned-messages input {
    margin-bottom: 30px; }
  canned-messages ul, canned-messages li {
    list-style: none;
    margin: 0;
    padding: 0; }
  canned-messages a {
    font-size: 24px;
    line-height: 44px;
    vertical-align: middle; }
  canned-messages li.user {
    clear: both;
    padding-bottom: 30px;
    display: block; }
    canned-messages li.user small {
      color: #808080; }
    canned-messages li.user .expand-messages {
      color: black; }
    canned-messages li.user > ul {
      clear: both; }
    canned-messages li.user img {
      max-width: 100px; }
  canned-messages li.canned-message {
    border-bottom: 1px solid #EDF0F6;
    padding: 10px 0; }

save-canned-message {
  display: block;
  position: relative;
  bottom: 15px; }
  save-canned-message i.fa {
    font-size: 20px; }
  save-canned-message .btn-save-canned-message {
    position: relative;
    bottom: 5px;
    right: 0px;
    float: right;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid transparent; }
    save-canned-message .btn-save-canned-message:hover, save-canned-message .btn-save-canned-message:active, save-canned-message .btn-save-canned-message:focus {
      color: #EE9126;
      border-color: #EDF0F6; }
    save-canned-message .btn-save-canned-message.disabled {
      color: #EDF0F6;
      border-color: #EDF0F6;
      cursor: not-allowed; }

@media (max-width: 1000px) {
  .feed .content-header form {
    padding: 0;
    width: calc(100% - 60px);
    display: inline-block; }
    .feed .content-header form input {
      height: auto;
      padding: 10px; } }

.feed message {
  margin-bottom: 5px; }

@media (max-width: 991px) {
  .feed message {
    margin-bottom: 0; } }

.feed-body {
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
  height: calc(100% - 60px);
  width: 100%;
  overflow: auto; }
  @media (max-width: 1000px) {
    .feed-body {
      height: calc(100% - 120px); } }
  .feed-body > li {
    display: block; }

@media (max-width: 1000px) {
  .feed {
    margin-top: 55px; } }

.loading-more-messages {
  background-color: #FDFBE2; }
  .loading-more-messages .loading-indicator {
    padding: 0; }
    .loading-more-messages .loading-indicator i.fa {
      font-size: 20px;
      padding: 0 10px; }

.searchicons {
  margin-top: 6px; }
  .searchicons .attachsearch {
    margin-left: 1vw; }
    .searchicons .attachsearch .search-stack-custom {
      position: absolute;
      bottom: 0;
      background-color: #333;
      padding: 5px;
      font-size: 12px;
      border-radius: 100%; }

.attachicons {
  width: 40px;
  display: inline-block;
  padding: 12px 10px 4px 5px;
  position: relative; }
  .attachicons .btn-round.attachsearch {
    width: 40px;
    height: 40px;
    margin-top: 0px;
    padding: 4px 4px; }
    .attachicons .btn-round.attachsearch .search-stack-custom {
      position: absolute;
      bottom: 2px;
      background-color: #333;
      padding: 3px 4px;
      font-size: 12px;
      border-radius: 100%; }

.mobile-only .attachicons {
  padding: 0px 0px 0px 10px;
  margin-left: 8px; }

.search-bar form {
  padding: 10px 15px;
  width: calc(100% - 100px);
  float: left; }
  @media (max-width: 1000px) {
    .search-bar form {
      padding: 0 15px !important; } }
  .search-bar form .input-group {
    border: 0;
    border-bottom: 2px solid #EE9126; }
    .search-bar form .input-group .input-group-addon, .search-bar form .input-group input {
      border: 0;
      box-shadow: none;
      padding-bottom: 5px; }
    .search-bar form .input-group .input-group-addon.border-right {
      padding-right: 0; }
    .search-bar form .input-group .input-group-addon .toggle-advanced-search {
      color: #CBCBCB;
      font-size: 20px; }
    .search-bar form .input-group .input-group-addon .pin-search {
      border-right: 1px solid #CCC;
      padding-right: 10px;
      color: #CBCBCB; }
      .search-bar form .input-group .input-group-addon .pin-search.pinned {
        color: #EE9126; }
      .search-bar form .input-group .input-group-addon .pin-search i.fa {
        font-size: 20px; }

.search-bar .btn-round {
  width: 50px;
  height: 50px;
  margin-top: 7px;
  padding: 8px 12px;
  vertical-align: top;
  float: right; }

.pinned-searches-list {
  z-index: 3;
  position: absolute;
  width: 91%;
  margin: 5px;
  left: 60px;
  top: 90px; }
  .pinned-searches-list ul {
    padding: 0;
    margin: 0;
    max-height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #FFFFFF;
    border-radius: 3px;
    box-shadow: 3px 5px 10px 2px #CBCBCB; }
    .pinned-searches-list ul li {
      list-style: none;
      clear: both;
      padding: 15px;
      border-bottom: 1px solid #EDF0F6; }
      .pinned-searches-list ul li span.full-width {
        width: 95%;
        display: inline-block; }

.advanced-search-form {
  z-index: 3;
  position: absolute;
  width: 91%;
  margin: 5px;
  left: 20px;
  top: 50px;
  background-color: #FFFFFF;
  box-shadow: 3px 5px 10px 2px #CBCBCB; }
  .advanced-search-form li {
    list-style: none; }
  .advanced-search-form label {
    width: 100%; }
  .advanced-search-form input[type=text],
  .advanced-search-form input[type=date] {
    width: 80%;
    float: right; }

message, .message {
  border: 1px solid #EDF0F6;
  font-size: 14px;
  display: block;
  list-style: none;
  clear: both;
  margin: 0 0 10px 0;
  overflow: hidden;
  background-color: white; }
  message .message-content *, .message .message-content * {
    max-width: 100% !important; }
  message .message-content table, .message .message-content table {
    table-layout: fixed;
    display: block; }
  message.comment, .message.comment {
    min-height: 60px; }
  message > div, .message > div {
    background: inherit;
    margin: 5px; }
    message > div.collapsed, .message > div.collapsed {
      background: #F4F4F4;
      margin: 0;
      padding: 5px;
      padding-bottom: 0; }
  message table td, .message table td {
    padding: 2px; }
  message blockquote, .message blockquote {
    height: 15px;
    border: 0;
    overflow: hidden;
    padding: 0; }
    message blockquote .handler, .message blockquote .handler {
      height: 15px;
      width: 32px;
      padding: 0 4px;
      content: '···';
      font-size: 20pt;
      line-height: 15px;
      border: 1px solid #CCCCCC;
      background-color: #EEE;
      margin-bottom: 10px; }
    message blockquote.expanded, .message blockquote.expanded {
      height: auto;
      border-left: 5px solid #eee;
      padding: 0 20px; }
      message blockquote.expanded .handler, .message blockquote.expanded .handler {
        margin-left: -20px; }
  message .selected-message, .message .selected-message {
    overflow: hidden;
    padding: 0 0 0 5px;
    animation-name: highlight;
    animation-duration: 4s;
    animation-timing-function: ease;
    border: 1px solid yellow; }
  message .private .subject, .message .private .subject {
    color: #D00000; }
  message .next-to-header, .message .next-to-header {
    width: 100%; }
  message .header, .message .header {
    font-size: 12px;
    margin: 0; }
    message .header user-picture, .message .header user-picture {
      width: 25px;
      float: left;
      margin-right: 5px; }
    message .header .from, .message .header .from {
      color: #76B7F1;
      font-weight: bold; }
    message .header .time, .message .header .time {
      font-size: 11px;
      font-weight: normal;
      padding-right: 10px; }
  message .next-to-header, .message .next-to-header {
    margin: 0;
    padding: 0; }
    message .next-to-header .username:after, .message .next-to-header .username:after {
      content: ';'; }
    message .next-to-header .username a, .message .next-to-header .username a {
      font-weight: bold;
      color: #5cb85c; }
      message .next-to-header .username a.muted, message .next-to-header .username a.strike, .message .next-to-header .username a.muted, .message .next-to-header .username a.strike {
        color: #CBCBCB; }
    message .next-to-header .username.email a, .message .next-to-header .username.email a {
      color: black; }
    message .next-to-header .hashtag, .message .next-to-header .hashtag {
      font-weight: bold;
      color: #B6BA3D;
      text-decoration: underline; }
    message .next-to-header .subject .hashtag, .message .next-to-header .subject .hashtag {
      color: black; }
    message .next-to-header .message-content, .message .next-to-header .message-content {
      display: inline-block;
      width: 100%;
      max-width: 100vw; }
      message .next-to-header .message-content.truncate, .message .next-to-header .message-content.truncate {
        height: 25px;
        margin: 0; }
      message .next-to-header .message-content.expanded, .message .next-to-header .message-content.expanded {
        height: auto; }
      message .next-to-header .message-content .body.plain-text, .message .next-to-header .message-content .body.plain-text {
        white-space: pre-wrap; }
      message .next-to-header .message-content .body blockquote, .message .next-to-header .message-content .body blockquote {
        font-size: 13px;
        font-size: unset; }
    message .next-to-header .seen-by, .message .next-to-header .seen-by {
      color: #7f7f7f; }
      message .next-to-header .seen-by span, .message .next-to-header .seen-by span {
        margin-right: 7px; }
        message .next-to-header .seen-by span::last-child, .message .next-to-header .seen-by span::last-child {
          margin-right: 0; }
  message .expand-message, .message .expand-message {
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
    background: inherit;
    max-height: 10px; }
    message .expand-message span, .message .expand-message span {
      top: -30px;
      position: relative;
      background: inherit;
      padding: 5px;
      font-size: 15px; }
    message .expand-message:hover span, .message .expand-message:hover span {
      font-weight: bold; }
  message .message-attachments, .message .message-attachments {
    list-style: none;
    padding: 0; }
  message .message-tools i, .message .message-tools i {
    color: #CBCBCB; }
  message .message-tools .tool-icon, .message .message-tools .tool-icon {
    padding: 0 5px; }
    message .message-tools .tool-icon.tool-icon-expand i, .message .message-tools .tool-icon.tool-icon-expand i {
      font-size: 20px;
      color: #989898; }
  message .download-all-attachments, .message .download-all-attachments {
    margin: 5px 0;
    font-weight: bold; }
    message .download-all-attachments i.fa, .message .download-all-attachments i.fa {
      color: #000000; }
  message .loading-body, .message .loading-body {
    display: block; }
  message .message-mood, .message .message-mood {
    position: relative; }
    message .message-mood i.fa, .message .message-mood i.fa {
      color: #EE9126;
      float: right; }
    message .message-mood .panel, .message .message-mood .panel {
      position: absolute;
      right: 20px;
      width: 180px; }
      message .message-mood .panel ul, .message .message-mood .panel ul {
        list-style: none;
        padding: 10px; }
        message .message-mood .panel ul li.bold, .message .message-mood .panel ul li.bold {
          font-weight: bold;
          background: #f5f5f5; }
  message img, .message img {
    max-width: 100%; }
  message .subject, .message .subject {
    overflow: hidden;
    height: 20px; }
  message .fa.fa-thumb-tack.pinned, .message .fa.fa-thumb-tack.pinned {
    color: black; }

.tooltips {
  text-decoration: none !important; }
  .tooltips .fa-stack.text-success-alt .fa {
    color: #ED69E2 !important; }

@media (min-width: 960px) {
  message > .col-md-10, .message > .col-md-10 {
    padding-left: 15px !important; } }

comment-list {
  display: block; }
  comment-list ul {
    margin-left: 10px;
    list-style: none;
    padding: 0; }
    comment-list ul p {
      margin: 0; }

.expand-message-link {
  color: #CCCCCC;
  height: 17px; }
  .expand-message-link:hover {
    background-color: #EEEEEE; }
  .expand-message-link i {
    margin-left: 50%; }

.attachfileblock {
  display: inline-block;
  margin-top: 20px; }
  .attachfileblock .imgblock {
    margin-right: 25px;
    position: relative;
    width: 180px;
    height: 120px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    background-color: #fff; }
    .attachfileblock .imgblock .fa-paperclip {
      font-size: 14px;
      color: #fff;
      padding: 3px;
      border-radius: 100%;
      position: absolute;
      top: 1px;
      left: 0px;
      width: 20px;
      height: 20px;
      text-align: center;
      z-index: 100; }
    .attachfileblock .imgblock a img {
      width: 100%;
      height: auto; }
    .attachfileblock .imgblock a .file-attachment {
      font-size: 40px;
      color: #fff;
      bottom: 5px;
      position: absolute;
      left: 5px;
      z-index: 101; }
  .attachfileblock .titleblock {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    padding-left: 22px;
    padding-right: 20px;
    overflow: hidden;
    font-size: 13px;
    padding-top: 2px;
    text-align: left;
    word-break: break-all;
    font-weight: bold; }
    .attachfileblock .titleblock:hover {
      background-color: rgba(0, 0, 0, 0.6); }
      .attachfileblock .titleblock:hover a {
        display: none;
        text-align: center; }
        .attachfileblock .titleblock:hover a.attachdownload {
          display: block;
          width: 100%;
          height: 100%;
          font-size: 48px;
          padding-top: 25px; }
    .attachfileblock .titleblock > a {
      color: #fff; }
      .attachfileblock .titleblock > a.attachdownload {
        display: none; }
  .attachfileblock .titlecorner {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    height: 20px;
    width: 20px;
    border-right: solid 20px transparent; }
    .attachfileblock .titlecorner:before {
      content: "";
      font-size: 0;
      position: absolute;
      bottom: 19px;
      right: -20px;
      width: 20px;
      border-top: 1px #e5e5e5 solid;
      z-index: 4;
      opacity: .2; }
    .attachfileblock .titlecorner:after {
      content: "";
      font-size: 0;
      position: absolute;
      bottom: 0;
      right: -20px;
      background: no-repeat url(https://ssl.gstatic.com/mail/sprites/newattachmentcards-ff2ce2bea04dec2bf32f2ebbfa0834ff.png) -129px -88px;
      height: 20px;
      width: 40px;
      z-index: 4; }
    .attachfileblock .titlecorner .titlecorneredge {
      position: absolute;
      width: 0;
      height: 0;
      bottom: 0;
      right: -20px;
      border-width: 10px;
      border-style: solid;
      z-index: 3;
      opacity: 0.5;
      border-color: #fff; }
      .attachfileblock .titlecorner .titlecorneredge:after {
        content: "";
        font-size: 0;
        width: 0;
        height: 0;
        border-color: #eee;
        border-width: 10px;
        border-style: solid;
        position: absolute;
        top: -10px;
        right: -10px;
        z-index: 3; }

@media (max-width: 991px) {
  .feed-body {
    height: 100%; }
    .feed-body > li {
      position: relative; }
  message {
    margin-bottom: 0; }
    message .header {
      background-color: #f0f0f0;
      position: relative; }
      message .header user-picture {
        width: 35px;
        float: left;
        margin-right: 5px;
        padding: 4px 4px 4px; }
      message .header .from:after {
        content: "\a";
        white-space: pre; }
    message .message-tools {
      position: absolute;
      bottom: 0px;
      right: 0px;
      background-color: #f0f0f0;
      margin-right: 0px;
      padding-left: 5px; }
    message .next-to-header {
      margin-top: 5px; }
      message .next-to-header .message-content .subject {
        font-size: 16px; }
  .expand-message-link i {
    margin-left: 45vw; } }

.signup, .user-invitation, .reset-password {
  color: #444444;
  margin-top: 70px; }
  .signup h2, .user-invitation h2, .reset-password h2, .signup h4, .user-invitation h4, .reset-password h4 {
    margin: 30px; }
  .signup h4, .user-invitation h4, .reset-password h4 {
    color: #999; }
  .signup .form-group, .user-invitation .form-group, .reset-password .form-group {
    margin-top: 40px; }

.signin {
  height: 650px;
  background: #2F333F url(img/log_in_header_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  color: #FFF; }
  .signin.select-domain {
    height: 560px; }
  .signin h2 {
    margin: 50px; }
  .signin a.reset-password {
    color: #EE9126; }

.feed.thread .private-thread-warning {
  display: none; }

.feed.thread.private {
  margin-top: 105px; }
  .feed.thread.private .private-thread-warning {
    background-color: pink;
    color: #D00000;
    font-weight: bold;
    position: fixed;
    width: 100vw;
    left: 0;
    top: 80px;
    display: block;
    text-align: center;
    padding: 3px 0; }

.feed.thread .feed-body {
  height: calc(100% - 20px);
  clear: both;
  padding-bottom: 50px; }
  .feed.thread .feed-body message.first {
    padding-left: 15px;
    background-color: #F8FBFB;
    border: 1px solid #EDF0F6; }

.feed.thread .prev-next-nav i.fa {
  font-size: 20px;
  padding: 0 5px; }

.feed.thread .vert-left:before {
  content: '|';
  color: black;
  padding: 0 5px; }

@media (max-width: 1000px) {
  .feed.thread .feed-body {
    height: calc(100% - 20px - 40px); }
    .feed.thread .feed-body message {
      margin: 3px 0; }
  .feed.thread.private {
    margin-top: 75px; }
    .feed.thread.private .private-thread-warning {
      top: 55px; } }

.user-invitation .send-invites {
  margin-bottom: 20px; }

.user-invitation h4 {
  margin-bottom: 10px; }

.user-invitation h5 {
  color: #999; }

.user-invitation .input-sm {
  height: 30px;
  width: 80% !important;
  display: inline-block; }

.user-invitation .sent-notification {
  color: #EE9126;
  font-style: italic;
  font-size: .9em; }

.user-profile .user-details {
  overflow: hidden;
  height: 15vh;
  margin-top: 10px; }
  .user-profile .user-details a .fa {
    color: #CBCBCB; }
  .user-profile .user-details a:active .fa, .user-profile .user-details a.active .fa, .user-profile .user-details a.focus .fa, .user-profile .user-details a:focus .fa, .user-profile .user-details a:hover .fa {
    color: #EE9126; }
  .user-profile .user-details .user-img-container img {
    display: block;
    width: auto;
    margin: auto;
    max-height: 100px; }
  .user-profile .user-details .user-img-container img.editable {
    cursor: pointer; }
    .user-profile .user-details .user-img-container img.editable.loading {
      opacity: 0.3; }
  .user-profile .user-details .user-img-container .status-container {
    width: 20px;
    margin: auto; }
    .user-profile .user-details .user-img-container .status-container .status {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      position: relative;
      top: -30px;
      right: -20px;
      border: 2px solid #F8FBFB;
      background: #808080; }
      .user-profile .user-details .user-img-container .status-container .status.online {
        background: #5cb85c; }
  .user-profile .user-details .user-img-container .spinner-container {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px; }
  .user-profile .user-details .user-img-container .fa.fa-spinner {
    font-size: 30px; }
  .user-profile .user-details h2.fullname {
    height: 3vh;
    margin-top: 0;
    color: #76B7F1;
    font-size: 24px;
    font-weight: bold;
    margin: 0; }
    .user-profile .user-details h2.fullname.deleted {
      text-decoration: line-through;
      color: #808080; }
  .user-profile .user-details .tag-line {
    color: #808080;
    font-weight: bold;
    font-size: 14px; }
  .user-profile .user-details .editable {
    cursor: pointer; }
    .user-profile .user-details .editable a {
      color: #CBCBCB; }
    .user-profile .user-details .editable:active a, .user-profile .user-details .editable.active a, .user-profile .user-details .editable.focus a, .user-profile .user-details .editable:focus a, .user-profile .user-details .editable:hover a {
      color: #EE9126; }
    .user-profile .user-details .editable .replaced-by a {
      color: #5cb85c; }
  .user-profile .user-details form {
    padding: 0; }
  .user-profile .user-details .tag-line {
    height: 3vh;
    margin-bottom: 5px; }
  .user-profile .user-details .mini-bio {
    height: 8vh; }

.user-profile .feed-body {
  height: calc(75vh - 140px); }

.user-profile form.form-change-password {
  padding-top: 0;
  padding-bottom: 0; }

.user-profile .tasks {
  font-size: 13px; }
  .user-profile .tasks tr.done {
    text-decoration: line-through;
    color: #808080; }
  .user-profile .tasks tr td {
    border-width: 0;
    border-top-width: 1px; }
    .user-profile .tasks tr td.mentions {
      color: #808080; }
    .user-profile .tasks tr td input {
      background-color: white;
      width: 100%; }
      .user-profile .tasks tr td input.form-control {
        padding: 6px 12px; }
      .user-profile .tasks tr td input[type=checkbox] {
        box-sizing: border-box;
        line-height: normal;
        height: 10px;
        padding: 10px;
        margin-left: 0;
        width: 10px; }
    .user-profile .tasks tr td select {
      width: 100%;
      padding: 5px;
      background-color: white;
      border: 1px solid #EDF0F6; }

.user-profile .btn-chat {
  margin: 3px 0 0 -25px; }
  .user-profile .btn-chat .fa {
    color: white; }

.user-profile .Accounts hr {
  margin: 2px; }

.user-profile .Accounts .account {
  position: relative;
  min-height: 65px;
  margin: 0;
  padding: 10px; }
  .user-profile .Accounts .account .img-thumbnail {
    vertical-align: middle;
    margin: 10px;
    padding: 0; }
  .user-profile .Accounts .account span.deactivated {
    color: gray; }
  .user-profile .Accounts .account button {
    margin: 5px; }

.btn.new-task {
  margin-top: 13px; }

.ui-select-match-item.btn-default {
  text-transform: none;
  font-weight: normal;
  font-size: 11px; }

.ui-select-match-item.btn.btn-primary {
  box-shadow: none;
  background-color: #e6e6e6;
  color: black;
  border-color: silver; }

@media (max-width: 1000px) {
  .user-profile .feed-body {
    height: calc(75vh - 140px - 60px); } }

@media (max-width: 768px) {
  .btn-group.tabs {
    margin-left: 10px; }
  .btn.btn-primary.new-task {
    margin-right: 10px; }
  .user-details .fullname {
    font-size: 16px !important; }
  .user-details span {
    font-size: 12px !important; }
  .user-details .user-profile-options {
    font-size: 12px !important; }
  .user-details .user-info {
    line-height: 1em !important; }
  .user-details .user-img-container img {
    width: 60% !important;
    height: 60% !important; }
  form .form-group {
    margin-top: 10px !important; }
  .btn-action-group {
    float: right; } }

@media (max-width: 425px) {
  .user-details {
    position: relative; }
    .user-details .col-xs-8 {
      width: 75% !important; }
    .user-details .fullname {
      font-size: 16px !important; }
    .user-details span {
      font-size: 10px !important; }
    .user-details .chat-icon {
      position: absolute;
      bottom: 10px;
      right: 3px; }
      .user-details .chat-icon .btn-chat {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding: 0 0 3px;
        line-height: 40px; }
    .user-details .user-img-container img {
      width: 100% !important;
      height: 100% !important; }
    .user-details .user-profile-options {
      font-size: 11px !important; } }

.user-profile .google-account img {
  width: 25px;
  height: 25px; }

.users-form .ui-select-bootstrap .ui-select-match-text span {
  width: auto;
  float: left; }

.reset-password .send-reset-password {
  margin-bottom: 20px; }

.privacy-policy {
  padding: 10px; }

.suggestion-list {
  position: fixed;
  z-index: 11000;
  min-width: 10px;
  min-height: 10px;
  border: 1px solid #EDF0F6;
  background-color: #F8FBFB;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 3px 5px 10px 2px #CBCBCB; }
  .suggestion-list .suggestions-header .title {
    margin-right: 5px;
    font-weight: bold;
    color: #777;
    cursor: default; }
    .suggestion-list .suggestions-header .title:first-letter {
      text-transform: capitalize; }
  .suggestion-list .close-suggestions {
    color: #777; }
  .suggestion-list hr {
    margin-top: 0;
    margin-bottom: 3px;
    border-top: 1px solid #aaa; }
  .suggestion-list ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .suggestion-list ul li a {
      display: block;
      padding: 5px 10px; }
      .suggestion-list ul li a:active, .suggestion-list ul li a.active, .suggestion-list ul li a.focus, .suggestion-list ul li a:focus, .suggestion-list ul li a:hover {
        background-color: #EEE; }

.tooltips:hover .seenby-tooltip {
  display: block; }

.seenby-tooltip {
  position: absolute;
  z-index: 1101;
  display: none;
  min-width: 10px;
  min-height: 10px;
  margin: 0;
  padding: 7px;
  list-style: none;
  color: #CBCBCB;
  background-color: #122B40;
  border-radius: 5px; }
  .seenby-tooltip ul {
    padding-left: 0; }
    .seenby-tooltip ul li {
      font-weight: normal; }
  .seenby-tooltip:after {
    bottom: 100%;
    left: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #122B40;
    border-width: 5px;
    margin-left: -5px; }

.inbox .table-container {
  overflow: auto;
  height: calc(100vh - 80px - 80px);
  padding-bottom: 30px; }

.inbox input[type=checkbox] {
  width: 17px;
  height: 17px;
  margin: 0; }

.inbox pb-label-assign {
  margin: 10px 0; }

.inbox table {
  font-size: 12px;
  border-collapse: initial;
  table-layout: fixed; }
  .inbox table tr:hover .tools > a {
    visibility: visible; }
  .inbox table tr td {
    background: #F9FAFD;
    border-top: 1px solid #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 3%;
    padding: 8px; }
    .inbox table tr td.mentions {
      width: 25%; }
    .inbox table tr td.subject {
      width: 60%; }
    .inbox table tr td.tools {
      width: 5%;
      position: relative; }
    .inbox table tr td.has-icons {
      width: 40px; }
    .inbox table tr td.updated-at {
      width: 60px; }
  .inbox table tr .tools {
    overflow: visible; }
    .inbox table tr .tools > a {
      visibility: hidden;
      padding: 5px;
      border: 1px solid transparent; }
      .inbox table tr .tools > a:hover {
        border-color: #EDF0F6;
        background-color: white; }
    .inbox table tr .tools .btn-link.text-danger {
      color: #a94442; }
    .inbox table tr .tools .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 999;
      background-color: transparent; }
    .inbox table tr .tools ul {
      z-index: 1000;
      list-style: none;
      position: absolute;
      border: 1px solid #EDF0F6;
      width: 150px;
      padding: 0; }
      .inbox table tr .tools ul li {
        background: #FFFFFF;
        width: 100%;
        padding: 10px; }
        .inbox table tr .tools ul li span {
          color: #000;
          padding-left: 5px; }
  .inbox table.drafts-table td.mentions {
    width: 30%; }
  .inbox table.drafts-table td.subject {
    width: 50%; }
  .inbox table.drafts-table td.sender-writer {
    width: 15%; }
  .inbox table.drafts-table td.tools {
    width: 10%; }
  .inbox table.drafts-table td.has-icons {
    width: 40px; }
  .inbox table.drafts-table td.updated-at {
    width: 60px; }
  .inbox table .unread td {
    background-color: #F1F3F9; }
  .inbox table .unread .subject,
  .inbox table .unread .mentions {
    font-weight: bold; }

.inbox .select-all {
  padding-left: 7px;
  font-weight: normal; }
  .inbox .select-all input {
    margin-right: 11px; }

.inbox .mentions span {
  font-weight: lighter; }

.inbox .load-more-button {
  text-align: center;
  font-size: 1.5rem; }

.inbox .empty-inbox {
  text-align: center;
  background: #EEEEEE;
  padding: 30px; }

.inbox .spinner {
  text-align: center; }
  .inbox .spinner i.fa.fa-spinner {
    font-size: 3rem; }

.inbox .reminder,
.inbox .assign-draft {
  z-index: 3;
  position: absolute;
  left: -160px;
  padding: 10px;
  background-color: white;
  box-shadow: 3px 5px 10px 2px #CBCBCB;
  border: 1px solid #EDF0F6;
  width: 300px; }
  .inbox .reminder label, .inbox .reminder input,
  .inbox .assign-draft label,
  .inbox .assign-draft input {
    display: block;
    width: 100%;
    margin: 3px 0; }

.inbox .reminder-overlay,
.inbox .assign-draft-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  background-color: transparent; }

.inbox .search-query-form {
  padding: 5px; }
  .inbox .search-query-form .input-group-addon,
  .inbox .search-query-form input {
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #EE9126;
    border-radius: 0;
    box-shadow: none;
    color: #EE9126; }
    .inbox .search-query-form .input-group-addon::-webkit-input-placeholder,
    .inbox .search-query-form input::-webkit-input-placeholder {
      color: #EE9126; }
    .inbox .search-query-form .input-group-addon::-moz-placeholder,
    .inbox .search-query-form input::-moz-placeholder {
      color: #EE9126; }
    .inbox .search-query-form .input-group-addon:-ms-input-placeholder,
    .inbox .search-query-form input:-ms-input-placeholder {
      color: #EE9126; }

.inbox .inbox-header {
  box-shadow: #CCCCCC 0 2px 1px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap; }
  .inbox .inbox-header > form {
    flex: 1;
    order: 2; }
  .inbox .inbox-header .inbox-toolbar {
    list-style: none;
    padding: 0; }
    .inbox .inbox-header .inbox-toolbar.left {
      order: 1;
      width: 300px; }
    .inbox .inbox-header .inbox-toolbar.right {
      order: 3;
      width: 100px; }
    .inbox .inbox-header .inbox-toolbar li {
      padding-top: 5px;
      float: left; }
      .inbox .inbox-header .inbox-toolbar li a {
        font-size: 11pt; }
        .inbox .inbox-header .inbox-toolbar li a.inactive {
          color: #000000; }

.nav.nav-pills.nav-stacked {
  margin-left: 0; }
  .nav.nav-pills.nav-stacked li {
    background-color: #F8FBFB;
    border: 1px solid #DFEDF0;
    border-top: 0px solid #DFEDF0;
    margin: 0; }
    .nav.nav-pills.nav-stacked li:first-child {
      border-top: 1px solid #DFEDF0; }
  .nav.nav-pills.nav-stacked .btn-sticker {
    background-color: #F8FBFB;
    border: 0 solid #DFEDF0;
    color: #BBB;
    font-size: .8em;
    padding: 6px 3px;
    width: 100%; }
    .nav.nav-pills.nav-stacked .btn-sticker .sticker {
      border: 0; }
    .nav.nav-pills.nav-stacked .btn-sticker:hover, .nav.nav-pills.nav-stacked .btn-sticker.active {
      background-color: #FDFDFD;
      color: #333; }

@media (max-width: 1000px) {
  .inbox .table-container {
    height: calc(100vh - 80px - 80px - 50px + 5px + 50px - 50px); }
  .inbox table.filters td.spacer {
    width: 0%; } }

@media (max-width: 991px) {
  .inbox .inbox-header {
    width: 100%;
    margin: 0 0 10px;
    box-shadow: none; }
    .inbox .inbox-header .inbox-toolbar.left {
      width: 100%;
      padding: 0;
      margin-bottom: 0; }
    .inbox .inbox-header .inbox-toolbar.right {
      margin-bottom: 0;
      padding: 0px 0 0px; }
      .inbox .inbox-header .inbox-toolbar.right li.pull-right {
        border: none;
        padding-top: 3px;
        margin-right: 0px;
        background-color: #fff;
        height: 100%;
        border-top: 1px solid #EE9126;
        border-bottom: 1px solid #EE9126; }
        .inbox .inbox-header .inbox-toolbar.right li.pull-right:last-child {
          border-left: 1px solid #EE9126; }
    .inbox .inbox-header .inbox-toolbar li a {
      font-size: 20px; }
    .inbox .inbox-header > form {
      padding: 0; }
      .inbox .inbox-header > form.search-query-form .input-group-addon, .inbox .inbox-header > form.search-query-form input {
        border-top: 1px solid #EE9126;
        font-size: 16px; }
      .inbox .inbox-header > form.search-query-form .input-group-addon:last-child {
        border-right: 1px solid #EE9126; }
  .inbox table tr {
    display: block;
    width: 100%;
    margin: 0;
    border-bottom: 3px solid #fff; }
    .inbox table tr.row:before, .inbox table tr.row:after {
      content: none; }
    .inbox table tr td {
      border-top: 0px dashed #fff;
      padding: 0 4px;
      min-height: 34px;
      font-size: 14px; }
      .inbox table tr td.mentions {
        width: 100%;
        display: block;
        border-top: none;
        padding: 8px 4px 0px; }
        .inbox table tr td.mentions span {
          font-size: 12px; }
      .inbox table tr td.subject {
        width: calc(100% - 40px - 50px);
        display: inline-block;
        font-size: 13px;
        line-height: 34px; }
      .inbox table tr td.sender-writer {
        width: 16%; }
      .inbox table tr td.tools {
        width: 6%; }
      .inbox table tr td.has-icons {
        width: 40px;
        display: inline-block;
        margin-left: -3px;
        line-height: 34px; }
      .inbox table tr td.updated-at {
        width: 50px;
        text-align: right;
        display: inline-block;
        margin-left: -3px;
        font-size: 12px;
        line-height: 34px; }
  advanced-search-form {
    position: fixed;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1500; }
    advanced-search-form .advanced-search-form {
      margin: 5%;
      left: 0;
      width: 90%;
      padding: 10px;
      max-height: 90%;
      overflow-y: scroll;
      top: 0; }
      advanced-search-form .advanced-search-form ul {
        padding: 0; }
        advanced-search-form .advanced-search-form ul li {
          font-size: 12px; }
          advanced-search-form .advanced-search-form ul li label {
            padding: 10px 0; }
            advanced-search-form .advanced-search-form ul li label input[type=text], advanced-search-form .advanced-search-form ul li label input[type=date] {
              width: 70%;
              padding: 5px;
              margin-top: -10px; }
            advanced-search-form .advanced-search-form ul li label input[type=checkbox] {
              margin: -2px 0 0;
              vertical-align: middle; }
      advanced-search-form .advanced-search-form .btn-default, advanced-search-form .advanced-search-form .btn-primary {
        font-size: 13px;
        margin-top: 5px; } }

.table-pinned-container {
  background-color: #fcfcfc;
  border-bottom: 1px solid #f5f5f5;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  padding: 7px;
  top: 53px;
  font-size: .9em;
  z-index: 5; }
  .table-pinned-container + .main-content {
    margin-top: 55px; }
  .table-pinned-container .pinned-content {
    max-height: 250px;
    overflow-y: scroll;
    box-shadow: 3px 5px 10px 2px #CBCBCB; }
  .table-pinned-container .btn-pinned {
    padding: 7px;
    display: block; }
    .table-pinned-container .btn-pinned:hover {
      text-decoration: none; }
  .table-pinned-container table {
    width: 100%;
    border-collapse: collapse;
    box-shadow: darkorange; }
    .table-pinned-container table tr td {
      background-color: #fff !important;
      padding: 9px;
      color: #333;
      font-weight: bold;
      padding: 7px 12px 7px 7px;
      height: 42px;
      border: 1px solid #efefef;
      border-left-width: 0;
      border-right-width: 0;
      text-align: left; }
    .table-pinned-container table tr:hover td {
      background-color: #eaeaea !important;
      cursor: pointer; }

.thread-page > .table-pinned-container,
.feed-page > .table-pinned-container {
  top: 0 !important; }

@media (max-width: 991px) {
  .table-pinned-container {
    margin-top: -55px; }
  .feed-page > .table-pinned-container {
    top: 55px !important;
    margin-top: -55px !important; }
  .main-content {
    margin-top: 55px !important; } }

@media (max-width: 425px) {
  .feed-page > .table-pinned-container {
    top: 0 !important; } }

.chat-list li.unread {
  background-color: #FDFBE2; }

.chat-list .unread-count {
  background-color: #EE9126;
  color: white;
  border-radius: 11px;
  padding: 0 5px;
  margin-left: 10px; }

@media (max-width: 991px) {
  .chat-list h2 {
    font-size: 18px; }
  .chat-list .feed-body li {
    padding-left: 0;
    padding-right: 0; }
    .chat-list .feed-body li .col-md-10 {
      padding-left: 10px; } }

.chat h2 {
  margin: 0 20px;
  padding: 0; }

.chat li.selected-message {
  background-color: #FDFBE2; }

.chat .from-me .col-md-2, .chat .from-me .from {
  display: none; }

.chat .from-me .col-md-10 {
  background-color: #F8FBFB;
  border: 1px solid #EDF0F6;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 20px; }

.chat .col-md-10 .message-content {
  height: auto; }

.chat .day-separator hr {
  margin: 0; }

.chat .day-separator div {
  margin: -10px auto 0 auto;
  background-color: white;
  width: 120px;
  text-align: center;
  color: #CBCBCB;
  font-size: 12px;
  font-weight: bold; }

.chat form {
  margin-top: 30px; }
  .chat form input, .chat form textarea {
    margin-top: 15px;
    width: 100%;
    min-height: 200px; }

.chat .no-messages.well {
  margin-top: 12px; }

@media (max-width: 991px) {
  .chat .col-md-4.height100 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    height: auto;
    background-color: white;
    z-index: 1100;
    transition: 0.55s ease; }
    .chat .col-md-4.height100.hidden-bottom {
      transform: translateY(100%); }
    .chat .col-md-4.height100 .compose-message-header {
      background-color: #EE9126;
      height: 55px;
      line-height: 55px; }
      .chat .col-md-4.height100 .compose-message-header a {
        color: white; }
      .chat .col-md-4.height100 .compose-message-header .close-compose-message {
        padding-right: 10px;
        font-size: 25px; }
    .chat .col-md-4.height100 .btn-primary {
      width: 100vw;
      position: fixed;
      bottom: 0;
      left: 0;
      border-radius: 0;
      z-index: 10; }
  .chat .from-me .col-md-10 {
    margin-bottom: 5px; }
  .chat .chat-header a.back-button {
    margin-left: 7px;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 12px; }
  .chat .chat-header h1 {
    font-size: 12px;
    padding-top: 14px;
    margin-top: 0px; }
  .chat .message .message-body {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px; } }

.user-picture {
  border-radius: 70px;
  display: block;
  height: 25px;
  width: 25px; }
  .user-picture img {
    height: 25px;
    width: 25px; }
  .user-picture .status {
    width: 13px;
    height: 13px;
    border-radius: 15px;
    background: #808080;
    border: 2px solid #F8FBFB;
    position: relative;
    margin-top: -7px; }
    .user-picture .status.online {
      background: #5cb85c; }
  .user-picture .add-contact {
    font-size: 2rem;
    position: relative;
    bottom: 15px;
    right: -20px; }

sticker {
  display: inline-block;
  min-width: 13px;
  text-align: center;
  margin: 0 1px;
  font-size: 14px; }

span.sticker {
  display: inline-block;
  padding: 0 3px;
  border: 1px solid transparent;
  border-radius: 3px; }
  span.sticker i.fa {
    color: #EE9126; }
  span.sticker span {
    font-size: .8em;
    line-height: 20px; }

.contacts-list h1 i.fa {
  padding: 0 10px; }

.contacts-list .spinner {
  text-align: center;
  margin-top: 10vh; }
  .contacts-list .spinner i.fa.fa-spinner {
    font-size: 3rem; }

.contacts-list .well {
  margin-top: 20px; }

.contacts-list .thumb {
  width: 30px;
  height: 30px;
  margin: 0 7px; }

.contacts-form .input-group {
  border-right: 1px solid #ccc !important;
  border-radius: 4px; }
  .contacts-form .input-group .input-group-addon {
    border: 1px solid #ccc !important;
    border-right: 0 !important; }
  .contacts-form .input-group .fa {
    color: #333 !important; }

.contacts-form .form-header a.back-button {
  margin-left: 7px;
  padding: 20px;
  line-height: 40px;
  font-size: 16px; }

.contacts-form .form-header h1 {
  font-size: 36px;
  padding-top: 14px;
  margin-top: 0px; }

.contacts-form .ui-select-container > .ui-select-match > .ui-select-toggle {
  background-color: #fff !important;
  text-transform: none;
  font-weight: normal;
  height: 62px;
  position: relative; }
  .contacts-form .ui-select-container > .ui-select-match > .ui-select-toggle > .ui-select-match-text > span {
    width: auto; }
  .contacts-form .ui-select-container > .ui-select-match > .ui-select-toggle > .caret {
    position: absolute;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -2px; }

.contacts-form .selectize-control > .selectize-dropdown {
  top: 36px; }

.contact .breadcrumb {
  background: #FFFFFF;
  box-shadow: #CCC 0 2px 5px 0px;
  margin: 0;
  z-index: 1;
  text-transform: uppercase; }
  .contact .breadcrumb a:not(.btn), .contact .breadcrumb span {
    line-height: 34px;
    padding-right: 10px;
    font-weight: bold; }
  .contact .breadcrumb .btn {
    margin-left: 10px; }

.contact .contact-details {
  background: #F5F6F9; }
  .contact .contact-details .img-thumbnail {
    width: 100%;
    max-width: 200px;
    margin: 40px 0; }
  .contact .contact-details ul {
    list-style: none; }
    .contact .contact-details ul li {
      width: 100%;
      float: left; }
      .contact .contact-details ul li label {
        width: 100px;
        float: left;
        padding: 7px; }

.contact .messages {
  padding-top: 10px; }

.contact .activity {
  padding-top: 10px; }
  .contact .activity ul {
    list-style: none; }
  .contact .activity .panel-heading {
    background: #F5F6F9;
    border-bottom: 0;
    font-size: 18px; }

.contact .mood-face {
  float: left;
  margin-right: 10px;
  color: #EE9126; }

.contact .mood-dates {
  color: #EE9126; }

.company .breadcrumb {
  background: #FFFFFF;
  box-shadow: #CCC 0 2px 5px 0px;
  margin: 0;
  z-index: 1;
  text-transform: uppercase; }
  .company .breadcrumb a:not(.btn), .company .breadcrumb span {
    line-height: 34px;
    padding-right: 10px;
    font-weight: bold; }
  .company .breadcrumb .btn {
    margin-left: 10px; }

.company .company-details {
  background: #F5F6F9; }
  .company .company-details .img-thumbnail {
    width: 100%;
    max-width: 200px;
    margin: 40px 0; }
  .company .company-details ul {
    list-style: none; }
    .company .company-details ul li {
      width: 100%;
      float: left; }
      .company .company-details ul li label {
        width: 130px;
        float: left;
        padding: 7px; }

.company .messages {
  padding-top: 10px; }

.company .activity {
  padding-top: 10px; }
  .company .activity ul {
    list-style: none; }
  .company .activity .panel-heading {
    background: #F5F6F9;
    border-bottom: 0;
    font-size: 18px; }

.company .mood-face {
  float: left;
  margin-right: 10px;
  color: #EE9126; }

.company .mood-dates {
  color: #EE9126; }

.company .panel-body li {
  list-style: initial; }

.company .panel-body .task.done {
  text-decoration: line-through; }

.companies-list h1 i.fa {
  padding: 0 10px; }

.companies-list .spinner {
  text-align: center;
  margin-top: 10vh; }
  .companies-list .spinner i.fa.fa-spinner {
    font-size: 3rem; }

.companies-list .well {
  margin-top: 20px; }

.companies-list .thumb {
  width: 30px;
  height: 30px;
  margin: 0 7px; }

.companies-form .input-group {
  border-right: 1px solid #ccc !important;
  border-radius: 4px; }
  .companies-form .input-group .input-group-addon {
    border: 1px solid #ccc !important;
    border-right: 0 !important; }
  .companies-form .input-group .fa {
    color: #333 !important; }

.companies-form .form-header a.back-button {
  margin-left: 7px;
  padding: 20px;
  line-height: 40px;
  font-size: 16px; }

.companies-form .form-header h1 {
  font-size: 36px;
  padding-top: 14px;
  margin-top: 0px; }

.companies-form .ui-select-container > .ui-select-match > .ui-select-toggle {
  background-color: #fff !important;
  text-transform: none;
  font-weight: normal;
  height: 62px;
  position: relative; }
  .companies-form .ui-select-container > .ui-select-match > .ui-select-toggle > .ui-select-match-text > span {
    width: auto; }
  .companies-form .ui-select-container > .ui-select-match > .ui-select-toggle > .caret {
    position: absolute;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -2px; }

.companies-form .selectize-control > .selectize-dropdown {
  top: 36px; }

.orders-form .input-group {
  border-right: 1px solid #ccc !important;
  border-radius: 4px; }
  .orders-form .input-group .input-group-addon {
    border: 1px solid #ccc !important;
    border-right: 0 !important; }
  .orders-form .input-group .fa {
    color: #333 !important; }

.orders-form .form-header a.back-button {
  margin-left: 7px;
  padding: 20px;
  line-height: 40px;
  font-size: 16px; }

.orders-form .form-header h1 {
  font-size: 36px;
  padding-top: 14px;
  margin-top: 0px; }

.orders-form .ui-select-container > .ui-select-match > .ui-select-toggle {
  background-color: #fff !important;
  text-transform: none;
  font-weight: normal;
  height: 62px;
  position: relative; }
  .orders-form .ui-select-container > .ui-select-match > .ui-select-toggle > .ui-select-match-text > span {
    width: auto; }
  .orders-form .ui-select-container > .ui-select-match > .ui-select-toggle > .caret {
    position: absolute;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -2px; }

.orders-form .selectize-control > .selectize-dropdown {
  top: 36px; }

.order .breadcrumb {
  background: #FFFFFF;
  box-shadow: #CCC 0 2px 5px 0px;
  margin: 0;
  z-index: 1;
  text-transform: uppercase; }
  .order .breadcrumb a:not(.btn), .order .breadcrumb span {
    line-height: 34px;
    padding-right: 10px;
    font-weight: bold; }
  .order .breadcrumb .btn {
    margin-left: 10px; }

.order .order-details {
  background: #F5F6F9; }
  .order .order-details .img-thumbnail {
    width: 100%;
    max-width: 200px;
    margin: 40px 0; }
  .order .order-details ul {
    list-style: none; }
    .order .order-details ul li {
      width: 100%;
      float: left; }
      .order .order-details ul li label {
        width: 130px;
        float: left;
        padding: 7px; }

.order .messages {
  padding-top: 10px; }

.order .activity {
  padding-top: 10px; }
  .order .activity ul {
    list-style: none; }
  .order .activity .panel-heading {
    background: #F5F6F9;
    border-bottom: 0;
    font-size: 18px; }

.order .mood-face {
  float: left;
  margin-right: 10px;
  color: #EE9126; }

.order .mood-dates {
  color: #EE9126; }

.order .panel-body li {
  list-style: initial; }

.order .panel-body .task.done {
  text-decoration: line-through; }

org-chart .content {
  margin-top: auto !important; }

org-chart .title a {
  color: #FFFFFF; }

.team-chart .org-chart-container {
  overflow: auto; }

user-card .fa-spinner {
  font-size: 120pt;
  top: 2.5in;
  left: 3.5in;
  position: absolute;
  margin-top: 3in; }

user-card .user-card {
  background-color: white;
  width: 9in;
  height: 6in;
  display: block;
  overflow: hidden; }
  user-card .user-card h1 {
    font-size: 5em; }
  user-card .user-card h2 {
    font-size: 4em; }
  user-card .user-card h3 {
    font-size: 3em; }
  user-card .user-card blockquote {
    font-size: 2em; }
  user-card .user-card img {
    max-width: 100%; }

.team-admin user-card .fa-spinner {
  margin-top: 1in; }

.col-md-2.left-panel {
  border-right: 1px solid #EDF0F6;
  background: #F0F3F8;
  padding: 0; }
  .col-md-2.left-panel .compose-button {
    padding: 10px;
    width: calc(100% - 20px);
    margin: 10px;
    font-size: 14px; }
  @media (max-width: 991px) {
    .col-md-2.left-panel {
      height: auto; }
      .col-md-2.left-panel .compose-button {
        width: 100vw;
        position: fixed;
        bottom: 0;
        left: 0;
        border-radius: 0;
        z-index: 10;
        padding: 4px;
        margin: 0;
        font-size: 20px; }
      .col-md-2.left-panel .left-side-filters li i.fa-chevron-down {
        padding: 3px 10px; } }
  .col-md-2.left-panel .left-side-filters {
    list-style: none;
    padding: 0;
    font-size: 13px; }
    .col-md-2.left-panel .left-side-filters li {
      padding: 10px;
      border-bottom: 1px solid #EDF0F6; }
      .col-md-2.left-panel .left-side-filters li.active {
        border-bottom: 1px solid #EE9126;
        font-weight: bold;
        padding-right: 0;
        font-size: 18px; }
        .col-md-2.left-panel .left-side-filters li.active:after {
          content: ' ';
          float: right;
          width: 0;
          height: 0;
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent;
          border-right: 8px solid #FFFFFF;
          margin-right: -1px; }
      .col-md-2.left-panel .left-side-filters li:hover {
        font-weight: bold; }
      .col-md-2.left-panel .left-side-filters li i {
        padding: 0 5px; }
    .col-md-2.left-panel .left-side-filters .sticker {
      border: 0; }
      .col-md-2.left-panel .left-side-filters .sticker span {
        color: #000;
        font-size: 13px; }
    .col-md-2.left-panel .left-side-filters .pb-label {
      border: 0; }
      .col-md-2.left-panel .left-side-filters .pb-label span {
        font-size: 13px; }
    .col-md-2.left-panel .left-side-filters form {
      padding: 0; }
      .col-md-2.left-panel .left-side-filters form .form-group {
        margin-bottom: 7px; }
      .col-md-2.left-panel .left-side-filters form input[type=text] {
        font-weight: normal;
        padding: 3px 5px; }
      .col-md-2.left-panel .left-side-filters form input[type=color] {
        padding: 0; }
  @media (max-width: 991px) {
    .col-md-2.left-panel .left-side-filters {
      margin-top: 0; } }

pb-label {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin: 0 1px;
  font-size: 14px; }

div.pb-label {
  padding: 0 3px; }
  div.pb-label span {
    font-size: .8em;
    line-height: 20px;
    width: calc(100% - 50px); }
  div.pb-label .actions {
    display: none;
    width: 50px; }
  div.pb-label form label {
    color: #000 !important; }

li:hover .actions {
  display: block; }

.inbox-filters {
  max-height: calc(100vh - 160px);
  overflow-y: auto;
  overflow-x: hidden; }

ul.left-side-filters {
  margin-bottom: 0 !important;
  border-bottom: 1px solid white; }
  ul.left-side-filters li.list-head {
    background: #dfe5f0;
    font-weight: bold;
    padding-right: 0;
    font-size: 14px; }
    ul.left-side-filters li.list-head.active {
      border-bottom: 1px solid #cdd7e8 !important; }
  ul.left-side-filters li:last-child {
    margin-bottom: 3px; }
  ul.left-side-filters.no-border {
    border-bottom: none; }
    ul.left-side-filters.no-border:after {
      content: "\a0";
      border-bottom: none; }
  ul.left-side-filters:after {
    content: "\a0";
    display: block;
    padding: 0;
    line-height: 1px;
    border-bottom: 1px solid #cdd7e8; }

@media (max-width: 793px) {
  .inbox-filters {
    overflow: hidden; }
  .left-side-filters.tabs .fa-chevron-down {
    display: none; }
  .left-side-filters.tabs:not(.expanded) .fa-chevron-down {
    display: block; }
  .left-side-filters.tabs:not(.expanded) li {
    display: none; }
    .left-side-filters.tabs:not(.expanded) li.active {
      display: block;
      border-bottom: 0 !important; }
      .left-side-filters.tabs:not(.expanded) li.active:after {
        content: none; } }

pb-label-assign form {
  padding: 0 !important;
  display: inline; }
  pb-label-assign form label {
    font-weight: normal;
    color: #555;
    padding-left: 5px; }
    pb-label-assign form label .fa {
      color: #EE9126;
      margin-left: -5px; }
  pb-label-assign form select.form-control {
    border: 0 solid transparent;
    margin-left: 3px;
    padding: 0;
    max-width: 80px; }

.compose-message-container .reminder {
  z-index: 10;
  position: absolute;
  left: 10px !important;
  bottom: 140px !important;
  padding: 10px;
  background-color: white;
  box-shadow: 3px 5px 10px 2px #CBCBCB;
  border: 1px solid #EDF0F6; }
  .compose-message-container .reminder label, .compose-message-container .reminder input {
    display: block;
    width: 100%;
    margin: 3px 0; }

.compose-message-container .reminder-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  background-color: transparent; }

.stickers-selector {
  position: absolute;
  top: 10px;
  right: 100px;
  background-color: white;
  border: solid 1px #ccc;
  padding: 3px 15px 3px 3px;
  z-index: 6; }
  .stickers-selector sticker {
    display: inline-block;
    font-size: 1.5rem;
    margin: 3px;
    opacity: 0.3; }
    .stickers-selector sticker.applied, .stickers-selector sticker:hover {
      opacity: 1; }
  .stickers-selector .close-stickers-selector {
    font-size: 1.5rem;
    position: absolute;
    top: 3px;
    right: 3px; }
  .compose-message-container .stickers-selector {
    padding: 0;
    width: 200px; }
    .compose-message-container .stickers-selector sticker {
      font-size: 10px; }
      .compose-message-container .stickers-selector sticker i {
        font-size: 15px; }
      .compose-message-container .stickers-selector sticker span.sticker span {
        line-height: 10px; }
  .compose-message-container .toolbar .stickers-selector {
    left: 10px;
    bottom: 30px;
    top: unset; }
    .compose-message-container .toolbar .stickers-selector sticker {
      font-size: 1.75rem !important; }

.signup-org-chart h2 {
  text-align: center; }

.signup-org-chart input.thin {
  padding-top: 10px;
  padding-bottom: 10px; }

.signup-org-chart org-chart .orgchart {
  overflow: auto;
  margin: 10px 0;
  width: 100%;
  margin: 0;
  min-height: 500px; }
  .signup-org-chart org-chart .orgchart .node .edge {
    display: none; }

.fake-chatbot {
  display: block;
  position: fixed;
  bottom: 0;
  right: 20px;
  border: 1px solid #EE9126;
  width: 300px;
  font-size: 16px; }
  .fake-chatbot.collapsed {
    width: 100px;
    border-radius: 5px 5px 0 0; }
  .fake-chatbot .header {
    background: #EE9126;
    text-align: center;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    cursor: pointer; }
  .fake-chatbot .messages {
    height: 400px;
    background-color: #fff; }
    .fake-chatbot .messages ul {
      list-style: none;
      padding: 10px;
      overflow: auto;
      height: 400px; }
      .fake-chatbot .messages ul li {
        line-height: 30px; }
        .fake-chatbot .messages ul li.bot {
          color: #666; }
        .fake-chatbot .messages ul li.user {
          font-weight: bold;
          text-align: right; }
  .fake-chatbot .footer form {
    padding: 0; }
  .fake-chatbot .footer input {
    width: 84%; }

.import-rules h2 {
  text-align: center; }

.import-rules .exclude-keywords {
  margin-bottom: 1em; }

.import-rules .chip {
  display: inline-block;
  border: solid 1px #EE9126;
  padding: 1em;
  margin-right: 1em;
  border-radius: 0.5em; }
  .import-rules .chip .chip-close {
    margin-left: 1em;
    cursor: pointer;
    color: #EE9126; }

.select-modules h2 {
  text-align: center; }

.cytoscape-container {
  height: 40vh;
  width: 100%; }

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