@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,400italic);
/*
 * This vars file is based off of Bootstrap. Not all vars are used.
 *
 * The most obviously unused ones (e.g., modal windows, etc) were removed.
 * There are some vars that remain that are not actually used but
 * perhaps should be. E.g. using dropdown colours.
 */
/******************************
 Greyscale colours
 *******************************/
/******************************
 Colours
 ******************************/
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover
 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }
  .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }
  .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }
/*
 Use these classnames in your HTML markup:
 as-no-dpui:
 Add to things that are meant to be displayed when NOT using enhanced UI controls. These are fallback controls.
 as-dpui:
 Add to things that ARE enhanced controls. These are typically added during pageload with JS.
 with-dpx:
 Add to containers that may or may not contain enhanced controls.
 The contents of these elements are hidden until after the page is done loading. This
 reduces the "flash" as JS runs to enhance controls.
 If there are many elements on a page, you might consider putting this on a 'high'
 parent (e.g., a <form>) to hide the entire contents until page load.
 */
body .as-no-dpui {
  display: block; }

body .as-dpui {
  display: none; }

body.with-dpui .as-no-dpui {
  display: none; }

body.with-dpui .as-dpui {
  display: block; }

body.with-js .with-dpx {
  visibility: hidden; }

body.with-js .with-dpx {
  visibility: hidden; }

.without-dpui .dpx-placeholder {
  display: none; }

body.with-js.with-dpui.with-pageload-dpx-done .dpx-placeholder {
  display: none; }

body.with-js.without-dpui.with-pageload-done .with-dpx {
  visibility: visible; }

body.with-js.with-dpui.with-pageload-dpx-done .with-dpx {
  visibility: visible; }

body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #333;
  font-size: 13px;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1.75em;
  text-align: left; }

.dp-page-body {
  padding: 20px; }

@media screen and (max-width: 760px) {
  .dp-page-body {
    padding: 0;
    padding-top: 50px; } }

*, *:before, *:after {
  box-sizing: border-box; }

.world {
  padding: 15.6px;
  padding-top: 15.6px;
  background: #fff; }

@media screen and (max-width: 760px) {
  .world {
    padding: 0 10px; } }

a {
  color: #3ca2a2; }

p {
  margin: 0;
  padding: 0; }

ul h1 {
  font-weight: normal; }

strong {
  font-weight: bold; }

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  color: #404040;
  font-family: inherit; }

h2 {
  font-size: 1em; }

[type="submit"], button {
  cursor: pointer;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 13px; }

header h1 {
  font-weight: normal;
  font-size: 1.75em; }

h2 {
  font-weight: normal; }

hr {
  height: 1px;
  border: 0;
  background: #e6e6e6; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.titled-header, .titled-header-left {
  position: relative;
  margin-bottom: 10px;
  padding-left: 0;
  border-bottom: 1px solid #e6e6e6;
  text-align: center; }
  .titled-header h1, .titled-header-left h1, .titled-header h2, .titled-header-left h2 {
    position: relative;
    top: 10px;
    z-index: 100;
    display: inline-block;
    padding-right: 1em;
    padding-left: 1em;
    color: #333;
    background: #fff;
    font-weight: normal;
    font-size: 1.1em; }
  .titled-header.minor, .titled-header-left.minor {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px; }
    .titled-header.minor h1, .titled-header-left.minor h1, .titled-header.minor h2, .titled-header-left.minor h2 {
      padding-left: 0; }

.titled-header-left {
  margin-top: 5px;
  margin-bottom: 35px;
  padding-left: 0;
  text-align: left; }
  .titled-header-left h1, .titled-header-left h2 {
    padding-left: 12px; }

.section-header {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 0; }
  @media screen and (max-width: 760px) {
  .section-header {
    margin-bottom: 15px;
    text-align: center; } }

.section-subheader {
  margin-top: 15px;
  margin-bottom: 30px;
  padding-left: 12px; }

.section-body {
  padding-left: 12px; }

section {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  section::after {
    clear: both;
    content: "";
    display: table; }

.world {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  .world::after {
    clear: both;
    content: "";
    display: table; }

.with-1-column .column, .with-1-columns .column {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }
  .with-1-column .column:last-child, .with-1-columns .column:last-child {
    margin-right: 0; }

.with-2-columns .column {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  .with-2-columns .column:last-child {
    margin-right: 0; }
  @media screen and (max-width: 850px)  {
    .with-2-columns .column {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 100%; }
      .with-2-columns .column:last-child {
        margin-right: 0; } }

.with-3-columns .column {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
  .with-3-columns .column:last-child {
    margin-right: 0; }
  @media screen and (max-width: 850px)  {
    .with-3-columns .column {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 100%; }
      .with-3-columns .column:last-child {
        margin-right: 0; } }

.column-full {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }
  .column-full:last-child {
    margin-right: 0; }

.column-half {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
  .column-half:last-child {
    margin-right: 0; }
  @media screen and (max-width: 850px)  {
  .column-half {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
    .column-half:last-child {
      margin-right: 0; } }

.column-third {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
  .column-third:last-child {
    margin-right: 0; }
  @media screen and (max-width: 850px)  {
  .column-third {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
    .column-third:last-child {
      margin-right: 0; } }

.column-sixth {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%; }
  .column-sixth:last-child {
    margin-right: 0; }
  @media screen and (max-width: 850px)  {
  .column-sixth {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
    .column-sixth:last-child {
      margin-right: 0; } }

.column-half-plus {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%; }
  .column-half-plus.wide {
    width: 100%; }
  .column-half-plus:last-child {
    margin-right: 0; }
  @media screen and (max-width: 850px)  {
  .column-half-plus {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
    .column-half-plus:last-child {
      margin-right: 0; } }

.sidebar {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%;
  margin-right: 0; }
  @media screen and (max-width: 850px)  {
  .sidebar {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
    .sidebar:last-child {
      margin-right: 0; } }
  .sidebar:last-child {
    margin-right: 0; }

.column-half-with-sidebar {
  float: left;
  display: block;
  margin-right: 3.16844%;
  width: 48.41578%; }
  .column-half-with-sidebar:last-child {
    margin-right: 0; }

.column-third-with-sidebar {
  float: left;
  display: block;
  margin-right: 3.16844%;
  width: 31.22104%; }
  .column-third-with-sidebar:last-child {
    margin-right: 0; }

.omega {
  margin-right: 0; }

.divide-left {
  padding-left: 20px;
  border-left: 1px dashed #e6e6e6; }
  @media screen and (max-width: 760px) {
  .divide-left {
    border-left: 0;
    padding-left: 0; } }

.container, .row {
  display: block; }
  .container::after, .row::after {
    clear: both;
    content: "";
    display: table; }

.relative-height {
  height: 100%;
  position: relative; }

.upload-avatar {
  position: relative;
  position: relative;
  display: inline-block;
  padding: 1em 2em;
  padding-left: 140px;
  padding-left: 50px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  background: #fff;
  color: #333;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  line-height: 1em;
  line-height: 1em; }
  .upload-avatar img {
    position: absolute;
    top: 5px;
    left: 5px;
    max-width: 30px;
    max-height: 30px;
    vertical-align: middle; }

button, .button, .switch-link, input[type="submit"] {
  border: 0;
  border-radius: 2px;
  background: #3c94a2;
  position: relative;
  display: inline-block;
  padding: 1em 1.7em;
  width: auto;
  border-radius: 2px;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  line-height: 1em;
  text-align: center;
  margin-right: 10px; }
  @media screen and (max-width: 760px) {
  button:not(.button-small), .button:not(.button-small), .switch-link:not(.button-small), input[type="submit"]:not(.button-small) {
    display: block;
    margin-bottom: 10px;
    width: 100%; } }
  button.disabled, .button.disabled, .switch-link.disabled, input[type="submit"].disabled {
    border: 0;
    border-radius: 2px;
    background: #7a7a7a; }
  button.right, .button.right, .switch-link.right, input[type="submit"].right {
    float: right; }
  button.button-small, .button.button-small, .switch-link.button-small, input[type="submit"].button-small {
    padding: 0.5em 1em; }
  button.button-plain, .button.button-plain, .switch-link.button-plain, input[type="submit"].button-plain {
    border-bottom: 0;
    background: none;
    color: #333;
    text-shadow: none; }
  button.cancel, .button.cancel, .switch-link.cancel, input[type="submit"].cancel {
    border-bottom: 1px solid #fff;
    background: none;
    color: #333;
    text-shadow: none; }
  button.button-blank, .button.button-blank, .switch-link.button-blank, input[type="submit"].button-blank {
    position: relative;
    border: 1px solid #999;
    background: none;
    color: #ccc;
    text-shadow: none; }
  button.button-secondary, .button.button-secondary, .switch-link.button-secondary, input[type="submit"].button-secondary {
    background: #7a7a7a; }
  button.button-dropdown, button.button-dropdown-activated, button.button.button-dropdown-activated, button.switch-link.button-dropdown-activated, input[type="submit"].button-dropdown-activated, .button.button-dropdown, .switch-link.button-dropdown, button.button-dropdown-activated.switch-link, .button.button-dropdown-activated.switch-link, .switch-link.button-dropdown-activated.switch-link, input[type="submit"].button-dropdown-activated.switch-link, button.button-dropdown-activated.button, .button.button-dropdown-activated, .switch-link.button-dropdown-activated, input[type="submit"].button-dropdown-activated.button, input.switch-link[type="submit"].button-dropdown-activated, input[type="submit"].button-dropdown, button.button-dropdown-activated[type="submit"], input.button.button-dropdown-activated[type="submit"], input.switch-link.button-dropdown-activated[type="submit"] {
    position: relative;
    border: 1px solid #e6e6e6;
    background: none;
    color: #333;
    text-shadow: none; }
  button.button-dropdown .extra, button.button-dropdown-activated .extra, button.button.button-dropdown-activated .extra, button.switch-link.button-dropdown-activated .extra, input[type="submit"].button-dropdown-activated .extra, .button.button-dropdown .extra, .switch-link.button-dropdown .extra, button.button-dropdown-activated.switch-link .extra, .button.button-dropdown-activated.switch-link .extra, .switch-link.button-dropdown-activated.switch-link .extra, input[type="submit"].button-dropdown-activated.switch-link .extra, button.button-dropdown-activated.button .extra, .button.button-dropdown-activated .extra, .switch-link.button-dropdown-activated .extra, input[type="submit"].button-dropdown-activated.button .extra, input.switch-link[type="submit"].button-dropdown-activated .extra, input[type="submit"].button-dropdown .extra, button.button-dropdown-activated[type="submit"] .extra, input.button.button-dropdown-activated[type="submit"] .extra, input.switch-link.button-dropdown-activated[type="submit"] .extra {
    position: relative;
    left: 10px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #e6e6e6; }
    @media screen and (max-width: 760px) {
    button.button-dropdown .extra, button.button-dropdown-activated .extra, button.button.button-dropdown-activated .extra, button.switch-link.button-dropdown-activated .extra, input[type="submit"].button-dropdown-activated .extra, .button.button-dropdown .extra, .switch-link.button-dropdown .extra, button.button-dropdown-activated.switch-link .extra, .button.button-dropdown-activated.switch-link .extra, .switch-link.button-dropdown-activated.switch-link .extra, input[type="submit"].button-dropdown-activated.switch-link .extra, button.button-dropdown-activated.button .extra, .button.button-dropdown-activated .extra, .switch-link.button-dropdown-activated .extra, input[type="submit"].button-dropdown-activated.button .extra, input.switch-link[type="submit"].button-dropdown-activated .extra, input[type="submit"].button-dropdown .extra, button.button-dropdown-activated[type="submit"] .extra, input.button.button-dropdown-activated[type="submit"] .extra, input.switch-link.button-dropdown-activated[type="submit"] .extra {
      position: absolute;
      right: 15px;
      left: auto; } }
  button.button-open, .button.button-open, .switch-link.button-open, input[type="submit"].button-open {
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    color: #3c94a2; }
  button.button-open i, .button.button-open i, .switch-link.button-open i, input[type="submit"].button-open i {
    margin-left: 10px; }
  button.button-dropdown-activated, .button.button-dropdown-activated, .switch-link.button-dropdown-activated, input[type="submit"].button-dropdown-activated {
    position: relative;
    z-index: 100;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff; }
  button.auth, .button.auth, .switch-link.auth, input[type="submit"].auth {
    margin-bottom: 5px; }
  button.auth i, .button.auth i, .switch-link.auth i, input[type="submit"].auth i {
    position: relative;
    top: 2px;
    margin-right: 4px;
    font-size: 1.3em;
    line-height: 1px; }
  button.auth-one, .button.auth-one, .switch-link.auth-one, input[type="submit"].auth-one {
    border: 0;
    border-radius: 2px;
    background: #008ca9; }
  button.auth-facebook, .button.auth-facebook, .switch-link.auth-facebook, input[type="submit"].auth-facebook {
    border: 0;
    border-radius: 2px;
    background: #4c6fac; }
  button.auth-twitter, .button.auth-twitter, .switch-link.auth-twitter, input[type="submit"].auth-twitter {
    border: 0;
    border-radius: 2px;
    background: #00bae4; }
  button.auth-google, .button.auth-google, .switch-link.auth-google, input[type="submit"].auth-google {
    border: 0;
    border-radius: 2px;
    background: #d6452e; }
  button.button-reply:before, .button.button-reply:before, .switch-link.button-reply:before, input[type="submit"].button-reply:before {
    position: absolute;
    top: 40%;
    left: -8px;
    display: block;
    width: 0;
    border: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid #3c94a2;
    background: none;
    content: " "; }
  button.button-resolved, .button.button-resolved, .switch-link.button-resolved, input[type="submit"].button-resolved {
    border: 0;
    border-radius: 2px;
    background: #1a3f45; }

.content-list-wrap.simple ul.content-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .content-list-wrap.simple ul.content-list > li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 12px 0;
    margin-bottom: 0.3em;
    padding: 0 1.2em;
    font-weight: normal;
    line-height: 1.3em; }
    @media screen and (max-width: 760px) {
    .content-list-wrap.simple ul.content-list > li {
      padding-left: 10px; } }
    .content-list-wrap.simple ul.content-list > li i {
      margin-right: 5px;
      color: #7a7a7a;
      position: relative;
      top: -1px; }
    .content-list-wrap.simple ul.content-list > li a {
      margin-bottom: 5px;
      color: #333;
      text-decoration: none; }
      .content-list-wrap.simple ul.content-list > li a i {
        margin-right: 5px;
        color: #7a7a7a;
        position: relative;
        top: -1px; }
      .content-list-wrap.simple ul.content-list > li a:hover {
        color: #333;
        text-decoration: underline; }
  .content-list-wrap.simple ul.content-list.no-padding > li {
    padding: 0; }
  .content-list-wrap.simple.as-news ul.content-list li:before {
    content: "";
    position: inherit;
    top: 0;
    left: 0; }

.sidebar-container {
  margin-top: 20px;
  margin-bottom: 20px; }

.sidebar-content {
  padding-left: 5px;
  padding-right: 5px; }

.sidebar-news-calendar {
  vertical-align: top;
  line-height: 1em; }
  .sidebar-news-calendar .year-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    width: 65px;
    vertical-align: top; }
  .sidebar-news-calendar .year-list > li {
    margin-bottom: 20px;
    text-align: right; }
  .sidebar-news-calendar a {
    display: block;
    color: #333; }
  .sidebar-news-calendar .year-list a {
    padding-top: 2px;
    padding-right: 10px;
    border-right: 2px solid #e6e6e6; }
  .sidebar-news-calendar a:hover .year, .sidebar-news-calendar a.active .year {
    color: #3c94a2; }
  .sidebar-news-calendar a:hover .count, .sidebar-news-calendar a.active .count {
    color: #333; }
  .sidebar-news-calendar .year {
    display: block;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 1.1em; }
  .sidebar-news-calendar .count {
    display: block;
    color: #7a7a7a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.7em; }
  .sidebar-news-calendar .month-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    border-left: 2px solid #e6e6e6;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px; }
  .sidebar-news-calendar .month-list li {
    position: relative;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    border: 2px solid rgba(0, 0, 0, 0); }
    .sidebar-news-calendar .month-list li a {
      color: #3c94a2; }
      .sidebar-news-calendar .month-list li a span {
        color: #7a7a7a; }

.sidebar {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  border-left: 2px solid #e6e6e6;
  border-right: 2px solid #e6e6e6; }
  @media screen and (max-width: 760px) {
  .sidebar {
    padding-left: 0;
    border-left: 0; } }
  .sidebar .button, .sidebar .switch-link {
    width: 100%;
    text-align: center; }
  .sidebar hr {
    margin-top: 15px;
    margin-bottom: 15px;
    height: 1px;
    border: 0;
    background: #e6e6e6; }
  .sidebar h1 {
    margin-bottom: 12px;
    color: #333;
    font-weight: bold;
    font-size: 1.05em; }
  .sidebar h1:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: #333;
    margin-top: 3px; }
  @media screen and (max-width: 760px) {
    .sidebar h1 {
      text-align: center; } }
  .sidebar h2 {
    font-weight: bold; }
  .sidebar p {
    font-size: 0.95em;
    line-height: 1.4em; }
  .sidebar .sidebar-user-welcome ul {
    font-size: 13px; }
  .sidebar .sidebar-user-welcome h1 {
    margin-left: 35px;
    position: relative; }
    .sidebar .sidebar-user-welcome h1 .agent-avatar {
      width: 23px;
      height: 23px;
      position: absolute;
      left: -35px;
      top: 5px; }
  .sidebar .sidebar-user-welcome li {
    padding: 2px 0; }
  .sidebar .sidebar-user-welcome a {
    color: #333; }
    .sidebar .sidebar-user-welcome a i {
      display: inline-block;
      width: 20px;
      text-align: center;
      color: #7a7a7a; }
  .sidebar .sidebar-user-welcome a:hover span {
    text-decoration: underline; }
  .sidebar .sidebar-nav-list {
    font-size: 13px; }
  .sidebar .sidebar-nav-list li {
    padding: 2px 0; }
  .sidebar .sidebar-nav-list a {
    color: #333; }
    .sidebar .sidebar-nav-list a i {
      display: inline-block;
      width: 20px;
      text-align: center;
      color: #7a7a7a; }
  .sidebar .sidebar-nav-list a:hover {
    color: #333; }
    .sidebar .sidebar-nav-list a:hover span {
      text-decoration: underline; }
  .sidebar .sidebar-nav-list a.active {
    color: #333; }
    .sidebar .sidebar-nav-list a.active i {
      color: inherit; }
  .sidebar .large-title {
    margin-bottom: 0;
    border-bottom: 0; }
  .sidebar .large-title h1 {
    top: 0;
    left: 0;
    margin-bottom: 10px;
    padding: 0; }
  .sidebar .panel-tiny ul {
    margin-left: 0; }
  .sidebar ul {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    list-style: none; }
  .sidebar ul a {
    padding-right: 3px;
    text-decoration: none; }
    .sidebar ul a:hover .focus {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      color: #1a3f45;
      opacity: 1; }
      .sidebar ul a:hover .focus:after {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        background: #1a3f45; }
  .sidebar ul .focus {
    position: relative;
    top: -1px;
    padding-bottom: 0;
    color: #555;
    font-weight: 700;
    font-size: 13px;
    line-height: 0.8em;
    opacity: 0.8; }
    .sidebar ul .focus:after {
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 2px;
      background: #7a7a7a;
      content: " "; }

.agents-online ul li {
  margin-bottom: 10px; }
  .agents-online ul.simple li {
    display: inline-block; }
    .agents-online ul.simple li span.agent-avatar {
      box-sizing: content-box;
      border: 3px solid #fff; }
      .agents-online ul.simple li span.agent-avatar:hover {
        border: 3px solid #1a3f45;
        cursor: pointer; }

.get-in-touch h2 {
  margin-top: 10px; }

.link-solo {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  font-size: 1.1em; }
  .link-solo i {
    margin-right: 5px;
    font-size: 1.1em; }

.link-facebook {
  color: #4c6fab; }

.link-twitter {
  color: #6eb9e4; }

.sidebar-list ul a {
  display: block;
  margin-bottom: 5px;
  color: #333;
  line-height: 1.5em; }
  .sidebar-list ul li {
    margin-bottom: 5px; }
  .sidebar-list ul.simple li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .sidebar-list ul.simple-ticket li a {
    padding-left: 25px;
    background: url(../img/icon-article.png) no-repeat center left; }
  .sidebar-list ul.simple-chat li a i {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    color: #7a7a7a;
    text-align: center; }
  .sidebar-list .meta {
    display: block;
    color: #7a7a7a;
    font-size: 13px;
    line-height: 1em; }
  .sidebar-list .meta span:first-of-type {
    margin-left: 5px; }
  .sidebar-list .button, .sidebar-list .switch-link {
    margin-top: 10px; }

.satisfaction-meta {
  margin-top: 5px;
  font-weight: bold; }
  .satisfaction-meta span {
    color: #1a3f45; }

.happy-faces {
  margin-top: 10px;
  padding: 5px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  text-align: center; }
  .happy-faces span {
    display: inline-block;
    margin-top: 5px;
    margin-right: 2%;
    width: 16%;
    height: 20px; }
  .happy-faces .happy {
    background: no-repeat center url(../img/icon-face-happy.png); }
  .happy-faces .unhappy {
    background: no-repeat center url(../img/icon-face-unhappy.png); }
  .happy-faces .so-and-so {
    background: no-repeat center url(../img/icon-face-so-and-so.png); }

.knowledge-base {
  margin-top: 30px;
  padding: 10px;
  border-top: 1px dashed #e6e6e6; }
  .knowledge-base p {
    opacity: 0.75; }

.panel-tiny ul {
  display: block;
  margin: 0;
  margin-left: 10px;
  padding: 0;
  font-weight: normal; }
  .panel-tiny ul li i[class*=" fa-file-"] {
    margin-right: 5px; }
  .panel-tiny ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    height: 2em; }
    .panel-tiny ul li a {
      color: #333;
      text-decoration: none;
      vertical-align: middle; }
      .panel-tiny ul li a:hover {
        color: #333;
        text-decoration: underline; }
  .panel-tiny .large-title {
    margin-bottom: 15px;
    font-size: 1em; }

.top-bar {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0;
  margin-bottom: 10px;
  color: #333;
  position: relative;
  width: 100%; }
  .top-bar::after {
    clear: both;
    content: "";
    display: table; }
  .top-bar .logo {
    max-height: 100px; }
  @media screen and (max-width: 760px) {
  .top-bar {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    text-align: left;
    margin-top: 10px;
    padding: 0;
    display: block; }
    .top-bar .brand {
      padding: 5px;
      padding-right: 30px; }
      .top-bar .brand a {
        display: block; }
      .top-bar .brand h1 {
        font-size: 1.75em;
        font-weight: bold; } }
  .top-bar .register-or-signup {
    font-size: inherit;
    text-transform: uppercase; }
  @media screen and (max-width: 760px) {
    .top-bar .register-or-signup {
      display: none; } }
  .top-bar .register-or-signup span hr {
    display: inline-block;
    width: 5px;
    height: 1px;
    background: #e6e6e6;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -1px; }
  .top-bar .brand {
    display: inline-block;
    vertical-align: bottom;
    text-align: left; }
  .top-bar .brand a {
    color: inherit;
    text-decoration: none; }
  @media screen and (max-width: 760px) {
    .top-bar .brand {
      min-width: initial;
      float: none;
      display: block; } }
  .top-bar.with-logo-img ul {
    float: none;
    text-align: right; }
  .top-bar ul {
    display: block;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #7a7a7a;
    float: right; }
  .top-bar ul .mobile-expand {
    display: none; }
  @media screen and (max-width: 760px) {
    .top-bar ul {
      display: block;
      width: 100%; }
      .top-bar ul .hideable.hidden {
        display: none; }
      .top-bar ul .mobile-expand {
        display: inline-block;
        z-index: 299;
        position: absolute;
        right: 12px;
        top: 39px;
        opacity: 0.5; }
        .top-bar ul .mobile-expand:hover {
          opacity: 1;
          cursor: pointer; } }
  .top-bar ul .disc {
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #7a7a7a;
    border-radius: 10px;
    position: relative;
    top: -2px;
    margin: 0 6px; }
  .top-bar ul .item-logout {
    margin-left: 6px; }
    @media screen and (max-width: 760px) {
    .top-bar ul .item-logout {
      margin-left: 0; }
      .top-bar ul .item-logout a {
        margin-right: 0; } }
  .top-bar ul li {
    display: inline-block; }
    @media screen and (max-width: 760px) {
    .top-bar ul li {
      display: block;
      width: 100%; } }
  .top-bar ul li.welcome {
    font-size: 0.9em;
    font-weight: bold; }
    .top-bar ul li.welcome .agent-avatar {
      position: relative;
      top: -1px; }
  @media screen and (max-width: 760px) {
    .top-bar ul li.register-greeting {
      border-bottom: 1px solid #e6e6e6; }

    .top-bar ul li.welcome {
      text-transform: none;
      font-size: 13px;
      border-bottom: 1px solid #e6e6e6;
      display: block;
      width: 100%; }
      .top-bar ul li.welcome:last-child {
        border-bottom: 0; }
      .top-bar ul li.welcome .agent-greeting {
        display: block;
        padding: 5px;
        border-top: 1px solid #e6e6e6;
        cursor: pointer; }
        .top-bar ul li.welcome .agent-greeting .agent-avatar {
          margin-right: 2px;
          top: -2px; }
      .top-bar ul li.welcome .profile-link {
        border-top: 1px solid #e6e6e6; }
      .top-bar ul li.welcome a {
        display: block;
        font-size: inherit;
        text-decoration: none;
        padding: 5px; }
      .top-bar ul li.welcome .disc {
        display: none; } }
  .top-bar ul .button-small {
    display: inline-block;
    position: relative;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    color: #7a7a7a;
    text-decoration: none;
    line-height: 1em;
    padding: 7px 14px;
    font-size: 0.85em;
    font-weight: bold;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px; }
    @media all and (-ms-high-contrast: none) {
    .top-bar ul .button-small {
      padding-top: 5px; } }
    @media screen and (max-width: 760px) {
    .top-bar ul .button-small {
      display: block;
      margin-left: 0;
      border-radius: 0;
      padding: 10px 5px; } }
    .top-bar ul .button-small .fa-caret-down {
      margin-left: 4px;
      line-height: 4px;
      position: relative;
      top: 0; }
  .top-bar ul .language-changer-widget:hover .language-dropdown, .top-bar ul .language-changer-widget .language-dropdown:hover {
    display: block; }
  @media screen and (max-width: 760px) {
    .top-bar ul .normal-form {
      display: block; }

    .top-bar ul .dp-react-widget {
      display: none; }

    .top-bar ul .language-changer-widget {
      display: none; } }
  .top-bar ul .language-changer-widget .button-small.button-language {
    padding-left: 35px;
    white-space: nowrap;
    border: none; }
    .top-bar ul .language-changer-widget .button-small.button-language img {
      position: absolute;
      top: 6px;
      left: 5px;
      height: 13px; }
    .top-bar ul .language-changer-widget .language-dropdown {
      display: none;
      position: absolute;
      top: 35px;
      right: 0;
      border: 1px solid #e6e6e6;
      min-width: 110px;
      z-index: 999;
      background: #fff; }
    .top-bar ul .language-changer-widget .language-dropdown ul {
      margin: 0;
      padding: 0;
      width: 100%;
      list-style: none; }
    .top-bar ul .language-changer-widget .language-dropdown li {
      display: block; }
    .top-bar ul .language-changer-widget .language-dropdown a {
      display: inline-block;
      position: relative;
      width: 100%;
      color: #7a7a7a;
      text-decoration: none;
      line-height: 1em;
      padding: 7px 14px;
      text-transform: uppercase;
      font-weight: bold;
      cursor: pointer;
      text-align: left;
      padding-left: 35px;
      text-decoration: none; }
    .top-bar ul .language-changer-widget .language-dropdown a:hover {
      background: #f2f2f2; }
    .top-bar ul .language-changer-widget .language-dropdown a img {
      top: 5px;
      position: absolute;
      left: 5px;
      height: 13px; }
  .top-bar ul .button-small.button-marked {
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #7a7a7a;
    font-size: inherit; }
    .top-bar ul .button-small.button-marked:hover {
      background: #f2f2f2;
      border: 1px solid #e6e6e6;
      color: #333; }
    @media screen and (max-width: 760px) {
    .top-bar ul .button-small.button-marked {
      display: block;
      padding: 10px 5px;
      font-size: inherit;
      text-transform: none; } }

.live-results-container {
  position: absolute;
  top: 60px;
  z-index: 999;
  display: none; }
  .live-results-container.show {
    display: block; }

#omnisearch input.omnisearch::-ms-clear {
  display: none; }

.search-box-results {
  width: 585px;
  display: block;
  background: #f9f9f9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  .search-box-results a.omnisearch-type {
    cursor: pointer; }
  .search-box-results header {
    padding: 10px 15px;
    padding-bottom: 0;
    border-top: 1px solid #e6e6e6;
    text-transform: uppercase; }
  .search-box-results .text-tag, .search-box-results .rating-tag, .search-box-results .comment-tag, .search-box-results .date-tag {
    top: -1px;
    margin-right: 4px;
    background: #2d672d;
    font-weight: bold; }
  .search-box-results .pagination {
    margin-left: 10px; }
  .search-box-results .pagination a {
    cursor: pointer; }

.live-search-meta {
  padding: 10px;
  width: 100%;
  text-align: center; }
  .live-search-meta::after {
    clear: both;
    content: "";
    display: table; }
  .live-search-meta a {
    display: inline-block;
    margin: 0 5px;
    min-width: 140px; }
  .live-search-meta div {
    position: relative;
    top: -2px;
    margin-bottom: 10px;
    line-height: 1em;
    opacity: 0.5; }

.result-count {
  color: #333; }

.result-filter {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  float: right;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px; }
  .result-filter a {
    color: #333;
    text-decoration: none; }
  .result-filter i {
    color: #1a3f45; }
  .result-filter li {
    display: inline-block;
    margin-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #e6e6e6; }
  .result-filter li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none; }

.result-list .focus {
  color: #333;
  font-weight: bold; }
  .result-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.95em; }
  .result-list i {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    text-align: center;
    opacity: 0.5; }
  .result-list a {
    display: block;
    padding: 6px 15px;
    color: inherit;
    text-decoration: none; }
  .result-list .alt {
    background: #f2f2f2; }

.search-and-ticket {
  height: 74px;
  background: #f2f2f2;
  display: table;
  width: 100%;
  margin-bottom: 10px; }
  .search-and-ticket form {
    margin: 0;
    padding: 0; }
  .search-and-ticket .search-form {
    display: table-cell;
    padding: 12px;
    position: relative; }
  @media screen and (max-width: 760px) {
    .search-and-ticket .search-form {
      padding-bottom: 0; } }
  .search-and-ticket .search-form .input-wrap {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 100%;
    padding-right: 200px; }
    @media screen and (max-width: 760px) {
    .search-and-ticket .search-form .input-wrap {
      padding-right: 160px; } }
    @media screen and (max-width: 460px) {
    .search-and-ticket .search-form .input-wrap {
      padding-right: 100px; } }
    .search-and-ticket .search-form .input-wrap [type="text"] {
      width: 100%;
      padding-right: 60px; }
    @media screen and (max-width: 460px) {
      .search-and-ticket .search-form .input-wrap [type="text"] {
        padding-right: 30px; } }
    .search-and-ticket .search-form .input-wrap .search-clear {
      position: absolute;
      top: 18px;
      right: 220px;
      color: #7a7a7a;
      line-height: 1em; }
    .search-and-ticket .search-form .input-wrap .search-clear:hover {
      color: #333; }
    @media screen and (max-width: 760px) {
      .search-and-ticket .search-form .input-wrap .search-clear {
        right: 200px; } }
    @media screen and (max-width: 460px) {
      .search-and-ticket .search-form .input-wrap .search-clear {
        right: 115px; } }
  .search-and-ticket .search-form button {
    position: absolute;
    top: 12px;
    right: 12px;
    bottom: 12px;
    width: 150px;
    cursor: pointer; }
    @media screen and (max-width: 460px) {
    .search-and-ticket .search-form button {
      width: 100px;
      min-width: 100px; } }
  .search-and-ticket .search-form .fa-search {
    position: absolute;
    top: 17px;
    left: 16px;
    color: #7a7a7a; }
  @media screen and (max-width: 760px) {
  .search-and-ticket .search-form {
    display: block;
    width: 100%; }
    .search-and-ticket .search-form .input-wrap {
      position: relative;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }

    .search-and-ticket .search-form .button, .search-and-ticket .search-form .switch-link {
      position: relative;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%; } }
  .search-and-ticket .expanded-search-results {
    position: absolute;
    top: 70px;
    left: 12px;
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    padding-top: 3px;
    z-index: 3000;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    min-width: 600px; }
  @media screen and (max-width: 760px) {
    .search-and-ticket .expanded-search-results {
      left: 0; } }
  @media screen and (max-width: 760px) {
    .search-and-ticket .expanded-search-results {
      min-width: 300px;
      width: 100%; } }
  .search-and-ticket .expanded-search-results:before, .search-and-ticket .expanded-search-results:after {
    content: "";
    position: absolute;
    top: 0;
    height: 3px;
    background: #f2f2f2;
    width: 60%; }
  .search-and-ticket .expanded-search-results:before {
    left: -1px; }
  .search-and-ticket .expanded-search-results:after {
    right: -1px; }
  .search-and-ticket .expanded-search-results .search-result-collection-loading, .search-and-ticket .expanded-search-results .search-result-collection-empty {
    height: 70px; }
    .search-and-ticket .expanded-search-results .search-result-collection {
      padding: 10px 20px;
      border-bottom: 1px solid #e6e6e6;
      position: relative;
      min-height: 70px; }
    .search-and-ticket .expanded-search-results .search-result-collection.single-line {
      min-height: initial; }
    .search-and-ticket .expanded-search-results .search-result-collection a:hover {
      text-decoration: none; }
    .search-and-ticket .expanded-search-results .search-result-collection a:hover .item-name {
      text-decoration: underline; }
  .search-and-ticket .expanded-search-results .search-result-collection-loading {
    background: url("../../assets/40617/pub/src/DeskPRO/Bundle/PortalBundle/Resources/img/search-spinner.gif");
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom: 1px solid #e6e6e6; }
    .search-and-ticket .expanded-search-results .search-result-collection-loading.inline-loading {
      border-bottom: 0; }
  .search-and-ticket .expanded-search-results .search-result-collection-empty {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px;
    padding-top: 15px; }
    .search-and-ticket .expanded-search-results .search-result-collection-empty div {
      border-radius: 2px;
      background: #f2f2f2;
      border: 1px solid #e6e6e6;
      padding: 6px; }
  .search-and-ticket .expanded-search-results .search-results-footer {
    text-align: center; }
    @media screen and (max-width: 460px) {
    .search-and-ticket .expanded-search-results .search-results-footer {
      padding: 6px 10px; } }
    .search-and-ticket .expanded-search-results .search-results-footer a {
      display: inline-block;
      font-weight: bold;
      text-align: center;
      border: 1px solid #e6e6e6;
      border-radius: 2px;
      background: #f2f2f2;
      padding: 10px 10px 0 10px;
      margin: 5px;
      text-decoration: none;
      color: #333; }
    @media screen and (max-width: 760px) {
      .search-and-ticket .expanded-search-results .search-results-footer a {
        display: block;
        width: 100%;
        text-align: left; }
        .search-and-ticket .expanded-search-results .search-results-footer a span {
          display: inline-block !important;
          margin: 0;
          padding-left: 10px; } }
    @media screen and (max-width: 460px) {
      .search-and-ticket .expanded-search-results .search-results-footer a {
        margin: 2px 0; } }
    .search-and-ticket .expanded-search-results .search-results-footer a i {
      color: #7a7a7a; }
    .search-and-ticket .expanded-search-results .search-results-footer a span {
      display: block;
      margin-top: 5px;
      text-transform: uppercase;
      font-size: 13px; }
    .search-and-ticket .expanded-search-results .search-results-footer a:hover {
      color: #333;
      text-decoration: underline; }
    .search-and-ticket .expanded-search-results .search-results-footer a:hover i {
      color: #333; }
  .search-and-ticket .expanded-search-results h1 {
    font-size: 13px;
    color: #333;
    text-transform: uppercase; }
  .search-and-ticket .expanded-search-results h1 > i {
    margin-right: 4px;
    color: #333;
    position: relative;
    top: -1px; }
  .search-and-ticket .expanded-search-results ul {
    margin: 0;
    margin-top: 2px;
    padding: 0;
    list-style: none;
    font-size: 0.85em;
    color: #404040; }
  .search-and-ticket .expanded-search-results ul a {
    text-decoration: none;
    color: inherit; }
    .search-and-ticket .expanded-search-results ul a:hover {
      text-decoration: underline;
      color: #3c94a2; }
  .search-and-ticket .expanded-search-results ul i {
    margin-right: 4px;
    color: #7a7a7a; }
  .search-and-ticket .expanded-search-results .feedback-mark {
    font-size: 13px;
    line-height: 1em;
    border: 1px solid #e6e6e6;
    padding: 2px 5px;
    font-weight: bold;
    margin-right: 5px;
    border-radius: 2px; }
    .search-and-ticket .expanded-search-results .feedback-mark i {
      margin-right: 2px; }
  .search-and-ticket .expanded-search-results .date-mark {
    font-size: 13px;
    line-height: 1em;
    border: 1px solid #e6e6e6;
    padding: 2px 5px;
    font-weight: bold;
    margin-right: 5px;
    border-radius: 2px;
    color: #7a7a7a;
    text-transform: uppercase; }
    .search-and-ticket .expanded-search-results .date-mark i {
      margin-right: 2px; }
  .search-and-ticket .expanded-search-results .search-match-mark {
    background: #fcf8e3;
    border-radius: 2px;
    padding: 2px 4px; }
  .search-and-ticket .expanded-search-results .search-results-show-more {
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    border-radius: 2px;
    color: #333;
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    line-height: 1em;
    padding: 4px 10px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2; }
    .search-and-ticket .expanded-search-results .search-results-show-more:hover {
      background: #f2f2f2; }
  .search-and-ticket [type="text"], .search-and-ticket [type="submit"] {
    display: block;
    float: left;
    margin: 0; }
  @media screen and (max-width: 760px) {
    .search-and-ticket [type="text"], .search-and-ticket [type="submit"] {
      float: initial; } }
  .search-and-ticket [type="text"] {
    background: #fff;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #d1d1d1;
    border-right: 0;
    font-size: 1em;
    padding: 10px;
    height: 50px;
    padding-left: 40px;
    font-size: 1em;
    max-width: none; }
  @media screen and (max-width: 760px) {
    .search-and-ticket [type="text"] {
      border-radius: 2px; } }
  .search-and-ticket [type="text"]:focus, .search-and-ticket [type="text"].active {
    border: 1px solid #3c94a2; }
    .search-and-ticket [type="text"]:focus::-webkit-input-placeholder, .search-and-ticket [type="text"].active::-webkit-input-placeholder {
      opacity: 0; }
    .search-and-ticket [type="text"]:focus::-moz-placeholder, .search-and-ticket [type="text"].active::-moz-placeholder {
      opacity: 0; }
    .search-and-ticket [type="text"]:focus:-moz-placeholder, .search-and-ticket [type="text"].active:-moz-placeholder {
      opacity: 0; }
    .search-and-ticket [type="text"]:focus:-ms-input-placeholder, .search-and-ticket [type="text"].active:-ms-input-placeholder {
      opacity: 0; }
  .search-and-ticket [type="submit"] {
    height: 50px;
    -webkit-border-top-left-radius: 0;
    -moz-border-topleft-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottomleft-radius: 0;
    border-bottom-left-radius: 0;
    background: #3c94a2;
    text-shadow: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); }
  .search-and-ticket [type="submit"]:hover {
    background: #35838f; }
  .search-and-ticket .search-or-ticket {
    display: table-cell;
    text-transform: uppercase;
    color: #7a7a7a;
    width: 25px;
    position: relative;
    text-align: center;
    vertical-align: middle; }
  @media screen and (max-width: 760px) {
    .search-and-ticket .search-or-ticket {
      display: none; } }
  .search-and-ticket .search-or-ticket span {
    font-size: 13px;
    line-height: 10px;
    font-weight: bold;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #f2f2f2;
    z-index: 300;
    left: 5px;
    top: 26px; }
  .search-and-ticket .search-and-ticket-dropdown {
    display: table-cell;
    padding: 12px;
    width: 255px;
    position: relative; }
  .search-and-ticket .search-and-ticket-dropdown a {
    text-decoration: none; }
  @media screen and (max-width: 760px) {
    .search-and-ticket .search-and-ticket-dropdown {
      display: none; } }
  .search-and-ticket .search-and-ticket-dropdown .dropdown-content {
    position: absolute;
    top: 62px;
    left: -4px;
    border: 1px solid #e6e6e6;
    padding-top: 3px;
    background: #f2f2f2;
    min-width: 231px;
    z-index: 3999; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content:before, .search-and-ticket .search-and-ticket-dropdown .dropdown-content:after {
      content: "";
      display: block;
      width: 55%;
      height: 3px;
      position: absolute;
      top: 0;
      background: #f2f2f2; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content:before {
      left: -1px; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content:after {
      right: -1px; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content .agent-avatar {
      border: 2px solid #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      margin-right: -8px; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content .fa-map-marker {
      position: relative;
      top: 2px; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content .flag {
      vertical-align: middle;
      margin-right: 2px; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li {
      border-bottom: 1px solid #e6e6e6; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li:last-child {
      border-bottom: 0; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li a {
      display: block;
      padding: 15px 10px;
      text-decoration: none;
      color: #333;
      position: relative;
      padding-left: 50px;
      line-height: 1em; }
      .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li a.disabled {
        cursor: default; }
        .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li a.disabled h1 {
          color: gray; }
      .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li a:not(.disabled):hover h1 {
        color: #3c94a2;
        text-decoration: underline; }
      .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li a h1 {
        font-size: 13px;
        color: #333;
        text-transform: uppercase;
        font-weight: bold;
        display: block;
        margin-bottom: 4px; }
      .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li a p {
        color: #333;
        font-size: 13px; }
      .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li a i {
        color: #333;
        font-size: 1.2em;
        position: absolute;
        left: 15px;
        top: 20px; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li .online-disc, .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li .offline-disc {
      display: inline-block;
      width: 5px;
      height: 5px;
      vertical-align: middle;
      margin-right: 4px;
      position: relative;
      top: -1px;
      border-radius: 19px;
      background: #5cb85c; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul li .offline-disc {
      background: #7a7a7a; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul .info {
      padding: 10px;
      background: #f2f2f2; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul .info h1 {
      display: block;
      font-size: 1.1em; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul .info img {
      max-height: 30px;
      margin-bottom: 8px; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul .info p {
      font-size: 0.85em;
      margin: 0;
      padding: 0;
      margin-bottom: 5px; }
      .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul .info p a {
        color: inherit; }
      .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul .info p i.fa-map-marker {
        color: #7a7a7a;
        margin-right: 8px;
        font-size: 1.3em; }
    .search-and-ticket .search-and-ticket-dropdown .dropdown-content ul .info strong {
      font-weight: bold;
      color: #333; }
  .search-and-ticket .search-and-ticket-dropdown .select-action {
    display: block;
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 1em;
    cursor: pointer;
    padding-right: 50px;
    padding-left: 0;
    text-align: center;
    height: 50px;
    line-height: inherit;
    background: #3c94a2;
    text-shadow: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); }
    .search-and-ticket .search-and-ticket-dropdown .select-action:hover {
      background: #35838f; }
    .search-and-ticket .search-and-ticket-dropdown .select-action.unpadded {
      padding-right: 7px; }
    .search-and-ticket .search-and-ticket-dropdown .select-action .fa-comments {
      position: relative;
      top: -1px;
      margin-right: 4px; }
    .search-and-ticket .search-and-ticket-dropdown .select-action .fa-thumbs-up {
      margin-right: 4px; }
    .search-and-ticket .search-and-ticket-dropdown .select-action .fa-life-ring {
      margin-right: 4px; }
    @media screen and (max-width: 760px) {
    .search-and-ticket .search-and-ticket-dropdown .select-action {
      float: initial; } }
  .search-and-ticket .search-and-ticket-dropdown .select-action-dropdown {
    background: rgba(0, 0, 0, 0.1);
    display: block;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 1em; }
    .search-and-ticket .search-and-ticket-dropdown .select-action-dropdown .fa-caret-down {
      position: relative;
      top: 18px; }

.search-form-suggestions {
  font-size: 13px;
  font-style: italic;
  color: #7a7a7a;
  line-height: 1.2em;
  padding-left: 10px;
  margin-bottom: 10px; }
  @media screen and (max-width: 760px) {
  .search-form-suggestions {
    display: none; } }
  .search-form-suggestions a {
    color: #7a7a7a; }

.tabs {
  margin-bottom: 20px;
  font-size: 13px; }
  .tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 20px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 1em; }
  .tabs ul::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 360px) {
    .tabs ul {
      border: 0; }
      .tabs ul li {
        display: block;
        width: 100%;
        border: 0 !important; }
        .tabs ul li a {
          padding: 10px;
          border: 1px solid rgba(0, 0, 0, 0.1);
          border-radius: 2px;
          margin: 2px 0; }
          .tabs ul li a .title {
            padding: 0;
            margin: 0; } }
  .tabs .title {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.1em; }
  .tabs .subtitle {
    color: #7a7a7a;
    font-size: 0.85em; }
  .tabs li {
    position: relative;
    top: 1px;
    display: block;
    float: left;
    border: 1px solid rgba(255, 255, 255, 0); }
  .tabs li .title {
    color: #7a7a7a; }
  .tabs li div {
    display: inline-block; }
  .tabs li:after {
    position: absolute;
    top: 10%;
    right: -2px;
    display: block;
    width: 1px;
    height: 80%;
    background: #e6e6e6;
    content: " "; }
    @media screen and (max-width: 360px) {
    .tabs li:after {
      display: none; } }
  .tabs li:last-child:after, .tabs li.tab-active:after {
    display: none; }
  .tabs li img {
    margin-top: 5px;
    margin-right: 7px;
    vertical-align: top;
    opacity: 0.3; }
  .tabs li:hover .title {
    color: #3c94a2; }
  .tabs li a {
    display: block;
    padding: 15px 20px 10px 20px;
    color: inherit;
    text-decoration: none; }
  .tabs li.active {
    border: 1px solid #e6e6e6;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    background: #fff; }
    .tabs li.active .title {
      color: #3c94a2; }
  .tabs li.tab-active {
    border: 1px solid #e6e6e6;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    background: #fff; }
    .tabs li.tab-active .title {
      color: #3c94a2; }
  .tabs li.tab-inactive .title {
    color: #7a7a7a; }
  .tabs li span {
    display: block; }

.secondary-tabs {
  position: relative; }
  @media screen and (max-width: 760px) {
  .secondary-tabs {
    margin-bottom: 50px; } }
  .secondary-tabs ul {
    padding-left: 0; }
  .secondary-tabs li.tab-active .title {
    color: #333; }
  .secondary-tabs li .title .text-tag, .secondary-tabs li .title .rating-tag, .secondary-tabs li .title .comment-tag, .secondary-tabs li .title .date-tag {
    position: relative;
    display: inline;
    top: 0;
    padding: 5px;
    margin-left: 4px;
    font-weight: bold;
    font-size: 0.75em; }
  .secondary-tabs li.tab-solo {
    position: absolute;
    right: 0;
    left: auto; }
  @media screen and (max-width: 760px) {
    .secondary-tabs li.tab-solo {
      left: 0;
      right: initial;
      top: 100%;
      margin-top: 10px; } }

hr.divider {
  margin-top: 15px;
  margin-bottom: 15px;
  height: 1px;
  border: 0;
  background: #e6e6e6; }

.padded {
  padding-left: 10px; }

.centered {
  text-align: center; }

.glossary-link {
  border-bottom: 1px dotted #333;
  color: #333;
  text-decoration: none;
  position: relative;
  cursor: pointer; }

header .category-jumper {
  position: relative;
  top: -1px;
  margin-right: 5px;
  margin-left: -10px;
  padding: 5px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  color: inherit;
  color: #333;
  font-size: 13px; }
  header .category-jumper i {
    font-size: 1em;
    opacity: 0.5; }

.tag-list {
  display: inline-block;
  margin-top: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 2px; }
  .tag-list .tag-list-header i {
    position: absolute;
    top: 2px;
    left: -10px;
    padding: 3px;
    background: #fff; }
  .tag-list ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .tag-list ul li {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #e6e6e6;
    color: #7a7a7a;
    vertical-align: middle;
    font-size: 13px; }
    .tag-list ul li:last-child {
      border-right: 0; }
  .tag-list ul a {
    color: #7a7a7a;
    text-decoration: none; }
  .tag-list ul a:hover {
    color: #333; }

.popup-tiny {
  position: absolute;
  right: 0;
  display: block;
  margin-bottom: 20px;
  padding: 10px;
  max-width: 250px;
  min-width: 250px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #333;
  z-index: 399; }
  .popup-tiny input[type="text"], .popup-tiny input[type="email"] {
    padding: 0.5em 0.75em;
    width: 100%;
    border: 1px solid #d1d1d1;
    border-radius: 2px; }
  .popup-tiny .button, .popup-tiny .switch-link {
    display: block;
    padding: 0.75em 0.75em;
    text-align: center; }
  .popup-tiny h1 {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.1em; }
  .popup-tiny ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px; }
  .popup-tiny a {
    text-decoration: none; }
  .popup-tiny a.not-selected {
    color: #333; }
  .popup-tiny a span {
    color: #7a7a7a; }
  .popup-tiny .popup-controls {
    position: absolute;
    top: 10px;
    right: 15px; }
  .popup-tiny .popup-controls a {
    color: #333;
    font-size: 13px; }
  .popup-tiny .select-dropdown {
    border: 1px solid #d1d1d1;
    position: absolute;
    top: 20px; }
  .popup-tiny .select-dropdown a {
    display: block;
    padding: 0.75em;
    border-radius: 2px;
    color: #333;
    line-height: 1em; }
    .popup-tiny .select-dropdown a:hover {
      color: #3ca2a2; }
  .popup-tiny .select-dropdown i {
    float: right;
    color: #333; }
  .popup-tiny .select-dropdown ul {
    margin-bottom: 0;
    border: 0; }
    .popup-tiny .select-dropdown ul li {
      border-top: 1px solid #d1d1d1; }
    .popup-tiny .select-dropdown ul li a {
      border: 0;
      border-radius: 0; }

.dropdown-group:hover .active-button-dropdown .auto {
  display: block; }

.dropdown-group .active-button-dropdown:hover .auto {
  display: block; }

.active-button-dropdown {
  display: none;
  position: absolute;
  top: 37px;
  right: 0;
  z-index: 4999;
  padding: 3px 11px 11px 11px;
  min-width: 135px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  border-top-right-radius: 0;
  background: #fff;
  text-align: left; }
  .active-button-dropdown:before, .active-button-dropdown:after {
    content: "";
    width: 55%;
    height: 3px;
    background: #3c94a2;
    display: block;
    position: absolute;
    top: -1px; }
  .active-button-dropdown:before {
    left: -1px; }
  .active-button-dropdown:after {
    right: -1px; }
  @media screen and (max-width: 760px) {
  .active-button-dropdown {
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } }
  .active-button-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .active-button-dropdown hr {
    height: 1px;
    border: 0;
    background: #e6e6e6; }
  .active-button-dropdown form .error .message {
    bottom: -38px;
    z-index: 1000; }

.cleared::after {
  clear: both;
  content: "";
  display: table; }

.news-header {
  line-height: 1.2em;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 10px; }
  @media screen and (max-width: 760px) {
  .news-header {
    padding-left: 0; } }
  .news-header .news-header-info {
    display: inline-block;
    vertical-align: middle; }
  .news-header a {
    text-decoration: none; }
  .news-header a:hover {
    text-decoration: underline; }
  .news-header h1 {
    font-size: 1.35em;
    font-weight: normal; }
  .news-header .article-meta {
    padding-top: 5px; }

.news-header.main-list h1 {
  font-size: 1.75em; }
  .news-header.main-list .article-meta {
    padding-top: 15px; }

.flat-news-header {
  line-height: 1.2em;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
  padding-left: 10px;
  margin-bottom: 20px; }
  .flat-news-header .news-header-info {
    display: inline-block;
    vertical-align: middle; }
  .flat-news-header a {
    text-decoration: none; }
  .flat-news-header a:hover {
    text-decoration: underline; }
  .flat-news-header h1 {
    font-size: 1.75em;
    font-weight: normal; }
  .flat-news-header .article-meta {
    padding-top: 5px; }

.article-excerpt {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2px; }
  .article-excerpt:before, .article-excerpt:after {
    position: absolute;
    top: 10px;
    font-size: 26px;
    color: #c7c7c7; }
  .article-excerpt:before {
    content: open-quote;
    left: 0; }
  .article-excerpt:after {
    content: close-quote;
    right: 0; }

.article-meta {
  color: #333;
  font-size: 13px;
  line-height: 1.2em; }
  .article-meta a {
    text-decoration: none;
    color: #7a7a7a; }
  .article-meta a:hover {
    text-decoration: underline; }
  .article-meta .updated {
    margin-left: 10px; }
  .article-meta hr {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 21px;
    background: #e6e6e6;
    margin: 0 8px; }
  .article-meta .agent-avatar {
    margin-right: 5px;
    margin-left: 2px;
    margin-top: -1px; }
  .article-meta i {
    margin-right: 2px; }
  .article-meta .comments i {
    color: #7a7a7a; }

.article-share {
  margin-top: 30px; }

.deskpro-calendar-decoration-flat {
  display: inline-block;
  margin-right: 10px;
  width: 44px;
  height: 37px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  line-height: 1.2em;
  vertical-align: middle; }
  @media screen and (max-width: 760px) {
  .deskpro-calendar-decoration-flat {
    display: none; } }
  .deskpro-calendar-decoration-flat .dcdf-month {
    font-weight: 900;
    font-size: 0.75em;
    background: #3c94a2;
    color: #fff;
    position: absolute;
    text-transform: uppercase;
    width: 44px;
    height: 18px;
    margin-top: -1px;
    margin-left: -1px;
    text-align: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding-top: 1px; }
  .deskpro-calendar-decoration-flat .dcdf-day {
    text-align: center;
    font-weight: 900;
    font-size: 0.75em;
    color: #7a7a7a;
    padding-top: 19px; }
  @media all and (-ms-high-contrast: none) {
    .deskpro-calendar-decoration-flat .dcdf-day {
      padding-top: 18px; } }

.large-title {
  display: block;
  margin-top: 25px;
  margin-bottom: 35px;
  padding-left: 10px;
  text-align: left; }
  @media screen and (max-width: 760px) {
  .large-title {
    margin-top: 10px;
    margin-bottom: 10px; } }
  .large-title p {
    display: block;
    margin-top: 7px;
    color: #333;
    line-height: 1.5em;
    max-width: 800px; }
  .large-title h1 {
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #474747;
    font-weight: normal;
    font-size: 1.4em; }
  .large-title h1 a {
    color: inherit; }

.header-buttons {
  float: right;
  font-size: 13px;
  margin-left: 10px;
  margin-right: 5px; }
  @media screen and (max-width: 760px) {
  .header-buttons {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    text-align: right; } }
  .header-buttons a {
    display: inline-block;
    padding: 0 0.5em;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fafafa;
    color: #333;
    text-decoration: none;
    line-height: 2.28571;
    white-space: nowrap; }
  .header-buttons a:hover {
    background: #e0e0e0;
    text-decoration: none; }
  .header-buttons a.unsubscribe {
    background: #ededed; }
  .header-buttons a i {
    position: relative;
    top: -1px;
    margin-right: 2px;
    margin-left: 6px;
    color: #7a7a7a;
    vertical-align: middle;
    font-size: 13px; }
  @media screen and (max-width: 760px) {
    .header-buttons a {
      padding: 2px 10px;
      margin-bottom: 10px;
      text-align: center;
      font-weight: bold; } }

.header-button-container {
  position: relative;
  display: block;
  float: right; }
  .header-button-container .header-buttons {
    position: relative;
    display: inline-block;
    float: none;
    background: #fff; }

.header-button-container.centered {
  text-align: center; }

.simple-search {
  float: right; }
  .simple-search label {
    margin-right: 5px;
    font-size: 13px; }
  .simple-search input[type="text"], .simple-search input[type="email"] {
    position: relative;
    top: 1px;
    padding: 0.5em 0.75em;
    max-width: 160px;
    border: 1px solid #e6e6e6;
    border-radius: 2px; }

.admin-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  padding: 1px 0;
  width: 100%;
  background: #383838; }
  .admin-bar ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .admin-bar ul li {
    display: inline; }
  .admin-bar a {
    display: block;
    float: right;
    margin-left: 1px;
    padding: 7px 10px;
    background: #4c4c4c;
    color: #d2d2d2;
    text-decoration: none; }
  .admin-bar a span {
    color: #a2a2a2;
    font-weight: bold; }
  .admin-bar a:hover {
    background: #323232;
    color: #555; }
  .admin-bar a i {
    margin-left: 5px;
    color: #838383; }
  .admin-bar a .fa-edit {
    position: relative;
    top: 2px;
    font-size: 1.2em; }

.admin-bar-extended {
  position: fixed;
  top: 38px;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: #3d3d3d;
  color: #d2d2d2;
  text-align: right;
  font-weight: normal; }
  .admin-bar-extended a {
    position: relative;
    display: inline-block;
    padding: 10px;
    min-width: 360px;
    width: auto;
    background: #323232;
    color: #7a7a7a;
    text-align: right;
    text-decoration: none; }
  .admin-bar-extended a img {
    float: right;
    margin-left: 10px; }
  .admin-bar-extended a .title {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 2px;
    color: #fff;
    font-size: 1.3em; }
  .admin-bar-extended a p {
    line-height: 1.6em; }

.welcome-message {
  padding: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #f7f7f7; }
  .welcome-message h1 {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 17px; }
  .welcome-message p {
    margin-bottom: 10px; }

.extra-margin {
  margin-top: 20px;
  margin-bottom: 20px; }

.text-tag, .rating-tag, .comment-tag, .date-tag {
  position: relative;
  padding: 3px 6px;
  border-radius: 2px;
  background: #ccc;
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7em;
  line-height: 1em;
  cursor: default; }
  .text-tag i, .rating-tag i, .comment-tag i, .date-tag i {
    position: relative;
    top: 0;
    left: 2px; }

h1 .text-tag, h1 .rating-tag, h1 .comment-tag, h1 .date-tag {
  position: relative;
  top: -2px;
  left: 4px;
  background: #1a3f45;
  color: #fff;
  font-size: 0.75em; }
  h1 .text-tag:after, h1 .rating-tag:after, h1 .comment-tag:after, h1 .date-tag:after {
    position: absolute;
    top: 5px;
    left: -6px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid #1a3f45;
    content: " "; }

.rating-tag {
  padding-top: 1px;
  padding-bottom: 1px;
  background: #5cb85c;
  color: #fff; }

.comment-tag {
  padding-top: 1px;
  padding-bottom: 1px;
  background: #3c94a2; }
  .comment-tag i {
    top: -1px;
    font-size: 13px; }

.list-meta {
  margin-top: 0.5em;
  text-align: right;
  font-size: 13px; }
  .list-meta a {
    position: relative;
    left: -5px;
    display: inline-block;
    color: #7a7a7a;
    text-decoration: none;
    opacity: 0.5; }
  .list-meta a:hover {
    opacity: 1;
    text-decoration: underline; }
  .list-meta a i {
    margin-left: 7px;
    position: relative;
    top: 1px; }
  .list-meta a img {
    position: relative;
    top: 4px;
    left: 5px;
    opacity: 0.3; }
  .list-meta a span {
    color: #7a7a7a;
    font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%; }
  table tr td {
    padding: 10px 10px;
    color: #333;
    vertical-align: top;
    font-size: 100%; }
    table tr td:first-child {
      color: #7a7a7a;
      text-align: left; }
  table.data-table {
    border-collapse: separate; }
  table.data-table th, table.data-table td {
    font-size: 13px;
    padding: 8px 10px;
    border-bottom: 1px solid #e6e6e6; }

.overflow, a.overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.use-min-width {
  min-width: 125px; }

.date-tag {
  display: inline-block;
  margin-right: 10px;
  min-width: 58px;
  background: #f7f7f7;
  color: #7a7a7a;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e3e3e3; }
  .date-tag span {
    color: #7a7a7a; }
  .date-tag:after {
    position: absolute;
    top: 4px;
    right: -8px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid #e3e3e3;
    content: " "; }

.file-tag {
  display: inline-block;
  margin-right: 5px;
  min-width: 40px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.6em; }

.file-pdf {
  background-image: url("../../assets/40617/pub/src/DeskPRO/Bundle/PortalBundle/Resources/img/icon-pdf.png");
  background-position: right center;
  background-repeat: no-repeat; }

.file-zip {
  background-image: url("../../assets/40617/pub/src/DeskPRO/Bundle/PortalBundle/Resources/img/icon-zip.png");
  background-position: 30px center;
  background-repeat: no-repeat; }

.ticket-related-articles-completed {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  color: #333;
  margin: 10px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  padding-top: 20px;
  text-align: center; }
  .ticket-related-articles-completed .footer {
    padding: 5px;
    border-top: 1px solid #e6e6e6; }
  .ticket-related-articles-completed .footer::after {
    clear: both;
    content: "";
    display: table; }
  .ticket-related-articles-completed .footer > div {
    float: left;
    width: 60%; }
  .ticket-related-articles-completed .footer > div + div {
    width: 40%;
    padding-left: 5px; }
  .ticket-related-articles-completed a {
    border-radius: 2px;
    padding: 11px 0;
    display: block;
    line-height: 1.1em;
    background: #3c94a2;
    border: 1px solid #3c94a2;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 13px; }
  .ticket-related-articles-completed a:hover {
    background: #3c94a2; }
  .ticket-related-articles-completed a.grey {
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #7a7a7a; }
    .ticket-related-articles-completed a.grey:hover {
      color: #333; }
  .ticket-related-articles-completed i {
    display: inline-block;
    font-size: 2.1em;
    color: #7a7a7a;
    margin-bottom: 10px; }
  .ticket-related-articles-completed h1, .ticket-related-articles-completed h2 {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 1.8em;
    color: #333; }
  .ticket-related-articles-completed h2 {
    font-size: 13px;
    color: #333;
    margin-top: 3px;
    margin-bottom: 12px; }

.ticket-related-articles {
  background: #fafafa;
  border: 1px solid #e6e6e6;
  color: #333;
  margin: 10px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  max-width: 620px; }
  .ticket-related-articles header {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px; }
  .ticket-related-articles header h1 {
    color: #333; }
  .ticket-related-articles header h2 {
    color: #333; }
  .ticket-related-articles ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    line-height: 1.2em; }
  .ticket-related-articles .file-icon {
    position: relative;
    top: -1px;
    color: #404040;
    text-align: center;
    width: 20px; }
  .ticket-related-articles .expand-content {
    position: absolute;
    right: 15px; }
  .ticket-related-articles li {
    display: block; }
  .ticket-related-articles li + li {
    border-top: 1px solid #e6e6e6; }
  .ticket-related-articles li.active, .ticket-related-articles li:hover {
    background: #fff;
    cursor: pointer; }
  .ticket-related-articles li.related-list-meta {
    text-align: right;
    padding: 5px; }
  .ticket-related-articles .related-articles-footer {
    border-top: 1px solid #e6e6e6;
    padding: 5px; }
  .ticket-related-articles .related-articles-footer a {
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    display: block;
    line-height: 1.1em;
    padding: 10px;
    border-radius: 2px;
    background: #f2f2f2;
    color: #333; }
    .ticket-related-articles .related-articles-footer a:hover {
      background: #e8e8e8; }
  .ticket-related-articles .related-articles-footer i {
    margin-right: 5px;
    color: #7a7a7a;
    position: relative;
    top: -2px; }
  .ticket-related-articles .related-article-link {
    color: inherit;
    display: block;
    text-decoration: none;
    padding: 9px 10px;
    font-size: 13px;
    position: relative; }
  .ticket-related-articles .related-article-link:hover {
    color: #333; }
    .ticket-related-articles .related-article-link:hover .item-title {
      text-decoration: underline; }
  .ticket-related-articles .related-article-link i {
    margin-right: 4px; }
  .ticket-related-articles .expanded-content {
    margin-left: 25px;
    padding: 0 10px 10px 10px;
    overflow: hidden; }
  .ticket-related-articles .expanded-content.hidden {
    display: none; }
  .ticket-related-articles .expanded-content p {
    font-size: 13px;
    line-height: 1.7em;
    color: #737171; }
  .ticket-related-articles .expanded-content p + p {
    padding-top: 10px; }
  .ticket-related-articles .expanded-content .show-more-content-container {
    margin-top: 10px; }
  .ticket-related-articles .expanded-content.intro {
    padding-right: 5px;
    padding-bottom: 5px; }
  .ticket-related-articles .expanded-content.intro .show-more-content-container {
    text-align: right;
    opacity: 0.5; }

li.related-article-item.active .expanded-content.intro .show-more-content-container, li.related-article-item:hover .expanded-content.intro .show-more-content-container {
  opacity: 1; }

.show-more-content-container {
  text-align: center;
  position: relative; }
  .show-more-content-container hr {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    border: 0;
    padding: 0;
    margin: 0; }
  .show-more-content-container .button-wrapper {
    position: relative;
    display: inline-block;
    z-index: 199;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px; }

.show-more-content, .show-less-content {
  display: inline-block;
  border: 1px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  border-radius: 2px;
  color: #a5a5a5;
  font-size: 0.55em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  line-height: 1em;
  padding: 4px 10px; }
  .show-more-content:hover, .show-less-content:hover {
    border: 1px solid #3366ae;
    border-bottom: 2px solid #3366ae;
    background: #3366ae;
    color: #fff; }

.this-answered-my-question {
  margin-top: 15px;
  text-align: center; }
  .this-answered-my-question .answer-no, .this-answered-my-question .answer-yes {
    display: inline-block;
    text-decoration: none;
    margin: 0 15px; }
  .this-answered-my-question .answer-no {
    color: #5f5f5f; }
  .this-answered-my-question .answer-no .answer-icon {
    background: #7a7a7a;
    color: #9f9f9f; }
  .this-answered-my-question .answer-icon {
    display: block;
    width: 25px;
    height: 25px;
    background: #3c94a2;
    color: #fff;
    border-radius: 2px;
    margin: 0 auto;
    margin-bottom: 3px;
    font-size: 0.6em;
    transition: all 0.5s ease; }
  .this-answered-my-question .answer-icon i {
    position: relative;
    top: 3px; }
  .this-answered-my-question .answer-text {
    transition: all 0.5s ease;
    font-size: 0.6em;
    text-transform: uppercase;
    font-weight: 700; }
  .this-answered-my-question .answer-no:hover .answer-icon {
    background: #b9b4b4; }
  .this-answered-my-question .answer-no:hover .answer-text {
    color: #494646; }
  .this-answered-my-question .answer-yes:hover .answer-icon {
    background: #205187; }
  .this-answered-my-question .answer-yes:hover .answer-text {
    color: #2d67a8; }

.this-answered-my-question.inline {
  display: block;
  margin-top: 0;
  position: absolute;
  top: 5px;
  right: -10px; }
  .this-answered-my-question.inline .answer-icon {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-left: 5px;
    background: #d3d3d3; }
  .this-answered-my-question.inline .answer-text {
    color: #d3d3d3;
    display: inline-block;
    padding-top: 5px; }
  @media screen and (max-width: 760px) {
  .this-answered-my-question.inline {
    position: relative;
    text-align: left;
    display: block;
    top: initial;
    right: initial;
    left: 0;
    top: 0;
    margin-bottom: 5px; }
    .this-answered-my-question.inline .answer-icon {
      float: none;
      margin-left: 0;
      margin-right: 5px;
      text-align: center; }

    .this-answered-my-question.inline .answer-yes {
      margin-left: 5px; } }

.active .this-answered-my-question.inline .answer-icon, li.related-article-item:hover .this-answered-my-question.inline .answer-icon {
  background: #3c94a2; }
  .active .this-answered-my-question.inline .answer-text, li.related-article-item:hover .this-answered-my-question.inline .answer-text {
    color: #3c94a2; }

.agent {
  display: inline-block;
  margin-right: 10px;
  font-weight: normal;
  line-height: 1.2em; }
  .agent:hover .remove-agent {
    display: block; }

.agent-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom; }
  .agent-info .agent-meta {
    display: block;
    color: #7a7a7a;
    font-size: 0.85em; }

.agent-avatar {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 36px;
  height: 36px;
  border-radius: 199px;
  background-color: #7a7a7a;
  vertical-align: middle;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .agent-avatar i {
    position: relative;
    top: 6px;
    color: #fff;
    left: 0;
    font-size: 13px; }
  @-moz-document url-prefix() {
  .agent-avatar i {
    left: 1px; } }
  .agent-avatar.agent-avatar-tiny {
    margin-left: 2px;
    width: 25px;
    height: 25px; }
  .agent-avatar.agent-avatar-tiny i {
    top: 3px; }
  .agent-avatar.agent-avatar-mini {
    width: 18px;
    height: 18px; }
  .agent-avatar.agent-avatar-mid {
    width: 25px;
    height: 25px; }
  .agent-avatar.agent-avatar-mid .fa-plus {
    top: 7px; }
  .agent-avatar.agent-avatar-blank, .agent-avatar.agent-avatar-add {
    border: 1px solid #555; }
  .agent-avatar.empty {
    opacity: 0.5;
    border: 1px dashed #666; }
  .agent-avatar .remove-agent {
    position: absolute;
    top: -5px;
    right: -5px;
    display: none;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 199px;
    background: #333 no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzBGNENBNzM1MDY0MTFFNDk3NDVEMzE2NDU2OUY3QTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzBGNENBNzQ1MDY0MTFFNDk3NDVEMzE2NDU2OUY3QTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MEY0Q0E3MTUwNjQxMUU0OTc0NUQzMTY0NTY5RjdBMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MEY0Q0E3MjUwNjQxMUU0OTc0NUQzMTY0NTY5RjdBMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtgnKacAAABMSURBVHjaYvj///9CIM4EYgYg5gPiJSwMDAwngTgHiF8DcQAQszNAVQT8h4AzID4TUEYUiEOhOniA2AekagkQrwZiNiD2BuIjAAEGAFIkNxfsqyxGAAAAAElFTkSuQmCC); }
  .agent-avatar:hover .remove-agent {
    display: block; }

.search-results {
  margin-top: 30px; }

.search-results-sidebar, .search-results-content {
  float: left; }

.search-results-sidebar {
  width: 30%; }

.search-result-filters {
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  position: relative;
  padding-top: 15px; }
  .search-result-filters:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid #dcdcdc;
    position: absolute;
    right: -8px;
    top: 10px; }
  .search-result-filters .box-header {
    display: inline-block;
    line-height: 1em;
    padding: 5px;
    position: absolute;
    font-size: 0.85em;
    font-weight: bold;
    top: -12px;
    left: 5px;
    background: #fff;
    color: #d6d6d6; }
  .search-result-filters hr {
    margin: 5px 0; }
  .search-result-filters .kb-dropdown {
    width: 100%; }
  .search-result-filters .box {
    display: block;
    padding: 5px 10px; }
  .search-result-filters .kb-checkbox-wrapper {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px; }

.search-filter-help {
  background: #ededed;
  padding: 5px;
  border-radius: 2px;
  color: #b1b1b1;
  margin-top: 5px;
  font-size: 0.85em;
  text-align: center; }

.search-results-content {
  width: 70%;
  padding: 0 10px; }

.search-result-count {
  color: #b3b3b3;
  font-weight: normal;
  font-size: 1.2em;
  margin-top: 5px; }

.search-result-items {
  margin: 0;
  padding: 0;
  list-style: none; }

.search-result-item {
  line-height: 1em;
  padding: 20px 5px;
  border-bottom: 1px solid #e6e6e6; }
  .search-result-item h1 {
    font-size: 1.1em;
    color: #3e79b9;
    display: block;
    margin-bottom: 10px; }
  .search-result-item h1 a {
    color: inherit;
    text-decoration: none; }
    .search-result-item h1 a:hover {
      text-decoration: underline; }
  .search-result-item p {
    line-height: 1.7em;
    font-size: 13px;
    font-style: italic;
    color: #898989; }

.search-result-meta {
  font-size: 0.85em;
  color: #d0d0d0;
  margin-bottom: 10px; }
  .search-result-meta hr {
    display: inline-block;
    width: 1px;
    height: 15px;
    vertical-align: middle;
    margin: 0 10px; }
  .search-result-meta .fa-tags {
    margin-right: 4px; }
  .search-result-meta a {
    color: #797979;
    text-decoration: none; }
  .search-result-meta a:hover {
    text-decoration: underline; }

.pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  margin: 10px 0;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  font-size: 13px;
  line-height: 1em; }
  .pagination::after {
    clear: both;
    content: "";
    display: table; }
  .pagination li {
    display: block;
    float: left;
    border-right: 1px solid #e6e6e6; }
  .pagination li:last-child {
    border-right: none; }
  .pagination a, .pagination span {
    display: block;
    padding: 7px 12px;
    color: #7a7a7a;
    text-decoration: none; }
  @media screen and (max-width: 760px) {
    .pagination a, .pagination span {
      padding-left: 7px;
      padding-right: 7px; } }
  .pagination span {
    cursor: default; }
  .pagination .active-page {
    background-color: #b0b0b0;
    border-right: 1px solid rgba(0, 0, 0, 0.0); }
  .pagination .active-page span {
    color: #fff; }
  .pagination a:hover {
    background: #fafafa; }
  .pagination .inactive a {
    opacity: 0.5; }
  .pagination .disabled {
    display: none; }

.breadcrumbs {
  margin: 0;
  padding: 0 0 8px 10px;
  border-bottom: 1px solid #e6e6e6;
  line-height: 1.2em; }
  .breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 100;
    display: inline-block;
    padding: 0 0 0 0;
    background: #fff;
    color: #8b8b8b;
    width: 100%;
    white-space: nowrap;
    overflow: hidden; }
  .breadcrumbs li {
    display: inline-block;
    white-space: nowrap; }
  .breadcrumbs a {
    color: inherit;
    text-decoration: none;
    font-size: 13px; }
  .breadcrumbs a.active-page {
    color: #bdbdbd; }
  .breadcrumbs a:hover {
    text-decoration: underline; }
  .breadcrumbs i {
    position: relative;
    top: 0;
    margin-right: 4px;
    margin-left: 5px;
    font-size: 0.7em; }
  .breadcrumbs i.fa-home {
    font-size: 1.1em;
    color: #c5c5c5;
    margin: 0 5px 0 0; }
  .breadcrumbs hr {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 16px;
    margin: 0;
    padding: 0;
    background: #e6e6e6; }

.kb-pagination {
  margin-top: 10px; }
  .kb-pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1em; }
  .kb-pagination ul li {
    display: inline-block; }
  .kb-pagination ul a.pagination-link, .kb-pagination ul .page {
    font-weight: bold;
    font-size: 0.75em;
    text-decoration: none;
    display: inline-block;
    padding: 4px 7px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    color: #ccc;
    text-transform: uppercase; }
  .kb-pagination ul .page {
    color: #333;
    cursor: pointer;
    position: relative; }
    .kb-pagination ul .page i {
      margin-left: 3px; }
    .kb-pagination ul .page .dropdown-content {
      position: absolute;
      top: 25px;
      left: 0;
      border: 1px solid #e3e3e3;
      width: 100%;
      max-height: 100px;
      overflow: scroll; }
    .kb-pagination ul .page .dropdown-content ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    .kb-pagination ul .page .dropdown-content li {
      display: block; }
    .kb-pagination ul .page .dropdown-content a {
      display: block;
      color: inherit;
      text-decoration: none;
      padding: 5px;
      text-align: center; }
  .kb-pagination ul .on {
    color: #949494; }

.kb-checkbox-wrapper {
  display: inline-block;
  line-height: 1em; }
  .kb-checkbox-wrapper .kb-checkbox-title {
    display: inline-block;
    vertical-align: middle; }
  .kb-checkbox-wrapper .kb-checkbox {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #7a7a7a;
    border-radius: 2px;
    background: none;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 4px; }
  .kb-checkbox-wrapper .kb-checkbox i {
    position: relative;
    top: 2px;
    font-size: 0.7em;
    color: #3d77b6; }
  .kb-checkbox-wrapper .kb-checkbox-title.kb-checkbox-title-unchecked {
    color: #7a7a7a; }
  .kb-checkbox-wrapper .kb-checkbox.kb-checkbox-unchecked i {
    color: #7a7a7a; }

ul.kb-checkbox-extra {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 20px;
  position: relative; }
  ul.kb-checkbox-extra:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid #e7e7e7;
    border-right: 0;
    border-top: 0;
    left: -14px;
    top: 0; }
  ul.kb-checkbox-extra li {
    display: block;
    margin-top: 6px; }
  ul.kb-checkbox-extra .kb-checkbox-title {
    text-transform: none; }
  ul.kb-checkbox-extra .kb-checkbox {
    vertical-align: top;
    position: relative;
    top: -1px; }
  ul.kb-checkbox-extra .small {
    color: #b6b6b6;
    display: block;
    font-size: 0.7em;
    margin-top: 3px; }

.kb-dropdown {
  position: relative;
  display: inline-block;
  border: 1px solid #7a7a7a;
  border-radius: 2px;
  line-height: 1em;
  padding: 9px 10px;
  font-size: 0.85em;
  padding-right: 25px;
  cursor: pointer; }
  .kb-dropdown i {
    color: #9c9c9c;
    margin-right: 4px; }
  .kb-dropdown i.fa-caret-down, .kb-dropdown i.fa-caret-up {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    color: #333; }
  .kb-dropdown .dropdown-status {
    color: #333; }
  .kb-dropdown .dropdown-content {
    background: #fff;
    position: absolute;
    border: 1px solid #7a7a7a;
    left: -1px;
    top: 10px;
    border-radius: 2px;
    z-index: 1999;
    width: 100%; }
  .kb-dropdown .dropdown-content ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .kb-dropdown .dropdown-content li {
    border-bottom: 1px solid #7a7a7a; }
    .kb-dropdown .dropdown-content li:last-child {
      border-bottom: 0; }
  .kb-dropdown .dropdown-content a {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: 10px; }
    .kb-dropdown .dropdown-content a:hover {
      color: #333;
      text-decoration: underline; }

.comment-box .single-comment {
  margin-bottom: 20px; }
  .comment-box .single-comment::after {
    clear: both;
    content: "";
    display: table; }
  .comment-box .agent-response .blurb {
    border-left: 4px solid #3c94a2;
    background: #fafafa; }
  .comment-box .comment-info, .comment-box .comment-content {
    float: left; }
  .comment-box .comment-info .pending-review, .comment-box .comment-content .pending-review {
    font-size: smaller;
    color: #7a7a7a; }
  .comment-box .comment-info {
    width: 20%;
    text-align: right;
    line-height: 1.3em; }
  @media screen and (max-width: 760px) {
    .comment-box .comment-info {
      text-align: left;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 20px;
      margin-bottom: 10px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }
  .comment-box .comment-content {
    width: 80%; }
  @media screen and (max-width: 760px) {
    .comment-box .comment-content {
      width: 100%; } }
  .comment-box .avatar {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 5px; }
  @media screen and (max-width: 760px) {
    .comment-box .avatar {
      display: inline-block;
      margin: 0;
      margin-right: 3px; } }
  .comment-box strong {
    color: #333;
    font-weight: bold; }
  .comment-box .author {
    display: inline-block; }
  @media screen and (max-width: 760px) {
    .comment-box .author {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      top: 1px;
      font-weight: bold;
      font-size: 1.1em; } }
  .comment-box .date {
    display: block;
    color: #7a7a7a;
    font-size: 13px; }
  .comment-box .blurb {
    margin-left: 20px;
    padding: 10px;
    padding-left: 20px;
    border-left: 1px solid #e6e6e6;
    min-height: 60px; }
  .comment-box .blurb::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 760px) {
    .comment-box .blurb {
      margin-left: 0;
      padding: 0;
      border-left: 0; } }
  .comment-box .blurb .response {
    border: 0;
    border-left: 4px solid #3c94a2;
    border-radius: 0;
    background: #fafafa; }
    .comment-box .blurb .response span {
      font-weight: normal;
      font-size: 1.15em; }
  .comment-box form textarea {
    min-height: 50px;
    width: 100%;
    height: 50px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff; }
  .comment-box form textarea:focus {
    height: 100px;
    transition: all 0.5s ease; }

.response {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 160px;
  padding: 5px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff; }
  @media screen and (max-width: 760px) {
  .response {
    margin-left: 0; } }
  .response .response-meta {
    position: absolute;
    left: -160px;
    padding-right: 50px;
    width: 160px;
    color: #7a7a7a;
    text-align: right;
    font-size: 0.85em;
    line-height: 1.5em; }
  .response .response-meta span {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 1.2em; }
  .response .response-meta .avatar {
    position: absolute;
    right: 15px;
    display: block;
    float: right;
    margin-top: 7px;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    border-radius: 199px;
    background-size: cover; }
  @media screen and (max-width: 760px) {
    .response .response-meta {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      text-align: left;
      padding: 0;
      padding-left: 35px;
      margin-bottom: 10px; }
      .response .response-meta .avatar {
        float: left;
        left: 0;
        top: 0;
        margin-left: 0; } }

.cover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1108;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1109;
  display: block;
  padding: 20px;
  max-width: 850px;
  width: 100%;
  border-radius: 2px;
  background: #fafafa;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  color: #333;
  transform: translate(-50%, -50%); }
  .popup::after {
    clear: both;
    content: "";
    display: table; }
  .popup * {
    line-height: 1.2em; }
  .popup h1 {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 1.25em;
    color: #595959; }
  .popup h2 {
    margin-bottom: 25px;
    color: #7a7a7a;
    font-weight: bold;
    font-size: 13px; }
  .popup p {
    color: #a0a0a0;
    font-size: 13px;
    line-height: 1.6em; }
  .popup .cancel {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 19px;
    height: 19px;
    border-radius: 19px;
    color: #fff;
    text-decoration: none;
    background: #3c94a2;
    text-align: center; }
  .popup .cancel i {
    font-size: 13px;
    position: relative;
    top: -2px; }
  .popup.popup-file-download {
    max-width: 400px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px; }
  .popup.popup-file-download .cancel {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #7a7a7a;
    font-size: 0.85em;
    text-decoration: none;
    font-weight: bold;
    opacity: 0.5; }
    .popup.popup-file-download .cancel:hover {
      opacity: 1; }
  .popup.popup-file-download .cudos-wrapper {
    text-align: center;
    position: relative;
    z-index: 89;
    margin-top: -15px; }
  .popup.popup-file-download .cudos {
    display: inline-block;
    background: #1a3f45;
    border-radius: 199px;
    color: #fff;
    text-decoration: none;
    padding: 3px 12px;
    font-size: 13px;
    border: 4px solid #fafafa; }
    .popup.popup-file-download .cudos:hover {
      background: #0c1d20; }
    .popup.popup-file-download .cudos i {
      margin-right: 2px; }
  .popup.popup-file-download .file-icon {
    position: relative; }
    .popup.popup-file-download .file-icon > i {
      font-size: 6em;
      color: #7a7a7a;
      background: #fafafa;
      position: relative;
      z-index: 88;
      padding: 0 10px;
      cursor: default; }
    .popup.popup-file-download .file-icon hr {
      margin: 0;
      position: absolute;
      top: 50px;
      width: 100%;
      z-index: 81; }
  .popup.popup-file-download .button, .popup.popup-file-download .switch-link {
    font-size: 1.1em;
    padding: 12px 40px; }
    .popup.popup-file-download .button:hover, .popup.popup-file-download .switch-link:hover {
      background: #2e727d; }
  .popup.popup-file-download h1 {
    font-weight: 100;
    display: block;
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 1.5em; }
  .popup.popup-file-download h2 {
    color: #7a7a7a;
    font-weight: bold;
    margin-bottom: 25px;
    font-size: 13px; }

.close-ticket-popup {
  text-align: center;
  width: 500px; }
  .close-ticket-popup > .fa-ban {
    display: inline-block;
    margin-bottom: 10px;
    color: #cfcfcf;
    font-size: 1.8em; }
  .close-ticket-popup .buttons {
    margin-top: 15px; }
  .close-ticket-popup .buttons .button, .close-ticket-popup .buttons .switch-link {
    padding: 10px 20px;
    font-weight: normal;
    text-shadow: none; }
  .close-ticket-popup .buttons i {
    font-size: 13px;
    position: relative;
    top: -1px;
    margin-right: 3px; }

.popup-file-download {
  padding-top: 30px;
  padding-bottom: 40px;
  max-width: 400px;
  text-align: center; }
  .popup-file-download .cudos-wrapper {
    position: relative;
    z-index: 89;
    margin-top: -15px;
    text-align: center; }
  .popup-file-download .cudos {
    cursor: pointer;
    padding: 3px 12px;
    border: 4px solid #fafafa;
    border-radius: 199px;
    background: #1a3f45;
    color: #fff;
    text-decoration: none;
    font-size: 13px; }
  .popup-file-download .cudos:hover {
    background: #0c1d20; }
  .popup-file-download .cudos i {
    margin-right: 2px; }
  .popup-file-download .file-icon {
    position: relative; }
  .popup-file-download .file-icon > i {
    position: relative;
    z-index: 88;
    padding: 0 10px;
    background: #fafafa;
    color: #7a7a7a;
    font-size: 6em;
    cursor: default; }
  .popup-file-download .file-icon hr {
    position: absolute;
    top: 50px;
    z-index: 81;
    margin: 0;
    width: 100%; }
  .popup-file-download .button, .popup-file-download .switch-link {
    cursor: pointer;
    padding: 12px 40px;
    font-size: 1.1em; }
  .popup-file-download .button:hover, .popup-file-download .switch-link:hover {
    background: #2e727d; }
  .popup-file-download .cancel {
    width: auto;
    background: none; }

.tooltip {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
  background: #737373;
  color: #fff;
  font-size: 1em;
  line-height: 1em;
  line-height: 1em; }
  .tooltip:before {
    position: absolute;
    top: -8px;
    left: 20px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid #737373;
    content: " "; }

.glossary-tooltip {
  position: absolute;
  bottom: 20px;
  left: 0;
  display: block;
  padding: 10px;
  width: 380px;
  border: 2px solid #333;
  border-radius: 4px;
  background: #fff;
  font-weight: normal;
  z-index: 110; }
  .glossary-tooltip h1 {
    font-weight: normal;
    font-size: 1.2em; }
  .glossary-tooltip h1, .glossary-tooltip p {
    padding-left: 10px; }
  .glossary-tooltip:before {
    position: absolute;
    bottom: -10px;
    left: 10px;
    display: block;
    width: 0;
    height: 0;
    border: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #333;
    content: " "; }

.alerts {
  margin-top: 10px;
  font-weight: normal;
  max-width: 1080px;
  margin: 0 auto; }
  .alerts a.all-tickets {
    padding-bottom: 1px;
    border-bottom: 2px solid #555;
    text-decoration: none; }
  .alerts .ticket-title {
    text-decoration: underline;
    font-weight: bold; }
  .alerts .post-content {
    font-style: italic;
    opacity: 0.7; }
  .alerts .all-tickets {
    margin-left: 15px; }

.alert {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0.75em 1em;
  padding-right: 50px;
  border-radius: 2px;
  background: #f0f0f0;
  color: #333;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px; }
  .alert strong {
    color: #333; }
  .alert .click-to-dismiss {
    position: absolute;
    top: -2px;
    right: 0;
    padding: 10px 15px;
    cursor: pointer; }
  .alert .click-to-dismiss i {
    color: #7a7a7a; }
  .alert .click-to-dismiss:hover i {
    color: #333; }
  .alert a {
    text-decoration: none;
    color: #333; }
  .alert .alert-button {
    display: inline-block;
    background: #3c94a2;
    color: #fff;
    line-height: 1.25em;
    padding: 3px;
    vertical-align: middle;
    text-decoration: none;
    border-radius: 2px; }

.dp-page-banner {
  background: #404040;
  padding: 8px;
  color: #fff;
  text-align: center;
  font-size: 13px; }
  .dp-page-banner a {
    text-decoration: none;
    color: #fff; }
  .dp-page-banner a:hover {
    color: #fff; }

.flashes {
  margin-top: 5px; }
  .flashes .flash {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0.75em 1em;
    padding-right: 50px;
    border-radius: 2px;
    background: #f0f0f0;
    color: #333;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: normal;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .flashes .flash strong {
    color: #333; }
  .flashes .flash i {
    position: absolute;
    top: 36%;
    right: 20px;
    color: #7a7a7a; }
  .flashes .flash-success {
    background: #259f59;
    color: #fff; }
  .flashes .flash-error {
    border-bottom: 1px solid #f4cecd;
    background: #f4cecd;
    color: #fff; }
  .flashes .flash-notice {
    background: #5bc0de; }

.kb-article-news {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e6e6e6; }

.expand {
  position: absolute;
  top: 13px;
  right: 13px;
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #555;
  text-align: center; }
  .expand i {
    position: relative;
    top: 8px; }
  .expand:hover {
    color: #333; }

.tabs.news-categories-tabs {
  margin-bottom: 30px; }

.article-metrics {
  display: inline-block;
  overflow: hidden;
  margin-left: 10px;
  border-radius: 2px; }
  .article-metrics ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #e6e6e6;
    color: #333;
    font-size: 13px;
    line-height: 1em; }
  .article-metrics ul li {
    display: inline-block; }
  .article-metrics ul a {
    display: inline-block;
    padding: 8px 15px;
    width: auto;
    color: inherit;
    text-decoration: none;
    line-height: 1em; }
  .article-metrics ul .comments.has-comments {
    background: #3c94a2;
    color: #fff; }
    .article-metrics ul .comments.has-comments:hover {
      background: #35838f; }
  .article-metrics ul .cudos {
    background: #1a3f45;
    color: #fff; }
    .article-metrics ul .cudos:hover {
      background: #132e32; }
  .article-metrics ul .grumpy {
    background: #f4cecd;
    color: #fff; }

h1.fancy-header {
  position: relative;
  z-index: 100;
  display: inline-block;
  padding-right: 2em;
  padding-left: 2em;
  background: #fff;
  font-weight: bold;
  font-size: 1.15em; }

.front-page-news header, .front-page-news footer {
  text-align: center; }
  .front-page-news header hr, .front-page-news footer hr {
    position: relative;
    top: -0.85em;
    z-index: 99;
    margin: 0;
    padding: 0;
    height: 1px;
    border: 0;
    background: #e5e5e5; }
  .front-page-news h1 a {
    text-decoration: none; }
  .front-page-news ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .front-page-news ul li {
    position: relative;
    padding: 0 7px;
    border-radius: 4px;
    line-height: 1.4em; }
    .front-page-news ul li::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 760px) {
    .front-page-news ul li {
      padding-left: 10px; } }
    @media screen and (max-width: 760px) {
      .front-page-news ul li .news-header {
        padding-left: 0 !important; } }
    .front-page-news ul li h1 {
      display: inline;
      font-weight: normal;
      font-size: 1.1em; }
    .front-page-news ul li h1 a {
      text-decoration: none;
      color: #2a5c95;
      /* color: $text-color-lighter; */ }
    .front-page-news ul li h2 {
      display: inline;
      font-weight: normal;
      font-size: 13px; }
    .front-page-news ul li h2 .fa-user, .front-page-news ul li h2 .fa-folder {
      margin: 0 4px 0 2px;
      color: #7a7a7a; }
    .front-page-news ul li h2 a {
      color: #7a7a7a;
      text-decoration: underline; }
    .front-page-news ul li p {
      overflow: hidden;
      margin-top: 7px;
      font-size: 13px;
      color: #7a7a7a;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .front-page-news ul li.expanded-post {
      border: 1px solid #e6e6e6;
      background: #f7f7f7; }
    .front-page-news ul li.expanded-post p {
      overflow: visible;
      margin-bottom: 10px;
      color: #333;
      text-overflow: ellipsis;
      white-space: normal;
      line-height: 1.7em; }

.front-page-news-tiny a {
  text-decoration: none; }
  .front-page-news-tiny ul li a {
    vertical-align: middle;
    color: #3ca2a2; }

.feedback-filter .flat-tabs select {
  width: 120px;
  font-size: 13px;
  padding: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: relative;
  top: -2px; }
  @media screen and (max-width: 760px) {
      .feedback-filter .flat-tabs select {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
        top: 0; } }

.slider-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
  line-height: 1em; }
  .slider-list li {
    display: inline-block;
    margin: 0 5px; }
  .slider-list a.slider {
    display: inline-block;
    margin: 2px;
    padding-right: 2px;
    padding-left: 2px;
    height: 18px;
    border-radius: 2px;
    background: #5cb85c;
    color: #fff;
    text-decoration: none; }
  .slider-list a.slider.off {
    background: #555;
    color: #333; }
  .slider-list a.slider.off .slider-icon {
    background: #b3b3b3;
    color: #fff; }
  .slider-list a.slider.off .slider-icon i {
    left: 3px; }
  .slider-list a.slider .slider-status {
    position: relative;
    top: -2px;
    margin-right: 4px;
    margin-left: 4px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.65em;
    line-height: 1em; }
  .slider-list a.slider .slider-icon {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    background: #fff;
    color: #f2f2f2;
    text-align: center;
    font-size: 0.7em; }
  .slider-list a.slider .slider-icon i {
    position: absolute;
    top: 2px;
    left: 3px; }
  @media all and (-ms-high-contrast: none) {
        .slider-list a.slider .slider-icon i {
          top: 3px;
          left: 2px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .slider-list a.slider .slider-icon i {
        left: 2px; } }
  .slider-list .slider-label {
    margin: 0 5px 0 3px;
    color: #7a7a7a;
    font-size: 13px;
    cursor: pointer; }
  .slider-list .slider-options {
    padding: 0 8px;
    border-left: 1px solid #e6e6e6;
    font-size: 13px;
    opacity: 0.5; }

.flat-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  margin-bottom: 10px;
  border-bottom: 1px solid #e6e6e6; }
  .flat-tabs > li {
    display: inline-block;
    margin: 0; }
  .flat-tabs a, .flat-tabs .link {
    display: block;
    padding: 0 15px;
    padding-bottom: 3px;
    color: #7a7a7a;
    text-decoration: none; }
  .flat-tabs a:hover, .flat-tabs .link:hover, .flat-tabs a.active, .flat-tabs .link.active {
    color: #333; }
  .flat-tabs .control {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    background: #fff;
    text-align: center; }
  .flat-tabs .control i {
    position: relative;
    top: 1px;
    font-size: 13px; }
  .flat-tabs .control.active-control {
    background: #5bc0de;
    color: #fff; }
  .flat-tabs .quick-jump {
    background: #fff;
    color: #333;
    padding: 0;
    position: relative;
    display: inline-block;
    z-index: 300;
    cursor: pointer; }
  .flat-tabs .quick-jump .fa {
    padding-left: 5px; }
  .flat-tabs .quick-jump small {
    font-size: 0.7em;
    line-height: 100%; }
  .flat-tabs .quick-jump > a, .flat-tabs .quick-jump > .link {
    border-bottom: 3px solid transparent; }
  .flat-tabs .quick-jump > a:hover, .flat-tabs .quick-jump > .link:hover {
    color: #333; }
  .flat-tabs .quick-jump > .active {
    border-bottom: 3px solid #1a3f45; }
  .flat-tabs .quick-jump.is-focused .dropdown-content {
    display: block; }
  .flat-tabs .quick-jump .dropdown-content {
    border: 0;
    border-radius: 2px;
    background: #fafafa;
    text-align: left;
    min-width: 120px;
    position: absolute;
    margin-left: 0;
    top: 30px;
    left: 15px;
    display: none; }
  .flat-tabs .quick-jump .dropdown-content ul {
    text-align: left;
    width: 100%;
    display: block;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-size: 0.75em; }
  .flat-tabs .quick-jump .dropdown-content ul li {
    white-space: nowrap;
    padding: 3px 5px;
    margin: 0;
    text-align: left;
    width: 100%;
    display: block; }
  .flat-tabs .quick-jump .dropdown-content ul li .cat-checkbox-title {
    white-space: nowrap;
    display: block;
    width: 100%;
    line-height: 1.2em;
    font-weight: normal; }
  .flat-tabs .quick-jump .dropdown-content ul li .cat-checkbox-title:hover {
    background-color: #f7f7f7; }
  .flat-tabs .quick-jump .dropdown-content ul li .cat-checkbox-title input {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 7px; }
    @media all and (-ms-high-contrast: none) {
          .flat-tabs .quick-jump .dropdown-content ul li .cat-checkbox-title input {
            position: relative;
            top: 3px; } }
  .flat-tabs .quick-jump .dropdown-content ul li .cat-checkbox-title a {
    display: inline-block;
    padding-left: 0; }
  .flat-tabs .quick-jump .dropdown-content ul li:hover {
    background-color: #f7f7f7; }

.feedback-form .main-input {
  margin-left: 15px;
  margin-top: 20px;
  margin-bottom: 40px; }
  .feedback-form .main-input::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 760px) {
    .feedback-form .main-input {
      margin-top: 10px;
      margin-bottom: 20px; } }
  .feedback-form .main-input h3 {
    font-size: 100%;
    margin: 0;
    padding: 0;
    font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    float: left;
    line-height: 35px; }
  .feedback-form .main-input .question-type {
    display: block;
    float: left;
    min-width: 200px;
    width: 45%;
    max-width: 450px;
    margin: 0 15px; }
  .feedback-form .main-input .start-btn {
    float: left; }
  .feedback-form .main-input .button, .feedback-form .main-input .switch-link {
    width: auto;
    border: 1px solid #1a3f45;
    background: #1a3f45;
    text-align: center;
    text-shadow: none;
    margin: 0;
    padding: 10px; }
  @media screen and (max-width: 760px) {
    .feedback-form .main-input .input, .feedback-form .main-input .button, .feedback-form .main-input .switch-link {
      display: block;
      margin-bottom: 10px;
      width: 100%; } }

.feedback-form-expanded {
  position: relative;
  top: -30px;
  left: 20px;
  padding: 10px;
  padding-bottom: 10px;
  max-width: 600px;
  border-radius: 4px;
  background: #f2f2f2; }
  .feedback-form-expanded .bucket {
    margin-bottom: 15px; }
  .feedback-form-expanded .button:not(.attach-file), .feedback-form-expanded .switch-link:not(.attach-file) {
    width: 34%;
    border: 1px solid #3c94a2;
    border-bottom: none;
    background: #3c94a2;
    text-align: center;
    text-shadow: none;
    margin-top: 15px; }
  .feedback-form-expanded .button.attach-file, .feedback-form-expanded .switch-link.attach-file, .feedback-form-expanded .attach-file-active.switch-link, .feedback-form-expanded .attach-file-active.button, .feedback-form-expanded .switch-link.attach-file-active {
    margin-top: 10px; }
  .feedback-form-expanded:before {
    position: absolute;
    top: -20px;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #f2f2f2;
    content: " "; }
  @media screen and (max-width: 760px) {
  .feedback-form-expanded {
    left: 0;
    max-width: none;
    width: 100%; } }

.main-feedback {
  margin-top: 10px; }
  .main-feedback .table-meta {
    top: -10px; }
  .main-feedback .feedback-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6; }
  .main-feedback .feedback-item::after {
    clear: both;
    content: "";
    display: table; }
  .main-feedback .feedback-item:last-child {
    padding-bottom: 0;
    border-bottom: 0; }
  @media screen and (max-width: 760px) {
        .main-feedback .feedback-item.feedback-list-item .feedback-item-content .comment {
          display: none; }
        .main-feedback .feedback-item.feedback-list-item .feedback-item-content .article-meta {
          display: none; }
        .main-feedback .feedback-item.feedback-list-item .feedback-item-content .feedback-item-meta {
          display: none; } }
  .main-feedback .paged-results {
    min-height: 100px; }
  .main-feedback .paged-results .no-data {
    display: inline-block;
    padding-top: 65px; }
  .main-feedback .feedback-item-controls, .main-feedback .feedback-item-content {
    display: block;
    padding-top: 0;
    padding-bottom: 10px; }
  @media screen and (max-width: 760px) {
    .main-feedback .feedback-item-controls, .main-feedback .feedback-item-content {
      padding-bottom: 0; } }
  .main-feedback p {
    font-weight: normal;
    font-size: 0.95em; }
  .main-feedback .feedback-status, .main-feedback .feedback-item-type {
    display: inline-block;
    float: right;
    padding: 1px 10px;
    border-radius: 2px;
    background: #5cb85c;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px; }
  .main-feedback .feedback-status a, .main-feedback .feedback-item-type a {
    text-decoration: none;
    color: #fff; }
  .main-feedback .feedback-status i, .main-feedback .feedback-item-type i {
    margin-right: 4px; }
  .main-feedback .feedback-item-type {
    background: #f2f2f2;
    float: left;
    margin-right: 10px; }
  .main-feedback .feedback-item-type a {
    color: #333; }
  @media screen and (max-width: 760px) {
  .main-feedback .feedback-status, .main-feedback .feedback-item-type {
    float: none; } }
  .main-feedback .feedback-item-controls {
    float: left;
    width: 105px; }
  .main-feedback .feedback-item-controls a {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 5px 0;
    width: 95px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    color: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold; }
  @media screen and (max-width: 760px) {
      .main-feedback .feedback-item-controls a {
        position: absolute;
        right: 0;
        z-index: 1111; } }
  .main-feedback .feedback-item-controls a.rate_forbidden:not(.closed) {
    cursor: not-allowed; }
  .main-feedback .feedback-item-controls .i-agree:hover:not(.rate_forbidden):not(.closed) {
    border: 1px solid #14d3a1; }
  .main-feedback .feedback-item-controls .i-agree:hover:not(.rate_forbidden):not(.closed) i {
    color: #14d3a1;
    opacity: 1; }
  .main-feedback .feedback-item-controls .agreed {
    border: 1px solid #14d3a1; }
  .main-feedback .feedback-item-controls .agreed i {
    color: #14d3a1;
    opacity: 1; }
  .main-feedback .feedback-item-controls .agreed.closed {
    border-color: #e0e0e0; }
  .main-feedback .feedback-item-controls .agreed.closed div {
    color: #c0c0c0; }
  .main-feedback .feedback-item-controls .agreed.closed i {
    color: #14d3a1; }
  .main-feedback .feedback-item-controls .star div {
    display: inline-block;
    margin-left: 10px;
    font-size: 1.15em; }
  .main-feedback .feedback-item-controls .star i {
    color: #b6b158;
    opacity: 1; }
  .main-feedback .feedback-item-controls .star:hover {
    border: 1px solid #b6b158; }
  .main-feedback .feedback-item-controls .star:hover i {
    color: #b6b158;
    opacity: 1; }
  .main-feedback .feedback-item-controls div {
    font-size: 13px; }
  .main-feedback .feedback-item-controls i {
    font-size: 1.3em;
    opacity: 0.5; }
  .main-feedback .feedback-item-controls .counter-wrapper {
    display: block;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 99px;
    position: absolute;
    top: -7px;
    right: -7px; }
  .main-feedback .feedback-item-controls .counter {
    position: relative;
    top: 4px;
    left: 4px;
    display: block;
    width: 20px;
    height: 20px;
    font-weight: 800;
    border-radius: 30px;
    background: #14d3a1;
    color: #fff;
    line-height: 1em;
    text-align: center;
    font-size: 10.5px;
    padding-top: 5px; }
  .main-feedback .feedback-item-controls .closed .counter {
    background: #c0c0c0; }
  @-moz-document url-prefix() {
    .main-feedback .feedback-item-controls .counter {
      padding-left: 1px; } }
  .main-feedback .feedback-item-content {
    overflow: hidden;
    padding-left: 10px;
    border-left: 1px solid #e6e6e6; }
  .main-feedback .feedback-item-content h1 {
    font-weight: normal;
    font-size: 1.25em;
    margin-bottom: 10px; }
  .main-feedback .feedback-item-content h1 .text-tag, .main-feedback .feedback-item-content h1 .rating-tag, .main-feedback .feedback-item-content h1 .comment-tag, .main-feedback .feedback-item-content h1 .date-tag {
    top: -3px;
    left: 0;
    margin-right: 10px;
    padding: 7px 10px;
    background: #eaeaea;
    color: #ababab; }
  .main-feedback .feedback-item-content h1 .text-tag:after, .main-feedback .feedback-item-content h1 .rating-tag:after, .main-feedback .feedback-item-content h1 .comment-tag:after, .main-feedback .feedback-item-content h1 .date-tag:after {
    display: none; }
  .main-feedback .feedback-item-content h1 .text-tag a, .main-feedback .feedback-item-content h1 .rating-tag a, .main-feedback .feedback-item-content h1 .comment-tag a, .main-feedback .feedback-item-content h1 .date-tag a {
    text-decoration: none;
    color: inherit;
    padding-left: 2px; }
  .main-feedback .feedback-item-content h1 .text-tag a:hover, .main-feedback .feedback-item-content h1 .rating-tag a:hover, .main-feedback .feedback-item-content h1 .comment-tag a:hover, .main-feedback .feedback-item-content h1 .date-tag a:hover {
    text-decoration: underline; }
  .main-feedback .feedback-item-content h1 a {
    color: #333; }
  @media screen and (max-width: 760px) {
    .main-feedback .feedback-item-content h1 {
      display: block;
      padding-right: 110px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; } }
  .main-feedback .feedback-item-content .comment {
    margin: 5px 0 10px 0;
    color: #5f5f5f; }
  @media screen and (max-width: 760px) {
  .main-feedback .feedback-item-controls, .main-feedback .feedback-item-content {
    float: none;
    width: 100%;
    overflow: initital;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0; }
  .main-feedback .feedback-item-content h1 {
    font-size: 1.25em;
    margin-top: 10px; } }
  .main-feedback .feedback-item-meta {
    margin-top: 15px;
    color: #7a7a7a;
    font-size: 13px; }
  .main-feedback .feedback-item-meta ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .main-feedback .feedback-item-meta ul li {
    display: inline-block;
    margin-right: 25px; }
  .main-feedback .feedback-item-meta a {
    color: inherit;
    text-decoration: none; }
  .main-feedback .feedback-item-meta i {
    margin-right: 3px; }

.front-page-feedback a {
  text-decoration: none; }
  @media screen and (max-width: 760px) {
      .front-page-feedback ul li .text-tag, .front-page-feedback ul li .rating-tag, .front-page-feedback ul li .comment-tag, .front-page-feedback ul li .date-tag {
        display: none; } }
  .front-page-feedback ul li a.thumbs {
    text-decoration: none; }
  @media screen and (max-width: 760px) {
        .front-page-feedback ul li a.thumbs {
          display: none; } }
  .front-page-feedback ul li a.thumbs a {
    vertical-align: middle; }
  .front-page-feedback ul li a.thumbs span {
    position: relative;
    vertical-align: middle;
    top: -2px;
    display: inline-block;
    padding: 3px 4px;
    min-width: 46px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    color: #7a7a7a;
    font-weight: bold;
    font-size: 0.75em;
    line-height: 1em;
    cursor: default;
    padding-left: 20px; }
  .front-page-feedback ul li a.thumbs span:hover {
    border: 1px solid #e6e6e6;
    cursor: pointer; }
  .front-page-feedback ul li a.thumbs span i {
    position: absolute;
    left: 5px;
    color: #3c94a2;
    vertical-align: middle; }

.downloads ul.download-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 20px; }
  .downloads ul.download-list > li {
    padding-bottom: 2px;
    padding-left: 10px; }
  .downloads ul.download-list > li a {
    text-decoration: none; }
  .downloads ul.download-list > li a:hover {
    text-decoration: underline; }
  .downloads ul.download-list > li p {
    margin-bottom: 10px;
    color: #333;
    font-weight: normal; }
  .downloads ul.download-list > li h1 {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #3c94a2;
    font-size: 1.25em; }
  .downloads ul.download-list > li h1 i {
    position: relative;
    top: -2px;
    margin-right: 3px;
    font-size: 13px; }
  .downloads ul.download-list > li .date {
    margin-left: 5px;
    color: #7a7a7a; }
  .downloads ul.download-list > li.download-item {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px; }
  .downloads .controls {
    float: right;
    font-weight: normal; }
  .downloads .controls ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    overflow: hidden;
    border-radius: 2px;
    font-size: 13px;
    line-height: 1em; }
  .downloads .controls ul li {
    display: inline-block; }
  .downloads .controls ul a {
    display: block;
    padding: 8px 10px;
    background: #ededed;
    color: #adadad; }
  .downloads .controls ul a:hover:not(.disabled) {
    background: #c7c7c7;
    color: #fff; }
  .downloads .controls ul i {
    margin: 0 3px;
    font-size: 1.3em; }
  .downloads .controls ul .the-file a {
    background: #3c94a2;
    color: #fff; }
  .downloads .controls ul .the-file a:hover {
    background: #2e727d; }
  .downloads .controls ul .the-cudos {
    border-left: 1px solid #e6e6e6; }
  .downloads .controls ul .the-cudos.with-voted .as-vote-animate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    vertical-align: baseline; }
  .downloads .controls ul .the-cudos .agreed i {
    color: #337ab7;
    opacity: 1; }
  .downloads .controls ul .the-cudos.has-cudos {
    border-left: 1px solid #1a3f45;
    background: #1a3f45; }
  .downloads .controls ul .the-cudos.has-cudos a {
    background: #1a3f45;
    color: #fff; }

.front-page-downloads a {
  text-decoration: none; }
  .front-page-downloads ul li .file-icon {
    display: inline-block;
    margin-right: 10px;
    padding: 5px;
    min-width: 35px;
    border-radius: 2px;
    background: #3c94a2;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px; }
  .front-page-downloads ul li .file-icon.file-download {
    background: #5bc0de; }
  .front-page-downloads ul li .file-icon span {
    line-height: 1em; }

.front-page-kb a {
  text-decoration: none; }

.article-categories-expandable {
  margin-bottom: 10px;
  padding: 20px;
  border-radius: 3px;
  background: #f2f2f2; }
  .article-categories-expandable header {
    position: relative;
    padding-left: 5px;
    line-height: 1em; }
  .article-categories-expandable header img {
    position: relative;
    top: -2px;
    margin-right: 10px;
    vertical-align: middle;
    opacity: 0.2; }
  .article-categories-expandable header a {
    display: block;
    color: inherit;
    text-decoration: none; }
  .article-categories-expandable header a::after {
    clear: both;
    content: "";
    display: table; }
  .article-categories-expandable header a:hover h1 {
    text-decoration: underline; }
  .article-categories-expandable .article-controls {
    position: absolute;
    top: 3px;
    right: 0;
    display: block; }
  .article-categories-expandable .article-controls.single-line {
    top: -5px; }
  .article-categories-expandable h1, .article-categories-expandable h2 {
    display: block;
    font-weight: normal; }
  .article-categories-expandable h1 {
    font-size: 1.2em; }
  .article-categories-expandable h2 {
    margin-top: 8px;
    color: #7a7a7a;
    font-size: 0.85em; }
  .article-categories-expandable .list-meta {
    margin-top: 0;
    background: #fff;
    text-align: left; }
  .article-categories-expandable .list-meta a {
    position: relative;
    top: -13px;
    left: 0;
    margin-left: 20px;
    color: #3c94a2;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    opacity: 1; }
  .article-categories-expandable .list-meta a span {
    color: inherit;
    font-weight: inherit; }
  .article-categories-expandable ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 18px;
    padding: 15px 20px;
    border-radius: 2px;
    background: #fff; }
  .article-categories-expandable ul li {
    margin-bottom: 12px; }
  .article-categories-expandable ul li:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
    width: 5px;
    height: 5px;
    border-radius: 199px;
    background: #7a7a7a;
    content: " "; }
  .article-categories-expandable ul a {
    color: inherit;
    text-decoration: none; }
  .article-categories-expandable ul a:hover {
    color: #333; }
  .article-categories-expandable .text-tag, .article-categories-expandable .rating-tag, .article-categories-expandable .comment-tag, .article-categories-expandable .date-tag {
    position: relative;
    top: -1px;
    margin-left: 3px;
    background: #1a3f45;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    font-size: 0.6em; }
  .article-categories-expandable .text-tag.updated, .article-categories-expandable .rating-tag.updated, .article-categories-expandable .comment-tag.updated, .article-categories-expandable .date-tag.updated {
    background: #fafafa;
    color: #7a7a7a; }

.article-tag {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  padding: 8px;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 2px;
  background: #fff;
  color: #7a7a7a;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7em;
  line-height: 1em; }
  .article-tag.new {
    border-bottom: 1px solid #70aa45;
    background: #1a3f45;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
  .article-tag.pointy:after {
    position: absolute;
    top: 35%;
    right: -8px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid rgba(255, 255, 255, 0);
    border-left: 4px solid #fff;
    content: " "; }

.expandable-control {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  padding: 10px 20px 10px 30px;
  color: #333;
  line-height: 1px; }
  .expandable-control i {
    position: relative;
    top: 2px;
    font-size: 1.3em;
    line-height: 1px; }
  .expandable-control:after {
    position: absolute;
    top: -7px;
    left: 0;
    display: block;
    width: 1px;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    content: " "; }

.article-categories {
  margin-bottom: 20px; }
  .article-categories header {
    position: relative;
    margin-bottom: 10px;
    text-align: center; }
  .article-categories header hr {
    position: relative;
    top: -0.85em;
    z-index: 99;
    margin: 0 auto;
    width: 75%;
    padding: 0;
    height: 1px;
    border: 0;
    background: #e6e6e6; }
  .article-categories header span {
    display: block;
    padding-bottom: 10px;
    color: #7a7a7a; }
  .article-categories h1 {
    position: relative;
    z-index: 100;
    display: inline-block;
    padding-right: 19px;
    padding-left: 19px;
    background: #fff;
    color: #7a7a7a;
    font-weight: normal;
    font-size: 1.1em; }
  .article-categories h1.with-icon {
    padding-left: 20px; }
  .article-categories h1 i {
    margin-right: 6px;
    opacity: 0.8;
    font-size: 1em;
    color: #7a7a7a; }
  .article-categories h1 span {
    display: inline;
    margin: 0;
    padding: 0;
    margin-left: 5px; }
  .article-categories h1 a {
    color: #3c94a2;
    text-decoration: none; }
  .article-categories h1 a:hover {
    text-decoration: underline; }

.kb-home::after {
  clear: both;
  content: "";
  display: table; }

.browse-page .kb-home {
  border-bottom: 1px solid #e6e6e6; }

.kb-simple-articles ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.3em; }
  .kb-simple-articles li {
    margin-bottom: 5px;
    padding: 15px 10px;
    border-bottom: 1px solid #e6e6e6; }
  .kb-simple-articles li:first-child {
    padding-top: 0; }
  .kb-simple-articles li:last-child {
    border-bottom: 0; }
  .kb-simple-articles li img {
    float: left;
    margin-top: 1em;
    margin-right: 10px;
    opacity: 0.3; }
  .kb-simple-articles li h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 8px;
    font-size: 1.15em; }
  .kb-simple-articles li .meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #7a7a7a;
    font-size: 13px; }
  .kb-simple-articles li a {
    color: inherit;
    text-decoration: none; }
  .kb-simple-articles li a:hover {
    text-decoration: underline; }
  .kb-simple-articles li a span {
    color: #7a7a7a; }

.top-articles-wide ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .top-articles-wide ul li {
    margin-bottom: 15px;
    margin-left: 10px;
    padding-left: 45px;
    background: no-repeat 10px center url(../img/icon-article-large.png); }
  .top-articles-wide ul h1 {
    margin-bottom: 5px;
    font-weight: 100;
    font-size: 1.3em;
    line-height: 1em; }
  .top-articles-wide ul a {
    color: inherit;
    text-decoration: none; }
  .top-articles-wide ul a:hover {
    text-decoration: underline; }
  .top-articles-wide ul .meta {
    display: block;
    color: #7a7a7a;
    font-size: 13px; }
  .top-articles-wide ul .meta strong, .top-articles-wide ul .meta a {
    color: #333;
    font-weight: inherit; }

ul.categories-article-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 20px; }
  ul.categories-article-list a h1 {
    color: #3c94a2; }
  ul.categories-article-list a .article-meta .focus {
    color: #333; }

.kb-article {
  padding-top: 20px; }
  .kb-article header::after, .kb-article footer::after {
    clear: both;
    content: "";
    display: table; }
  .kb-article header h1, .kb-article footer h1 {
    color: #5a5a5a;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 6px; }
  .kb-article header h1 a, .kb-article footer h1 a {
    text-decoration: none; }
  .kb-article header, .kb-article .padded {
    padding-left: 10px; }
  @media screen and (max-width: 760px) {
    .kb-article header, .kb-article .padded {
      padding-left: 0; } }
  .kb-article header {
    padding-bottom: 10px; }
  .kb-article header .sub-note {
    background-color: #e8e8e8;
    padding: 4px;
    font-size: 9pt;
    margin-top: 5px; }
  .kb-article p {
    margin-bottom: 10px;
    font-weight: normal;
    line-height: 1.7em; }
  .kb-article .article-content img {
    margin: 10px;
    padding: 5px;
    border: 1px solid #e6e6e6;
    max-width: 100%; }
  .kb-article .article-content img.left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0; }
  .kb-article .article-content img.full {
    margin: 0;
    margin-bottom: 10px;
    width: 100%; }
  .kb-article .article-content h2 {
    font-size: 1.15em; }
  .kb-article .rate-article {
    margin: 30px 0;
    text-align: center; }
  .kb-article .rate-article a {
    position: relative;
    display: inline-block;
    padding: 10px;
    border-radius: 2px;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.2em; }
  .kb-article .rate-article .as-positive {
    border-bottom: 1px solid #80c780;
    background: #c7e6c7; }
  .kb-article .rate-article .as-negative {
    border-bottom: 1px solid #e27c79;
    background: #f4cecd; }
  .kb-article .rate-article .rate-up {
    border-bottom: 1px solid #bcdfb5;
    background: #a3d7a3; }
  .kb-article .rate-article .rate-up:hover {
    background: #80c780; }
  .kb-article .rate-article .rate-up span {
    margin-left: 10px;
    padding: 3px 10px;
    border-left: 1px solid #6ec06e; }
  .kb-article .rate-article .rate-down {
    border-bottom: 1px solid #f0b8c0;
    background: #eba5a3; }
  .kb-article .rate-article .rate-down:hover {
    background: #e27c79; }
  .kb-article .rate-article .rate-down:after {
    left: 20px;
    border-bottom: 3px solid #e6e6e6; }
  .kb-article .rate-article .rate-down span {
    margin-right: 10px;
    padding: 3px 10px;
    border-right: 1px solid #de6764; }
  .kb-article .rate-article .rated:after {
    left: 50%; }
  .kb-article .article-extras {
    margin-top: 20px;
    padding: 10px 10px;
    border: 1px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    border-radius: 2px;
    background: #f7f7f7;
    font-size: 13px; }
  .kb-article .article-extras.as-top {
    margin-top: 0;
    margin-bottom: 20px; }
  .kb-article .article-extras strong {
    font-weight: bold; }
  .kb-article .article-extras ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .kb-article .article-extras li:before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 4px;
    width: 5px;
    height: 5px;
    border-radius: 99px;
    background: #c4c4c4;
    content: " "; }
  .kb-article .related ul {
    margin: 0;
    margin-top: 20px;
    padding: 0;
    list-style: none;
    font-size: 1em; }
  .kb-article .related ul li {
    margin-bottom: 5px;
    margin-left: 5px; }
  .kb-article .related ul a {
    color: #333;
    text-decoration: none; }
  .kb-article .related ul .text-tag, .kb-article .related ul .rating-tag, .kb-article .related ul .comment-tag, .kb-article .related ul .date-tag {
    position: relative;
    top: -1px; }
  .kb-article .related ul i {
    position: relative;
    top: -1px;
    margin-right: 3px;
    font-size: 0.85em; }

.article-content.fr-view, .fr-view {
  overflow: hidden; }
  .article-content.fr-view img, .fr-view img {
    position: relative;
    max-width: 100%; }
  .article-content.fr-view img.fr-dib, .fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top; }
  .article-content.fr-view img.fr-dib.fr-fil, .fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left; }
  .article-content.fr-view img.fr-dib.fr-fir, .fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right; }
  .article-content.fr-view img.fr-dii, .fr-view img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px)); }
  .article-content.fr-view img.fr-dii.fr-fil, .fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px); }
  .article-content.fr-view img.fr-dii.fr-fir, .fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px); }
  .article-content.fr-view img.topAligned, .fr-view img.topAligned {
    vertical-align: top; }
  .article-content.fr-view img.middleAligned, .fr-view img.middleAligned {
    vertical-align: middle; }
  .article-content.fr-view img.bottomAligned, .fr-view img.bottomAligned {
    vertical-align: bottom; }

.kb-article-news header h1 {
  margin-bottom: 5px; }
  .kb-article-news .calendar-decoration {
    margin-top: 2px; }

.kb-article-standalone .related {
  line-height: 1.4em; }
  .kb-article-standalone .comment-box .single-comment .comment-content, .kb-article-standalone .comment-box .single-comment .comment-info {
    float: none;
    width: 100%;
    text-align: left; }
  .kb-article-standalone .comment-box .single-comment .comment-info .author, .kb-article-standalone .comment-box .single-comment .comment-info .avatar {
    display: inline-block;
    margin: 0; }
  .kb-article-standalone .comment-box .blurb {
    margin-left: 0;
    border: 0;
    border-bottom: 1px solid #e6e6e6; }
  .kb-article-standalone .agent-response .blurb {
    margin-top: 10px;
    border-bottom: 0; }
  .kb-article-standalone .response {
    margin-left: 0;
    padding-left: 10px;
    width: 100%; }
  .kb-article-standalone .response .response-meta {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    font-size: 1em; }
  .kb-article-standalone .response .response-meta span {
    position: relative;
    display: inline;
    float: none;
    vertical-align: bottom; }
  .kb-article-standalone .response .response-meta .avatar {
    position: relative;
    left: 0;
    display: inline-block;
    float: none;
    margin: 0;
    margin-right: 5px;
    vertical-align: bottom; }
  .kb-article-standalone .response .response-meta .author {
    font-size: 1em; }

.dropdown-control {
  position: relative;
  top: -4px;
  display: inline-block;
  margin-left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fafafa;
  color: #555;
  text-align: center; }
  .dropdown-control:hover {
    color: #333; }
  .dropdown-control i {
    position: relative;
    top: 4px;
    font-size: 13px; }

.dropdown-active {
  position: absolute;
  right: 20px;
  display: block;
  padding: 0 15px;
  min-width: 220px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  background: #fafafa;
  text-align: left; }
  .dropdown-active ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .dropdown-active ul li {
    padding: 7px 0; }
  .dropdown-active .option {
    margin-top: 2px;
    border-top: 1px solid #e6e6e6; }
  .dropdown-active .option a {
    color: #7a7a7a;
    text-decoration: none; }
  .dropdown-active .dropdown-control {
    position: absolute;
    top: -25px;
    right: -1px;
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

.ticket-agents, .agent-extras {
  position: relative;
  float: left;
  margin: 5px 0;
  min-height: 40px;
  width: 50%; }
  .ticket-agents.ticket-agents .agent, .agent-extras.ticket-agents .agent {
    width: 47%; }
  .ticket-agents .agent-info, .agent-extras .agent-info {
    width: 70%; }

.agent-extras {
  padding-top: 7px;
  border-left: 1px solid #e6e6e6;
  text-align: right; }

@media screen and (max-width: 760px) {
  .ticket-agents, .agent-extras {
    float: none;
    width: 100%;
    border: 0;
    text-align: center; }

  .agent-extras .dropdown-control {
    display: none; }
    .agent-extras .agent-avatar {
      position: relative;
      top: -5px;
      float: left;
      margin-right: 5px; }
    .agent-extras .grey {
      display: none; }
    .agent-extras .dropdown-active {
      position: relative;
      top: 0;
      left: 0;
      display: inline;
      padding: 0;
      width: 100%;
      border: none;
      background: none; }
      .agent-extras .dropdown-active ul {
        display: inline; }
        .agent-extras .dropdown-active ul li {
          display: inline-block;
          border: 0; }
          .agent-extras .dropdown-active ul li .agent-avatar {
            position: relative;
            top: -5px; }
          .agent-extras .dropdown-active ul li.option {
            display: block;
            text-align: center; }
            .agent-extras .dropdown-active ul li.option a {
              display: block;
              padding-top: 5px;
              padding-bottom: 5px;
              width: 100%;
              border: 2px solid #e6e6e6;
              border-radius: 4px;
              color: #333; }
            .agent-extras .dropdown-active ul li.option .agent-avatar {
              display: none; }

  .ticket-agents .agent {
    margin: 15px 30px; }
    .ticket-agents .agent .agent-info {
      display: block;
      width: 100%;
      text-align: center; } }

.ticket-status {
  position: relative;
  top: -5px;
  display: inline-block;
  margin-left: 1em;
  padding: 0.4em 1em;
  border-radius: 199px;
  background: #f2f2f2;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  font-weight: bold;
  font-size: 0.4em;
  line-height: 1em; }
  .ticket-status:hover {
    border-bottom: 0;
    background: #1a3f45; }

.ticket-page hr {
  margin: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  height: 1px;
  border: 0;
  background: #e6e6e6; }
  .ticket-page h1 {
    display: inline-block;
    font-weight: normal; }
  .ticket-page header {
    position: relative;
    margin-bottom: 30px; }
  .ticket-page header:before {
    position: absolute;
    top: 15px;
    z-index: 99;
    display: block;
    width: 100%;
    height: 1px;
    background: #fafafa;
    content: " "; }
  .ticket-page header h1 {
    position: relative;
    z-index: 100;
    padding-right: 20px;
    background: #fff;
    font-size: 1.7em; }
  .ticket-page header .ticket-reference {
    position: relative;
    top: 2px;
    z-index: 100;
    float: right;
    padding-left: 20px;
    background: #fff;
    color: #7a7a7a;
    font-weight: normal;
    font-size: 1.2em; }
  @media screen and (max-width: 760px) {
  .ticket-page header h1, .ticket-page header .ticket-reference {
    display: block;
    float: none;
    padding: 0 0;
    text-align: center; }
    .ticket-page header h1 .ticket-status, .ticket-page header .ticket-reference .ticket-status {
      margin-top: 20px; } }
  .ticket-page .ticket-timeline {
    margin-top: 60px;
    padding-left: 60px;
    position: relative; }
  .ticket-page .ticket-timeline p a {
    padding-bottom: 3px;
    border-bottom: 1px solid #3c94a2;
    text-decoration: none; }
  .ticket-page .ticket-timeline .line {
    position: absolute;
    display: block;
    margin-left: -32px;
    width: 1px;
    background: #e6e6e6;
    top: 0;
    bottom: 0; }
  .ticket-page .item {
    position: relative;
    margin-top: 40px; }
  .ticket-page .item p {
    margin-bottom: 10px; }
  .ticket-page .item h1 {
    margin: 0.6em 0;
    font-size: 1.1em;
    line-height: 1em; }
  .ticket-page .item h1 span {
    color: #7a7a7a; }
  .ticket-page .item .badge {
    position: absolute;
    left: -50px;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 199px;
    background: #fff;
    text-align: center; }
  .ticket-page .item .badge img {
    position: relative;
    top: 8px;
    opacity: 0.3; }
  .ticket-page .item .badge:before, .ticket-page .item .badge:after {
    position: absolute;
    display: block;
    width: 36px;
    height: 10px;
    background: #fff;
    content: " "; }
  .ticket-page .item .badge:before {
    top: -10px; }
  .ticket-page .item .badge:after {
    bottom: -10px; }
  .ticket-page .item strong {
    font-weight: normal; }
  .ticket-page .comment {
    margin-top: 10px;
    padding: 20px;
    font-weight: normal; }
  .ticket-page .comment h3 {
    margin: 7px 0; }
  .ticket-page .comment p:last-child {
    margin-bottom: 0; }
  .ticket-page .agent-reply {
    border: 0;
    border-radius: 2px;
    background: #f7f7f7; }
  .ticket-page .user-reply {
    border: 0;
    border-radius: 2px;
    background: #fafafa; }
  .ticket-page .event-happened-at {
    display: block;
    color: #7a7a7a;
    font-weight: normal;
    font-size: 13px;
    line-height: 1em; }
  .ticket-page .post-rating {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1em; }
  .ticket-page .post-rating span {
    font-weight: normal; }
  .ticket-page .post-rating span .face {
    display: inline-block;
    margin-right: 3px;
    padding: 5px;
    width: 20px;
    height: 20px;
    border-radius: 199px;
    color: #fff;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 0.75em;
    line-height: 0.9em; }
  .ticket-page .post-rating span.helpful {
    color: #1a3f45; }
  .ticket-page .post-rating span.helpful .face {
    background: #1a3f45; }
  .ticket-page .post-rating span.unhelpful {
    color: #f4cecd; }
  .ticket-page .post-rating span.unhelpful .face {
    background: #f4cecd; }
  .ticket-page .post-rating.not-rated a {
    float: right;
    margin-top: -10px;
    border-bottom: none;
    color: #7a7a7a; }
  .ticket-page .post-rating.not-rated a:hover {
    color: #333; }
  .ticket-page a.attachement {
    border: 0;
    border-radius: 2px;
    background: #d9edf7;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 2px;
    color: #333;
    text-decoration: none;
    font-weight: normal;
    font-size: 13px; }
  .ticket-page a.attachement:hover {
    background: #c4e3f3; }
  .ticket-page a.attachement img {
    margin-right: 20px;
    max-width: 80px;
    border-radius: 4px;
    vertical-align: middle; }
  .ticket-page a.attachement .file-type {
    display: inline-block;
    margin-right: 15px;
    width: 25px;
    height: 25px;
    border-radius: 2px;
    color: #fff;
    vertical-align: middle;
    text-align: center; }
  .ticket-page a.attachement .file-type i {
    position: relative;
    top: 5px; }
  .ticket-page a.attachement .file-type.file-type-pdf {
    background: #3c94a2; }
  .ticket-page a.attachement .file-type.file-type-pdf i {
    left: 1px; }
  .ticket-page a.attachement .file-type.file-type-download {
    background: #3c94a2; }
  .ticket-page a.attachement .attachement-size {
    margin-right: 10px;
    margin-left: 10px;
    opacity: 0.5; }
  .ticket-page .reply-form {
    margin-top: 5px; }

.with-dpui .ticket-timeline .reply-form {
  display: none; }

.post-satisfaction {
  border: 0;
  border-radius: 2px;
  background: #fff;
  margin-top: 20px;
  padding: 20px;
  border-radius: 2px; }
  .post-satisfaction h1 {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 13px; }
  .post-satisfaction h2 {
    font-weight: 100;
    font-size: 13px; }
  .post-satisfaction .pick-satisfaction {
    margin-top: 20px;
    margin-bottom: 20px; }
  .post-satisfaction .pick-satisfaction a {
    display: inline-block;
    margin-right: 3%;
    color: inherit;
    text-decoration: none;
    font-weight: normal; }
  .post-satisfaction .pick-satisfaction a span {
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 199px;
    background: #555;
    color: #fff;
    text-align: center;
    font-size: 1em;
    line-height: 28px; }
  .post-satisfaction .pick-satisfaction a.great:hover span {
    background: #c7e6c7; }
  .post-satisfaction .pick-satisfaction a.ok:hover span {
    background: #fcf8e3; }
  .post-satisfaction .pick-satisfaction a.cant-get-no:hover span {
    background: #f4cecd; }

.switch-link {
  position: relative;
  top: -5px;
  float: right; }

.table-meta {
  position: relative; }

.table-controls {
  position: absolute;
  top: -20px;
  right: 4px;
  padding: 0 5px;
  background: #fff; }
  .table-controls a {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
    text-align: center;
    text-decoration: none; }
  .table-controls .column-control {
    position: relative; }
  .table-controls .column-control:before {
    position: relative;
    top: 4px;
    left: 4px;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 99px;
    background: #7a7a7a;
    content: " "; }
  .table-controls .sort {
    width: 45px; }
  .table-controls .sort span {
    position: absolute;
    top: 2px;
    left: 14px;
    display: block;
    color: #7a7a7a;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    line-height: 1em; }
  .table-controls .expand-control {
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    color: #fff; }
  .table-controls .expand-control i {
    position: absolute;
    top: 1px;
    left: 5px;
    font-size: 13px; }

.marked {
  padding: 2px 4px;
  color: #333;
  font-weight: 800; }
  .marked.search {
    background: #fcf8e3; }

.filter-matches {
  position: relative;
  top: -4px;
  margin-bottom: 3px;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.7em;
  opacity: 0.5; }

.filter-text-results {
  margin-top: 15px;
  margin-bottom: 6px;
  padding-left: 25px;
  font-style: italic;
  font-size: 13px; }

.filter-warning {
  margin-bottom: 7px;
  padding: 5px 10px;
  color: #333;
  font-size: 0.85em; }
  .filter-warning i {
    margin-right: 10px; }
  .filter-warning a {
    color: inherit;
    font-weight: normal; }

@media screen and (max-width: 760px) {
  .table-wrapper {
    width: 100%;
    overflow-x: scroll; } }

.user-ticket-list-expanded {
  margin-bottom: 60px;
  padding: 10px 20px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
  .user-ticket-list-expanded .user-ticket-list {
    margin-bottom: 0; }

.ticket-table .pagination {
  margin-bottom: 60px; }

.user-ticket-list {
  margin-bottom: 5px;
  width: 100%;
  font-size: 13px;
  overflow-y: scroll; }
  @media screen and (max-width: 760px) {
  .user-ticket-list {
    line-height: 1.2em; } }
  .user-ticket-list td, .user-ticket-list td:first-child {
    padding: 0;
    vertical-align: middle;
    text-align: left; }
  .user-ticket-list td.ticket-ref, .user-ticket-list td:first-child.ticket-ref {
    width: 150px;
    padding-left: 12px; }
  .user-ticket-list td.ticket-ref > span, .user-ticket-list td:first-child.ticket-ref > span {
    display: block;
    padding: 0.75em 1em;
    padding-left: 10px;
    color: #333;
    text-decoration: none; }
  .user-ticket-list td.table-header {
    margin-bottom: 100px;
    padding: 6px 12px;
    padding-bottom: 7.2px;
    font-size: 13px;
    min-width: 100px;
    text-align: center; }
  .user-ticket-list td.table-header span {
    display: inline-block;
    margin-left: 5px; }
  .user-ticket-list td.table-header:first-child {
    width: 50px;
    min-width: 0; }
  .user-ticket-list td.table-header a {
    color: #7a7a7a;
    text-decoration: none; }
  .user-ticket-list td.table-header a:hover {
    color: #333; }
  .user-ticket-list .right {
    text-align: right; }
  .user-ticket-list .item-row a {
    display: block;
    padding: 6px 12px;
    padding-left: 12px;
    color: #333;
    text-decoration: none; }
  @media screen and (max-width: 760px) {
    .user-ticket-list .item-row a {
      padding: 2px 8px; } }
  .user-ticket-list .item-row a .focus {
    margin-right: 3px;
    color: #333;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px; }
  .user-ticket-list .item-row a .positive {
    color: #1a3f45; }
  .user-ticket-list tr {
    border-bottom: 1px solid #e6e6e6; }
  .user-ticket-list tr.last-in-line {
    border-bottom: 0; }
  .user-ticket-list tr.first-in-line {
    border-bottom: 0; }
  .user-ticket-list tbody tr:hover {
    background: #f2f2f2; }
  .user-ticket-list tbody tr:hover td:before, .user-ticket-list tbody tr:hover td:after {
    background: #f2f2f2 !important; }
  .user-ticket-list tbody tr td.first-in-line:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 4px;
    background: #fff; }
  .user-ticket-list tbody tr td.first-in-line:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 500px;
    height: 4px;
    background: #fff; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .user-ticket-list tbody tr td.first-in-line:after {
          bottom: -1px; } }
  .user-ticket-list .status-tag {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background: #5bc0de;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 0.7em;
    line-height: 1.6em; }
  .user-ticket-list .info-block {
    position: relative;
    width: 220px;
    border-left: 1px solid #e6e6e6;
    text-align: right; }
  .user-ticket-list .info-block.centered {
    text-align: center; }
  .user-ticket-list .info-block.left {
    text-align: left; }
  .user-ticket-list .info-block.long {
    width: 300px; }
  .user-ticket-list .info-block.small {
    width: 100px; }
  .user-ticket-list .person, .user-ticket-list .date {
    display: block;
    font-weight: bold;
    font-size: 13px; }
  .user-ticket-list .person .avatar {
    float: none;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    margin-left: 4px;
    position: relative;
    top: -1px; }
  .user-ticket-list .date {
    color: #7a7a7a; }
  .user-ticket-list .avatar {
    float: right;
    margin-top: 2px;
    margin-left: 6px;
    width: 22px;
    height: 22px;
    border-radius: 199px; }

.welcome-header h1 {
  font-weight: normal;
  font-size: 1.7em;
  color: #333;
  margin-bottom: 2px; }
  .welcome-header h2 {
    font-size: 1em;
    font-weight: normal;
    color: #333; }

.welcome-blurb {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px; }

.welcome-block-wrapper {
  padding-right: 5px; }

.welcome-block-second-border {
  border: 1px solid #ddd;
  position: relative;
  right: -6px;
  bottom: -5px; }

.welcome-block {
  position: relative;
  left: -6px;
  top: -5px; }

.welcome-block {
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 30px;
  text-align: center;
  width: 100%;
  background: #fff; }
  @media screen and (max-width: 760px) {
  .welcome-block {
    padding: 15px 10px; } }
  .welcome-block h1 {
    font-weight: normal;
    font-size: 1.6em;
    margin-bottom: 10px; }
  .welcome-block h3 {
    font-size: 1.1em;
    font-weight: normal;
    opacity: 0.7;
    margin-top: 20px; }
  .welcome-block p {
    font-size: 12.5px;
    display: inline-block;
    max-width: 700px; }
  .welcome-block .welcome-block-social-media h3 {
    position: relative;
    display: inline-block; }
  .welcome-block .welcome-block-social-media h3:before, .welcome-block .welcome-block-social-media h3:after {
    content: "";
    position: absolute;
    display: block;
    width: 90px;
    height: 1px;
    background: #ddd;
    top: 13px; }
  .welcome-block .welcome-block-social-media h3:before {
    left: -100px; }
  .welcome-block .welcome-block-social-media h3:after {
    right: -100px; }
  @media screen and (max-width: 760px) {
      .welcome-block .welcome-block-social-media h3:before, .welcome-block .welcome-block-social-media h3:after {
        display: none; } }
  .welcome-block .welcome-block-social-media a {
    font-size: 1.9em;
    color: #333;
    opacity: 0.6;
    margin: 10px 15px; }
  .welcome-block .welcome-block-social-media a:hover {
    opacity: 1;
    color: #3ca2a2; }
  .welcome-block ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 15px; }
  .welcome-block ul li {
    display: inline-block; }

ul.big-button-collection {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 30px 0;
  display: block;
  text-align: left; }
  @media screen and (max-width: 760px) {
  ul.big-button-collection {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    background: #fff;
    width: 70%;
    max-width: 320px;
    height: 100%;
    z-index: 1199;
    padding: 0;
    margin: 0;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding-top: 50px; } }
  ul.big-button-collection.big-buttons {
    margin-left: -10px;
    text-align: center; }
  ul.big-button-collection.left {
    text-align: left; }
  ul.big-button-collection.thin {
    margin-top: 5px;
    margin-bottom: 10px; }
  ul.big-button-collection .big-button-collection-contract-mobile {
    text-align: left;
    margin-bottom: 10px;
    display: none; }
  ul.big-button-collection .big-button-collection-contract-mobile i {
    font-size: 1.8em; }
  @media screen and (max-width: 760px) {
    ul.big-button-collection .big-button-collection-contract-mobile {
      display: block; } }
  ul.big-button-collection li {
    display: inline-block;
    margin: 5px 10px;
    vertical-align: top; }
  ul.big-button-collection li a {
    display: block;
    width: 154px;
    height: 130px;
    border: 1px solid #d1d1d1;
    border-bottom: 2px solid #d1d1d1;
    border-radius: 2px;
    text-align: center;
    color: #333;
    text-decoration: none;
    line-height: 1em;
    padding-top: 22px;
    margin-top: 5px;
    margin-bottom: 5px; }
  ul.big-button-collection li a:hover {
    border: 1px solid #3c94a2;
    color: #3c94a2;
    border-bottom: 2px solid #3c94a2;
    text-decoration: none;
    background: #fdfeff; }
  ul.big-button-collection li a:hover .title, ul.big-button-collection li a:hover .subtitle, ul.big-button-collection li a:hover i {
    color: inherit; }
  ul.big-button-collection .fa, ul.big-button-collection .far, ul.big-button-collection .fas {
    font-size: 3em;
    color: #7a7a7a; }
  ul.big-button-collection .title {
    display: block;
    margin-bottom: 5px;
    margin-top: 18px; }
  ul.big-button-collection .subtitle {
    display: block;
    color: #7a7a7a;
    font-size: 0.85em;
    font-weight: normal; }
  ul.big-button-collection.small {
    margin-bottom: 10px; }
  ul.big-button-collection.small li {
    margin-right: 0;
    margin-left: 4px; }
  ul.big-button-collection.small li:first-child {
    margin-left: 0; }
  ul.big-button-collection.small li.active a {
    color: #333;
    background: #f2f2f2;
    border-bottom: 1px solid #e6e6e6; }
  ul.big-button-collection.small li.active a i {
    color: #333; }
  ul.big-button-collection.small li.active a:hover {
    background: #fff;
    color: #3c94a2;
    border-bottom: 1px solid #3c94a2; }
  ul.big-button-collection.small li a {
    padding: 10px 15px;
    width: auto;
    height: auto; }
  ul.big-button-collection.small li a .fa, ul.big-button-collection.small li a .far, ul.big-button-collection.small li a .fas {
    font-size: 1.2em;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle; }
  ul.big-button-collection.small li a .title {
    display: inline-block;
    margin: 0;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle; }
  ul.big-button-collection.small li a .subtitle {
    display: none; }

@media screen and (max-width: 760px) {
  ul.big-button-collection {
    margin-top: 0;
    margin-bottom: 0; }
    ul.big-button-collection li {
      display: block;
      padding: 0;
      margin: 0;
      height: auto;
      width: 100%;
      margin: 5px 0;
      font-weight: normal; }
    ul.big-button-collection li a, ul.big-button-collection.small li a {
      display: block;
      width: 100%;
      height: auto;
      text-align: left;
      padding: 0;
      margin: 0;
      padding: 10px; }
      ul.big-button-collection li a .title, ul.big-button-collection.small li a .title, ul.big-button-collection li a .subtitle, ul.big-button-collection.small li a .subtitle, ul.big-button-collection li a .fa, ul.big-button-collection.small li a .fa, ul.big-button-collection li a .far, ul.big-button-collection.small li a .far, ul.big-button-collection li a .fas, ul.big-button-collection.small li a .fas {
        display: inline-block;
        margin: 0;
        padding: 0;
        font-size: 1.25em;
        font-weight: normal; }
      ul.big-button-collection li a .fa, ul.big-button-collection.small li a .fa, ul.big-button-collection li a .far, ul.big-button-collection.small li a .far, ul.big-button-collection li a .fas, ul.big-button-collection.small li a .fas {
        margin-right: 2px;
        font-size: 1.5em; }
      ul.big-button-collection li a .subtitle, ul.big-button-collection.small li a .subtitle {
        display: block;
        margin-top: 4px;
        font-size: 13px; } }

.big-button-collection-expand-mobile {
  float: left;
  display: inline-block;
  text-align: center;
  color: #7a7a7a;
  width: 40px;
  height: 40px;
  height: 50px;
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1999;
  text-align: left;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding-top: 14px;
  padding-left: 14px; }
  .big-button-collection-expand-mobile a {
    display: inline-block;
    vertical-align: middle;
    color: #3c94a2;
    font-size: 1.5em;
    position: relative;
    text-decoration: none; }
  .big-button-collection-expand-mobile .title {
    font-size: 1.25em;
    position: relative;
    top: -2px; }
  .big-button-collection-expand-mobile a:hover {
    color: #3c94a2; }

.breadcrumbs ul.big-button-collection {
  margin: 10px 0; }
  .breadcrumbs ul.big-button-collection li:first-child {
    margin-left: 0; }

.welcome-news {
  text-align: center; }
  .welcome-news .news-panel {
    margin-top: 20px;
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    padding: 20px;
    text-align: left; }
  .welcome-news .news-panel h1 {
    color: #333;
    font-weight: normal;
    font-size: 1.3em;
    margin-bottom: 15px; }
  .welcome-news .news-panel p {
    color: #333;
    font-size: 13px;
    margin-bottom: 10px; }
  .welcome-news .news-panel p:last-child {
    margin-bottom: 0; }

.site-footer {
  position: relative;
  margin-top: 50px;
  text-align: center; }
  @media screen and (max-width: 760px) {
  .site-footer {
    margin-top: 20px; } }
  .site-footer hr {
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 299; }
  .site-footer .quick-jump {
    background: #fff;
    color: #333;
    padding: 5px;
    font-size: 13px;
    position: absolute;
    display: inline-block;
    left: 10px;
    z-index: 300;
    cursor: pointer;
    font-weight: bold; }
  .site-footer .quick-jump .fa-bars {
    position: relative;
    font-size: 1em;
    top: 1px;
    margin-right: 2px; }
  .site-footer .quick-jump:hover .fa-bars {
    color: #333; }
  .without-touch-device .site-footer .quick-jump:hover .dropdown-content, .without-touch-device .site-footer .quick-jump .dropdown-content:hover {
    display: block; }
  .site-footer .quick-jump.is-focused .dropdown-content {
    display: block; }
  .site-footer .quick-jump .dropdown-content {
    text-align: left;
    border-bottom: 3px solid #e6e6e6;
    min-width: 250px;
    position: absolute;
    margin-left: -8px;
    bottom: 30px;
    display: none; }
  .site-footer .quick-jump .dropdown-content:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top: 3px solid #e6e6e6;
    bottom: -9px;
    left: 10px; }
  .site-footer .quick-jump .dropdown-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    border-bottom: 0; }
  .site-footer .quick-jump .dropdown-content ul li {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    padding: 2px; }
  .site-footer .quick-jump .dropdown-content ul li:last-child {
    border-bottom: 0; }
  .site-footer .quick-jump .dropdown-content ul li a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    color: inherit; }
  .site-footer .quick-jump .dropdown-content ul li i {
    margin-right: 4px;
    margin-left: 5px; }
  .site-footer .back-to-top {
    position: absolute;
    z-index: 300;
    right: 10px;
    top: 5px;
    background: #fff;
    padding: 0 4px; }
  .site-footer .back-to-top a {
    cursor: pointer;
    padding: 0 10px;
    background: #fff;
    display: inline-block;
    text-decoration: none;
    color: #7a7a7a;
    font-size: 0.85em;
    border: 1px solid #e6e6e6;
    border-radius: 2px; }
  .site-footer .back-to-top a:hover {
    border-color: #bfbfbf; }
  .site-footer .footer-mark {
    display: inline-block;
    text-align: center;
    text-decoration: none; }
  .site-footer .footer-mark .logo-wrapper {
    position: relative;
    z-index: 300;
    margin-top: 4px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    background: #fff;
    margin-bottom: 5px; }
  .site-footer .footer-mark .deskpro-logo {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url("../../assets/40617/pub/src/DeskPRO/Bundle/PortalBundle/Resources/img/deskpro-logo-footer.png");
    background-size: cover;
    background-color: #fff; }
  .site-footer .footer-mark .tagline {
    color: #7a7a7a;
    font-size: 13px;
    display: block; }
  .site-footer .footer-mark .tagline strong {
    color: #333; }
  .site-footer .footer-mark .tagline:hover strong {
    text-decoration: underline; }

.person-avatar {
  display: inline-block; }

.deskpro-agent-top-bar-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #35383a;
  margin-bottom: 43px;
  line-height: 1em;
  z-index: 9999;
  border-bottom: 3px solid #3d77b6; }
  @media screen and (max-width: 760px) {
  .deskpro-agent-top-bar-wrapper {
    display: none; } }

.portal-mode-preview .deskpro-agent-top-bar-wrapper {
  display: none !important; }

body.with-agent-bar {
  margin-top: 43px; }
  @media screen and (max-width: 760px) {
  body.with-agent-bar {
    margin-top: 0; } }

.deskpro-agent-top-bar {
  max-width: 1180px;
  margin: 0 auto;
  height: 40px;
  color: #fff;
  font-size: 0.85em;
  font-weight: bold; }
  .deskpro-agent-top-bar a {
    text-decoration: none; }

.datb-user-impersonator {
  display: inline-block;
  height: 40px;
  background: #2f649c;
  color: #6e93ba;
  text-transform: uppercase;
  padding-left: 20px; }
  .datb-user-impersonator.on {
    color: #c1d1e1; }
  .datb-user-impersonator > span, .datb-user-impersonator a {
    display: inline-block;
    vertical-align: middle;
    padding-top: 13px;
    height: 40px; }
  .datb-user-impersonator span.datb-impersonated-user-email {
    text-transform: lowercase;
    color: #a7b4ca;
    text-decoration: underline; }
  .datb-user-impersonator i {
    display: inline-block;
    font-size: 1.5em;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 4px; }
  .datb-user-impersonator a {
    background: #3269a4;
    color: #fff;
    border-left: 1px solid #3c71a9;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 4px; }
  .datb-user-impersonator a:hover {
    background: #2e6198; }

.datb-dropdown-content-container {
  display: inline-block;
  position: relative; }

.datb-dropdown-content {
  display: block;
  width: 250px;
  background: #444648;
  position: absolute;
  top: 40px; }
  .datb-dropdown-content:befre {
    position: absolute;
    top: -4px;
    left: -10px; }
  .datb-dropdown-content ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    color: #dadada; }
  .datb-dropdown-content ul i {
    opacity: 0.5;
    margin-right: 5px; }
  .datb-dropdown-content ul li + li {
    border-top: 1px solid #4a4c4e; }
  .datb-dropdown-content ul.theme-selector {
    text-align: center; }
  .datb-dropdown-content ul.theme-selector .active {
    display: inline-block;
    position: absolute;
    bottom: -4px;
    left: -4px;
    width: 20px;
    height: 20px;
    border: 2px solid #444648;
    background: #5ba767;
    color: #fff;
    border-radius: 199px;
    text-align: center; }
  .datb-dropdown-content ul.theme-selector .active i {
    font-size: 13px;
    margin: 0;
    padding: 0;
    display: inline;
    margin-top: 2px; }
  .datb-dropdown-content ul.theme-selector li .image-wrapper {
    display: block;
    position: relative; }
  .datb-dropdown-content ul.theme-selector li a:hover {
    text-decoration: none; }
  .datb-dropdown-content ul.theme-selector li a:hover img {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
  .datb-dropdown-content ul.theme-selector li img {
    width: 100%;
    border-radius: 2px;
    vertical-align: top; }
  .datb-dropdown-content ul.theme-selector li span.theme-title {
    display: block;
    padding-top: 6px;
    font-size: 13px;
    opacity: 0.5; }
  .datb-dropdown-content a {
    display: block;
    padding: 10px;
    color: inherit;
    font-size: 13px;
    text-decoration: none;
    height: auto !important;
    position: relative; }
  .datb-dropdown-content a:hover {
    text-decoration: underline; }

.datb-interface-switcher {
  display: block;
  height: 40px;
  float: right;
  font-size: 1em; }
  .datb-interface-switcher > span {
    display: inline-block;
    text-transform: uppercase;
    padding-top: 14px;
    padding-right: 10px; }
  .datb-interface-switcher a {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    color: inherit;
    border-left: 1px solid #4a4c4e;
    padding-left: 10px;
    padding-right: 10px; }
  .datb-interface-switcher a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: 4px;
    opacity: 0.5; }
  .datb-interface-switcher a .datb-button-content {
    display: inline-block;
    vertical-align: middle;
    padding-top: 6px; }
  .datb-interface-switcher a .datb-button-content span {
    display: block; }
  .datb-interface-switcher a .datb-button-content .datb-interface-button-title {
    text-transform: uppercase; }
  .datb-interface-switcher a .datb-button-content .datb-interface-button-subtitle {
    opacity: 0.5; }
  .datb-interface-switcher a .datb-button-dropdown {
    padding: 10px;
    position: relative;
    left: 10px; }
  .datb-interface-switcher a .datb-button-dropdown:hover {
    opacity: 1;
    color: #fff; }
  .datb-interface-switcher a:hover .datb-button-content .datb-interface-button-title {
    color: #fff; }
  .datb-interface-switcher .datb-dropdown-content a i {
    top: -1px; }
  .datb-interface-switcher .datb-edit-context {
    display: inline-block;
    vertical-align: top;
    background: #2f649c;
    color: #fff; }
  .datb-interface-switcher .datb-edit-context a {
    color: inherit; }
  .datb-interface-switcher .datb-edit-context a:hover i {
    color: #fff;
    opacity: 1; }
  .datb-interface-switcher .datb-edit-context i {
    opacity: 0.5;
    top: 13px;
    left: 5px; }

.map-box {
  width: 100%;
  height: 150px;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 5px; }
  .map-box iframe {
    width: 100%;
    height: 150px;
    border: 0;
    padding: 0;
    margin: 0; }

.italics {
  font-style: italic; }

.deskpro-portal-tabs {
  color: #333;
  font-size: 13px;
  margin-bottom: 30px;
  line-height: 1.3em; }
  .deskpro-portal-tabs ul {
    display: block;
    list-style: none;
    padding: 0;
    padding-left: 10px;
    margin: 0;
    height: 34px; }
  .deskpro-portal-tabs ul li {
    display: block;
    float: left;
    height: 34px;
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    top: 1px; }
  .deskpro-portal-tabs ul a {
    text-decoration: none;
    color: #333;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    height: 34px;
    background: #fcfcfc;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    outline: 0;
    transition: all 0.2s ease; }
  .deskpro-portal-tabs ul a i {
    color: #7a7a7a; }
  .deskpro-portal-tabs ul a:hover {
    background: #f2f2f2;
    color: #333; }
  .deskpro-portal-tabs ul li.all a {
    background: #fcfcfc; }
  .deskpro-portal-tabs ul li.blank {
    width: 20px;
    border-bottom: 1px solid #e6e6e6; }
  .deskpro-portal-tabs ul li.dpt-active-tab a {
    background: #fff;
    border-bottom: 1px solid #fff;
    position: relative; }
  .deskpro-portal-tabs ul li.dpt-active-tab a:before {
    content: "";
    display: block;
    position: absolute;
    background: #3c94a2;
    width: 100%;
    height: 4px;
    left: -1px;
    top: 0; }
  .deskpro-portal-tabs ul li.dpt-active-tab a:after {
    content: "";
    display: block;
    position: absolute;
    background: #3c94a2;
    width: 50%;
    height: 4px;
    right: 0;
    top: 0;
    z-index: 299; }
  .deskpro-portal-tabs ul li.dpt-active-tab:first-child a:after, .deskpro-portal-tabs ul li.dpt-active-tab:last-child a:after {
    right: -1px; }

.user-logged-in {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 6px 12px;
  border: 1px dashed #e6e6e6;
  border-radius: 4px;
  background: #fafafa;
  color: #333;
  text-decoration: none; }
  .user-logged-in i {
    position: relative;
    top: 1px;
    margin-right: 4px;
    color: #7a7a7a;
    font-size: 1.3em; }
  .user-logged-in span {
    color: #3c94a2;
    font-weight: bold; }
  .user-logged-in div {
    position: absolute;
    top: 7px;
    right: 10px;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 2px;
    background: #7a7a7a;
    color: #555;
    font-size: 13px;
    line-height: 1em; }
  @media screen and (max-width: 760px) {
  .user-logged-in {
    text-align: center; }
    .user-logged-in div {
      position: relative;
      top: 0;
      left: 0;
      display: block;
      margin-top: 10px; }

    .user-logged-in i {
      display: block; } }

.attach-file, .attach-file-active {
  position: relative;
  background: #c9e6eb;
  border: 1px solid #e6e6e6;
  color: #333;
  padding: 5px;
  font-size: inherit;
  line-height: 1.2em;
  display: inline-block;
  transition: all 0.3s ease;
  color: #333;
  text-decoration: none;
  margin-bottom: 0;
  cursor: pointer; }
  @media screen and (max-width: 760px) {
  .attach-file, .attach-file-active {
    display: block;
    width: 100%;
    text-align: center; } }
  .attach-file i, .attach-file-active i {
    color: #7a7a7a;
    font-size: 1em;
    margin-right: 7px;
    margin-left: 7px;
    position: relative;
    top: 2px; }
  .attach-file .text, .attach-file-active .text {
    position: relative;
    top: 1px; }
  .attach-file .fake-button, .attach-file-active .fake-button {
    background: #e7f4f6;
    color: #333;
    padding: 7px 50px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    transition: all 0.3s ease; }
  @media screen and (max-width: 760px) {
    .attach-file .fake-button, .attach-file-active .fake-button {
      margin: 0;
      margin-top: 10px;
      width: 100%;
      display: block; } }
  .attach-file input[type="file"], .attach-file-active input[type="file"] {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    cursor: default; }
  .attach-file div.frame, .attach-file-active div.frame {
    display: inline-block;
    padding: 5px;
    border-radius: 1px;
    background: #7a7a7a;
    color: #555;
    font-size: 13px;
    line-height: 1em;
    margin-right: 5px;
    text-align: center; }
  .attach-file div.frame span, .attach-file-active div.frame span {
    color: #fff;
    display: block;
    white-space: nowrap; }
  .attach-file div.frame .caption, .attach-file-active div.frame .caption {
    margin-top: 10px;
    display: block;
    clear: both; }
  .attach-file div.frame img, .attach-file-active div.frame img {
    margin: auto auto 10px;
    text-align: center;
    display: block;
    clear: both; }
  .attach-file div.previews, .attach-file-active div.previews {
    display: block; }
  .attach-file span, .attach-file-active span {
    color: #7a7a7a;
    font-weight: normal;
    text-decoration: none; }

.new-ticket-attachments {
  cursor: pointer;
  margin-top: -5px; }
  .new-ticket-attachments .title {
    margin-top: 10px;
    margin-bottom: 0; }
  .new-ticket-attachments ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px; }
  .new-ticket-attachments ul li {
    position: relative;
    font-size: 13px;
    padding-left: 10px; }
  .new-ticket-attachments ul li i {
    margin-right: 4px; }
  .new-ticket-attachments ul a {
    text-decoration: none; }
  .new-ticket-attachments ul a:hover {
    text-decoration: underline; }
  .new-ticket-attachments ul .file-size {
    margin-left: 3px;
    font-size: 13px;
    opacity: #7a7a7a; }

.with-dpui .deskpro-form-widget.field_more_attachments {
  display: none; }

.with-dpui #ticket_reply_more_attachments {
  display: none; }

.with-dpui .medium-editor-toolbar {
  display: none; }

.medium-editor-toolbar-actions {
  float: left; }

.attach-file-active {
  border: 1px solid black; }

.remove-attachement {
  margin-left: 10px;
  color: inherit;
  font-size: 13px;
  opacity: 0.3; }
  .remove-attachement i {
    margin-right: 3px; }
  .remove-attachement:hover {
    opacity: 1; }

.radio-button {
  position: relative;
  display: inline-block;
  min-width: 125px;
  margin: 0 10px 0 0; }
  .radio-button:focus {
    outline: none; }
  .radio-button:focus label {
    outline: 1px dotted #e6e6e6; }
  .radio-button:focus.no-focus-border label {
    outline: none; }
  .radio-button input[type="radio"] {
    display: none;
    border: 1px solid #3c94a2; }
  .radio-button input[type="radio"]:checked + label:before {
    background: #3c94a2;
    border: 1px solid #3c94a2; }
  .radio-button input[type="radio"]:checked + label:after {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    float: left;
    margin-right: 3px;
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    border-radius: 16px;
    background-color: #fff;
    content: ""; }
  .radio-button label, .radio-button label.title {
    cursor: pointer;
    font-size: 13px;
    line-height: 18px; }
  .radio-button label.title, .radio-button label.title.title {
    padding-left: 0; }
  .radio-button label:before, .radio-button label.title:before {
    display: block;
    float: left;
    margin-right: 6px;
    width: 17px;
    height: 17px;
    line-height: 1.3em;
    border: 1px solid #d1d1d1;
    background: #fff;
    border-radius: 24px;
    content: ""; }

table.dp-formtable-tablerow {
  margin: 0;
  padding: 0;
  border: none; }
  table.dp-formtable-tablerow td {
    border-collapse: collapse;
    padding: 0;
    padding-right: 12px;
    vertical-align: top; }
  table.dp-formtable-tablerow td:last-child {
    padding-right: 0; }
  table.dp-formtable-tablerow td.dp-formtable-help {
    border-left: 1px solid #e6e6e6; }

.form-help {
  padding: 0 0 9px 0; }
  .form-help h1 {
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 1em; }
  .form-help p {
    font-size: 13px;
    line-height: 110%;
    color: #7a7a7a; }

table .form-help {
  padding: 5px 0 5px 20px; }

.form-meta {
  position: relative;
  z-index: 199;
  top: 6px;
  float: right;
  font-style: italic;
  font-size: 13px;
  line-height: 1em; }
  .form-meta.form-meta-top {
    top: -56px; }

.form-meta-grey {
  font-style: normal; }
  .form-meta-grey a {
    color: #7a7a7a;
    text-decoration: none; }
  .form-meta-grey a:hover {
    color: #333; }

.multiselect {
  position: relative;
  margin-bottom: 10px;
  cursor: default;
  background: #fff;
  font-size: 13px; }
  .multiselect .default {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    width: 100%;
    display: block;
    background: #fff;
    line-height: 32px;
    height: 32px;
    position: relative; }
  .multiselect .default span {
    padding: 0 12px;
    line-height: 31px;
    display: block; }
  .multiselect .default .filter-box input {
    width: 100%;
    padding: 6px 12px;
    margin: 0;
    line-height: 100%;
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none; }
  .multiselect .default .filter-box input:focus {
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none; }
  .multiselect .default .filter-box input::-webkit-input-placeholder {
    font-weight: normal;
    line-height: normal; }
  .multiselect .default .filter-box input::-moz-placeholder {
    font-weight: normal;
    line-height: normal; }
  .multiselect .default .filter-box input:-moz-placeholder {
    font-weight: normal;
    line-height: normal; }
  .multiselect .default .filter-box input:-ms-input-placeholder {
    font-weight: normal;
    line-height: normal; }
  .multiselect .default.expanded {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .multiselect .default.expanded:hover {
    color: #fff;
    border: 1px solid #d1d1d1;
    background: #fff; }
  .multiselect .default.collapsed span {
    overflow: hidden;
    height: 25px; }
  .multiselect .default:focus {
    outline: none;
    border: 1px solid #3c94a2; }
  .multiselect .default i[class^='fa-caret'], .multiselect .default i[class*=' fa-caret'] {
    position: absolute;
    top: 9px;
    color: #7a7a7a;
    right: 12px; }
  .multiselect .default i[class^='fa-times'], .multiselect .default i[class*=' fa-times'] {
    padding: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99; }
  .multiselect .default i[class^='fa-times']:hover, .multiselect .default i[class*=' fa-times']:hover {
    color: #7a7a7a; }
  .multiselect.small .default {
    padding: 4px; }
  .multiselect.small .default i[class^='fa-caret'], .multiselect.small .default i[class*=' fa-caret'] {
    top: 6px;
    right: 7px; }
  .multiselect.borderless .default {
    border: none; }
  .multiselect.borderless .default.expanded {
    border: none; }
  .multiselect.borderless.right .default {
    text-align: right;
    padding-right: 23px; }
  .multiselect.level-1, .multiselect.level-2, .multiselect.level-3, .multiselect.level-4, .multiselect.level-5, .multiselect.level-6, .multiselect.level-7, .multiselect.level-8, .multiselect.level-9, .multiselect.level-10 {
    display: inline-block;
    width: 100%;
    background: #fff; }
  .multiselect.level-1 .options-wrapper, .multiselect.level-2 .options-wrapper, .multiselect.level-3 .options-wrapper, .multiselect.level-4 .options-wrapper, .multiselect.level-5 .options-wrapper, .multiselect.level-6 .options-wrapper, .multiselect.level-7 .options-wrapper, .multiselect.level-8 .options-wrapper, .multiselect.level-9 .options-wrapper, .multiselect.level-10 .options-wrapper {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 7000;
    display: block; }
  .multiselect.level-1 ul, .multiselect.level-2 ul, .multiselect.level-3 ul, .multiselect.level-4 ul, .multiselect.level-5 ul, .multiselect.level-6 ul, .multiselect.level-7 ul, .multiselect.level-8 ul, .multiselect.level-9 ul, .multiselect.level-10 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    border: 1px solid #d1d1d1;
    max-height: 320px;
    overflow-y: auto;
    margin: -1px 0 0 0;
    background: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  .multiselect.level-1 ul a, .multiselect.level-2 ul a, .multiselect.level-3 ul a, .multiselect.level-4 ul a, .multiselect.level-5 ul a, .multiselect.level-6 ul a, .multiselect.level-7 ul a, .multiselect.level-8 ul a, .multiselect.level-9 ul a, .multiselect.level-10 ul a {
    display: block;
    width: 100%;
    padding: 5px 12px;
    background: #fff;
    color: #333;
    text-decoration: none; }
  .multiselect.level-1 ul a:hover, .multiselect.level-2 ul a:hover, .multiselect.level-3 ul a:hover, .multiselect.level-4 ul a:hover, .multiselect.level-5 ul a:hover, .multiselect.level-6 ul a:hover, .multiselect.level-7 ul a:hover, .multiselect.level-8 ul a:hover, .multiselect.level-9 ul a:hover, .multiselect.level-10 ul a:hover, .multiselect.level-1 ul a.active, .multiselect.level-2 ul a.active, .multiselect.level-3 ul a.active, .multiselect.level-4 ul a.active, .multiselect.level-5 ul a.active, .multiselect.level-6 ul a.active, .multiselect.level-7 ul a.active, .multiselect.level-8 ul a.active, .multiselect.level-9 ul a.active, .multiselect.level-10 ul a.active {
    background: #e6e6e6;
    color: #333; }
  .multiselect.level-1 ul a:hover .checkbox, .multiselect.level-2 ul a:hover .checkbox, .multiselect.level-3 ul a:hover .checkbox, .multiselect.level-4 ul a:hover .checkbox, .multiselect.level-5 ul a:hover .checkbox, .multiselect.level-6 ul a:hover .checkbox, .multiselect.level-7 ul a:hover .checkbox, .multiselect.level-8 ul a:hover .checkbox, .multiselect.level-9 ul a:hover .checkbox, .multiselect.level-10 ul a:hover .checkbox, .multiselect.level-1 ul a.active .checkbox, .multiselect.level-2 ul a.active .checkbox, .multiselect.level-3 ul a.active .checkbox, .multiselect.level-4 ul a.active .checkbox, .multiselect.level-5 ul a.active .checkbox, .multiselect.level-6 ul a.active .checkbox, .multiselect.level-7 ul a.active .checkbox, .multiselect.level-8 ul a.active .checkbox, .multiselect.level-9 ul a.active .checkbox, .multiselect.level-10 ul a.active .checkbox {
    color: #333;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .multiselect.level-1 ul a.active, .multiselect.level-2 ul a.active, .multiselect.level-3 ul a.active, .multiselect.level-4 ul a.active, .multiselect.level-5 ul a.active, .multiselect.level-6 ul a.active, .multiselect.level-7 ul a.active, .multiselect.level-8 ul a.active, .multiselect.level-9 ul a.active, .multiselect.level-10 ul a.active {
    background: #e3e3e3;
    color: #333; }
  .multiselect.level-1 ul a.active .checkbox, .multiselect.level-2 ul a.active .checkbox, .multiselect.level-3 ul a.active .checkbox, .multiselect.level-4 ul a.active .checkbox, .multiselect.level-5 ul a.active .checkbox, .multiselect.level-6 ul a.active .checkbox, .multiselect.level-7 ul a.active .checkbox, .multiselect.level-8 ul a.active .checkbox, .multiselect.level-9 ul a.active .checkbox, .multiselect.level-10 ul a.active .checkbox {
    color: #333;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .multiselect.level-1 ul li, .multiselect.level-2 ul li, .multiselect.level-3 ul li, .multiselect.level-4 ul li, .multiselect.level-5 ul li, .multiselect.level-6 ul li, .multiselect.level-7 ul li, .multiselect.level-8 ul li, .multiselect.level-9 ul li, .multiselect.level-10 ul li {
    position: relative; }
  .multiselect.level-1 ul li:focus, .multiselect.level-2 ul li:focus, .multiselect.level-3 ul li:focus, .multiselect.level-4 ul li:focus, .multiselect.level-5 ul li:focus, .multiselect.level-6 ul li:focus, .multiselect.level-7 ul li:focus, .multiselect.level-8 ul li:focus, .multiselect.level-9 ul li:focus, .multiselect.level-10 ul li:focus, .multiselect.level-1 ul li.focused, .multiselect.level-2 ul li.focused, .multiselect.level-3 ul li.focused, .multiselect.level-4 ul li.focused, .multiselect.level-5 ul li.focused, .multiselect.level-6 ul li.focused, .multiselect.level-7 ul li.focused, .multiselect.level-8 ul li.focused, .multiselect.level-9 ul li.focused, .multiselect.level-10 ul li.focused {
    outline: none; }
  .multiselect.level-1 ul li:focus a, .multiselect.level-2 ul li:focus a, .multiselect.level-3 ul li:focus a, .multiselect.level-4 ul li:focus a, .multiselect.level-5 ul li:focus a, .multiselect.level-6 ul li:focus a, .multiselect.level-7 ul li:focus a, .multiselect.level-8 ul li:focus a, .multiselect.level-9 ul li:focus a, .multiselect.level-10 ul li:focus a, .multiselect.level-1 ul li.focused a, .multiselect.level-2 ul li.focused a, .multiselect.level-3 ul li.focused a, .multiselect.level-4 ul li.focused a, .multiselect.level-5 ul li.focused a, .multiselect.level-6 ul li.focused a, .multiselect.level-7 ul li.focused a, .multiselect.level-8 ul li.focused a, .multiselect.level-9 ul li.focused a, .multiselect.level-10 ul li.focused a {
    background: #fff;
    color: #333; }
    .multiselect.level-1 ul li:focus a .checkbox, .multiselect.level-2 ul li:focus a .checkbox, .multiselect.level-3 ul li:focus a .checkbox, .multiselect.level-4 ul li:focus a .checkbox, .multiselect.level-5 ul li:focus a .checkbox, .multiselect.level-6 ul li:focus a .checkbox, .multiselect.level-7 ul li:focus a .checkbox, .multiselect.level-8 ul li:focus a .checkbox, .multiselect.level-9 ul li:focus a .checkbox, .multiselect.level-10 ul li:focus a .checkbox, .multiselect.level-1 ul li.focused a .checkbox, .multiselect.level-2 ul li.focused a .checkbox, .multiselect.level-3 ul li.focused a .checkbox, .multiselect.level-4 ul li.focused a .checkbox, .multiselect.level-5 ul li.focused a .checkbox, .multiselect.level-6 ul li.focused a .checkbox, .multiselect.level-7 ul li.focused a .checkbox, .multiselect.level-8 ul li.focused a .checkbox, .multiselect.level-9 ul li.focused a .checkbox, .multiselect.level-10 ul li.focused a .checkbox {
      color: #333;
      background: rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(0, 0, 0, 0.1); }
  .multiselect.level-2, .multiselect.level-3, .multiselect.level-4, .multiselect.level-5, .multiselect.level-6, .multiselect.level-7, .multiselect.level-8, .multiselect.level-9, .multiselect.level-10 {
    margin-top: 10px;
    margin-left: 30px;
    padding-right: 30px; }
  .multiselect.level-2 .options-wrapper, .multiselect.level-3 .options-wrapper, .multiselect.level-4 .options-wrapper, .multiselect.level-5 .options-wrapper, .multiselect.level-6 .options-wrapper, .multiselect.level-7 .options-wrapper, .multiselect.level-8 .options-wrapper, .multiselect.level-9 .options-wrapper, .multiselect.level-10 .options-wrapper {
    padding-right: 30px; }
  .multiselect.level-2:before, .multiselect.level-3.multiselect:before, .multiselect.level-4.multiselect:before, .multiselect.level-5.multiselect:before, .multiselect.level-6.multiselect:before, .multiselect.level-7.multiselect:before, .multiselect.level-8.multiselect:before, .multiselect.level-9.multiselect:before, .multiselect.level-10.multiselect:before {
    position: absolute;
    top: 0;
    left: -20px;
    display: block;
    width: 10px;
    height: 20px;
    border: 1px dotted #7a7a7a;
    border-top: none;
    border-right: none;
    content: " "; }
  .multiselect.level-3 {
    margin-left: 60px;
    padding-right: 60px; }
  .multiselect.level-4 {
    margin-left: 90px;
    padding-right: 90px; }
  .multiselect.level-5 {
    margin-left: 120px;
    padding-right: 120px; }
  .multiselect.level-6 {
    margin-left: 120px;
    padding-right: 120px; }
  .multiselect.level-7 {
    margin-left: 120px;
    padding-right: 120px; }
  .multiselect.level-8 {
    margin-left: 120px;
    padding-right: 120px; }
  .multiselect.level-9 {
    margin-left: 120px;
    padding-right: 120px; }
  .multiselect.level-10 {
    margin-left: 120px;
    padding-right: 120px; }

.form-item-valid {
  color: #d9534f; }
  .form-item-valid i {
    margin-left: 5px; }
  .form-item-valid.hidden {
    display: none; }

.select-option-disabled {
  font-weight: bold; }

.display-depth-1, .display-depth-2, .display-depth-3, .display-depth-4, .display-depth-5, .display-depth-6, .display-depth-7, .display-depth-8, .display-depth-9, .display-depth-10 {
  position: relative;
  left: 25px; }

.display-depth-2 {
  left: 50px; }

.display-depth-3 {
  left: 75px; }

.display-depth-4 {
  left: 100px; }

.display-depth-5 {
  left: 125px; }

.display-depth-6 {
  left: 150px; }

.display-depth-7 {
  left: 175px; }

.display-depth-8 {
  left: 200px; }

.display-depth-9 {
  left: 225px; }

.display-depth-10 {
  left: 250px; }

input[type="text"], input[type="email"], input[type="password"], textarea, select, .multiselect {
  max-width: 620px; }

input[type="text"], input[type="email"], input[type="password"] {
  height: 32px; }

input[type="text"], input[type="email"], input[type="password"], textarea, select, .dp-medium-rte {
  font-size: inherit;
  line-height: 1.42857;
  width: 100%; }

textarea {
  font-family: inherit; }

.multiselect {
  font-weight: normal; }

input[type="text"], input[type="email"], input[type="password"], textarea, .dp-medium-rte {
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  background: #fff;
  padding: 6px 12px;
  color: #333; }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .dp-medium-rte::-webkit-input-placeholder {
    color: #7a7a7a;
    font-style: italic; }
  input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, .dp-medium-rte::-moz-placeholder {
    color: #7a7a7a;
    font-style: italic; }
  input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, .dp-medium-rte:-moz-placeholder {
    color: #7a7a7a;
    font-style: italic; }
  input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, .dp-medium-rte:-ms-input-placeholder {
    color: #7a7a7a;
    font-style: italic; }
  input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, .dp-medium-rte:focus {
    outline: none;
    border: 1px solid #3c94a2;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
  input[type="text"].email, input[type="email"].email, input[type="password"].email, textarea.email, .dp-medium-rte.email {
    color: #3c94a2;
    font-weight: normal; }
  input[type="text"].shorter, input[type="email"].shorter, input[type="password"].shorter, textarea.shorter, .dp-medium-rte.shorter {
    width: 33%; }
  input[type="text"].show-error, input[type="email"].show-error, input[type="password"].show-error, textarea.show-error, .dp-medium-rte.show-error {
    border: 1px solid #f4cecd;
    border-top-right-radius: 0;
    background: #f4cecd; }
  input[type="text"].email-present, input[type="email"].email-present, input[type="password"].email-present, textarea.email-present, .dp-medium-rte.email-present {
    border: 1px dashed #d1d1d1; }

.deskpro-standard-message-formatting, .dp-medium-rte-wrapper .dp-medium-rte, .ticket-message-content {
  color: #333;
  line-height: 18px; }
  .deskpro-standard-message-formatting p, .dp-medium-rte-wrapper .dp-medium-rte p, .ticket-message-content p, .deskpro-standard-message-formatting .dp-p, .dp-medium-rte-wrapper .dp-medium-rte .dp-p, .ticket-message-content .dp-p {
    color: #333;
    line-height: 18px;
    margin: 0 0 8px; }
  .deskpro-standard-message-formatting strong, .dp-medium-rte-wrapper .dp-medium-rte strong, .ticket-message-content strong, .deskpro-standard-message-formatting b, .dp-medium-rte-wrapper .dp-medium-rte b, .ticket-message-content b, .deskpro-standard-message-formatting .dp-bold, .dp-medium-rte-wrapper .dp-medium-rte .dp-bold, .ticket-message-content .dp-bold {
    font-weight: bold; }
  .deskpro-standard-message-formatting u, .dp-medium-rte-wrapper .dp-medium-rte u, .ticket-message-content u, .deskpro-standard-message-formatting .dp-underline, .dp-medium-rte-wrapper .dp-medium-rte .dp-underline, .ticket-message-content .dp-underline {
    text-decoration: underline; }
  .deskpro-standard-message-formatting em, .dp-medium-rte-wrapper .dp-medium-rte em, .ticket-message-content em, .deskpro-standard-message-formatting i, .dp-medium-rte-wrapper .dp-medium-rte i, .ticket-message-content i, .deskpro-standard-message-formatting .dp-italic, .dp-medium-rte-wrapper .dp-medium-rte .dp-italic, .ticket-message-content .dp-italic {
    font-style: italic; }
  .deskpro-standard-message-formatting blockquote, .dp-medium-rte-wrapper .dp-medium-rte blockquote, .ticket-message-content blockquote, .deskpro-standard-message-formatting .dp-bq, .dp-medium-rte-wrapper .dp-medium-rte .dp-bq, .ticket-message-content .dp-bq {
    display: block;
    margin: 15px 0 15px 0;
    padding-left: 5px;
    border-left: 2px solid #e6e6e6;
    color: #404040; }
  .deskpro-standard-message-formatting code, .dp-medium-rte-wrapper .dp-medium-rte code, .ticket-message-content code, .deskpro-standard-message-formatting .dp-code, .dp-medium-rte-wrapper .dp-medium-rte .dp-code, .ticket-message-content .dp-code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    color: #c7254e;
    background: #f9f2f4; }
  .deskpro-standard-message-formatting pre, .dp-medium-rte-wrapper .dp-medium-rte pre, .ticket-message-content pre, .deskpro-standard-message-formatting .dp-pre, .dp-medium-rte-wrapper .dp-medium-rte .dp-pre, .ticket-message-content .dp-pre {
    background: #f5f5f5;
    border: 1px solid #ccc;
    color: #303030;
    border-radius: 3px;
    padding: 6px;
    white-space: pre-wrap;
    overflow: auto;
    max-height: 340px;
    margin: 15px 0 15px 0;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    line-height: 110%;
    display: block; }
  .deskpro-standard-message-formatting pre p, .dp-medium-rte-wrapper .dp-medium-rte pre p, .ticket-message-content pre p, .deskpro-standard-message-formatting .dp-pre p, .dp-medium-rte-wrapper .dp-medium-rte .dp-pre p, .ticket-message-content .dp-pre p {
    margin: 0;
    padding: 0;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
  .deskpro-standard-message-formatting h1, .dp-medium-rte-wrapper .dp-medium-rte h1, .ticket-message-content h1, .deskpro-standard-message-formatting h2, .dp-medium-rte-wrapper .dp-medium-rte h2, .ticket-message-content h2, .deskpro-standard-message-formatting h3, .dp-medium-rte-wrapper .dp-medium-rte h3, .ticket-message-content h3, .deskpro-standard-message-formatting h4, .dp-medium-rte-wrapper .dp-medium-rte h4, .ticket-message-content h4, .deskpro-standard-message-formatting .dp-h1, .dp-medium-rte-wrapper .dp-medium-rte .dp-h1, .ticket-message-content .dp-h1, .deskpro-standard-message-formatting .dp-h2, .dp-medium-rte-wrapper .dp-medium-rte .dp-h2, .ticket-message-content .dp-h2, .deskpro-standard-message-formatting .dp-h3, .dp-medium-rte-wrapper .dp-medium-rte .dp-h3, .ticket-message-content .dp-h3, .deskpro-standard-message-formatting .dp-h4, .dp-medium-rte-wrapper .dp-medium-rte .dp-h4, .ticket-message-content .dp-h4 {
    font-family: inherit;
    margin: 7px 0;
    display: block;
    line-height: 128%;
    padding: 0;
    font-weight: normal; }
  .deskpro-standard-message-formatting h1, .dp-medium-rte-wrapper .dp-medium-rte h1, .ticket-message-content h1, .deskpro-standard-message-formatting .dp-h1, .dp-medium-rte-wrapper .dp-medium-rte .dp-h1, .ticket-message-content .dp-h1 {
    font-size: 200%; }
  .deskpro-standard-message-formatting h2, .dp-medium-rte-wrapper .dp-medium-rte h2, .ticket-message-content h2, .deskpro-standard-message-formatting .dp-h2, .dp-medium-rte-wrapper .dp-medium-rte .dp-h2, .ticket-message-content .dp-h2 {
    font-size: 170%; }
  .deskpro-standard-message-formatting h3, .dp-medium-rte-wrapper .dp-medium-rte h3, .ticket-message-content h3, .deskpro-standard-message-formatting .dp-h3, .dp-medium-rte-wrapper .dp-medium-rte .dp-h3, .ticket-message-content .dp-h3 {
    font-size: 150%; }
  .deskpro-standard-message-formatting h4, .dp-medium-rte-wrapper .dp-medium-rte h4, .ticket-message-content h4, .deskpro-standard-message-formatting .dp-h4, .dp-medium-rte-wrapper .dp-medium-rte .dp-h4, .ticket-message-content .dp-h4 {
    font-size: 125%; }
  .deskpro-standard-message-formatting ul, .dp-medium-rte-wrapper .dp-medium-rte ul, .ticket-message-content ul, .deskpro-standard-message-formatting ol, .dp-medium-rte-wrapper .dp-medium-rte ol, .ticket-message-content ol, .deskpro-standard-message-formatting .dp-list, .dp-medium-rte-wrapper .dp-medium-rte .dp-list, .ticket-message-content .dp-list, .deskpro-standard-message-formatting .dp-ul-list, .dp-medium-rte-wrapper .dp-medium-rte .dp-ul-list, .ticket-message-content .dp-ul-list, .deskpro-standard-message-formatting .dp-ol-list, .dp-medium-rte-wrapper .dp-medium-rte .dp-ol-list, .ticket-message-content .dp-ol-list {
    margin: 8px 0;
    padding: 0;
    display: block; }
  .deskpro-standard-message-formatting ul > li, .dp-medium-rte-wrapper .dp-medium-rte ul > li, .ticket-message-content ul > li, .deskpro-standard-message-formatting ol > li, .dp-medium-rte-wrapper .dp-medium-rte ol > li, .ticket-message-content ol > li, .deskpro-standard-message-formatting .dp-list > li, .dp-medium-rte-wrapper .dp-medium-rte .dp-list > li, .ticket-message-content .dp-list > li, .deskpro-standard-message-formatting .dp-ul-list > li, .dp-medium-rte-wrapper .dp-medium-rte .dp-ul-list > li, .ticket-message-content .dp-ul-list > li, .deskpro-standard-message-formatting .dp-ol-list > li, .dp-medium-rte-wrapper .dp-medium-rte .dp-ol-list > li, .ticket-message-content .dp-ol-list > li {
    display: list-item;
    margin: 8px 0 8px 20px; }
  .deskpro-standard-message-formatting ul > li, .dp-medium-rte-wrapper .dp-medium-rte ul > li, .ticket-message-content ul > li, .deskpro-standard-message-formatting .dp-ul-list > li, .dp-medium-rte-wrapper .dp-medium-rte .dp-ul-list > li, .ticket-message-content .dp-ul-list > li {
    list-style: disc; }
  .deskpro-standard-message-formatting ol > li, .dp-medium-rte-wrapper .dp-medium-rte ol > li, .ticket-message-content ol > li, .deskpro-standard-message-formatting .dp-ol-list > li, .dp-medium-rte-wrapper .dp-medium-rte .dp-ol-list > li, .ticket-message-content .dp-ol-list > li {
    list-style: decimal; }

.dp-medium-rte-wrapper {
  position: relative; }
  .dp-medium-rte-wrapper .dp-medium-rte {
    min-height: 125px; }
  .dp-medium-rte-wrapper .dp-medium-rte.with-toolbar {
    padding-top: 38px; }
  .dp-medium-rte-wrapper .dp-medium-rte.medium-editor-placeholder:after {
    padding: 0.75em 1em; }
  .dp-medium-rte-wrapper .medium-editor-toolbar {
    visibility: visible;
    background: #fff;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    top: 1px;
    right: 1px;
    left: 1px; }
  .dp-medium-rte-wrapper .medium-editor-toolbar.medium-editor-toolbar-active button {
    color: #7a7a7a; }
  .dp-medium-rte-wrapper .medium-editor-toolbar button {
    background: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    color: #7a7a7a;
    padding: 8px;
    height: 30px;
    min-width: 30px;
    line-height: 15px;
    text-shadow: none; }
  .dp-medium-rte-wrapper .medium-editor-toolbar button:hover, .dp-medium-rte-wrapper .medium-editor-toolbar button.medium-editor-button-active {
    color: #333;
    background: transparent; }
  .dp-medium-rte-wrapper .medium-editor-toolbar-form {
    background: #fff;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none; }
  .dp-medium-rte-wrapper .medium-editor-toolbar-form .medium-editor-toolbar-input {
    background: transparent;
    height: 30px;
    color: #333; }
  .dp-medium-rte-wrapper .medium-editor-toolbar-form a {
    color: #333; }
  .dp-medium-rte-wrapper .dp-medium-rte-wrapper-overlay {
    background-color: rgba(175, 192, 213, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3000;
    text-align: center; }
  .dp-medium-rte-wrapper .dp-medium-rte-wrapper-overlay h1 {
    margin-top: 55px; }

.email-present {
  border: 1px dashed #d1d1d1; }

textarea {
  min-height: 70px; }

button, .button, .switch-link {
  min-width: 180px; }

form .title {
  display: block;
  margin-bottom: 7px;
  padding-left: 0;
  color: #333;
  font-size: 100%; }
  form .title.with-sub {
    margin-bottom: 0; }
  form .subtitle {
    position: relative;
    top: -5px;
    display: block;
    margin-bottom: 5px;
    padding-left: 12px;
    font-size: 13px;
    line-height: 1em; }

.checkbox-container {
  display: inline-block;
  min-width: 125px;
  margin: 0 10px 0 0;
  cursor: pointer;
  font-size: 13px; }
  .checkbox-container:focus {
    outline: 1px dotted #e6e6e6; }
  .checkbox-container:focus.no-focus-border {
    outline: none; }

.checkbox {
  background: #f7f7f7;
  border: 1px solid #e6e6e6;
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 1.3em;
  border-radius: 2px;
  vertical-align: middle;
  text-align: center;
  margin-top: -3px;
  margin-right: 6px;
  color: #333;
  cursor: pointer; }
  .checkbox i {
    line-height: 1.1em;
    font-size: 13px;
    opacity: 0;
    position: relative;
    top: -1px;
    color: inherit; }
  .checkbox:hover i {
    opacity: 0.2; }
  .checkbox.checked {
    background: #3c94a2;
    border: 1px solid #3c94a2;
    color: #fff; }
  .checkbox.checked i {
    opacity: 1; }

.form-ticket header h1 {
  font-weight: normal;
  font-size: 1.3em; }
  .form-ticket .deskpro-choice-widget {
    padding-left: 12px; }
  .form-ticket .deskpro-choice-widget .title {
    display: inline;
    font-weight: lighter;
    padding-left: 0; }
  .form-ticket .ticket_user_email label {
    display: inline; }
  .form-ticket .bucket {
    margin-bottom: 18px;
    width: 100%; }
  .form-ticket .bucket input[type="text"], .form-ticket .bucket input[type="email"], .form-ticket .bucket input[type="[password"], .form-ticket .bucket textarea, .form-ticket .bucket .dp-choice-widget-group, .form-ticket .bucket .dp-medium-rte-wrapper {
    width: 100%;
    max-width: 620px; }
  .form-ticket .bucket .captcha-field {
    white-space: nowrap; }
  .form-ticket .bucket .captcha-field img {
    display: inline-block; }
  .form-ticket .bucket .captcha-field input {
    position: relative;
    bottom: 20px;
    width: calc(100% - 140px);
    max-width: 480px;
    margin-left: 10px; }
  .form-ticket .bucket .captcha-field .captcha_reload {
    display: inline-block;
    line-height: 50px;
    vertical-align: top;
    padding-left: 5px; }
  .form-ticket .bucket .captcha-field .captcha_reload i {
    vertical-align: middle; }
  .form-ticket .bucket .captcha-field .captcha_reload + input {
    width: calc(100% - 157px);
    max-width: 463px; }
  .form-ticket .bucket .column-full input[type="text"], .form-ticket .bucket .column-full input[type="email"], .form-ticket .bucket .column-full input[type="[password"], .form-ticket .bucket .column-full textarea, .form-ticket .bucket .column-full .dp-choice-widget-group, .form-ticket .bucket .column-full .dp-medium-rte-wrapper {
    width: 75%; }
  .form-ticket label {
    position: relative; }
  .form-ticket label .form-label-link {
    position: absolute;
    right: 0;
    font-size: 0.85em; }
  .form-ticket label .form-label-link i {
    margin-left: 4px; }
  .form-ticket .field_person {
    max-width: 620px; }
  .form-ticket #ticket_message .dp-medium-rte {
    max-height: 300px;
    overflow-y: auto; }

.form-filter .bucket span {
  display: inline;
  margin-right: 3px;
  font-size: 13px; }
  .form-filter .bucket .clear-input {
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -10px; }
  .form-filter input[type="text"], .form-filter input[type="email"], .form-filter textarea {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background: #fff;
    display: inline-block;
    width: auto; }

.form-error-list {
  background: #f4cecd;
  border: 2px solid #f4cecd;
  border-radius: 2px;
  color: #333;
  font-size: 13px;
  padding: 1em 1.5em;
  line-height: 1.2em; }
  .form-error-list h1 {
    font-weight: normal;
    font-size: 1.1em; }
  .form-error-list ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
    padding-bottom: 1px;
    margin-bottom: 1px; }
  .form-error-list li {
    padding: 0;
    margin: 0;
    padding-bottom: 1px;
    margin-bottom: 1px; }
  .form-error-list li + li a {
    margin-top: 10px; }
  .form-error-list strong {
    color: #d9534f; }
  .form-error-list a {
    display: block;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: inherit; }
  .form-error-list a:hover {
    text-decoration: underline; }

.remember-me {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  font-size: 13px;
  line-height: 1em; }
  .remember-me span {
    display: inline-block;
    vertical-align: middle; }
  .remember-me input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px; }

.small-form {
  margin: 0; }
  .small-form .button, .small-form .switch-link, .small-form button {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    text-align: center; }
  .small-form hr {
    height: 1px;
    border: 0;
    background: #e6e6e6; }
  .small-form .panel {
    margin-left: 5px; }
  .small-form h1 {
    font-size: 1.2em; }
  .small-form p {
    line-height: 1.5em; }
  .small-form label {
    position: relative;
    display: block;
    margin-top: 9px; }
  .small-form label span {
    display: block;
    padding-left: 0; }
  .small-form .secondary-action {
    font-size: 0.85em; }
  .small-form .secondary-action a {
    margin-left: 5px;
    color: #333;
    text-decoration: none; }
  .small-form .secondary-action a:hover {
    text-decoration: underline; }
  .small-form input[type="checkbox"] {
    margin: 0;
    margin-right: 4px; }

.permanent-login {
  position: relative;
  top: -3px;
  display: inline-block;
  font-size: 0.85em;
  line-height: 1.3em;
  margin-top: 10px; }
  .permanent-login label, .permanent-login span, .permanent-login label span {
    display: inline-block;
    cursor: pointer; }
  .permanent-login [type="checkbox"], .permanent-login span {
    display: inline-block;
    vertical-align: middle; }

form .error-large {
  position: absolute;
  margin-bottom: 10px;
  padding: 6px 12px;
  border-radius: 2px;
  background: #f4cecd;
  color: #d9534f;
  width: 100%;
  max-width: 620px;
  z-index: 199; }
  form .error-large:before {
    position: absolute;
    top: -8px;
    left: 40px;
    display: block;
    width: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid #f4cecd;
    content: " "; }
  form .error-large.solo {
    margin-top: 10px; }
  form .error-large.no-hover {
    position: relative; }
  form .error-large.no-hover:before {
    content: "";
    display: none; }
  form .error .message {
    position: absolute;
    right: 0;
    bottom: 10px;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    background: #f4cecd;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.5em; }
  form .error input[type="text"], form .error input[type="email"], form .error input[type="password"], form .error textarea, form .error select, form .error .dp-choice-widget-group {
    border: 1px solid #f4cecd;
    background: #fff; }

.dp-level-select {
  display: block; }
  .dp-level-select .select-wrap {
    display: inline-block;
    margin-bottom: 3px; }
  .dp-level-select .select-wrap select {
    margin: 0; }
  .dp-level-select .level-indent {
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle; }
  .dp-level-select .level-indent i {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 12px;
    height: 12px;
    text-align: center;
    font-size: 120%;
    color: #7a7a7a; }
  .dp-level-select .level-indent i:before {
    content: "\f148"; }
  .dp-level-select > .level > .level-indent {
    display: none; }
  .dp-level-select .level > .level .level-indent {
    display: inline-block; }
  .dp-level-select .level > .level > .level-indent {
    margin-left: 5px; }
  .dp-level-select .level > .level > .level > .level-indent {
    margin-left: 23px; }

.dp-react-widget {
  display: inline !important; }

.dp-money-field {
  position: relative; }
  .dp-money-field span {
    position: absolute;
    left: 10px;
    top: 5px; }
  .dp-money-field input {
    padding-left: 40px; }
  .dp-money-field.eur input, .dp-money-field.jpy input, .dp-money-field.gbp input, .dp-money-field.usd input {
    padding-left: 20px; }
  .dp-money-field.aud input {
    padding-left: 30px; }

.with-dpui .dpx-date-time .fallback-input, .with-dpui .dpx-date .fallback-input, .with-dpui .dpx-date-time .fallback-input div, .with-dpui .dpx-date .fallback-input div, .with-dpui .dpx-date-time .fallback-input select, .with-dpui .dpx-date .fallback-input select {
  display: inline; }
  .with-dpui .dpx-date-time .fallback-input select, .with-dpui .dpx-date .fallback-input select {
    width: auto; }

input[type="text"].dpx-date-input, .form-ticket input[type="text"].dpx-date-input {
  width: 190px; }

.deskpro-date-widget {
  display: inline; }

.deskpro-choice-widget {
  display: inherit; }

.ticket-view {
  position: relative; }
  .ticket-view .ticket-view-content-container {
    float: left;
    width: 100%;
    margin-right: -340px; }
  .ticket-view .ticket-view-content-container .header {
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 340px; }
  .ticket-view .ticket-view-content-container .header h1 {
    font-weight: normal;
    font-size: 1.5em;
    color: #333; }
  .ticket-view .ticket-view-content-container #edit_ticket_page, .ticket-view .ticket-view-content-container .ticket-messages {
    margin-right: 340px; }
  .ticket-view .ticket-view-sidebar-wrapper {
    width: 330px;
    float: right; }
  @media screen and (max-width: 760px) {
  .ticket-view .ticket-view-content-container {
    margin-right: 0; }
    .ticket-view .ticket-view-content-container .header, .ticket-view .ticket-view-content-container .ticket-messages, .ticket-view .ticket-view-content-container #edit_ticket_page {
      margin-right: 0; }
  .ticket-view .ticket-view-sidebar-wrapper {
    width: auto;
    position: relative; } }

.ticket-messages hr {
  display: block;
  margin: 0;
  padding: 0;
  height: 1px;
  width: 100%;
  background: #e6e6e6; }

.ticket-message {
  padding: 5px 10px;
  margin: 8px 0; }

.ticket-reply {
  border-top: 1px solid #e6e6e6;
  margin-top: 20px; }
  .ticket-reply .ticket-reply-header {
    padding: 12px 10px;
    font-size: 1em;
    font-weight: bold; }
  .ticket-reply .ticket-reply-header a {
    border-bottom: 2px solid #e6e6e6;
    text-decoration: none; }
  .ticket-reply .ticket-reply-header a:hover {
    color: #3c94a2; }
  .ticket-reply form .textarea-container {
    border: 1px solid #e6e6e6;
    margin-bottom: 10px; }
  .ticket-reply form .textarea-container .toolbar {
    border-bottom: 1px solid #e6e6e6; }
  .ticket-reply form .textarea-container .toolbar ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 5px; }
  .ticket-reply form .textarea-container .toolbar li {
    display: inline-block;
    width: 24px;
    height: 32px;
    text-align: center; }
  .ticket-reply form .textarea-container .toolbar a {
    color: #7a7a7a;
    font-size: 0.75em; }
  .ticket-reply form .textarea-container .toolbar a:hover {
    color: #333; }
  .ticket-reply form .textarea-container .toolbar a i {
    position: relative;
    top: 3px; }
  .ticket-reply form [type="submit"] {
    padding: 10px 50px;
    text-shadow: none; }
  .ticket-reply form [type="submit"]:hover {
    background: #3c94a2; }
  .ticket-reply form textarea {
    width: 100%;
    max-width: initial;
    border: 0;
    vertical-align: bottom;
    margin: 0;
    font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
    max-height: 300px;
    overflow-y: auto; }
  .ticket-reply form .dp-medium-rte {
    max-height: 300px;
    overflow-y: auto; }

.ticket-reply-closed {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  z-index: 1001;
  position: relative;
  text-align: center;
  margin-top: 20px; }
  .ticket-reply-closed:before, .ticket-reply-closed:after {
    z-index: 1002;
    content: "";
    position: absolute;
    border: 6px solid rgba(0, 0, 0, 0.0);
    border-bottom: 6px solid #e6e6e6;
    top: -12px;
    left: 50%;
    margin-left: -6px; }
  .ticket-reply-closed:after {
    border: 6px solid rgba(0, 0, 0, 0.0);
    border-bottom: 6px solid #e6e6e6;
    top: -10px; }
  .ticket-reply-closed h1 {
    font-weight: normal;
    font-size: 1.5em;
    margin-top: 20px;
    margin-bottom: 7px;
    color: #333; }
  .ticket-reply-closed hr {
    margin: 15px 0 10px 0; }
  .ticket-reply-closed p {
    color: #7a7a7a;
    font-size: 13px; }
  .ticket-reply-closed p a:hover {
    text-decoration: none; }
  .ticket-reply-closed .button, .ticket-reply-closed .switch-link {
    margin-bottom: 10px; }
  .ticket-reply-closed .footer {
    display: block;
    padding-bottom: 10px; }

.ticket-message.agent-message {
  padding: 10px 10px;
  background: #f5f5f5;
  border-radius: 2px; }

.ticket-action-date {
  float: right;
  font-size: 10.5px;
  font-weight: bold;
  margin-top: 1px;
  color: rgba(0, 0, 0, 0.2); }

.ticket-owner {
  color: #333;
  font-size: 12.5px; }
  .ticket-owner .agent-avatar {
    float: left; }
  .ticket-owner > span, .ticket-owner a {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px; }

.ticket-owner-name, .ticket-owner-email {
  color: #333;
  text-decoration: none; }

.ticket-owner-email {
  opacity: 0.5;
  margin-left: 2px; }

.ticket-actual-date {
  display: inline-block;
  color: #7a7a7a;
  font-weight: bold;
  margin-left: 2px;
  font-size: 0.75em; }

.ticket-message-content {
  padding-left: 29px;
  margin-top: 5px; }
  .ticket-message-content img {
    max-width: 100%;
    max-height: 100%; }

.mark-resolved {
  font-weight: bold;
  color: #5cb85c; }

.mark-awaiting-user {
  font-weight: bold;
  color: #8a6d3b; }

.ticket-message-files {
  border-left: 2px solid #e6e6e6;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  line-height: 1.2em;
  margin-left: 30px;
  margin-top: 15px; }
  .ticket-message-files h1 {
    font-size: inherit;
    font-weight: bold;
    color: #7a7a7a; }
  .ticket-message-files ul {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    list-style: none; }
  .ticket-message-files a {
    color: #333;
    text-decoration: none; }
  .ticket-message-files a i {
    margin-right: 3px;
    position: relative;
    top: -2px; }
  .ticket-message-files a:hover {
    text-decoration: underline; }

.ticket-view-sidebar {
  font-size: 13px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  color: #7a7a7a;
  margin-bottom: 10px; }
  .ticket-view-sidebar h1 {
    font-size: 13px;
    font-weight: normal;
    color: #333;
    margin-bottom: 5px; }
  .ticket-view-sidebar .sidebar-small-title {
    color: #7a7a7a;
    font-weight: normal;
    font-size: inherit;
    float: left ;
    display: block;
    width: 110px;
    overflow: hidden; }
  .ticket-view-sidebar a {
    text-decoration: none;
    color: #333; }
  .ticket-view-sidebar a.ticket-sidebar-button {
    display: block;
    margin: 5px;
    background: #5cb85c;
    color: #fff;
    line-height: 1.2em;
    border-radius: 2px;
    padding: 12px 0;
    text-align: center; }
  .ticket-view-sidebar a.ticket-sidebar-button:hover {
    background: #4cae4c; }
  .ticket-view-sidebar .sidebar-person {
    display: block;
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative;
    min-height: 30px; }
  .ticket-view-sidebar .sidebar-person.add-person {
    color: #333; }
  .ticket-view-sidebar .sidebar-person.add-person i {
    left: 0;
    top: 1px; }
  .ticket-view-sidebar .sidebar-person.add-person .agent-avatar {
    background: transparent; }
  .ticket-view-sidebar .sidebar-person.add-person .agent-avatar i {
    color: #7a7a7a; }
  @media all and (-ms-high-contrast: none) {
        .ticket-view-sidebar .sidebar-person.add-person .agent-avatar i {
          left: 0; } }
  .ticket-view-sidebar .sidebar-person.add-person:hover {
    color: #333; }
  .ticket-view-sidebar .sidebar-person.add-person:hover .agent-avatar {
    background: #c7e6c7; }
  .ticket-view-sidebar .sidebar-person.add-person:hover .agent-avatar i {
    color: #fff; }
  .ticket-view-sidebar .sidebar-person.add-person .primary.single {
    padding-top: 8px; }
  .ticket-view-sidebar .sidebar-person .agent-avatar {
    position: absolute;
    left: 0;
    top: 2px; }
  .ticket-view-sidebar .sidebar-person .avatar-meta {
    display: block;
    line-height: 1.2em;
    vertical-align: middle; }
  .ticket-view-sidebar .sidebar-person .avatar-meta .primary, .ticket-view-sidebar .sidebar-person .avatar-meta .secondary {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ticket-view-sidebar .sidebar-person .avatar-meta .secondary {
    color: #7a7a7a;
    font-size: 10.5px; }
  .ticket-view-sidebar .sidebar-person .avatar-meta .single {
    padding-top: 6px; }
  .ticket-view-sidebar .ticket-sidebar-container {
    padding: 10px;
    border-radius: 2px; }
  .ticket-view-sidebar .ticket-sidebar-container .sidebar-edit {
    color: #7a7a7a;
    text-decoration: none;
    font-size: 0.75em;
    float: right; }
  .ticket-view-sidebar .ticket-sidebar-container .sidebar-edit i {
    margin-left: 3px; }
  .ticket-view-sidebar .ticket-sidebar-container .sidebar-edit:hover {
    color: #3c94a2; }
  .ticket-view-sidebar .ticket-sidebar-container + .ticket-sidebar-container {
    border-top: 1px solid #e6e6e6; }
  .ticket-view-sidebar .ticket-sidebar-info ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0; }
  .ticket-view-sidebar .ticket-sidebar-info li {
    display: block;
    font-size: 11.5px;
    position: relative; }
  .ticket-view-sidebar .ticket-sidebar-info ul.major > li {
    clear: both; }
  .ticket-view-sidebar .ticket-sidebar-info ul.major > li > ul {
    padding-left: 115px; }
  .ticket-view-sidebar .ticket-sidebar-info ul.major > li .item-clear {
    clear: both; }
  .ticket-view-sidebar .ticket-sidebar-media ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 10px 0; }
  .ticket-view-sidebar .ticket-sidebar-media li {
    display: block; }
  .ticket-view-sidebar .ticket-sidebar-media li a {
    display: block;
    color: #7a7a7a;
    line-eight: 1.2em;
    font-size: 0.75em;
    width: 100%;
    padding: 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ticket-view-sidebar .ticket-sidebar-media li a i {
    font-size: 1.5em;
    display: inline;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -1px; }
  .ticket-view-sidebar .ticket-sidebar-media li a .file-name {
    display: inline;
    vertical-align: middle;
    color: #333;
    padding: 0;
    line-height: 1.1em;
    padding: 1px 0;
    border-bottom: 1px solid #e6e6e6; }
  .ticket-view-sidebar .ticket-sidebar-media li a .file-size {
    font-size: 0.7em;
    display: inline;
    vertical-align: middle;
    margin-left: 3px; }
  .ticket-view-sidebar .ticket-sidebar-meta ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11.5px; }
  .ticket-view-sidebar .ticket-sidebar-meta ul li {
    display: block; }
  .ticket-view-sidebar .ticket-sidebar-meta ul h3 {
    font-size: inherit;
    font-weight: normal;
    display: inline-block;
    color: inherit;
    margin-right: 3px; }
  .ticket-view-sidebar .ticket-sidebar-meta ul p {
    display: inline;
    color: #333; }

.ticket-view-note-for-user {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  font-size: 13px;
  padding: 20px;
  line-height: 1.2em;
  margin: 10px 0; }
  .ticket-view-note-for-user.agent-has-replied {
    background: #c7e6c7;
    border: 1px solid #bcdfb5;
    color: #5cb85c; }
  .ticket-view-note-for-user.agent-has-replied a {
    color: #5cb85c;
    text-decoration: underline; }
  .ticket-view-note-for-user .note-for-user-blue {
    color: #31708f; }

.add-cc-user-popover {
  width: 400px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -410px;
  z-index: 2002;
  background: #fff;
  padding: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .add-cc-user-popover:before, .add-cc-user-popover:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    z-index: 1002;
    border: 5px solid rgba(0, 0, 0, 0.0);
    border-left: 5px solid #e6e6e6;
    position: absolute;
    top: 9px;
    right: -10px; }
  .add-cc-user-popover:after {
    border: 5px solid rgba(0, 0, 0, 0.0);
    border-left: 5px solid #fff;
    z-index: 1003;
    right: -8px; }
  .add-cc-user-popover form .title {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2em; }
  .add-cc-user-popover input[type="text"], .add-cc-user-popover input[type="email"], .add-cc-user-popover input[type="password"], .add-cc-user-popover textarea, .add-cc-user-popover select {
    margin-bottom: 10px; }
  .add-cc-user-popover [type="submit"] {
    display: block;
    width: 100%; }

.files {
  position: relative;
  left: 30px;
  top: 5px; }
  .files .meta {
    font-size: 13px;
    color: #7a7a7a;
    font-weight: normal;
    position: relative;
    left: -22px;
    margin-bottom: 7px; }
  .files li {
    position: relative;
    font-weight: normal; }
  .files li:before {
    content: " ";
    display: block;
    border: 1px dotted #e6e6e6;
    border-top: 0;
    border-right: 0;
    position: absolute;
    width: 10px;
    height: 25px;
    left: -20px;
    top: -12px; }
  .files .file-list .thumbnail {
    top: 0; }

.file-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 5px;
  font-size: 0.95em; }
  .file-list li {
    margin: 5px; }
  .file-list a {
    text-decoration: none;
    color: #333; }
  .file-list .thumbnail {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-color: #3c94a2;
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 8px;
    text-align: center;
    color: #fff;
    position: relative;
    top: -2px; }
  .file-list .thumbnail i {
    font-size: 13px;
    position: relative;
    top: 3px;
    opacity: 0.85; }
  .file-list .file:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid #3c94a2;
    position: absolute;
    right: -8px;
    top: 11px; }

.chat-list {
  width: 100%;
  margin-bottom: 60px;
  font-weight: normal; }
  .chat-list td, .chat-list td:first-child {
    text-align: left;
    vertical-align: middle;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .chat-list td.table-header {
    padding: 6px 12px;
    padding-bottom: 7.2px;
    margin-bottom: 100px;
    font-size: 13px; }
  .chat-list td.table-header a {
    color: #7a7a7a;
    text-decoration: none; }
  .chat-list td.table-header a:hover {
    color: #333; }
  .chat-list .right {
    text-align: right; }
  .chat-list p {
    display: inline;
    font-style: italic; }
  .chat-list .item-row a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 9px 18px;
    padding-left: 12px;
    font-weight: normal; }
  .chat-list .item-row a .focus {
    font-weight: 800;
    text-transform: uppercase;
    color: #333;
    font-size: 13px;
    margin-right: 3px;
    display: inline-block;
    width: 60px;
    text-align: right; }
  .chat-list .item-row a .positive {
    color: #1a3f45; }
  .chat-list tr {
    border-bottom: 1px solid #e6e6e6; }
  .chat-list tr.last-in-line {
    border-bottom: 0; }
  .chat-list tr.first-in-line {
    border-bottom: 0; }
  .chat-list tr.item-row:hover {
    background: #fafafa; }
  .chat-list tr.item-row:hover .info-block:before, .chat-list tr.item-row:hover .info-block:after {
    background: #fafafa; }
  .chat-list .info-block {
    text-align: right;
    border-left: 1px solid #e6e6e6;
    position: relative;
    font-size: 13px;
    color: #7a7a7a; }
  .chat-list .info-block a {
    font-weight: normal;
    color: #7a7a7a; }
  .chat-list .info-block:before, .chat-list .info-block:after {
    content: " ";
    display: block;
    background: #fff;
    width: 5px;
    height: 6px;
    position: absolute; }
  .chat-list .info-block:before {
    top: 0;
    left: -3px; }
  .chat-list .info-block:after {
    bottom: 1px;
    left: -3px; }
  .chat-list .avatar {
    width: 22px;
    height: 22px;
    border-radius: 199px;
    float: right;
    margin-left: 10px;
    position: relative;
    top: -2px; }

.chat header h2 {
  color: #7a7a7a;
  margin-top: 5px; }
  .chat table {
    font-size: 13px;
    font-weight: normal; }
  .chat table td {
    padding: 0 10px 0 5px; }

.chat-message {
  margin-bottom: 10px;
  font-size: 0.95em; }
  .chat-message::after {
    clear: both;
    content: "";
    display: table; }
  .chat-message .author, .chat-message .messages {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    float: left; }
  .chat-message .author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    color: #7a7a7a; }
  .chat-message .messages {
    border-left: 3px solid #e6e6e6;
    width: 80%;
    padding-left: 10px;
    position: relative; }
  .chat-message .messages .message-time {
    position: absolute;
    right: 20px;
    top: 5px;
    opacity: 0.25;
    font-weight: 700;
    font-size: 0.75em;
    text-transform: uppercase; }
  .chat-message p {
    color: #333; }

.chat-message-agent .messages {
  background: #f7f7f7;
  border-left: 3px solid #3c94a2; }

.chat-message-user .author {
  opacity: 0.5; }
  .chat-message-user .messages p {
    color: #7a7a7a; }

.chat-event {
  text-align: center;
  position: relative;
  margin-bottom: 15px; }
  .chat-event hr {
    position: absolute;
    top: 5px;
    width: 100%;
    z-index: 99; }
  .chat-event .title {
    font-weight: 700;
    text-transform: uppercase;
    color: #7a7a7a;
    font-size: 0.7em;
    display: inline-block;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 100; }
  .chat-event .avatar {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    width: 22px;
    height: 22px;
    background-size: cover;
    border-radius: 199px;
    vertical-align: middle; }
  .chat-event .avatar:before, .chat-event .avatar:after {
    content: " ";
    display: block;
    width: 10px;
    height: 22px;
    background: #fff;
    position: absolute;
    left: -10px; }
  .chat-event .avatar:after {
    left: auto;
    right: -10px; }

.chat-image-attached {
  max-width: 460px;
  position: relative;
  left: -13px;
  top: 5px;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  background: #fff; }
  .chat-image-attached img {
    max-width: 100%;
    vertical-align: bottom; }
  .chat-image-attached .meta {
    font-size: 13px;
    color: #7a7a7a; }

.author .avatar {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 22px;
  height: 22px;
  background-size: cover;
  border-radius: 199px;
  vertical-align: middle;
  margin-right: 2px; }

.assigned-to-ticket {
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 1.1em;
  padding-left: 20px; }
  .assigned-to-ticket a {
    text-decoration: none; }
  .assigned-to-ticket .button, .assigned-to-ticket .switch-link {
    padding: 7px 15px;
    margin-left: 10px;
    min-width: initial; }

.mobile-view {
  display: none; }
  @media screen and (max-width: 760px) {
  .mobile-view {
    display: initial; } }

body.portal-mode-focus-window {
  padding-top: 10px !important; }
  body.portal-mode-focus-window .page-top-section, body.portal-mode-focus-window .page-bottom-section, body.portal-mode-focus-window .search-section, body.portal-mode-focus-window .welcome-news, body.portal-mode-focus-window .breadcrumbs {
    display: none; }

.fa-stack-1x {
  top: 0.25em; }

.fa-stack {
  font-size: 0.5em;
  vertical-align: -16%; }

.filetype-text {
  font-size: 0.7em;
  font-weight: 700; }

.welcome-block.disabled {
  padding-bottom: 80px; }

.welcome-block.disabled i {
  font-size: 3em;
  color: #3c94a2;
  margin-top: 10px; }

.welcome-block.disabled h1 {
  color: #3c94a2;
  margin-top: 20px; }

.welcome-block.disabled hr {
  margin: 110px auto 65px auto;
  max-width: 50%; }

.welcome-block.disabled a.secondary-link {
  color: #3c94a2; }

.welcome-block.disabled .disabled-action {
  display: inline-block;
  padding-top: 60px;
  width: 45%; }

.welcome-block.disabled .disabled-action span {
  display: block;
  font-size: 1em;
  margin-bottom: 15px; }

.inline-form-wrapper {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  position: relative;
  margin-bottom: 10px; }

.inline-form-alert {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  position: relative;
  top: -5px;
  left: -5px;
  padding: 10px; }
  .inline-form-alert .content-wrapper, .inline-form-alert .form-alert-icon {
    display: inline-block;
    vertical-align: middle; }
  .inline-form-alert .form-alert-icon {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    width: 28px;
    height: 28px;
    line-height: 1.2em;
    text-align: center;
    margin-right: 8px;
    margin-left: 6px; }
  .inline-form-alert .form-alert-icon i {
    position: relative;
    top: 5px;
    opacity: 0.5; }
  @-moz-document url-prefix() {
    margin-left: 1px; }
  .inline-form-alert h1 {
    font-weight: normal;
    font-size: 1.5em;
    padding: 0;
    margin: 0; }
  .inline-form-alert p {
    font-size: 13px;
    padding: 0;
    margin: 0;
    opacity: 0.6; }

.ticket-success-blurb {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  text-align: center;
  max-width: 750px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 13px; }
  .ticket-success-blurb .icon-mark {
    display: block;
    width: 61px;
    height: 59px;
    margin: 0 auto;
    margin-top: 38px;
    margin-bottom: 5px;
    background-image: url(../img/ticket-success.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .ticket-success-blurb .icon-mark {
    background-image: url(../img/ticket-success@2x.png);
    background-size: 61px 59px; } }
  .ticket-success-blurb h1 {
    font-weight: normal;
    font-size: 1.9em;
    color: #333;
    margin-top: 20px;
    margin-bottom: 13px; }
  .ticket-success-blurb p {
    display: inline-block;
    max-width: 550px;
    opacity: 0.6;
    margin: 0;
    padding: 0;
    line-height: 2.2em; }
  .ticket-success-blurb .footer {
    padding: 20px 10px;
    margin-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.03); }
  .ticket-success-blurb .footer p {
    opacity: 0.9; }

.active-search-label-tag {
  display: inline-block;
  line-height: 1.2em;
  border: 1px solid #7a7a7a;
  background: #949494;
  border-radius: 2px;
  position: absolute;
  z-index: 1999;
  left: 40px;
  top: 10px;
  padding: 7px 10px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  cursor: default; }
  .active-search-label-tag i {
    position: relative; }
  .active-search-label-tag i.fa-tag {
    margin-right: 10px;
    font-size: 1em;
    top: 1px; }
  .active-search-label-tag i.fa-times {
    margin-left: 10px;
    top: -1px; }
  .active-search-label-tag i.fa-times:hover {
    color: #333;
    cursor: pointer; }

.search-result-controls {
  line-height: 1.2em;
  margin-bottom: 20px; }
  .search-result-controls h1 {
    font-size: 1.1em;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
    opacity: 0.5; }
  .search-result-controls ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0; }
  .search-result-controls li {
    display: inline-block; }
  .search-result-controls a {
    display: inline-block;
    color: #3ca2a2;
    text-decoration: none;
    border: 1px solid #7a7a7a;
    border-radius: 2px;
    padding: 7px 10px;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: bold; }
  .search-result-controls a:hover {
    border: 1px solid #3ca2a2;
    color: #fff; }
  .search-result-controls a .count {
    opacity: 0.5; }
  .search-result-controls a i {
    font-size: 13px;
    margin-right: 5px; }

.search-result-category-wrapper {
  margin-bottom: 40px; }

.deskpro-search-results .search-result-category {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  line-height: 1.2em;
  padding-left: 20px;
  margin-bottom: 13px; }
  .deskpro-search-results .search-result-category i {
    position: absolute;
    left: 0;
    background: #fff;
    padding-right: 20px;
    z-index: 199;
    color: #fff; }
  .deskpro-search-results .search-result-category i.fa-list-alt {
    top: 1px; }
  .deskpro-search-results .search-result-category .title {
    display: inline-block;
    background: #fff;
    padding-right: 10px;
    z-index: 199;
    position: relative; }
  .deskpro-search-results .search-result-category hr {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 198; }
  .deskpro-search-results ul {
    padding: 0;
    margin: 0;
    margin: 5px 0;
    list-style: none;
    margin-left: 20px; }
  .deskpro-search-results li {
    display: block;
    margin: 5px 0; }
  .deskpro-search-results li .article-meta {
    margin-bottom: 15px;
    margin-top: 5px;
    color: #77cdcd;
    font-size: 11.5px; }
  .deskpro-search-results li .article-meta span.comments {
    margin: 0; }
  .deskpro-search-results li .article-meta hr {
    margin: 0 10px;
    margin-left: 12px; }
  .deskpro-search-results li .article-meta a {
    color: #7a7a7a;
    text-decoration: underline; }
  .deskpro-search-results li .article-meta a:hover {
    color: #3ca2a2; }
  .deskpro-search-results .button-wrapper {
    margin-left: -5px; }
  .deskpro-search-results .button-wrapper .show-more-content {
    color: #7a7a7a; }
  .deskpro-search-results .button-wrapper .show-more-content:hover {
    color: #fff; }
  .deskpro-search-results a {
    text-decoration: none;
    color: #3ca2a2; }
  .deskpro-search-results a:hover .item-title {
    text-decoration: underline; }
  .deskpro-search-results a:hover p {
    color: #3ca2a2; }
  .deskpro-search-results a .item-title {
    color: #3ca2a2;
    font-weight: normal;
    font-size: 1em; }
  .deskpro-search-results a .item-title .download-icon {
    color: #7a7a7a;
    margin-right: 5px;
    font-size: 13px; }
  .deskpro-search-results a .item-title .feedback-count {
    color: #7a7a7a;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -1px;
    font-size: 0.7em;
    font-weight: 800;
    line-height: 1.2em;
    border: 1px solid #7a7a7a;
    border-radius: 2px;
    padding: 2px 5px; }
  .deskpro-search-results a .item-title .feedback-count i {
    margin-right: 4px;
    position: relative;
    top: -1px;
    opacity: 0.8; }
  .deskpro-search-results a .item-title .date-posted {
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    color: #7a7a7a;
    font-size: 0.7em;
    line-height: 1.2em;
    margin-right: 6px; }
  .deskpro-search-results a .item-title .date-posted i {
    position: relative;
    top: -2px;
    margin-right: 3px; }
  .deskpro-search-results a p {
    color: #77cdcd;
    font-size: 11.5px; }

.xdsoft_datetimepicker {
  border: 1px solid #d1d1d1; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #f7f7f7; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  background: #52b0bf; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #3c94a2; }

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  border: 1px solid #f7f7f7; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #3c94a2; }

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #52b0bf !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #3c94a2 !important; }

.xdsoft_time_box {
  border: 1px solid #f7f7f7; }

.xdsoft_datetimepicker .xdsoft_save_selected {
  border: 1px solid #f7f7f7 !important; }

.xdsoft_datetimepicker .blue-gradient-button {
  border: 1px solid #f7f7f7; }
/* Smoothness styling for jQuery Calendars Picker v2.0.0. */
.calendars {
  background-color: #fff;
  color: #222;
  border: 1px solid #aaa;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 90%;
  line-height: 1.4; }

.calendars-rtl {
  direction: rtl; }

.calendars-popup {
  z-index: 3000; }

.calendars-disable {
  position: absolute;
  z-index: 100;
  background-color: white;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.calendars a {
  color: #222;
  text-decoration: none; }

.calendars a.calendars-disabled {
  color: #888;
  cursor: auto; }

.calendars button {
  margin: 0.25em;
  padding: 0.125em 0em;
  background-color: #fff;
  border: none;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  font-weight: bold; }

.calendars-nav, .calendars-ctrl {
  float: left;
  width: 100%;
  background-color: #fff;
  font-size: 90%;
  font-weight: bold; }

.calendars-ctrl {
  background-color: #fbfbfb; }

.calendars-cmd {
  width: 30%; }

.calendars-cmd:hover {
  background-color: #e0e0e0; }

.calendars-ctrl .calendars-cmd:hover {
  background-color: #f0f0f0; }

.calendars-cmd-prevJump, .calendars-cmd-nextJump {
  width: 8%; }

a.calendars-cmd {
  height: 1.5em; }

button.calendars-cmd {
  text-align: center; }

.calendars-cmd-prev, .calendars-cmd-prevJump, .calendars-cmd-clear {
  float: left;
  padding-left: 2%; }

.calendars-cmd-current, .calendars-cmd-today {
  float: left;
  width: 35%;
  text-align: center; }

.calendars-cmd-next, .calendars-cmd-nextJump, .calendars-cmd-close {
  float: right;
  padding-right: 2%;
  text-align: right; }

.calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump, .calendars-rtl .calendars-cmd-clear {
  float: right;
  padding-left: 0%;
  padding-right: 2%;
  text-align: right; }

.calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today {
  float: right; }

.calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump, .calendars-rtl .calendars-cmd-close {
  float: left;
  padding-left: 2%;
  padding-right: 0%;
  text-align: left; }

.calendars-month-nav {
  float: left;
  text-align: center; }

.calendars-month-nav div {
  float: left;
  width: 12.5%;
  margin: 1%;
  padding: 1%; }

.calendars-month-nav span {
  color: #888; }

.calendars-month-row {
  clear: left; }

.calendars-month {
  float: left;
  width: 15em;
  border: 1px solid #aaa;
  text-align: center; }

.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
  height: 1.5em;
  background-color: #e0e0e0;
  color: #222;
  font-weight: bold; }

.calendars-month-header select, .calendars-month-header input {
  height: 1.4em;
  border: none;
  width: auto;
  font-size: 11px; }

.calendars-month-header input {
  position: absolute;
  display: none; }

.calendars-month table {
  width: 100%;
  border-collapse: collapse; }

.calendars-month thead {
  border-bottom: 1px solid #aaa; }

.calendars-month th, .calendars-month td {
  margin: 0em;
  padding: 0em;
  font-weight: normal;
  text-align: center; }

.calendars-month thead tr {
  border: 1px solid #aaa; }

.calendars-month td {
  background-color: #eee;
  border: 1px solid #f7f7f7; }

.calendars-month td.calendars-week * {
  background-color: #e0e0e0;
  color: #222;
  border: none; }

.calendars-month a {
  display: block;
  width: 100%;
  padding: 0.125em 0em;
  background-color: #f5f5f5;
  color: #666;
  text-decoration: none; }

.calendars-month span {
  display: block;
  width: 100%;
  padding: 0.125em 0em; }

.calendars-month td span {
  color: #888; }

.calendars-month td .calendars-other-month {
  background-color: #fff; }

.calendars-month td .calendars-weekend {
  background-color: #ddd; }

.calendars-month td .calendars-today {
  color: #fff;
  background-color: #888; }

.calendars-month td .calendars-highlight {
  color: #fff;
  background-color: #52b0bf; }

.calendars-month td .calendars-selected {
  color: #fff;
  background-color: #3c94a2; }

.calendars-status {
  clear: both;
  text-align: center; }

.calendars-clear-fix {
  clear: both; }
/* COULD NOT LOAD FILE (../../../../../../node_modules/highlight.js/styles/atom-one-light.css) */
.guides {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; }
  .guides h1 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 10px; }
  .guides h1:first-child {
    padding-top: 0; }
  .guides h1.anchor::before {
    content: "";
    display: block;
    height: 50px;
    /* fixed header height*/
    margin: -50px 0 0;
    /* negative fixed header height */ }
  .guides h1.anchor a {
    margin-left: 5px;
    text-decoration: none;
    display: none;
    color: inherit; }
  .guides h1.anchor a span {
    font-size: 12px;
    line-height: 12px; }
  .guides h1.anchor a .fa-anchor {
    color: #5995d6;
    font-size: 18px;
    cursor: pointer; }
  .guides h1.anchor:hover a {
    display: inline; }
  .guides h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px; }
  .guides h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px; }
  .guides h4 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 12px; }
  .guides ul {
    list-style-type: disc; }
  .guides ol {
    list-style-type: decimal; }
  .guides ul, .guides ol {
    display: block;
    margin: 1em 0;
    padding-left: 40px; }
  .guides a.internal_link {
    text-decoration: none;
    display: inline-block;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 2px;
    padding: 1px 3px;
    color: #6e6e6e; }
  .guides a.internal_link:hover {
    border: 1px solid #4696dc;
    background-color: #e9f7ff;
    color: #4696dc; }
  .guides a.internal_link:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.2em;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle; }
  .guides a.internal_link.article:before, .guides a.internal_link.knowledgebase:before, .guides a.internal_link.knowledgebase_article:before {
    content: "\F022";
    font-weight: 400; }
  .guides a.internal_link.download:before {
    content: "\f019"; }
  .guides a.internal_link.news:before {
    content: "\F133";
    font-weight: 400; }
  .guides a.internal_link.community:before {
    content: "\F164";
    font-weight: 400; }
  .guides a.internal_link.guide:before, .guides a.internal_link.topic:before {
    content: "\F02D"; }
  .guides p {
    margin-bottom: 15px; }
  .guides p:last-child {
    margin-bottom: 0; }
  .guides div.block {
    padding: 10px 15px;
    width: 100%;
    margin: 10px 0;
    border-radius: 2px;
    box-sizing: border-box; }
  .guides div.block::before {
    font: normal normal normal 24px 'Font Awesome 5 Free';
    font-weight: 900;
    float: left;
    margin-right: 10px; }
  .guides div.block.info {
    background-color: #e7f2fa;
    border: 1px solid #6ab0de; }
  .guides div.block.info::before {
    content: "\f05a"; }
  .guides div.block.warning {
    background-color: #fffbb5;
    border: solid 1px #f6982e; }
  .guides div.block.warning::before {
    content: "\f071"; }
  .guides div.block p {
    padding-left: 35px; }
  .guides code.hljs {
    display: inline-block;
    padding: 0 0.5em;
    overflow-x: visible;
    border: solid 1px #e6e7e6;
    border-radius: 2px;
    margin: 0 0.5em; }
  .guides pre code.hljs {
    display: block;
    padding: 0.5em;
    margin: 0;
    overflow-x: auto;
    border: solid 1px #e6e7e6;
    border-radius: 2px;
    background-color: #f8f8f8;
    position: relative; }
  .guides pre code.hljs .code-block .code-copy {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #4696dc;
    border: 2px solid #4696dc;
    border-radius: 20px;
    padding: 0 8px; }
  .guides pre code.hljs .code-block .code-copy.copied {
    color: #e3e3e3;
    border-color: #e3e3e3; }
  .guides pre code.hljs:hover .code-copy, .guides pre code.hljs .code-copy.copied {
    opacity: 1;
    transition: opacity 0.1s ease-in-out;
    transition-delay: 0.5s; }
  .guides blockquote {
    padding: 0 1em;
    color: #6a737d;
    border-left: 0.25em solid #dfe2e5; }
  .guides table {
    border-collapse: separate;
    border-spacing: 0;
    width: 98%;
    margin-bottom: 12px; }
  .guides table thead th {
    border: solid #e6e7e6;
    background-color: #f8f8f8;
    border-width: 1px 0 2px 1px;
    padding: 5px; }
  .guides table thead tr:first-child th:first-child {
    border-left-width: 1px;
    border-top-left-radius: 2px; }
  .guides table thead tr:first-child th:last-child {
    border-right-width: 1px;
    border-top-right-radius: 2px; }
  .guides table tr {
    border: solid 1px #e6e7e6; }
  .guides table tr td {
    border: solid #e6e7e6;
    border-width: 0 0 1px 1px;
    color: #333;
    padding: 5px; }
  .guides table tr td:first-child {
    border-left-width: 1px; }
  .guides table tr td:last-child {
    border-right-width: 1px; }
  .guides table tr:nth-child(2n) td {
    background-color: #f8f8f8; }
  .guides table tr:last-child td {
    border: solid #e6e7e6;
    border-width: 0 0 2px 1px; }
  .guides table tr:last-child td:first-child {
    border-left-width: 1px;
    border-bottom-left-radius: 2px; }
  .guides table tr:last-child td:last-child {
    border-right-width: 1px;
    border-bottom-right-radius: 2px; }
  .guides .tabular.menu .item {
    padding: 10px;
    color: #babbba;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer; }
  .guides .tabular.menu .item.active {
    color: inherit;
    border-bottom: solid 2px #77c1cd; }
  .guides .tab {
    margin-bottom: 1rem;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    display: none;
    padding: 24px; }
  .guides .tab.active {
    display: block; }
  .guides .tab pre code {
    background-color: #fff;
    margin-top: 0; }
  .guides .section-header h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px; }
  .guides .section-header .publication_date, .guides .section-header .last_update_date {
    font-size: 12px;
    margin-right: 20px; }
  .guides .section-header .publication_date label, .guides .section-header .last_update_date label {
    color: #8b8b8b; }
  .guides .section-header .sub-note {
    background-color: #e8e8e8;
    padding: 4px;
    font-size: 9pt;
    margin-top: 5px; }
  .guides .topic-list {
    width: 216px;
    min-height: 300px;
    border-right: 1px solid #efefef;
    border-collapse: collapse;
    margin-right: -1px;
    display: inline-block;
    vertical-align: top;
    overflow-y: scroll; }
  .guides .topic-list.fixed {
    position: fixed; }
  .guides .topic-list > .guide {
    font-size: 13px;
    color: #333; }
  .guides .topic-list > ul, .guides .topic-list .dp-react-widget > ul {
    margin: 0;
    padding: 0; }
  .guides .topic-list > ul > li.topic-item, .guides .topic-list .dp-react-widget > ul > li.topic-item {
    list-style: none; }
  .guides .topic-list > ul > li.topic-item > a, .guides .topic-list .dp-react-widget > ul > li.topic-item > a {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #77c1cd; }
  .guides .topic-list > ul > li.topic-item a, .guides .topic-list .dp-react-widget > ul > li.topic-item a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding-right: 35px;
    width: 100%;
    position: relative; }
  .guides .topic-list > ul > li.topic-item > ul, .guides .topic-list .dp-react-widget > ul > li.topic-item > ul {
    margin: 0 0 12px;
    padding: 0; }
  .guides .topic-list > ul > li.topic-item > ul li.topic-item, .guides .topic-list .dp-react-widget > ul > li.topic-item > ul li.topic-item {
    list-style: none;
    clear: both;
    margin-top: -7px; }
    .guides .topic-list > ul > li.topic-item > ul li.topic-item a, .guides .topic-list .dp-react-widget > ul > li.topic-item > ul li.topic-item a {
      font-size: 12px;
      height: 23px;
      text-decoration: none;
      color: #8b8b8b; }
    .guides .topic-list > ul > li.topic-item > ul li.topic-item ul, .guides .topic-list .dp-react-widget > ul > li.topic-item > ul li.topic-item ul {
      margin: 0;
      padding: 0 0 0 15px; }
  .guides .topic-list li.topic-item > a.active {
    background-color: rgba(60, 148, 162, 0.08);
    color: #77c1cd;
    height: 23px;
    border-right: 2px solid #77c1cd;
    margin-right: -1px; }
  .guides .topic-list li.topic-item a .fa {
    margin-right: -12px;
    line-height: 24px;
    position: absolute;
    right: 20px; }
  .guides .topic-list ul.hidden {
    display: none; }
  .guides .topic-list .current-guide {
    padding-right: 10px; }
  .guides .topic-list .current-guide .guide-pdf {
    display: inline-block;
    padding: 0 0.5em;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fafafa;
    color: #333;
    text-decoration: none;
    line-height: 2.28571;
    white-space: nowrap; }
  .guides .topic-list .current-guide .guide-pdf i {
    position: relative;
    top: -1px;
    margin-right: 2px;
    margin-left: 6px;
    color: #7d7d7d;
    vertical-align: middle;
    font-size: 13px; }
  .guides div.topic {
    width: 664px;
    border-left: 1px solid #efefef;
    padding-left: 24px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -3px; }
  .guides div.topic img {
    max-width: 600px; }
  .guides div.topic .loading {
    display: none;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .85);
    background-image: url("../../../../../../../pub/src/DeskPRO/Bundle/PortalBundle/Resources/img/search-spinner.gif");
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 200; }
  .guides div.topic .loading.active {
    display: block; }
  .guides div.topic .topic-content {
    padding-right: 24px; }
  .guides [data-reactroot] div.topic {
    margin-left: 0; }
  .guides .topic-list.fixed + div.topic {
    margin-left: 215px; }
  .guides .content-summary {
    width: 126px;
    display: inline-block;
    vertical-align: top; }
  .guides .content-summary .topic-summary {
    border-left: 1px solid #efefef;
    padding-left: 18px;
    top: 20px;
    width: 126px; }
  .guides .content-summary .topic-summary.fixed {
    position: fixed; }
  .guides .content-summary .topic-summary h2 {
    color: #4696dc;
    text-transform: uppercase;
    font-size: 14px; }
  .guides .content-summary .topic-summary ul {
    padding: 0;
    margin: 0; }
  .guides .content-summary .topic-summary ul li {
    list-style: none; }
  .guides .content-summary .topic-summary ul li a {
    text-decoration: none;
    color: #8b8b8b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    font-size: 12px; }
    .guides .content-summary .topic-summary ul li a.active {
      border-left: 2px solid #77c1cd;
      margin-left: -25px;
      padding-left: 23px; }
  @media (max-width: 1070px) {
  .guides .content-summary {
    visibility: hidden; }
  .guides div.topic {
    width: calc(100% - 216px); } }
  .guides.pdf {
    font-family: Arial;
    max-width: 1000px; }
  .guides.pdf h1 {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding: 10px 0;
    text-align: right;
    font-weight: bold; }
  .guides.pdf h1::before {
    content: 'Chapter';
    display: block;
    font-size: smaller;
    height: 36px;
    margin: 0; }
  .guides.pdf h2 {
    color: #1d3b52; }
  .guides.pdf h3 {
    color: #1d3b52; }
  .guides.pdf h4 {
    font-weight: bold; }
  .guides.pdf span.h1 {
    font-weight: bold; }
  .guides.pdf span.h2 {
    font-weight: bold; }
  .guides.pdf span.h3 {
    font-weight: bold; }
  .guides.pdf div.topic {
    width: 100%;
    border-left: none;
    display: block;
    padding: 0;
    margin: 0;
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid; }
  .guides.pdf > div.topic {
    position: relative;
    page-break-before: always;
    page-break-after: auto;
    page-break-inside: avoid; }
  .guides.pdf div.block {
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid;
    position: relative;
    width: 60%; }
  .guides.pdf div.block::before {
    margin: 10px 10px 0 0; }
  .guides.pdf div.block p {
    padding-left: 50px; }
  .guides.pdf pre code.hljs {
    position: relative;
    width: 80%; }
  .guides.pdf thead {
    display: table-header-group; }
  .guides.pdf tr {
    page-break-inside: avoid; }
  .guides.pdf .tabular.menu {
    display: none; }
  .guides.pdf .tab {
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid;
    margin-bottom: 1rem;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    display: block;
    padding: 24px; }
  .guides.pdf .tab .pdf_title {
    display: block !important;
    font-weight: bold; }
  .guides.pdf .tab pre code {
    background-color: #fff;
    margin-top: 0; }
  .guides.pdf footer {
    border-top: solid 1px black;
    padding-top: 10px;
    margin-top: 15px; }
  .guides.pdf footer .page-number {
    float: right; }
  .guides .titled-header h1, .guides .titled-header-left h1 {
    font-size: inherit;
    font-weight: normal;
    margin-bottom: 0; }
  .guides .flashes .flash {
    white-space: normal; }

.column-half-plus .guides div.topic {
  width: 568px; }
  .column-half-plus .guides .content-summary {
    display: none; }

.oauth .large-title {
  padding: 0 !important; }
/* COULD NOT LOAD FILE (../../../../../../node_modules/highlight.js/styles/atom-one-light.css) */
.guides {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif; }
  .guides h1 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 10px; }
  .guides h1:first-child {
    padding-top: 0; }
  .guides h1.anchor::before {
    content: "";
    display: block;
    height: 50px;
    /* fixed header height*/
    margin: -50px 0 0;
    /* negative fixed header height */ }
  .guides h1.anchor a {
    margin-left: 5px;
    text-decoration: none;
    display: none;
    color: inherit; }
  .guides h1.anchor a span {
    font-size: 12px;
    line-height: 12px; }
  .guides h1.anchor a .fa-anchor {
    color: #5995d6;
    font-size: 18px;
    cursor: pointer; }
  .guides h1.anchor:hover a {
    display: inline; }
  .guides h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px; }
  .guides h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px; }
  .guides h4 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 12px; }
  .guides ul {
    list-style-type: disc; }
  .guides ol {
    list-style-type: decimal; }
  .guides ul, .guides ol {
    display: block;
    margin: 1em 0;
    padding-left: 40px; }
  .guides a.internal_link {
    text-decoration: none;
    display: inline-block;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 2px;
    padding: 1px 3px;
    color: #6e6e6e; }
  .guides a.internal_link:hover {
    border: 1px solid #4696dc;
    background-color: #e9f7ff;
    color: #4696dc; }
  .guides a.internal_link:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.2em;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle; }
  .guides a.internal_link.article:before, .guides a.internal_link.knowledgebase:before, .guides a.internal_link.knowledgebase_article:before {
    content: "\F022";
    font-weight: 400; }
  .guides a.internal_link.download:before {
    content: "\f019"; }
  .guides a.internal_link.news:before {
    content: "\F133";
    font-weight: 400; }
  .guides a.internal_link.community:before {
    content: "\F164";
    font-weight: 400; }
  .guides a.internal_link.guide:before, .guides a.internal_link.topic:before {
    content: "\F02D"; }
  .guides p {
    margin-bottom: 15px; }
  .guides p:last-child {
    margin-bottom: 0; }
  .guides div.block {
    padding: 10px 15px;
    width: 100%;
    margin: 10px 0;
    border-radius: 2px;
    box-sizing: border-box; }
  .guides div.block::before {
    font: normal normal normal 24px 'Font Awesome 5 Free';
    font-weight: 900;
    float: left;
    margin-right: 10px; }
  .guides div.block.info {
    background-color: #e7f2fa;
    border: 1px solid #6ab0de; }
  .guides div.block.info::before {
    content: "\f05a"; }
  .guides div.block.warning {
    background-color: #fffbb5;
    border: solid 1px #f6982e; }
  .guides div.block.warning::before {
    content: "\f071"; }
  .guides div.block p {
    padding-left: 35px; }
  .guides code.hljs {
    display: inline-block;
    padding: 0 0.5em;
    overflow-x: visible;
    border: solid 1px #e6e7e6;
    border-radius: 2px;
    margin: 0 0.5em; }
  .guides pre code.hljs {
    display: block;
    padding: 0.5em;
    margin: 0;
    overflow-x: auto;
    border: solid 1px #e6e7e6;
    border-radius: 2px;
    background-color: #f8f8f8;
    position: relative; }
  .guides pre code.hljs .code-block .code-copy {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #4696dc;
    border: 2px solid #4696dc;
    border-radius: 20px;
    padding: 0 8px; }
  .guides pre code.hljs .code-block .code-copy.copied {
    color: #e3e3e3;
    border-color: #e3e3e3; }
  .guides pre code.hljs:hover .code-copy, .guides pre code.hljs .code-copy.copied {
    opacity: 1;
    transition: opacity 0.1s ease-in-out;
    transition-delay: 0.5s; }
  .guides blockquote {
    padding: 0 1em;
    color: #6a737d;
    border-left: 0.25em solid #dfe2e5; }
  .guides table {
    border-collapse: separate;
    border-spacing: 0;
    width: 98%;
    margin-bottom: 12px; }
  .guides table thead th {
    border: solid #e6e7e6;
    background-color: #f8f8f8;
    border-width: 1px 0 2px 1px;
    padding: 5px; }
  .guides table thead tr:first-child th:first-child {
    border-left-width: 1px;
    border-top-left-radius: 2px; }
  .guides table thead tr:first-child th:last-child {
    border-right-width: 1px;
    border-top-right-radius: 2px; }
  .guides table tr {
    border: solid 1px #e6e7e6; }
  .guides table tr td {
    border: solid #e6e7e6;
    border-width: 0 0 1px 1px;
    color: #333;
    padding: 5px; }
  .guides table tr td:first-child {
    border-left-width: 1px; }
  .guides table tr td:last-child {
    border-right-width: 1px; }
  .guides table tr:nth-child(2n) td {
    background-color: #f8f8f8; }
  .guides table tr:last-child td {
    border: solid #e6e7e6;
    border-width: 0 0 2px 1px; }
  .guides table tr:last-child td:first-child {
    border-left-width: 1px;
    border-bottom-left-radius: 2px; }
  .guides table tr:last-child td:last-child {
    border-right-width: 1px;
    border-bottom-right-radius: 2px; }
  .guides .tabular.menu .item {
    padding: 10px;
    color: #babbba;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer; }
  .guides .tabular.menu .item.active {
    color: inherit;
    border-bottom: solid 2px #77c1cd; }
  .guides .tab {
    margin-bottom: 1rem;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    display: none;
    padding: 24px; }
  .guides .tab.active {
    display: block; }
  .guides .tab pre code {
    background-color: #fff;
    margin-top: 0; }
  .guides .section-header h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px; }
  .guides .section-header .publication_date, .guides .section-header .last_update_date {
    font-size: 12px;
    margin-right: 20px; }
  .guides .section-header .publication_date label, .guides .section-header .last_update_date label {
    color: #8b8b8b; }
  .guides .section-header .sub-note {
    background-color: #e8e8e8;
    padding: 4px;
    font-size: 9pt;
    margin-top: 5px; }
  .guides .topic-list {
    width: 216px;
    min-height: 300px;
    border-right: 1px solid #efefef;
    border-collapse: collapse;
    margin-right: -1px;
    display: inline-block;
    vertical-align: top;
    overflow-y: scroll; }
  .guides .topic-list.fixed {
    position: fixed; }
  .guides .topic-list > .guide {
    font-size: 13px;
    color: #333; }
  .guides .topic-list > ul, .guides .topic-list .dp-react-widget > ul {
    margin: 0;
    padding: 0; }
  .guides .topic-list > ul > li.topic-item, .guides .topic-list .dp-react-widget > ul > li.topic-item {
    list-style: none; }
  .guides .topic-list > ul > li.topic-item > a, .guides .topic-list .dp-react-widget > ul > li.topic-item > a {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #77c1cd; }
  .guides .topic-list > ul > li.topic-item a, .guides .topic-list .dp-react-widget > ul > li.topic-item a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding-right: 35px;
    width: 100%;
    position: relative; }
  .guides .topic-list > ul > li.topic-item > ul, .guides .topic-list .dp-react-widget > ul > li.topic-item > ul {
    margin: 0 0 12px;
    padding: 0; }
  .guides .topic-list > ul > li.topic-item > ul li.topic-item, .guides .topic-list .dp-react-widget > ul > li.topic-item > ul li.topic-item {
    list-style: none;
    clear: both;
    margin-top: -7px; }
    .guides .topic-list > ul > li.topic-item > ul li.topic-item a, .guides .topic-list .dp-react-widget > ul > li.topic-item > ul li.topic-item a {
      font-size: 12px;
      height: 23px;
      text-decoration: none;
      color: #8b8b8b; }
    .guides .topic-list > ul > li.topic-item > ul li.topic-item ul, .guides .topic-list .dp-react-widget > ul > li.topic-item > ul li.topic-item ul {
      margin: 0;
      padding: 0 0 0 15px; }
  .guides .topic-list li.topic-item > a.active {
    background-color: rgba(60, 148, 162, 0.08);
    color: #77c1cd;
    height: 23px;
    border-right: 2px solid #77c1cd;
    margin-right: -1px; }
  .guides .topic-list li.topic-item a .fa {
    margin-right: -12px;
    line-height: 24px;
    position: absolute;
    right: 20px; }
  .guides .topic-list ul.hidden {
    display: none; }
  .guides .topic-list .current-guide {
    padding-right: 10px; }
  .guides .topic-list .current-guide .guide-pdf {
    display: inline-block;
    padding: 0 0.5em;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fafafa;
    color: #333;
    text-decoration: none;
    line-height: 2.28571;
    white-space: nowrap; }
  .guides .topic-list .current-guide .guide-pdf i {
    position: relative;
    top: -1px;
    margin-right: 2px;
    margin-left: 6px;
    color: #7d7d7d;
    vertical-align: middle;
    font-size: 13px; }
  .guides div.topic {
    width: 664px;
    border-left: 1px solid #efefef;
    padding-left: 24px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -3px; }
  .guides div.topic img {
    max-width: 600px; }
  .guides div.topic .loading {
    display: none;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .85);
    background-image: url("../../../../../../../pub/src/DeskPRO/Bundle/PortalBundle/Resources/img/search-spinner.gif");
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 200; }
  .guides div.topic .loading.active {
    display: block; }
  .guides div.topic .topic-content {
    padding-right: 24px; }
  .guides [data-reactroot] div.topic {
    margin-left: 0; }
  .guides .topic-list.fixed + div.topic {
    margin-left: 215px; }
  .guides .content-summary {
    width: 126px;
    display: inline-block;
    vertical-align: top; }
  .guides .content-summary .topic-summary {
    border-left: 1px solid #efefef;
    padding-left: 18px;
    top: 20px;
    width: 126px; }
  .guides .content-summary .topic-summary.fixed {
    position: fixed; }
  .guides .content-summary .topic-summary h2 {
    color: #4696dc;
    text-transform: uppercase;
    font-size: 14px; }
  .guides .content-summary .topic-summary ul {
    padding: 0;
    margin: 0; }
  .guides .content-summary .topic-summary ul li {
    list-style: none; }
  .guides .content-summary .topic-summary ul li a {
    text-decoration: none;
    color: #8b8b8b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    font-size: 12px; }
    .guides .content-summary .topic-summary ul li a.active {
      border-left: 2px solid #77c1cd;
      margin-left: -25px;
      padding-left: 23px; }
  @media (max-width: 1070px) {
  .guides .content-summary {
    visibility: hidden; }
  .guides div.topic {
    width: calc(100% - 216px); } }
  .guides.pdf {
    font-family: Arial;
    max-width: 1000px; }
  .guides.pdf h1 {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding: 10px 0;
    text-align: right;
    font-weight: bold; }
  .guides.pdf h1::before {
    content: 'Chapter';
    display: block;
    font-size: smaller;
    height: 36px;
    margin: 0; }
  .guides.pdf h2 {
    color: #1d3b52; }
  .guides.pdf h3 {
    color: #1d3b52; }
  .guides.pdf h4 {
    font-weight: bold; }
  .guides.pdf span.h1 {
    font-weight: bold; }
  .guides.pdf span.h2 {
    font-weight: bold; }
  .guides.pdf span.h3 {
    font-weight: bold; }
  .guides.pdf div.topic {
    width: 100%;
    border-left: none;
    display: block;
    padding: 0;
    margin: 0;
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid; }
  .guides.pdf > div.topic {
    position: relative;
    page-break-before: always;
    page-break-after: auto;
    page-break-inside: avoid; }
  .guides.pdf div.block {
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid;
    position: relative;
    width: 60%; }
  .guides.pdf div.block::before {
    margin: 10px 10px 0 0; }
  .guides.pdf div.block p {
    padding-left: 50px; }
  .guides.pdf pre code.hljs {
    position: relative;
    width: 80%; }
  .guides.pdf thead {
    display: table-header-group; }
  .guides.pdf tr {
    page-break-inside: avoid; }
  .guides.pdf .tabular.menu {
    display: none; }
  .guides.pdf .tab {
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid;
    margin-bottom: 1rem;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    display: block;
    padding: 24px; }
  .guides.pdf .tab .pdf_title {
    display: block !important;
    font-weight: bold; }
  .guides.pdf .tab pre code {
    background-color: #fff;
    margin-top: 0; }
  .guides.pdf footer {
    border-top: solid 1px black;
    padding-top: 10px;
    margin-top: 15px; }
  .guides.pdf footer .page-number {
    float: right; }
  .guides .titled-header h1, .guides .titled-header-left h1 {
    font-size: inherit;
    font-weight: normal;
    margin-bottom: 0; }
  .guides .flashes .flash {
    white-space: normal; }

.column-half-plus .guides div.topic {
  width: 568px; }
  .column-half-plus .guides .content-summary {
    display: none; }
/*
 Use this template to add custom CSS to your site.
 The code you enter here will be evaluated as SCSS which is an extension of CSS
 that adds nesting features, variables, mixins, inheritance and more.
 Read more about SCSS here: http://sass-lang.com/guide
 */
/*********************************************************************************
 General styles.
 *********************************************************************************/
body {
  background: #fffff7;
  padding: 0;
  margin: 0; }
/* Centered layout. */
div.mrc-layout {
  width: 1011px;
  margin: 0 auto;
  position: relative; }
/* Override of default DeskPRO styles. */
div.mrc {
  box-sizing: content-box;
  /* not supported in IE6/7, but neither is the initial DeskPRO setting of box-sizing: border-box */ }
/*********************************************************************************
 Layout fixes.
 *********************************************************************************/
/* Fix input fields being too broad on the ticket edit page. A margin of 340px is specified in the css since v5.9.0 after a suggestion by me, but this fix does not work if the default width of the page is constricted (which it is by about 37px in our layout). CSS in which this is specified:
 #edit_ticket_page,
 .ticket_messages {
 @include margin-right(340px);
 } */
#edit_ticket_page, .ticket_messages {
  margin-right: 375px; }
/* Fix issue after upgrade to v2018.2.3.1.35145, in which font-size and color of the Font Awesome buttons in the big navigation buttons are incorrectly defined. This fix can hopefully be removed in the future. */
ul.big-button-collection .fa, ul.big-button-collection .far, ul.big-button-collection .fas {
  font-size: 3em;
  color: #7a7a7a; }
/*********************************************************************************
 DeskPRO overrides.
 *********************************************************************************/
/* Remove the brand title as this is already present in the logo. */
header.top-bar div.brand {
  display: none; }
/* Move the account and button bar to the top-right corner of the header. */
header.top-bar {
  position: absolute;
  top: 20px;
  right: 20px;
  width: auto;
  border: 0;
  /* remove existing border-bottom */
  padding: 0; }

header.top-bar ul#menu {
  padding: 5px 0 5px 10px;
  background: #fff;
  /* fall-back */
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid #fff;
  /* fall-back */
  border: 2px solid rgba(255, 255, 255, 0.8); }
/* Remove default padding on DeskPRO content because padding is already defined for div.mrc-content. */
.dp-page-body, .world {
  padding: 0; }
/* Remove the DeskPRO content background to make sure that layering works better. (This background would overlay header and foote relements.)
 The alternative of setting the z-index of the header to 1 and setting the z-index of the header.top-bar element to auto/1 was tried. This also required a z-index: 1999 re-declaration on .big-button-collection-expand-mobile but still didn't work quite well in the mobile layout (the navigation bar was lost to view). This approach was easier for now.
 */
.world {
  background: none; }
/* Hide MLPA.com and Support Home buttons of the big (homepage) and small (other pages) button menus because they are also in the header. */
ul.big-button-collection li.item-external, ul.big-button-collection li.item-home {
  display: none; }
/* Hide small navigation buttons (all pages but the homepage) as they are redundant with the menu. The big navigation buttons (homepage) are left for clarity.
 Note: this cannot be accomplished by hiding the entire section.welcome-news because this also hides the big navigation buttons.
 This also cannot be accomplished by hiding the ul.big-button-collection.thin element.
 JS code on the page overrides the display style to block when the page is resized, which shows the small navigation buttons again.
 This can be fixed by setting display: none !important here, but this has the consequence that display: block !important has to be used in the media query at 760px (when switching to the mobile layout), which means the menu cannot be hidden anymore.
 However, hiding the list items does work. */
ul.big-button-collection.thin li {
  display: none; }

section.with-dpx {
  padding-top: 10px;
  /* Add an extra 10px padding-top to the section.with-dpx element to compensate for hiding the smaller button row (this element is not present on the homepage). */ }
/* Before & after elements of these cells are positioned to the top-left and bottom-left corners of the total page container (and overlay the MRC borders because of that). */
.user-ticket-list tbody tr td.first-in-line:after, .user-ticket-list tbody tr td.first-in-line:before {
  display: none; }
/* Second level input fields (e.g. subdepartments) fall on top of the ticket properties because these divs are offset from the left but still have a width of 100% set. This fixes the layout disruption. */
div.dp_ticket_form div.multiselect.level-2, div.dp_ticket_form div.multiselect.level-3.multiselect, div.dp_ticket_form div.multiselect.level-4.multiselect, div.dp_ticket_form div.multiselect.level-5.multiselect, div.dp_ticket_form div.multiselect.level-6.multiselect, div.dp_ticket_form div.multiselect.level-7.multiselect, div.dp_ticket_form div.multiselect.level-8.multiselect, div.dp_ticket_form div.multiselect.level-9.multiselect, div.dp_ticket_form div.multiselect.level-10.multiselect {
  background: transparent; }
/* Make category titles (knowledgebase & downloads) more prominent. */
div.kb-home article.article-categories header h1, div.downloads article.article-categories header h1 {
  font-weight: bold; }
/*********************************************************************************
 DeskPRO overrides for knowledgebase, news & downloads (articles).
 *********************************************************************************/
/* Overrides associated with the introduction of dp-editor-content styles. */
.dp-editor-content h1, .dp-editor-content h2, .dp-editor-content h3, .dp-editor-content h4, .dp-editor-content h5, .dp-editor-content h6 {
  margin: 0; }

.dp-editor-content p {
  margin: 0;
  margin-bottom: 10px; }

.dp-editor-content a {
  color: #3ca2a2; }

.dp-editor-content ul, .dp-editor-content ol {
  padding-left: 0;
  padding-inline-start: 40px; }

.dp-editor-content blockquote {
  background: none; }

.dp-editor-content :not(pre) > code {
  padding: 10px 15px;
  border: 1px solid #c8c8c8;
  background: #f4f4f4; }

.dp-editor-content table {
  table-layout: auto;
  width: auto; }

.dp-editor-content table th, .dp-editor-content table td {
  border: 0; }

.dp-editor-content img {
  display: inline; }
/* Completely hide the knowledgebase article and downloads meta information. Note that the qualifier must be like this to avoid hiding the meta data from news. */
.kb-article > header > div.article-meta {
  display: none; }
/* Article header. */
.kb-article header {
  padding-bottom: 0; }

.kb-article header .header-button-container {
  margin-top: -0.5em; }
/* Headers. */
.kb-article header h1, .kb-article .article-content h2 {
  font-size: 1.35em;
  font-weight: bold;
  margin-bottom: 0.8em;
  color: #11677f; }

.kb-article .article-content h2:first-child {
  margin-top: 0.75em; }

.kb-article .article-content h2:not(:first-child) {
  margin-top: 1.25em; }

.kb-article .article-content h3 {
  font-size: 1.1em;
  color: #11677f; }

.kb-article .article-content h4 {
  font-size: 1em; }

.kb-article .article-content h5 {
  font-size: 1em;
  font-weight: normal;
  font-style: italic; }
/* Related content & ratings. These styles are used to be able to switch ratings & related content. */
div.column-full > div.mrc-related-content-spacing {
  width: 100%;
  height: 50px;
  font-size: 0; }

div.column-full .kb-article > div.rate-article:first-child {
  margin-top: -20px; }
/* Tags used as technology label buttons. */
.tag-list.technologies {
  margin: 0 0 0 0;
  /* margin: 0 0 -0.7em 0; worked better in the new version (test) */
  border: 0; }

.tag-list.technologies.downloads {
  /* Slightly different spacing is required for download pages. */
  padding-left: 10px;
  margin-bottom: 0.7em; }

.tag-list.technologies ul {
  margin: 0 !important;
  padding: 0 !important; }

.tag-list.technologies ul li.tag-list-header {
  display: none; }

.tag-list.technologies ul li.tag-list-item {
  height: 2em;
  margin-right: 0.3em;
  padding: 0 0.8em;
  border: 0;
  border-radius: 1em;
  line-height: 2;
  text-align: center;
  vertical-align: middle;
  font-size: 0.923em;
  font-weight: 600;
  background-color: #999;
  margin-bottom: 0.7em; }

.tag-list.technologies ul li.tag-list-item a {
  color: #fff; }

.tag-list.technologies ul li.tag-list-item a:hover {
  color: rgba(255, 255, 255, 0.75); }

.tag-list.technologies ul li.tag-list-item[title="Internal"] {
  background-color: #000; }

.tag-list.technologies ul li.tag-list-item[title="MLPA"], .tag-list.technologies ul li.tag-list-item[title="MS-MLPA"], .tag-list.technologies ul li.tag-list-item[title="Coffalyser.Net"] {
  background-color: #2571ce; }

.tag-list.technologies ul li.tag-list-item[title="digitalMLPA"], .tag-list.technologies ul li.tag-list-item[title="digital MS-MLPA"], .tag-list.technologies ul li.tag-list-item[title="Coffalyser digitalMLPA"] {
  background-color: #fd9c19; }

.tag-list.technologies ul li.tag-list-item[title="Melt Assay"] {
  background-color: #00d09e; }
/* Images with legends. */
.article-content div.mrc_figure_with_legend {
  margin: 10px;
  /* the default DeskPRO image style */
  padding: 5px;
  /* the default DeskPRO image style */
  border: 1px solid #e6e6e6;
  /* the default DeskPRO image style */
  width: 891px;
  /* maximum allowed width (including borders and padding) */
  background-color: #fafafa; }

.article-content div.mrc_figure_with_legend img {
  margin: 0;
  /* override of default DeskPRO image style */
  padding: 0;
  /* override of default DeskPRO image style */
  border: 0;
  /* override of default DeskPRO image style */ }

.article-content div.mrc_figure_with_legend div {
  font-style: italic;
  padding: 0 5px; }

.article-content div.mrc_figure_with_legend div span.label {
  font-weight: bold; }
/* Blockquotes. */
.article-content blockquote {
  position: relative;
  margin: 10px 40px;
  padding: 15px 20px 15px 45px;
  color: #7d7d7d;
  border-left: 15px solid #9d9d9d;
  -mox-box-shadow: 2px 2px 10px #ccc;
  -webkit-box-shadow: 2px 2px 10px #ccc;
  box-shadow: 2px 2px 10px #ccc; }

.article-content blockquote:before {
  content: "\201C";
  font-size: 60px;
  font-weight: bold;
  color: #9d9d9d;
  position: absolute;
  left: 15px;
  top: 25px; }

.article-content blockquote:after {
  content: ""; }
/* Code boxes. */
.article-content code {
  display: block;
  margin: 10px 40px;
  border: 1px solid #c8c8c8;
  background: #f4f4f4;
  padding: 10px 15px;
  line-height: 1.5em; }
/* Horizontal lines. */
.article-content hr {
  margin-right: 10px; }
/* Tables. */
.article-content table {
  margin: 10px 0px; }

.article-content table tr td {
  padding: 5px 10px;
  color: #333; }

.article-content table thead tr td {
  font-weight: bold; }

.article-content table tfoot tr td {
  font-style: italic; }

.article-content table.borders {
  border-bottom-style: hidden; }

.article-content table.borders tr td:not(:last-child) {
  border-right: 1px solid #e0e0e0; }

.article-content table.borders thead tr:last-child {
  border-bottom: 1px solid #333; }

.article-content table.borders thead tr:not(:last-child) {
  border-bottom: 1px solid #e0e0e0; }

.article-content table.borders tbody tr:not(:last-child) {
  border-bottom: 1px solid #e0e0e0; }

.article-content table.borders tfoot tr:first-child {
  border-top: 3px double #333; }

.article-content table.borders tfoot tr:not(:last-child) {
  border-bottom: 1px solid #e0e0e0; }

.article-content table.firstcolumn tbody tr td:first-child {
  color: #7a7a7a; }

.article-content table.firstcolumn.borders tr td:first-child {
  border-right: 1px solid #333; }

.article-content table tr td.nowrap {
  white-space: nowrap; }

.article-content table.compact tr td {
  padding: 2px 5px; }
/* Override for lists in table cells that have no further content. */
.article-content table tr td ul:first-child {
  margin-top: 0; }

.article-content table tr td ul:last-child {
  margin-bottom: 0; }
/* Mock-table for the "info", important" and "warning" styles. */
.article-content table.info, .article-content table.important, .article-content table.warning {
  position: relative;
  margin: 15px 0;
  border-radius: 8px;
  width: 100%; }

.article-content table.info, .article-content table.important {
  background-color: #ebf6f6;
  /* this is the i font color with alpha 0.1. */ }

.article-content table.warning {
  background-color: #fdf7ed;
  /* this is the i font color with alpha 0.1. */ }

.article-content table.info td:first-child, .article-content table.important td:first-child, .article-content table.warning td:first-child {
  width: 30px;
  padding: 0; }

.article-content table.info td:first-child:before, .article-content table.important td:first-child:before, .article-content table.warning td:first-child:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 3px;
  /* use 2px without background color (old situation when this was still 1px. */
  left: 7px;
  /* use 5px without background color. */
  font-family: 'Font Awesome 5 Free';
  font-size: 25px;
  font-weight: 900;
  line-height: 1; }

.article-content table.info td:first-child:before {
  content: "\f05a";
  color: #3ca2a2; }

.article-content table.important td:first-child:before {
  content: "\f06a";
  color: #3ca2a2; }

.article-content table.warning td:first-child:before {
  content: "\f06a";
  color: #f0ad4e; }
/* Override for the Arial Black font style that is used to denote literal button/interface texts. Note that the #{' '} is an escaped space in SASS/SCSS. This is necessary for some reason because the presence of the comma in the style selector causes the space between .article-content and span to disappear. I could not fix this using SCSS variables, but this seems to work. */
.article-content span[style*="font-family: 'arial black', 'avant garde';"] {
  font-weight: bold;
  color: #505050;
  font-size: 0.9em; }
/* Overrides for list articles. */
.article-content table.borders tr.notop {
  border-top-style: hidden; }

.article-content table.borders tr.notop td {
  padding-top: 0; }

.article-content table tr td.common, .article-content table tr td.uncommon, .article-content table tr td.rare, .article-content table tr td.speculation, .article-content table tr td.unverified, .article-content table tr td.unknown, .article-content table tr td.medical, .article-content table tr td.lightbulb {
  position: relative;
  padding-left: 3em; }

.article-content table tr td.common:before, .article-content table tr td.uncommon:before, .article-content table tr td.rare:before, .article-content table tr td.speculation:before, .article-content table tr td.unverified:before, .article-content table tr td.unknown:before, .article-content table tr td.medical:before, .article-content table tr td.lightbulb:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 3em;
  text-align: center;
  padding-top: inherit;
  /* This ensures that the distance of the symbol to the text is the same regardless of the padding-top of the containing table cell (especially relevant if tr.notop is used). */
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  line-height: 1; }

.article-content table tr td.common:before, .article-content table tr td.uncommon:before, .article-content table tr td.rare:before, .article-content table tr td.speculation:before, .article-content table tr td.unverified:before, .article-content table tr td.unknown:before, .article-content table tr td.medical:before {
  font-weight: 900;
  /* .fas style */ }

.article-content table tr td.lightbulb:before {
  font-weight: 400;
  /* .far style */ }

.article-content table tr td.common:before {
  content: "\f00c"; }

.article-content table tr td.uncommon:before {
  content: "\f002"; }

.article-content table tr td.rare:before {
  content: "\f1e5"; }

.article-content table tr td.speculation:before {
  content: "\f0c3"; }

.article-content table tr td.unverified:before {
  content: "\f128";
  color: #ccc; }

.article-content table tr td.unknown:before {
  content: "\f128"; }

.article-content table tr td.medical:before {
  content: "\f21e"; }

.article-content table tr td.lightbulb:before {
  content: "\f0eb"; }
/*********************************************************************************
 Page borders.
 *********************************************************************************/
/* Border container. */
div.mrc-border-container {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1; }
/* General styles. */
div.mrc-border {
  position: absolute; }

div.mrc-border-vertical {
  height: 100%;
  top: 0;
  bottom: 0; }

div.mrc-border-horizontal {
  width: 100%;
  left: 0;
  right: 0; }
/* Outer vertical lines. */
div.mrc-border-left-outer, div.mrc-border-right-outer {
  width: 1px;
  background: #78bef1; }

div.mrc-border-left-outer {
  left: 0; }

div.mrc-border-right-outer {
  right: 0; }
/* Main blue border. */
div.mrc-border-left, div.mrc-border-right, div.mrc-border-top, div.mrc-border-bottom {
  background: #1774b9; }

div.mrc-border-left {
  left: 1px;
  width: 16px;
  /* required width + 3px for inner border */ }

div.mrc-border-right {
  right: 1px;
  width: 12px;
  /* required width + 3px for inner border */ }

div.mrc-border-top {
  top: 0;
  height: 14px;
  /* required width + 3px for inner border */ }

div.mrc-border-bottom {
  bottom: 0;
  height: 7px;
  /* required width + 3px for inner border */ }
/* Inner white border. */
div.mrc-border-inner {
  background: none;
  border: 3px solid #fff;
  border-radius: 5px; }

div.mrc-border-inner-main {
  top: 11px;
  /* div.mrc-border-top height */
  bottom: 4px;
  /* div.mrc-border-bottom height */
  left: 14px;
  /* div.mrc-border-left width + left */
  right: 10px;
  /* div.mrc-border-right width + right */ }

div.mrc-border-inner-header {
  top: 11px;
  /* div.mrc-border-inner top */
  left: 14px;
  /* div.mrc-border-inner left */
  right: 10px;
  /* div.mrc-border-inner right */
  height: 143px;
  /* div.mrc-header height + top minus top + border-size */ }
/*********************************************************************************
 Header.
 *********************************************************************************/
/* Header container. */
div.mrc-header {
  position: absolute;
  left: 17px;
  /* div.mrc-border-left width + left */
  right: 13px;
  /* div.mrc-border-right width + right */
  top: 14px;
  /* div.mrc-border-top height + top */
  height: 143px; }
/* Background images. */
img#mrc-header-reagent-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 143px;
  width: auto; }

img#mrc-header-vials {
  position: absolute;
  top: -1px;
  right: -1px;
  height: 169px;
  width: auto; }

img#mrc-header-helix {
  position: absolute;
  top: 9px;
  right: 29px;
  width: 450px;
  opacity: 0.7; }
/* Header gradient. */
img#mrc-header-top-gradient-left, img#mrc-header-top-gradient-right {
  position: absolute;
  top: -1px;
  width: 7px;
  height: 143px; }

img#mrc-header-top-gradient-left {
  left: -1px; }

img#mrc-header-top-gradient-right {
  right: -1px; }

div.mrc-header-top-gradient-middle {
  position: absolute;
  top: -1px;
  left: 6px;
  /* img#mrc-header-top-gradient-left left + width */
  right: 6px;
  /* img#mrc-header-top-gradient-right right + width */
  height: 143px;
  background: url('/file.php/1MWZZANHHJW6655B7CF7/5906e03507ec4_top_gradient_middle.png') repeat; }
/* Foreground images. */
img#mrc-header-logo {
  position: absolute;
  top: 20px;
  /* based on overlay with the actual website */
  left: 35px;
  /* based on overlay with the actual website */
  width: 304px;
  height: 62px;
  z-index: 1; }
/*********************************************************************************
 Menu.
 *********************************************************************************/
/* Menu containers. */
div.mrc-menu {
  position: absolute;
  top: 92px;
  /* experimentally determined */
  height: 34px;
  /* height of the actual blue part in the mlpa.com image */
  background: #00488f;
  border: 2px solid #fff;
  z-index: 1; }

div.mrc-menu-left {
  left: -2px;
  /* minus border-left */
  width: 739px;
  /* 743px in mlpa.com image minus 2*2px border */
  border-radius: 0 5px 5px 0; }

div.mrc-menu-right {
  right: -3px;
  width: 202px;
  /* 206px in mlpa.com image minus 2*2px border */
  border-radius: 5px 0 0 5px; }
/* Menu background. */
div.mrc-menu-background {
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('/file.php/1GSWKQRMPQC658ABC10C/5906e0347dc9b_menu_background.png') no-repeat;
  opacity: 0.3;
  /* experimentally determined as a reasonable approximation */
  z-index: -1; }
/* Menu lists. */
ul.mrc-menu {
  position: relative;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  /* div.mrc-menu height */
  list-style-type: none; }

ul.mrc-menu-right {
  text-align: center; }
/* Menu items. */
ul.mrc-menu li {
  display: inline;
  margin-left: -1px;
  /* two effects: overlaps left border of first element with the general page border; overlaps left border of all subsequent elements with the divider element */
  margin-right: 0;
  padding: 0; }

ul.mrc-menu-left li:after {
  position: relative;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  border-left: 1px solid #fff;
  height: 15px;
  top: 5px;
  box-sizing: content-box;
  /* override of default DeskPRO styles */ }
/* Menu links. */
ul.mrc-menu li a {
  display: inline-block;
  box-sizing: content-box;
  /* override of default DeskPRO styles */
  width: 120px;
  line-height: 34px;
  vertical-align: middle;
  text-align: center;
  margin: 0 -1px 0 0;
  /* a negative margin makes sure that the borders of subsequent links overlap */
  padding: 0;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  white-space: nowrap; }

ul.mrc-menu li.mrc-menu-item-active a {
  background-color: #005cb9;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }

ul.mrc-menu li a:hover {
  background-color: #005cb9;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }
/* Right-menu override (1 item). */
ul.mrc-menu-right li a {
  width: 100%; }
/* Add margin to i tags in the right menu (to support the "FontAwesome" logo). */
ul.mrc-menu-right li a i {
  margin-right: 4px; }
/*********************************************************************************
 Content.
 *********************************************************************************/
div.mrc-content {
  padding: 177px 40px 137px 40px;
  /* padding-top: div.mrc-header top + height + 20px general padding; padding-bottom: div.mrc-footer height + 40px general padding; padding-left/right: 40px general padding */
  position: relative;
  background: none; }
/*********************************************************************************
 Footer.
 *********************************************************************************/
/* Footer container. */
div.mrc-footer {
  position: absolute;
  left: 17px;
  /* div.mrc-border-left width + left */
  right: 13px;
  /* div.mrc-border-right width + right */
  bottom: 7px;
  /* div.mrc-border-bottom height + bottom */
  height: 97px; }
/* Footer gradient. */
img#mrc-footer-bottom-gradient-left, img#mrc-footer-bottom-gradient-right {
  position: absolute;
  bottom: -1px;
  width: 8px;
  height: 97px; }

img#mrc-footer-bottom-gradient-left {
  left: -1px; }

img#mrc-footer-bottom-gradient-right {
  right: -1px; }

div.mrc-footer-bottom-gradient-middle {
  position: absolute;
  bottom: -1px;
  left: 7px;
  /* img#mrc-header-top-gradient-left left + width */
  right: 7px;
  /* img#mrc-header-top-gradient-right right + width */
  height: 97px;
  background: url('/file.php/1TAWAXBJMHD659125359/5906e0347dc5c_bottom_gradient_middle.png') repeat; }
/* Footer text. */
div.mrc-footer-text {
  position: absolute;
  right: 14px;
  /* 25px of mlpa.com + 1px padding on mlpa.com + 1px correction - div.mrc-footer right */
  bottom: 15px;
  /* 22px of mlpa.com - div.mrc-footer bottom */
  font-family: Arial;
  font-size: 8pt;
  color: #5f5f5f; }
/*********************************************************************************
 Color scheme overrides.
 *********************************************************************************/
div.mrc-menu {
  background: #11677f; }

div.mrc-border-left, div.mrc-border-right, div.mrc-border-top, div.mrc-border-bottom {
  background: #3ca2a2; }

ul.mrc-menu li.mrc-menu-item-active a, ul.mrc-menu li a:hover {
  background-color: #3ca2a2; }

div.mrc-border-left-outer, div.mrc-border-right-outer {
  background: #62c1c1; }
/* DeskPRO overrides for places where the theme colors are incorrectly applied. */
.front-page-news ul li h1 a {
  color: #11677f; }
/*********************************************************************************
 Responsiveness.
 *********************************************************************************/
/*
 Step 1: Switch to a responsive width. Start resizing the menu and helix.
 The width of the content is fixed at 1011 px (div.mrc-layout width). However, horizontal scrolling may start earlier due to the
 presence of a vertical scrollbar, which is or is not included in the viewport width depending on the browser.
 The width of the scrollbar is variable. The best solution is to not have a fixed width, but this isn't possible in this case. Other
 solutions include a JS recalculation of media queries, or simply starting the media query at a larger width to account for the scrollbar.
 Note that scrollbar widths are not constant either. By starting at 29 px above the fixed-width size, the effect is that the width
 momentarily increases in most setups. This is considered acceptable.
 */
@media screen and (max-width: 1030px) {
  /* Make the central layout full-width. */
  /* The header started at a width of 981px (div.mrc-layout width of 1011px minus div.mrc-header left & right of 17px + 13px). */
  /* Resize the helix.
   The helix starts at 450px (img#mrc-header-helix width), which is ~45.9%.
   */
  /* Resize the menu bars.
   The left menu starts at 739px (div.mrc-menu-left width), which is ~75.3%.
   The right menu starts at 202px (div.mrc-menu-right width), which is ~20.6%.
   This makes the spacing ~4.1%.
   Note that the absolute size of the spacing will be decreasing, but as the helix is also sizing, this is barely noticable.
   */
    div.mrc-layout {
      width: 100%;
      margin: 0; }
    img#mrc-header-helix {
      width: 45.9%; }
    div.mrc-menu-left {
      width: 75.3%; }
    div.mrc-menu-right {
      width: 20.6%; } }
/*
 Step 2: Decrease the size of the right menu.
 At around 880px the menu size starts to become limiting with the current items. First limit the size of the right menu to buy some px.
 */
@media screen and (max-width: 880px) {
  /* Minimize the size of the right menu by setting its width to auto. */
  /* Resize the right menu item to 120px, just like all of the items in the left menu (ul.mrc-menu li a width). */
  /* Remove the white border element after the li item to prevent its visibility due to the auto width of the container div. */
  /* Increase the size of the left menu to fill the available space to the approximate previous gap.
   The previous gap was 4.1%, which is ~36px at 880px.
   The menu on the right is now 120px + 2x 2px border (div.mrc-menu-right width + div.mrc-menu border-left + border-right).
   This leaves 722px with a gap of 36px, which is ~82.0%.
   */
    div.mrc-menu-right {
      width: auto; }
    ul.mrc-menu-right li a {
      width: 120px; }
    div.mrc-menu-right ul.mrc-menu li:after {
      content: none; }
    div.mrc-menu-left {
      width: 82%; } }
/*
 Step 3: Minimize menu size as much as possible.
 At around 810px, the menu width becomes limiting again. Solve this by minimizing the menu item widths as much as possible.
 */
@media screen and (max-width: 810px) {
  /* Set the size of all menu items to auto to free up as much space as possible. */
    ul.mrc-menu li a {
      width: auto;
      padding-left: 10px;
      /* makes sure that some spacing remains */
      padding-right: 10px; } }
/*
 Step 4: Start resizing the header.
 At some point the header becomes ugly because the helix starts to fall entirely within the header, and eventually runs into the logo.
 Address this by resizing the height of the entire header in steps. Also adjust the padding of the content.
 Note: as DeskPRO dramatically changes its layout at 760px, it is possible to skip this step entirely. 
 The previous layout actually holds reasonably well until 760px.
 */
@media screen and (max-width: 810px) {
  /* Reduce the header height with 20px. The header height was 143px (div.mrc-header height). */
  /* Make header backgrounds responsive. */
  /* Reduce the menu height with 4px. */
  /* Move the menu to the same relative position by moving it 20px up and 2px down (half of the height decrease).
   The original position is 92px (div.mrc-menu top).
   */
  /* Resize the logo. The logo starts at a height of 62px (img#mrc-header-logo height). 
   2px extra is available because the menu was resized (half of the decrease in height).
   */
  /* Resize the helix. 
   The width of the helix is 45.9%, so ~371px at this point. The height/width ratio is ~2.37 of this image.
   Thus, the approximate height was 156px. 136px looks nice (nicer than a further corrected value). This is ~110.6%.
   */
  /* Move the content up, as this depends on div.mrc-header height. */
    div.mrc-header {
      height: 123px; }
    img#mrc-header-reagent-box, img#mrc-header-top-gradient-left, img#mrc-header-top-gradient-right, div.mrc-header-top-gradient-middle {
      height: 100%; }
    img#mrc-header-vials {
      height: 118.2%;
      /* approximate of img#mrc-header-vials height / div.mrc-header height prior to the changes */ }
    div.mrc-header-top-gradient-middle {
      background-size: 1px 100%;
      /* make sure that the background image resizes as well */ }
    div.mrc-menu {
      height: 30px; }
    ul.mrc-menu li a {
      line-height: 30px; }
    div.mrc-menu {
      top: 74px; }
    img#mrc-header-logo {
      height: 44px;
      width: auto; }
    img#mrc-header-helix {
      width: auto;
      height: 110.6%; }
    div.mrc-content {
      padding-top: 147px;
      /* div.content padding-left minus the height decrease minus a further 10px */ } }
/*
 Step 5: Copy the DeskPRO switch to a 1-column layout at 760px.
 At this point, remove the menu (rely on DeskPRO's default menu instead, which can be adapted to echo this menu).
 Show only a minimal header to keep the general style. Also reduce the height of the footer.
 In addition, collapse the outer borders to a "minimal" border that retains the same style, and reposition elements to utilize the newly available space.
 Finally, adjust content padding to generate more room for content.
 Note that the header layout itself can perfectly well be reduced even more.
 */
@media screen and (max-width: 760px) {
  /* Remove the menu. */
  /* Resize the header even further. */
  /* Increase the size of the logo again. */
  /* Make the footer responsive. */
  /* Reduce the footer height to free up additional space at the bottom of th page. */
  /* Adjust content padding. */
  /* Reduce border widths to 2px plus 3px overlap with the inner white border. */
  /* Move elements to use up the newly available space. */
  /* Move everything down with the height of div class="mobile-view big-button-collection-expand-mobile" to create room for DeskPRO's mobile navigation menu. */
  /*********************
   DeskPRO overrides.
   *********************/
  /* Restore the account/login button bar to its normal behavior as it no longer first our header well. */
  /* Restore the small navigation buttons. */
  /* Show the MLPA.com and Support Home buttons so that they can be displayed in the mobile menu. */
    div.mrc-menu {
      display: none; }
    div.mrc-header {
      height: 100px; }
    img#mrc-header-logo {
      height: 50%; }
    img#mrc-footer-bottom-gradient-left, img#mrc-footer-bottom-gradient-right, div.mrc-footer-bottom-gradient-middle {
      height: 100%; }
    div.mrc-footer-bottom-gradient-middle {
      background-size: 1px 100%;
      /* make sure that the background image resizes as well */ }
    div.mrc-footer {
      height: 40px;
      /* 57px less than the div.mrc-footer height starting value */ }
    div.mrc-content {
      padding-top: 117px;
      padding-bottom: 100px; }
    div.mrc-border-left, div.mrc-border-right {
      width: 5px; }
    div.mrc-border-top, div.mrc-border-bottom {
      height: 5px; }
    div.mrc-border-inner-main {
      top: 2px;
      bottom: 2px;
      left: 3px;
      right: 3px; }
    div.mrc-border-inner-header {
      top: 2px;
      left: 3px;
      right: 3px; }
    div.mrc-header {
      left: 6px;
      right: 5px;
      top: 5px; }
    div.mrc-footer {
      left: 6px;
      right: 5px;
      bottom: 5px; }
    div.mrc-content {
      padding-left: 25px;
      padding-right: 25px; }
    div.mrc-layout {
      top: 50px; }
    header.top-bar {
      position: relative;
      top: initial;
      right: initial;
      width: 100%;
      border: 1px solid #e6e6e6;
      padding: 0; }
    header.top-bar ul#menu {
      padding: 0;
      background: none;
      border: 0; }
    ul.big-button-collection.thin.small li {
      display: inherit; }
    section.with-dpx {
      padding-top: 0;
      /* Restore the extra padding added to the next section to compensate for removing the section above. */ }
    ul.big-button-collection li.item-external, ul.big-button-collection li.item-home {
      display: block; } }
/* 
 Step 6: Resize header images again to match the width.
 At about 660px, the logo and helix come into conflict again. First move the logo top/left and the helix top/right and reduce the header size.
 Then restore responsiveness of these images.
 */
@media screen and (max-width: 660px) {
  img#mrc-header-logo {
    top: 10px;
    left: 10px; }

  img#mrc-header-helix {
    top: 0;
    right: 10px; }

  div.mrc-content {
    padding-top: 127px; } }

@media screen and (max-width: 600px) {
  img#mrc-header-logo {
    width: 44.2%;
    height: auto; }

  img#mrc-header-helix {
    width: 47.1%;
    height: auto; } }
/*
 Step 7: Stepwise reduction of the header height.
 */
@media screen and (max-width: 600px) {
  div.mrc-header {
    height: 90px; }

  div.mrc-content {
    padding-top: 122px; } }

@media screen and (max-width: 540px) {
  div.mrc-header {
    height: 80px; }

  div.mrc-content {
    padding-top: 107px; } }

@media screen and (max-width: 480px) {
  div.mrc-header {
    height: 70px; }

  div.mrc-content {
    padding-top: 92px; } }
/*
 Step 8: Remove elements to make the logo more central.
 */
@media screen and (max-width: 420px) {
  img#mrc-header-helix {
    display: none; }

  img#mrc-header-logo {
    height: 60%;
    width: auto; }

  div.mrc-content {
    padding-top: 82px;
    /* further reduced because removal of the images optically makes the header less high */ } }

@media screen and (max-width: 360px) {
  img#mrc-header-vials {
    display: none; }

  img#mrc-header-reagent-box {
    display: none; } }
/* Step 9: Make the logo responsive again. */
@media screen and (max-width: 280px) {
  img#mrc-header-logo {
    height: auto;
    width: 85%; } }