@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,400italic);/*

Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax

base:    #fafafa
mono-1:  #383a42
mono-2:  #686b77
mono-3:  #a0a1a7
hue-1:   #0184bb
hue-2:   #4078f2
hue-3:   #a626a4
hue-4:   #50a14f
hue-5:   #e45649
hue-5-2: #c91243
hue-6:   #986801
hue-6-2: #c18401

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #383a42;
  background: #fafafa;
}

.hljs-comment,
.hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #a626a4;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #986801;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}
@charset "UTF-8";
/*
 * 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: #337ab7;
}

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, .minor.titled-header-left {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
}

.titled-header.minor h1, .minor.titled-header-left h1, .titled-header.minor h2, .minor.titled-header-left 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: #337ab7;
  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, .disabled.switch-link, input[type="submit"].disabled {
  border: 0;
  border-radius: 2px;
  background: #7a7a7a;
}

button.right, .button.right, .right.switch-link, input[type="submit"].right {
  float: right;
}

button.button-small, .button.button-small, .button-small.switch-link, input[type="submit"].button-small {
  padding: 0.5em 1em;
}

button.button-plain, .button.button-plain, .button-plain.switch-link, input[type="submit"].button-plain {
  border-bottom: 0;
  background: none;
  color: #333;
  text-shadow: none;
}

button.cancel, .button.cancel, .cancel.switch-link, input[type="submit"].cancel {
  border-bottom: 1px solid #fff;
  background: none;
  color: #333;
  text-shadow: none;
}

button.button-blank, .button.button-blank, .button-blank.switch-link, input[type="submit"].button-blank {
  position: relative;
  border: 1px solid #999;
  background: none;
  color: #ccc;
  text-shadow: none;
}

button.button-secondary, .button.button-secondary, .button-secondary.switch-link, input[type="submit"].button-secondary {
  background: #7d7d7d;
}

button.button-dropdown, button.button-dropdown-activated, button.button.button-dropdown-activated, button.button-dropdown-activated.switch-link, .button.button-dropdown, .button.button-dropdown-activated, .button-dropdown-activated.switch-link, input.button.button-dropdown-activated[type="submit"], input.button-dropdown-activated.switch-link[type="submit"], .button-dropdown.switch-link, input[type="submit"].button-dropdown, input.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-dropdown .extra, .button.button-dropdown-activated .extra, .button-dropdown-activated.switch-link .extra, .button-dropdown.switch-link .extra, input[type="submit"].button-dropdown .extra, input.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-dropdown .extra, .button.button-dropdown-activated .extra, .button-dropdown-activated.switch-link .extra, .button-dropdown.switch-link .extra, input[type="submit"].button-dropdown .extra, input.button-dropdown-activated[type="submit"] .extra {
    position: absolute;
    right: 15px;
    left: auto;
  }
}

button.button-open, .button.button-open, .button-open.switch-link, input[type="submit"].button-open {
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  color: #337ab7;
}

button.button-open i, .button.button-open i, .button-open.switch-link i, input[type="submit"].button-open i {
  margin-left: 10px;
}

button.button-dropdown-activated, .button.button-dropdown-activated, .button-dropdown-activated.switch-link, 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, .auth.switch-link, input[type="submit"].auth {
  margin-bottom: 5px;
}

button.auth i, .button.auth i, .auth.switch-link 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, .auth-one.switch-link, input[type="submit"].auth-one {
  border: 0;
  border-radius: 2px;
  background: #008ca9;
}

button.auth-facebook, .button.auth-facebook, .auth-facebook.switch-link, input[type="submit"].auth-facebook {
  border: 0;
  border-radius: 2px;
  background: #4c6fac;
}

button.auth-twitter, .button.auth-twitter, .auth-twitter.switch-link, input[type="submit"].auth-twitter {
  border: 0;
  border-radius: 2px;
  background: #00bae4;
}

button.auth-google, .button.auth-google, .auth-google.switch-link, input[type="submit"].auth-google {
  border: 0;
  border-radius: 2px;
  background: #d6452e;
}

button.button-reply:before, .button.button-reply:before, .button-reply.switch-link: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 #337ab7;
  background: none;
  content: " ";
}

button.button-resolved, .button.button-resolved, .button-resolved.switch-link, input[type="submit"].button-resolved {
  border: 0;
  border-radius: 2px;
  background: #183854;
}

.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: #7d7d7d;
  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: #7d7d7d;
  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: #337ab7;
}

.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: #7d7d7d;
  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: #337ab7;
}

.sidebar-news-calendar .month-list li a span {
  color: #7d7d7d;
}

.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: #7d7d7d;
}

.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: #7d7d7d;
}

.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: #183854;
  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: #183854;
}

.sidebar ul .focus {
  position: relative;
  top: -1px;
  padding-bottom: 0;
  color: #555555;
  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: #7d7d7d;
  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 #183854;
  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(./7f14f57f664bbe06c69d00301b7ef058.png) no-repeat center left;
}

.sidebar-list ul.simple-chat li a i {
  display: inline-block;
  margin-right: 5px;
  width: 20px;
  color: #7d7d7d;
  text-align: center;
}

.sidebar-list .meta {
  display: block;
  color: #7d7d7d;
  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: #183854;
}

.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(./6bc15ebb30d4f77f94c55f191b416d7b.png);
}

.happy-faces .unhappy {
  background: no-repeat center url(./8131369a4ddec60c0a2459a101b4988c.png);
}

.happy-faces .so-and-so {
  background: no-repeat center url(./95cc9989fc6441efab912c4e8c75844d.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: #7d7d7d;
  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: #7d7d7d;
  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: #7d7d7d;
  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: #7d7d7d;
  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: #7d7d7d;
  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: #183854;
}

.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: #7d7d7d;
  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: #7d7d7d;
}

@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;
  @-moz-document url-prefix() {}
}

.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(./8df025bfd48908437cd8dcc3fc529797.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: #7d7d7d;
}

.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: #337ab7;
}

.search-and-ticket .expanded-search-results ul i {
  margin-right: 4px;
  color: #7d7d7d;
}

.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: #7d7d7d;
  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 #337ab7;
}

.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: #337ab7;
  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: #2e6da4;
}

.search-and-ticket .search-or-ticket {
  display: table-cell;
  text-transform: uppercase;
  color: #7d7d7d;
  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: #337ab7;
  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: #7d7d7d;
}

.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: #7d7d7d;
  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: #337ab7;
  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: #2e6da4;
}

.search-and-ticket .search-and-ticket-dropdown .select-action.unpadded {
  padding-right: 7px;
}

.search-and-ticket .search-and-ticket-dropdown .select-action .fa-comments-o {
  position: relative;
  top: -1px;
  margin-right: 4px;
}

.search-and-ticket .search-and-ticket-dropdown .select-action .fa-thumbs-o-up {
  margin-right: 4px;
}

.search-and-ticket .search-and-ticket-dropdown .select-action .fa-support {
  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: #7d7d7d;
  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: #7d7d7d;
}

.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: #7d7d7d;
  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: #7d7d7d;
}

.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: #337ab7;
}

.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: #337ab7;
}

.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: #337ab7;
}

.tabs li.tab-inactive .title {
  color: #7d7d7d;
}

.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: #7d7d7d;
  vertical-align: middle;
  font-size: 13px;
}

.tag-list ul li:last-child {
  border-right: 0;
}

.tag-list ul a {
  color: #7d7d7d;
  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: #7d7d7d;
}

.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: #337ab7;
}

.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: #337ab7;
  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: #c9c9c9;
}

.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: #7d7d7d;
}

.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: #7d7d7d;
}

.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: #337ab7;
  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: #7d7d7d;
  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: #7d7d7d;
  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: #555555;
}

.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: #7d7d7d;
  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: #183854;
  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 #183854;
  content: " ";
}

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

.comment-tag {
  padding-top: 1px;
  padding-bottom: 1px;
  background: #337ab7;
}

.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: #7d7d7d;
  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: #7d7d7d;
  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: #7d7d7d;
  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: #7d7d7d;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e3e3e3;
}

.date-tag span {
  color: #7d7d7d;
}

.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(./813f3a36a0d39a6c6e068fe9e2ad5435.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.file-zip {
  background-image: url(./282f078e1419fe5cc60584a07072e47c.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: #337ab7;
  border: 1px solid #337ab7;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 13px;
}

.ticket-related-articles-completed a:hover {
  background: #337ab7;
}

.ticket-related-articles-completed a.grey {
  background: #fff;
  border: 1px solid #e6e6e6;
  color: #7d7d7d;
}

.ticket-related-articles-completed a.grey:hover {
  color: #333;
}

.ticket-related-articles-completed i {
  display: inline-block;
  font-size: 2.1em;
  color: #7d7d7d;
  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: #7d7d7d;
  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: #7d7d7d;
  color: #9f9f9f;
}

.this-answered-my-question .answer-icon {
  display: block;
  width: 25px;
  height: 25px;
  background: #337ab7;
  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: #337ab7;
}

.active .this-answered-my-question.inline .answer-text, li.related-article-item:hover .this-answered-my-question.inline .answer-text {
  color: #337ab7;
}

.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: #7d7d7d;
  font-size: 0.85em;
}

.agent-avatar {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 36px;
  height: 36px;
  border-radius: 199px;
  background-color: #7d7d7d;
  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 #555555;
}

.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: #7d7d7d;
  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);
}

.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: #cccccc;
  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 #7d7d7d;
  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: #7d7d7d;
}

.kb-checkbox-wrapper .kb-checkbox.kb-checkbox-unchecked i {
  color: #7d7d7d;
}

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 #7d7d7d;
  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 #7d7d7d;
  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 #7d7d7d;
}

.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 #337ab7;
  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: #7d7d7d;
}

.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: #7d7d7d;
  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 #337ab7;
  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: #7d7d7d;
  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: #7d7d7d;
  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: #337ab7;
  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: #7d7d7d;
  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: #183854;
  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: #0c1d2c;
}

.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: #7d7d7d;
  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: #286090;
}

.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: #7d7d7d;
  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: #183854;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}

.popup-file-download .cudos:hover {
  background: #0c1d2c;
}

.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: #7d7d7d;
  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: #286090;
}

.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: #ffffff;
  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 #555555;
  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: #7d7d7d;
}

.alert .click-to-dismiss:hover i {
  color: #333;
}

.alert a {
  text-decoration: none;
  color: #333;
}

.alert .alert-button {
  display: inline-block;
  background: #337ab7;
  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: white;
}

.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: #7d7d7d;
}

.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: #555555;
  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: #337ab7;
  color: #fff;
}

.article-metrics ul .comments.has-comments:hover {
  background: #2e6da4;
}

.article-metrics ul .cudos {
  background: #183854;
  color: #fff;
}

.article-metrics ul .cudos:hover {
  background: #122b40;
}

.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: #7d7d7d;
}

.front-page-news ul li h2 a {
  color: #7d7d7d;
  text-decoration: underline;
}

.front-page-news ul li p {
  overflow: hidden;
  margin-top: 7px;
  font-size: 13px;
  color: #7d7d7d;
  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: #337ab7;
}

.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: #555555;
  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: #7d7d7d;
  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: #7d7d7d;
  text-decoration: none;
}

.flat-tabs a:hover, .flat-tabs a.active, .flat-tabs .link:hover, .flat-tabs .link.active {
  color: #333;
}

.flat-tabs .control {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  background: #ffffff;
  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 #183854;
}

.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 #183854;
  background: #183854;
  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):not(.attach-file-active), .feedback-form-expanded .switch-link:not(.attach-file):not(.attach-file-active) {
  width: 34%;
  border: 1px solid #337ab7;
  border-bottom: none;
  background: #337ab7;
  text-align: center;
  text-shadow: none;
  margin-top: 15px;
}

.feedback-form-expanded .button.attach-file, .feedback-form-expanded .attach-file.switch-link, .feedback-form-expanded .switch-link.attach-file-active, .feedback-form-expanded .button.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: #7d7d7d;
  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: #7d7d7d;
  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: #337ab7;
  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: #337ab7;
  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: #7d7d7d;
}

.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: #b0b0b0;
}

.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: #337ab7;
  color: #fff;
}

.downloads .controls ul .the-file a:hover {
  background: #286090;
}

.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 #183854;
  background: #183854;
}

.downloads .controls ul .the-cudos.has-cudos a {
  background: #183854;
  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: #337ab7;
  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: #7d7d7d;
  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: #337ab7;
  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: #7d7d7d;
  content: " ";
}

.article-categories-expandable ul a {
  color: inherit;
  text-decoration: none;
}

.article-categories-expandable ul a:hover {
  color: #333333;
}

.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: #183854;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 0.6em;
}

.article-categories-expandable .text-tag.updated, .article-categories-expandable .updated.rating-tag, .article-categories-expandable .updated.comment-tag, .article-categories-expandable .updated.date-tag {
  background: #fafafa;
  color: #7d7d7d;
}

.article-tag {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  padding: 8px;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 2px;
  background: #ffffff;
  color: #7d7d7d;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7em;
  line-height: 1em;
}

.article-tag.new {
  border-bottom: 1px solid #70aa45;
  background: #183854;
  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: #7d7d7d;
}

.article-categories h1 {
  position: relative;
  z-index: 100;
  display: inline-block;
  padding-right: 19px;
  padding-left: 19px;
  background: #fff;
  color: #7d7d7d;
  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: #7d7d7d;
}

.article-categories h1 span {
  display: inline;
  margin: 0;
  padding: 0;
  margin-left: 5px;
}

.article-categories h1 a {
  color: #337ab7;
  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: #7d7d7d;
  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: #7d7d7d;
}

.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(./db60d8b584a2d3c5bbbcb8b8894cb129.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: #7d7d7d;
  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: #337ab7;
}

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;
}

.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: #555555;
  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: #7d7d7d;
  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: #183854;
}

.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: #7d7d7d;
  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 #337ab7;
  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: #7d7d7d;
}

.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: #7d7d7d;
  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: #183854;
}

.ticket-page .post-rating span.helpful .face {
  background: #183854;
}

.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: #7d7d7d;
}

.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: #337ab7;
}

.ticket-page a.attachement .file-type.file-type-pdf i {
  left: 1px;
}

.ticket-page a.attachement .file-type.file-type-download {
  background: #337ab7;
}

.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: #555555;
  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: #7d7d7d;
  content: " ";
}

.table-controls .sort {
  width: 45px;
}

.table-controls .sort span {
  position: absolute;
  top: 2px;
  left: 14px;
  display: block;
  color: #7d7d7d;
  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: #7d7d7d;
  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: #183854;
}

.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: #7d7d7d;
}

.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: #337ab7;
}

.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 #337ab7;
  color: #337ab7;
  border-bottom: 2px solid #337ab7;
  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 {
  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: #7d7d7d;
  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: #337ab7;
  border-bottom: 1px solid #337ab7;
}

ul.big-button-collection.small li a {
  padding: 10px 15px;
  width: auto;
  height: auto;
}

ul.big-button-collection.small li a .fa {
  font-size: 1.20em;
  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 li a .subtitle, ul.big-button-collection li a .fa, ul.big-button-collection.small li a .title, ul.big-button-collection.small li a .subtitle, ul.big-button-collection.small li a .fa {
    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 {
    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: #7d7d7d;
  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: #337ab7;
  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: #337ab7;
}

.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-navicon {
  position: relative;
  font-size: 1em;
  top: 1px;
  margin-right: 2px;
}

.site-footer .quick-jump:hover .fa-navicon {
  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: #7d7d7d;
  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(./094cf53f1c87b88ee9b81979c4bd9c5f.png);
  background-size: cover;
  background-color: #fff;
}

.site-footer .footer-mark .tagline {
  color: #7d7d7d;
  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: #7d7d7d;
}

.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: #337ab7;
  width: 100%;
  height: 4px;
  left: -1px;
  top: 0;
}

.deskpro-portal-tabs ul li.dpt-active-tab a:after {
  content: "";
  display: block;
  position: absolute;
  background: #337ab7;
  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: #7d7d7d;
  font-size: 1.3em;
}

.user-logged-in span {
  color: #337ab7;
  font-weight: bold;
}

.user-logged-in div {
  position: absolute;
  top: 7px;
  right: 10px;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 2px;
  background: #7d7d7d;
  color: #555555;
  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: #cfe2f2;
  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: #7d7d7d;
  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: #eff5fb;
  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: #7d7d7d;
  color: #555555;
  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: #7d7d7d;
  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: #7d7d7d;
}

.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 #337ab7;
}

.radio-button input[type="radio"]:checked + label:before {
  background: #337ab7;
  border: 1px solid #337ab7;
}

.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: #7d7d7d;
}

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: #7d7d7d;
  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 #337ab7;
}

.multiselect .default i[class^='fa-caret'], .multiselect .default i[class*=' fa-caret'] {
  position: absolute;
  top: 9px;
  color: #7d7d7d;
  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: #7d7d7d;
}

.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: white;
  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:before, .multiselect.level-4:before, .multiselect.level-5:before, .multiselect.level-6:before, .multiselect.level-7:before, .multiselect.level-8:before, .multiselect.level-9:before, .multiselect.level-10:before {
  position: absolute;
  top: 0;
  left: -20px;
  display: block;
  width: 10px;
  height: 20px;
  border: 1px dotted #7d7d7d;
  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: #7d7d7d;
  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: #7d7d7d;
  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: #7d7d7d;
  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: #7d7d7d;
  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 #337ab7;
  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: #337ab7;
  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: #7d7d7d;
}

.dp-medium-rte-wrapper .medium-editor-toolbar button {
  background: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: #7d7d7d;
  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: #337ab7;
  border: 1px solid #337ab7;
  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;
  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: #7d7d7d;
}

.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-time .fallback-input div, .with-dpui .dpx-date-time .fallback-input select, .with-dpui .dpx-date .fallback-input, .with-dpui .dpx-date .fallback-input div, .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: #337ab7;
}

.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: #7d7d7d;
  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: #337ab7;
}

.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);
  border-bottom: 6px solid #e6e6e6;
  top: -12px;
  left: 50%;
  margin-left: -6px;
}

.ticket-reply-closed:after {
  border: 6px solid rgba(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: #7d7d7d;
  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: whitesmoke;
  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: #7d7d7d;
  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: #7d7d7d;
}

.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: #7d7d7d;
  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: #7d7d7d;
  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: #7d7d7d;
}

@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: #7d7d7d;
  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: #7d7d7d;
  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: #337ab7;
}

.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: #7d7d7d;
  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);
  border-left: 5px solid #e6e6e6;
  position: absolute;
  top: 9px;
  right: -10px;
}

.add-cc-user-popover:after {
  border: 5px solid rgba(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: #7d7d7d;
  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: #337ab7;
  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 #337ab7;
  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: #7d7d7d;
  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: #183854;
}

.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: #7d7d7d;
}

.chat-list .info-block a {
  font-weight: normal;
  color: #7d7d7d;
}

.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: #7d7d7d;
  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: #7d7d7d;
}

.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 #337ab7;
}

.chat-message-user .author {
  opacity: 0.5;
}

.chat-message-user .messages p {
  color: #7d7d7d;
}

.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: #7d7d7d;
  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: #7d7d7d;
}

.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: .25em;
}

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

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

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

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

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

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

.welcome-block.disabled a.secondary-link {
  color: #337ab7;
}

.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() {
  .inline-form-alert .form-alert-icon i {
    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(./c4ec0cc59f671446be59e6105fc64749.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 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .ticket-success-blurb .icon-mark {
    background-image: url(./c698d43d7d380f222a83f8957858f237.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: #337ab7;
  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 #337ab7;
  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: #78acd9;
  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: #7d7d7d;
  text-decoration: underline;
}

.deskpro-search-results li .article-meta a:hover {
  color: #337ab7;
}

.deskpro-search-results .button-wrapper {
  margin-left: -5px;
}

.deskpro-search-results .button-wrapper .show-more-content {
  color: #7d7d7d;
}

.deskpro-search-results .button-wrapper .show-more-content:hover {
  color: #fff;
}

.deskpro-search-results a {
  text-decoration: none;
  color: #337ab7;
}

.deskpro-search-results a:hover .item-title {
  text-decoration: underline;
}

.deskpro-search-results a:hover p {
  color: #337ab7;
}

.deskpro-search-results a .item-title {
  color: #337ab7;
  font-weight: normal;
  font-size: 1em;
}

.deskpro-search-results a .item-title .download-icon {
  color: #7d7d7d;
  margin-right: 5px;
  font-size: 13px;
}

.deskpro-search-results a .item-title .feedback-count {
  color: #7d7d7d;
  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: #7d7d7d;
  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: #78acd9;
  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: #5094ce;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #337ab7;
}

.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: #337ab7;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #5094ce !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: #337ab7 !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: #ffffff;
  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: #5094ce;
}

.calendars-month td .calendars-selected {
  color: #fff;
  background-color: #337ab7;
}

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

.calendars-clear-fix {
  clear: both;
}

.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: normal normal normal 14px/1 FontAwesome;
  font-size: 1.20em;
  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";
}

.guides a.internal_link.download:before {
  content: "\F019";
}

.guides a.internal_link.news:before {
  content: "\F133";
}

.guides a.internal_link.feedback:before {
  content: "\F087";
}

.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 FontAwesome;
  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 .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 #78acd9;
}

.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: #78acd9;
}

.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(51, 122, 183, 0.08);
  color: #78acd9;
  height: 23px;
  border-right: 2px solid #78acd9;
  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, 0.85);
  background-image: url(./8df025bfd48908437cd8dcc3fc529797.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 #78acd9;
  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;
}

.oauth .large-title {
  padding: 0 !important;
}

.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: normal normal normal 14px/1 FontAwesome;
  font-size: 1.20em;
  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";
}

.guides a.internal_link.download:before {
  content: "\F019";
}

.guides a.internal_link.news:before {
  content: "\F133";
}

.guides a.internal_link.feedback:before {
  content: "\F087";
}

.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 FontAwesome;
  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 .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 #78acd9;
}

.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: #78acd9;
}

.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(51, 122, 183, 0.08);
  color: #78acd9;
  height: 23px;
  border-right: 2px solid #78acd9;
  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, 0.85);
  background-image: url(./8df025bfd48908437cd8dcc3fc529797.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 #78acd9;
  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;
}

/*# sourceMappingURL=DeskPRO_PortalBundle_style.map*/