html {
 font-family:sans-serif;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%
}
body {
 margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display:block
}
audio,
canvas,
progress,
video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],
template {
 display:none
}
a {
 background-color:transparent
}
a:active,
a:hover {
 outline:0
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:bold
}
dfn {
 font-style:italic
}
h1 {
 margin:.67em 0;
 font-size:2em
}
mark {
 color:#000;
 background:#ff0
}
small {
 font-size:80%
}
sub,
sup {
 position:relative;
 font-size:75%;
 line-height:0;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:1em 40px
}
hr {
 height:0;
 box-sizing:content-box
}
pre {
 overflow:auto
}
code,
kbd,
pre,
samp {
 font-family:monospace, monospace;
 font-size:1em
}
button,
input,
optgroup,
select,
textarea {
 margin:0;
 font:inherit;
 color:inherit
}
button {
 overflow:visible
}
button,
select {
 text-transform:none
}
button[disabled],
html input[disabled] {
 cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 padding:0;
 border:0
}
input {
 line-height:normal
}
input[type="checkbox"],
input[type="radio"] {
 box-sizing:border-box;
 padding:0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
 height:auto
}
fieldset {
 padding:.35em .625em .75em;
 margin:0 2px;
 border:1px solid #c0c0c0
}
legend {
 padding:0;
 border:0
}
textarea {
 overflow:auto
}
optgroup {
 font-weight:bold
}
table {
 border-spacing:0;
 border-collapse:collapse
}
td,
th {
 padding:0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {
 *,
 *:before,
 *:after {
  color:#000 !important;
  text-shadow:none !important;
  background:transparent !important;
  box-shadow:none !important
 }
 a,
 a:visited {
  text-decoration:underline
 }
 a[href]:after {
  content:" (" attr(href) ")"
 }
 abbr[title]:after {
  content:" (" attr(title) ")"
 }
 a[href^="#"]:after,
 a[href^="javascript:"]:after {
  content:""
 }
 pre,
 blockquote {
  border:1px solid #999;
  page-break-inside:avoid
 }
 thead {
  display:table-header-group
 }
 tr,
 img {
  page-break-inside:avoid
 }
 img {
  max-width:100% !important
 }
 p,
 h2,
 h3 {
  orphans:3;
  widows:3
 }
 h2,
 h3 {
  page-break-after:avoid
 }
 select {
  background:#fff !important
 }
 .navbar {
  display:none
 }
 .btn>.caret,
 .dropup>.btn>.caret {
  border-top-color:#000 !important
 }
 .table {
  border-collapse:collapse !important
 }
 .table td,
 .table th {
  background-color:#fff !important
 }
 .table-bordered th,
 .table-bordered td {
  border:1px solid #ddd !important
 }
}
* {
 box-sizing:border-box
}
*:before,
*:after {
 box-sizing:border-box
}
html {
 font-size:10px;
 -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {
 font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:14px;
 line-height:1.42857143;
 color:#333;
 background-color:#fff
}
input,
button,
select,
textarea {
 font-family:inherit;
 font-size:inherit;
 line-height:inherit
}
a {
 color:#337ab7;
 text-decoration:none
}
figure {
 margin:0
}
img {
 vertical-align:middle
}
.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
 display:block;
 max-width:100%;
 height:auto
}
.img-rounded {
 border-radius:6px
}
.img-thumbnail {
 display:inline-block;
 max-width:100%;
 height:auto;
 padding:4px;
 line-height:1.42857143;
 background-color:#fff;
 border:1px solid #ddd;
 border-radius:4px;
 transition:all .2s ease-in-out
}
.img-circle {
 border-radius:50%
}
hr {
 margin-top:20px;
 margin-bottom:20px;
 border:0;
 border-top:1px solid #eee
}
.sr-only {
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 margin:-1px;
 overflow:hidden;
 clip:rect(0, 0, 0, 0);
 border:0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
 position:static;
 width:auto;
 height:auto;
 margin:0;
 overflow:visible;
 clip:auto
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
 font-family:inherit;
 font-weight:500;
 line-height:1.1;
 color:inherit
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
 font-weight:normal;
 line-height:1;
 color:#777
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
 margin-top:20px;
 margin-bottom:10px
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
 font-size:65%
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
 margin-top:10px;
 margin-bottom:10px
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
 font-size:75%
}
h1,
.h1 {
 font-size:36px
}
h2,
.h2 {
 font-size:30px
}
h3,
.h3 {
 font-size:24px
}
h4,
.h4 {
 font-size:18px
}
h5,
.h5 {
 font-size:14px
}
h6,
.h6 {
 font-size:12px
}
p {
 margin:0 0 10px
}
.lead {
 margin-bottom:20px;
 font-size:16px;
 font-weight:300;
 line-height:1.4
}
@media (min-width: 768px) {
 .lead {
  font-size:21px
 }
}
small,
.small {
 font-size:85%
}
mark,
.mark {
 padding:.2em;
 background-color:#fcf8e3
}
.text-left {
 text-align:left
}
.text-right {
 text-align:right
}
.text-center {
 text-align:center
}
.text-justify {
 text-align:justify
}
.text-nowrap {
 white-space:nowrap
}
.text-lowercase {
 text-transform:lowercase
}
.text-uppercase {
 text-transform:uppercase
}
.text-capitalize {
 text-transform:capitalize
}
.text-muted {
 color:#777
}
.text-primary {
 color:#337ab7
}
a.text-primary:hover {
 color:#286090
}
.text-success {
 color:#3c763d
}
a.text-success:hover {
 color:#2b542c
}
.text-info {
 color:#31708f
}
a.text-info:hover {
 color:#245269
}
.text-warning {
 color:#8a6d3b
}
a.text-warning:hover {
 color:#66512c
}
.text-danger {
 color:#a94442
}
a.text-danger:hover {
 color:#843534
}
.bg-primary {
 color:#fff;
 background-color:#337ab7
}
a.bg-primary:hover {
 background-color:#286090
}
.bg-success {
 background-color:#dff0d8
}
a.bg-success:hover {
 background-color:#c1e2b3
}
.bg-info {
 background-color:#d9edf7
}
a.bg-info:hover {
 background-color:#afd9ee
}
.bg-warning {
 background-color:#fcf8e3
}
a.bg-warning:hover {
 background-color:#f7ecb5
}
.bg-danger {
 background-color:#f2dede
}
a.bg-danger:hover {
 background-color:#e4b9b9
}
ul,
ol {
 margin-top:0;
 margin-bottom:10px
}
ul ul,
ol ul,
ul ol,
ol ol {
 margin-bottom:0
}
.list-unstyled {
 padding-left:0;
 list-style:none
}
.list-inline {
 padding-left:0;
 margin-left:-5px;
 list-style:none
}
.list-inline>li {
 display:inline-block;
 padding-right:5px;
 padding-left:5px
}
dl {
 margin-top:0;
 margin-bottom:20px
}
dt,
dd {
 line-height:1.42857143
}
dt {
 font-weight:bold
}
dd {
 margin-left:0
}
@media (min-width: 768px) {
 .dl-horizontal dt {
  float:left;
  width:160px;
  overflow:hidden;
  clear:left;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap
 }
 .dl-horizontal dd {
  margin-left:180px
 }
}
abbr[title],
abbr[data-original-title] {
 cursor:help;
 border-bottom:1px dotted #777
}
.initialism {
 font-size:90%;
 text-transform:uppercase
}
blockquote {
 padding:10px 20px;
 margin:0 0 20px;
 font-size:17.5px;
 border-left:5px solid #eee
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
 margin-bottom:0
}
blockquote footer,
blockquote small,
blockquote .small {
 display:block;
 font-size:80%;
 line-height:1.42857143;
 color:#777
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
 content:'\2014 \00A0'
}
.blockquote-reverse,
blockquote.pull-right {
 padding-right:15px;
 padding-left:0;
 text-align:right;
 border-right:5px solid #eee;
 border-left:0
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
 content:''
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
 content:'\00A0 \2014'
}
address {
 margin-bottom:20px;
 font-style:normal;
 line-height:1.42857143
}
code,
kbd,
pre,
samp {
 font-family:Menlo, Monaco, Consolas, "Courier New", monospace
}
kbd kbd {
 padding:0;
 font-size:100%;
 font-weight:bold;
 box-shadow:none
}
.container {
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
@media (min-width: 768px) {
 .container {
  width:750px
 }
}
@media (min-width: 992px) {
 .container {
  width:970px
 }
}
@media (min-width: 1200px) {
 .container {
  width:1170px
 }
}
.container-fluid {
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
.row {
 margin-right:-15px;
 margin-left:-15px
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
 position:relative;
 min-height:1px;
 padding-right:15px;
 padding-left:15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
 float:left
}
.col-xs-12 {
 width:100%
}
.col-xs-11 {
 width:91.66666667%
}
.col-xs-10 {
 width:83.33333333%
}
.col-xs-9 {
 width:75%
}
.col-xs-8 {
 width:66.66666667%
}
.col-xs-7 {
 width:58.33333333%
}
.col-xs-6 {
 width:50%
}
.col-xs-5 {
 width:41.66666667%
}
.col-xs-4 {
 width:33.33333333%
}
.col-xs-3 {
 width:25%
}
.col-xs-2 {
 width:16.66666667%
}
.col-xs-1 {
 width:8.33333333%
}
.col-xs-pull-12 {
 right:100%
}
.col-xs-pull-11 {
 right:91.66666667%
}
.col-xs-pull-10 {
 right:83.33333333%
}
.col-xs-pull-9 {
 right:75%
}
.col-xs-pull-8 {
 right:66.66666667%
}
.col-xs-pull-7 {
 right:58.33333333%
}
.col-xs-pull-6 {
 right:50%
}
.col-xs-pull-5 {
 right:41.66666667%
}
.col-xs-pull-4 {
 right:33.33333333%
}
.col-xs-pull-3 {
 right:25%
}
.col-xs-pull-2 {
 right:16.66666667%
}
.col-xs-pull-1 {
 right:8.33333333%
}
.col-xs-pull-0 {
 right:auto
}
.col-xs-push-12 {
 left:100%
}
.col-xs-push-11 {
 left:91.66666667%
}
.col-xs-push-10 {
 left:83.33333333%
}
.col-xs-push-9 {
 left:75%
}
.col-xs-push-8 {
 left:66.66666667%
}
.col-xs-push-7 {
 left:58.33333333%
}
.col-xs-push-6 {
 left:50%
}
.col-xs-push-5 {
 left:41.66666667%
}
.col-xs-push-4 {
 left:33.33333333%
}
.col-xs-push-3 {
 left:25%
}
.col-xs-push-2 {
 left:16.66666667%
}
.col-xs-push-1 {
 left:8.33333333%
}
.col-xs-push-0 {
 left:auto
}
.col-xs-offset-12 {
 margin-left:100%
}
.col-xs-offset-11 {
 margin-left:91.66666667%
}
.col-xs-offset-10 {
 margin-left:83.33333333%
}
.col-xs-offset-9 {
 margin-left:75%
}
.col-xs-offset-8 {
 margin-left:66.66666667%
}
.col-xs-offset-7 {
 margin-left:58.33333333%
}
.col-xs-offset-6 {
 margin-left:50%
}
.col-xs-offset-5 {
 margin-left:41.66666667%
}
.col-xs-offset-4 {
 margin-left:33.33333333%
}
.col-xs-offset-3 {
 margin-left:25%
}
.col-xs-offset-2 {
 margin-left:16.66666667%
}
.col-xs-offset-1 {
 margin-left:8.33333333%
}
.col-xs-offset-0 {
 margin-left:0
}
@media (min-width: 768px) {
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12 {
  float:left
 }
 .col-sm-12 {
  width:100%
 }
 .col-sm-11 {
  width:91.66666667%
 }
 .col-sm-10 {
  width:83.33333333%
 }
 .col-sm-9 {
  width:75%
 }
 .col-sm-8 {
  width:66.66666667%
 }
 .col-sm-7 {
  width:58.33333333%
 }
 .col-sm-6 {
  width:50%
 }
 .col-sm-5 {
  width:41.66666667%
 }
 .col-sm-4 {
  width:33.33333333%
 }
 .col-sm-3 {
  width:25%
 }
 .col-sm-2 {
  width:16.66666667%
 }
 .col-sm-1 {
  width:8.33333333%
 }
 .col-sm-pull-12 {
  right:100%
 }
 .col-sm-pull-11 {
  right:91.66666667%
 }
 .col-sm-pull-10 {
  right:83.33333333%
 }
 .col-sm-pull-9 {
  right:75%
 }
 .col-sm-pull-8 {
  right:66.66666667%
 }
 .col-sm-pull-7 {
  right:58.33333333%
 }
 .col-sm-pull-6 {
  right:50%
 }
 .col-sm-pull-5 {
  right:41.66666667%
 }
 .col-sm-pull-4 {
  right:33.33333333%
 }
 .col-sm-pull-3 {
  right:25%
 }
 .col-sm-pull-2 {
  right:16.66666667%
 }
 .col-sm-pull-1 {
  right:8.33333333%
 }
 .col-sm-pull-0 {
  right:auto
 }
 .col-sm-push-12 {
  left:100%
 }
 .col-sm-push-11 {
  left:91.66666667%
 }
 .col-sm-push-10 {
  left:83.33333333%
 }
 .col-sm-push-9 {
  left:75%
 }
 .col-sm-push-8 {
  left:66.66666667%
 }
 .col-sm-push-7 {
  left:58.33333333%
 }
 .col-sm-push-6 {
  left:50%
 }
 .col-sm-push-5 {
  left:41.66666667%
 }
 .col-sm-push-4 {
  left:33.33333333%
 }
 .col-sm-push-3 {
  left:25%
 }
 .col-sm-push-2 {
  left:16.66666667%
 }
 .col-sm-push-1 {
  left:8.33333333%
 }
 .col-sm-push-0 {
  left:auto
 }
 .col-sm-offset-12 {
  margin-left:100%
 }
 .col-sm-offset-11 {
  margin-left:91.66666667%
 }
 .col-sm-offset-10 {
  margin-left:83.33333333%
 }
 .col-sm-offset-9 {
  margin-left:75%
 }
 .col-sm-offset-8 {
  margin-left:66.66666667%
 }
 .col-sm-offset-7 {
  margin-left:58.33333333%
 }
 .col-sm-offset-6 {
  margin-left:50%
 }
 .col-sm-offset-5 {
  margin-left:41.66666667%
 }
 .col-sm-offset-4 {
  margin-left:33.33333333%
 }
 .col-sm-offset-3 {
  margin-left:25%
 }
 .col-sm-offset-2 {
  margin-left:16.66666667%
 }
 .col-sm-offset-1 {
  margin-left:8.33333333%
 }
 .col-sm-offset-0 {
  margin-left:0
 }
}
@media (min-width: 992px) {
 .col-md-1,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-10,
 .col-md-11,
 .col-md-12 {
  float:left
 }
 .col-md-12 {
  width:100%
 }
 .col-md-11 {
  width:91.66666667%
 }
 .col-md-10 {
  width:83.33333333%
 }
 .col-md-9 {
  width:75%
 }
 .col-md-8 {
  width:66.66666667%
 }
 .col-md-7 {
  width:58.33333333%
 }
 .col-md-6 {
  width:50%
 }
 .col-md-5 {
  width:41.66666667%
 }
 .col-md-4 {
  width:33.33333333%
 }
 .col-md-3 {
  width:25%
 }
 .col-md-2 {
  width:16.66666667%
 }
 .col-md-1 {
  width:8.33333333%
 }
 .col-md-pull-12 {
  right:100%
 }
 .col-md-pull-11 {
  right:91.66666667%
 }
 .col-md-pull-10 {
  right:83.33333333%
 }
 .col-md-pull-9 {
  right:75%
 }
 .col-md-pull-8 {
  right:66.66666667%
 }
 .col-md-pull-7 {
  right:58.33333333%
 }
 .col-md-pull-6 {
  right:50%
 }
 .col-md-pull-5 {
  right:41.66666667%
 }
 .col-md-pull-4 {
  right:33.33333333%
 }
 .col-md-pull-3 {
  right:25%
 }
 .col-md-pull-2 {
  right:16.66666667%
 }
 .col-md-pull-1 {
  right:8.33333333%
 }
 .col-md-pull-0 {
  right:auto
 }
 .col-md-push-12 {
  left:100%
 }
 .col-md-push-11 {
  left:91.66666667%
 }
 .col-md-push-10 {
  left:83.33333333%
 }
 .col-md-push-9 {
  left:75%
 }
 .col-md-push-8 {
  left:66.66666667%
 }
 .col-md-push-7 {
  left:58.33333333%
 }
 .col-md-push-6 {
  left:50%
 }
 .col-md-push-5 {
  left:41.66666667%
 }
 .col-md-push-4 {
  left:33.33333333%
 }
 .col-md-push-3 {
  left:25%
 }
 .col-md-push-2 {
  left:16.66666667%
 }
 .col-md-push-1 {
  left:8.33333333%
 }
 .col-md-push-0 {
  left:auto
 }
 .col-md-offset-12 {
  margin-left:100%
 }
 .col-md-offset-11 {
  margin-left:91.66666667%
 }
 .col-md-offset-10 {
  margin-left:83.33333333%
 }
 .col-md-offset-9 {
  margin-left:75%
 }
 .col-md-offset-8 {
  margin-left:66.66666667%
 }
 .col-md-offset-7 {
  margin-left:58.33333333%
 }
 .col-md-offset-6 {
  margin-left:50%
 }
 .col-md-offset-5 {
  margin-left:41.66666667%
 }
 .col-md-offset-4 {
  margin-left:33.33333333%
 }
 .col-md-offset-3 {
  margin-left:25%
 }
 .col-md-offset-2 {
  margin-left:16.66666667%
 }
 .col-md-offset-1 {
  margin-left:8.33333333%
 }
 .col-md-offset-0 {
  margin-left:0
 }
}
@media (min-width: 1200px) {
 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12 {
  float:left
 }
 .col-lg-12 {
  width:100%
 }
 .col-lg-11 {
  width:91.66666667%
 }
 .col-lg-10 {
  width:83.33333333%
 }
 .col-lg-9 {
  width:75%
 }
 .col-lg-8 {
  width:66.66666667%
 }
 .col-lg-7 {
  width:58.33333333%
 }
 .col-lg-6 {
  width:50%
 }
 .col-lg-5 {
  width:41.66666667%
 }
 .col-lg-4 {
  width:33.33333333%
 }
 .col-lg-3 {
  width:25%
 }
 .col-lg-2 {
  width:16.66666667%
 }
 .col-lg-1 {
  width:8.33333333%
 }
 .col-lg-pull-12 {
  right:100%
 }
 .col-lg-pull-11 {
  right:91.66666667%
 }
 .col-lg-pull-10 {
  right:83.33333333%
 }
 .col-lg-pull-9 {
  right:75%
 }
 .col-lg-pull-8 {
  right:66.66666667%
 }
 .col-lg-pull-7 {
  right:58.33333333%
 }
 .col-lg-pull-6 {
  right:50%
 }
 .col-lg-pull-5 {
  right:41.66666667%
 }
 .col-lg-pull-4 {
  right:33.33333333%
 }
 .col-lg-pull-3 {
  right:25%
 }
 .col-lg-pull-2 {
  right:16.66666667%
 }
 .col-lg-pull-1 {
  right:8.33333333%
 }
 .col-lg-pull-0 {
  right:auto
 }
 .col-lg-push-12 {
  left:100%
 }
 .col-lg-push-11 {
  left:91.66666667%
 }
 .col-lg-push-10 {
  left:83.33333333%
 }
 .col-lg-push-9 {
  left:75%
 }
 .col-lg-push-8 {
  left:66.66666667%
 }
 .col-lg-push-7 {
  left:58.33333333%
 }
 .col-lg-push-6 {
  left:50%
 }
 .col-lg-push-5 {
  left:41.66666667%
 }
 .col-lg-push-4 {
  left:33.33333333%
 }
 .col-lg-push-3 {
  left:25%
 }
 .col-lg-push-2 {
  left:16.66666667%
 }
 .col-lg-push-1 {
  left:8.33333333%
 }
 .col-lg-push-0 {
  left:auto
 }
 .col-lg-offset-12 {
  margin-left:100%
 }
 .col-lg-offset-11 {
  margin-left:91.66666667%
 }
 .col-lg-offset-10 {
  margin-left:83.33333333%
 }
 .col-lg-offset-9 {
  margin-left:75%
 }
 .col-lg-offset-8 {
  margin-left:66.66666667%
 }
 .col-lg-offset-7 {
  margin-left:58.33333333%
 }
 .col-lg-offset-6 {
  margin-left:50%
 }
 .col-lg-offset-5 {
  margin-left:41.66666667%
 }
 .col-lg-offset-4 {
  margin-left:33.33333333%
 }
 .col-lg-offset-3 {
  margin-left:25%
 }
 .col-lg-offset-2 {
  margin-left:16.66666667%
 }
 .col-lg-offset-1 {
  margin-left:8.33333333%
 }
 .col-lg-offset-0 {
  margin-left:0
 }
}
table {
 background-color:transparent
}
caption {
 padding-top:8px;
 padding-bottom:8px;
 color:#777;
 text-align:left
}
th {
 text-align:left
}
.table {
 width:100%;
 max-width:100%;
 margin-bottom:20px
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
 padding:8px;
 line-height:1.42857143;
 vertical-align:top;
 border-top:1px solid #ddd
}
.table>thead>tr>th {
 vertical-align:bottom;
 border-bottom:2px solid #ddd
}
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
 border-top:0
}
.table>tbody+tbody {
 border-top:2px solid #ddd
}
.table .table {
 background-color:#fff
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
 padding:5px
}
.table-bordered {
 border:1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
 border:1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
 border-bottom-width:2px
}
.table-striped>tbody>tr:nth-child(odd) {
 background-color:#f9f9f9
}
.table-hover>tbody>tr:hover {
 background-color:#f5f5f5
}
table col[class*="col-"] {
 position:static;
 display:table-column;
 float:none
}
table td[class*="col-"],
table th[class*="col-"] {
 position:static;
 display:table-cell;
 float:none
}
.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
 background-color:#f5f5f5
}
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
 background-color:#e8e8e8
}
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
 background-color:#dff0d8
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
 background-color:#d0e9c6
}
.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
 background-color:#d9edf7
}
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
 background-color:#c4e3f3
}
.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
 background-color:#fcf8e3
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
 background-color:#faf2cc
}
.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
 background-color:#f2dede
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
 background-color:#ebcccc
}
.table-responsive {
 min-height:.01%;
 overflow-x:auto
}
@media screen and (max-width: 767px) {
 .table-responsive {
  width:100%;
  margin-bottom:15px;
  overflow-y:hidden;
  -ms-overflow-style:-ms-autohiding-scrollbar;
  border:1px solid #ddd
 }
 .table-responsive>.table {
  margin-bottom:0
 }
 .table-responsive>.table>thead>tr>th,
 .table-responsive>.table>tbody>tr>th,
 .table-responsive>.table>tfoot>tr>th,
 .table-responsive>.table>thead>tr>td,
 .table-responsive>.table>tbody>tr>td,
 .table-responsive>.table>tfoot>tr>td {
  white-space:nowrap
 }
 .table-responsive>.table-bordered {
  border:0
 }
 .table-responsive>.table-bordered>thead>tr>th:first-child,
 .table-responsive>.table-bordered>tbody>tr>th:first-child,
 .table-responsive>.table-bordered>tfoot>tr>th:first-child,
 .table-responsive>.table-bordered>thead>tr>td:first-child,
 .table-responsive>.table-bordered>tbody>tr>td:first-child,
 .table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left:0
 }
 .table-responsive>.table-bordered>thead>tr>th:last-child,
 .table-responsive>.table-bordered>tbody>tr>th:last-child,
 .table-responsive>.table-bordered>tfoot>tr>th:last-child,
 .table-responsive>.table-bordered>thead>tr>td:last-child,
 .table-responsive>.table-bordered>tbody>tr>td:last-child,
 .table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right:0
 }
 .table-responsive>.table-bordered>tbody>tr:last-child>th,
 .table-responsive>.table-bordered>tfoot>tr:last-child>th,
 .table-responsive>.table-bordered>tbody>tr:last-child>td,
 .table-responsive>.table-bordered>tfoot>tr:last-child>td {
  border-bottom:0
 }
}
fieldset {
 min-width:0;
 padding:0;
 margin:0;
 border:0
}
legend {
 display:block;
 width:100%;
 padding:0;
 margin-bottom:20px;
 font-size:21px;
 line-height:inherit;
 color:#333;
 border:0;
 border-bottom:1px solid #e5e5e5
}
input[type="search"] {
 box-sizing:border-box
}
input[type="radio"],
input[type="checkbox"] {
 margin:4px 0 0;
 margin-top:1px \9;
 line-height:normal
}
input[type="file"] {
 display:block
}
input[type="range"] {
 display:block;
 width:100%
}
select[multiple],
select[size] {
 height:auto
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
 outline:thin dotted;
 outline:5px auto -webkit-focus-ring-color;
 outline-offset:-2px
}
output {
 display:block;
 padding-top:7px;
 font-size:14px;
 line-height:1.42857143;
 color:#555
}
.form-control {
 display:block;
 width:100%;
 height:34px;
 padding:6px 12px;
 font-size:14px;
 line-height:1.42857143;
 color:#555;
 background-color:#fff;
 background-image:none;
 border:1px solid #ccc;
 border-radius:4px;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
 transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
 border-color:#66afe9;
 outline:0;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}
.form-control::-moz-placeholder {
 color:#999;
 opacity:1
}
.form-control:-ms-input-placeholder {
 color:#999
}
.form-control::-webkit-input-placeholder {
 color:#999
}
.form-control[disabled],
fieldset[disabled] .form-control {
 cursor:not-allowed;
 background-color:#eee;
 opacity:1
}
textarea.form-control {
 height:auto
}
input[type="search"] {
 -webkit-appearance:none
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 input[type="date"],
 input[type="time"],
 input[type="datetime-local"],
 input[type="month"] {
  line-height:34px
 }
 input.input-sm[type="date"],
 input.input-sm[type="time"],
 input.input-sm[type="datetime-local"],
 input.input-sm[type="month"] {
  line-height:30px
 }
 input.input-lg[type="date"],
 input.input-lg[type="time"],
 input.input-lg[type="datetime-local"],
 input.input-lg[type="month"] {
  line-height:46px
 }
}
.form-group {
 margin-bottom:15px
}
.radio,
.checkbox {
 position:relative;
 display:block;
 margin-top:10px;
 margin-bottom:10px
}
.radio label,
.checkbox label {
 min-height:20px;
 padding-left:20px;
 margin-bottom:0;
 font-weight:normal;
 cursor:pointer
}
.radio-inline,
.checkbox-inline {
 display:inline-block;
 padding-left:20px;
 margin-bottom:0;
 font-weight:normal;
 vertical-align:middle;
 cursor:pointer
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
 margin-top:0;
 margin-left:10px
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input.disabled[type="radio"],
input.disabled[type="checkbox"],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
 cursor:not-allowed
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
 cursor:not-allowed
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
 cursor:not-allowed
}
.form-control-static {
 padding-top:7px;
 padding-bottom:7px;
 margin-bottom:0
}
.form-control-static.input-lg,
.form-control-static.input-sm {
 padding-right:0;
 padding-left:0
}
.input-sm,
.form-group-sm .form-control {
 height:30px;
 padding:5px 10px;
 font-size:12px;
 line-height:1.5;
 border-radius:3px
}
select.input-sm,
select.form-group-sm .form-control {
 height:30px;
 line-height:30px
}
textarea.input-sm,
textarea.form-group-sm .form-control,
select.input-sm[multiple],
select.form-group-sm[multiple] .form-control {
 height:auto
}
.input-lg,
.form-group-lg .form-control {
 height:46px;
 padding:10px 16px;
 font-size:18px;
 line-height:1.33;
 border-radius:6px
}
select.input-lg,
select.form-group-lg .form-control {
 height:46px;
 line-height:46px
}
textarea.input-lg,
textarea.form-group-lg .form-control,
select.input-lg[multiple],
select.form-group-lg[multiple] .form-control {
 height:auto
}
.has-feedback {
 position:relative
}
.has-feedback .form-control {
 padding-right:42.5px
}
.form-control-feedback {
 position:absolute;
 top:0;
 right:0;
 z-index:2;
 display:block;
 width:34px;
 height:34px;
 line-height:34px;
 text-align:center;
 pointer-events:none
}
.input-lg+.form-control-feedback {
 width:46px;
 height:46px;
 line-height:46px
}
.input-sm+.form-control-feedback {
 width:30px;
 height:30px;
 line-height:30px
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
 color:#3c763d
}
.has-success .form-control {
 border-color:#3c763d;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.has-success .form-control:focus {
 border-color:#2b542c;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168
}
.has-success .input-group-addon {
 color:#3c763d;
 background-color:#dff0d8;
 border-color:#3c763d
}
.has-success .form-control-feedback {
 color:#3c763d
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
 color:#8a6d3b
}
.has-warning .form-control {
 border-color:#8a6d3b;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.has-warning .form-control:focus {
 border-color:#66512c;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon {
 color:#8a6d3b;
 background-color:#fcf8e3;
 border-color:#8a6d3b
}
.has-warning .form-control-feedback {
 color:#8a6d3b
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
 color:#a94442
}
.has-error .form-control {
 border-color:#a94442;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.has-error .form-control:focus {
 border-color:#843534;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483
}
.has-error .input-group-addon {
 color:#a94442;
 background-color:#f2dede;
 border-color:#a94442
}
.has-error .form-control-feedback {
 color:#a94442
}
.has-feedback label~.form-control-feedback {
 top:25px
}
.has-feedback label.sr-only~.form-control-feedback {
 top:0
}
.help-block {
 display:block;
 margin-top:5px;
 margin-bottom:10px;
 color:#737373
}
@media (min-width: 768px) {
 .form-inline .form-group {
  display:inline-block;
  margin-bottom:0;
  vertical-align:middle
 }
 .form-inline .form-control {
  display:inline-block;
  width:auto;
  vertical-align:middle
 }
 .form-inline .form-control-static {
  display:inline-block
 }
 .form-inline .input-group {
  display:inline-table;
  vertical-align:middle
 }
 .form-inline .input-group .input-group-addon,
 .form-inline .input-group .input-group-btn,
 .form-inline .input-group .form-control {
  width:auto
 }
 .form-inline .input-group>.form-control {
  width:100%
 }
 .form-inline .control-label {
  margin-bottom:0;
  vertical-align:middle
 }
 .form-inline .radio,
 .form-inline .checkbox {
  display:inline-block;
  margin-top:0;
  margin-bottom:0;
  vertical-align:middle
 }
 .form-inline .radio label,
 .form-inline .checkbox label {
  padding-left:0
 }
 .form-inline .radio input[type="radio"],
 .form-inline .checkbox input[type="checkbox"] {
  position:relative;
  margin-left:0
 }
 .form-inline .has-feedback .form-control-feedback {
  top:0
 }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
 padding-top:7px;
 margin-top:0;
 margin-bottom:0
}
.form-horizontal .radio,
.form-horizontal .checkbox {
 min-height:27px
}
.form-horizontal .form-group {
 margin-right:-15px;
 margin-left:-15px
}
@media (min-width: 768px) {
 .form-horizontal .control-label {
  padding-top:7px;
  margin-bottom:0;
  text-align:right
 }
}
.form-horizontal .has-feedback .form-control-feedback {
 right:15px
}
@media (min-width: 768px) {
 .form-horizontal .form-group-lg .control-label {
  padding-top:14.3px
 }
}
@media (min-width: 768px) {
 .form-horizontal .form-group-sm .control-label {
  padding-top:6px
 }
}
.fade {
 opacity:0;
 transition:opacity .15s linear
}
.fade.in {
 opacity:1
}
.collapse {
 display:none;
 visibility:hidden
}
.collapse.in {
 display:block;
 visibility:visible
}
tr.collapse.in {
 display:table-row
}
tbody.collapse.in {
 display:table-row-group
}
.collapsing {
 position:relative;
 height:0;
 overflow:hidden;
 transition-timing-function:ease;
 transition-duration:.35s;
 transition-property:height, visibility
}
.caret {
 display:inline-block;
 width:0;
 height:0;
 margin-left:2px;
 vertical-align:middle;
 border-top:4px solid;
 border-right:4px solid transparent;
 border-left:4px solid transparent
}
.dropdown {
 position:relative
}
.dropdown-toggle:focus {
 outline:0
}
.dropdown-menu {
 position:absolute;
 top:100%;
 left:0;
 z-index:1000;
 display:none;
 float:left;
 min-width:160px;
 padding:5px 0;
 margin:2px 0 0;
 font-size:14px;
 text-align:left;
 list-style:none;
 background-color:#fff;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 border:1px solid #ccc;
 border:1px solid rgba(0,0,0,0.15);
 border-radius:4px;
 box-shadow:0 6px 12px rgba(0,0,0,0.175)
}
.dropdown-menu.pull-right {
 right:0;
 left:auto
}
.dropdown-menu .divider {
 height:1px;
 margin:9px 0;
 overflow:hidden;
 background-color:#e5e5e5
}
.dropdown-menu>li>a {
 display:block;
 padding:3px 20px;
 clear:both;
 font-weight:normal;
 line-height:1.42857143;
 color:#333;
 white-space:nowrap
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
 color:#262626;
 text-decoration:none;
 background-color:#f5f5f5
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
 color:#fff;
 text-decoration:none;
 background-color:#337ab7;
 outline:0
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
 color:#777
}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
 text-decoration:none;
 cursor:not-allowed;
 background-color:transparent;
 background-image:none;
 filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)
}
.open>.dropdown-menu {
 display:block
}
.open>a {
 outline:0
}
.dropdown-menu-right {
 right:0;
 left:auto
}
.dropdown-menu-left {
 right:auto;
 left:0
}
.dropdown-backdrop {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:990
}
.pull-right>.dropdown-menu {
 right:0;
 left:auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
 content:"";
 border-top:0;
 border-bottom:4px solid
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
 top:auto;
 bottom:100%;
 margin-bottom:1px
}
@media (min-width: 768px) {
 .navbar-right .dropdown-menu {
  right:0;
  left:auto
 }
 .navbar-right .dropdown-menu-left {
  right:auto;
  left:0
 }
}
.btn-toolbar {
 margin-left:-5px
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
 float:left
}
.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
 margin-left:5px
}
.btn .caret {
 margin-left:0
}
.btn-lg .caret {
 border-width:5px 5px 0;
 border-bottom-width:0
}
.dropup .btn-lg .caret {
 border-width:0 5px 5px
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
 display:block;
 float:none;
 width:100%;
 max-width:100%
}
.btn-group-vertical>.btn-group>.btn {
 float:none
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
 margin-top:-1px;
 margin-left:0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
 border-radius:0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
 border-top-right-radius:4px;
 border-bottom-right-radius:0;
 border-bottom-left-radius:0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
 border-top-left-radius:0;
 border-top-right-radius:0;
 border-bottom-left-radius:4px
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
 border-radius:0
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
 border-bottom-right-radius:0;
 border-bottom-left-radius:0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
 border-top-left-radius:0;
 border-top-right-radius:0
}
.btn-group-justified {
 display:table;
 width:100%;
 table-layout:fixed;
 border-collapse:separate
}
.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
 display:table-cell;
 float:none;
 width:1%
}
.btn-group-justified>.btn-group .btn {
 width:100%
}
.btn-group-justified>.btn-group .dropdown-menu {
 left:auto
}
[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
 position:absolute;
 clip:rect(0, 0, 0, 0);
 pointer-events:none
}
.input-group {
 position:relative;
 display:table;
 border-collapse:separate
}
.input-group[class*="col-"] {
 float:none;
 padding-right:0;
 padding-left:0
}
.input-group .form-control {
 position:relative;
 z-index:2;
 float:left;
 width:100%;
 margin-bottom:0
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
 height:46px;
 padding:10px 16px;
 font-size:18px;
 line-height:1.33;
 border-radius:6px
}
select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
 height:46px;
 line-height:46px
}
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select.input-group-lg[multiple]>.form-control,
select.input-group-lg[multiple]>.input-group-addon,
select.input-group-lg[multiple]>.input-group-btn>.btn {
 height:auto
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
 height:30px;
 padding:5px 10px;
 font-size:12px;
 line-height:1.5;
 border-radius:3px
}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
 height:30px;
 line-height:30px
}
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select.input-group-sm[multiple]>.form-control,
select.input-group-sm[multiple]>.input-group-addon,
select.input-group-sm[multiple]>.input-group-btn>.btn {
 height:auto
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
 display:table-cell
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
 border-radius:0
}
.input-group-addon,
.input-group-btn {
 width:1%;
 white-space:nowrap;
 vertical-align:middle
}
.input-group-addon {
 padding:6px 12px;
 font-size:14px;
 font-weight:normal;
 line-height:1;
 color:#555;
 text-align:center;
 background-color:#eee;
 border:1px solid #ccc;
 border-radius:4px
}
.input-group-addon.input-sm {
 padding:5px 10px;
 font-size:12px;
 border-radius:3px
}
.input-group-addon.input-lg {
 padding:10px 16px;
 font-size:18px;
 border-radius:6px
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
 margin-top:0
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
.input-group-addon:first-child {
 border-right:0
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
 border-top-left-radius:0;
 border-bottom-left-radius:0
}
.input-group-addon:last-child {
 border-left:0
}
.input-group-btn {
 position:relative;
 font-size:0;
 white-space:nowrap
}
.input-group-btn>.btn {
 position:relative
}
.input-group-btn>.btn+.btn {
 margin-left:-1px
}
.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
 z-index:2
}
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
 margin-right:-1px
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
 margin-left:-1px
}
.nav-pills>li {
 float:left
}
.nav-pills>li>a {
 border-radius:4px
}
.nav-pills>li+li {
 margin-left:2px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
 color:#fff;
 background-color:#337ab7
}
.nav-stacked>li {
 float:none
}
.nav-stacked>li+li {
 margin-top:2px;
 margin-left:0
}
.nav-justified {
 width:100%
}
.nav-justified>li {
 float:none
}
.nav-justified>li>a {
 margin-bottom:5px;
 text-align:center
}
.nav-justified>.dropdown .dropdown-menu {
 top:auto;
 left:auto
}
@media (min-width: 768px) {
 .nav-justified>li {
  display:table-cell;
  width:1%
 }
 .nav-justified>li>a {
  margin-bottom:0
 }
}
.nav-tabs-justified {
 border-bottom:0
}
.nav-tabs-justified>li>a {
 margin-right:0;
 border-radius:4px
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
 border:1px solid #ddd
}
@media (min-width: 768px) {
 .nav-tabs-justified>li>a {
  border-bottom:1px solid #ddd;
  border-radius:4px 4px 0 0
 }
 .nav-tabs-justified>.active>a,
 .nav-tabs-justified>.active>a:hover,
 .nav-tabs-justified>.active>a:focus {
  border-bottom-color:#fff
 }
}
.tab-content>.tab-pane {
 display:none;
 visibility:hidden
}
.tab-content>.active {
 display:block;
 visibility:visible
}
.nav-tabs .dropdown-menu {
 margin-top:-1px;
 border-top-left-radius:0;
 border-top-right-radius:0
}
.navbar {
 position:relative;
 min-height:50px;
 margin-bottom:20px;
 border:1px solid transparent
}
@media (min-width: 768px) {
 .navbar {
  border-radius:4px
 }
}
@media (min-width: 768px) {
 .navbar-header {
  float:left
 }
}
.navbar-collapse {
 padding-right:15px;
 padding-left:15px;
 overflow-x:visible;
 -webkit-overflow-scrolling:touch;
 border-top:1px solid transparent;
 box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)
}
.navbar-collapse.in {
 overflow-y:auto
}
@media (min-width: 768px) {
 .navbar-collapse {
  width:auto;
  border-top:0;
  box-shadow:none
 }
 .navbar-collapse.collapse {
  display:block !important;
  height:auto !important;
  padding-bottom:0;
  overflow:visible !important;
  visibility:visible !important
 }
 .navbar-collapse.in {
  overflow-y:visible
 }
 .navbar-fixed-top .navbar-collapse,
 .navbar-static-top .navbar-collapse,
 .navbar-fixed-bottom .navbar-collapse {
  padding-right:0;
  padding-left:0
 }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
 max-height:340px
}
@media (max-device-width: 480px) and (orientation: landscape) {
 .navbar-fixed-top .navbar-collapse,
 .navbar-fixed-bottom .navbar-collapse {
  max-height:200px
 }
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
 margin-right:-15px;
 margin-left:-15px
}
@media (min-width: 768px) {
 .container>.navbar-header,
 .container-fluid>.navbar-header,
 .container>.navbar-collapse,
 .container-fluid>.navbar-collapse {
  margin-right:0;
  margin-left:0
 }
}
.navbar-static-top {
 z-index:1000;
 border-width:0 0 1px
}
@media (min-width: 768px) {
 .navbar-static-top {
  border-radius:0
 }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
 position:fixed;
 right:0;
 left:0;
 z-index:1030
}
@media (min-width: 768px) {
 .navbar-fixed-top,
 .navbar-fixed-bottom {
  border-radius:0
 }
}
.navbar-fixed-top {
 top:0;
 border-width:0 0 1px
}
.navbar-fixed-bottom {
 bottom:0;
 margin-bottom:0;
 border-width:1px 0 0
}
.navbar-brand {
 float:left;
 height:50px;
 padding:15px 15px;
 font-size:18px;
 line-height:20px
}
.navbar-brand:hover,
.navbar-brand:focus {
 text-decoration:none
}
.navbar-brand>img {
 display:block
}
@media (min-width: 768px) {
 .navbar>.container .navbar-brand,
 .navbar>.container-fluid .navbar-brand {
  margin-left:-15px
 }
}
.navbar-toggle {
 position:relative;
 float:right;
 padding:9px 10px;
 margin-top:8px;
 margin-right:15px;
 margin-bottom:8px;
 background-color:transparent;
 background-image:none;
 border:1px solid transparent;
 border-radius:4px
}
.navbar-toggle:focus {
 outline:0
}
.navbar-toggle .icon-bar {
 display:block;
 width:22px;
 height:2px;
 border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar {
 margin-top:4px
}
@media (min-width: 768px) {
 .navbar-toggle {
  display:none
 }
}
.navbar-nav {
 margin:7.5px -15px
}
.navbar-nav>li>a {
 padding-top:10px;
 padding-bottom:10px;
 line-height:20px
}
@media (max-width: 767px) {
 .navbar-nav .open .dropdown-menu {
  position:static;
  float:none;
  width:auto;
  margin-top:0;
  background-color:transparent;
  border:0;
  box-shadow:none
 }
 .navbar-nav .open .dropdown-menu>li>a,
 .navbar-nav .open .dropdown-menu .dropdown-header {
  padding:5px 15px 5px 25px
 }
 .navbar-nav .open .dropdown-menu>li>a {
  line-height:20px
 }
 .navbar-nav .open .dropdown-menu>li>a:hover,
 .navbar-nav .open .dropdown-menu>li>a:focus {
  background-image:none
 }
}
@media (min-width: 768px) {
 .navbar-nav {
  float:left;
  margin:0
 }
 .navbar-nav>li {
  float:left
 }
 .navbar-nav>li>a {
  padding-top:15px;
  padding-bottom:15px
 }
}
.navbar-form {
 padding:10px 15px;
 margin-top:8px;
 margin-right:-15px;
 margin-bottom:8px;
 margin-left:-15px;
 border-top:1px solid transparent;
 border-bottom:1px solid transparent;
 box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)
}
@media (min-width: 768px) {
 .navbar-form .form-group {
  display:inline-block;
  margin-bottom:0;
  vertical-align:middle
 }
 .navbar-form .form-control {
  display:inline-block;
  width:auto;
  vertical-align:middle
 }
 .navbar-form .form-control-static {
  display:inline-block
 }
 .navbar-form .input-group {
  display:inline-table;
  vertical-align:middle
 }
 .navbar-form .input-group .input-group-addon,
 .navbar-form .input-group .input-group-btn,
 .navbar-form .input-group .form-control {
  width:auto
 }
 .navbar-form .input-group>.form-control {
  width:100%
 }
 .navbar-form .control-label {
  margin-bottom:0;
  vertical-align:middle
 }
 .navbar-form .radio,
 .navbar-form .checkbox {
  display:inline-block;
  margin-top:0;
  margin-bottom:0;
  vertical-align:middle
 }
 .navbar-form .radio label,
 .navbar-form .checkbox label {
  padding-left:0
 }
 .navbar-form .radio input[type="radio"],
 .navbar-form .checkbox input[type="checkbox"] {
  position:relative;
  margin-left:0
 }
 .navbar-form .has-feedback .form-control-feedback {
  top:0
 }
}
@media (max-width: 767px) {
 .navbar-form .form-group {
  margin-bottom:5px
 }
 .navbar-form .form-group:last-child {
  margin-bottom:0
 }
}
@media (min-width: 768px) {
 .navbar-form {
  width:auto;
  padding-top:0;
  padding-bottom:0;
  margin-right:0;
  margin-left:0;
  border:0;
  box-shadow:none
 }
}
.navbar-nav>li>.dropdown-menu {
 margin-top:0;
 border-top-left-radius:0;
 border-top-right-radius:0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
 border-top-left-radius:4px;
 border-top-right-radius:4px;
 border-bottom-right-radius:0;
 border-bottom-left-radius:0
}
.navbar-btn {
 margin-top:8px;
 margin-bottom:8px
}
.navbar-btn.btn-sm {
 margin-top:10px;
 margin-bottom:10px
}
.navbar-btn.btn-xs {
 margin-top:14px;
 margin-bottom:14px
}
.navbar-text {
 margin-top:15px;
 margin-bottom:15px
}
@media (min-width: 768px) {
 .navbar-text {
  float:left;
  margin-right:15px;
  margin-left:15px
 }
}
@media (min-width: 768px) {
 .navbar-left {
  float:left !important
 }
 .navbar-right {
  float:right !important;
  margin-right:-15px
 }
 .navbar-right~.navbar-right {
  margin-right:0
 }
}
.navbar-default {
 background-color:#f8f8f8;
 border-color:#e7e7e7
}
.navbar-default .navbar-brand {
 color:#777
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
 color:#5e5e5e;
 background-color:transparent
}
.navbar-default .navbar-text {
 color:#777
}
.navbar-default .navbar-nav>li>a {
 color:#777
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
 color:#333;
 background-color:transparent
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
 color:#555;
 background-color:#e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
 color:#ccc;
 background-color:transparent
}
.navbar-default .navbar-toggle {
 border-color:#ddd
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
 background-color:#ddd
}
.navbar-default .navbar-toggle .icon-bar {
 background-color:#888
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
 border-color:#e7e7e7
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
 color:#555;
 background-color:#e7e7e7
}
@media (max-width: 767px) {
 .navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color:#777
 }
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
  color:#333;
  background-color:transparent
 }
 .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
 .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
  color:#555;
  background-color:#e7e7e7
 }
 .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
 .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
 .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
  color:#ccc;
  background-color:transparent
 }
}
.navbar-default .navbar-link {
 color:#777
}
.navbar-default .navbar-link:hover {
 color:#333
}
.navbar-default .btn-link {
 color:#777
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
 color:#333
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
 color:#ccc
}
.navbar-inverse {
 background-color:#222;
 border-color:#080808
}
.navbar-inverse .navbar-brand {
 color:#9d9d9d
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
 color:#fff;
 background-color:transparent
}
.navbar-inverse .navbar-text {
 color:#9d9d9d
}
.navbar-inverse .navbar-nav>li>a {
 color:#9d9d9d
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
 color:#fff;
 background-color:transparent
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
 color:#fff;
 background-color:#080808
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
 color:#444;
 background-color:transparent
}
.navbar-inverse .navbar-toggle {
 border-color:#333
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
 background-color:#333
}
.navbar-inverse .navbar-toggle .icon-bar {
 background-color:#fff
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
 border-color:#101010
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
 color:#fff;
 background-color:#080808
}
@media (max-width: 767px) {
 .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
  border-color:#080808
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  background-color:#080808
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  color:#9d9d9d
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
 .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
  color:#fff;
  background-color:transparent
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
 .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
 .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
  color:#fff;
  background-color:#080808
 }
 .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
 .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
 .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
  color:#444;
  background-color:transparent
 }
}
.navbar-inverse .navbar-link {
 color:#9d9d9d
}
.navbar-inverse .navbar-link:hover {
 color:#fff
}
.navbar-inverse .btn-link {
 color:#9d9d9d
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
 color:#fff
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
 color:#444
}
.pager {
 padding-left:0;
 margin:20px 0;
 text-align:center;
 list-style:none
}
.pager li {
 display:inline
}
.pager li>a,
.pager li>span {
 display:inline-block;
 padding:5px 14px;
 background-color:#fff;
 border:1px solid #ddd;
 border-radius:15px
}
.pager li>a:hover,
.pager li>a:focus {
 text-decoration:none;
 background-color:#eee
}
.pager .next>a,
.pager .next>span {
 float:right
}
.pager .previous>a,
.pager .previous>span {
 float:left
}
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
 color:#777;
 cursor:not-allowed;
 background-color:#fff
}
.jumbotron {
 padding:30px 15px;
 margin-bottom:30px;
 color:inherit;
 background-color:#eee
}
.jumbotron h1,
.jumbotron .h1 {
 color:inherit
}
.jumbotron p {
 margin-bottom:15px;
 font-size:21px;
 font-weight:200
}
.jumbotron>hr {
 border-top-color:#d5d5d5
}
.container .jumbotron,
.container-fluid .jumbotron {
 border-radius:6px
}
.jumbotron .container {
 max-width:100%
}
@media screen and (min-width: 768px) {
 .jumbotron {
  padding:48px 0
 }
 .container .jumbotron,
 .container-fluid .jumbotron {
  padding-right:60px;
  padding-left:60px
 }
 .jumbotron h1,
 .jumbotron .h1 {
  font-size:63px
 }
}
.thumbnail {
 display:block;
 padding:4px;
 margin-bottom:20px;
 line-height:1.42857143;
 background-color:#fff;
 border:1px solid #ddd;
 border-radius:4px;
 transition:border .2s ease-in-out
}
.thumbnail>img,
.thumbnail a>img {
 margin-right:auto;
 margin-left:auto
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
 border-color:#337ab7
}
.thumbnail .caption {
 padding:9px;
 color:#333
}
.alert {
 padding:15px;
 margin-bottom:20px;
 border:1px solid transparent;
 border-radius:4px
}
.alert h4 {
 margin-top:0;
 color:inherit
}
.alert .alert-link {
 font-weight:bold
}
.alert>p,
.alert>ul {
 margin-bottom:0
}
.alert>p+p {
 margin-top:5px
}
.alert-dismissable,
.alert-dismissible {
 padding-right:35px
}
.alert-dismissable .close,
.alert-dismissible .close {
 position:relative;
 top:-2px;
 right:-21px;
 color:inherit
}
.alert-success {
 color:#3c763d;
 background-color:#dff0d8;
 border-color:#d6e9c6
}
.alert-success hr {
 border-top-color:#c9e2b3
}
.alert-success .alert-link {
 color:#2b542c
}
.alert-info {
 color:#31708f;
 background-color:#d9edf7;
 border-color:#bce8f1
}
.alert-info hr {
 border-top-color:#a6e1ec
}
.alert-info .alert-link {
 color:#245269
}
.alert-warning {
 color:#8a6d3b;
 background-color:#fcf8e3;
 border-color:#faebcc
}
.alert-warning hr {
 border-top-color:#f7e1b5
}
.alert-warning .alert-link {
 color:#66512c
}
.alert-danger {
 color:#a94442;
 background-color:#f2dede;
 border-color:#ebccd1
}
.alert-danger hr {
 border-top-color:#e4b9c0
}
.alert-danger .alert-link {
 color:#843534
}
@keyframes progress-bar-stripes {
 from {
  background-position:40px 0
 }
 to {
  background-position:0 0
 }
}
.progress {
 height:20px;
 margin-bottom:20px;
 overflow:hidden;
 background-color:#f5f5f5;
 border-radius:4px;
 box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)
}
.progress-bar {
 float:left;
 width:0;
 height:100%;
 font-size:12px;
 line-height:20px;
 color:#fff;
 text-align:center;
 background-color:#337ab7;
 box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
 transition:width .6s ease
}
.progress-striped .progress-bar,
.progress-bar-striped {
 background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
 background-size:40px 40px
}
.progress.active .progress-bar,
.progress-bar.active {
 animation:progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
 background-color:#5cb85c
}
.progress-striped .progress-bar-success {
 background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
 background-color:#5bc0de
}
.progress-striped .progress-bar-info {
 background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
 background-color:#f0ad4e
}
.progress-striped .progress-bar-warning {
 background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
 background-color:#d9534f
}
.progress-striped .progress-bar-danger {
 background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.media {
 margin-top:15px
}
.media:first-child {
 margin-top:0
}
.media-right,
.media>.pull-right {
 padding-left:10px
}
.media-left,
.media>.pull-left {
 padding-right:10px
}
.media-left,
.media-right,
.media-body {
 display:table-cell;
 vertical-align:top
}
.media-middle {
 vertical-align:middle
}
.media-bottom {
 vertical-align:bottom
}
.media-heading {
 margin-top:0;
 margin-bottom:5px
}
.media-list {
 padding-left:0;
 list-style:none
}
.list-group {
 padding-left:0;
 margin-bottom:20px
}
.list-group-item {
 position:relative;
 display:block;
 padding:10px 15px;
 margin-bottom:-1px;
 background-color:#fff;
 border:1px solid #ddd
}
.list-group-item:first-child {
 border-top-left-radius:4px;
 border-top-right-radius:4px
}
.list-group-item:last-child {
 margin-bottom:0;
 border-bottom-right-radius:4px;
 border-bottom-left-radius:4px
}
a.list-group-item {
 color:#555
}
a.list-group-item .list-group-item-heading {
 color:#333
}
a.list-group-item:hover,
a.list-group-item:focus {
 color:#555;
 text-decoration:none;
 background-color:#f5f5f5
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
 color:#777;
 cursor:not-allowed;
 background-color:#eee
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
 color:inherit
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
 color:#777
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
 z-index:2;
 color:#fff;
 background-color:#337ab7;
 border-color:#337ab7
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
 color:inherit
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
 color:#c7ddef
}
.list-group-item-success {
 color:#3c763d;
 background-color:#dff0d8
}
a.list-group-item-success {
 color:#3c763d
}
a.list-group-item-success .list-group-item-heading {
 color:inherit
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
 color:#3c763d;
 background-color:#d0e9c6
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
 color:#fff;
 background-color:#3c763d;
 border-color:#3c763d
}
.list-group-item-info {
 color:#31708f;
 background-color:#d9edf7
}
a.list-group-item-info {
 color:#31708f
}
a.list-group-item-info .list-group-item-heading {
 color:inherit
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
 color:#31708f;
 background-color:#c4e3f3
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
 color:#fff;
 background-color:#31708f;
 border-color:#31708f
}
.list-group-item-warning {
 color:#8a6d3b;
 background-color:#fcf8e3
}
a.list-group-item-warning {
 color:#8a6d3b
}
a.list-group-item-warning .list-group-item-heading {
 color:inherit
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
 color:#8a6d3b;
 background-color:#faf2cc
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
 color:#fff;
 background-color:#8a6d3b;
 border-color:#8a6d3b
}
.list-group-item-danger {
 color:#a94442;
 background-color:#f2dede
}
a.list-group-item-danger {
 color:#a94442
}
a.list-group-item-danger .list-group-item-heading {
 color:inherit
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
 color:#a94442;
 background-color:#ebcccc
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
 color:#fff;
 background-color:#a94442;
 border-color:#a94442
}
.list-group-item-heading {
 margin-top:0;
 margin-bottom:5px
}
.list-group-item-text {
 margin-bottom:0;
 line-height:1.3
}
.panel {
 margin-bottom:20px;
 background-color:#fff;
 border:1px solid transparent;
 border-radius:4px;
 box-shadow:0 1px 1px rgba(0,0,0,0.05)
}
.panel-body {
 padding:15px
}
.panel-heading {
 padding:10px 15px;
 border-bottom:1px solid transparent;
 border-top-left-radius:3px;
 border-top-right-radius:3px
}
.panel-heading>.dropdown .dropdown-toggle {
 color:inherit
}
.panel-title {
 margin-top:0;
 margin-bottom:0;
 font-size:16px;
 color:inherit
}
.panel-title>a {
 color:inherit
}
.panel-footer {
 padding:10px 15px;
 background-color:#f5f5f5;
 border-top:1px solid #ddd;
 border-bottom-right-radius:3px;
 border-bottom-left-radius:3px
}
.panel>.list-group,
.panel>.panel-collapse>.list-group {
 margin-bottom:0
}
.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
 border-width:1px 0;
 border-radius:0
}
.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
 border-top:0;
 border-top-left-radius:3px;
 border-top-right-radius:3px
}
.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
 border-bottom:0;
 border-bottom-right-radius:3px;
 border-bottom-left-radius:3px
}
.panel-heading+.list-group .list-group-item:first-child {
 border-top-width:0
}
.list-group+.panel-footer {
 border-top-width:0
}
.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
 margin-bottom:0
}
.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
 padding-right:15px;
 padding-left:15px
}
.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
 border-top-left-radius:3px;
 border-top-right-radius:3px
}
.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
 border-top-left-radius:3px;
 border-top-right-radius:3px
}
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
 border-top-left-radius:3px
}
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
 border-top-right-radius:3px
}
.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
 border-bottom-right-radius:3px;
 border-bottom-left-radius:3px
}
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
 border-bottom-right-radius:3px;
 border-bottom-left-radius:3px
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
 border-bottom-left-radius:3px
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
 border-bottom-right-radius:3px
}
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
 border-top:1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
 border-top:0
}
.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
 border:0
}
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
 border-left:0
}
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
 border-right:0
}
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
 border-bottom:0
}
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
 border-bottom:0
}
.panel>.table-responsive {
 margin-bottom:0;
 border:0
}
.panel-group {
 margin-bottom:20px
}
.panel-group .panel {
 margin-bottom:0;
 border-radius:4px
}
.panel-group .panel+.panel {
 margin-top:5px
}
.panel-group .panel-heading {
 border-bottom:0
}
.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
 border-top:1px solid #ddd
}
.panel-group .panel-footer {
 border-top:0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
 border-bottom:1px solid #ddd
}
.panel-default {
 border-color:#ddd
}
.panel-default>.panel-heading {
 color:#333;
 background-color:#f5f5f5;
 border-color:#ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
 border-top-color:#ddd
}
.panel-default>.panel-heading .badge {
 color:#f5f5f5;
 background-color:#333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color:#ddd
}
.panel-primary {
 border-color:#337ab7
}
.panel-primary>.panel-heading {
 color:#fff;
 background-color:#337ab7;
 border-color:#337ab7
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
 border-top-color:#337ab7
}
.panel-primary>.panel-heading .badge {
 color:#337ab7;
 background-color:#fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color:#337ab7
}
.panel-success {
 border-color:#d6e9c6
}
.panel-success>.panel-heading {
 color:#3c763d;
 background-color:#dff0d8;
 border-color:#d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
 border-top-color:#d6e9c6
}
.panel-success>.panel-heading .badge {
 color:#dff0d8;
 background-color:#3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color:#d6e9c6
}
.panel-info {
 border-color:#bce8f1
}
.panel-info>.panel-heading {
 color:#31708f;
 background-color:#d9edf7;
 border-color:#bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
 border-top-color:#bce8f1
}
.panel-info>.panel-heading .badge {
 color:#d9edf7;
 background-color:#31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color:#bce8f1
}
.panel-warning {
 border-color:#faebcc
}
.panel-warning>.panel-heading {
 color:#8a6d3b;
 background-color:#fcf8e3;
 border-color:#faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
 border-top-color:#faebcc
}
.panel-warning>.panel-heading .badge {
 color:#fcf8e3;
 background-color:#8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color:#faebcc
}
.panel-danger {
 border-color:#ebccd1
}
.panel-danger>.panel-heading {
 color:#a94442;
 background-color:#f2dede;
 border-color:#ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
 border-top-color:#ebccd1
}
.panel-danger>.panel-heading .badge {
 color:#f2dede;
 background-color:#a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
 border-bottom-color:#ebccd1
}
.embed-responsive {
 position:relative;
 display:block;
 height:0;
 padding:0;
 overflow:hidden
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 border:0
}
.embed-responsive.embed-responsive-16by9 {
 padding-bottom:56.25%
}
.embed-responsive.embed-responsive-4by3 {
 padding-bottom:75%
}
.close {
 float:right;
 font-size:21px;
 font-weight:bold;
 line-height:1;
 color:#000;
 text-shadow:0 1px 0 #fff;
 filter:alpha(opacity=20);
 opacity:.2
}
.close:hover,
.close:focus {
 color:#000;
 text-decoration:none;
 cursor:pointer;
 filter:alpha(opacity=50);
 opacity:.5
}
button.close {
 -webkit-appearance:none;
 padding:0;
 cursor:pointer;
 background:transparent;
 border:0
}
.modal-open {
 overflow:hidden
}
.modal {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 display:none;
 overflow:hidden;
 -webkit-overflow-scrolling:touch;
 outline:0
}
.modal.fade .modal-dialog {
 transition:transform .3s ease-out;
 transform:translate(0, -25%)
}
.modal.in .modal-dialog {
 transform:none
}
.modal-open .modal {
 overflow-x:hidden;
 overflow-y:auto
}
.modal-dialog {
 position:relative;
 width:auto;
 margin:10px
}
.modal-content {
 position:relative;
 background-color:#fff;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 border:1px solid #999;
 border:1px solid rgba(0,0,0,0.2);
 border-radius:6px;
 outline:0;
 box-shadow:0 3px 9px rgba(0,0,0,0.5)
}
.modal-backdrop {
 position:absolute;
 top:0;
 right:0;
 left:0;
 bottom:0;
 z-index:1000;
 background-color:#000
}
.modal-backdrop.fade {
 filter:alpha(opacity=0);
 opacity:0
}
.modal-backdrop.in {
 filter:alpha(opacity=50);
 opacity:.5
}
.modal-header {
 min-height:16.42857143px;
 padding:15px;
 border-bottom:1px solid #e5e5e5
}
.modal-header .close {
 margin-top:-2px
}
.modal-title {
 margin:0;
 line-height:1.42857143
}
.modal-body {
 position:relative;
 padding:15px
}
.modal-footer {
 padding:15px;
 text-align:right;
 border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn {
 margin-bottom:0;
 margin-left:5px
}
.modal-footer .btn-group .btn+.btn {
 margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
 margin-left:0
}
.modal-scrollbar-measure {
 position:absolute;
 top:-9999px;
 width:50px;
 height:50px;
 overflow:scroll
}
@media (min-width: 768px) {
 .modal-dialog {
  width:600px;
  margin:30px auto
 }
 .modal-content {
  box-shadow:0 5px 15px rgba(0,0,0,0.5)
 }
 .modal-sm {
  width:300px
 }
}
@media (min-width: 992px) {
 .modal-lg {
  width:900px
 }
}
.tooltip {
 position:absolute;
 z-index:1070;
 display:block;
 font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:12px;
 font-weight:normal;
 line-height:1.4;
 visibility:visible;
 filter:alpha(opacity=0);
 opacity:0
}
.tooltip.in {
 filter:alpha(opacity=90);
 opacity:.9
}
.tooltip.top {
 padding:5px 0;
 margin-top:-3px
}
.tooltip.right {
 padding:0 5px;
 margin-left:3px
}
.tooltip.bottom {
 padding:5px 0;
 margin-top:3px
}
.tooltip.left {
 padding:0 5px;
 margin-left:-3px
}
.tooltip-inner {
 max-width:200px;
 padding:3px 8px;
 color:#fff;
 text-align:center;
 text-decoration:none;
 background-color:#000;
 border-radius:4px
}
.tooltip-arrow {
 position:absolute;
 width:0;
 height:0;
 border-color:transparent;
 border-style:solid
}
.tooltip.top .tooltip-arrow {
 bottom:0;
 left:50%;
 margin-left:-5px;
 border-width:5px 5px 0;
 border-top-color:#000
}
.tooltip.top-left .tooltip-arrow {
 right:5px;
 bottom:0;
 margin-bottom:-5px;
 border-width:5px 5px 0;
 border-top-color:#000
}
.tooltip.top-right .tooltip-arrow {
 bottom:0;
 left:5px;
 margin-bottom:-5px;
 border-width:5px 5px 0;
 border-top-color:#000
}
.tooltip.right .tooltip-arrow {
 top:50%;
 left:0;
 margin-top:-5px;
 border-width:5px 5px 5px 0;
 border-right-color:#000
}
.tooltip.left .tooltip-arrow {
 top:50%;
 right:0;
 margin-top:-5px;
 border-width:5px 0 5px 5px;
 border-left-color:#000
}
.tooltip.bottom .tooltip-arrow {
 top:0;
 left:50%;
 margin-left:-5px;
 border-width:0 5px 5px;
 border-bottom-color:#000
}
.tooltip.bottom-left .tooltip-arrow {
 top:0;
 right:5px;
 margin-top:-5px;
 border-width:0 5px 5px;
 border-bottom-color:#000
}
.tooltip.bottom-right .tooltip-arrow {
 top:0;
 left:5px;
 margin-top:-5px;
 border-width:0 5px 5px;
 border-bottom-color:#000
}
.popover {
 position:absolute;
 top:0;
 left:0;
 z-index:1060;
 display:none;
 max-width:276px;
 padding:1px;
 font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:14px;
 font-weight:normal;
 line-height:1.42857143;
 text-align:left;
 white-space:normal;
 background-color:#fff;
 -webkit-background-clip:padding-box;
 background-clip:padding-box;
 border:1px solid #ccc;
 border:1px solid rgba(0,0,0,0.2);
 border-radius:6px;
 box-shadow:0 5px 10px rgba(0,0,0,0.2)
}
.popover.top {
 margin-top:-10px
}
.popover.right {
 margin-left:10px
}
.popover.bottom {
 margin-top:10px
}
.popover.left {
 margin-left:-10px
}
.popover-title {
 padding:8px 14px;
 margin:0;
 font-size:14px;
 background-color:#f7f7f7;
 border-bottom:1px solid #ebebeb;
 border-radius:5px 5px 0 0
}
.popover-content {
 padding:9px 14px
}
.popover>.arrow,
.popover>.arrow:after {
 position:absolute;
 display:block;
 width:0;
 height:0;
 border-color:transparent;
 border-style:solid
}
.popover>.arrow {
 border-width:11px
}
.popover>.arrow:after {
 content:"";
 border-width:10px;
 border-color:#fff
}
.popover.top>.arrow {
 bottom:-11px;
 left:50%;
 margin-left:-11px;
 border-top-color:#999;
 border-top-color:rgba(0,0,0,0.25);
 border-bottom-width:0
}
.popover.top>.arrow:after {
 bottom:1px;
 margin-left:-10px;
 content:" ";
 border-bottom-width:0;
 border-left-color:transparent !important;
 border-right-color:transparent !important
}
.popover.right>.arrow {
 top:50%;
 left:-11px;
 margin-top:-11px;
 border-right-color:#999;
 border-right-color:rgba(0,0,0,0.25);
 border-left-width:0
}
.popover.right>.arrow:after {
 bottom:-10px;
 left:1px;
 content:" ";
 border-left-width:0;
 border-top-color:transparent !important;
 border-bottom-color:transparent !important
}
.popover.bottom>.arrow {
 top:-11px;
 left:50%;
 margin-left:-11px;
 border-top-width:0;
 border-bottom-color:#999;
 border-bottom-color:rgba(0,0,0,0.25)
}
.popover.bottom>.arrow:after {
 top:1px;
 margin-left:-10px;
 content:" ";
 border-top-width:0;
 border-left-color:transparent !important;
 border-right-color:transparent !important
}
.popover.left>.arrow {
 top:50%;
 right:-11px;
 margin-top:-11px;
 border-right-width:0;
 border-left-color:#999;
 border-left-color:rgba(0,0,0,0.25)
}
.popover.left>.arrow:after {
 right:1px;
 bottom:-10px;
 content:" ";
 border-right-width:0;
 border-top-color:transparent !important;
 border-bottom-color:transparent !important
}
.carousel {
 position:relative
}
.carousel-inner {
 position:relative;
 width:100%;
 overflow:hidden
}
.carousel-inner>.item {
 position:relative;
 display:none;
 transition:.6s ease-in-out left
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
 line-height:1
}
@media all and (transform-3d),(-webkit-transform-3d) {
 .carousel-inner>.item {
  transition:transform .6s ease-in-out;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  perspective:1000
 }
 .carousel-inner>.item.next,
 .carousel-inner>.item.active.right {
  left:0;
  transform:translate3d(100%, 0, 0)
 }
 .carousel-inner>.item.prev,
 .carousel-inner>.item.active.left {
  left:0;
  transform:translate3d(-100%, 0, 0)
 }
 .carousel-inner>.item.next.left,
 .carousel-inner>.item.prev.right,
 .carousel-inner>.item.active {
  left:0;
  transform:translate3d(0, 0, 0)
 }
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
 display:block
}
.carousel-inner>.active {
 left:0
}
.carousel-inner>.next,
.carousel-inner>.prev {
 position:absolute;
 top:0;
 width:100%
}
.carousel-inner>.next {
 left:100%
}
.carousel-inner>.prev {
 left:-100%
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
 left:0
}
.carousel-inner>.active.left {
 left:-100%
}
.carousel-inner>.active.right {
 left:100%
}
.carousel-control {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 width:15%;
 font-size:20px;
 color:#fff;
 text-align:center;
 text-shadow:0 1px 2px rgba(0,0,0,0.6);
 filter:alpha(opacity=50);
 opacity:.5
}
.carousel-control.left {
 background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 background-repeat:repeat-x
}
.carousel-control.right {
 right:0;
 left:auto;
 background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 background-repeat:repeat-x
}
.carousel-control:hover,
.carousel-control:focus {
 color:#fff;
 text-decoration:none;
 filter:alpha(opacity=90);
 outline:0;
 opacity:.9
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
 position:absolute;
 top:50%;
 z-index:5;
 display:inline-block
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
 left:50%;
 margin-left:-10px
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
 right:50%;
 margin-right:-10px
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
 width:20px;
 height:20px;
 margin-top:-10px;
 font-family:serif
}
.carousel-control .icon-prev:before {
 content:'\2039'
}
.carousel-control .icon-next:before {
 content:'\203a'
}
.carousel-indicators {
 position:absolute;
 bottom:10px;
 left:50%;
 z-index:15;
 width:60%;
 padding-left:0;
 margin-left:-30%;
 text-align:center;
 list-style:none
}
.carousel-indicators li {
 display:inline-block;
 width:10px;
 height:10px;
 margin:1px;
 text-indent:-999px;
 cursor:pointer;
 background-color:#000 \9;
 background-color:rgba(0,0,0,0);
 border:1px solid #fff;
 border-radius:10px
}
.carousel-indicators .active {
 width:12px;
 height:12px;
 margin:0;
 background-color:#fff
}
.carousel-caption {
 position:absolute;
 right:15%;
 bottom:20px;
 left:15%;
 z-index:10;
 padding-top:20px;
 padding-bottom:20px;
 color:#fff;
 text-align:center;
 text-shadow:0 1px 2px rgba(0,0,0,0.6)
}
.carousel-caption .btn {
 text-shadow:none
}
@media screen and (min-width: 768px) {
 .carousel-control .glyphicon-chevron-left,
 .carousel-control .glyphicon-chevron-right,
 .carousel-control .icon-prev,
 .carousel-control .icon-next {
  width:30px;
  height:30px;
  margin-top:-15px;
  font-size:30px
 }
 .carousel-control .glyphicon-chevron-left,
 .carousel-control .icon-prev {
  margin-left:-15px
 }
 .carousel-control .glyphicon-chevron-right,
 .carousel-control .icon-next {
  margin-right:-15px
 }
 .carousel-caption {
  right:20%;
  left:20%;
  padding-bottom:30px
 }
 .carousel-indicators {
  bottom:20px
 }
}
.center-block {
 display:block;
 margin-right:auto;
 margin-left:auto
}
.pull-right {
 float:right !important
}
.pull-left {
 float:left !important
}
.hide {
 display:none !important
}
.show {
 display:block !important
}
.invisible {
 visibility:hidden
}
.text-hide {
 font:0/0 a;
 color:transparent;
 text-shadow:none;
 background-color:transparent;
 border:0
}
.hidden {
 display:none !important;
 visibility:hidden !important
}
.affix {
 position:fixed
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
 display:none !important
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
 display:none !important
}
@media (max-width: 767px) {
 .visible-xs {
  display:block !important
 }
 table.visible-xs {
  display:table
 }
 tr.visible-xs {
  display:table-row !important
 }
 th.visible-xs,
 td.visible-xs {
  display:table-cell !important
 }
}
@media (max-width: 767px) {
 .visible-xs-block {
  display:block !important
 }
}
@media (max-width: 767px) {
 .visible-xs-inline {
  display:inline !important
 }
}
@media (max-width: 767px) {
 .visible-xs-inline-block {
  display:inline-block !important
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .visible-sm {
  display:block !important
 }
 table.visible-sm {
  display:table
 }
 tr.visible-sm {
  display:table-row !important
 }
 th.visible-sm,
 td.visible-sm {
  display:table-cell !important
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .visible-sm-block {
  display:block !important
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .visible-sm-inline {
  display:inline !important
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .visible-sm-inline-block {
  display:inline-block !important
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .visible-md {
  display:block !important
 }
 table.visible-md {
  display:table
 }
 tr.visible-md {
  display:table-row !important
 }
 th.visible-md,
 td.visible-md {
  display:table-cell !important
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .visible-md-block {
  display:block !important
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .visible-md-inline {
  display:inline !important
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .visible-md-inline-block {
  display:inline-block !important
 }
}
@media (min-width: 1200px) {
 .visible-lg {
  display:block !important
 }
 table.visible-lg {
  display:table
 }
 tr.visible-lg {
  display:table-row !important
 }
 th.visible-lg,
 td.visible-lg {
  display:table-cell !important
 }
}
@media (min-width: 1200px) {
 .visible-lg-block {
  display:block !important
 }
}
@media (min-width: 1200px) {
 .visible-lg-inline {
  display:inline !important
 }
}
@media (min-width: 1200px) {
 .visible-lg-inline-block {
  display:inline-block !important
 }
}
@media (max-width: 767px) {
 .hidden-xs {
  display:none !important
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .hidden-sm {
  display:none !important
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .hidden-md {
  display:none !important
 }
}
@media (min-width: 1200px) {
 .hidden-lg {
  display:none !important
 }
}
.visible-print {
 display:none !important
}
@media print {
 .visible-print {
  display:block !important
 }
 table.visible-print {
  display:table
 }
 tr.visible-print {
  display:table-row !important
 }
 th.visible-print,
 td.visible-print {
  display:table-cell !important
 }
}
.visible-print-block {
 display:none !important
}
@media print {
 .visible-print-block {
  display:block !important
 }
}
.visible-print-inline {
 display:none !important
}
@media print {
 .visible-print-inline {
  display:inline !important
 }
}
.visible-print-inline-block {
 display:none !important
}
@media print {
 .visible-print-inline-block {
  display:inline-block !important
 }
}
@media print {
 .hidden-print {
  display:none !important
 }
}
/*! jQuery UI - v1.11.4 - 2016-06-01
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden {
 display:none
}
.ui-helper-hidden-accessible {
 border:0;
 clip:rect(0 0 0 0);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px
}
.ui-helper-reset {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 line-height:1.3;
 text-decoration:none;
 font-size:100%;
 list-style:none
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
 content:"";
 display:table;
 border-collapse:collapse
}
.ui-helper-clearfix:after {
 clear:both
}
.ui-helper-clearfix {
 min-height:0
}
.ui-helper-zfix {
 width:100%;
 height:100%;
 top:0;
 left:0;
 position:absolute;
 opacity:0;
 filter:Alpha(Opacity=0)
}
.ui-front {
 z-index:100
}
.ui-state-disabled {
 cursor:default !important
}
.ui-icon {
 display:block;
 text-indent:-99999px;
 overflow:hidden;
 background-repeat:no-repeat
}
.ui-widget-overlay {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.ui-autocomplete {
 position:absolute;
 top:0;
 left:0;
 cursor:default
}
.ui-menu {
 list-style:none;
 padding:0;
 margin:0;
 display:block;
 outline:none
}
.ui-menu .ui-menu {
 position:absolute
}
.ui-menu .ui-menu-item {
 position:relative;
 margin:0;
 padding:3px 1em 3px .4em;
 cursor:pointer;
 min-height:0;
 list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}
.ui-menu .ui-menu-divider {
 margin:5px 0;
 height:0;
 font-size:0;
 line-height:0;
 border-width:1px 0 0 0
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
 margin:-1px
}
.ui-menu-icons {
 position:relative
}
.ui-menu-icons .ui-menu-item {
 padding-left:2em
}
.ui-menu .ui-icon {
 position:absolute;
 top:0;
 bottom:0;
 left:.2em;
 margin:auto 0
}
.ui-menu .ui-menu-icon {
 left:auto;
 right:0
}
.ui-widget {
 font-family:Arial,Helvetica,sans-serif;
 font-size:1em
}
.ui-widget .ui-widget {
 font-size:1em
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
 font-family:Arial,Helvetica,sans-serif;
 font-size:1em
}
.ui-widget-content {
 border:1px solid #dddddd;
 background:#ffffff;
 color:#333333
}
.ui-widget-content a {
 color:#333333
}
.ui-widget-header {
 border:1px solid #dddddd;
 background:#e9e9e9;
 color:#333333;
 font-weight:bold
}
.ui-widget-header a {
 color:#333333
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
 border:1px solid #c5c5c5;
 background:#f6f6f6;
 font-weight:normal;
 color:#454545
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
 color:#454545;
 text-decoration:none
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
 border:1px solid #cccccc;
 background:#ededed;
 font-weight:normal;
 color:#2b2b2b
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
 color:#2b2b2b;
 text-decoration:none
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
 border:1px solid #003eff;
 background:#007fff;
 font-weight:normal;
 color:#ffffff
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
 color:#ffffff;
 text-decoration:none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
 border:1px solid #dad55e;
 background:#fffa90;
 color:#777620
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
 color:#777620
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
 border:1px solid #f1a899;
 background:#fddfdf;
 color:#5f3f3f
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
 color:#5f3f3f
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
 color:#5f3f3f
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
 font-weight:bold
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
 opacity:.7;
 filter:Alpha(Opacity=70);
 font-weight:normal
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
 opacity:.35;
 filter:Alpha(Opacity=35);
 background-image:none
}
.ui-state-disabled .ui-icon {
 filter:Alpha(Opacity=35)
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
 border-top-left-radius:3px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
 border-top-right-radius:3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
 border-bottom-left-radius:3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
 border-bottom-right-radius:3px
}
.ui-widget-overlay {
 background:#aaaaaa;
 opacity:.3;
 filter:Alpha(Opacity=30)
}
.ui-widget-shadow {
 margin:0px 0 0 0px;
 padding:5px;
 background:#666666;
 opacity:.3;
 filter:Alpha(Opacity=30);
 border-radius:8px
}
.CodeMirror {
 font-family:monospace;
 height:300px;
 color:black;
 direction:ltr
}
.CodeMirror-lines {
 padding:4px 0
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
 padding:0 4px
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
 background-color:white
}
.CodeMirror-gutters {
 border-right:1px solid #ddd;
 background-color:#f7f7f7;
 white-space:nowrap
}
.CodeMirror-linenumber {
 padding:0 3px 0 5px;
 min-width:20px;
 text-align:right;
 color:#999;
 white-space:nowrap
}
.CodeMirror-guttermarker {
 color:black
}
.CodeMirror-guttermarker-subtle {
 color:#999
}
.CodeMirror-cursor {
 border-left:1px solid black;
 border-right:none;
 width:0
}
.CodeMirror div.CodeMirror-secondarycursor {
 border-left:1px solid silver
}
.cm-fat-cursor .CodeMirror-cursor {
 width:auto;
 border:0 !important;
 background:#7e7
}
.cm-fat-cursor div.CodeMirror-cursors {
 z-index:1
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line>span::-moz-selection,
.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection {
 background:transparent
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line>span::selection,
.cm-fat-cursor .CodeMirror-line>span>span::selection {
 background:transparent
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line>span::-moz-selection,
.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection {
 background:transparent
}
.cm-fat-cursor {
 caret-color:transparent
}
@keyframes blink {
 0% {
 }
 50% {
  background-color:transparent
 }
 100% {
 }
}
.cm-tab {
 display:inline-block;
 text-decoration:inherit
}
.CodeMirror-rulers {
 position:absolute;
 left:0;
 right:0;
 top:-50px;
 bottom:0;
 overflow:hidden
}
.CodeMirror-ruler {
 border-left:1px solid #ccc;
 top:0;
 bottom:0;
 position:absolute
}
.cm-s-default .cm-header {
 color:blue
}
.cm-s-default .cm-quote {
 color:#090
}
.cm-negative {
 color:#d44
}
.cm-positive {
 color:#292
}
.cm-header,
.cm-strong {
 font-weight:bold
}
.cm-em {
 font-style:italic
}
.cm-link {
 text-decoration:underline
}
.cm-strikethrough {
 text-decoration:line-through
}
.cm-s-default .cm-keyword {
 color:#708
}
.cm-s-default .cm-atom {
 color:#219
}
.cm-s-default .cm-number {
 color:#164
}
.cm-s-default .cm-def {
 color:#00f
}
.cm-s-default .cm-variable-2 {
 color:#05a
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
 color:#085
}
.cm-s-default .cm-comment {
 color:#a50
}
.cm-s-default .cm-string {
 color:#a11
}
.cm-s-default .cm-string-2 {
 color:#f50
}
.cm-s-default .cm-meta {
 color:#555
}
.cm-s-default .cm-qualifier {
 color:#555
}
.cm-s-default .cm-builtin {
 color:#30a
}
.cm-s-default .cm-bracket {
 color:#997
}
.cm-s-default .cm-tag {
 color:#170
}
.cm-s-default .cm-attribute {
 color:#00c
}
.cm-s-default .cm-hr {
 color:#999
}
.cm-s-default .cm-link {
 color:#00c
}
.cm-s-default .cm-error {
 color:#f00
}
.cm-invalidchar {
 color:#f00
}
.CodeMirror-composing {
 border-bottom:2px solid
}
div.CodeMirror span.CodeMirror-matchingbracket {
 color:#0b0
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
 color:#a22
}
.CodeMirror-matchingtag {
 background:rgba(255,150,0,0.3)
}
.CodeMirror-activeline-background {
 background:#e8f2ff
}
.CodeMirror {
 position:relative;
 overflow:hidden;
 background:white
}
.CodeMirror-scroll {
 overflow:scroll !important;
 margin-bottom:-50px;
 margin-right:-50px;
 padding-bottom:50px;
 height:100%;
 outline:none;
 position:relative;
 z-index:0
}
.CodeMirror-sizer {
 position:relative;
 border-right:50px solid transparent
}
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
 position:absolute;
 z-index:6;
 display:none;
 outline:none
}
.CodeMirror-vscrollbar {
 right:0;
 top:0;
 overflow-x:hidden;
 overflow-y:scroll
}
.CodeMirror-hscrollbar {
 bottom:0;
 left:0;
 overflow-y:hidden;
 overflow-x:scroll
}
.CodeMirror-scrollbar-filler {
 right:0;
 bottom:0
}
.CodeMirror-gutter-filler {
 left:0;
 bottom:0
}
.CodeMirror-gutters {
 position:absolute;
 left:0;
 top:0;
 min-height:100%;
 z-index:3
}
.CodeMirror-gutter {
 white-space:normal;
 height:100%;
 display:inline-block;
 vertical-align:top;
 margin-bottom:-50px
}
.CodeMirror-gutter-wrapper {
 position:absolute;
 z-index:4;
 background:none !important;
 border:none !important
}
.CodeMirror-gutter-background {
 position:absolute;
 top:0;
 bottom:0;
 z-index:4
}
.CodeMirror-gutter-elt {
 position:absolute;
 cursor:default;
 z-index:4
}
.CodeMirror-gutter-wrapper ::-moz-selection {
 background-color:transparent
}
.CodeMirror-gutter-wrapper ::selection {
 background-color:transparent
}
.CodeMirror-gutter-wrapper ::-moz-selection {
 background-color:transparent
}
.CodeMirror-lines {
 cursor:text;
 min-height:1px
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
 border-radius:0;
 border-width:0;
 background:transparent;
 font-family:inherit;
 font-size:inherit;
 margin:0;
 white-space:pre;
 word-wrap:normal;
 line-height:inherit;
 color:inherit;
 z-index:2;
 position:relative;
 overflow:visible;
 -webkit-tap-highlight-color:transparent;
 font-variant-ligatures:contextual
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
 word-wrap:break-word;
 white-space:pre-wrap;
 word-break:normal
}
.CodeMirror-linebackground {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:0
}
.CodeMirror-linewidget {
 position:relative;
 z-index:2;
 padding:0.1px
}
.CodeMirror-rtl pre {
 direction:rtl
}
.CodeMirror-code {
 outline:none
}
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
 box-sizing:content-box
}
.CodeMirror-measure {
 position:absolute;
 width:100%;
 height:0;
 overflow:hidden;
 visibility:hidden
}
.CodeMirror-cursor {
 position:absolute;
 pointer-events:none
}
.CodeMirror-measure pre {
 position:static
}
div.CodeMirror-cursors {
 visibility:hidden;
 position:relative;
 z-index:3
}
div.CodeMirror-dragcursors {
 visibility:visible
}
.CodeMirror-focused div.CodeMirror-cursors {
 visibility:visible
}
.CodeMirror-selected {
 background:#d9d9d9
}
.CodeMirror-focused .CodeMirror-selected {
 background:#d7d4f0
}
.CodeMirror-crosshair {
 cursor:crosshair
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
 background:#d7d4f0
}
.CodeMirror-line::selection,
.CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
 background:#d7d4f0
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
 background:#d7d4f0
}
.cm-searching {
 background-color:#ffa;
 background-color:rgba(255,255,0,0.4)
}
.cm-force-border {
 padding-right:.1px
}
@media print {
 .CodeMirror div.CodeMirror-cursors {
  visibility:hidden
 }
}
.cm-tab-wrap-hack:after {
 content:''
}
span.CodeMirror-selectedtext {
 background:none
}
.CodeMirror-hints {
 position:absolute;
 z-index:1100;
 overflow:hidden;
 list-style:none;
 margin:0;
 padding:0;
 background:var(--background-tertiary);
 font-family:monospace;
 overflow-y:auto;
 box-sizing:border-box
}
.CodeMirror-hint {
 align-items:center;
 color:var(--text-inverted);
 cursor:pointer;
 display:flex;
 font-family:'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-size:14px;
 font-weight:normal;
 height:auto;
 letter-spacing:0;
 line-height:initial;
 list-style:none;
 overflow:hidden;
 padding:11px 15px;
 text-align:left;
 text-overflow:ellipsis;
 text-transform:initial;
 touch-action:manipulation;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none;
 white-space:nowrap;
 word-break:break-all
}
.CodeMirror-hint:not(:first-child) {
 box-shadow:0 1px rgba(255,255,255,0.13) inset
}
li.CodeMirror-hint-active {
 background:var(--highlight);
 color:var(--text-inverted)
}
.CodeMirror-hint kbd {
 background:none;
 border-radius:3px;
 border:1px solid var(--background-modifier-border);
 box-shadow:var(--elevation-stroke);
 color:inherit;
 display:inline-block;
 font-family:Menlo, Monaco, Consolas, "Courier New", monospace;
 font-size:12px;
 line-height:1;
 margin:0 1px;
 margin-left:7px;
 opacity:0.5;
 padding:2px 5px;
 vertical-align:baseline
}
li.CodeMirror-hint-active kbd {
 background:inherit;
 color:inherit
}
.CodeMirror-lint-markers {
 width:16px
}
.CodeMirror-lint-tooltip {
 background-color:var(--background-tertiary);
 border:1px solid var(--border);
 border-radius:3px;
 color:var(--text-inverted);
 font-family:monospace;
 font-size:10pt;
 overflow:hidden;
 padding:2px 5px;
 position:fixed;
 white-space:pre;
 white-space:pre-wrap;
 z-index:1100;
 max-width:600px;
 opacity:0;
 transition:opacity .4s;
 -moz-transition:opacity .4s;
 -webkit-transition:opacity .4s;
 -o-transition:opacity .4s;
 -ms-transition:opacity .4s
}
.CodeMirror-lint-mark {
 background-position:left bottom;
 background-repeat:repeat-x
}
.CodeMirror-lint-mark-warning {
 background-image:url("data:image/svg+xml,%3Csvg width='4px' height='3px' viewBox='0 0 4 3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FAAB00' d='M2,1.5C2,1.2,2.2,1,2.5,1C2.8,1,3,1.2,3,1.5c0,0.7,0.4,1.2,1,1.4V1.5C4,0.7,3.3,0,2.5,0S1,0.7,1,1.5 C1,1.8,0.8,2,0.5,2S0,1.8,0,1.5c0,0,0,0,0,0v1.4C0.2,3,0.3,3,0.5,3C1.3,3,2,2.3,2,1.5z'/%3E%3C/svg%3E%0A")
}
.CodeMirror-lint-mark-error {
 background-image:url("data:image/svg+xml,%3Csvg width='4px' height='3px' viewBox='0 0 4 3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23D74242' d='M2,1.5C2,1.2,2.2,1,2.5,1C2.8,1,3,1.2,3,1.5c0,0.7,0.4,1.2,1,1.4V1.5C4,0.7,3.3,0,2.5,0S1,0.7,1,1.5 C1,1.8,0.8,2,0.5,2S0,1.8,0,1.5c0,0,0,0,0,0v1.4C0.2,3,0.3,3,0.5,3C1.3,3,2,2.3,2,1.5z'/%3E%3C/svg%3E%0A")
}
.CodeMirror-lint-marker {
 background-position:center center;
 background-repeat:no-repeat;
 cursor:pointer;
 display:inline-block;
 height:16px;
 width:16px;
 vertical-align:middle;
 position:relative
}
.CodeMirror-lint-message {
 padding-left:18px;
 background-position:top left;
 background-repeat:no-repeat
}
.CodeMirror-lint-marker-warning,
.CodeMirror-lint-message-warning {
 background-image:url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FAAB00' d='M9.5,2.9l4.8,8.6c0.5,0.8,0.2,1.9-0.7,2.4 c-0.3,0.1-0.6,0.2-0.8,0.2H3.2c-1,0-1.7-0.8-1.7-1.7c0-0.3,0.1-0.6,0.2-0.8l4.8-8.6C7,2.1,8,1.8,8.8,2.2C9.1,2.4,9.4,2.6,9.5,2.9z M8,4.5c-0.5,0-0.8,0.4-0.8,0.9l0.1,3.5c0,0.5,0.4,0.9,0.9,0.9H7.8c0.5,0,0.9-0.4,0.9-0.9l0.1-3.5C8.9,4.9,8.5,4.5,8,4.5L8,4.5z M8,12.3c0.5,0,0.9-0.4,0.9-0.9S8.5,10.6,8,10.6c-0.5,0-0.9,0.4-0.9,0.9S7.5,12.3,8,12.3z'/%3E%3C/svg%3E")
}
.CodeMirror-lint-marker-error,
.CodeMirror-lint-message-error {
 background-image:url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23D74242' d='M8,14.6c-3.6,0-6.6-2.9-6.6-6.6S4.4,1.5,8,1.5s6.6,2.9,6.6,6.6 S11.6,14.6,8,14.6z M10.1,5.3L8,7.4L5.9,5.3c-0.2-0.2-0.4-0.2-0.6,0c-0.2,0.2-0.2,0.4,0,0.6L7.4,8l-2,2.1c-0.2,0.2-0.2,0.4,0,0.6 c0.2,0.2,0.4,0.2,0.6,0l2-2.1l2.1,2.1c0.2,0.2,0.4,0.2,0.6,0s0.2-0.4,0-0.6L8.6,8l2.1-2.1c0.2-0.2,0.2-0.4,0-0.6S10.2,5.2,10.1,5.3z'/%3E%3C/svg%3E")
}
.CodeMirror-lint-marker-multiple {
 background-image:url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23888888' points='9,3 7,3 7,7 3,7 3,9 7,9 7,13 9,13 9,9 13,9 13,7 9,7'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-position:right bottom;
 width:100%;
 height:100%
}
.CodeMirror-lint-line-error {
 background-color:rgba(183,76,81,0.08)
}
.CodeMirror-lint-line-warning {
 background-color:rgba(255,211,0,0.1)
}
.cm-s-zammad.CodeMirror {
 background-color:var(--background-primary);
 color:var(--text-normal);
 border:1px solid var(--border);
 border-radius:3px;
 resize:vertical
}
.cm-s-zammad .CodeMirror-gutters {
 background:var(--background-primary-alt);
 color:var(--text-muted);
 border-color:var(--border);
 margin-left:-1px
}
.cm-s-zammad .CodeMirror-cursor {
 border-left-color:var(--text-normal)
}
.cm-s-zammad .cm-header {
 color:var(--text-highlight)
}
.cm-s-zammad .cm-quote {
 color:var(--supergood-color)
}
.cm-s-zammad .cm-negative {
 color:var(--danger-color)
}
.cm-s-zammad .cm-positive {
 color:var(--supergood-color)
}
.cm-s-zammad .cm-keyword {
 color:#708
}
.cm-s-zammad .cm-atom {
 color:var(--highlight)
}
.cm-s-zammad .cm-number {
 color:var(--supergood-color)
}
.cm-s-zammad .cm-def {
 color:var(--highlight)
}
.cm-s-zammad .cm-variable,
.cm-s-zammad .cm-punctuation,
.cm-s-zammad .cm-property,
.cm-s-zammad .cm-operator {
 color:var(--text-normal)
}
.cm-s-zammad .cm-variable-2 {
 color:var(--highlight)
}
.cm-s-zammad .cm-variable-3,
.cm-s-zammad .cm-type,
.cm-s-zammad .cm-json {
 color:var(--supergood-color)
}
.cm-s-zammad .cm-comment {
 color:var(--ghost-color)
}
.cm-s-zammad .cm-string {
 color:var(--ok-color)
}
.cm-s-zammad .cm-string-2 {
 color:var(--good-color)
}
.cm-s-zammad .cm-meta {
 color:var(--text-muted)
}
.cm-s-zammad .cm-qualifier {
 color:var(--text-muted)
}
.cm-s-zammad .cm-builtin {
 color:#30a
}
.cm-s-zammad .cm-bracket {
 color:var(--good-color)
}
.cm-s-zammad .cm-tag {
 color:var(--supergood-color)
}
.cm-s-zammad .cm-attribute {
 color:var(--highlight)
}
.cm-s-zammad .cm-hr {
 color:var(--pending-color)
}
.cm-s-zammad .cm-link {
 color:var(--text-link)
}
.cm-s-zammad .cm-error {
 color:var(--danger-color)
}
.cm-s-zammad .cm-invalidchar {
 color:var(--danger-color)
}
.cm-s-zammad .CodeMirror-line::-moz-selection,
.cm-s-zammad .CodeMirror-line>span::-moz-selection,
.cm-s-zammad .CodeMirror-line>span>span::-moz-selection {
 background:var(--interactive-muted)
}
.cm-s-zammad .CodeMirror-line::selection,
.cm-s-zammad .CodeMirror-line>span::selection,
.cm-s-zammad .CodeMirror-line>span>span::selection {
 background:var(--interactive-muted)
}
.cm-s-zammad .CodeMirror-line::-moz-selection,
.cm-s-zammad .CodeMirror-line>span::-moz-selection,
.cm-s-zammad .CodeMirror-line>span>span::-moz-selection {
 background:var(--interactive-muted)
}
.cm-s-zammad div.CodeMirror-selected {
 background:var(--interactive-muted)
}
/*!
 * Cropper v1.0.0-rc.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2015 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2015-09-05T04:29:22.355Z
 */.cropper-container {
 position:relative;
 overflow:hidden;
 font-size:0;
 line-height:0;
 touch-action:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none;
 direction:ltr !important;
 -webkit-tap-highlight-color:transparent;
 -webkit-touch-callout:none
}
.cropper-container img {
 display:block;
 width:100%;
 min-width:0 !important;
 max-width:none !important;
 height:100%;
 min-height:0 !important;
 max-height:none !important;
 image-orientation:0deg !important
}
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0
}
.cropper-drag-box {
 background-color:#fff;
 filter:alpha(opacity=0);
 opacity:0
}
.cropper-modal {
 background-color:#000;
 filter:alpha(opacity=50);
 opacity:.5
}
.cropper-view-box {
 display:block;
 width:100%;
 height:100%;
 overflow:hidden;
 outline:1px solid #69f;
 outline-color:rgba(102,153,255,0.75)
}
.cropper-dashed {
 position:absolute;
 display:block;
 filter:alpha(opacity=50);
 border:0 dashed #eee;
 opacity:.5
}
.cropper-dashed.dashed-h {
 top:33.33333%;
 left:0;
 width:100%;
 height:33.33333%;
 border-top-width:1px;
 border-bottom-width:1px
}
.cropper-dashed.dashed-v {
 top:0;
 left:33.33333%;
 width:33.33333%;
 height:100%;
 border-right-width:1px;
 border-left-width:1px
}
.cropper-center {
 position:absolute;
 top:50%;
 left:50%;
 display:block;
 width:0;
 height:0;
 filter:alpha(opacity=75);
 opacity:.75
}
.cropper-center:before,
.cropper-center:after {
 position:absolute;
 display:block;
 content:" ";
 background-color:#eee
}
.cropper-center:before {
 top:0;
 left:-3px;
 width:7px;
 height:1px
}
.cropper-center:after {
 top:-3px;
 left:0;
 width:1px;
 height:7px
}
.cropper-face,
.cropper-line,
.cropper-point {
 position:absolute;
 display:block;
 width:100%;
 height:100%;
 filter:alpha(opacity=10);
 opacity:.1
}
.cropper-face {
 top:0;
 left:0;
 background-color:#fff
}
.cropper-line {
 background-color:#69f
}
.cropper-line.line-e {
 top:0;
 right:-3px;
 width:5px;
 cursor:e-resize
}
.cropper-line.line-n {
 top:-3px;
 left:0;
 height:5px;
 cursor:n-resize
}
.cropper-line.line-w {
 top:0;
 left:-3px;
 width:5px;
 cursor:w-resize
}
.cropper-line.line-s {
 bottom:-3px;
 left:0;
 height:5px;
 cursor:s-resize
}
.cropper-point {
 width:5px;
 height:5px;
 background-color:#69f;
 filter:alpha(opacity=75);
 opacity:.75
}
.cropper-point.point-e {
 top:50%;
 right:-3px;
 margin-top:-3px;
 cursor:e-resize
}
.cropper-point.point-n {
 top:-3px;
 left:50%;
 margin-left:-3px;
 cursor:n-resize
}
.cropper-point.point-w {
 top:50%;
 left:-3px;
 margin-top:-3px;
 cursor:w-resize
}
.cropper-point.point-s {
 bottom:-3px;
 left:50%;
 margin-left:-3px;
 cursor:s-resize
}
.cropper-point.point-ne {
 top:-3px;
 right:-3px;
 cursor:ne-resize
}
.cropper-point.point-nw {
 top:-3px;
 left:-3px;
 cursor:nw-resize
}
.cropper-point.point-sw {
 bottom:-3px;
 left:-3px;
 cursor:sw-resize
}
.cropper-point.point-se {
 right:-3px;
 bottom:-3px;
 width:20px;
 height:20px;
 cursor:se-resize;
 filter:alpha(opacity=100);
 opacity:1
}
.cropper-point.point-se:before {
 position:absolute;
 right:-50%;
 bottom:-50%;
 display:block;
 width:200%;
 height:200%;
 content:" ";
 background-color:#69f;
 filter:alpha(opacity=0);
 opacity:0
}
@media (min-width: 768px) {
 .cropper-point.point-se {
  width:15px;
  height:15px
 }
}
@media (min-width: 992px) {
 .cropper-point.point-se {
  width:10px;
  height:10px
 }
}
@media (min-width: 1200px) {
 .cropper-point.point-se {
  width:5px;
  height:5px;
  filter:alpha(opacity=75);
  opacity:.75
 }
}
.cropper-bg {
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}
.cropper-invisible {
 filter:alpha(opacity=0);
 opacity:0
}
.cropper-hide {
 position:absolute;
 display:block;
 width:0;
 height:0
}
.cropper-hidden {
 display:none !important
}
.cropper-move {
 cursor:move
}
.cropper-crop {
 cursor:crosshair
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
 cursor:not-allowed
}
.qq-uploader {
 position:relative;
 width:100%
}
.qq-upload-button {
 display:block;
 width:105px;
 padding:7px 0;
 text-align:center
}
.qq-upload-button-focus {
 outline:1px dotted #000000
}
.qq-upload-drop-area,
.qq-upload-extra-drop-area {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 min-height:30px;
 z-index:2;
 text-align:center
}
.qq-upload-drop-area span {
 display:block;
 position:absolute;
 top:50%;
 width:100%;
 margin-top:-8px
}
.qq-upload-extra-drop-area {
 position:relative;
 margin-top:50px;
 padding-top:30px;
 height:20px;
 min-height:40px
}
.qq-upload-drop-area-active {
 background:#FF7171
}
.qq-upload-list {
 margin:0;
 padding:0;
 list-style:none
}
.qq-upload-list li {
 margin:0;
 padding:9px;
 line-height:15px;
 font-size:16px;
 background-color:#FFF0BD
}
.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-retry,
.qq-upload-failed-text,
.qq-upload-finished {
 margin-right:12px
}
.qq-upload-spinner {
 display:inline-block;
 background:url(/loading.gif);
 width:15px;
 height:15px;
 vertical-align:text-bottom
}
.qq-upload-finished {
 display:none;
 width:15px;
 height:15px;
 vertical-align:text-bottom
}
.qq-upload-retry {
 display:none;
 color:#000000
}
.qq-upload-cancel {
 color:#000000
}
.qq-upload-retryable .qq-upload-retry {
 display:inline
}
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-retry {
 font-size:12px;
 font-weight:normal
}
.qq-upload-failed-text {
 display:none;
 font-style:italic;
 font-weight:bold
}
.qq-upload-failed-icon {
 display:none;
 width:15px;
 height:15px;
 vertical-align:text-bottom
}
.qq-upload-fail .qq-upload-failed-text {
 display:inline
}
.qq-upload-retrying .qq-upload-failed-text {
 display:inline;
 color:#D60000
}
.qq-upload-list li.qq-upload-success {
 background-color:#5DA30C;
 color:#FFFFFF
}
.qq-upload-list li.qq-upload-fail {
 background-color:#D60000;
 color:#FFFFFF
}
.qq-progress-bar {
 background:linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
 width:0%;
 height:15px;
 border-radius:6px;
 margin-bottom:3px;
 display:none
}
@font-face {
 font-family:'Fira Sans';
 src:url(/assets/fonts/FiraSans-Bold.eot);
 src:url(/assets/fonts/FiraSans-Bold.woff2) format("woff2"),
 url(/assets/fonts/FiraSans-Bold.woff) format("woff"),
 url(/assets/fonts/FiraSans-Bold.ttf) format("truetype");
 font-weight:bold;
 font-style:normal
}
@font-face {
 font-family:'Fira Sans';
 src:url(/assets/fonts/FiraSans-Regular.eot);
 src:url(/assets/fonts/FiraSans-Regular.woff2) format("woff2"),
 url(/assets/fonts/FiraSans-Regular.woff) format("woff"),
 url(/assets/fonts/FiraSans-Regular.ttf) format("truetype");
 font-weight:normal;
 font-style:normal
}
@font-face {
 font-family:'Fira Sans';
 src:url(/assets/fonts/FiraSans-Medium.eot);
 src:url(/assets/fonts/FiraSans-Medium.woff2) format("woff2"),
 url(/assets/fonts/FiraSans-Medium.woff) format("woff"),
 url(/assets/fonts/FiraSans-Medium.ttf) format("truetype");
 font-weight:500;
 font-style:normal
}
@font-face {
 font-family:'Fira Sans';
 src:url(/assets/fonts/FiraSans-Light.eot);
 src:url(/assets/fonts/FiraSans-Light.woff2) format("woff2"),
 url(/assets/fonts/FiraSans-Light.woff) format("woff"),
 url(/assets/fonts/FiraSans-Light.ttf) format("truetype");
 font-weight:300;
 font-style:normal
}
.icon-archived-modifier {
 width:9px;
 height:9px
}
.icon-arrow-down {
 width:13px;
 height:7px
}
.icon-arrow-left {
 width:7px;
 height:13px
}
.icon-arrow-right {
 width:7px;
 height:13px
}
.icon-arrow-up {
 width:13px;
 height:7px
}
.icon-bold {
 width:12px;
 height:12px
}
.icon-chain {
 width:16px;
 height:16px
}
.icon-chat {
 width:24px;
 height:24px
}
.icon-checkbox-checked {
 width:11px;
 height:11px
}
.icon-checkbox-indeterminate {
 width:11px;
 height:11px
}
.icon-checkbox {
 width:11px;
 height:11px
}
.icon-checkmark {
 width:16px;
 height:14px
}
.icon-clipboard {
 width:16px;
 height:16px
}
.icon-clock {
 width:16px;
 height:16px
}
.icon-cloud {
 width:16px;
 height:16px
}
.icon-cog {
 width:20px;
 height:20px
}
.icon-crown {
 width:62px;
 height:27px
}
.icon-danger {
 width:16px;
 height:16px
}
.icon-dashboard {
 width:24px;
 height:24px
}
.icon-diagonal-cross {
 width:13px;
 height:13px
}
.icon-document {
 width:16px;
 height:16px
}
.icon-double-arrow-left {
 width:12.2px;
 height:13px
}
.icon-double-arrow-right {
 width:12.2px;
 height:13px
}
.icon-download {
 width:14px;
 height:13px
}
.icon-draft-modifier {
 width:9px;
 height:9px
}
.icon-draggable {
 width:16px;
 height:16px
}
.icon-dropdown-list {
 width:19px;
 height:14px
}
.icon-email-button {
 width:29px;
 height:24px
}
.icon-email {
 width:17px;
 height:17px
}
.icon-external {
 width:16px;
 height:16px
}
.icon-eye {
 width:24px;
 height:24px
}
.icon-eyedropper {
 width:17px;
 height:17px
}
.icon-facebook-button {
 width:29px;
 height:24px
}
.icon-facebook {
 width:17px;
 height:17px
}
.icon-file-archive {
 width:24px;
 height:31px
}
.icon-file-calendar {
 width:24px;
 height:31px
}
.icon-file-code {
 width:24px;
 height:31px
}
.icon-file-email {
 width:24px;
 height:31px
}
.icon-file-excel {
 width:24px;
 height:31px
}
.icon-file-jpg {
 width:24px;
 height:31px
}
.icon-file-pdf {
 width:24px;
 height:31px
}
.icon-file-png {
 width:24px;
 height:31px
}
.icon-file-powerpoint {
 width:24px;
 height:31px
}
.icon-file-svg {
 width:24px;
 height:31px
}
.icon-file-text {
 width:24px;
 height:31px
}
.icon-file-unknown {
 width:24px;
 height:31px
}
.icon-file-word {
 width:24px;
 height:31px
}
.icon-form {
 width:17px;
 height:17px
}
.icon-forward {
 width:16px;
 height:17px
}
.icon-full-logo {
 width:175px;
 height:50px
}
.icon-github-button {
 width:29px;
 height:24px
}
.icon-github-logo {
 width:24px;
 height:24px
}
.icon-gitlab-button {
 width:29px;
 height:24px
}
.icon-gitlab-logo {
 width:24px;
 height:24px
}
.icon-google-button {
 width:29px;
 height:24px
}
.icon-group {
 width:24px;
 height:24px
}
.icon-hashtag {
 width:28px;
 height:28px
}
.icon-help {
 width:16px;
 height:16px
}
.icon-horizontal-rule {
 width:12px;
 height:12px
}
.icon-important {
 width:16px;
 height:16px
}
.icon-in-process {
 width:64px;
 height:64px
}
.icon-inactive-organization {
 width:16px;
 height:16px
}
.icon-inactive-user {
 width:16px;
 height:16px
}
.icon-info {
 width:5px;
 height:11px
}
.icon-internal-modifier {
 width:9px;
 height:9px
}
.icon-italic {
 width:12px;
 height:12px
}
.icon-knowledge-base-answer {
 width:16px;
 height:16px
}
.icon-knowledge-base {
 width:24px;
 height:24px
}
.icon-line-left-arrow {
 width:34px;
 height:7px
}
.icon-line-right-arrow {
 width:34px;
 height:7px
}
.icon-linkedin-button {
 width:29px;
 height:24px
}
.icon-list {
 width:16px;
 height:16px
}
.icon-loading {
 width:16px;
 height:16px
}
.icon-lock-open {
 width:16px;
 height:17px
}
.icon-lock {
 width:16px;
 height:17px
}
.icon-logo {
 width:42px;
 height:36px
}
.icon-logotype {
 width:91px;
 height:15px
}
.icon-long-arrow-down {
 width:11px;
 height:11px
}
.icon-long-arrow-right {
 width:11px;
 height:11px
}
.icon-low-priority {
 width:16px;
 height:16px
}
.icon-magnifier {
 width:15px;
 height:15px
}
.icon-marker {
 width:17px;
 height:19px
}
.icon-message {
 width:24px;
 height:24px
}
.icon-microsoft-button {
 width:29px;
 height:24px
}
.icon-minus-small {
 width:16px;
 height:16px
}
.icon-minus {
 width:20px;
 height:20px
}
.icon-mobile-edit {
 width:9px;
 height:14px
}
.icon-mobile {
 width:9px;
 height:14px
}
.icon-mood-bad {
 width:60px;
 height:59px
}
.icon-mood-good {
 width:60px;
 height:59px
}
.icon-mood-ok {
 width:60px;
 height:59px
}
.icon-mood-sad {
 width:60px;
 height:59px
}
.icon-mood-superbad {
 width:60px;
 height:59px
}
.icon-mood-supergood {
 width:60px;
 height:59px
}
.icon-mute {
 width:16px;
 height:16px
}
.icon-not-signed {
 width:14px;
 height:14px
}
.icon-note {
 width:16px;
 height:16px
}
.icon-oauth2-button {
 width:29px;
 height:24px
}
.icon-one-ticket {
 width:48px;
 height:10px
}
.icon-organization {
 width:16px;
 height:16px
}
.icon-outbound-calls {
 width:17px;
 height:17px
}
.icon-overflow-button {
 width:3px;
 height:13px
}
.icon-overviews {
 width:24px;
 height:24px
}
.icon-package {
 width:16px;
 height:16px
}
.icon-paperclip {
 width:28px;
 height:28px
}
.icon-pen {
 width:16px;
 height:16px
}
.icon-person {
 width:24px;
 height:24px
}
.icon-phone {
 width:17px;
 height:17px
}
.icon-plus-small {
 width:16px;
 height:16px
}
.icon-plus {
 width:20px;
 height:20px
}
.icon-printer {
 width:24px;
 height:24px
}
.icon-radio-checked {
 width:11px;
 height:11px
}
.icon-radio {
 width:11px;
 height:11px
}
.icon-rearange {
 width:16px;
 height:16px
}
.icon-received-calls {
 width:17px;
 height:17px
}
.icon-reload {
 width:16px;
 height:16px
}
.icon-reopening {
 width:68px;
 height:47px
}
.icon-reply-all {
 width:16px;
 height:17px
}
.icon-reply {
 width:16px;
 height:17px
}
.icon-report {
 width:20px;
 height:20px
}
.icon-rss {
 width:16px;
 height:16px
}
.icon-saml-button {
 width:29px;
 height:24px
}
.icon-searchdetail {
 width:18px;
 height:14px
}
.icon-signed {
 width:14px;
 height:14px
}
.icon-signout {
 width:15px;
 height:19px
}
.icon-small-dot {
 width:16px;
 height:16px
}
.icon-sms {
 width:17px;
 height:17px
}
.icon-spinner-small {
 width:15px;
 height:15px
}
.icon-split {
 width:16px;
 height:17px
}
.icon-sso-button {
 width:29px;
 height:24px
}
.icon-status-modified-outer-circle {
 width:16px;
 height:16px
}
.icon-status {
 width:16px;
 height:16px
}
.icon-stopwatch {
 width:77px;
 height:83px
}
.icon-strikethrough {
 width:12px;
 height:12px
}
.icon-subclause-small {
 width:16px;
 height:16px
}
.icon-switchView {
 width:19px;
 height:18px
}
.icon-task-state {
 width:16px;
 height:16px
}
.icon-team {
 width:16px;
 height:16px
}
.icon-telegram {
 width:17px;
 height:17px
}
.icon-templates {
 width:24px;
 height:24px
}
.icon-tools {
 width:24px;
 height:24px
}
.icon-total-tickets {
 width:48px;
 height:83px
}
.icon-trash {
 width:16px;
 height:16px
}
.icon-twitter-button {
 width:29px;
 height:24px
}
.icon-twitter {
 width:17px;
 height:17px
}
.icon-underline {
 width:12px;
 height:12px
}
.icon-unmute {
 width:16px;
 height:16px
}
.icon-unordered-list {
 width:12px;
 height:12px
}
.icon-user {
 width:16px;
 height:16px
}
.icon-web {
 width:17px;
 height:17px
}
.icon-weibo-button {
 width:29px;
 height:24px
}
.icon-zoom-in {
 width:20px;
 height:20px
}
.icon-zoom-out {
 width:20px;
 height:20px
}
.hljs {
 display:block;
 overflow-x:auto;
 padding:0.5em;
 color:#333;
 background:#f8f8f8;
 -webkit-text-size-adjust:none;
 -moz-text-size-adjust:none;
 text-size-adjust:none
}
.hljs-comment,
.diff .hljs-header {
 color:#998;
 font-style:italic
}
.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
 color:#333;
 font-weight:bold
}
.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
 color:#008080
}
.hljs-string,
.hljs-tag .hljs-value,
.hljs-doctag,
.tex .hljs-formula {
 color:#d14
}
.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
 color:#900;
 font-weight:bold
}
.hljs-list .hljs-keyword,
.hljs-subst {
 font-weight:normal
}
.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
 color:#458;
 font-weight:bold
}
.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rule .hljs-property,
.django .hljs-tag .hljs-keyword {
 color:#000080;
 font-weight:normal
}
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.hljs-name {
 color:#008080
}
.hljs-regexp {
 color:#009926
}
.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
 color:#990073
}
.hljs-built_in {
 color:#0086b3
}
.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
 color:#999;
 font-weight:bold
}
.hljs-deletion {
 background:#fdd
}
.hljs-addition {
 background:#dfd
}
.diff .hljs-change {
 background:#0086b3
}
.hljs-chunk {
 color:#aaa
}
.enableObjectResizingShim {
 box-shadow:0 0 0 1px black;
 position:relative;
 display:inline-block !important;
 vertical-align:top
}
.enableObjectResizingShim-handle {
 position:absolute;
 width:20px;
 height:20px;
 margin:-10px;
 left:0;
 top:0;
 cursor:nwse-resize;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.enableObjectResizingShim-handle:after {
 content:"";
 position:absolute;
 left:6px;
 top:6px;
 width:8px;
 height:8px;
 background:white;
 border:1px solid black
}
.enableObjectResizingShim-handle:hover:after {
 background:black
}
.enableObjectResizingShim-handle:nth-child(2) {
 left:100%;
 cursor:nesw-resize
}
.enableObjectResizingShim-handle:nth-child(3) {
 left:100%;
 top:100%
}
.enableObjectResizingShim-handle:nth-child(4) {
 top:100%;
 cursor:nesw-resize
}
.enableObjectResizingShim-clone {
 position:absolute;
 width:100%;
 height:auto;
 opacity:0.5;
 border:1px dashed black
}
.enableObjectResizingShim-clone--0 {
 right:0;
 bottom:0
}
.enableObjectResizingShim-clone--1 {
 left:0;
 bottom:0
}
.enableObjectResizingShim-clone--2 {
 left:0;
 top:0
}
.enableObjectResizingShim-clone--3 {
 top:0;
 right:0
}
:root {
 --button-action-color: hsl(0, 0%, 60%);
 --button-background: white;
 --button-background-active: hsl(0, 0, 98%);
 --button-active: hsl(204, 7%, 28%);
 --button-active-active: hsla(0, 0%, 0%, 0.55);
 --button-primary-background: hsl(203, 65%, 55%);
 --button-primary-background-active: hsl(203, 65%, 45%);
 --header-primary: hsl(202, 8%, 28%);
 --header-secondary: hsl(198, 10%, 69%);
 --text-normal: hsl(60, 1%, 34%);
 --text-muted: hsl(213, 3%, 64%);
 --text-muted-highlight: hsl(205, 90%, 90%);
 --text-muted-alt: hsl(197, 16%, 65%);
 --text-link: hsl(204, 72%, 50%);
 --text-inverted: white;
 --text-nav: hsl(204, 72%, 50%);
 --menu-text: hsl(0, 0%, 74%);
 --menu-icon: hsl(206, 5%, 42%);
 --nav-icon: hsl(0, 0%, 50%);
 --highlight: hsl(205, 90%, 60%);
 --interactive-primary: black;
 --interactive-muted: hsl(210, 3%, 71%);
 --interactive-muted-active: hsl(210, 4%, 71%);
 --interactive-muted-alt: hsl(197, 19%, 78%);
 --interactive-muted-alt-selected: hsl(206, 7%, 37%);
 --background-primary: hsl(210, 17%, 98%);
 --background-primary-alt: hsl(197, 16%, 94%);
 --background-secondary: white;
 --background-secondary-hover: hsl(239, 4%, 95%);
 --background-tertiary: hsl(233, 9%, 19%);
 --background-quaternary: hsl(231, 9%, 16%);
 --background-quaternary-alt: hsl(228, 17%, 91%);
 --background-popover: white;
 --background-active: hsl(233, 9%, 19%);
 --background-highlight: hsl(200, 100%, 91%);
 --background-article-meta: hsl(212, 14%, 99%);
 --background-article-customer: hsl(201, 46%, 93%);
 --background-article-customer-meta: hsl(201, 43%, 96%);
 --background-modifier-accent: hsla(0, 0%, 0%, 0.04);
 --background-modifier-accent-light: hsla(0, 0%, 0%, 0.02);
 --background-modifier-accent-dark: hsla(0, 0%, 0%, 0.3);
 --background-modifier-lighter: hsla(0, 0%, 100%, 0.06);
 --background-modifier-border: hsla(0, 0%, 0%, 0.1);
 --background-modifier-hover: hsla(240, 3%, 50%, 0.1);
 --backdrop-clue-start: hsla(202, 68%, 54%, 0.1);
 --backdrop-clue-end: hsla(202, 68%, 54%, 0.9);
 --border: hsl(0, 0%, 90%);
 --border-alt: hsl(198, 18%, 86%);
 --border-highlight: hsl(200, 71%, 59%);
 --border-internal: hsl(18, 91%, 89%);
 --border-internal-stripe: hsl(18, 94%, 95%);
 --border-article-customer: hsl(199, 38%, 90%);
 --border-article-customer-selected: hsl(199, 44%, 85%);
 --shadow-highlight: hsl(201, 62%, 90%);
 --supergood-color: hsl(145, 51%, 45%);
 --good-color: hsl(62, 45%, 46%);
 --ok-color: hsl(41, 100%, 49%);
 --bad-color: hsl(30, 93%, 50%);
 --superbad-color: hsl(19, 90%, 51%);
 --ghost-color: hsl(0, 0%, 74%);
 --danger-color: hsl(0, 65%, 55%);
 --pending-color: hsl(206, 7%, 28%);
 --elevation-stroke: 0 1px hsl(210, 7%, 94%);
 --elevation-low: 0 1px 5px hsla(205, 30%, 30%, 0.1);
 --elevation-high: 0 1px 14px hsla(208, 95%, 3%, 0.25);
 --highlighter-yellow: hsl(48, 81%, 82%);
 --highlighter-green: hsl(105, 54%, 80%);
 --highlighter-blue: hsl(207, 92%, 85%);
 --highlighter-pink: hsl(338, 90%, 82%);
 --highlighter-purple: hsl(288, 62%, 86%);
 --file-icon-background: white;
 --file-icon-color: hsl(198, 18%, 86%);
 --tag-text: hsl(198, 5%, 41%);
 --tag-background: hsl(198, 19%, 92%)
}
[data-theme='dark'] {
 --button-action-color: hsl(0, 0%, 80%);
 --button-background: hsla(0, 0%, 100%, 0.03);
 --button-background-active: hsla(0, 0%, 100%, 0.015);
 --button-active: hsla(0, 0%, 100%, 0.1);
 --button-active-active: hsla(0, 0%, 100%, 0.08);
 --header-primary: white;
 --header-secondary: hsl(198, 5%, 73%);
 --text-normal: hsl(205, 1%, 86%);
 --text-muted: hsl(213, 3%, 60%);
 --text-muted-alt: hsl(213, 8%, 61%);
 --text-link: hsl(202, 72%, 50%);
 --text-inverted: white;
 --text-nav: hsl(205, 1%, 84%);
 --nav-icon: hsl(0, 0%, 50%);
 --highlight: hsl(205, 90%, 60%);
 --interactive-primary: white;
 --interactive-muted: hsl(213, 3%, 64%);
 --interactive-muted-active: hsl(213, 3%, 35%);
 --interactive-muted-alt: hsl(209, 5%, 35%);
 --interactive-muted-alt-selected: hsl(205, 4%, 75%);
 --background-primary: hsl(230, 5%, 19%);
 --background-primary-alt: hsl(230, 5%, 21%);
 --background-secondary: hsl(230, 5%, 23%);
 --background-secondary-hover: hsl(230, 5%, 20%);
 --background-tertiary: hsl(230, 7%, 17%);
 --background-quaternary: hsl(230, 7%, 13%);
 --background-quaternary-alt: hsl(230, 4%, 30%);
 --background-popover: hsl(216, 3%, 30%);
 --background-active: var(--highlight);
 --background-highlight: hsl(205, 30%, 27%);
 --background-article-meta: hsl(230, 7%, 25%);
 --background-article-customer: hsl(218, 8%, 32%);
 --background-article-customer-meta: hsl(218, 6%, 30%);
 --background-modifier-accent: hsla(0, 0%, 0%, 0.12);
 --background-modifier-accent-light: hsla(0, 0%, 0%, 0.06);
 --background-modifier-accent-dark: hsla(0, 0%, 0%, 0.3);
 --background-modifier-lighter: hsla(0, 0%, 100%, 0.08);
 --background-modifier-border: hsla(0, 0%, 0%, 0.17);
 --background-modifier-hover: hsla(230, 5%, 36%, 0.4);
 --backdrop-clue-start: hsla(202, 68%, 54%, 0.1);
 --backdrop-clue-end: hsla(202, 68%, 54%, 0.9);
 --border: hsl(230, 4%, 17%);
 --border-alt: hsl(230, 7%, 18%);
 --border-highlight: hsl(205, 70%, 50%);
 --border-internal: hsl(18, 30%, 39%);
 --border-internal-stripe: hsl(18, 30%, 30%);
 --border-article-customer: hsl(209, 6%, 30%);
 --border-article-customer-selected: hsl(199, 10%, 33%);
 --shadow-highlight: hsl(205, 42%, 36%);
 --supergood-color: hsl(145, 51%, 45%);
 --good-color: hsl(62, 45%, 46%);
 --ok-color: hsl(41, 100%, 49%);
 --bad-color: hsl(30, 93%, 50%);
 --superbad-color: hsl(19, 90%, 51%);
 --ghost-color: hsl(0, 0%, 50%);
 --danger-color: hsl(0, 82%, 59%);
 --pending-color: hsl(205, 1%, 44%);
 --elevation-stroke: 0 1px hsla(0, 0%, 0%, 0.13);
 --elevation-low: 0 1px 5px hsla(0, 0%, 0%, 0.15);
 --elevation-high: 0 1px 14px hsla(0, 0%, 0%, 0.25);
 --highlighter-yellow: hsl(48, 34%, 30%);
 --highlighter-green: hsl(105, 34%, 27%);
 --highlighter-blue: hsl(207, 41%, 30%);
 --highlighter-pink: hsl(338, 28%, 30%);
 --highlighter-purple: hsl(288, 22%, 36%);
 --file-icon-background: hsl(216, 5%, 77%);
 --file-icon-color: hsl(230, 7%, 21%);
 --tag-text: var(--text-normal);
 --tag-background: hsl(230, 5%, 32%)
}
.miller-columns .column-item--has-children,
.columnSelect-search-clear,
.columnSelect-option,
.chat-message img,
.chat-scroll-hint,
.chat-disconnect,
.chat-close,
.datepicker .today,
.datepicker .clear,
.datepicker .day:not(.disabled),
.datepicker .month:not(.disabled),
.datepicker .year:not(.disabled),
.datepicker .next,
.datepicker .prev,
.datepicker .datepicker-switch,
.select-box .select-value,
.settings-list .settings-list-controls .settings-list-control,
.filter-control,
.zammad-switch label,
.zammad-switch .select-box .select-box-header,
.select-box .zammad-switch .select-box-header,
.fileUpload input,
.dropdown li,
.dropup li,
.token .close,
.token-close,
.attachment--row .attachment-delete,
.activity-remove,
.empty-search,
.menu-item,
.color-swatch,
.auth-provider,
.primary-email-switch+label,
.select-box .primary-email-switch+.select-box-header,
.label-text,
.table-column-head,
.status-field--arrow,
.status-field.is-active,
.btn--dropdown select,
.btn,
.u-clickable,
.settings-list .settings-list-action-cell,
.avatar-holder .avatar-delete,
.avatar--new,
.avatar-holder .avatar,
.import-source,
.recipientList-controls,
.recipientList-controls:hover,
.recipientList-entry,
.dropdown.dropdown--actions .dropdown-controls,
.dropdown.dropdown--actions a,
.dropdown-toggle,
.modal-close,
.list-item-delete,
.tabsSidebar-tab,
.tabsSidebar-close,
.sidebar-header-headline,
.attachmentUpload-cancel,
.attachment--preview .attachment-delete,
.pop-selectable,
.editControls-item,
.article-action,
.user-popover,
.ticket-popover,
.organization-popover,
.user-menu .list-button,
.search .logo,
.nav-tab-close,
.nav-tab,
.tableOverview-edit,
.tab,
.formGroup-bookmark,
.formGroup-label .formGroup-metaControl,
.checkbox-replacement,
.radio-replacement {
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none;
 touch-action:manipulation
}
html {
 height:100%
}
body {
 font-family:'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-weight:normal;
 font-variant-ligatures:none;
 line-height:1.45;
 background:var(--background-primary);
 height:100%;
 color:var(--text-normal);
 word-wrap:break-word;
 overflow-wrap:break-word;
 display:flex;
 flex-direction:column
}
use {
 pointer-events:none
}
p {
 margin:12px 0
}
p.subtle {
 color:var(--text-muted)
}
p.description {
 color:var(--text-muted)
}
h3+.description {
 margin-top:0
}
strong {
 font-weight:500
}
hr {
 border-top-color:var(--background-modifier-border)
}
.inherit-color {
 color:inherit
}
.text-muted {
 color:var(--text-muted)
}
.text-placeholder {
 color:var(--interactive-muted)
}
.text-small {
 font-size:12px
}
.u-highlight,
.profile-subtitle,
.attachmentPlaceholder-inputHolder,
.attachment--row .attachment-name,
.attachment--preview .attachment-name,
.tasks--standalone .name,
.tableOverview-edit,
a {
 color:var(--text-link)
}
.u-dontfold {
 flex-shrink:0
}
.u-invisible {
 opacity:0;
 pointer-events:none;
 position:absolute !important
}
[data-dir='ltr'] {
 direction:ltr
}
[data-dir='rtl'] {
 direction:rtl
}
a {
 outline:none !important
}
a.is-disabled,
a[disabled] {
 pointer-events:none;
 cursor:not-allowed !important;
 opacity:0.33
}
a.create {
 color:#38ad69;
 text-decoration:underline
}
small {
 color:var(--text-muted);
 font-size:12px
}
blockquote {
 font-size:inherit
}
ol,
ul {
 -webkit-padding-start:20px;
 padding-inline-start:20px
}
#app {
 display:flex;
 flex:1;
 min-width:1024px;
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
#app.navigation-collapsed #app {
 min-width:auto;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
@media screen and (max-width: 767px) {
 #app {
  min-width:auto;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%
 }
}
.u-unclickable,
.camera-flash,
.form-control+.icon-arrow-down,
.dropdown-arrow {
 pointer-events:none
}
.u-unselectable {
 pointer-events:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.u-no-userselect {
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.u-textTruncate,
.miller-columns .column-item span,
.knowledge-base-article-nav-link-title,
.breadcrumb,
.channelList-label>*,
.scrollPageHeader h1,
.scrollPageHeader .popover-notificationsHeader .popover-title,
.popover-notificationsHeader .scrollPageHeader .popover-title,
.scrollPageHeader .ticket-title-update,
.userList .userList-name,
.recipientList-name,
.sidebar-header-headline,
.article-attachment,
.activity-placeholder,
.stat-detail,
.stat-label,
.popover .user-organization,
.nav-pills.nav-stacked .nav-pills-placeholder,
.nav-pills>li>a,
.nav-pills>li>a:focus,
.nav-pills>li>a:active,
.nav-pills .nav-pills-placeholder,
.tasks--standalone .name,
.table th:not(.noTruncate) .table-column-title,
.table td:not(.noTruncate) {
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.u-positionOrigin {
 position:relative
}
.u-inlineBlock {
 display:inline-block
}
.u-inlinePad {
 margin:0 5px
}
.u-notAllowed {
 cursor:not-allowed
}
.u-overflow-wrap {
 word-break:break-word
}
@supports (overflow-wrap: anywhere) {
 .u-overflow-wrap {
  overflow-wrap:anywhere;
  word-break:unset
 }
}
.zIndex-1,
.batch-overlay {
 z-index:100
}
.zIndex-2 {
 z-index:200
}
.zIndex-3,
.search .logo {
 z-index:300
}
.zIndex-4,
.editControls-item {
 z-index:400
}
.zIndex-5,
.scrollPageHeader,
.dropdown-backdrop,
.nav-tab-icon .icon.icon-loading {
 z-index:500
}
.zIndex-6,
.dropdown-menu {
 z-index:600
}
.zIndex-7,
.popover,
.global-search-menu {
 z-index:700
}
.zIndex-8 {
 z-index:800
}
.zIndex-9,
#notify {
 z-index:900
}
.zIndex-10,
.batch-dragger,
.popover--notifications {
 z-index:1000
}
.zIndex-11,
.modal.modal--local,
.modal-dialog,
.modal,
.ui-autocomplete.ui-widget-content,
.modal--clue .modal-spacer,
.selected-clue {
 z-index:1100
}
.clickCatcher {
 top:0;
 left:0;
 width:100%;
 height:100%;
 position:absolute;
 cursor:default
}
.debug .clickCatcher {
 background:rgba(255,0,0,0.13)
}
.debug .clickCatcher+.clickCatcher {
 background:rgba(255,213,0,0.13)
}
.clearfix::after,
.form-controls::after,
fieldset::after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:' ';
 clear:both;
 height:0
}
.clearfix,
.form-controls,
fieldset {
 display:inline-block
}
* html .clearfix,
* html .form-controls,
* html fieldset {
 height:1%
}
.clearfix,
.form-controls,
fieldset {
 display:block
}
[contenteditable] {
 display:block;
 outline-style:none;
 border-radius:3px;
 min-height:10px;
 min-width:20px
}
[contenteditable]:hover,
[contenteditable]:focus {
 background:var(--background-primary)
}
[contenteditable]:focus {
 text-overflow:clip !important
}
.invalid[contenteditable] {
 background:#f92
}
[contenteditable]>.placeholder {
 color:var(--text-muted)
}
[contenteditable] p {
 margin:0
}
.Medium-placeholder {
 position:relative
}
.close,
.close:hover {
 float:none;
 opacity:1
}
#app>nav {
 position:relative;
 z-index:1
}
code {
 background:var(--background-modifier-accent);
 border-radius:3px;
 -webkit-box-decoration-break:clone;
 box-decoration-break:clone
}
code,
.hljs {
 padding:2px 4px;
 font-size:0.88em
}
.hljs {
 background:none
}
[data-theme='dark'] .hljs {
 filter:invert(1)
}
pre code.hljs {
 font-size:1em
}
pre {
 display:block;
 padding:9.5px;
 margin:0 0 20px;
 font-size:13px;
 line-height:1.42857143;
 word-break:break-all;
 word-wrap:break-word;
 background:var(--background-secondary);
 border:1px solid var(--border);
 border-radius:3px
}
.modal-content pre {
 background:var(--background-modifier-accent);
 border-color:var(--background-modifier-border)
}
pre code {
 padding:0;
 font-size:inherit;
 color:inherit;
 white-space:pre-wrap;
 background:none;
 border-radius:0;
 border:none;
 overflow-x:auto
}
pre code.hljs {
 padding:0;
 background:none
}
.textarea::-moz-placeholder,
.form-control::-moz-placeholder,
.token-input::-moz-placeholder {
 color:var(--ghost-color)
}
.textarea::placeholder,
.form-control::placeholder,
.token-input::placeholder,
.u-placeholder {
 color:var(--ghost-color)
}
.btn {
 display:inline-block;
 font-size:14px;
 padding:10px 24px 9px;
 color:var(--text-normal);
 background:var(--button-background);
 border:1px solid var(--border);
 outline:none !important;
 border-radius:4px;
 text-align:center;
 white-space:nowrap;
 vertical-align:middle;
 text-decoration:none
}
#app.navigation-collapsed .btn {
 padding-left:12px;
 padding-right:12px
}
@media screen and (max-width: 767px) {
 .btn {
  padding-left:12px;
  padding-right:12px
 }
}
.btn .icon {
 vertical-align:middle;
 margin-top:-2px;
 margin-right:5px;
 margin-left:-2px;
 flex-shrink:0
}
html[dir='rtl'] .btn .icon {
 margin-right:5px;
 margin-right:-2px
}
html[dir='rtl'] .btn .icon {
 margin-right:-2px;
 margin-left:5px
}
.btn .icon.icon-arrow-up {
 margin-top:-3px
}
.btn span {
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 display:block
}
.btn--only-icon .icon,
.btn--icon-only .icon {
 margin-left:0 !important;
 margin-right:0 !important
}
.btn--icon--last .icon {
 margin-left:5px
}
html[dir='rtl'] .btn--icon--last .icon {
 margin-right:5px;
 margin-left:0
}
.btn:focus {
 box-shadow:0 0 0 3px var(--shadow-highlight)
}
.btn--small {
 padding-top:5px;
 padding-bottom:4px
}
.btn--small.btn--quad {
 padding:4px 5px
}
.btn--slim {
 padding-left:12px;
 padding-right:12px
}
.btn--fullWidth {
 width:100%;
 text-align:center;
 justify-content:center
}
.btn.is-disabled,
.btn[disabled],
.btn:disabled {
 pointer-events:none;
 cursor:not-allowed;
 opacity:0.33
}
.btn:active {
 box-shadow:none;
 background:var(--button-background-active)
}
.btn--capitalized {
 text-transform:capitalize
}
.btn--action {
 text-transform:uppercase;
 color:var(--button-action-color);
 font-size:12px;
 letter-spacing:0.05em;
 height:31px;
 padding:0 11px !important;
 display:inline-flex;
 align-items:center;
 min-width:0
}
html[dir='ltr'] .btn--action .icon {
 margin:-2px 5px 0 -2px
}
html[dir='rtl'] .btn--action .icon {
 margin:-2px -2px 0 5px
}
.btn--action .icon:only-child {
 margin:0 !important
}
.btn--action.btn--slim {
 padding-left:7px !important;
 padding-right:7px !important
}
.btn--action.btn--slim .btn-label {
 margin-left:0
}
html[dir='rtl'] .btn--action.btn--slim .btn-label {
 margin-right:0;
 margin-left:0
}
.btn--action.btn--slim.btn--small {
 padding-left:5px !important;
 padding-right:5px !important
}
.btn--action.btn--small {
 height:26px;
 font-size:11px;
 padding-left:8px !important;
 padding-right:8px !important
}
.btn-active-icon {
 display:none
}
.btn--active {
 background:var(--button-active);
 color:var(--text-inverted)
}
.btn--active:active {
 background:var(--button-active-active)
}
.btn--active .btn-inactive-icon {
 display:none
}
.btn--active .btn-active-icon {
 display:inline
}
.btn--onDark {
 background:var(--background-modifier-lighter);
 border-color:var(--background-modifier-accent-dark);
 color:var(--text-inverted)
}
.btn--onDark .icon {
 opacity:1
}
.btn--primary {
 color:var(--text-inverted);
 background:var(--button-primary-background)
}
.btn--primary:active {
 background:var(--button-primary-background-active)
}
.btn--primary .icon {
 opacity:1;
 fill:currentColor
}
.btn--secondary {
 color:var(--button-primary-background)
}
.btn--positive,
.btn--create,
.btn--success {
 color:var(--text-inverted);
 background:#38ad69
}
.btn--positive:active,
.btn--create:active,
.btn--success:active {
 background:#2c8752
}
.btn--positive.btn--secondary,
.btn--create.btn--secondary,
.btn--success.btn--secondary {
 background:var(--background-secondary);
 color:#38ad69
}
.btn--positive.btn--secondary:active,
.btn--create.btn--secondary:active,
.btn--success.btn--secondary:active {
 background:var(--button-background-active)
}
.btn--positive.btn--text,
.btn--create.btn--text,
.btn--success.btn--text {
 color:var(--supergood-color)
}
.btn--danger {
 color:var(--text-inverted);
 background:var(--danger-color)
}
.btn--danger:active {
 background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)),linear-gradient(var(--danger-color), var(--danger-color))
}
.btn--danger.btn--secondary {
 background:var(--background-secondary);
 color:var(--danger-color)
}
.btn--danger.btn--secondary:active {
 background:var(--button-background-active)
}
.btn--text {
 display:inline-flex;
 align-items:center;
 font-size:inherit;
 margin:-10px;
 padding:10px;
 color:var(--button-primary-background);
 border:none;
 background:none;
 vertical-align:baseline;
 text-align:start
}
.table .btn--text {
 margin:0;
 min-height:38px
}
.btn--text.no-padding {
 padding:0;
 margin:0;
 min-height:auto
}
.btn--text .icon {
 opacity:1;
 margin-left:-2px;
 margin-right:6px;
 width:16px;
 max-height:16px;
 -o-object-fit:contain;
 object-fit:contain
}
html[dir='rtl'] .btn--text .icon {
 margin-right:-2px;
 margin-left:6px
}
html[dir='rtl'] .btn--text .icon {
 margin-right:6px;
 margin-right:-2px
}
.btn--text.btn--icon--last .icon {
 margin-left:6px;
 margin-right:-2px
}
html[dir='rtl'] .btn--text.btn--icon--last .icon {
 margin-right:6px;
 margin-left:-2px
}
html[dir='rtl'] .btn--text.btn--icon--last .icon {
 margin-right:-2px;
 margin-right:6px
}
.btn--text:active {
 color:var(--button-primary-background-active);
 background:none
}
.btn--text.btn--secondary {
 color:var(--interactive-muted);
 text-decoration:underline
}
.btn--text.btn--secondary:active {
 opacity:0.75
}
.btn--text.btn--positive {
 color:#38ad69
}
.btn--text.btn--positive:active {
 color:#257446;
 background:none
}
.btn--text.btn--danger {
 color:var(--danger-color)
}
.btn--text.btn--danger:active {
 color:#a82424;
 background:none
}
.btn--text.btn--subtle {
 text-decoration:underline;
 color:var(--interactive-muted)
}
.btn--text.btn--subtle:active {
 opacity:0.75
}
.btn--text.space-left {
 margin-left:0
}
html[dir='rtl'] .btn--text.space-left {
 margin-right:0;
 margin-left:-10px
}
.btn--text.space-right {
 margin-right:0
}
html[dir='rtl'] .btn--text.space-right {
 margin-left:0;
 margin-right:-10px
}
.btn--large.btn--text {
 margin:0
}
.btn--quad {
 padding:10px 12px 9px
}
.btn--quad .icon {
 margin:-1px
}
.btn--split--first {
 border-radius:3px 0 0 3px
}
html[dir='rtl'] .btn--split--first {
 border-radius:3px 0 0 3px;
 border-radius:0 3px 3px 0
}
.btn--split,
.btn--split--last {
 border-radius:0;
 border-left-width:0
}
html[dir='rtl'] .btn--split,
html[dir='rtl'] .btn--split--last {
 border-right-width:0;
 border-left-width:1px
}
html[dir='ltr'] .btn--split,
html[dir='ltr'] .btn--split--last {
 margin-left:0 !important
}
html[dir='rtl'] .btn--split,
html[dir='rtl'] .btn--split--last {
 margin-right:0 !important
}
.btn--split .icon,
.btn--split--last .icon {
 margin-left:2px !important;
 margin-right:2px !important
}
.btn--split--last {
 border-radius:0 3px 3px 0
}
html[dir='rtl'] .btn--split--last {
 border-radius:0 3px 3px 0;
 border-radius:3px 0 0 3px
}
.btn--dropdown {
 position:relative
}
.btn--dropdown select {
 opacity:0;
 width:100%;
 height:100%;
 left:0;
 top:0;
 position:absolute
}
.btn+.btn,
.btn+.buttonDropdown,
.buttonDropdown+.buttonDropdown {
 margin-left:10px
}
html[dir='rtl'] .btn+.btn,
html[dir='rtl'] .btn+.buttonDropdown,
html[dir='rtl'] .buttonDropdown+.buttonDropdown {
 margin-right:10px;
 margin-left:0
}
.btn+.btn.align-right {
 margin-left:auto
}
html[dir='rtl'] .btn+.btn.align-right {
 margin-right:auto;
 margin-left:0
}
.btn.align-right~.btn {
 margin-left:15px
}
html[dir='rtl'] .btn.align-right~.btn {
 margin-right:15px;
 margin-left:0
}
.vertical>.btn:not(.hidden)+.btn {
 margin-left:0;
 margin-top:10px
}
html[dir='rtl'] .vertical>.btn:not(.hidden)+.btn {
 margin-right:0;
 margin-left:0
}
.vertical>.btn:not(.hidden)+.btn--text {
 margin-left:-10px;
 margin-top:0
}
html[dir='rtl'] .vertical>.btn:not(.hidden)+.btn--text {
 margin-right:-10px;
 margin-left:-10px
}
.btn--download .icon-download {
 margin-right:6px;
 margin-top:4px;
 margin-left:-10px;
 vertical-align:top;
 fill:var(--text-inverted)
}
html[dir='rtl'] .btn--download .icon-download {
 margin-right:-10px
}
html[dir='rtl'] .btn--download .icon-download {
 margin-left:6px
}
.btn-label {
 margin-left:7px
}
html[dir='rtl'] .btn-label {
 margin-right:7px;
 margin-left:0
}
.btn-show-all[aria-expanded='false'] [data-show='collapsed'],
.btn-show-all[aria-expanded='true'] [data-show='open'] {
 display:none
}
.btn-show-all .icon {
 margin-left:0;
 margin-right:0
}
.visibility-change [data-visible='active'],
.visibility-change [data-visible='hover'] {
 display:none
}
.visibility-change.is-active [data-visible='active'] {
 display:block
}
.visibility-change.is-active [data-visible='active']~[data-visible='normal'] {
 display:none
}
.visibility-change:hover [data-visible='hover'] {
 display:block
}
.visibility-change:hover [data-visible='hover']~[data-visible='normal'] {
 display:none
}
.btn-group {
 display:inline-flex;
 flex-wrap:wrap
}
.btn-group--full {
 display:flex
}
.btn-group+.btn-group {
 margin-top:10px;
 padding-top:10px;
 border-top:1px solid var(--border)
}
.btn-group .btn:not(:first-child) {
 border-top-left-radius:0;
 border-bottom-left-radius:0
}
.btn-group .btn:not(:last-child) {
 border-top-right-radius:0;
 border-bottom-right-radius:0;
 border-right-width:0
}
.btn-group .btn+.btn {
 margin-left:0
}
html[dir='rtl'] .btn-group .btn+.btn {
 margin-right:0;
 margin-left:10px
}
.btn-group .btn--text {
 padding:6px 10px 5px;
 display:inline-block;
 border-radius:3px
}
.btn-group .btn--text.is-selected {
 background:var(--button-primary-background);
 color:var(--text-inverted)
}
.buttonDropdown {
 display:flex;
 align-items:center;
 position:relative;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.buttonDropdown .dropdown-menu {
 margin-bottom:0
}
.buttonDropdown.is-open .dropdown-menu {
 display:block
}
.buttonDropdown .btn--text {
 padding-left:13px;
 padding-right:13px
}
.buttonDropdown .dropdown-menu-accessories {
 cursor:pointer
}
.buttonDropdown .dropdown-menu-accessories:focus {
 outline:none
}
.buttonDropdown .dropdown-menu-accessories:focus .dropdown-menu {
 display:block
}
.buttonDropdown .dropdown-menu-accessories:focus .btn--split--last {
 box-shadow:0 0 0 3px var(--shadow-highlight);
 pointer-events:initial
}
.buttonDropdown .dropdown-menu-accessories .btn--split--last {
 pointer-events:none
}
.buttonDropdown .dropdown-menu-accessories .btn--split--last:focus {
 box-shadow:none;
 pointer-events:none
}
.buttonDropdown .dropdown-menu-accessories .btn--split--last:active {
 background-color:#429ed7
}
html[dir='rtl'] .dropdown-menu-right {
 right:auto
}
html[dir='rtl'] .dropdown-menu-right {
 left:0
}
html[dir='rtl'] .dropdown-menu-left {
 left:auto
}
html[dir='rtl'] .dropdown-menu-left {
 right:0
}
.status-fields {
 display:flex;
 max-width:100%
}
#app.navigation-collapsed .status-fields {
 display:block
}
@media screen and (max-width: 767px) {
 .status-fields {
  display:block
 }
}
.status-fields .dropdown li {
 display:flex;
 align-items:center;
 padding:0 10px
}
.status-fields .dropdown-menu .status-badge {
 margin-left:10px
}
.status-fields .dropdown-menu .badge {
 margin-top:-2px;
 margin-right:7px;
 background:rgba(0,0,0,0.5)
}
.status-field {
 border:1px solid var(--border);
 background:var(--button-background);
 display:flex;
 height:34px;
 flex-shrink:1;
 min-width:20px;
 padding:5px 0;
 align-items:center;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
#app.navigation-collapsed .status-field {
 border-bottom-width:0
}
@media screen and (max-width: 767px) {
 .status-field {
  border-bottom-width:0
 }
}
.status-field.is-active {
 background:var(--button-primary-background);
 color:var(--text-inverted);
 border-color:var(--button-primary-background-active);
 box-shadow:1px 0 var(--button-primary-background-active);
 position:relative
}
.status-field.is-active .icon {
 fill:currentColor;
 opacity:1
}
.status-field:not(:last-child,
:only-child) {
 border-right-width:0
}
html[dir='rtl'] .status-field:not(:last-child,
:only-child) {
 border-left-width:0;
 border-right-width:1px
}
#app.navigation-collapsed .status-field:not(:last-child,
:only-child) {
 border-right-width:1px !important
}
@media screen and (max-width: 767px) {
 .status-field:not(:last-child,
 :only-child) {
  border-right-width:1px !important
 }
}
.status-field:first-child {
 border-radius:5px 0 0 5px
}
html[dir='rtl'] .status-field:first-child {
 border-radius:0 5px 5px 0
}
#app.navigation-collapsed .status-field:first-child {
 border-radius:5px 5px 0 0 !important
}
.dropdown #app.navigation-collapsed .status-field:first-child {
 flex:1;
 border-top-right-radius:0 !important;
 border-right-width:0 !important
}
@media screen and (max-width: 767px) {
 .status-field:first-child {
  border-radius:5px 5px 0 0 !important
 }
 .dropdown .status-field:first-child {
  flex:1;
  border-top-right-radius:0 !important;
  border-right-width:0 !important
 }
}
.dropdown.open .status-field:first-child {
 border-radius:5px 0 0
}
html[dir='rtl'] .dropdown.open .status-field:first-child {
 border-radius:0 5px 0 0
}
#app.navigation-collapsed .dropdown.open .status-field:first-child {
 border-radius:5px 0 0 !important
}
@media screen and (max-width: 767px) {
 .dropdown.open .status-field:first-child {
  border-radius:5px 0 0 !important
 }
}
.status-field:last-child {
 border-radius:0 5px 5px 0
}
html[dir='rtl'] .status-field:last-child {
 border-radius:5px 0 0 5px
}
#app.navigation-collapsed .status-field:last-child {
 border-radius:0 0 5px 5px !important;
 border-bottom-width:1px
}
@media screen and (max-width: 767px) {
 .status-field:last-child {
  border-radius:0 0 5px 5px !important;
  border-bottom-width:1px
 }
}
.status-field:only-child {
 border-radius:5px
}
#app.navigation-collapsed .status-field:only-child {
 border-radius:5px !important
}
@media screen and (max-width: 767px) {
 .status-field:only-child {
  border-radius:5px !important
 }
}
.status-field .badge {
 margin:0 7px 0 10px;
 background:rgba(13,26,38,0.24)
}
html[dir='rtl'] .status-field .badge {
 margin:0 7px 0 10px;
 margin:0 10px 0 7px
}
.status-field .status-badge {
 width:32px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 align-self:stretch
}
.status-field--arrow {
 border-left:none;
 width:34px;
 justify-content:center
}
#app.navigation-collapsed .status-field--arrow {
 border-top-right-radius:5px !important
}
@media screen and (max-width: 767px) {
 .status-field--arrow {
  border-top-right-radius:5px !important
 }
}
.status-field--spacer {
 padding-left:16px;
 padding-right:2px
}
.status-badge {
 display:inline-block
}
.info-badge {
 fill:currentColor;
 padding:3px 6px 1px;
 line-height:12px;
 opacity:0.5;
 position:relative
}
.info-badge::after {
 content:'';
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 border:1px solid currentColor;
 opacity:0.5;
 border-radius:100%
}
@keyframes pulsate {
 to {
  filter:brightness(1.2)
 }
}
.badge {
 display:inline-block;
 min-width:18px;
 padding:3px 5px;
 font-size:12px;
 font-weight:500;
 line-height:1;
 color:var(--text-inverted);
 text-align:center;
 white-space:nowrap;
 vertical-align:top;
 border-radius:9px;
 background:var(--border-alt);
 margin-right:3px;
 flex-shrink:0
}
html[dir='rtl'] .badge {
 margin-left:3px;
 margin-right:0
}
.badge:empty {
 display:none
}
.badge.badge--big {
 min-width:22px;
 font-size:14px;
 border-radius:11px;
 padding:5px 7px 3px
}
.badge.badge--text {
 min-width:0;
 padding:0;
 margin-right:0;
 margin-right:0;
 font-size:inherit;
 font-weight:inherit;
 text-align:inherit;
 line-height:inherit;
 color:var(--text-muted);
 background:none;
 border-radius:0;
 vertical-align:baseline
}
html[dir='rtl'] .badge.badge--text {
 margin-left:0;
 margin-right:0
}
.key-value td:first-child {
 padding-right:10px;
 color:var(--text-muted)
}
html[dir='rtl'] .key-value td:first-child {
 padding-left:10px;
 padding-right:0
}
table {
 table-layout:fixed
}
.table {
 display:table
}
.table small {
 color:inherit
}
.table-icon {
 max-width:20px;
 max-height:20px;
 -o-object-fit:contain;
 object-fit:contain;
 vertical-align:middle;
 fill:rgba(0,0,0,0.3)
}
.table-buttons {
 padding-top:0 !important;
 padding-bottom:0 !important;
 height:38px;
 display:flex;
 align-items:center;
 justify-content:flex-end;
 text-align:right
}
.table--light {
 color:var(--text-muted)
}
.table-fluid {
 table-layout:auto
}
.table .table-row {
 display:table-row
}
.table.table--placeholder th {
 text-align:center
}
.table.table--placeholder td {
 height:40px
}
.table.table--placeholder>thead>tr>th {
 background:var(--background-modifier-accent)
}
.table>thead>tr>th {
 padding:12px 9px 10px;
 border-bottom:none;
 border-top:1px solid #ececec;
 background:var(--background-primary-alt);
 color:var(--text-normal);
 font-weight:normal;
 font-size:12px;
 text-transform:uppercase;
 letter-spacing:0.05em;
 position:relative;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.table-column-head {
 display:flex
}
.table-column-head-unclickable {
 cursor:default
}
.table-column-sortIcon {
 margin-left:auto
}
html[dir='rtl'] .table-column-sortIcon {
 margin-right:auto;
 margin-left:0
}
th.align-right .table-column-title {
 margin-left:auto
}
html[dir='rtl'] th.align-right .table-column-title {
 margin-right:auto;
 margin-left:0
}
th.align-right .table-column-sortIcon {
 margin-left:0
}
html[dir='rtl'] th.align-right .table-column-sortIcon {
 margin-right:0;
 margin-left:0
}
.table-striped>tbody>tr:nth-child(2n + 1) {
 background-color:var(--background-secondary)
}
.table>tbody>tr>td {
 padding:10px 10px 8px;
 border-color:var(--background-modifier-accent)
}
.table>tbody>tr>td.no-side-padding {
 padding-left:0;
 padding-right:0;
 text-align:center
}
.table>tbody>tr.u-center>td {
 vertical-align:middle
}
.table-hover>tbody>tr:hover,
.table-hover>tbody>tr.is-hover {
 background:var(--background-secondary)
}
.table-hover-in-modal>tbody>tr:hover>td {
 background-color:var(--background-primary)
}
.table-hover>tbody>tr:hover>th {
 background:rgba(0,8,14,0.015)
}
.table-col-resize {
 position:absolute;
 right:0;
 top:0;
 height:100%;
 cursor:col-resize;
 padding:10px;
 margin-right:-10px;
 z-index:1
}
html[dir='rtl'] .table-col-resize {
 left:0;
 right:auto
}
html[dir='rtl'] .table-col-resize {
 margin-left:-10px;
 margin-right:0
}
.table-col-resize::after {
 content:'';
 display:block;
 width:1px;
 height:100%;
 background:var(--border)
}
.table>thead:first-child>tr:first-child>th.no-padding,
.table>thead>tr>th.no-padding,
.table>tbody>tr>td.no-padding {
 padding:0
}
.table tr.is-inactive,
.table tr td span.is-inactive {
 color:var(--text-muted);
 text-decoration:line-through
}
.table tr.is-inactive a,
.table tr td span.is-inactive a {
 color:inherit
}
.table tr.is-grayed-out {
 color:var(--text-muted)
}
.table tr.is-grayed-out .icon,
.table tr.is-grayed-out .btn span {
 opacity:0.33
}
.table tr.is-grayed-out .avatar {
 opacity:0.5
}
.table tr.is-grayed-out .avatar--unique {
 background:var(--background-secondary-hover);
 text-shadow:none;
 opacity:initial
}
td .icon {
 vertical-align:middle;
 margin-top:-3px
}
td .icon-draggable,
td .icon-trash {
 vertical-align:middle
}
td .prefix-icon>.icon {
 vertical-align:top
}
.table-checkbox,
.table-radio {
 padding:0 !important
}
.table-checkbox .icon,
.table-radio .icon {
 margin-top:0
}
.table .table-sort-arrow {
 opacity:1;
 width:8px;
 height:8px;
 margin-left:3px;
 margin-top:-2px;
 vertical-align:middle
}
html[dir='rtl'] .table .table-sort-arrow {
 margin-right:3px;
 margin-left:0
}
.item--high-priority a {
 color:#e15151
}
.item--low-priority a {
 color:#8bcae9
}
.checkbox-list {
 list-style:none;
 margin-bottom:15px;
 padding:3px 12px;
 font-size:14px;
 line-height:25px;
 color:var(--text-normal);
 background:var(--background-secondary);
 border:1px solid var(--border);
 border-radius:3px
}
.checkbox-replacement,
.radio-replacement {
 padding:0;
 margin:0;
 display:flex;
 align-items:center;
 justify-content:center;
 position:relative
}
.checkbox-replacement>.icon,
.radio-replacement>.icon {
 vertical-align:middle;
 margin-top:-2px;
 fill:var(--button-background)
}
[data-theme='dark'] .checkbox-replacement>.icon,
[data-theme='dark'] .radio-replacement>.icon {
 fill:transparent
}
.checkbox-replacement .icon-checked,
.radio-replacement .icon-checked {
 color:var(--interactive-primary)
}
.checkbox-replacement .icon-unchecked,
.radio-replacement .icon-unchecked {
 color:var(--text-muted)
}
.checkbox-replacement .icon-indeterminate,
.radio-replacement .icon-indeterminate {
 display:none;
 color:var(--text-muted)
}
.checkbox-replacement.is-disabled,
.radio-replacement.is-disabled {
 cursor:not-allowed
}
.checkbox-replacement.checkbox-replacement--fullscreen,
.checkbox-replacement.radio-replacement--fullscreen,
.radio-replacement.checkbox-replacement--fullscreen,
.radio-replacement.radio-replacement--fullscreen {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
.checkbox-replacement.checkbox-replacement--inline,
.checkbox-replacement.radio-replacement--inline,
.radio-replacement.checkbox-replacement--inline,
.radio-replacement.radio-replacement--inline {
 display:inline-flex;
 margin-right:3px
}
html[dir='rtl'] .checkbox-replacement.checkbox-replacement--inline,
html[dir='rtl'] .checkbox-replacement.radio-replacement--inline,
html[dir='rtl'] .radio-replacement.checkbox-replacement--inline,
html[dir='rtl'] .radio-replacement.radio-replacement--inline {
 margin-left:3px;
 margin-right:0
}
.checkbox-replacement input[type='checkbox'],
.checkbox-replacement input[type='radio'],
.radio-replacement input[type='checkbox'],
.radio-replacement input[type='radio'] {
 position:absolute;
 opacity:0;
 cursor:pointer
}
.checkbox-replacement input[type='checkbox']:disabled,
.checkbox-replacement input[type='radio']:disabled,
.radio-replacement input[type='checkbox']:disabled,
.radio-replacement input[type='radio']:disabled {
 cursor:not-allowed
}
.checkbox-replacement input[type='checkbox']:disabled~.icon,
.checkbox-replacement input[type='radio']:disabled~.icon,
.radio-replacement input[type='checkbox']:disabled~.icon,
.radio-replacement input[type='radio']:disabled~.icon {
 opacity:0.33;
 fill:none
}
.checkbox-replacement input[type='checkbox']:not(:checked)~.icon-checked,
.checkbox-replacement input[type='checkbox']:checked~.icon-unchecked,
.checkbox-replacement input[type='radio']:not(:checked)~.icon-checked,
.checkbox-replacement input[type='radio']:checked~.icon-unchecked,
.radio-replacement input[type='checkbox']:not(:checked)~.icon-checked,
.radio-replacement input[type='checkbox']:checked~.icon-unchecked,
.radio-replacement input[type='radio']:not(:checked)~.icon-checked,
.radio-replacement input[type='radio']:checked~.icon-unchecked {
 display:none
}
.checkbox-replacement input[type='checkbox']:focus:not(.is-active)~.icon-checked,
.checkbox-replacement input[type='checkbox']:focus:not(.is-active)~.icon-unchecked,
.checkbox-replacement input[type='radio']:focus:not(.is-active)~.icon-checked,
.checkbox-replacement input[type='radio']:focus:not(.is-active)~.icon-unchecked,
.radio-replacement input[type='checkbox']:focus:not(.is-active)~.icon-checked,
.radio-replacement input[type='checkbox']:focus:not(.is-active)~.icon-unchecked,
.radio-replacement input[type='radio']:focus:not(.is-active)~.icon-checked,
.radio-replacement input[type='radio']:focus:not(.is-active)~.icon-unchecked {
 box-shadow:0 0 0 2px var(--border-highlight),0 0 0 3px var(--shadow-highlight)
}
.checkbox-replacement+.label-text,
.radio-replacement+.label-text {
 margin-left:0
}
html[dir='rtl'] .checkbox-replacement+.label-text,
html[dir='rtl'] .radio-replacement+.label-text {
 margin-right:0;
 margin-left:3px
}
.checkbox-replacement:indeterminate~.icon-checked,
.checkbox-replacement:indeterminate~.icon-unchecked {
 display:none
}
.checkbox-replacement:indeterminate~.icon-indeterminate {
 display:block
}
.radio-replacement input:focus~.icon-checked,
.radio-replacement input:focus~.icon-unchecked {
 border-radius:100%
}
.radio-replacement>.icon {
 margin-top:-3px
}
.table .checkbox-replacement,
.table .radio-replacement {
 height:40px;
 width:40px
}
.table .checkbox-replacement.checkbox-replacement--fullscreen,
.table .radio-replacement.checkbox-replacement--fullscreen {
 width:100%;
 height:100%
}
.table-overview tbody .icon-checkbox,
.table-overview tbody .icon-radio,
.table-overview tbody .icon-checkbox-checked,
.table-overview tbody .icon-radio-checked {
 fill:transparent
}
.table .table-cell {
 vertical-align:top;
 display:table-cell;
 border-bottom:1px solid var(--background-primary-alt)
}
.hero-two {
 width:100%
}
.hero-two .hero-left {
 width:50%;
 float:left
}
.hero-two .hero-right {
 width:50%;
 float:right
}
.max-size-scroll {
 max-height:240px;
 overflow-y:scroll
}
h1,
.ticket-title-update,
.popover-notificationsHeader .popover-title,
h2,
h3,
h4,
h5,
h6 {
 font-weight:normal;
 color:var(--header-primary)
}
h1,
.ticket-title-update,
.popover-notificationsHeader .popover-title {
 font-size:24px;
 line-height:30px
}
h2,
h2.popover-title {
 font-size:20px;
 line-height:25px
}
h3 {
 font-size:16px;
 margin:20px 0 8px;
 font-weight:normal
}
h3 .subtitle {
 display:inline;
 font-size:12px;
 text-transform:none;
 color:var(--text-muted);
 letter-spacing:initial
}
h4 {
 font-size:13px;
 text-transform:uppercase
}
h5 {
 font-size:13px;
 font-weight:bold
}
label,
.select-box .select-box-header,
.checkbox.form-group label,
.label {
 text-transform:uppercase;
 color:var(--text-muted);
 display:block;
 font-size:13px;
 font-weight:normal;
 letter-spacing:0.05em;
 margin-bottom:4px;
 text-align:start;
 padding:0
}
label.input-group-addon,
.select-box .input-group-addon.select-box-header,
.checkbox.form-group label.input-group-addon,
.label.input-group-addon {
 color:var(--text-muted)
}
h2 label,
h2 .select-box .select-box-header,
.select-box h2 .select-box-header,
h2 .checkbox.form-group label,
h2 .label {
 color:inherit !important;
 font-size:inherit;
 font-weight:inherit;
 letter-spacing:0;
 margin-bottom:0;
 padding:0 !important;
 text-transform:inherit
}
.inline-label,
.label-success,
.label-warning,
.label-danger {
 font-size:inherit;
 font-weight:inherit;
 text-align:inherit;
 color:inherit;
 letter-spacing:0;
 margin:0;
 text-transform:none;
 display:inline
}
table .inline-label,
table .label-success,
table .label-warning,
table .label-danger {
 white-space:nowrap
}
.label-text {
 margin-left:3px
}
html[dir='rtl'] .label-text {
 margin-right:3px;
 margin-left:0
}
.label-success,
.label-warning,
.label-danger {
 background:none
}
.label-success {
 color:var(--supergood-color)
}
.label-highlight {
 color:var(--highlight)
}
.label-warning {
 color:var(--ok-color)
}
.label-danger {
 color:var(--superbad-color)
}
.label-subtle,
.nav-pills.nav-stacked .nav-pills-placeholder {
 color:var(--ghost-color)
}
.state-archived,
.state-draft {
 color:#adadad
}
.state-published {
 color:var(--supergood-color)
}
.state-internal {
 color:var(--highlight)
}
fieldset {
 margin:0 -4px
}
#app.navigation-collapsed fieldset {
 width:calc(100% + 8px)
}
@media screen and (max-width: 767px) {
 fieldset {
  width:calc(100% + 8px)
 }
}
fieldset h2,
fieldset .help-text {
 margin-left:4px;
 margin-right:4px
}
.form-field-group {
 padding:20px;
 background:var(--background-secondary);
 border-radius:4px;
 margin-bottom:16px;
 border:1px solid var(--border)
}
.modal-body .form-field-group {
 background:var(--background-primary)
}
.form-field-group>.form-group:last-child {
 margin-bottom:0
}
fieldset>.form-group {
 padding:0 4px
}
.form-group {
 margin-bottom:16px
}
.form-group.form-group--inactive {
 opacity:0.5
}
.form-group.is-readonly .controls:not(.ignore-readonly) {
 pointer-events:none;
 cursor:not-allowed !important
}
.date.form-group .controls {
 position:relative
}
.form-group+.form-group {
 margin-top:0
}
.merge-group {
 display:flex;
 align-items:stretch
}
.merge-group.merge-group--header h2 {
 margin-bottom:0
}
.merge-group.merge-group--header label,
.merge-group.merge-group--header .select-box .select-box-header,
.select-box .merge-group.merge-group--header .select-box-header {
 display:inline
}
.merge-group.merge-group--header .merge-source,
.merge-group.merge-group--header .merge-target {
 border-bottom:1px solid var(--border)
}
.merge-group .merge-target,
.merge-group .merge-source {
 flex:1;
 width:33%;
 display:flex;
 flex-direction:column;
 justify-content:flex-end
}
.merge-group .merge-source,
.merge-group .merge-target {
 padding-bottom:3px;
 border-left:1px solid var(--border);
 border-right:1px solid var(--border);
 padding:7px 13px
}
.merge-group:first-of-type {
 margin-top:6px
}
.merge-group:first-of-type .merge-source,
.merge-group:first-of-type .merge-target {
 border-top:1px solid var(--border);
 border-radius:3px 3px 0 0
}
.merge-group:last-of-type {
 margin-bottom:6px
}
.merge-group:last-of-type .merge-source,
.merge-group:last-of-type .merge-target {
 border-bottom:1px solid var(--border);
 border-radius:0 0 3px 3px
}
.merge-group .merge-value {
 margin-bottom:3px
}
.merge-group .form-group {
 padding:0
}
.merge-group .form-control {
 margin:0 !important
}
.merge-group.merge-group--multi .merge-value+.merge-value {
 margin-top:12px
}
.merge-controls {
 flex:1;
 align-self:flex-end
}
.merge-control {
 margin-bottom:5px;
 height:31px;
 text-align:center;
 display:flex;
 flex:1;
 justify-content:space-between;
 align-items:center;
 align-self:flex-end
}
.merge-control-input {
 flex:1
}
.merge-arrow {
 margin:0 12px;
 display:flex;
 align-items:center;
 justify-content:center
}
.merge-arrow .line-arrow {
 fill:var(--border)
}
.formGroup-label {
 padding:0 2px;
 margin-bottom:5px;
 position:relative;
 display:flex;
 align-items:center
}
h2 .formGroup-label {
 padding:0;
 margin:0
}
.formGroup-label label,
.formGroup-label .select-box .select-box-header,
.select-box .formGroup-label .select-box-header {
 margin:0
}
.formGroup-label a[data-toggle='collapse']>label,
.formGroup-label .select-box a[data-toggle='collapse']>.select-box-header,
.select-box .formGroup-label a[data-toggle='collapse']>.select-box-header {
 cursor:pointer;
 color:var(--text-link)
}
.formGroup-label a[data-toggle='collapse']:focus,
.formGroup-label a[data-toggle='collapse']:active {
 text-decoration:underline
}
.formGroup-label a.collapsed[data-toggle='collapse'] svg.icon-arrow-right {
 display:inline
}
.formGroup-label a.collapsed[data-toggle='collapse'] svg.icon-arrow-down {
 display:none
}
.formGroup-label a[data-toggle='collapse']:not(.collapsed) svg.icon-arrow-right {
 display:none
}
.formGroup-label a[data-toggle='collapse']:not(.collapsed) svg.icon-arrow-down {
 display:inline
}
.formGroup-label .bookmark.icon {
 margin-bottom:-1px
}
.formGroup-label .formGroup-metaControl {
 padding:6px 4px;
 margin:-6px 0 -6px auto;
 font-size:20px;
 line-height:1;
 color:var(--interactive-muted)
}
.formGroup-bookmark {
 display:flex;
 align-items:center;
 flex-direction:row-reverse;
 width:30px;
 height:30px;
 position:absolute;
 right:0;
 top:-10px
}
.form-group .controls .richtext {
 position:relative;
 height:auto
}
.form-group .help-message {
 cursor:help;
 color:var(--interactive-muted);
 top:-2px;
 position:relative;
 margin-left:auto
}
html[dir='rtl'] .form-group .help-message {
 margin-right:auto;
 margin-left:0
}
.form-group .help-message .icon-help {
 display:block
}
.form-group:not(.formGroup--halfSize) {
 clear:left
}
.form-group.formGroup--halfSize {
 width:50%;
 float:left
}
#app.navigation-collapsed .form-group.formGroup--halfSize {
 width:auto;
 float:none
}
@media screen and (max-width: 767px) {
 .form-group.formGroup--halfSize {
  width:auto;
  float:none
 }
}
.form-group.formGroup--halfSize .form-control {
 min-width:initial
}
.formGroup--standalone .form-control {
 margin-bottom:0
}
.controls--select {
 position:relative
}
.controls--datetime {
 position:relative;
 display:flex
}
.controls--date {
 position:relative
}
.controls--datetime {
 position:relative;
 display:flex
}
.controls--date {
 position:relative
}
.controls-label {
 margin:11px 10px 0;
 flex-shrink:0
}
.form-control--small+.controls-label {
 margin-top:7px
}
input::-webkit-contacts-auto-fill-button {
 visibility:hidden;
 display:none !important;
 pointer-events:none;
 position:absolute;
 right:0
}
input[type='radio'],
input[type='checkbox'] {
 margin:0
}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='date'],
input[type='url'],
textarea,
.form-control,
.form-group .checkbox,
.form-group .radio {
 display:block;
 padding:7px 12px;
 width:100%;
 height:41px;
 font-size:14px;
 font-weight:normal;
 line-height:25px;
 color:var(--text-normal);
 background:var(--background-secondary);
 border:1px solid var(--border);
 border-radius:3px;
 transition:none;
 box-shadow:none;
 outline:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
#app.navigation-collapsed input[type='text'],
#app.navigation-collapsed input[type='password'],
#app.navigation-collapsed input[type='email'],
#app.navigation-collapsed input[type='date'],
#app.navigation-collapsed input[type='url'],
#app.navigation-collapsed textarea,
#app.navigation-collapsed .form-control,
#app.navigation-collapsed .form-group .checkbox,
#app.navigation-collapsed .form-group .radio {
 font-size:16px
}
@media screen and (max-width: 767px) {
 input[type='text'],
 input[type='password'],
 input[type='email'],
 input[type='date'],
 input[type='url'],
 textarea,
 .form-control,
 .form-group .checkbox,
 .form-group .radio {
  font-size:16px
 }
}
.modal-body input[type='text'],
.box input[type='text'],
.sidebar input[type='text'],
.hero-unit input[type='text'],
.wizard-slide input[type='text'],
.form-field-group input[type='text'],
.popover input[type='text'],
.modal-body input[type='password'],
.box input[type='password'],
.sidebar input[type='password'],
.hero-unit input[type='password'],
.wizard-slide input[type='password'],
.form-field-group input[type='password'],
.popover input[type='password'],
.modal-body input[type='email'],
.box input[type='email'],
.sidebar input[type='email'],
.hero-unit input[type='email'],
.wizard-slide input[type='email'],
.form-field-group input[type='email'],
.popover input[type='email'],
.modal-body input[type='date'],
.box input[type='date'],
.sidebar input[type='date'],
.hero-unit input[type='date'],
.wizard-slide input[type='date'],
.form-field-group input[type='date'],
.popover input[type='date'],
.modal-body input[type='url'],
.box input[type='url'],
.sidebar input[type='url'],
.hero-unit input[type='url'],
.wizard-slide input[type='url'],
.form-field-group input[type='url'],
.popover input[type='url'],
.modal-body textarea,
.box textarea,
.sidebar textarea,
.hero-unit textarea,
.wizard-slide textarea,
.form-field-group textarea,
.popover textarea,
.modal-body .form-control,
.box .form-control,
.sidebar .form-control,
.hero-unit .form-control,
.wizard-slide .form-control,
.form-field-group .form-control,
.popover .form-control,
.modal-body .form-group .checkbox,
.box .form-group .checkbox,
.sidebar .form-group .checkbox,
.hero-unit .form-group .checkbox,
.wizard-slide .form-group .checkbox,
.form-field-group .form-group .checkbox,
.popover .form-group .checkbox,
.modal-body .form-group .radio,
.box .form-group .radio,
.sidebar .form-group .radio,
.hero-unit .form-group .radio,
.wizard-slide .form-group .radio,
.form-field-group .form-group .radio,
.popover .form-group .radio {
 background:var(--background-primary)
}
.modal-body .form-field-group input[type='text'],
.formset-inset input[type='text'],
.modal-body .form-field-group input[type='password'],
.formset-inset input[type='password'],
.modal-body .form-field-group input[type='email'],
.formset-inset input[type='email'],
.modal-body .form-field-group input[type='date'],
.formset-inset input[type='date'],
.modal-body .form-field-group input[type='url'],
.formset-inset input[type='url'],
.modal-body .form-field-group textarea,
.formset-inset textarea,
.modal-body .form-field-group .form-control,
.formset-inset .form-control,
.modal-body .form-field-group .form-group .checkbox,
.formset-inset .form-group .checkbox,
.modal-body .form-field-group .form-group .radio,
.formset-inset .form-group .radio {
 background:var(--background-secondary)
}
input.form-control--small[type='text'],
input.form-control--small[type='password'],
input.form-control--small[type='email'],
input.form-control--small[type='date'],
input.form-control--small[type='url'],
textarea.form-control--small,
.form-control.form-control--small,
.form-group .checkbox.form-control--small,
.form-group .radio.form-control--small {
 padding:5px 8px 4px;
 height:30px;
 line-height:20px
}
input.form-control--small[type='text'][multiple],
input.form-control--small[type='password'][multiple],
input.form-control--small[type='email'][multiple],
input.form-control--small[type='date'][multiple],
input.form-control--small[type='url'][multiple],
textarea.form-control--small[multiple],
.form-control.form-control--small[multiple],
.form-group .checkbox.form-control--small[multiple],
.form-group .radio.form-control--small[multiple] {
 height:auto
}
input.form-control--small.form-control--multiline[type='text'],
input.form-control--small.form-control--multiline[type='password'],
input.form-control--small.form-control--multiline[type='email'],
input.form-control--small.form-control--multiline[type='date'],
input.form-control--small.form-control--multiline[type='url'],
textarea.form-control--small.form-control--multiline,
.form-control.form-control--small.form-control--multiline,
.form-group .checkbox.form-control--small.form-control--multiline,
.form-group .radio.form-control--small.form-control--multiline {
 min-height:30px
}
input.form-control--inline[type='text'],
input.form-control--inline[type='password'],
input.form-control--inline[type='email'],
input.form-control--inline[type='date'],
input.form-control--inline[type='url'],
textarea.form-control--inline,
.form-control.form-control--inline,
.form-group .checkbox.form-control--inline,
.form-group .radio.form-control--inline {
 display:inline-block;
 width:auto
}
input.form-control--multiline[type='text'],
input.form-control--multiline[type='password'],
input.form-control--multiline[type='email'],
input.form-control--multiline[type='date'],
input.form-control--multiline[type='url'],
textarea.form-control--multiline,
.form-control.form-control--multiline,
.form-group .checkbox.form-control--multiline,
.form-group .radio.form-control--multiline {
 height:auto;
 min-height:41px
}
input[type='text']:focus,
input[type='text']:focus-within,
input.focus[type='text'],
input[type='password']:focus,
input[type='password']:focus-within,
input.focus[type='password'],
input[type='email']:focus,
input[type='email']:focus-within,
input.focus[type='email'],
input[type='date']:focus,
input[type='date']:focus-within,
input.focus[type='date'],
input[type='url']:focus,
input[type='url']:focus-within,
input.focus[type='url'],
textarea:focus,
textarea:focus-within,
textarea.focus,
.form-control:focus,
.form-control:focus-within,
.form-control.focus,
.form-group .checkbox:focus,
.form-group .checkbox:focus-within,
.form-group .checkbox.focus,
.form-group .radio:focus,
.form-group .radio:focus-within,
.form-group .radio.focus {
 border-color:var(--border-highlight);
 box-shadow:0 0 0 3px var(--shadow-highlight)
}
input.is-disabled[type='text'],
input[type='text'][disabled],
input[type='text'][readonly],
input.is-disabled[type='password'],
input[type='password'][disabled],
input[type='password'][readonly],
input.is-disabled[type='email'],
input[type='email'][disabled],
input[type='email'][readonly],
input.is-disabled[type='date'],
input[type='date'][disabled],
input[type='date'][readonly],
input.is-disabled[type='url'],
input[type='url'][disabled],
input[type='url'][readonly],
textarea.is-disabled,
textarea[disabled],
textarea[readonly],
.form-control.is-disabled,
.form-control[disabled],
.form-control[readonly],
.form-group .checkbox.is-disabled,
.form-group .checkbox[disabled],
.form-group .checkbox[readonly],
.form-group .radio.is-disabled,
.form-group .radio[disabled],
.form-group .radio[readonly] {
 background:var(--background-secondary);
 opacity:0.38
}
input.is-disabled[type='text']:focus,
input.is-disabled.focus[type='text'],
input[type='text'][disabled]:focus,
input.focus[type='text'][disabled],
input[type='text'][readonly]:focus,
input.focus[type='text'][readonly],
input.is-disabled[type='password']:focus,
input.is-disabled.focus[type='password'],
input[type='password'][disabled]:focus,
input.focus[type='password'][disabled],
input[type='password'][readonly]:focus,
input.focus[type='password'][readonly],
input.is-disabled[type='email']:focus,
input.is-disabled.focus[type='email'],
input[type='email'][disabled]:focus,
input.focus[type='email'][disabled],
input[type='email'][readonly]:focus,
input.focus[type='email'][readonly],
input.is-disabled[type='date']:focus,
input.is-disabled.focus[type='date'],
input[type='date'][disabled]:focus,
input.focus[type='date'][disabled],
input[type='date'][readonly]:focus,
input.focus[type='date'][readonly],
input.is-disabled[type='url']:focus,
input.is-disabled.focus[type='url'],
input[type='url'][disabled]:focus,
input.focus[type='url'][disabled],
input[type='url'][readonly]:focus,
input.focus[type='url'][readonly],
textarea.is-disabled:focus,
textarea.is-disabled.focus,
textarea[disabled]:focus,
textarea.focus[disabled],
textarea[readonly]:focus,
textarea.focus[readonly],
.form-control.is-disabled:focus,
.form-control.is-disabled.focus,
.form-control[disabled]:focus,
.form-control.focus[disabled],
.form-control[readonly]:focus,
.form-control.focus[readonly],
.form-group .checkbox.is-disabled:focus,
.form-group .checkbox.is-disabled.focus,
.form-group .checkbox[disabled]:focus,
.form-group .checkbox.focus[disabled],
.form-group .checkbox[readonly]:focus,
.form-group .checkbox.focus[readonly],
.form-group .radio.is-disabled:focus,
.form-group .radio.is-disabled.focus,
.form-group .radio[disabled]:focus,
.form-group .radio.focus[disabled],
.form-group .radio[readonly]:focus,
.form-group .radio.focus[readonly] {
 border-color:var(--border-highlight)
}
input.is-disabled[type='text'],
input[type='text'][disabled],
input.is-disabled[type='password'],
input[type='password'][disabled],
input.is-disabled[type='email'],
input[type='email'][disabled],
input.is-disabled[type='date'],
input[type='date'][disabled],
input.is-disabled[type='url'],
input[type='url'][disabled],
textarea.is-disabled,
textarea[disabled],
.form-control.is-disabled,
.form-control[disabled],
.form-group .checkbox.is-disabled,
.form-group .checkbox[disabled],
.form-group .radio.is-disabled,
.form-group .radio[disabled] {
 cursor:not-allowed
}
input[type='url'] {
 min-width:400px
}
.sidebar-content input[type='url'] {
 min-width:inherit
}
.user-select.form-control {
 padding-right:35px;
 min-width:300px
}
input[type='time'] {
 width:auto;
 padding-left:6px;
 padding-right:6px
}
input.timeframe,
input.time {
 box-sizing:content-box;
 padding:0 6px;
 height:39px;
 line-height:42px;
 flex-shrink:0
}
input.timeframe.form-control--small,
input.time.form-control--small {
 line-height:20px;
 padding-top:0;
 padding-bottom:0
}
input.timeframe {
 width:5.5ch
}
input.time {
 width:4.5ch
}
input.time.time--12 {
 width:7.5ch
}
.tokenfield.focus {
 border-color:var(--border-highlight);
 box-shadow:0 0 0 3px var(--shadow-highlight)
}
.richtext.form-control {
 padding:0
}
.richtext.form-control [contenteditable] {
 height:auto;
 min-height:82px;
 background:none;
 padding:7px 12px 35px
}
.richtext.form-control [contenteditable='false'] {
 cursor:not-allowed;
 opacity:0.38;
 border-color:var(--border);
 padding:unset
}
.richtext.form-control [contenteditable='false']:focus,
.richtext.form-control .focus[contenteditable='false'] {
 border-color:var(--border-highlight)
}
.richtext.form-control .attachments.attachments--list:not(:empty) {
 border-top:1px solid var(--background-modifier-border);
 white-space:normal;
 margin:0 -12px -28px;
 padding:25px 20px 21px 72px;
 position:relative;
 line-height:1
}
.richtext-controls {
 display:flex;
 margin:7px 7px 0;
 padding:3px 5px 10px;
 border-bottom:1px solid var(--background-modifier-border)
}
#app.navigation-collapsed .richtext-controls {
 flex-wrap:nowrap
}
@media screen and (max-width: 767px) {
 .richtext-controls {
  flex-wrap:nowrap
 }
}
textarea.form-control {
 height:118px;
 resize:vertical
}
textarea.form-control[rows] {
 height:auto
}
select.form-control:not([multiple]) {
 padding-right:34px;
 word-wrap:normal
}
html[dir='rtl'] select.form-control:not([multiple]) {
 padding-left:34px;
 padding-right:12px
}
.form-control.is-hidden {
 display:none
}
.form-control.form-control--borderless {
 border:none;
 padding:0;
 line-height:inherit;
 height:auto
}
.form-control.form-control--borderless:focus {
 box-shadow:none
}
select[multiple] option:checked,
select[multiple]:focus option:checked {
 color:var(--interactive-primary);
 background:var(--ghost-color)
}
.select.form-group .form-control:not([multiple]),
.user_autocompletion.form-group .form-control:not([multiple]) {
 padding-right:21px
}
.form-control+.icon-arrow-down,
.dropdown-arrow {
 position:absolute;
 right:12px;
 top:50%;
 margin-top:-3px;
 width:13px;
 height:7px
}
html[dir='rtl'] .form-control+.icon-arrow-down,
html[dir='rtl'] .dropdown-arrow {
 left:12px;
 right:auto
}
select::-ms-expand {
 display:none
}
.has-error .form-control,
.has-error .form-control:focus,
.has-error .form-control.focus {
 box-shadow:none;
 border-color:var(--danger-color) !important
}
input.has-error {
 box-shadow:none;
 border-color:var(--danger-color) !important
}
.help-inline:not(:empty) {
 color:var(--danger-color);
 padding:2px;
 font-size:13px
}
.zammad-form-modal-body {
 background:var(--background-primary) !important
}
.primary-email-switch {
 display:none
}
.primary-email-switch+label,
.select-box .primary-email-switch+.select-box-header {
 font-size:11px;
 color:var(--interactive-muted);
 margin:0
}
.primary-email-switch:checked+label,
.select-box .primary-email-switch:checked+.select-box-header {
 color:var(--highlight)
}
.primary-email-switch-label {
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap
}
.primary-email-switch+label,
.select-box .primary-email-switch+.select-box-header {
 align-self:stretch;
 padding:0 5px;
 display:flex;
 align-items:center
}
.controls--button {
 display:flex;
 flex-wrap:wrap
}
.controls--button .controls {
 flex:1
}
.controls--button .help-inline,
.controls--button .help-block {
 flex-basis:100%
}
.controls--button input,
.controls--button .form-control {
 flex:1 1 0%;
 border-right-width:0;
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
html[dir='rtl'] .controls--button input,
html[dir='rtl'] .controls--button .form-control {
 border-left-width:0;
 border-right-width:1px
}
html[dir='rtl'] .controls--button input,
html[dir='rtl'] .controls--button .form-control {
 border-top-left-radius:0;
 border-top-right-radius:3px
}
html[dir='rtl'] .controls--button input,
html[dir='rtl'] .controls--button .form-control {
 border-bottom-left-radius:0;
 border-bottom-right-radius:3px
}
.controls--button input:focus+.controls-button .controls-button-inner,
.controls--button .form-control:focus+.controls-button .controls-button-inner {
 border-color:var(--border-highlight)
}
.controls--button input:focus+.controls-button::before,
.controls--button .form-control:focus+.controls-button::before {
 content:'';
 position:absolute;
 left:0;
 top:-3px;
 right:-3px;
 bottom:-3px;
 background:var(--shadow-highlight);
 border-radius:0 7px 7px 0
}
html[dir='rtl'] .controls--button input:focus+.controls-button::before,
html[dir='rtl'] .controls--button .form-control:focus+.controls-button::before {
 left:-3px
}
html[dir='rtl'] .controls--button input:focus+.controls-button::before,
html[dir='rtl'] .controls--button .form-control:focus+.controls-button::before {
 right:0
}
html[dir='rtl'] .controls--button input:focus+.controls-button::before,
html[dir='rtl'] .controls--button .form-control:focus+.controls-button::before {
 border-radius:0 7px 7px 0;
 border-radius:7px 0 0 7px
}
.controls-button {
 position:relative;
 display:flex
}
.controls-button.is-active .icon {
 fill:var(--highlight)
}
.controls-button-inner {
 display:flex;
 justify-content:center;
 align-items:center;
 padding:0 10px;
 background:var(--background-secondary);
 position:relative;
 border:1px solid var(--border);
 border-radius:0 3px 3px 0
}
html[dir='rtl'] .controls-button-inner {
 border-radius:0 3px 3px 0;
 border-radius:3px 0 0 3px
}
.controls-button-inner .icon {
 fill:var(--text-muted)
}
.controls-button-inner:hover .icon {
 fill:currentColor
}
.searchfield {
 position:relative;
 margin-bottom:20px
}
.searchfield .icon-magnifier,
.searchfield .search-loader {
 left:15px;
 top:12px;
 width:17px;
 height:17px;
 position:absolute;
 fill:var(--text-muted);
 transition:0.1s 0s;
 pointer-events:none
}
html[dir='rtl'] .searchfield .icon-magnifier,
html[dir='rtl'] .searchfield .search-loader {
 right:15px;
 left:auto
}
.searchfield .search-loader {
 z-index:2;
 opacity:0
}
.searchfield .search-loader .icon {
 width:17px;
 height:17px
}
.searchfield input[type='search'] {
 -webkit-appearance:textfield;
 -moz-appearance:textfield;
 appearance:textfield;
 border-radius:19px;
 padding:0 17px 0 42px;
 will-change:transform
}
html[dir='rtl'] .searchfield input[type='search'] {
 padding:0 42px 0 17px
}
.searchfield input[type='search']:-moz-placeholder-shown~.empty-search {
 visibility:hidden
}
.searchfield input.is-empty[type='search']~.empty-search,
.searchfield input[type='search']:placeholder-shown~.empty-search {
 visibility:hidden
}
.searchfield input.loading[type='search']~.search-loader {
 opacity:1;
 transition:0.2s 0.5s
}
.searchfield input.loading[type='search']~.icon-magnifier {
 opacity:0;
 transition:0.2s 0.5s
}
.searchfield input[type='search']::-webkit-search-cancel-button,
.searchfield input[type='search']::-webkit-search-decoration {
 -webkit-appearance:none
}
.searchfield .empty-search {
 height:100%;
 width:50px;
 visibility:visible
}
.searchfield .empty-search .icon {
 width:13px;
 height:13px;
 fill:var(--text-muted);
 opacity:0.5
}
.content {
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 position:relative;
 background-color:var(--background-primary)
}
#app.navigation-collapsed .content {
 margin-left:50px;
 -webkit-overflow-scrolling:touch
}
html[dir='rtl'] #app.navigation-collapsed .content {
 margin-right:50px;
 margin-left:0
}
.navigation.is-not-collapsed~#app.navigation-collapsed .content {
 transform:translateX(170px)
}
html[dir='rtl'] .navigation.is-not-collapsed~#app.navigation-collapsed .content {
 transform:translateX(-170px)
}
@media screen and (max-width: 767px) {
 .content {
  margin-left:50px;
  -webkit-overflow-scrolling:touch
 }
 html[dir='rtl'] .content {
  margin-right:50px;
  margin-left:0
 }
 .navigation.is-not-collapsed~.content {
  transform:translateX(170px)
 }
 html[dir='rtl'] .navigation.is-not-collapsed~.content {
  transform:translateX(-170px)
 }
}
.content.fit,
.content.batch-overlay-backdrop,
.content.batch-overlay,
.content.camera-flash,
.content.dropArea-inner,
.content.dropArea,
.content.fullscreen {
 padding:10px;
 background:var(--background-tertiary);
 z-index:501
}
.fullscreenMessage {
 padding:22px;
 display:flex;
 align-items:center;
 justify-content:center;
 flex:1
}
.fullscreenMessage .icon {
 margin-right:14px
}
html[dir='rtl'] .fullscreenMessage .icon {
 margin-left:14px;
 margin-right:0
}
.fullscreenMessage .icon-error {
 margin-top:-2px;
 width:19px;
 height:19px
}
.fullscreenMessage .icon-checkmark {
 width:21px;
 height:18px;
 margin-right:11px;
 margin-top:-2px
}
.fullscreenMessage h2 {
 margin:0
}
.fullscreenMessage--placeholder {
 flex-direction:column
}
.fullscreenMessage--placeholder .icon {
 width:100px;
 height:100px
}
.fullscreenMessage--placeholder h2 {
 margin:15px;
 color:var(--text-muted)
}
.selected-clue {
 position:relative;
 pointer-events:none
}
.modal--clue {
 display:flex;
 align-items:center;
 justify-content:center;
 z-index:500
}
.modal--clue .modal-backdrop {
 bottom:0;
 width:200%;
 height:200%;
 left:-100%;
 top:-100%;
 background:radial-gradient(var(--backdrop-clue-start), var(--backdrop-clue-end))
}
.modal--clue .modal-spacer {
 position:absolute;
 opacity:0;
 padding:18px
}
.modal--clue .modal-arrow {
 background:inherit;
 width:20px;
 height:20px;
 position:absolute;
 margin:-10px 0 53px -10px;
 left:0;
 top:50%;
 transform:rotate(45deg)
}
.modal--clue .modal-spacer[data-position='above'] .modal-arrow {
 left:50%;
 top:100%;
 background:var(--background-primary)
}
.modal--clue .modal-spacer[data-position='below'] .modal-arrow {
 left:50%;
 top:0
}
.modal--clue .modal-spacer[data-position='left'] .modal-arrow {
 left:100%;
 top:50%
}
.modal--clue .modal-content {
 border:none;
 width:300px;
 box-shadow:0 8px 17px 0 rgba(0,0,0,0.1),0 6px 20px 0 rgba(0,0,0,0.05)
}
#app.navigation-collapsed .modal--clue .modal-content {
 width:280px
}
@media screen and (max-width: 767px) {
 .modal--clue .modal-content {
  width:280px
 }
}
.modal--clue .modal-controls {
 background:var(--background-primary);
 margin:23px 0 0;
 padding:10px;
 display:flex;
 align-items:center;
 justify-content:space-between
}
.modal--clue .modal-control {
 padding-left:14px;
 padding-right:14px
}
.modal--clue .modal-control .btn.is-disabled {
 color:var(--text-normal)
}
.modal--clue .modal-header {
 padding-bottom:7px;
 font-size:18px
}
.modal--clue .modal-body {
 max-width:340px
}
.knowledge-base-content-can-be-published-dialog-current {
 margin-bottom:20px;
 text-align:center
}
.knowledge-base-content-can-be-published-dialog {
 display:flex
}
.knowledge-base-content-can-be-published-dialog .side-panel {
 flex-grow:1;
 width:300px
}
.knowledge-base-content-can-be-published-dialog .call-to-action {
 display:flex;
 align-items:center;
 justify-content:center
}
.kb-sidebar-block-content .kb-item--invisible {
 opacity:0.5
}
.kb-sidebar-block-content .kb-item--missing-translation,
.kb-sidebar-block-content .kb-item--missing-translation:active,
.kb-sidebar-block-content .kb-item--missing-translation:focus {
 color:#fdcf44
}
.kb-menu-preview {
 margin-bottom:1em
}
.kb-menu-preview-container {
 display:flex;
 flex-wrap:wrap;
 justify-content:flex-end;
 border:1px solid var(--border-alt)
}
.kb-menu-preview-container--footer {
 justify-content:center
}
.kb-menu-preview a,
.kb-menu-preview span {
 font-size:14px;
 padding:0.5em 1em;
 white-space:nowrap;
 text-decoration:none;
 line-height:2em
}
.kb-menu-preview a {
 color:inherit
}
.kb-menu-preview .label {
 text-transform:none
}
.modified-icon {
 position:relative;
 line-height:1;
 display:block
}
.nav-pills>li>a .modified-icon {
 align-self:center
}
.modified-icon .modified-icon-modifier {
 bottom:0;
 right:0;
 position:absolute;
 z-index:1;
 fill:var(--background-primary);
 margin:0 -2px -1px 0
}
.nav-pills>li>a .modified-icon .modified-icon-modifier {
 fill:var(--background-secondary)
}
.nav-pills>li:hover>a .modified-icon .modified-icon-modifier {
 fill:var(--background-secondary-hover)
}
.modified-icon .icon-knowledge-base-answer+.modified-icon-modifier {
 margin:0 -1px 2px 0
}
.modified-icon .icon-published-modifier {
 display:none
}
kbd {
 background:var(--background-modifier-accent);
 border-radius:3px;
 border:1px solid var(--background-modifier-border);
 box-shadow:var(--elevation-stroke);
 display:inline-block;
 font-size:12px;
 margin:0 1px;
 padding:0 4px;
 vertical-align:top
}
.form-stacked .checkbox label,
.form-stacked .checkbox .select-box .select-box-header,
.select-box .form-stacked .checkbox .select-box-header {
 color:inherit;
 font-size:13px;
 text-transform:inherit;
 vertical-align:baseline;
 letter-spacing:inherit
}
.pagination {
 margin:0 0 0 19px;
 display:flex
}
html[dir='rtl'] .pagination {
 margin:0 19px 0 0
}
.pagination-counter {
 margin:0 0 0 19px;
 line-height:33px;
 color:var(--text-muted)
}
html[dir='rtl'] .pagination-counter {
 margin:0 19px 0 0
}
.page-header {
 margin:0 0 15px;
 padding:0;
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 width:100%
}
#app.navigation-collapsed .page-header {
 align-items:flex-start;
 flex-wrap:nowrap
}
@media screen and (max-width: 767px) {
 .page-header {
  align-items:flex-start;
  flex-wrap:nowrap
 }
}
.page-header--center {
 justify-content:center
}
.page-header-title {
 display:flex;
 align-items:center
}
.page-header-title .zammad-switch {
 margin-right:9px
}
html[dir='rtl'] .page-header-title .zammad-switch {
 margin-left:9px;
 margin-right:0
}
.page-header-title h1,
.page-header-title .ticket-title-update,
.page-header-title .popover-notificationsHeader .popover-title,
.popover-notificationsHeader .page-header-title .popover-title,
.page-header-title h2 {
 margin-top:9px;
 margin-bottom:7px
}
#app.navigation-collapsed .page-header-title h1,
#app.navigation-collapsed .page-header-title .ticket-title-update,
#app.navigation-collapsed .page-header-title .popover-notificationsHeader .popover-title,
.popover-notificationsHeader #app.navigation-collapsed .page-header-title .popover-title,
#app.navigation-collapsed .page-header-title h2 {
 margin-top:4px
}
@media screen and (max-width: 767px) {
 .page-header-title h1,
 .page-header-title .ticket-title-update,
 .page-header-title .popover-notificationsHeader .popover-title,
 .popover-notificationsHeader .page-header-title .popover-title,
 .page-header-title h2 {
  margin-top:4px
 }
}
.page-header-title .suffix {
 margin-left:5px;
 margin-top:6px;
 display:inline-block
}
#app.navigation-collapsed .page-header-title .suffix {
 margin-top:4px
}
@media screen and (max-width: 767px) {
 .page-header-title .suffix {
  margin-top:4px
 }
}
.page-header-center {
 justify-self:center;
 padding-left:9px;
 margin:0 auto
}
html[dir='rtl'] .page-header-center {
 padding-right:9px;
 padding-left:0
}
.page-header-center+.page-header-meta {
 margin-left:0;
 flex:none
}
html[dir='rtl'] .page-header-center+.page-header-meta {
 margin-right:0;
 margin-left:auto
}
.page-header-meta {
 margin-left:auto;
 padding-left:20px;
 display:flex;
 justify-content:flex-end;
 flex:1;
 min-width:0
}
html[dir='rtl'] .page-header-meta {
 margin-right:auto;
 margin-left:0
}
html[dir='rtl'] .page-header-meta {
 padding-right:20px;
 padding-left:0
}
#app.navigation-collapsed .page-header-meta {
 flex:0 1 auto;
 min-width:auto
}
@media screen and (max-width: 767px) {
 .page-header-meta {
  flex:0 1 auto;
  min-width:auto
 }
}
.page-header-meta .btn {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
#app.navigation-collapsed .page-header-meta .btn {
 flex-shrink:0
}
@media screen and (max-width: 767px) {
 .page-header-meta .btn {
  flex-shrink:0
 }
}
.page-header-meta .btn+.btn {
 margin-left:9px
}
html[dir='rtl'] .page-header-meta .btn+.btn {
 margin-right:9px;
 margin-left:0
}
.page-content .formGroup-label label,
.page-content .formGroup-label .select-box .select-box-header,
.select-box .page-content .formGroup-label .select-box-header,
.page-content .label {
 color:var(--header-secondary)
}
.page-content .content-controls-align-right {
 display:flex;
 justify-content:flex-end
}
.page-body--two-column {
 display:flex
}
.page-aside {
 padding-right:20px;
 border-right:1px solid var(--border);
 margin-right:20px;
 width:240px;
 flex-shrink:0;
 flex-grow:0
}
html[dir='rtl'] .page-aside {
 padding-left:20px;
 padding-right:0
}
html[dir='rtl'] .page-aside {
 border-left:1px solid var(--border);
 border-right:none
}
html[dir='rtl'] .page-aside {
 margin-left:20px;
 margin-right:0
}
.page-main {
 flex:1
}
.page-loading {
 min-height:500px;
 flex-grow:1;
 display:flex;
 align-items:center;
 justify-content:center
}
.page-loading-label {
 margin-left:10px;
 margin-top:1px
}
html[dir='rtl'] .page-loading-label {
 margin-right:10px;
 margin-left:0
}
.dropdown-menu .count {
 padding-top:1px;
 margin-left:10px
}
html[dir='rtl'] .dropdown-menu .count {
 margin-right:10px;
 margin-left:0
}
.help-text,
.help-block {
 color:var(--text-muted)
}
.help-block {
 margin:0;
 font-size:13px
}
.help-block.help-block--center {
 text-align:center
}
.help-block:not(:empty) {
 margin:8px 2px 0
}
.icon-attachment {
 background-position:-24px 0
}
.hero-unit,
.wizard-slide {
 width:500px;
 margin:10px 0;
 padding:23px 25px;
 border:1px solid var(--border);
 color:var(--text-normal);
 background-color:var(--background-secondary);
 border-radius:6px;
 box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
#app.navigation-collapsed .hero-unit,
#app.navigation-collapsed .wizard-slide {
 width:auto;
 padding:12px 15px
}
@media screen and (max-width: 767px) {
 .hero-unit,
 .wizard-slide {
  width:auto;
  padding:12px 15px
 }
}
.hero-unit .inline-label,
.wizard-slide .inline-label {
 font-size:inherit
}
.hero-unit h1,
.wizard-slide h1,
.hero-unit .ticket-title-update,
.wizard-slide .ticket-title-update,
.hero-unit .popover-notificationsHeader .popover-title,
.wizard-slide .popover-notificationsHeader .popover-title,
.popover-notificationsHeader .hero-unit .popover-title,
.popover-notificationsHeader .wizard-slide .popover-title,
.hero-unit h2,
.wizard-slide h2 {
 margin-top:0
}
.getstarted,
.reset_password,
.request_admin_password_auth,
.signup,
.darkBackground,
.login {
 padding:10px;
 background:var(--background-tertiary)
}
.content.getstarted {
 padding:0
}
.content.getstarted .main {
 padding:20px 10px
}
.login,
.reset_password,
.request_admin_password_auth,
.signup {
 padding:24px;
 color:var(--text-muted)
}
.login a,
.reset_password a,
.request_admin_password_auth a,
.signup a {
 color:var(--text-inverted)
}
.login a.text-muted,
.reset_password a.text-muted,
.request_admin_password_auth a.text-muted,
.signup a.text-muted {
 color:inherit
}
.login .form-controls {
 flex-direction:column
}
.login .form-controls .btn {
 width:100%
}
.login .form-controls .btn--text {
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 margin:initial;
 text-align:center
}
.login .form-controls .btn+.btn:not(.align-right) {
 margin-left:initial;
 margin-right:initial
}
.login .hero-unit,
.login .wizard-slide {
 width:430px;
 margin:0 0 28px
}
#app.navigation-collapsed .login .hero-unit,
#app.navigation-collapsed .login .wizard-slide {
 width:auto
}
@media screen and (max-width: 767px) {
 .login .hero-unit,
 .login .wizard-slide {
  width:auto
 }
}
.login .company-logo {
 max-height:100px;
 max-width:200px;
 margin:20px auto 42px;
 display:block
}
#app.navigation-collapsed .login .company-logo {
 margin:15px auto 28px
}
@media screen and (max-width: 767px) {
 .login .company-logo {
  margin:15px auto 28px
 }
}
.login p,
.reset_password p,
.signup p {
 margin:0 auto 22px;
 max-width:400px;
 text-align:center
}
#app.navigation-collapsed .login p,
#app.navigation-collapsed .reset_password p,
#app.navigation-collapsed .signup p {
 margin:0 auto 15px
}
@media screen and (max-width: 767px) {
 .login p,
 .reset_password p,
 .signup p {
  margin:0 auto 15px
 }
}
.reset_password p,
.signup p {
 padding-top:28px
}
.login hr {
 margin:0 auto 22px;
 width:100%;
 max-width:400px
}
.login p a,
.reset_password p a,
.signup p a {
 text-decoration:underline
}
.poweredBy {
 display:flex;
 align-items:center;
 justify-content:center;
 color:#3e3f47;
 margin:34px 0 10px -16px;
 cursor:default
}
html[dir='rtl'] .poweredBy {
 margin:34px -16px 10px 0
}
.poweredBy a {
 color:inherit
}
.poweredBy .icon-logo {
 margin-right:8px;
 margin-top:-11px
}
html[dir='rtl'] .poweredBy .icon-logo {
 margin-left:8px;
 margin-right:0
}
.poweredBy .logotype {
 margin-left:7px;
 margin-top:-3px
}
html[dir='rtl'] .poweredBy .logotype {
 margin-left:7px;
 margin-left:0
}
.fullscreen {
 display:flex;
 flex-direction:column;
 align-items:center;
 width:100%;
 height:100%;
 min-height:100vh;
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
.fullscreen p {
 color:var(--text-muted)
}
.fullscreen-center {
 margin:auto
}
.fullscreen-body {
 text-align:start;
 display:inline-block
}
ol.tabs {
 list-style:decimal inside
}
ol.tabs li {
 display:list-item
}
.tabs {
 display:flex;
 padding:0;
 margin-bottom:20px;
 color:var(--interactive-muted);
 border:1px solid var(--border);
 border-radius:3px;
 background:var(--background-secondary)
}
#app.navigation-collapsed .tabs {
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
@media screen and (max-width: 767px) {
 .tabs {
  overflow:auto;
  -webkit-overflow-scrolling:touch
 }
}
.tabs-condensed .tab {
 padding-left:5px;
 padding-right:5px
}
.progress-tabs .tab {
 cursor:default
}
.tab {
 color:inherit;
 height:35px;
 padding:8px 20px;
 display:flex;
 justify-content:center;
 align-items:center;
 border-right:1px solid var(--border);
 min-width:0;
 flex-grow:1
}
#app.navigation-collapsed .tab {
 flex-shrink:0;
 display:block;
 text-align:center
}
@media screen and (max-width: 767px) {
 .tab {
  flex-shrink:0;
  display:block;
  text-align:center
 }
}
.tab.active {
 color:var(--text-inverted);
 background:var(--button-active);
 box-shadow:none;
 flex-shrink:0
}
.tab-name {
 min-width:20px;
 text-align:center;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.tab-badge {
 flex-shrink:0;
 margin-left:6px;
 font-size:13px;
 margin-right:-7px;
 background:var(--background-modifier-accent);
 min-width:21px;
 padding:0 7px;
 height:21px;
 line-height:21px;
 white-space:nowrap;
 text-align:center;
 display:inline-block;
 border-radius:999px
}
html[dir='rtl'] .tab-badge {
 margin-right:6px;
 margin-left:0
}
.tab-dropdown {
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center
}
.tab-dropdown .arrow {
 margin-left:10px;
 opacity:0.75
}
html[dir='rtl'] .tab-dropdown .arrow {
 margin-right:10px;
 margin-left:0
}
.tab-dropdown .icon {
 fill:var(--text-muted)
}
.tab-dropdown.active {
 background:var(--background-secondary)
}
.tab-dropdown.active .icon {
 opacity:1
}
.tab:first-child {
 border-radius:3px 0 0 3px;
 border-right-width:1px
}
html[dir='rtl'] .tab:first-child {
 border-radius:0 3px 3px 0
}
html[dir='rtl'] .tab:first-child {
 border-right-width:1px;
 border-right-width:0
}
.tab:last-child:not(:only-child) {
 border-radius:0 3px 3px 0;
 border-right-width:0
}
html[dir='rtl'] .tab:last-child:not(:only-child) {
 border-right-width:0;
 border-right-width:1px
}
html[dir='rtl'] .tab:last-child:not(:only-child) {
 border-radius:3px 0 0 3px
}
.tab:only-child {
 border-radius:3px;
 border-right-width:0
}
html[dir='rtl'] .tab:only-child {
 border-right-width:0;
 border-right-width:1px
}
.tabs.tabs--inline {
 display:inline-flex;
 margin-left:0;
 margin-right:0
}
.tabs.tabs--inline .tab {
 flex:none
}
.tabs.tabs--inline .tab:nth-last-child(2) {
 border-right-width:0
}
html[dir='rtl'] .tabs.tabs--inline .tab:nth-last-child(2) {
 border-right-width:0;
 border-right-width:1px
}
.tabs--big {
 margin:28px auto;
 font-size:14px;
 border-radius:8px
}
#app.navigation-collapsed .tabs--big {
 margin:5px auto 28px
}
@media screen and (max-width: 767px) {
 .tabs--big {
  margin:5px auto 28px
 }
}
.tabs--big .tab {
 height:auto;
 padding:10px 23px 9px
}
#app.navigation-collapsed .tabs--big .tab {
 padding:8px 20px
}
@media screen and (max-width: 767px) {
 .tabs--big .tab {
  padding:8px 20px
 }
}
.tabs--big .tab:first-child {
 border-radius:8px 0 0 8px
}
html[dir='rtl'] .tabs--big .tab:first-child {
 border-radius:0 8px 8px 0
}
.tabs--big .tab:last-child {
 border-radius:0 8px 8px 0
}
html[dir='rtl'] .tabs--big .tab:last-child {
 border-radius:8px 0 0 8px
}
.tabs--big .tab:only-child {
 border-radius:8px
}
.tabs--big .tab-dropdown {
 padding-left:18px;
 padding-right:15px
}
html[dir='rtl'] .tabs--big .tab-dropdown {
 padding-left:15px
}
html[dir='rtl'] .tabs--big .tab-dropdown {
 padding-right:18px
}
.dashboard .tabs--big {
 width:50%
}
#app.navigation-collapsed .dashboard .tabs--big {
 width:auto
}
@media screen and (max-width: 767px) {
 .dashboard .tabs--big {
  width:auto
 }
}
.separator {
 margin:20px 0;
 position:relative;
 text-align:center
}
.separator::before {
 content:'';
 position:absolute;
 width:100%;
 height:1px;
 top:50%;
 left:0;
 background:var(--border)
}
.separator-text {
 padding:0 10px;
 color:var(--text-muted);
 font-size:12px;
 letter-spacing:0.05em;
 text-transform:uppercase;
 background:var(--background-secondary);
 display:inline-block;
 position:relative
}
.auth-providers {
 display:flex;
 flex-wrap:wrap;
 padding:7px;
 margin:-14px
}
.auth-providers>form {
 display:flex;
 flex-grow:1;
 min-width:50%
}
.auth-provider {
 height:40px;
 padding:0 10px 0 7px;
 margin:7px;
 color:white !important;
 line-height:23px;
 border-radius:4px;
 display:flex;
 flex-grow:1;
 justify-content:center;
 align-items:center;
 text-decoration:none;
 border:none;
 text-align:initial;
 white-space:nowrap;
 overflow:hidden
}
.auth-provider.auth-provider--wide {
 padding-right:25px
}
.auth-provider.auth-provider--facebook {
 background:#4f699c
}
.auth-provider.auth-provider--google {
 background:#ededed;
 color:#757575 !important
}
.auth-provider.auth-provider--twitter {
 background:#2daee1
}
.auth-provider.auth-provider--email {
 background:#ffd22e
}
.auth-provider.auth-provider--linkedin {
 background:#006087
}
.auth-provider.auth-provider--github {
 background:#454545
}
.auth-provider.auth-provider--gitlab {
 background:#e5492a
}
.auth-provider.auth-provider--microsoft {
 background:#ededed;
 color:#757575 !important
}
.auth-provider.auth-provider--weibo {
 background:#454545
}
.auth-provider.auth-provider--saml {
 background:#454545
}
.auth-provider.auth-provider--sso {
 background:#454545
}
.auth-provider .provider-icon {
 width:29px;
 height:24px;
 flex-shrink:0;
 margin-right:10px
}
html[dir='rtl'] .auth-provider .provider-icon {
 margin-left:10px;
 margin-right:0
}
.auth-provider .provider-name {
 overflow:hidden;
 text-overflow:ellipsis
}
[data-font] {
 font-style:normal;
 text-rendering:auto;
 font-feature-settings:'liga';
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 font-size:16px
}
[data-font='FontAwesome'] {
 font-size:14px
}
[data-font='material'] {
 font-size:18px
}
[data-font='ionicons'] {
 font-size:18px
}
.icon {
 fill:currentColor
}
[class*='icon-file-'] {
 color:var(--file-icon-background);
 fill:var(--file-icon-color)
}
.icon-arrow-down,
.icon-arrow-up,
.icon-arrow-left,
.icon-arrow-right {
 fill:var(--text-muted);
 opacity:0.39
}
.btn--action .icon-arrow-down,
.btn--action .icon-arrow-up,
.btn--action .icon-arrow-left,
.btn--action .icon-arrow-right {
 opacity:var(--interactive-primary)
}
.btn--success .icon-arrow-down,
.btn--success .icon-arrow-up,
.btn--success .icon-arrow-left,
.btn--success .icon-arrow-right {
 fill:var(--text-inverted);
 opacity:1
}
.icon-arrow-left.arrow--x2,
.icon-arrow-right.arrow--x2 {
 width:14px;
 height:26px
}
html[dir='rtl'] .icon-arrow-left,
html[dir='rtl'] .icon-arrow-right,
html[dir='rtl'] .icon-line-left-arrow,
html[dir='rtl'] .icon-line-right-arrow,
html[dir='rtl'] .icon-long-arrow-right {
 transform:scaleX(-1)
}
.arrow--disabled {
 opacity:0.23
}
.icon-checkmark {
 fill:var(--supergood-color)
}
.icon-error {
 fill:var(--superbad-color)
}
.icon-danger {
 color:#faab00
}
.icon-draggable {
 opacity:0.3
}
.table-draggable .icon-draggable {
 vertical-align:middle;
 cursor:move
}
.loading.icon {
 display:inline-block;
 width:30px;
 height:30px;
 background:#38ad69;
 animation:rotateplane 1.2s infinite ease-in-out
}
.small.loading.icon {
 width:20px;
 height:20px
}
.tiny.loading.icon {
 width:12px;
 height:12px
}
.loading.icon.muted {
 background:var(--ghost-color)
}
@keyframes rotateplane {
 0% {
  transform:perspective(120px) rotateX(0deg) rotateY(0deg)
 }
 50% {
  transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
 }
 100% {
  transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
 }
}
.icon-spinner-medium {
 animation:spinIcon 0.9s steps(12) infinite
}
.icon-spinner-small {
 animation:spinIcon 0.9s steps(8) infinite
}
@keyframes spinIcon {
 to {
  transform:rotate(-1turn)
 }
}
.color-swatch {
 padding:2px;
 margin:-2px 0 -4px
}
.color-swatch::after {
 content:'';
 display:inline-block;
 height:11px;
 width:11px;
 border-radius:100%;
 background:currentColor
}
.icon-status {
 fill:var(--ok-color)
}
.icon-status.inline {
 margin-top:-3px;
 vertical-align:middle
}
.icon-status.inactive {
 fill:var(--ghost-color)
}
.icon-status.ok {
 fill:var(--supergood-color)
}
.icon-status.error {
 fill:var(--superbad-color)
}
.icon-status.neutral {
 fill:var(--ok-color)
}
.icon-status-modified-inner-circle {
 position:absolute;
 left:50%;
 top:0;
 will-change:opacity;
 transform:translate3d(-50%, 0, 0);
 animation:fade 1.8s ease-in-out infinite
}
@keyframes fade {
 54% {
  opacity:1
 }
 90% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
.icon-checkbox,
.icon-checkbox-checked,
.icon-checkbox-indeterminate {
 fill:var(--text-inverted)
}
.icon-sso-button {
 fill:var(--text-inverted)
}
.form {
 margin:0
}
.form--flexibleWidth .controls {
 display:table
}
.form--horizontal {
 display:flex;
 flex-wrap:wrap;
 align-items:flex-end
}
.form--horizontal .alert {
 flex-basis:100%
}
.form--horizontal fieldset {
 flex:1 1 auto;
 margin-right:6px
}
.form--horizontal .form-group:last-child {
 margin-bottom:0
}
.form--horizontal .form-buttons {
 margin:10px 10px 0 auto
}
.form--horizontal .controls {
 min-width:250px
}
.form--grid {
 display:flex;
 flex-wrap:wrap;
 width:calc(100% + 20px);
 margin-left:-10px;
 margin-right:-10px
}
#app.navigation-collapsed .form--grid {
 display:block
}
@media screen and (max-width: 767px) {
 .form--grid {
  display:block
 }
}
.form--grid fieldset {
 flex-basis:100%;
 display:flex;
 flex-wrap:wrap
}
.form--grid .alert {
 width:100%;
 margin-left:10px;
 margin-right:10px;
 margin-bottom:10px;
 margin-top:0
}
.form--grid .form-group {
 display:block;
 padding:0 10px;
 width:100%
}
.form--grid .form-group[data-width='1/2'] {
 width:calc(1/2 * 100%)
}
#app.navigation-collapsed .form--grid .form-group[data-width='1/2'] {
 width:100%
}
@media screen and (max-width: 767px) {
 .form--grid .form-group[data-width='1/2'] {
  width:100%
 }
}
.form--grid .form-group[data-width='1/3'] {
 width:calc(1/3 * 100%)
}
#app.navigation-collapsed .form--grid .form-group[data-width='1/3'] {
 width:100%
}
@media screen and (max-width: 767px) {
 .form--grid .form-group[data-width='1/3'] {
  width:100%
 }
}
.form--grid .form-group[data-width='2/3'] {
 width:calc(2/3 * 100%)
}
#app.navigation-collapsed .form--grid .form-group[data-width='2/3'] {
 width:100%
}
@media screen and (max-width: 767px) {
 .form--grid .form-group[data-width='2/3'] {
  width:100%
 }
}
.form--grid .form-group[data-width='1/4'] {
 width:calc(1/4 * 100%)
}
#app.navigation-collapsed .form--grid .form-group[data-width='1/4'] {
 width:100%
}
@media screen and (max-width: 767px) {
 .form--grid .form-group[data-width='1/4'] {
  width:100%
 }
}
.form--grid .form-group[data-width='2/4'] {
 width:calc(2/4 * 100%)
}
#app.navigation-collapsed .form--grid .form-group[data-width='2/4'] {
 width:100%
}
@media screen and (max-width: 767px) {
 .form--grid .form-group[data-width='2/4'] {
  width:100%
 }
}
.form--grid .form-group[data-width='3/4'] {
 width:calc(3/4 * 100%)
}
#app.navigation-collapsed .form--grid .form-group[data-width='3/4'] {
 width:100%
}
@media screen and (max-width: 767px) {
 .form--grid .form-group[data-width='3/4'] {
  width:100%
 }
}
.form--grid .form-group[data-width='1/5'] {
 width:calc(1/5 * 100%)
}
#app.navigation-collapsed .form--grid .form-group[data-width='1/5'] {
 width:100%
}
@media screen and (max-width: 767px) {
 .form--grid .form-group[data-width='1/5'] {
  width:100%
 }
}
.form--grid .form-group[data-width='2/5'] {
 width:calc(2/5 * 100%)
}
#app.navigation-collapsed .form--grid .form-group[data-width='2/5'] {
 width:100%
}
@media screen and (max-width: 767px) {
 .form--grid .form-group[data-width='2/5'] {
  width:100%
 }
}
.form--grid .form-group[data-width='3/5'] {
 width:calc(3/5 * 100%)
}
#app.navigation-collapsed .form--grid .form-group[data-width='3/5'] {
 width:100%
}
@media screen and (max-width: 767px) {
 .form--grid .form-group[data-width='3/5'] {
  width:100%
 }
}
.form--grid .form-group[data-width='4/5'] {
 width:calc(4/5 * 100%)
}
#app.navigation-collapsed .form--grid .form-group[data-width='4/5'] {
 width:100%
}
@media screen and (max-width: 767px) {
 .form--grid .form-group[data-width='4/5'] {
  width:100%
 }
}
.form-controls {
 display:flex;
 align-items:center;
 margin-top:10px
}
.form-controls .btn+.btn:not(.align-right) {
 margin-left:20px
}
html[dir='rtl'] .form-controls .btn+.btn:not(.align-right) {
 margin-right:20px;
 margin-left:10px
}
.form-buttons {
 display:flex
}
form a.standalone {
 line-height:40px;
 margin:0 5px
}
form a.standalone.align-right {
 margin-left:auto
}
html[dir='rtl'] form a.standalone.align-right {
 margin-right:auto;
 margin-left:0
}
footer {
 clear:both;
 padding-top:10px;
 padding-left:10px;
 padding-right:22px
}
html[dir='rtl'] footer {
 padding-left:22px
}
html[dir='rtl'] footer {
 padding-right:10px
}
@media screen and (max-width: 1260px) {
 .overviews .sidebar {
  display:none
 }
}
.overviews .table>tbody>tr>td {
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.overview-header {
 position:relative;
 margin:20px 0 32px;
 height:41px;
 display:none;
 align-items:center
}
#app.navigation-collapsed .overview-header {
 margin-top:0
}
@media screen and (max-width: 767px) {
 .overview-header {
  margin-top:0
 }
}
.overview-header .tabsHolder {
 flex:1;
 margin-right:20px;
 min-width:0
}
html[dir='rtl'] .overview-header .tabsHolder {
 margin-left:20px;
 margin-right:0
}
.overview-header .tabs {
 margin:0;
 position:relative
}
#app.navigation-collapsed .overview-header .tabs {
 overflow:visible
}
@media screen and (max-width: 767px) {
 .overview-header .tabs {
  overflow:visible
 }
}
#app.navigation-collapsed .overview-header .tab {
 flex-shrink:1
}
@media screen and (max-width: 767px) {
 .overview-header .tab {
  flex-shrink:1
 }
}
.overview-header .tabs-clone {
 right:0
}
.overview-header .dropdown {
 min-width:0;
 width:336px
}
#app.navigation-collapsed .overview-header .dropdown {
 left:-1px;
 right:auto;
 width:calc(100vw - 70px)
}
@media screen and (max-width: 767px) {
 .overview-header .dropdown {
  left:-1px;
  right:auto;
  width:calc(100vw - 70px)
 }
}
@media screen and (max-width: 1260px) {
 .overview-header {
  display:flex
 }
}
#app.navigation-collapsed .table-overview {
 margin-left:-10px;
 margin-right:-10px
}
@media screen and (max-width: 767px) {
 .table-overview {
  margin-left:-10px;
  margin-right:-10px
 }
}
.bulkAction {
 position:fixed;
 bottom:0;
 left:540px;
 min-width:484px;
 background:var(--background-secondary);
 z-index:1;
 box-shadow:0 -1px rgba(0,0,0,0.05),0 -2px rgba(0,0,0,0.03),0 -3px rgba(0,0,0,0.01)
}
html[dir='rtl'] .bulkAction {
 right:540px;
 left:0
}
@media screen and (max-width: 1260px) {
 .bulkAction {
  left:260px;
  min-width:744px
 }
 html[dir='rtl'] .bulkAction {
  right:260px;
  left:0
 }
}
.bulkAction.no-sidebar {
 left:260px;
 min-width:764px
}
html[dir='rtl'] .bulkAction.no-sidebar {
 right:260px;
 left:0
}
@media screen and (max-width: 1260px) {
 .bulkAction.no-sidebar {
  min-width:1024px
 }
}
#app.navigation-collapsed .bulkAction {
 left:50px;
 min-width:0
}
html[dir='rtl'] #app.navigation-collapsed .bulkAction {
 right:50px;
 left:0
}
.navigation.is-not-collapsed~#app.navigation-collapsed .bulkAction {
 left:220px
}
html[dir='rtl'] .navigation.is-not-collapsed~#app.navigation-collapsed .bulkAction {
 right:220px;
 left:0
}
@media screen and (max-width: 767px) {
 .bulkAction {
  left:50px;
  min-width:0
 }
 html[dir='rtl'] .bulkAction {
  right:50px;
  left:0
 }
 .navigation.is-not-collapsed~.bulkAction {
  left:220px
 }
 html[dir='rtl'] .navigation.is-not-collapsed~.bulkAction {
  right:220px;
  left:0
 }
}
.bulkAction-firstStep {
 display:flex;
 align-items:center
}
#app.navigation-collapsed .bulkAction-firstStep {
 flex-direction:column;
 align-items:flex-end
}
@media screen and (max-width: 767px) {
 .bulkAction-firstStep {
  flex-direction:column;
  align-items:flex-end
 }
}
.bulkAction-firstStep .has-error {
 border-color:red !important;
 border:1px solid
}
.bulkAction-secondStep {
 display:flex;
 flex-direction:column
}
.bulkAction-secondStep-bottom {
 display:flex
}
#app.navigation-collapsed .bulkAction-secondStep-bottom {
 display:block
}
@media screen and (max-width: 767px) {
 .bulkAction-secondStep-bottom {
  display:block
 }
}
.bulkAction .btn {
 margin:0 16px
}
#app.navigation-collapsed .bulkAction .btn {
 margin:10px
}
@media screen and (max-width: 767px) {
 .bulkAction .btn {
  margin:10px
 }
}
.bulkAction .btn--text {
 margin-right:0
}
html[dir='rtl'] .bulkAction .btn--text {
 margin-left:0;
 margin-right:16px
}
.bulkAction-controls {
 margin-top:10px;
 margin-left:auto
}
html[dir='rtl'] .bulkAction-controls {
 margin-right:auto;
 margin-left:0
}
#app.navigation-collapsed .bulkAction-controls {
 margin-top:0;
 display:flex;
 justify-content:space-between
}
@media screen and (max-width: 767px) {
 .bulkAction-controls {
  margin-top:0;
  display:flex;
  justify-content:space-between
 }
}
.panel {
 box-shadow:none;
 background:var(--background-secondary);
 color:var(--text-normal)
}
.panel-default {
 border-color:var(--border-alt)
}
.panel-default>.panel-heading {
 padding-bottom:8px;
 font-weight:normal;
 text-transform:uppercase;
 font-size:12px;
 line-height:17px;
 letter-spacing:0.05em;
 color:inherit;
 background:var(--background-primary-alt);
 border-color:var(--border-alt)
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
 border-top-color:var(--border-alt)
}
.panel-title {
 font-size:inherit
}
.panel-group .panel-heading {
 display:block
}
.panel-body ul {
 list-style:none;
 padding:0;
 margin:0
}
.well {
 background:var(--background-secondary);
 border:1px solid var(--border);
 border-radius:3px;
 padding:10px
}
.well-muted {
 background-color:var(--background-secondary);
 border:1px solid rgba(0,0,0,0.05);
 border-radius:4px;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)
}
.merged,
.merge:hover {
 text-decoration:line-through
}
.translation {
 border:1px dotted #f92;
 border-radius:3px;
 cursor:text
}
.translation[contenteditable='true'] {
 display:inline
}
.translation[contenteditable='true']:hover,
.translation[contenteditable='true']:focus {
 background:none
}
.translation .icon-edit {
 display:none
}
.translation:hover .icon-edit {
 display:inline-block
}
.translationOverview .btn+.btn {
 margin:-10px
}
.sub_attribute .control-label {
 width:60px
}
.sub_attribute .controls {
 margin-left:80px
}
html[dir='rtl'] .sub_attribute .controls {
 margin-right:80px;
 margin-left:0
}
.splash {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:var(--background-primary);
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:16px;
 color:var(--text-normal)
}
.splash .icon {
 margin-right:10px
}
html[dir='rtl'] .splash .icon {
 margin-left:10px;
 margin-right:0
}
.navigation {
 width:260px;
 background:var(--background-quaternary);
 position:relative;
 container-name:navigation;
 container-type:inline-size
}
#app.navigation-collapsed .navigation {
 position:absolute;
 left:0;
 top:0;
 left:0;
 width:50px;
 height:100%;
 z-index:999
}
html[dir='rtl'] #app.navigation-collapsed .navigation {
 right:0;
 left:auto
}
#app.navigation-collapsed .navigation:empty {
 display:none !important
}
#app.navigation-collapsed .navigation.is-not-collapsed {
 width:220px
}
#app.navigation-collapsed .navigation.is-not-collapsed .menu-item-name {
 display:block;
 padding-left:15px
}
@media screen and (max-width: 767px) {
 .navigation {
  position:absolute;
  left:0;
  top:0;
  left:0;
  width:50px;
  height:100%;
  z-index:999
 }
 html[dir='rtl'] .navigation {
  right:0;
  left:auto
 }
 .navigation:empty {
  display:none !important
 }
 .navigation.is-not-collapsed {
  width:220px
 }
 .navigation.is-not-collapsed .menu-item-name {
  display:block;
  padding-left:15px
 }
}
@container navigation (width = 50px) {
 .icon-double-arrow-left {
  display:none
 }
}
@container navigation (width > 50px) {
 .icon-double-arrow-right {
  display:none
 }
}
.menu {
 padding:0;
 margin:0;
 list-style:none;
 flex-shrink:0
}
.menu .badge {
 background:var(--ok-color);
 color:#25262d;
 margin-right:8px
}
html[dir='rtl'] .menu .badge {
 margin-left:8px;
 margin-right:0
}
.menu .zammad-switch {
 height:22px
}
.menu .dropdown-menu {
 left:10px;
 right:15px;
 min-width:0
}
.menu-item {
 padding:0 15px;
 height:48px;
 color:var(--menu-text);
 border-bottom:1px solid rgba(213,213,216,0.05);
 text-decoration:none;
 display:flex;
 align-items:center
}
#app.navigation-collapsed .menu-item {
 padding:0 13px;
 position:relative
}
@media screen and (max-width: 767px) {
 .menu-item {
  padding:0 13px;
  position:relative
 }
}
.menu-item .icon {
 fill:var(--menu-icon)
}
.menu-item .icon.accessory-icon {
 opacity:0.7
}
.menu-item:hover {
 background:rgba(0,0,0,0.3);
 border-bottom-color:rgba(213,213,216,0.1)
}
.menu-item.is-active,
.menu-item.is-hovered {
 background:none;
 color:var(--text-inverted)
}
.menu-item.is-active .menu-item-icon,
.menu-item.is-active .dropdown-icon,
.menu-item.is-hovered .menu-item-icon {
 fill:currentColor
}
.menu-item.is-active,
.menu-item.is-hovered {
 background:var(--button-primary-background)
}
.menu-item.is-active .zammad-switch input:not(:checked)+label,
.menu-item.is-active .zammad-switch .select-box input:not(:checked)+.select-box-header,
.select-box .menu-item.is-active .zammad-switch input:not(:checked)+.select-box-header {
 background:var(--button-primary-background-active)
}
.menu-item.is-active .zammad-switch label::after,
.menu-item.is-active .zammad-switch .select-box .select-box-header::after,
.select-box .menu-item.is-active .zammad-switch .select-box-header::after {
 background:var(--text-inverted)
}
.menu-item .dropdown-icon {
 fill:currentColor
}
.navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .menu-item .zammad-switch {
 position:absolute;
 right:12px;
 top:12px;
 width:auto;
 height:auto;
 border-radius:0
}
.navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .menu-item .zammad-switch input:checked+label,
.navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .menu-item .zammad-switch .select-box input:checked+.select-box-header,
.select-box .navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .menu-item .zammad-switch input:checked+.select-box-header {
 background:var(--supergood-color)
}
.navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .menu-item .zammad-switch label,
.navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .menu-item .zammad-switch .select-box .select-box-header,
.select-box .navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .menu-item .zammad-switch .select-box-header {
 width:8px;
 height:8px;
 background:red;
 border-radius:100%;
 transition:none
}
.navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .menu-item .zammad-switch label::after,
.navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .menu-item .zammad-switch .select-box .select-box-header::after,
.select-box .navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .menu-item .zammad-switch .select-box-header::after {
 display:none
}
@media screen and (max-width: 767px) {
 .navigation:not(:hover,
 :active,
 .is-not-collapsed) .menu-item .zammad-switch {
  position:absolute;
  right:12px;
  top:12px;
  width:auto;
  height:auto;
  border-radius:0
 }
 .navigation:not(:hover,
 :active,
 .is-not-collapsed) .menu-item .zammad-switch input:checked+label,
 .navigation:not(:hover,
 :active,
 .is-not-collapsed) .menu-item .zammad-switch .select-box input:checked+.select-box-header,
 .select-box .navigation:not(:hover,
 :active,
 .is-not-collapsed) .menu-item .zammad-switch input:checked+.select-box-header {
  background:var(--supergood-color)
 }
 .navigation:not(:hover,
 :active,
 .is-not-collapsed) .menu-item .zammad-switch label,
 .navigation:not(:hover,
 :active,
 .is-not-collapsed) .menu-item .zammad-switch .select-box .select-box-header,
 .select-box .navigation:not(:hover,
 :active,
 .is-not-collapsed) .menu-item .zammad-switch .select-box-header {
  width:8px;
  height:8px;
  background:red;
  border-radius:100%;
  transition:none
 }
 .navigation:not(:hover,
 :active,
 .is-not-collapsed) .menu-item .zammad-switch label::after,
 .navigation:not(:hover,
 :active,
 .is-not-collapsed) .menu-item .zammad-switch .select-box .select-box-header::after,
 .select-box .navigation:not(:hover,
 :active,
 .is-not-collapsed) .menu-item .zammad-switch .select-box-header::after {
  display:none
 }
}
.menu-item-navigation-toggle-button {
 justify-content:center;
 border-top:1px solid rgba(213,213,216,0.05);
 border-bottom:none
}
@media screen and (min-width: 1260px) {
 .menu-item-navigation-toggle-button {
  display:none
 }
}
@container navigation (width > 50px) {
 .menu-item-navigation-toggle-button {
  justify-content:flex-end
 }
}
.menu-item-icon {
 margin-right:15px;
 width:24px;
 height:24px
}
html[dir='rtl'] .menu-item-icon {
 margin-left:15px;
 margin-right:0
}
#app.navigation-collapsed .menu-item-icon {
 margin-right:0
}
html[dir='rtl'] #app.navigation-collapsed .menu-item-icon {
 margin-left:0;
 margin-right:0
}
@media screen and (max-width: 767px) {
 .menu-item-icon {
  margin-right:0
 }
 html[dir='rtl'] .menu-item-icon {
  margin-left:0;
  margin-right:0
 }
}
.menu-item-name {
 flex:1;
 margin-top:2px
}
#app.navigation-collapsed .menu-item-name {
 display:none
}
@media screen and (max-width: 767px) {
 .menu-item-name {
  display:none
 }
}
.call-widgets {
 overflow-y:auto;
 max-height:30vh
}
.call-widget {
 background:var(--background-quaternary-alt);
 padding:8px 10px
}
.call-widget+.call-widget {
 border-top:1px solid var(--background-modifier-border)
}
.call-widget-header {
 display:flex;
 color:inherit;
 margin-bottom:3px
}
.call-widget-header .label {
 color:inherit;
 margin:0
}
.call-widget-header .btn--text {
 color:inherit;
 opacity:0.5
}
.call-widget-header .btn--text:hover {
 opacity:1
}
.call-widget-header .icon-diagonal-cross {
 width:9px;
 height:9px;
 margin-top:-5px
}
.tasks {
 background:var(--background-tertiary);
 flex:1;
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
#app.navigation-collapsed .tasks {
 overflow-x:hidden;
 min-height:60px
}
@media screen and (max-width: 767px) {
 .tasks {
  overflow-x:hidden;
  min-height:60px
 }
}
.tasks.tasks--standalone {
 background:none;
 margin:8px 0 0;
 padding:0;
 overflow:visible
}
.tasks--standalone .task {
 padding:0;
 margin-bottom:9px;
 display:flex
}
.tasks--standalone .task .icon-holder:first-child .icon-task-state {
 margin-left:-2px
}
.tasks--standalone .task .icon-holder .icon {
 width:16px;
 height:16px;
 vertical-align:middle;
 margin-top:-3px;
 margin-right:4px
}
html[dir='rtl'] .tasks--standalone .task .icon-holder .icon {
 margin-left:4px;
 margin-right:0
}
.tasks--standalone .task-text {
 flex:1;
 min-width:0
}
.tasks--standalone .task-id::after {
 content:' - '
}
.tasks--standalone .name {
 display:block
}
.tasks--standalone .time {
 color:var(--text-muted)
}
.tasks--standalone .btn-show-all {
 margin-bottom:9px
}
.nav-tab {
 padding:10px 15px 9px 0;
 position:relative;
 color:var(--menu-text);
 display:flex;
 align-items:center
}
html[dir='rtl'] .nav-tab {
 padding:10px 15px 9px 0;
 padding:10px 0 9px 15px
}
#app.navigation-collapsed .nav-tab {
 width:220px
}
@media screen and (max-width: 767px) {
 .nav-tab {
  width:220px
 }
}
.tasks-navigation .nav-tab {
 height:40px;
 border-bottom:1px solid rgba(213,213,216,0.05)
}
.tasks-navigation .nav-tab:not(.is-active):hover {
 background:var(--background-quaternary);
 border-bottom-color:rgba(213,213,216,0.1)
}
.navigation .nav-tab-name {
 text-align:start
}
.navigation .nav-tab-name.is-inactive {
 text-decoration:line-through;
 opacity:0.73
}
.tasks-navigation .nav-tab-icon .error {
 transform:scale(0.85)
}
.nav-tab.is-active,
.nav-tab.nav-tab--search:hover,
.nav-tab.nav-tab--search.is-hover {
 background:#389ed9;
 color:var(--text-inverted)
}
.nav-tab.is-active .nav-tab-icon .icon,
.nav-tab.nav-tab--search:hover .nav-tab-icon .icon,
.nav-tab.nav-tab--search.is-hover .nav-tab-icon .icon {
 fill:currentColor
}
.nav-tab.ui-sortable-helper {
 border-bottom-color:transparent
}
.nav-tab.nav-tab--search {
 height:30px;
 padding-top:9px
}
.nav-tab.nav-tab--search.is-inactive {
 text-decoration:line-through;
 opacity:0.73
}
.nav-tab-icon {
 margin-top:-3px;
 display:flex;
 align-items:center;
 justify-content:center;
 position:relative;
 width:30px
}
.nav-tab-icon .icon {
 max-width:18px;
 max-height:18px;
 fill:var(--nav-icon)
}
.nav-tab-icon .icon-diagonal-cross {
 fill:#f35910;
 width:12px;
 height:12px
}
.nav-tab-icon .icon.icon-loading {
 animation:rotateplane 1.2s infinite ease-in-out;
 fill:var(--supergood-color);
 position:relative
}
.nav-tab-close {
 position:absolute;
 right:0;
 top:0;
 height:100%;
 padding-right:16px;
 visibility:hidden;
 display:flex;
 align-items:center
}
html[dir='rtl'] .nav-tab-close {
 left:0;
 right:auto
}
html[dir='rtl'] .nav-tab-close {
 padding-left:16px;
 padding-right:0
}
#app.navigation-collapsed .nav-tab-close {
 visibility:visible
}
@media screen and (max-width: 767px) {
 .nav-tab-close {
  visibility:visible
 }
}
.nav-tab:hover .nav-tab-close {
 visibility:visible
}
.nav-tab-close-inner {
 width:19px;
 height:19px;
 background-color:var(--background-tertiary);
 border-radius:100%;
 display:flex;
 align-items:center;
 justify-content:center
}
.nav-tab-close:hover .nav-tab-close-inner {
 background-color:#972e29
}
.nav-tab-close svg {
 width:9px;
 height:9px;
 fill:var(--text-inverted);
 opacity:0.3
}
.nav-tab-close:hover svg {
 opacity:1
}
.icon-task-state {
 vertical-align:middle
}
.nav-tab-icon .icon-task-state {
 margin:0
}
.nav-tab.task-state-open.is-active {
 background-color:var(--ok-color)
}
.task-state-open-color {
 color:var(--ok-color)
}
.icon-task-state.open {
 fill:var(--ok-color)
}
.nav-tab.task-state-closed.is-active {
 background-color:var(--supergood-color)
}
.task-state-closed-color {
 color:var(--supergood-color)
}
.icon-task-state.closed {
 fill:var(--supergood-color)
}
.nav-tab.task-state-escalating.is-active {
 background-color:var(--superbad-color)
}
.task-state-escalating-color {
 color:var(--superbad-color)
}
.icon-task-state.escalating {
 fill:var(--superbad-color)
}
.icon-task-state.archived {
 fill:var(--superbad-color)
}
.icon-task-state.published {
 fill:var(--supergood-color)
}
.icon-task-state.draft {
 fill:var(--ghost-color)
}
.task-state-pending-color {
 color:var(--text-muted)
}
.icon-task-state.pending {
 fill:var(--pending-color)
}
.state-badge {
 display:flex;
 align-items:center
}
.state-badge .icon-task-state {
 margin-right:2px
}
html[dir='rtl'] .state-badge .icon-task-state {
 margin-left:2px;
 margin-right:0
}
.search {
 padding:11px 5px 4px 10px;
 border-bottom:1px solid rgba(240,250,255,0.05);
 flex-shrink:0;
 display:flex;
 align-items:flex-start;
 background-color:inherit
}
html[dir='rtl'] .search {
 padding:11px 10px 4px 0
}
#app.navigation-collapsed .search {
 padding:10px 5px 5px;
 display:block
}
html[dir='rtl'] #app.navigation-collapsed .search {
 padding:10px 5px 5px
}
@media screen and (max-width: 767px) {
 .search {
  padding:10px 5px 5px;
  display:block
 }
 html[dir='rtl'] .search {
  padding:10px 5px 5px
 }
}
.search-holder {
 flex:1;
 border-radius:15px;
 position:relative;
 transition:margin-right 120ms;
 will-change:margin-right
}
#app.navigation-collapsed .search-holder {
 transition:none;
 will-change:initial
}
@media screen and (max-width: 767px) {
 .search-holder {
  transition:none;
  will-change:initial
 }
}
.empty-search {
 position:absolute;
 right:0;
 top:0;
 height:30px;
 width:40px;
 z-index:1;
 visibility:hidden;
 display:flex;
 align-items:center;
 justify-content:center
}
html[dir='rtl'] .empty-search {
 left:0;
 right:auto
}
.search .empty-search .icon-diagonal-cross {
 fill:var(--text-inverted);
 opacity:0.5
}
.filled.search .empty-search {
 visibility:visible
}
.search input[type='search'] {
 width:100%;
 padding:5px 33px;
 height:30px;
 color:#ececec;
 background:#31373b;
 line-height:20px;
 outline:none;
 border:none;
 border-radius:15px;
 position:relative;
 z-index:1;
 -webkit-appearance:textfield;
 -moz-appearance:textfield;
 appearance:textfield
}
#app.navigation-collapsed .search input[type='search'] {
 padding:5px 33px;
 font-size:16px
}
@media screen and (max-width: 767px) {
 .search input[type='search'] {
  padding:5px 33px;
  font-size:16px
 }
}
#app.navigation-collapsed .navigation:not(.is-not-collapsed) .search:not(.filled,
.focused) input[type='search'] {
 padding:0
}
@media screen and (max-width: 767px) {
 .navigation:not(.is-not-collapsed) .search:not(.filled,
 .focused) input[type='search'] {
  padding:0
 }
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
 -webkit-appearance:none
}
.search .search-loader {
 position:absolute;
 top:8px;
 left:10px;
 z-index:2;
 opacity:0;
 transition:0.1s 0s;
 pointer-events:none
}
.search .search-loader .icon {
 fill:var(--text-inverted);
 opacity:0.5
}
.search.loading .search-loader {
 opacity:1;
 transition:0.2s 0.5s
}
.search .icon-magnifier {
 position:absolute;
 top:8px;
 left:10px;
 left:10px;
 z-index:2;
 opacity:0.5;
 fill:var(--text-inverted);
 transition:0.1s 0s;
 pointer-events:none
}
html[dir='rtl'] .search .icon-magnifier {
 right:10px;
 left:auto
}
.search.loading .icon-magnifier {
 opacity:0;
 transition:0.2s 0.5s
}
.search.focused .search-holder {
 transition:margin-right 240ms;
 margin-right:-59px
}
html[dir='rtl'] .search.focused .search-holder {
 margin-left:-59px;
 margin-right:0
}
#app.navigation-collapsed .search.focused .search-holder {
 margin:0 !important
}
@media screen and (max-width: 767px) {
 .search.focused .search-holder {
  margin:0 !important
 }
}
.search.focused .logo {
 opacity:0;
 z-index:-1
}
#app.navigation-collapsed .search.focused .logo {
 opacity:1;
 z-index:initial
}
@media screen and (max-width: 767px) {
 .search.focused .logo {
  opacity:1;
  z-index:initial
 }
}
.navigation:not(:hover,
:active,
.is-not-collapsed) #app.navigation-collapsed .search.filled .search-holder {
 width:210px
}
@media screen and (max-width: 767px) {
 .navigation:not(:hover,
 :active,
 .is-not-collapsed) .search.filled .search-holder {
  width:210px
 }
}
#app.navigation-collapsed .search.filled .logo {
 opacity:0
}
@media screen and (max-width: 767px) {
 .search.filled .logo {
  opacity:0
 }
}
.search .logo {
 display:inline-block;
 position:relative;
 margin:-4px 10px 0 12px;
 transition:240ms
}
#app.navigation-collapsed .search .logo {
 margin:10px 0 0
}
@media screen and (max-width: 767px) {
 .search .logo {
  margin:10px 0 0
 }
}
.search .logo .icon-logo {
 position:relative
}
#app.navigation-collapsed .search .logo .icon-logo {
 width:35px;
 height:30px;
 margin-left:4px
}
@media screen and (max-width: 767px) {
 .search .logo .icon-logo {
  width:35px;
  height:30px;
  margin-left:4px
 }
}
.search .logo .activity-counter {
 min-width:21px;
 position:absolute;
 right:-3px;
 bottom:2px;
 padding:0 4px;
 font-size:12px;
 font-weight:300;
 line-height:16px;
 text-align:center;
 color:var(--text-inverted);
 text-shadow:0 1px 1px rgba(0,0,0,0.21);
 background:#e15151;
 border-radius:10px;
 border:2px solid var(--background-quaternary)
}
.search .logo .activity-counter:empty {
 display:none
}
.global-search-menu {
 background:var(--background-quaternary);
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 top:53px;
 display:none;
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
.global-search-menu .divider {
 height:1px;
 background:#2f3238;
 margin:14px 0 17px
}
.search.open .global-search-menu {
 display:block
}
.global-search-detail-link {
 padding:9px 15px 8px 0;
 margin-bottom:7px;
 height:auto !important
}
.no-match .global-search-detail-link {
 display:none
}
.global-search-detail-link .nav-tab-icon {
 width:18px;
 margin-left:10px;
 margin-right:10px
}
.global-search-detail-link .nav-tab-icon .icon {
 width:18px;
 height:14px
}
.global-search-detail-link .nav-tab-name .icon {
 fill:currentColor;
 margin:-2px 0 0 3px;
 vertical-align:middle
}
.global-search-result {
 margin:0;
 padding:0;
 list-style:none
}
.global-search-detail-no-result {
 margin:0 10px
}
.global-search-detail-no-result .icon {
 width:30px;
 height:29px
}
.user-menu {
 padding:0;
 margin:0;
 list-style:none;
 position:relative;
 flex-shrink:0;
 display:flex
}
#app.navigation-collapsed .user-menu {
 flex-direction:column
}
@media screen and (max-width: 767px) {
 .user-menu {
  flex-direction:column
 }
}
.user-menu>li {
 flex:1;
 background:var(--background-quaternary)
}
.user-menu .list-button {
 height:60px;
 position:relative;
 text-decoration:none;
 display:flex;
 align-items:center;
 justify-content:center
}
#app.navigation-collapsed .user-menu .list-button {
 height:46px
}
@media screen and (max-width: 767px) {
 .user-menu .list-button {
  height:46px
 }
}
.user-menu .list-button *:not(.dropdown-nose,
.icon-crown) {
 position:relative
}
.user-menu>li:hover .list-button::before,
.user-menu>li.open .list-button::before,
.user-menu>li.is-active .list-button::before,
.user-menu>li.is-hovered .list-button::before {
 content:'';
 position:absolute;
 top:4px;
 right:4px;
 bottom:4px;
 left:4px;
 background:var(--text-inverted)
}
.user-menu>li.is-active .list-button::before {
 background:var(--highlight)
}
.user-menu li.add:hover .list-button::before,
.user-menu li.add.is-active .list-button::before,
.user-menu li.add.is-hovered .list-button::before {
 background:#38ae6a
}
.user-menu-icon {
 width:20px;
 height:20px;
 fill:#4d4d4d
}
.user-menu-icon.icon-plus {
 fill:#38ad69
}
.user-menu>li:hover .user-menu-icon {
 fill:#25262d
}
.user-menu>li.is-active .user-menu-icon {
 fill:var(--text-inverted)
}
.user-menu>li.add:hover .user-menu-icon.icon-plus,
.user-menu>li.add.is-hovered .user-menu-icon.icon-plus,
.user-menu>li.add.is-active .user-menu-icon.icon-plus {
 fill:var(--text-inverted)
}
.user-menu>li:not(:last-child) {
 border-right:1px solid var(--background-modifier-accent)
}
#app.navigation-collapsed .user-menu>li:not(:last-child) {
 border:none
}
@media screen and (max-width: 767px) {
 .user-menu>li:not(:last-child) {
  border:none
 }
}
.dropdown-nose {
 position:absolute;
 border:7px solid transparent;
 border-bottom:none;
 border-top:7px solid var(--background-secondary);
 left:50%;
 margin-left:-7px;
 top:-6px;
 display:none
}
li.add .dropdown-nose {
 border-top-color:#38af6e
}
.open.dropdown .dropdown-nose,
.open.dropup .dropdown-nose {
 display:block
}
.user-menu .dropdown-menu {
 padding:0;
 border-radius:0;
 margin-bottom:5px;
 min-width:0;
 left:10px;
 right:15px;
 width:235px;
 box-shadow:0 0 10px rgba(0,0,0,0.28)
}
.user-menu .dropdown-menu.selected-clue {
 position:absolute
}
.user-menu li.add .dropdown-menu {
 background-color:#38af6e
}
.user-menu li.add .dropdown-menu li>a {
 color:var(--text-inverted)
}
.user-menu li.add .dropdown-menu .divider {
 background:#4cb77c
}
.user-menu .dropdown-menu .divider {
 margin:0
}
.user-menu .dropdown-menu>li>a {
 display:flex
}
.avatar {
 width:40px;
 height:40px;
 background-size:cover;
 background-position:center;
 border-radius:100%;
 display:inline-block;
 vertical-align:bottom;
 position:relative;
 flex-shrink:0
}
#app.navigation-collapsed .avatar {
 width:30px;
 height:30px
}
@media screen and (max-width: 767px) {
 .avatar {
  width:30px;
  height:30px
 }
}
.avatar a {
 color:inherit
}
.avatar.size-30 {
 width:30px;
 height:30px
}
#app.navigation-collapsed .avatar.size-30 {
 width:22px;
 height:22px
}
@media screen and (max-width: 767px) {
 .avatar.size-30 {
  width:22px;
  height:22px
 }
}
.avatar .icon-crown {
 position:absolute;
 width:28px;
 left:50%;
 margin-left:-14px;
 top:-15px;
 fill:#ffd22e
}
#app.navigation-collapsed .avatar .icon-crown {
 width:20px;
 margin-left:-10px
}
@media screen and (max-width: 767px) {
 .avatar .icon-crown {
  width:20px;
  margin-left:-10px
 }
}
.avatar-status {
 position:absolute;
 right:-4px;
 bottom:-4px;
 border-radius:999px;
 background:var(--background-tertiary);
 fill:var(--text-inverted);
 width:21px;
 height:21px;
 display:flex;
 align-items:center;
 justify-content:center
}
.avatar.size-50 {
 width:50px;
 height:50px
}
#app.navigation-collapsed .avatar.size-50 {
 width:36px;
 height:36px
}
@media screen and (max-width: 767px) {
 .avatar.size-50 {
  width:36px;
  height:36px
 }
}
.avatar.size-50 .icon-crown {
 width:36px;
 margin-left:-18px
}
#app.navigation-collapsed .avatar.size-50 .icon-crown {
 width:26px;
 margin-left:-13px
}
@media screen and (max-width: 767px) {
 .avatar.size-50 .icon-crown {
  width:26px;
  margin-left:-13px
 }
}
.avatar.size-80 {
 width:82px;
 height:82px
}
#app.navigation-collapsed .avatar.size-80 {
 width:60px;
 height:60px
}
@media screen and (max-width: 767px) {
 .avatar.size-80 {
  width:60px;
  height:60px
 }
}
.avatar.size-80 .icon-crown {
 width:64px;
 margin-left:-32px;
 top:-16px
}
#app.navigation-collapsed .avatar.size-80 .icon-crown {
 width:46px;
 margin-left:-43px;
 top:-15px
}
@media screen and (max-width: 767px) {
 .avatar.size-80 .icon-crown {
  width:46px;
  margin-left:-43px;
  top:-15px
 }
}
.avatar--vacation {
 filter:grayscale(70%);
 opacity:1
}
.avatar--idle {
 filter:grayscale(100%);
 opacity:0.5
}
.avatar--inactive {
 filter:grayscale(100%);
 opacity:0.2
}
.avatar--unique {
 background-image:url(/assets/images/avatar-bg.png);
 background-size:300px 226px;
 color:var(--text-inverted);
 line-height:40px;
 text-align:center;
 font-size:13px;
 letter-spacing:0.05em;
 text-transform:uppercase;
 text-shadow:0 1px rgba(0,0,0,0.2);
 cursor:default
}
#app.navigation-collapsed .avatar--unique {
 line-height:30px
}
@media screen and (max-width: 767px) {
 .avatar--unique {
  line-height:30px
 }
}
.avatar--unique.size-30 {
 font-size:10px;
 line-height:32px;
 background-size:225px 170px
}
#app.navigation-collapsed .avatar--unique.size-30 {
 line-height:22px
}
@media screen and (max-width: 767px) {
 .avatar--unique.size-30 {
  line-height:22px
 }
}
.avatar--unique.size-50 {
 font-size:16px;
 line-height:52px;
 background-size:375px 283px
}
#app.navigation-collapsed .avatar--unique.size-50 {
 line-height:38px
}
@media screen and (max-width: 767px) {
 .avatar--unique.size-50 {
  line-height:38px
 }
}
.avatar--unique.size-80 {
 font-size:26px;
 line-height:84px;
 background-size:600px 452px
}
#app.navigation-collapsed .avatar--unique.size-80 {
 line-height:62px
}
@media screen and (max-width: 767px) {
 .avatar--unique.size-80 {
  line-height:62px
 }
}
.avatar--organization {
 display:flex;
 align-items:center;
 justify-content:center
}
.avatar--organization .icon-organization {
 fill:currentColor
}
.avatar--organization.size-80 .icon-organization {
 width:32px;
 height:32px
}
.avatar--group {
 overflow:hidden
}
.avatar--group .icon {
 fill:var(--text-inverted);
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 width:44px;
 height:44px;
 bottom:-8px
}
.avatar--group.size-30 .icon {
 width:33px;
 height:33px;
 bottom:-6px
}
.avatar--group.size-50 .icon {
 width:55px;
 height:55px;
 bottom:-10px
}
.avatar--group.size-80 .icon {
 width:88px;
 height:88px;
 bottom:-15px
}
.avatar--group-color-0 {
 background:#009bc2
}
.avatar--group-color-1 {
 background:#00c25a
}
.avatar--group-color-2 {
 background:#bdb300
}
.avatar .icon-logo {
 width:100%;
 height:100%
}
.sidebar {
 position:relative;
 width:280px;
 padding:20px;
 color:var(--text-normal);
 background:var(--background-secondary);
 border-right:1px solid var(--border);
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
html[dir='rtl'] .sidebar {
 border-left:1px solid var(--border);
 border-right:none
}
@media screen and (max-width: 1260px) {
 .sidebar.optional {
  display:none
 }
}
.sidebar h2 {
 margin-top:0
}
.sidebar h3 {
 margin:0;
 font-weight:normal;
 font-size:16px;
 text-transform:initial;
 letter-spacing:0
}
.sidebar-block,
.popover-block {
 margin:20px 0
}
.sidebar-block:first-child,
.popover-block:first-child {
 margin-top:0
}
.sidebar-block-actions {
 margin-bottom:7px
}
.sidebar-block-header {
 margin-bottom:7px
}
.sidebar-block-header h2 {
 margin:0
}
.sidebar-block [contenteditable='true'],
.popover-block [contenteditable='true'] {
 white-space:normal
}
.sidebar-block .btn-list,
.popover-block .btn-list {
 margin-bottom:5px
}
.sidebar-block-header+.sidebar-block-button.text-muted {
 margin-top:3px
}
.sidebar-git-issue-delete {
 text-align:right;
 float:right
}
html[dir='rtl'] .sidebar-git-issue-delete {
 text-align:left
}
html[dir='rtl'] .sidebar-git-issue-delete {
 float:left
}
.sidebar-git-issue-content {
 width:90%
}
.main+.sidebar {
 border-right:none;
 border-left:1px solid var(--border)
}
[data-theme='dark'] .main+.sidebar {
 border-left:none
}
.NavBarAdmin.sidebar,
.NavBarProfile.sidebar {
 width:280px
}
#app.navigation-collapsed .NavBarAdmin.sidebar,
#app.navigation-collapsed .NavBarProfile.sidebar {
 width:50px;
 padding-left:10px;
 padding-right:10px
}
#app.navigation-collapsed .NavBarAdmin.sidebar:hover,
#app.navigation-collapsed .NavBarAdmin.sidebar:active,
#app.navigation-collapsed .NavBarProfile.sidebar:hover,
#app.navigation-collapsed .NavBarProfile.sidebar:active {
 width:165px;
 padding-left:15px;
 padding-right:15px
}
@media screen and (max-width: 767px) {
 .NavBarAdmin.sidebar,
 .NavBarProfile.sidebar {
  width:50px;
  padding-left:10px;
  padding-right:10px
 }
 .NavBarAdmin.sidebar:hover,
 .NavBarAdmin.sidebar:active,
 .NavBarProfile.sidebar:hover,
 .NavBarProfile.sidebar:active {
  width:165px;
  padding-left:15px;
  padding-right:15px
 }
}
.NavBarAdmin.sidebar h2,
.NavBarProfile.sidebar h2 {
 margin:21px 0 12px
}
#app.navigation-collapsed .NavBarAdmin.sidebar h2,
#app.navigation-collapsed .NavBarProfile.sidebar h2 {
 white-space:nowrap
}
@media screen and (max-width: 767px) {
 .NavBarAdmin.sidebar h2,
 .NavBarProfile.sidebar h2 {
  white-space:nowrap
 }
}
.NavBarAdmin.sidebar h2:first-child,
.NavBarProfile.sidebar h2:first-child {
 margin-top:0
}
.nav-stacked>li+li {
 margin-top:0
}
.nav-pills>li>a,
.nav-pills>li>a:focus,
.nav-pills>li>a:active,
.nav-pills .nav-pills-placeholder {
 color:var(--text-nav);
 border-radius:0;
 background:transparent;
 display:flex
}
.nav-pills.nav-stacked>li>a,
.nav-pills.nav-stacked>li>a:focus,
.nav-pills.nav-stacked>li>a:active,
.nav-pills.nav-stacked .nav-pills-placeholder {
 padding:0;
 height:40px;
 line-height:39px;
 border-top:1px solid var(--background-modifier-border)
}
.nav-pills.nav-stacked .nav-pills-placeholder {
 display:block;
 border-top:none
}
.nav-pills>li:hover>a {
 background:var(--background-secondary-hover)
}
.nav-pills.nav-stacked>li:hover>a,
.nav-pills.nav-stacked>li.active+li:not(.active)>a,
.nav-pills.nav-stacked>li:hover+li:not(.active)>a {
 border-color:transparent
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
 color:var(--text-inverted);
 background:var(--background-active);
 border-color:var(--background-modifier-border)
}
.nav-pills.nav-stacked>li:hover>a,
.nav-pills.nav-stacked>li.active>a,
.nav-pills.nav-stacked>li.active>a:hover,
.nav-pills.nav-stacked>li.active>a:focus {
 padding-left:10px;
 padding-right:10px;
 margin-left:-10px;
 margin-right:-10px
}
.sidebar:not(.NavBarAdmin) .nav-pills>li:first-child>a {
 border-top:none
}
.nav-pills>li>a>.icon {
 fill:currentColor;
 flex-shrink:0;
 align-self:center;
 margin-top:-2px
}
.nav-pills>li>a>.icon:first-child {
 margin-right:5px
}
html[dir='rtl'] .nav-pills>li>a>.icon:first-child {
 margin-left:5px;
 margin-right:0
}
.nav-pills>li>a>.icon[data-font]:first-child {
 margin-right:10px;
 margin-left:5px
}
html[dir='rtl'] .nav-pills>li>a>.icon[data-font]:first-child {
 margin-left:10px;
 margin-right:0
}
html[dir='rtl'] .nav-pills>li>a>.icon[data-font]:first-child {
 margin-right:5px;
 margin-left:0
}
.nav-pills>li>a>.badge {
 margin-left:auto;
 margin-right:5px;
 padding-left:10px
}
html[dir='rtl'] .nav-pills>li>a>.badge {
 padding-right:10px;
 padding-left:0
}
html[dir='rtl'] .nav-pills>li>a>.badge {
 margin-left:5px
}
html[dir='rtl'] .nav-pills>li>a>.badge {
 margin-right:auto
}
a.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
 color:var(--text-inverted);
 background:none
}
.main {
 padding:10px 20px;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 position:relative
}
#app.navigation-collapsed .main {
 padding:10px
}
@media screen and (max-width: 767px) {
 .main {
  padding:10px
 }
}
.main--large-padding {
 padding:30px 40px
}
.main--tabs,
.main.no-padding {
 padding:0
}
.tooltip {
 font-family:inherit
}
.tooltip-inner {
 max-width:400px
}
.popover {
 position:absolute;
 font-family:inherit;
 width:372px;
 max-width:9999px;
 border-radius:0;
 margin:0 5px;
 background:var(--background-popover);
 border:none;
 box-shadow:var(--elevation-high)
}
html[dir='rtl'] .popover {
 text-align:right
}
#app.navigation-collapsed .popover {
 width:auto
}
@media screen and (max-width: 767px) {
 .popover {
  width:auto
 }
}
.popover>.arrow::after {
 border-color:var(--background-popover)
}
.popover--has-horizontal-form {
 width:auto
}
.popover-body {
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
.popover-title {
 border:none;
 background:none;
 padding:21px 17px 4px
}
.popover-title .is-inactive {
 text-decoration:line-through;
 color:var(--interactive-muted)
}
.popover-content {
 padding:0 17px;
 margin-bottom:21px
}
.popover--has-horizontal-form .popover-content {
 padding:10px 5px 15px 15px;
 margin-bottom:0
}
.popover.right {
 margin-left:4px
}
.popover.right>.arrow {
 border-right:none;
 left:-9px
}
.popover.top {
 margin-bottom:9px
}
.popover.top>.arrow {
 border-top:none;
 bottom:-9px
}
.popover.left {
 margin-right:9px;
 margin-left:0
}
.popover.left>.arrow {
 border-left:none;
 right:-9px
}
.popover.bottom {
 margin-top:9px
}
.popover.bottom>.arrow {
 border-bottom:none;
 top:-9px
}
.popover>.arrow::after {
 border-width:8px
}
.popover .priority.icon::after {
 background:var(--background-secondary)
}
.popover .person .organization {
 color:var(--text-muted)
}
.popover .person.is-inactive {
 text-decoration:line-through;
 color:var(--ghost-color)
}
.popover .user-organization {
 margin-bottom:8px;
 margin-top:-4px
}
.popover .user-organization.is-inactive {
 text-decoration:line-through;
 color:var(--ghost-color)
}
.popover-block {
 margin:10px 0
}
.popover hr {
 margin:8px 0
}
.popover .person .organization::before {
 content:'('
}
.popover .person .organization::after {
 content:')'
}
.popover label,
.popover .select-box .select-box-header,
.select-box .popover .select-box-header {
 font-size:13px;
 color:var(--header-secondary);
 font-weight:300;
 text-transform:uppercase;
 letter-spacing:0.05em
}
.popover .two-columns,
.popover .three-columns {
 margin-top:-8px
}
.popover .column label,
.popover .column .select-box .select-box-header,
.select-box .popover .column .select-box-header {
 margin:8px 0 1px
}
.popover .column {
 margin-top:8px
}
.popover--notifications {
 padding:0;
 left:260px;
 margin:8px 2px;
 max-height:calc(100% - 16px);
 width:auto;
 max-width:400px;
 min-width:350px;
 flex-direction:column
}
html[dir='rtl'] .popover--notifications {
 right:260px
}
#app.navigation-collapsed .popover--notifications {
 left:50px;
 min-width:auto;
 width:calc(100% - 50px - 8px)
}
html[dir='rtl'] #app.navigation-collapsed .popover--notifications {
 right:50px
}
@media screen and (max-width: 767px) {
 .popover--notifications {
  left:50px;
  min-width:auto;
  width:calc(100% - 50px - 8px)
 }
 html[dir='rtl'] .popover--notifications {
  right:50px
 }
}
.popover--notifications.is-visible {
 display:flex
}
.popover--notifications.is-empty .popover-notificationsHeader {
 box-shadow:none
}
.popover--notifications .arrow {
 top:23px !important;
 left:-11px
}
html[dir='rtl'] .popover--notifications .arrow {
 left:408px
}
html[dir='rtl'] .popover--notifications .arrow {
 transform:rotate(180deg)
}
#app.navigation-collapsed .popover--notifications .arrow {
 top:61px !important
}
@media screen and (max-width: 767px) {
 .popover--notifications .arrow {
  top:61px !important
 }
}
.popover--notifications .popover-content {
 padding-left:0;
 padding-right:0;
 margin-bottom:0;
 overflow-y:auto
}
.popover--notifications .popover-notificationsHeader {
 border-bottom:1px solid var(--background-modifier-accent);
 padding-bottom:14px;
 flex-shrink:0
}
.popover--notifications .popover-notificationsHeader .btn {
 padding-top:3px;
 padding-bottom:5px
}
.popover--notifications .activity-placeholder {
 margin-bottom:21px
}
.popover-notificationsHeader {
 padding-bottom:8px;
 margin:21px 17px 0
}
.popover-notificationsHeader .popover-title {
 padding:0;
 line-height:1
}
.popover-notificationsHeader .btn {
 margin-top:3px
}
.popover-notificationsCounter {
 color:#e25253;
 padding-left:3px
}
html[dir='rtl'] .popover-notificationsCounter {
 padding-right:3px;
 padding-left:0
}
.user-card {
 padding:2px 0 0 50px;
 position:relative;
 min-height:40px;
 padding-right:48px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 min-width:192px
}
.user-card .avatar {
 position:absolute;
 left:0;
 top:0
}
.user-card .user-popover.is-inactive {
 text-decoration:line-through;
 opacity:0.73
}
.user-card .btn.js-newTicket {
 position:absolute;
 right:0
}
.stat-icon {
 position:relative
}
.mood-icon {
 width:60px;
 height:59px
}
.stopwatch-icon {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
.stat-stopwatch {
 width:77px;
 height:83px;
 position:relative
}
.stat-channel-icon {
 width:16px;
 height:16px;
 fill:var(--text-muted)
}
.total-tickets {
 height:83px;
 width:48px;
 margin-right:4px;
 margin-bottom:-9px;
 fill:#dee5e8;
 color:var(--background-secondary)
}
html[dir='rtl'] .total-tickets {
 margin-left:4px;
 margin-right:0
}
[data-theme='dark'] .total-tickets {
 fill:#acb6b9
}
.one-ticket {
 width:48px;
 height:10px;
 margin-top:-7px;
 margin-bottom:2px;
 position:relative
}
.stat-tickets {
 height:100px;
 color:var(--background-secondary)
}
.in-process-icon {
 width:64px;
 height:64px
}
.reopening-icon {
 width:68px;
 height:47px
}
.supergood-color {
 fill:var(--supergood-color)
}
.good-color {
 fill:var(--good-color)
}
.ok-color {
 fill:var(--ok-color)
}
.bad-color {
 fill:var(--bad-color)
}
.superbad-color {
 fill:var(--superbad-color)
}
.danger-color {
 color:var(--danger-color)
}
.u-high-priority-color {
 fill:#e15151
}
.u-low-priority-color {
 fill:#8bcae9
}
.stat-widgets {
 margin:-7px -7px 20px
}
.stat-widget {
 height:200px;
 padding:10px 10px 8px;
 text-align:center;
 line-height:20px
}
.dashboard .stat-widget {
 margin:7px;
 background:var(--background-secondary);
 border:1px solid var(--border);
 border-radius:1px;
 box-shadow:var(--elevation-low)
}
.stat-title {
 font-size:13px;
 margin:2px 0 8px;
 text-transform:uppercase;
 font-weight:normal;
 position:relative;
 padding:0 24px
}
.stat-title .tooltip {
 text-transform:none;
 width:200px
}
.stat-icon-help {
 position:absolute;
 right:3px;
 top:1px;
 cursor:help;
 fill:var(--interactive-muted)
}
.notification-icon-help {
 fill:var(--interactive-muted)
}
.stat-detail {
 color:var(--text-muted)
}
.stat-graphic {
 flex:1;
 display:flex;
 justify-content:center;
 align-items:center;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.time.stat-widget .stat-amount {
 margin-top:12px;
 text-align:center;
 font-size:30px;
 color:var(--text-inverted);
 text-shadow:0 2px rgba(0,8,14,0.2);
 position:relative;
 cursor:default
}
.time.stat-widget .stat-dial {
 position:absolute;
 top:21px;
 left:14px;
 width:52px;
 height:52px
}
.stats-row {
 padding:8px 0 7px;
 border-radius:3px;
 display:flex;
 flex-direction:column;
 align-items:center;
 flex:0 1 38px;
 height:100%
}
.stats-row .icon {
 display:block
}
.stats-row:hover {
 background:rgba(0,8,14,0.03)
}
.stats-row .stat-bars {
 flex:1;
 margin:10px 0 13px;
 padding:2px 5px;
 width:100%;
 background:linear-gradient(to top, var(--background-modifier-accent), var(--background-modifier-accent) 1px, transparent 1px);
 background-position:center bottom;
 background-size:100% 12px;
 display:flex;
 align-items:flex-end;
 justify-content:center
}
.stat-bars .stat-bar {
 border-radius:5px;
 max-width:10px;
 flex:1;
 color:#a9bcc4;
 background:#a9bcc4
}
.stat-bars .stat-bar--outbound {
 opacity:0.38;
 color:#a9bcc4;
 background:#a9bcc4
}
.stat-legend {
 margin-top:30px;
 margin-left:auto;
 display:flex
}
html[dir='rtl'] .stat-legend {
 margin-right:auto;
 margin-left:0
}
.stat-legendEntry {
 font-size:11px;
 line-height:1;
 margin-left:20px;
 background:none !important
}
html[dir='rtl'] .stat-legendEntry {
 margin-right:20px;
 margin-left:0
}
.stat-circle {
 margin-bottom:-1px;
 margin-right:3px;
 width:10px;
 height:10px;
 border-radius:100%;
 display:inline-block
}
html[dir='rtl'] .stat-circle {
 margin-left:3px;
 margin-right:0
}
.ticket_channel_distribution .stat-graphic {
 align-items:stretch
}
.ticket_channel_distribution .stats-row {
 margin-bottom:-4px;
 position:relative
}
.frequency.stat-widget .stat-bars {
 margin-top:0
}
.frequency.stat-widget .stats-row {
 margin-bottom:0
}
.frequency.stat-widget .stat-label {
 color:var(--text-muted)
}
.frequency.stat-widget .primary {
 color:#38ad69;
 background:#38ad69
}
.activity.sidebar {
 width:370px;
 padding:0;
 border-left:1px solid var(--border)
}
.activity h2 {
 margin-left:19px;
 margin-bottom:15px;
 margin-right:26px
}
html[dir='rtl'] .activity h2 {
 margin-right:19px
}
html[dir='rtl'] .activity h2 {
 margin-left:26px
}
.activity-entries {
 margin:0 -17px
}
.activity-placeholder {
 padding:0 17px
}
.activity-entry {
 display:flex;
 padding:0 17px
}
.activity-entry.is-inactive {
 opacity:0.5
}
.activity-entry.is-hover {
 background-color:var(--background-primary)
}
.activity-entry.activity-entry--removeable {
 padding-right:0
}
html[dir='rtl'] .activity-entry.activity-entry--removeable {
 margin-left:0;
 padding-right:17px
}
.activity-entry:not(:hover) .activity-remove {
 opacity:0
}
.activity-entry:not(:last-child) .activity-body::after {
 content:'';
 position:absolute;
 bottom:0;
 right:0;
 left:0;
 border-bottom:1px solid var(--background-modifier-accent)
}
.activity-entry.activity-entry--removeable:not(:last-child) .activity-body::after {
 right:17px;
 right:17px
}
html[dir='rtl'] .activity-entry.activity-entry--removeable:not(:last-child) .activity-body::after {
 left:17px;
 right:0
}
.activity-avatar {
 padding:16px 2px 0;
 margin-right:10px;
 flex-shrink:0
}
html[dir='rtl'] .activity-avatar {
 margin-left:10px;
 margin-right:0
}
.activity-body {
 padding:16px 0 16px 2px;
 position:relative;
 display:flex;
 flex:1;
 min-width:0;
 color:inherit
}
html[dir='rtl'] .activity-body {
 padding:16px 2px 16px 0
}
.activity-message {
 color:inherit;
 flex:1;
 min-width:0
}
.activity-message:hover .activity-text {
 text-decoration:underline
}
.activity-time {
 margin-top:2px;
 color:var(--text-muted);
 display:block
}
.activity-remove {
 display:flex;
 align-items:center;
 justify-content:center;
 padding-left:10px;
 padding-right:27px
}
html[dir='rtl'] .activity-remove {
 padding-left:27px
}
html[dir='rtl'] .activity-remove {
 padding-right:10px
}
.activity-remove .activity-remove-icon-holder {
 width:19px;
 height:19px;
 border-radius:100%;
 display:flex;
 align-items:center;
 justify-content:center;
 background:var(--ghost-color)
}
.activity-remove .icon {
 fill:var(--text-inverted);
 width:9px;
 height:9px
}
.activity-remove:hover .activity-remove-icon-holder {
 background:#972e29
}
.activity-remove:hover .icon {
 opacity:1
}
.form-inline {
 display:flex
}
#app.navigation-collapsed .form-inline {
 flex-wrap:wrap
}
#app.navigation-collapsed .form-inline .alert {
 flex-basis:100%
}
@media screen and (max-width: 767px) {
 .form-inline {
  flex-wrap:wrap
 }
 .form-inline .alert {
  flex-basis:100%
 }
}
.form-inline .input-group-addon,
.form-inline .form-control:not(textarea) {
 background:var(--background-secondary);
 border:none;
 line-height:1
}
.form-inline .form-group {
 overflow:hidden;
 position:relative;
 height:60px;
 flex:1 1 auto
}
#app.navigation-collapsed .form-inline .form-group {
 width:50%;
 margin-bottom:0
}
@media screen and (max-width: 767px) {
 .form-inline .form-group {
  width:50%;
  margin-bottom:0
 }
}
.form-inline .form-group.datetime {
 min-width:140px;
 overflow:visible
}
.form-group.is-changed {
 position:relative
}
.form-group.is-changed::before {
 content:'';
 position:absolute;
 top:23px;
 left:-12px;
 bottom:0;
 width:3px;
 background:repeating-linear-gradient(45deg, var(--background-modifier-border), var(--background-modifier-border) 5px, transparent 5px, transparent 9px) repeat center;
 background-size:11px 11px
}
.form-inline .form-group.is-changed::before {
 width:100%;
 height:3px;
 top:0;
 left:0;
 bottom:auto
}
.form-group.is-changed label,
.form-group.is-changed .select-box .select-box-header,
.select-box .form-group.is-changed .select-box-header {
 color:var(--text-muted);
 position:relative
}
.form-group.is-changed label::before,
.form-group.is-changed .select-box .select-box-header::before,
.select-box .form-group.is-changed .select-box-header::before {
 position:absolute;
 content:'';
 left:-10px;
 width:5px;
 height:5px;
 top:50%;
 margin-top:-3px;
 border-radius:100%;
 background:var(--interactive-muted-alt)
}
.form-inline .form-group .btn {
 margin:10px
}
.form-inline .form-group:not(:last-child),
.form-inline.form-inline--enclosed .form-group {
 border-right:1px solid var(--border)
}
#app.navigation-collapsed .form-inline .form-group,
#app.navigation-collapsed .form-inline.form-inline--enclosed .form-group {
 border-bottom:1px solid var(--border)
}
#app.navigation-collapsed .form-inline .form-group:nth-child(even),
#app.navigation-collapsed .form-inline.form-inline--enclosed .form-group:nth-child(even) {
 border-right-width:0
}
@media screen and (max-width: 767px) {
 .form-inline .form-group,
 .form-inline.form-inline--enclosed .form-group {
  border-bottom:1px solid var(--border)
 }
 .form-inline .form-group:nth-child(even),
 .form-inline.form-inline--enclosed .form-group:nth-child(even) {
  border-right-width:0
 }
}
.form-inline .input-group-addon {
 width:auto;
 padding:0;
 margin:10px 18px 0;
 font-size:13px;
 letter-spacing:0.05em;
 display:inline-block;
 position:relative
}
.form-inline .form-control:not(textarea) {
 width:100%;
 height:100%;
 left:0;
 top:0;
 position:absolute;
 padding:28px 5px 12px 20px;
 float:none;
 display:block;
 border-radius:0
}
.form-inline .formGroup-label {
 z-index:1;
 pointer-events:none
}
.form-inline .controls--datetime,
.form-inline .controls--date,
.form-inline .controls--select {
 position:static
}
.form-inline .controls--datetime {
 position:absolute;
 bottom:12px;
 left:0;
 padding:0 5px 0 20px;
 width:100%
}
.form-inline .controls--datetime .controls-label {
 display:none
}
.form-inline .controls--datetime .form-control {
 width:70px;
 line-height:inherit;
 position:static;
 padding:0;
 height:auto
}
.form-inline .controls--datetime .form-control.time {
 margin-left:5px;
 width:38px
}
.bulkAction-secondStep .form-group {
 min-width:140px
}
#app.navigation-collapsed .bulkAction-secondStep .form-group {
 min-width:0
}
#app.navigation-collapsed .bulkAction-secondStep .form-group.textarea {
 border-bottom-width:0
}
@media screen and (max-width: 767px) {
 .bulkAction-secondStep .form-group {
  min-width:0
 }
 .bulkAction-secondStep .form-group.textarea {
  border-bottom-width:0
 }
}
.bulkAction-secondStep .form-inline .textarea.form-group {
 padding:5px 10px;
 height:auto
}
.bulkAction-secondStep .form-inline .textarea.form-group .input-group-addon {
 margin-left:8px;
 margin-right:8px;
 margin-bottom:5px
}
.bulkAction-secondStep .form-inline textarea.form-control {
 display:block;
 width:100%;
 resize:vertical
}
.bulkAction-secondStep .form-inline .textarea .controls {
 margin:0 6px
}
.bulkAction-secondStep .form-inline textarea.form-control:not(:focus) {
 border-color:#f0f0f0
}
.ticketZoom {
 background:var(--background-primary)
}
.ticketZoom-controls {
 display:flex;
 justify-content:flex-end;
 align-items:center;
 padding:28px 0 0;
 margin-right:-40px
}
html[dir='rtl'] .ticketZoom-controls {
 margin-left:-40px;
 margin-right:0
}
#app.navigation-collapsed .ticketZoom-controls {
 padding:10px;
 margin-right:0
}
html[dir='rtl'] #app.navigation-collapsed .ticketZoom-controls {
 margin-left:0;
 margin-right:0
}
@media screen and (max-width: 767px) {
 .ticketZoom-controls {
  padding:10px;
  margin-right:0
 }
 html[dir='rtl'] .ticketZoom-controls {
  margin-left:0;
  margin-right:0
 }
}
.icon-marker {
 fill:#9c9c9c;
 width:17px;
 height:19px
}
.ticketNumberCopy-icon {
 vertical-align:top;
 fill:currentColor
}
.ticketZoom .ticketZoom-header {
 margin-top:6px;
 padding:0
}
#app.navigation-collapsed .ticketZoom .ticketZoom-header {
 margin-top:10px
}
@media screen and (max-width: 767px) {
 .ticketZoom .ticketZoom-header {
  margin-top:10px
 }
}
.ticketZoom .ticket-article {
 margin-top:55px
}
#app.navigation-collapsed .ticketZoom .ticket-article {
 margin-top:40px
}
@media screen and (max-width: 767px) {
 .ticketZoom .ticket-article {
  margin-top:40px
 }
}
.ticketZoom>.overview-navigator {
 margin-top:32px;
 padding-left:20px
}
html[dir='rtl'] .ticketZoom>.overview-navigator {
 padding-right:20px;
 padding-left:0
}
.ticket-article,
.article-new {
 max-width:1080px;
 margin:0 auto;
 padding:0 21px
}
#app.navigation-collapsed .ticket-article,
#app.navigation-collapsed .article-new {
 padding:0 10px
}
@media screen and (max-width: 767px) {
 .ticket-article,
 .article-new {
  padding:0 10px
 }
}
.ticket-title {
 max-width:1080px;
 padding:0 81px
}
#app.navigation-collapsed .ticket-title {
 padding:0 10px
}
@media screen and (max-width: 767px) {
 .ticket-title {
  padding:0 10px
 }
}
.ticket-title-update {
 white-space:normal;
 margin-top:15px;
 margin-bottom:8px;
 padding:0 7px;
 text-align:center
}
.ticketZoom-header .ticket-title-update:hover,
.ticketZoom-header .ticket-title-update:focus {
 background:var(--background-modifier-hover)
}
.task-subline {
 text-align:center;
 display:block
}
.ticket-article-item {
 padding-bottom:33px;
 position:relative;
 z-index:1
}
.ticket-article-item .avatar {
 position:absolute;
 right:0;
 top:5px
}
#app.navigation-collapsed .ticket-article-item .avatar {
 position:static;
 margin:0 5px 7px
}
@media screen and (max-width: 767px) {
 .ticket-article-item .avatar {
  position:static;
  margin:0 5px 7px
 }
}
.ticket-article-item.agent .avatar {
 right:auto;
 left:0
}
.article-meta-clip {
 overflow:hidden;
 position:relative;
 height:100%;
 margin:0 55px
}
#app.navigation-collapsed .article-meta-clip {
 margin:0
}
@media screen and (max-width: 767px) {
 .article-meta-clip {
  margin:0
 }
}
.article-content {
 color:var(--text-normal);
 position:relative;
 z-index:1;
 padding:0 55px
}
#app.navigation-collapsed .article-content {
 padding:0
}
@media screen and (max-width: 767px) {
 .article-content {
  padding:0
 }
}
.article-content.article-actions {
 justify-content:space-around
}
.article-content-meta {
 position:absolute;
 width:100%
}
.article-meta {
 background:var(--background-tertiary);
 color:var(--text-inverted);
 padding:21px 25px 11px;
 margin:0 12px
}
#app.navigation-collapsed .article-meta {
 margin:0 5px;
 padding:10px 10px 5px
}
@media screen and (max-width: 767px) {
 .article-meta {
  margin:0 5px;
  padding:10px 10px 5px
 }
}
.article-meta.bottom {
 padding-top:17px;
 padding-bottom:8px
}
#app.navigation-collapsed .article-meta.bottom {
 padding-top:10px;
 padding-bottom:5px
}
@media screen and (max-width: 767px) {
 .article-meta.bottom {
  padding-top:10px;
  padding-bottom:5px
 }
}
.article-meta-row {
 margin-bottom:5px
}
.article-meta-key {
 width:20%;
 text-transform:uppercase;
 flex-shrink:0
}
#app.navigation-collapsed .article-meta-key {
 width:50px
}
@media screen and (max-width: 767px) {
 .article-meta-key {
  width:50px
 }
}
.article-meta-value {
 margin-left:8px;
 overflow:hidden;
 text-overflow:ellipsis
}
html[dir='rtl'] .article-meta-value {
 margin-right:8px;
 margin-left:0
}
.article-meta-value span {
 white-space:nowrap
}
.article-meta-icon {
 fill:var(--text-inverted);
 vertical-align:top;
 margin:2px 3px 0 0
}
html[dir='rtl'] .article-meta-icon {
 margin:2px 0 0 3px
}
.article-meta-icon.icon-lock {
 margin:0
}
.article-meta-permanent {
 margin:0 55px
}
.article-meta-permanent+.article-content .textBubble {
 border-top-left-radius:0;
 border-top-right-radius:0;
 border-top-width:0
}
.article-meta-permanent .alert {
 margin-bottom:0;
 padding-left:20px;
 padding-right:20px;
 border-radius:0;
 box-shadow:0 0 0 1px inset rgba(0,0,0,0.04)
}
.article-meta-permanent .alert:first-child {
 border-top-left-radius:2px;
 border-top-right-radius:2px
}
.article-meta-permanent .alert--blank {
 background:var(--background-article-meta);
 color:var(--text-muted-alt);
 border:1px solid var(--border-alt)
}
.customer.ticket-article-item .article-meta-permanent .alert--blank {
 background:var(--background-article-customer-meta);
 border-color:var(--border-article-customer)
}
.customer.state--folde-out .article-meta-permanent .alert--blank {
 border-color:var(--border-article-customer-selected)
}
.article-meta-permanent .alert .icon {
 fill:currentColor;
 margin:2px 6px 0 0;
 vertical-align:top;
 width:14px;
 height:14px
}
.article-meta-permanent .alert .icon-lock {
 margin-top:1px;
 width:16px;
 height:16px
}
.internal-border {
 padding:5px;
 border-radius:5px;
 margin:-5px
}
.is-internal .internal-border {
 background:repeating-linear-gradient(45deg, var(--border-internal), var(--border-internal) 5px, var(--border-internal-stripe) 5px, var(--border-internal-stripe) 10px);
 background-size:14px 14px;
 background-position:-1px
}
.is-internal .bubble-arrow {
 display:none
}
.article-visibility-text-wrapper {
 padding:0 55px;
 opacity:0;
 height:0
}
.article-visibility-text-wrapper .article-visibility-text {
 margin-bottom:17px
}
.article-visibility-text-wrapper .article-visibility-text.is-hidden {
 display:none
}
.textBubble {
 padding:10px 20px;
 background:var(--background-secondary);
 border-radius:2px;
 border:1px solid var(--border-alt);
 box-shadow:0 0 1px rgba(0,0,0,0.06) inset;
 position:relative
}
#app.navigation-collapsed .textBubble {
 padding:10px
}
@media screen and (max-width: 767px) {
 .textBubble {
  padding:10px
 }
}
.textBubble p {
 margin:0
}
.is-internal .textBubble {
 border-color:var(--border-internal) !important
}
.textBubble-content {
 overflow:hidden;
 position:relative
}
.textBubble-footer {
 display:flex;
 justify-content:space-between;
 align-items:center;
 margin:0 -12px -28px;
 padding:6px 12px;
 border-radius:0 0 4px 4px
}
.textBubble-control {
 display:flex
}
.textBubble-letterCount:not(.label-danger,
.label-warning) {
 color:var(--ghost-color)
}
.textBubble-overflowContainer {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 background:var(--background-secondary)
}
.textBubble-overflowContainer.is-open::before {
 display:none
}
.textBubble-overflowContainer .btn {
 padding-top:15px;
 padding-bottom:15px;
 font-size:10px
}
.textBubble-overflowContainer::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:-30px;
 height:30px;
 background:linear-gradient(rgba(255,255,255,0), var(--background-secondary));
 pointer-events:none
}
.customer .textBubble-overflowContainer {
 background:var(--background-article-customer)
}
.customer .textBubble-overflowContainer::before {
 background:linear-gradient(rgba(229,240,245,0), var(--background-article-customer))
}
.customer.ticket-article-item .textBubble {
 background:var(--background-article-customer);
 border-color:var(--border-article-customer);
 box-shadow:none
}
.customer .richtext-content blockquote {
 border-left:5px solid var(--background-modifier-border)
}
.customer.ticket-article-item.state--folde-out .textBubble {
 border-color:var(--border-article-customer-selected)
}
.bubble-arrow {
 position:absolute;
 width:6px;
 height:9px;
 left:-6px;
 top:15px;
 overflow:hidden
}
#app.navigation-collapsed .bubble-arrow {
 left:14px !important;
 top:-5px;
 width:9px;
 height:6px
}
@media screen and (max-width: 767px) {
 .bubble-arrow {
  left:14px !important;
  top:-5px;
  width:9px;
  height:6px
 }
}
.bubble-arrow::after {
 content:'';
 position:absolute;
 top:-1px;
 left:1px;
 width:11px;
 height:11px;
 background:var(--background-secondary);
 border:1px solid var(--border-alt);
 box-shadow:0 0 1px rgba(0,0,0,0.06) inset;
 transform:rotate(-45deg)
}
#app.navigation-collapsed .bubble-arrow::after {
 top:2px;
 left:-1px
}
@media screen and (max-width: 767px) {
 .bubble-arrow::after {
  top:2px;
  left:-1px
 }
}
.customer.ticket-article-item .bubble-arrow {
 left:auto;
 right:-6px
}
#app.navigation-collapsed .customer.ticket-article-item .bubble-arrow {
 left:14px;
 right:auto;
 top:-4px
}
@media screen and (max-width: 767px) {
 .customer.ticket-article-item .bubble-arrow {
  left:14px;
  right:auto;
  top:-4px
 }
}
.customer.ticket-article-item .bubble-arrow::after {
 background:var(--background-article-customer);
 left:auto;
 right:2px;
 border-color:var(--border-article-customer);
 box-shadow:none
}
#app.navigation-collapsed .customer.ticket-article-item .bubble-arrow::after {
 left:-1px;
 right:auto
}
@media screen and (max-width: 767px) {
 .customer.ticket-article-item .bubble-arrow::after {
  left:-1px;
  right:auto
 }
}
.customer.ticket-article-item.state--folde-out .bubble-arrow::after {
 border-color:var(--border-article-customer-selected)
}
.attachments.attachments--list:not(:empty) {
 border-top:1px solid var(--background-modifier-border);
 white-space:normal;
 margin:10px -20px 0;
 padding:26px 20px 7px 72px;
 position:relative
}
#app.navigation-collapsed .attachments.attachments--list:not(:empty) {
 margin-left:-10px;
 margin-right:-10px;
 padding:20px 15px 7px 30px
}
@media screen and (max-width: 767px) {
 .attachments.attachments--list:not(:empty) {
  margin-left:-10px;
  margin-right:-10px;
  padding:20px 15px 7px 30px
 }
}
.attachments.attachments--list .attachments-title {
 font-size:13px;
 font-weight:500;
 text-transform:uppercase;
 padding:0 7px
}
.attachments.attachments--list .attachments-title .badge {
 margin:-1px 0 0 5px
}
.attachments>.icon:first-child {
 position:absolute;
 left:33px;
 top:27px;
 fill:var(--ghost-color)
}
#app.navigation-collapsed .attachments>.icon:first-child {
 width:16px;
 height:16px;
 left:12px;
 top:20px
}
@media screen and (max-width: 767px) {
 .attachments>.icon:first-child {
  width:16px;
  height:16px;
  left:12px;
  top:20px
 }
}
.attachments-block {
 margin-bottom:12px
}
.attachments-block:last-child {
 margin-bottom:0
}
.attachments-block-headline {
 font-size:13px;
 color:var(--text-normal);
 font-weight:500;
 text-transform:uppercase;
 margin:0 7px
}
.ticket-article-item .task-subline {
 margin-top:7px
}
.article-action {
 padding:5px 16px;
 margin-top:5px;
 color:var(--interactive-muted);
 font-size:12px;
 text-align:center
}
.article-action:hover {
 color:var(--text-primary);
 text-decoration:none
}
.article-action-icon {
 margin-right:5px;
 vertical-align:top;
 width:17px;
 height:17px;
 fill:currentColor
}
html[dir='rtl'] .article-action-icon {
 margin-left:5px;
 margin-right:0
}
@media screen and (max-width: 1080px) {
 .article-action-name {
  display:none
 }
}
@media screen and (max-width: 1358px) {
 .main:not(.is-closed) .article-action-name {
  display:none
 }
}
.article-add {
 position:relative;
 z-index:1
}
.article-new {
 margin-top:auto;
 margin-bottom:36px
}
.dropArea {
 background:var(--background-secondary);
 border:5px solid;
 color:#41a0d8;
 font-size:20px;
 margin:5px;
 display:none
}
.dropArea--small {
 margin:0;
 font-size:inherit;
 border-width:3px;
 min-height:38px
}
.is-dropTarget .dropArea {
 display:block
}
.dropContainer {
 position:relative
}
.dropArea-inner {
 display:flex;
 align-items:center;
 justify-content:center
}
.shortcut .dropdown-menu>.is-active>a {
 background:none
}
.shortcut>.dropdown-menu {
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 position:absolute;
 max-width:100%;
 min-width:0
}
.editControls {
 position:absolute;
 left:0;
 top:5px
}
#app.navigation-collapsed .editControls {
 position:static;
 margin:0 0 10px;
 display:flex;
 align-items:center
}
@media screen and (max-width: 767px) {
 .editControls {
  position:static;
  margin:0 0 10px;
  display:flex;
  align-items:center
 }
}
.article-add[data-type='email'] .editControls {
 top:159px
}
.editControls-item {
 position:absolute;
 top:43px
}
#app.navigation-collapsed .editControls-item {
 position:relative;
 z-index:initial;
 top:0 !important;
 transform:none !important;
 opacity:1 !important
}
@media screen and (max-width: 767px) {
 .editControls-item {
  position:relative;
  z-index:initial;
  top:0 !important;
  transform:none !important;
  opacity:1 !important
 }
}
.editControls-item.is-hidden {
 display:none
}
#app.navigation-collapsed .editControls-item.is-hidden {
 display:block
}
@media screen and (max-width: 767px) {
 .editControls-item.is-hidden {
  display:block
 }
}
#app.navigation-collapsed .editControls-item:nth-child(2) {
 z-index:1
}
@media screen and (max-width: 767px) {
 .editControls-item:nth-child(2) {
  z-index:1
 }
}
.editControls-item:nth-child(3) {
 top:79px
}
.editControls-item:nth-child(4) {
 top:115px
}
.editControls-item:not(:last-child) {
 border-bottom:1px solid var(--border)
}
#app.navigation-collapsed .editControls-item:not(:last-child) {
 border-bottom:0;
 border-right:1px solid var(--border)
}
@media screen and (max-width: 767px) {
 .editControls-item:not(:last-child) {
  border-bottom:0;
  border-right:1px solid var(--border)
 }
}
.editControls-iconHolder {
 width:38px;
 height:35px;
 display:flex;
 align-items:center;
 justify-content:center
}
#app.navigation-collapsed .editControls-iconHolder {
 width:48px;
 height:32px
}
@media screen and (max-width: 767px) {
 .editControls-iconHolder {
  width:48px;
  height:32px
 }
}
#app.navigation-collapsed .editControls-icon {
 line-height:0.7
}
@media screen and (max-width: 767px) {
 .editControls-icon {
  line-height:0.7
 }
}
.editControls-icon .icon {
 fill:var(--interactive-muted)
}
.pop-selector {
 position:absolute;
 top:0;
 left:0;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:4px;
 box-shadow:var(--elevation-low)
}
#app.navigation-collapsed .pop-selector {
 top:-4px;
 left:7px
}
@media screen and (max-width: 767px) {
 .pop-selector {
  top:-4px;
  left:7px
 }
}
.pop-selector.is-hidden {
 display:none
}
.pop-selectable {
 width:35px;
 height:35px;
 display:flex;
 align-items:center;
 justify-content:center;
 background:var(--background-tertiary)
}
.pop-selectable:hover {
 background:var(--highlight)
}
.pop-selectable:first-child {
 border-radius:4px 0 0 4px
}
html[dir='rtl'] .pop-selectable:first-child {
 border-radius:4px 0 0 4px;
 border-radius:0 4px 4px 0
}
.pop-selectable:last-child {
 border-radius:0 4px 4px 0
}
html[dir='rtl'] .pop-selectable:last-child {
 border-radius:0 4px 4px 0;
 border-radius:4px 0 0 4px
}
.pop-selectable:only-child {
 border-radius:4px
}
.pop-selectable:hover .pop-selectable-icon {
 fill:var(--text-inverted)
}
.article-add .icon-internal {
 fill:#f38758
}
.article-add.is-public .icon-internal,
.article-add.is-internal .icon-public {
 display:none
}
.article-new .textBubble {
 border-radius:5px;
 padding-left:12px;
 padding-right:12px;
 cursor:text
}
.articleNewEdit-body {
 width:100%;
 position:relative;
 min-height:20px;
 vertical-align:bottom;
 border:none;
 outline:none;
 resize:none;
 height:auto
}
#app.navigation-collapsed .articleNewEdit-body {
 font-size:16px
}
@media screen and (max-width: 767px) {
 .articleNewEdit-body {
  font-size:16px
 }
}
.article-new .bubble-arrow::after {
 box-shadow:none
}
.article-attachment {
 position:absolute;
 bottom:-4px;
 left:10px;
 right:10px;
 height:42px;
 padding:10px 0;
 color:var(--text-muted);
 overflow:hidden
}
.attachments:not(:empty) {
 padding:9px 5px;
 border-top:1px solid var(--background-modifier-border);
 margin:6px -12px 30px
}
.ticket-create .attachments:not(:empty) {
 margin-left:0;
 margin-right:0;
 margin-bottom:56px
}
.ticket-create .attachment--row {
 line-height:1.45
}
.attachment.attachment--row {
 font-size:13px;
 padding:1px 10px 1px 7px;
 cursor:default;
 position:relative;
 display:flex
}
html[dir='rtl'] .attachment.attachment--row {
 padding:1px 7px 1px 10px
}
.attachment.attachment--preview {
 display:flex;
 font-size:13px;
 padding:9px 4px;
 position:relative;
 min-height:42px;
 color:inherit;
 align-items:flex-start;
 border-bottom:1px solid var(--background-modifier-border)
}
.attachment.attachment--preview:last-child {
 border-bottom:none
}
.attachment-icon {
 margin-top:2px;
 width:38px;
 text-align:center;
 flex-shrink:0
}
.attachment-icon .icon {
 vertical-align:bottom
}
.attachment-icon img {
 width:30px;
 height:30px;
 -o-object-fit:cover;
 object-fit:cover
}
.attachment--preview .attachment-text {
 margin:0 4px
}
.attachment--preview .attachment-name {
 min-width:0;
 display:block;
 word-break:break-all
}
.attachment--preview .attachment-size {
 white-space:nowrap;
 font-size:11px;
 color:var(--text-muted)
}
.attachment--preview .attachment-delete {
 color:var(--interactive-muted);
 text-decoration:underline;
 display:none;
 white-space:nowrap;
 margin-left:auto
}
html[dir='rtl'] .attachment--preview .attachment-delete {
 margin-right:auto;
 margin-left:0
}
#app.navigation-collapsed .attachment--preview .attachment-delete {
 display:block
}
@media screen and (max-width: 767px) {
 .attachment--preview .attachment-delete {
  display:block
 }
}
.attachment:hover .attachment--preview .attachment-delete {
 padding:0 10px 0 30px;
 float:right;
 display:block;
 position:absolute;
 right:0;
 background:linear-gradient(to right, transparent, var(--background-secondary-hover) 20px)
}
.attachment--preview .attachment-delete .icon {
 fill:var(--interactive-muted);
 width:9px;
 height:9px;
 margin-right:5px
}
html[dir='rtl'] .attachment--preview .attachment-delete .icon {
 margin-left:5px;
 margin-right:0
}
.attachment:hover {
 background:var(--background-secondary-hover)
}
.attachment--row .attachment-name {
 margin-right:5px;
 min-width:0
}
html[dir='rtl'] .attachment--row .attachment-name {
 margin-left:5px;
 margin-right:0
}
.attachment--row .attachment-size {
 white-space:nowrap;
 float:right;
 margin-right:10px
}
html[dir='rtl'] .attachment--row .attachment-size {
 margin-left:10px;
 margin-right:0
}
.attachment--row .attachment-delete {
 color:var(--interactive-muted);
 text-decoration:underline;
 display:none;
 white-space:nowrap;
 margin-left:auto
}
html[dir='rtl'] .attachment--row .attachment-delete {
 margin-right:auto;
 margin-left:0
}
.attachment.attachment--row:hover .attachment-delete {
 padding:0 10px 0 30px;
 float:right;
 display:block;
 position:absolute;
 right:0;
 background:linear-gradient(to right, transparent, var(--background-secondary-hover) 20px)
}
.attachment--row .attachment-delete .icon {
 width:9px;
 height:9px;
 margin-right:5px
}
html[dir='rtl'] .attachment--row .attachment-delete .icon {
 margin-left:5px;
 margin-right:0
}
.attachmentPlaceholder-inputHolder {
 position:relative;
 display:inline-block;
 overflow:hidden;
 vertical-align:bottom;
 pointer-events:auto
}
.attachmentUpload {
 color:var(--text-muted)
}
.attachmentUpload-cancel {
 margin-left:auto;
 text-decoration:underline
}
html[dir='rtl'] .attachmentUpload-cancel {
 margin-right:auto;
 margin-left:0
}
.attachmentUpload .icon {
 fill:var(--interactive-muted);
 width:9px;
 height:9px;
 margin-right:5px
}
html[dir='rtl'] .attachmentUpload .icon {
 margin-left:5px;
 margin-right:0
}
.attachmentUpload-progressBar {
 position:absolute;
 height:4px;
 background:#41a0d8;
 left:0;
 bottom:0
}
.attachmentUpload--standalone {
 position:relative;
 margin-bottom:7px;
 padding-bottom:2px;
 box-shadow:0 -4px var(--border) inset
}
.attachmentUpload--standalone:last-child {
 margin-bottom:0
}
.attachmentUpload--standalone .attachmentUpload-cancel {
 padding:0 2px 0 7px
}
.attachmentUploadContainer .attachmentUpload-progressBar {
 position:inherit
}
.tabsSidebar-tabsSpacer {
 padding-right:62px !important;
 overflow-x:hidden;
 overflow-y:scroll
}
html[dir='rtl'] .tabsSidebar-tabsSpacer {
 padding-left:62px !important;
 padding-right:0
}
#app.navigation-collapsed .tabsSidebar-tabsSpacer {
 padding-right:0 !important
}
html[dir='rtl'] #app.navigation-collapsed .tabsSidebar-tabsSpacer {
 padding-left:0 !important;
 padding-right:0
}
@media screen and (max-width: 767px) {
 .tabsSidebar-tabsSpacer {
  padding-right:0 !important
 }
 html[dir='rtl'] .tabsSidebar-tabsSpacer {
  padding-left:0 !important;
  padding-right:0
 }
}
.tabsSidebar-sidebarSpacer {
 margin-right:280px;
 transition:margin-right 500ms
}
html[dir='rtl'] .tabsSidebar-sidebarSpacer {
 margin-left:280px;
 margin-right:0
}
html[dir='rtl'] .tabsSidebar-sidebarSpacer {
 transition:margin-left 500ms
}
.tabsSidebar-sidebarSpacer.is-closed {
 margin-right:0
}
html[dir='rtl'] .tabsSidebar-sidebarSpacer.is-closed {
 margin-left:0
}
.tabsSidebar-holder {
 overflow:hidden;
 position:relative;
 flex:1;
 display:flex;
 flex-direction:column
}
.tabsSidebar .sidebar {
 width:280px;
 border-left:1px solid var(--border);
 padding:0;
 margin-bottom:1px
}
.tabsSidebar .sidebar>hr {
 margin:20px
}
.tabsSidebar .sidebar-header {
 display:flex;
 align-content:stretch;
 position:relative;
 margin:0 20px
}
.tabsSidebar .sidebar-header+hr {
 margin-top:0
}
.sidebar-header-headline {
 padding:33px 8px 17px 25px;
 margin:0 0 0 -20px;
 line-height:1
}
html[dir='rtl'] .sidebar-header-headline {
 padding:33px 25px 17px 8px
}
html[dir='rtl'] .sidebar-header-headline {
 margin:0 -20px 0 0
}
.sidebar-header-actions {
 flex:1;
 margin-right:5px;
 display:flex;
 align-items:center
}
html[dir='rtl'] .sidebar-header-actions {
 margin-left:5px;
 margin-right:0
}
.sidebar-header-actions .dropdown {
 flex:1;
 position:static
}
.sidebar-header-actions .dropdown-toggle {
 padding-top:38px;
 padding-bottom:24px
}
.tabsSidebar-close {
 padding:27px 35px 12px 0;
 margin:0 -20px 0 0;
 display:flex;
 align-items:center;
 justify-content:center
}
.tabsSidebar-close .icon {
 fill:var(--interactive-primary)
}
.tabsSidebar .sidebar-content {
 padding:0 20px 20px
}
.sidebar.bottom-form-shadow {
 box-shadow:0 -1px rgba(0,0,0,0.005) inset,0 -2px rgba(0,0,0,0.005) inset,0 -3px rgba(0,0,0,0.005) inset,0 -4px rgba(0,0,0,0.005) inset
}
.tabsSidebar {
 position:absolute;
 right:0;
 top:0;
 bottom:0;
 transition:500ms;
 z-index:300
}
html[dir='rtl'] .tabsSidebar {
 left:0;
 right:auto
}
.tabsSidebar.tabsSidebar--attributeBarSpacer {
 bottom:60px
}
.tabsSidebar.is-closed {
 transform:translateX(280px)
}
html[dir='rtl'] .tabsSidebar.is-closed {
 transform:translateX(-280px)
}
.tabsSidebar-tabs {
 display:flex;
 flex-direction:column;
 justify-content:center;
 position:absolute;
 left:-55px;
 top:0;
 bottom:0;
 pointer-events:none
}
html[dir='rtl'] .tabsSidebar-tabs {
 right:-55px;
 left:auto
}
#app.navigation-collapsed .tabsSidebar-tabs {
 left:-47px
}
html[dir='rtl'] #app.navigation-collapsed .tabsSidebar-tabs {
 right:-47px;
 left:auto
}
@media screen and (max-width: 767px) {
 .tabsSidebar-tabs {
  left:-47px
 }
 html[dir='rtl'] .tabsSidebar-tabs {
  right:-47px;
  left:auto
 }
}
.test {
 position:absolute;
 width:100%
}
.tabsSidebar-tab {
 width:56px;
 height:60px;
 background:var(--background-primary-alt);
 position:relative;
 border-top:1px solid var(--border-alt);
 pointer-events:auto;
 display:flex;
 align-items:center;
 justify-content:center
}
#app.navigation-collapsed .tabsSidebar-tab {
 width:47px;
 height:50px
}
@media screen and (max-width: 767px) {
 .tabsSidebar-tab {
  width:47px;
  height:50px
 }
}
.tabsSidebar-tab.is-changed::before {
 position:absolute;
 content:'';
 left:-3px;
 width:6px;
 height:6px;
 top:50%;
 margin-top:-3px;
 border-radius:100%;
 background:var(--interactive-muted-alt);
 box-shadow:0 0 0 2px var(--background-primary)
}
.tabsSidebar-tab:first-child {
 border-top-left-radius:8px;
 border-top:none
}
html[dir='rtl'] .tabsSidebar-tab:first-child {
 border-top-right-radius:8px;
 border-top-left-radius:0
}
.tabsSidebar-tab:last-child {
 border-bottom-left-radius:8px
}
html[dir='rtl'] .tabsSidebar-tab:last-child {
 border-bottom-right-radius:8px;
 border-bottom-left-radius:0
}
.tabsSidebar-tab .icon {
 width:24px;
 height:24px;
 fill:var(--interactive-muted-alt)
}
.tabsSidebar-tab.active .tabsSidebar-tab-count {
 background:var(--interactive-muted-alt-selected)
}
.tabsSidebar-tab.active .tabsSidebar-tab-count::after {
 border-right-color:var(--interactive-muted-alt-selected)
}
.tabsSidebar-tab.active .tabsSidebar-tab-count.tabsSidebar-tab-count--info {
 background:var(--button-primary-background);
 opacity:1
}
.tabsSidebar-tab.active .tabsSidebar-tab-count.tabsSidebar-tab-count--info::after {
 border-right-color:var(--button-primary-background)
}
.tabsSidebar-tab.active .tabsSidebar-tab-count.tabsSidebar-tab-count--success {
 background:#38ad69;
 opacity:1
}
.tabsSidebar-tab.active .tabsSidebar-tab-count.tabsSidebar-tab-count--success::after {
 border-right-color:#38ad69
}
.tabsSidebar-tab.active .tabsSidebar-tab-count.tabsSidebar-tab-count--warning {
 background:#fdcf44;
 opacity:1
}
.tabsSidebar-tab.active .tabsSidebar-tab-count.tabsSidebar-tab-count--warning::after {
 border-right-color:#fdcf44
}
.tabsSidebar-tab.active .tabsSidebar-tab-count.tabsSidebar-tab-count--danger {
 background:#e23912;
 opacity:1
}
.tabsSidebar-tab.active .tabsSidebar-tab-count.tabsSidebar-tab-count--danger::after {
 border-right-color:#e23912
}
.tabsSidebar-tab.active .icon {
 fill:var(--interactive-muted-alt-selected)
}
.tabsSidebar-tab-count {
 position:absolute;
 left:9px;
 top:5px;
 background:var(--interactive-muted-alt);
 width:16px;
 height:13px;
 text-align:center;
 border-radius:2px;
 font-size:9px;
 line-height:14px;
 color:var(--background-primary-alt)
}
#app.navigation-collapsed .tabsSidebar-tab-count {
 left:4px;
 top:4px
}
@media screen and (max-width: 767px) {
 .tabsSidebar-tab-count {
  left:4px;
  top:4px
 }
}
[data-tab='organization'] .tabsSidebar-tab-count {
 left:7px
}
[data-tab='organization'] .tabsSidebar-tab-count+.icon {
 margin-left:3px
}
.tabsSidebar-tab-count+.icon {
 margin-top:6px
}
.tabsSidebar-tab-count::after {
 content:'';
 position:absolute;
 top:100%;
 right:20%;
 border-bottom:3px solid transparent;
 border-right:5px solid var(--interactive-muted-alt)
}
.tabsSidebar-tab-count.tabsSidebar-tab-count--info {
 background:var(--button-primary-background);
 opacity:0.5
}
.tabsSidebar-tab-count.tabsSidebar-tab-count--info::after {
 border-right-color:var(--button-primary-background)
}
.tabsSidebar-tab-count.tabsSidebar-tab-count--success {
 background:#38ad69;
 opacity:0.5
}
.tabsSidebar-tab-count.tabsSidebar-tab-count--success::after {
 border-right-color:#38ad69
}
.tabsSidebar-tab-count.tabsSidebar-tab-count--warning {
 background:#fdcf44;
 opacity:0.5
}
.tabsSidebar-tab-count.tabsSidebar-tab-count--warning::after {
 border-right-color:#fdcf44
}
.tabsSidebar-tab-count.tabsSidebar-tab-count--danger {
 background:#e23912;
 opacity:0.5
}
.tabsSidebar-tab-count.tabsSidebar-tab-count--danger::after {
 border-right-color:#e23912
}
.alert {
 padding:10px 15px 8px;
 border-radius:3px;
 color:var(--text-inverted);
 border:none;
 background:rgba(0,0,0,0.3)
}
.alert .icon {
 margin-right:10px;
 fill:currentColor
}
html[dir='rtl'] .alert .icon {
 margin-left:10px;
 margin-right:0
}
.alert .btn {
 background:rgba(0,0,0,0.2);
 border-color:rgba(0,0,0,0.1);
 color:inherit
}
.alert--info {
 background:var(--button-primary-background)
}
.alert--success,
.alert--success[contenteditable]:hover,
.alert--success[contenteditable]:focus {
 background:#38ad69
}
.alert--warning {
 color:#564101;
 background:#fdcf44
}
.alert--warning .btn {
 background:rgba(255,255,255,0.2)
}
.alert--danger {
 background:#e23912
}
.alert--square {
 border-radius:0
}
.alert.horizontal .btn {
 margin-top:-5px;
 margin-bottom:-4px
}
.alert.horizontal .btn:last-child {
 margin-right:-5px
}
.alert-row {
 margin:3px 0
}
.alert-row+.btn {
 margin-top:3px
}
.tags,
.links,
.link_kb_answers {
 margin:20px 0
}
.tags {
 margin-top:10px
}
.userNotifications label+.btn,
.userNotifications .select-box .select-box-header+.btn,
.select-box .userNotifications .select-box-header+.btn {
 margin-top:1px
}
.list {
 padding:0;
 margin-bottom:5px
}
.list-title {
 margin-top:7px;
 margin-bottom:4px;
 text-transform:uppercase;
 color:var(--ghost-color);
 display:block;
 font-size:12px;
 font-weight:normal;
 letter-spacing:0.05em
}
.list-item {
 display:flex;
 align-items:center;
 border-bottom:1px solid var(--background-modifier-border)
}
.list-item-name {
 flex:1;
 padding:4px 1px
}
.list-item-delete {
 padding:0 10px;
 margin-right:-3px;
 display:flex;
 align-items:center;
 justify-content:center;
 align-self:stretch
}
html[dir='rtl'] .list-item-delete {
 margin-left:-3px;
 margin-right:0
}
.list-item-delete .icon {
 width:9px;
 height:9px;
 fill:var(--interactive-muted)
}
.list-item-delete:hover .icon {
 fill:#d41f1c
}
li.list-item-none {
 list-style-type:none
}
.ticket-id {
 color:var(--text-inverted);
 background:var(--interactive-muted-alt);
 font-size:11px;
 border-radius:7px;
 padding:0 5px;
 margin-right:2px
}
html[dir='rtl'] .ticket-id {
 margin-left:2px;
 margin-right:0
}
.attributeBar {
 background:var(--background-secondary);
 transition:margin 250ms;
 flex-shrink:0;
 border-top:1px solid var(--border)
}
.attributeBar.is-closed {
 margin-bottom:-60px
}
#app.navigation-collapsed .attributeBar-reset {
 flex-shrink:5
}
#app.navigation-collapsed .attributeBar .btn,
#app.navigation-collapsed .attributeBar .buttonDropdown {
 min-width:20px
}
#app.navigation-collapsed .attributeBar .btn--only-icon,
#app.navigation-collapsed .attributeBar .buttonDropdown--only-icon {
 min-width:36px
}
@media screen and (max-width: 767px) {
 .attributeBar-reset {
  flex-shrink:5
 }
 .attributeBar .btn,
 .attributeBar .buttonDropdown {
  min-width:20px
 }
 .attributeBar .btn--only-icon,
 .attributeBar .buttonDropdown--only-icon {
  min-width:36px
 }
}
.attributeBar-inner {
 height:60px;
 display:flex;
 align-items:center;
 justify-content:flex-end;
 padding:10px
}
.attributeBar-avatars {
 margin-right:10px
}
.attributeBar-draft-spacer {
 width:1px;
 height:60px;
 margin-right:15px;
 background:var(--background-modifier-accent)
}
.attributeBar-avatars:empty+.attributeBar-draft-spacer {
 display:none
}
.attributeBar--border {
 border-top:1px solid var(--border)
}
.attributeBar--spacer-after {
 margin-right:auto
}
.newTicket {
 padding:14px 34px
}
#app.navigation-collapsed .newTicket {
 padding:0
}
@media screen and (max-width: 767px) {
 .newTicket {
  padding:0
 }
}
.newTicket .sidebar {
 width:290px
}
.newTicket .form-control {
 border-color:var(--border)
}
.newTicket .form-control:focus,
.newTicket .form-control.focus {
 border-color:var(--border-highlight)
}
.newTicket .article-form-top {
 margin-top:15px
}
.newTicket--chatTicket {
 flex:1;
 display:flex;
 padding:0;
 height:100%
}
.newTicket--chatTicket>.icon {
 position:absolute;
 top:50%;
 transform:translateY(-50%) translateX(-50%)
}
.newTicket--chatTicket>.box {
 width:calc(50% - 47px);
 margin:34px
}
.newTicket--chatTicket .chatHistory {
 display:flex;
 flex-direction:column
}
.newTicket--chatTicket .boxFade {
 width:94px;
 top:34px;
 height:100%;
 position:absolute;
 margin-left:-34px;
 z-index:1
}
html[dir='rtl'] .newTicket--chatTicket .boxFade {
 margin-right:-34px;
 margin-left:0
}
.box {
 background:var(--background-secondary);
 margin:20px 0;
 border:1px solid var(--border);
 padding:20px 24px
}
.box.box--newTicket {
 max-width:1080px;
 margin-left:auto;
 margin-right:auto
}
#app.navigation-collapsed .box.box--newTicket {
 margin:0;
 border:none;
 padding:15px
}
@media screen and (max-width: 767px) {
 .box.box--newTicket {
  margin:0;
  border:none;
  padding:15px
 }
}
.box .page-header {
 text-align:center;
 margin-bottom:12px
}
.box--paper {
 background-image:linear-gradient(transparent 30px, var(--background-modifier-border) 31px);
 background-size:100% 31px;
 line-height:31px;
 padding-top:31px;
 padding-bottom:31px
}
.box--paper h1,
.box--paper .popover-notificationsHeader .popover-title,
.popover-notificationsHeader .box--paper .popover-title,
.box--paper .ticket-title-update,
.box--paper h2,
.box--paper h3 {
 margin:0;
 line-height:inherit
}
.box--paper h3:not(:first-child) {
 margin-top:31px
}
.box h1,
.box .popover-notificationsHeader .popover-title,
.popover-notificationsHeader .box .popover-title,
.box .ticket-title-update {
 margin-top:10px;
 margin-bottom:12px;
 color:var(--text-normal);
 flex:1
}
.box h2 {
 margin-top:12px
}
.box .two-columns {
 margin-left:-4px;
 margin-right:-4px
}
.box .two-columns .column {
 margin-left:4px;
 margin-right:4px;
 width:calc(50% - 8px)
}
#app.navigation-collapsed .box .two-columns .column {
 width:auto
}
@media screen and (max-width: 767px) {
 .box .two-columns .column {
  width:auto
 }
}
.box-controls {
 margin-top:20px;
 display:flex;
 align-items:center
}
.box--yellow {
 background:#fff7db;
 border-color:#ffe380;
 color:#bcb49a
}
.box--yellow h1,
.box--yellow .popover-notificationsHeader .popover-title,
.popover-notificationsHeader .box--yellow .popover-title,
.box--yellow .ticket-title-update,
.box--yellow h2 {
 color:#4a4945
}
.box-progress {
 display:flex;
 align-items:center;
 justify-content:center
}
.box-progress-title {
 color:#4a4945
}
.box-progress-body {
 flex:1;
 margin-left:24px;
 display:flex;
 align-items:center;
 justify-content:center
}
html[dir='rtl'] .box-progress-body {
 margin-right:24px;
 margin-left:0
}
.box-progress-body progress {
 width:100%
}
.horizontal>.box {
 margin-top:4px;
 margin-bottom:4px
}
.horizontal>.box+.box {
 border-left-width:0
}
.formset-inset {
 margin:34px -24px 24px;
 padding:19px 24px 24px;
 background:var(--background-primary-alt);
 border-top:1px solid var(--border);
 border-bottom:1px solid var(--border)
}
#app.navigation-collapsed .type-tabs {
 overflow:hidden;
 -webkit-overflow-scrolling:none
}
@media screen and (max-width: 767px) {
 .type-tabs {
  overflow:hidden;
  -webkit-overflow-scrolling:none
 }
}
.type-tabs .tab {
 height:40px;
 line-height:42px;
 padding:0 12px;
 list-style:none;
 align-items:flex-start
}
#app.navigation-collapsed .type-tabs .tab {
 display:block;
 text-align:center;
 flex-shrink:1
}
@media screen and (max-width: 767px) {
 .type-tabs .tab {
  display:block;
  text-align:center;
  flex-shrink:1
 }
}
.type-tabs .tab-icon {
 width:17px;
 height:17px;
 fill:var(--interactive-muted);
 vertical-align:top;
 margin-right:9px;
 margin-top:11px;
 transform:scale(1.2);
 flex-shrink:0
}
html[dir='rtl'] .type-tabs .tab-icon {
 margin-left:9px;
 margin-right:0
}
.type-tabs .tab.active .tab-icon {
 fill:var(--text-inverted)
}
.token {
 padding:0 0 0 10px;
 margin:0 5px 6px 0;
 height:26px;
 color:var(--tag-text);
 border-radius:3px;
 background:var(--tag-background);
 border:none;
 float:none;
 display:inline-flex;
 align-items:center;
 cursor:default;
 max-width:100%
}
.token.active {
 background:var(--highlight);
 color:var(--text-inverted)
}
.token.active .close,
.token.active .token-close {
 opacity:1
}
.tokenfield .token-input {
 vertical-align:top;
 padding:0 10px 7px 5px;
 margin:0;
 min-width:60px;
 height:32px;
 display:inline-block;
 border:none;
 background:none;
 box-shadow:none;
 outline:none;
 flex:1
}
.tokenfield .token-input:focus {
 box-shadow:none
}
.tokenfield .token-input[disabled] {
 background:none
}
.tokenfield .token~.token-input {
 padding:0 5px 7px 0
}
.token-label {
 padding:0;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.tokenfield.form-control {
 padding:7px 7px 0;
 height:auto;
 display:flex;
 flex-wrap:wrap
}
.token .close,
.token-close {
 margin:0;
 padding:0 9px 1px 6px;
 font-family:inherit;
 font-weight:100;
 font-size:28px;
 line-height:1;
 color:inherit;
 text-shadow:none;
 opacity:0.5;
 outline:none;
 height:auto
}
.token .close:hover,
.token-close:hover {
 opacity:0.5
}
.ui-autocomplete.ui-widget-content {
 position:absolute;
 max-height:380px;
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
.ui-menu {
 background:var(--background-tertiary);
 border:none;
 color:var(--text-inverted);
 font-family:inherit;
 font-size:inherit
}
.ui-menu .ui-menu-item {
 padding:9px 15px;
 list-style-image:none
}
.ui-menu .ui-menu-item.is-inactive {
 text-decoration:line-through;
 opacity:0.73
}
.ui-menu .ui-menu-item:not(:first-child) {
 box-shadow:0 1px rgba(255,255,255,0.13) inset
}
.ui-menu .ui-menu-item.ui-state-focus {
 margin:0;
 border:none;
 background:var(--highlight);
 color:inherit
}
.ui-menu .ui-menu-item.ui-state-focus+li {
 box-shadow:none
}
.drox {
 color:var(--text-muted)
}
.drox .drox-header {
 padding-bottom:2px;
 margin-bottom:16px;
 border-bottom:1px solid var(--background-modifier-border)
}
.drox a.create {
 margin-top:2px;
 display:inline-block
}
.drox .form-group {
 margin-bottom:22px
}
.drox .drox-body p:first-child {
 margin-top:20px
}
.newTicket .templates {
 border-bottom:1px solid var(--background-modifier-border);
 padding-bottom:14px
}
.templates-manage fieldset {
 margin:0
}
.template-attributes {
 margin:17px 0 19px
}
.template-attribute {
 height:24px;
 line-height:25px;
 padding-left:10px;
 margin-bottom:2px;
 font-size:13px;
 color:var(--text-muted-alt);
 background:var(--background-primary-alt);
 border:1px solid var(--border);
 border-radius:3px
}
html[dir='rtl'] .template-attribute {
 padding-right:10px;
 padding-left:0
}
.template-attribute .key {
 text-transform:uppercase;
 margin-right:3px
}
html[dir='rtl'] .template-attribute .key {
 margin-left:3px;
 margin-right:0
}
.template-attribute .value {
 margin-left:3px
}
html[dir='rtl'] .template-attribute .value {
 margin-right:3px;
 margin-left:0
}
.template-attribute .delete {
 padding:0 7px;
 margin-top:4px;
 line-height:19px;
 font-size:28px;
 font-weight:300;
 opacity:0.4
}
.customer-name {
 color:var(--text-normal)
}
.customer-email {
 margin-top:5px;
 margin-bottom:20px;
 display:block
}
.table.user-list tr:hover .switchView {
 visibility:visible
}
.table.user-list td .list {
 margin-top:-4px
}
.table.user-list .switchView {
 visibility:hidden;
 display:block;
 text-overflow:ellipsis;
 overflow:hidden
}
.table.user-list .btn {
 margin:3px 5px 0
}
.switchBackToUser {
 display:flex;
 align-items:center;
 background:#0f94d7;
 color:var(--text-inverted);
 height:45px;
 padding:0 17px;
 border-bottom:5px solid #3da8f5
}
.switchBackToUser-icon {
 width:19px;
 height:18px
}
.switchBackToUser-text {
 margin-left:10px
}
html[dir='rtl'] .switchBackToUser-text {
 margin-right:10px;
 margin-left:0
}
.switchBackToUser-close {
 width:40px;
 height:40px;
 margin-right:-10px;
 display:flex;
 align-items:center;
 justify-content:center
}
html[dir='rtl'] .switchBackToUser-close {
 margin-left:-10px;
 margin-right:0
}
.switchBackToUser-close svg {
 fill:var(--text-inverted)
}
.modal-loader {
 text-align:center;
 padding:70px
}
.modal-backdrop--local {
 background:var(--background-primary-alt)
}
.modal-dialog {
 width:auto;
 max-width:660px;
 margin-top:35px;
 margin-bottom:35px
}
#app.navigation-collapsed .modal-dialog {
 max-width:calc(100% - 20px) !important;
 margin:10px
}
@media screen and (max-width: 767px) {
 .modal-dialog {
  max-width:calc(100% - 20px) !important;
  margin:10px
 }
}
.modal-dialog.wizard {
 margin:35px auto
}
.modal--veryLarge .modal-dialog {
 max-width:990px
}
.modal--large .modal-dialog {
 max-width:740px
}
.modal--small .modal-dialog {
 max-width:440px
}
.modal--dynamicSize .modal-dialog {
 max-width:100%;
 width:-moz-max-content;
 width:max-content;
 padding:0 35px
}
#app.navigation-collapsed .modal--dynamicSize .modal-dialog {
 padding:0;
 margin:10px
}
@media screen and (max-width: 767px) {
 .modal--dynamicSize .modal-dialog {
  padding:0;
  margin:10px
 }
}
.modal-dialog.wizard {
 max-width:460px
}
.modal-content {
 border-radius:0;
 border:1px solid var(--border);
 box-shadow:none;
 color:var(--text-normal);
 background:var(--background-secondary)
}
.modal-header {
 padding:30px 23px 23px;
 border:none
}
#app.navigation-collapsed .modal-header {
 padding:14px 15px
}
@media screen and (max-width: 767px) {
 .modal-header {
  padding:14px 15px
 }
}
.modal-header--empty {
 padding:0
}
.modal-header h1,
.modal-header .popover-notificationsHeader .popover-title,
.popover-notificationsHeader .modal-header .popover-title,
.modal-header .ticket-title-update {
 text-align:center
}
#app.navigation-collapsed .modal-header h1,
#app.navigation-collapsed .modal-header .popover-notificationsHeader .popover-title,
.popover-notificationsHeader #app.navigation-collapsed .modal-header .popover-title,
#app.navigation-collapsed .modal-header .ticket-title-update {
 text-align:initial;
 line-height:1.2
}
@media screen and (max-width: 767px) {
 .modal-header h1,
 .modal-header .popover-notificationsHeader .popover-title,
 .popover-notificationsHeader .modal-header .popover-title,
 .modal-header .ticket-title-update {
  text-align:initial;
  line-height:1.2
 }
}
.modal-close {
 padding:23px;
 position:absolute;
 z-index:1;
 right:0;
 color:var(--interactive-muted);
 top:0
}
html[dir='rtl'] .modal-close {
 right:auto
}
html[dir='rtl'] .modal-close {
 left:0
}
#app.navigation-collapsed .modal-close {
 position:static;
 padding:21px;
 margin:-14px -15px 0 0;
 float:right
}
@media screen and (max-width: 767px) {
 .modal-close {
  position:static;
  padding:21px;
  margin:-14px -15px 0 0;
  float:right
 }
}
.modal-close:active {
 color:var(--interactive-muted-active)
}
.modal-close .icon-diagonal-cross {
 fill:currentColor
}
.modal-alerts-container {
 padding:0 23px
}
.modal-body {
 padding:0 23px;
 clear:both
}
#app.navigation-collapsed .modal-body {
 padding:0 15px
}
@media screen and (max-width: 767px) {
 .modal-body {
  padding:0 15px
 }
}
.modal-body h2:first-child {
 margin-top:0
}
.modal-body p:first-child,
.modal-body .alert.hidden:first-child+p {
 margin-top:0
}
.modal-body .table>thead>tr>th {
 background:var(--background-primary-alt)
}
.modal-footer {
 padding:23px 23px 20px;
 border:none;
 display:flex
}
html[dir='rtl'] .modal-footer {
 text-align:left
}
#app.navigation-collapsed .modal-footer {
 padding:15px
}
@media screen and (max-width: 767px) {
 .modal-footer {
  padding:15px
 }
}
.modal-footer .btn--text+.btn--text {
 margin-bottom:-10px
}
.modal-leftFooter,
.modal-centerFooter,
.modal-rightFooter {
 display:flex;
 align-items:center;
 flex:1
}
.modal.modal--local {
 display:block;
 padding:0 40px;
 padding-left:40px
}
html[dir='rtl'] .modal.modal--local {
 padding-right:40px;
 padding-left:0
}
#app.navigation-collapsed .modal.modal--local {
 padding:0 !important
}
@media screen and (max-width: 767px) {
 .modal.modal--local {
  padding:0 !important
 }
}
.modal.modal--local .modal-dialog {
 box-shadow:0 0 40px rgba(85,102,119,0.34)
}
[data-theme='dark'] .modal.modal--local .modal-dialog {
 box-shadow:0 0 40px rgba(0,0,0,0.34)
}
.caret {
 position:absolute;
 top:50%;
 margin-top:-3px;
 right:10px
}
.dropdown-menu {
 margin:0;
 padding:0;
 min-width:100%;
 color:var(--text-inverted);
 text-transform:initial;
 letter-spacing:0;
 background:var(--background-tertiary);
 border-radius:0;
 border:none;
 box-shadow:none;
 overflow:hidden;
 overscroll-behavior:contain
}
html[dir='rtl'] .dropdown-menu {
 text-align:right
}
.dropdown-menu .divider {
 background:var(--background-modifier-border)
}
.dropdown-menu kbd {
 background:none;
 color:inherit;
 padding:2px 5px;
 margin-left:7px;
 line-height:1;
 vertical-align:baseline;
 opacity:0.5
}
html[dir='rtl'] .dropdown-menu kbd {
 margin-right:7px;
 margin-left:0
}
.dropdown-toggle {
 display:flex;
 align-items:center
}
.dropdown-icon {
 width:16px;
 height:16px
}
.dropdown-menu.dropdown-menu--light {
 background:var(--background-secondary);
 color:var(--text-muted)
}
.dropdown-menu.dropdown-menu--light>li {
 color:var(--text-nav)
}
.dropdown-menu.dropdown-menu--light>li.dropdown-header {
 color:var(--text-muted)
}
.dropdown-menu.dropdown-menu--light>li>a:hover {
 background:var(--background-secondary-hover)
}
.dropdown-menu.dropdown-menu--light li:hover {
 background:none
}
.dropdown-menu.dropdown-menu--light li.is-active {
 color:var(--text-inverted)
}
.dropdown ul {
 margin:0;
 padding:0
}
.dropdown li,
.dropup li {
 height:39px;
 line-height:39px;
 padding:0 15px;
 white-space:nowrap
}
.dropdown li:focus,
.dropup li:focus {
 outline:none
}
.dropdown li.is-active small,
.dropup li.is-active small {
 color:var(--text-muted-highlight)
}
.dropdown.dropdown--actions li.with-category {
 height:39px;
 padding:2.5px 15px;
 display:block
}
.dropdown li:not(:first-child) {
 box-shadow:0 1px rgba(255,255,255,0.13) inset
}
.dropdown li.label {
 box-shadow:none
}
.dropdown li.label+li {
 box-shadow:none
}
.dropdown li:hover,
.dropdown li.is-active {
 background:var(--highlight)
}
.dropdown li:hover+li,
.dropdown li.is-active+li {
 box-shadow:none
}
.dropdown-menu>li.danger:hover,
.dropdown-menu>li.danger.is-active {
 background:var(--danger-color)
}
.dropdown-menu>li.create:hover,
.dropdown-menu>li.create.is-active {
 background:#38ad69
}
.dropdown-menu>li[disabled] {
 opacity:0.33
}
.dropdown-menu>li[disabled]:hover,
.dropdown-menu>li.is-active[disabled] {
 background:none;
 cursor:default
}
.dropdown-menu>li>a {
 color:inherit;
 padding:0 15px;
 margin:0 -15px;
 line-height:inherit
}
.dropdown-menu>li>a:hover {
 color:inherit;
 background:none
}
.dropdown-menu>li>a span {
 display:block
}
.dropdown-menu .badge--text {
 padding-left:10px
}
html[dir='rtl'] .dropdown-menu .badge--text {
 padding-right:10px;
 padding-left:0
}
.dropdown.dropdown--actions li {
 line-height:initial;
 height:auto;
 padding:11px 15px;
 display:flex;
 align-items:center;
 word-break:break-all
}
.dropdown.dropdown--actions .dropdown-iconSpacer,
.dropdown.dropdown--actions .dropdown-selectedSpacer {
 display:flex;
 align-items:center
}
.dropdown.dropdown--actions .dropdown-iconSpacer {
 width:25px
}
.dropdown.dropdown--actions .dropdown-selectedSpacer {
 width:34px;
 margin-left:auto;
 justify-content:flex-end;
 opacity:0
}
html[dir='rtl'] .dropdown.dropdown--actions .dropdown-selectedSpacer {
 margin-right:auto;
 margin-left:0
}
.dropdown.dropdown--actions .dropdown-selectedSpacer .icon {
 fill:var(--text-inverted)
}
.dropdown.dropdown--actions .dropdown-selectedSpacer.is-selected {
 opacity:1
}
.dropdown.dropdown--actions a {
 display:flex;
 flex:1;
 padding:0 18px
}
.dropdown.dropdown--actions li.dropdown-highlight-list {
 padding:0 10px
}
.dropdown.dropdown--actions li.dropdown-highlight-list a {
 padding:11px 18px
}
.dropdown.dropdown--wide li {
 padding-top:12px;
 padding-bottom:12px
}
li.dropdown-header {
 line-height:34px;
 height:30px;
 color:var(--text-muted);
 box-shadow:none !important;
 pointer-events:none
}
.dropdown-menu--has-submenu {
 overflow:hidden;
 background:none
}
.dropdown-menu--has-submenu ul {
 background:var(--background-tertiary)
}
.dropdown-submenu {
 position:absolute;
 top:0;
 left:0;
 width:100%
}
.dropdown.dropdown--actions .dropdown-controls {
 display:flex
}
.dropdown.dropdown--actions .dropdown-controls:not(:hover,
.is-active) {
 background:#42484c
}
.dropdown.dropdown--actions .dropdown-controls .icon {
 fill:var(--text-inverted);
 margin-right:10px;
 flex-shrink:0
}
html[dir='rtl'] .dropdown.dropdown--actions .dropdown-controls .icon {
 margin-left:10px;
 margin-right:0
}
.dropdown-title {
 flex-shrink:1;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.dropdown-detail {
 opacity:0.5
}
.dropdown .dropdown-menu-full-height li {
 padding:0
}
.dropdown .dropdown-menu-full-height a {
 padding:11px 18px;
 margin:0
}
.recipientList,
.recipientList-organizationMembers {
 list-style:none;
 padding:0
}
.recipientList-entry {
 display:flex;
 align-items:center
}
.recipientList-entry.is-inactive .recipientList-name {
 text-decoration:line-through;
 opacity:0.73
}
.recipientList-entry .recipientList-iconSpacer {
 width:20px;
 margin-left:-5px;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0
}
html[dir='rtl'] .recipientList-entry .recipientList-iconSpacer {
 margin-right:-5px;
 margin-left:0
}
.recipientList-icon {
 width:16px;
 height:16px;
 fill:var(--text-inverted);
 opacity:0.2
}
.recipientList--new .recipientList-icon,
.recipientList-entry:hover .recipientList-icon,
.recipientList-entry.is-active .recipientList-icon {
 opacity:1
}
.recipientList-name {
 color:var(--text-inverted);
 margin-left:10px;
 flex:1
}
html[dir='rtl'] .recipientList-name {
 margin-right:10px;
 margin-left:0
}
.recipientList-status {
 opacity:0.5;
 margin:0 10px;
 flex-shrink:1
}
.recipientList-status:last-child {
 margin-right:0
}
.recipientList-arrow {
 fill:var(--text-inverted);
 opacity:0.39
}
.recipientList-entry:hover .recipientList-arrow {
 opacity:1
}
.recipientList-detail {
 opacity:0.5
}
.recipientList-detail.is-inactive>span {
 text-decoration:line-through
}
.recipientList-icon.plus {
 margin-left:13px
}
html[dir='rtl'] .recipientList-icon.plus {
 margin-right:13px;
 margin-left:0
}
.recipientList--new {
 background:#38ad69
}
.dropdown .recipientList--new:hover {
 background:#35a768
}
.recipientList-controls,
.recipientList-controls:hover {
 padding:0 10px !important;
 background:var(--background-modifier-lighter)
}
.recipientList-controls+li,
.recipientList-controls:hover+li {
 box-shadow:0 1px rgba(255,255,255,0.13) inset
}
.recipientList-organizationMembers {
 position:absolute;
 top:0;
 left:0;
 right:0
}
.userInfo-avatar,
.organizationInfo-avatar {
 float:right;
 position:relative
}
html[dir='rtl'] .userInfo-avatar,
html[dir='rtl'] .organizationInfo-avatar {
 float:left
}
.organizationInfo-avatar {
 padding:18px 0 0 18px;
 background:var(--background-modifier-accent);
 color:var(--text-muted)
}
html[dir='rtl'] .organizationInfo-avatar {
 padding:18px 0 0 18px;
 padding:18px 18px 0 0
}
.userList {
 list-style:none;
 padding:0
}
.userList .userList-entry {
 margin:10px 0;
 display:flex;
 align-items:center
}
.userList .userList-entry:last-child {
 margin-bottom:0
}
.userList .userList-name {
 margin-left:7px
}
html[dir='rtl'] .userList .userList-name {
 margin-right:7px;
 margin-left:0
}
.checkbox,
.radio {
 font-size:14px;
 padding:0 6px
}
.form-group .checkbox,
.form-group .radio {
 padding:10px 12px;
 margin:0;
 list-style:none;
 height:auto;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 background:var(--background-secondary);
 border:1px solid var(--border)
}
.checkbox .checkbox-replacement,
.radio .checkbox-replacement {
 display:inline-block
}
.checkbox label,
.checkbox .select-box .select-box-header,
.select-box .checkbox .select-box-header,
.radio label,
.radio .select-box .select-box-header,
.select-box .radio .select-box-header {
 padding-left:0;
 min-height:0
}
.checkbox>label,
.select-box .checkbox>.select-box-header,
.checkbox-child,
.radio>label,
.select-box .radio>.select-box-header,
.radio-child {
 margin-top:5px;
 font-family:inherit;
 font-size:14px;
 color:inherit;
 text-transform:inherit;
 letter-spacing:0;
 line-height:1.2
}
.checkbox>label:first-child,
.select-box .checkbox>.select-box-header:first-child,
.checkbox-child:first-child,
.radio>label:first-child,
.select-box .radio>.select-box-header:first-child,
.radio-child:first-child {
 margin-top:0
}
.checkbox>label.is-disabled,
.select-box .checkbox>.is-disabled.select-box-header,
.checkbox-child.is-disabled,
.radio>label.is-disabled,
.select-box .radio>.is-disabled.select-box-header,
.radio-child.is-disabled {
 cursor:default;
 touch-action:default
}
.checkbox>label.is-disabled span,
.select-box .checkbox>.is-disabled.select-box-header span,
.checkbox-child.is-disabled span,
.radio>label.is-disabled span,
.select-box .radio>.is-disabled.select-box-header span,
.radio-child.is-disabled span {
 opacity:0.33
}
.checkbox>label.additional-radio-controls,
.select-box .checkbox>.additional-radio-controls.select-box-header,
.checkbox-child.additional-radio-controls,
.radio>label.additional-radio-controls,
.select-box .radio>.additional-radio-controls.select-box-header,
.radio-child.additional-radio-controls {
 margin-top:0
}
.checkbox>label.additional-radio-controls .controls,
.select-box .checkbox>.additional-radio-controls.select-box-header .controls,
.checkbox-child.additional-radio-controls .controls,
.radio>label.additional-radio-controls .controls,
.select-box .radio>.additional-radio-controls.select-box-header .controls,
.radio-child.additional-radio-controls .controls {
 display:inline-flex;
 margin-left:5px
}
.checkbox-child,
.radio-child {
 padding-left:20px
}
.checkbox .help-text,
.radio .help-text {
 display:table;
 font-size:0.92em;
 margin:2px 0 3px 18px
}
.checkbox.form-group .checkbox--list,
.radio.form-group .radio--list {
 margin-top:0;
 margin-bottom:15px;
 height:auto;
 padding-top:3px;
 padding-bottom:3px
}
.checkbox.form-group .controls label,
.checkbox.form-group .controls .select-box .select-box-header,
.select-box .checkbox.form-group .controls .select-box-header,
.radio.form-group .controls label,
.radio.form-group .controls .select-box .select-box-header,
.select-box .radio.form-group .controls .select-box-header {
 padding:2px 0;
 font:inherit;
 margin-bottom:0;
 color:inherit;
 text-transform:inherit;
 letter-spacing:0;
 line-height:1.2
}
.checkbox.form-group .controls label:first-child,
.checkbox.form-group .controls .select-box .select-box-header:first-child,
.select-box .checkbox.form-group .controls .select-box-header:first-child,
.radio.form-group .controls label:first-child,
.radio.form-group .controls .select-box .select-box-header:first-child,
.select-box .radio.form-group .controls .select-box-header:first-child {
 margin-top:0
}
.checkbox.form-group .controls label.is-disabled,
.checkbox.form-group .controls .select-box .is-disabled.select-box-header,
.select-box .checkbox.form-group .controls .is-disabled.select-box-header,
.radio.form-group .controls label.is-disabled,
.radio.form-group .controls .select-box .is-disabled.select-box-header,
.select-box .radio.form-group .controls .is-disabled.select-box-header {
 cursor:default;
 touch-action:default
}
.checkbox.form-group .controls label.is-disabled span,
.checkbox.form-group .controls .select-box .is-disabled.select-box-header span,
.select-box .checkbox.form-group .controls .is-disabled.select-box-header span,
.radio.form-group .controls label.is-disabled span,
.radio.form-group .controls .select-box .is-disabled.select-box-header span,
.select-box .radio.form-group .controls .is-disabled.select-box-header span {
 opacity:0.33
}
.checkbox-child,
.radio-child {
 padding-left:20px
}
.radio_graphic .selections-container {
 display:grid;
 grid-gap:10px;
 grid-template-columns:repeat(auto-fill, minmax(112px, 1fr))
}
.radio_graphic .selections-container label,
.radio_graphic .selections-container .select-box .select-box-header,
.select-box .radio_graphic .selections-container .select-box-header {
 margin-top:0;
 position:relative
}
.radio_graphic .selections-container .icon {
 flex-shrink:0
}
.radio_graphic .selections-container .icon-checked {
 display:none
}
.radio_graphic .selections-container .label-box {
 display:block;
 background:var(--background-secondary);
 border:1px solid var(--border);
 border-radius:5px;
 overflow:hidden
}
.radio_graphic .selections-container .label-row {
 display:flex;
 align-items:center;
 padding:5px 10px
}
.radio_graphic .selections-container .label-text {
 display:block;
 margin-left:5px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.radio_graphic .selections-container .radio-illustration {
 display:block;
 width:100%;
 padding-bottom:100%;
 position:relative
}
.radio_graphic .selections-container .radio-illustration img {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 -o-object-fit:cover;
 object-fit:cover
}
.radio_graphic .selections-container input:checked~.label-box {
 border-color:var(--border-highlight);
 box-shadow:0 0 0 3px var(--shadow-highlight)
}
.radio_graphic .selections-container input:checked~.label-box .icon-checked {
 display:inline
}
.radio_graphic .selections-container input:checked~.label-box .icon-unchecked {
 display:none
}
.userSearch-label {
 margin-top:11px;
 margin-right:10px
}
html[dir='rtl'] .userSearch-label {
 margin-left:10px;
 margin-right:0
}
.userSearch .tab:not(.active) {
 background:var(--background-secondary)
}
.userSearch {
 margin:0 0 20px
}
.userSearch .tabs {
 margin:0
}
.nav {
 list-style:none;
 padding:0;
 margin:0
}
.nav a {
 padding:10px 15px;
 display:block
}
.nav-tabs {
 display:flex;
 margin:10px -20px 20px;
 padding:0 20px 0 21px;
 position:relative
}
html[dir='rtl'] .nav-tabs {
 padding:0 21px 0 20px
}
.nav-tabs li {
 margin:0;
 color:var(--interactive-muted);
 border:1px solid var(--border);
 margin-left:-1px;
 background:var(--background-secondary);
 position:relative
}
.nav-tabs li:first-child {
 border-radius:7px 0 0 7px
}
html[dir='rtl'] .nav-tabs li:first-child {
 border-radius:0 7px 7px 0
}
.nav-tabs li:last-child {
 border-radius:0 7px 7px 0
}
html[dir='rtl'] .nav-tabs li:last-child {
 border-radius:7px 0 0 7px
}
.nav-tabs li:only-child {
 border-radius:7px
}
.nav-tabs li.active {
 color:var(--text-inverted);
 background:var(--button-active)
}
.nav-tabs li a {
 padding:10px 24px 8px;
 color:inherit;
 color:inherit
}
.tab-content h2:first-child {
 margin-top:0
}
.or-divider {
 position:relative;
 margin:16px 0;
 text-align:center
}
.or-divider::before {
 content:'';
 position:absolute;
 left:0;
 width:100%;
 top:50%;
 margin-top:-1px;
 height:1px;
 background:rgba(0,0,0,0.1)
}
.or-divider span {
 position:relative;
 background:var(--background-secondary);
 padding:0 10px
}
.modal-body .or-divider span {
 background:var(--background-primary)
}
.settings-entry {
 margin-bottom:42px;
 max-width:700px
}
#app.navigation-collapsed .settings-entry {
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
@media screen and (max-width: 767px) {
 .settings-entry {
  overflow:auto;
  -webkit-overflow-scrolling:touch
 }
}
.settings-entry--stretched {
 max-width:none
}
.setting-controls {
 margin-top:14px;
 display:flex;
 justify-content:flex-end
}
.form-item .form-group {
 margin-bottom:0
}
.form-item .form-group+.form-group {
 margin-top:15px
}
.form-item+.btn {
 margin-left:23px
}
html[dir='rtl'] .form-item+.btn {
 margin-right:23px;
 margin-left:0
}
.scrollPageHeader {
 display:flex;
 align-items:center;
 background:var(--background-secondary);
 border-bottom:1px solid var(--border);
 height:64px;
 top:0;
 left:0;
 right:0;
 padding:0 22px;
 position:absolute;
 transform:translateY(-100%)
}
#app.navigation-collapsed .scrollPageHeader {
 height:50px;
 padding:0 6px;
 overflow:hidden
}
#app.navigation-collapsed .scrollPageHeader.is-closed {
 overflow:visible
}
@media screen and (max-width: 767px) {
 .scrollPageHeader {
  height:50px;
  padding:0 6px;
  overflow:hidden
 }
 .scrollPageHeader.is-closed {
  overflow:visible
 }
}
.scrollPageHeader small {
 color:var(--text-muted-alt)
}
#app.navigation-collapsed .scrollPageHeader small {
 margin-top:1px;
 margin-left:3px
}
html[dir='rtl'] #app.navigation-collapsed .scrollPageHeader small {
 margin-right:3px;
 margin-left:0
}
@media screen and (max-width: 767px) {
 .scrollPageHeader small {
  margin-top:1px;
  margin-left:3px
 }
 html[dir='rtl'] .scrollPageHeader small {
  margin-right:3px;
  margin-left:0
 }
}
.scrollPageHeader .ticket-title {
 max-width:initial;
 padding:0;
 min-width:0;
 flex:1
}
.scrollPageHeader h1,
.scrollPageHeader .popover-notificationsHeader .popover-title,
.popover-notificationsHeader .scrollPageHeader .popover-title,
.scrollPageHeader .ticket-title-update {
 font-size:19px;
 margin:0 15px
}
#app.navigation-collapsed .scrollPageHeader h1,
#app.navigation-collapsed .scrollPageHeader .popover-notificationsHeader .popover-title,
.popover-notificationsHeader #app.navigation-collapsed .scrollPageHeader .popover-title,
#app.navigation-collapsed .scrollPageHeader .ticket-title-update {
 font-size:17px;
 margin:0 5px
}
@media screen and (max-width: 767px) {
 .scrollPageHeader h1,
 .scrollPageHeader .popover-notificationsHeader .popover-title,
 .popover-notificationsHeader .scrollPageHeader .popover-title,
 .scrollPageHeader .ticket-title-update {
  font-size:17px;
  margin:0 5px
 }
}
.wizard {
 margin:auto
}
.wizard-logo {
 fill:var(--text-inverted);
 margin-left:-25px;
 margin-bottom:5px
}
html[dir='rtl'] .wizard-logo {
 margin-right:-25px;
 margin-left:0
}
.wizard-slide {
 display:flex;
 flex-direction:column;
 width:400px;
 padding-bottom:18px;
 margin-bottom:20px
}
.wizard-slide.wizard-slide--large {
 width:460px
}
.wizard h2 {
 text-align:center;
 border-bottom:1px solid rgba(0,0,0,0.13);
 padding-bottom:8px;
 margin-bottom:16px
}
.wizard h2+p {
 margin-top:0
}
.wizard-body {
 flex:1;
 padding-bottom:15px
}
#app.navigation-collapsed .wizard-body {
 width:100%
}
@media screen and (max-width: 767px) {
 .wizard-body {
  width:100%
 }
}
.wizard-body .form-control {
 min-width:0
}
.wizard-controls {
 display:flex;
 margin-top:15px;
 height:39px
}
.wizard-buttonList {
 margin-top:15px;
 min-width:200px
}
p+.wizard-buttonList,
label+.wizard-buttonList,
.select-box .select-box-header+.wizard-buttonList {
 margin-top:5px
}
.wizard-loadingText {
 text-align:center;
 margin:0
}
.wizard-loadingText .loading {
 vertical-align:middle;
 margin-right:10px
}
html[dir='rtl'] .wizard-loadingText .loading {
 margin-left:10px;
 margin-right:0
}
.wizard-aside {
 padding-top:15px;
 text-align:center;
 border-top:1px solid rgba(0,0,0,0.13)
}
.setup.wizard .wizard-body {
 min-height:140px
}
.setup.wizard .wizard-body>p:first-child {
 margin-top:0
}
.setup.wizard .logo-preview,
.branding .logo-preview {
 display:block;
 height:0;
 max-width:200px;
 max-height:100px
}
.setup.wizard .logo-preview[src=''],
.branding .logo-preview[src=''] {
 visibility:hidden
}
.setup.wizard .logo-preview+.logo-preview-placeholder,
.branding .logo-preview+.logo-preview-placeholder {
 height:100px;
 color:var(--text-muted);
 background:var(--background-modifier-accent);
 margin-bottom:10px;
 display:flex;
 align-items:center;
 justify-content:center
}
.setup.wizard .logo-preview:not([src='']) {
 margin:0 auto 15px;
 height:auto
}
.setup.wizard .logo-preview:not([src=''])+.logo-preview-placeholder {
 display:none
}
.setup.wizard .base-outbound-settings {
 margin-top:15px
}
.branding .logo-preview:not([src='']) {
 margin:20px auto 12px;
 height:auto
}
.branding .logo-preview:not([src=''])+.logo-preview-placeholder {
 display:none
}
.branding.login {
 padding:24px 24px 0
}
.import.wizard .wizard-slide {
 min-height:300px
}
.import-source {
 border-radius:5px;
 border:1px solid rgba(0,0,0,0.13);
 height:50px;
 margin:5px 0
}
.input-feedback {
 position:absolute;
 padding-left:10px;
 right:1px;
 top:1px;
 bottom:1px;
 width:52px;
 border-radius:0 5px 5px 0;
 background:linear-gradient(to right, rgba(255,255,255,0), white 33%)
}
html[dir='rtl'] .input-feedback {
 padding-right:10px;
 padding-left:0
}
.input-feedback--no-background {
 background:none
}
.input-group-addon {
 color:inherit
}
.input-feedback--no-background {
 background:none
}
.input-feedback .icon {
 display:none
}
.input-feedback[data-state='loading'] .loading.icon,
.input-feedback[data-state='error'] .icon-error,
.input-feedback[data-state='success'] .icon-checkmark {
 display:block
}
.progressTable {
 width:100%;
 margin:0 auto
}
.progressTable td {
 padding:8px;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 width:33%
}
.progressTable tr:not(:last-child) {
 border-bottom:1px solid #eee
}
.progressTable td:first-child {
 text-align:end
}
.progressTable progress {
 width:100%;
 min-width:60px;
 display:block
}
.progressTable .icon-checkmark {
 margin-left:10px;
 opacity:0
}
html[dir='rtl'] .progressTable .icon-checkmark {
 margin-right:10px;
 margin-left:0
}
.progressTable tr.is-done .icon-checkmark {
 opacity:1
}
.channelList {
 flex:1;
 display:flex;
 flex-direction:column;
 background:var(--background-secondary);
 border-radius:2px;
 margin:5px 0 20px;
 box-shadow:var(--elevation-low)
}
.channelList,
.channelList-controls,
.channelList-controlEntry {
 border:1px solid var(--border)
}
.channelList-entry {
 display:flex;
 cursor:default;
 padding:5px 8px
}
.channelList-entry:not(:last-child) {
 border-bottom:1px solid var(--border)
}
.channelList-label {
 margin:0 10px;
 flex:1
}
.channelList-status {
 font-size:12px;
 color:var(--text-muted)
}
.channelList-placeholder {
 display:flex;
 align-items:center;
 justify-content:center;
 flex:1;
 color:var(--text-muted)
}
.channelList-controls {
 margin-top:auto;
 display:flex;
 background:var(--background-quaternary-alt);
 border-left:none;
 border-right:none;
 border-bottom:none
}
.channelList-controlEntry {
 display:flex;
 justify-content:center;
 width:26px;
 height:26px;
 border-left:none;
 border-top:none;
 border-bottom:none;
 position:relative
}
.channelList-controlEntry [data-toggle='dropdown'] {
 position:relative
}
.channelList-controlEntry .icon {
 opacity:0.8
}
.avatar-gallery {
 display:flex;
 flex-wrap:wrap
}
.avatar-holder {
 display:inline-block;
 position:relative;
 margin:0 32px 32px 0;
 border-radius:100%;
 box-shadow:0 0 0 4px var(--background-secondary)
}
.avatar-holder .avatar.is-active {
 box-shadow:0 0 0 4px var(--border-highlight)
}
.avatar--new {
 background:#38ad69
}
.avatar-holder .avatar-delete {
 position:absolute;
 right:-15px;
 top:-15px;
 width:40px;
 height:40px;
 pointer-events:none;
 visibility:hidden;
 background:var(--background-secondary);
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:100%;
 box-shadow:0 1px 5px rgba(0,0,0,0.05)
}
.avatar-holder .avatar-delete svg {
 opacity:0.5;
 fill:var(--interactive-primary)
}
.avatar-holder .avatar-delete:hover svg {
 opacity:1
}
.avatar-holder:hover .avatar-delete {
 visibility:visible;
 pointer-events:auto
}
.camera video {
 position:absolute;
 visibility:hidden;
 pointer-events:none
}
.camera-preview {
 display:block;
 margin:0 auto
}
.camera-flash {
 background:var(--background-secondary);
 opacity:0
}
.camera-flash.is-active {
 animation:flash 500ms ease
}
@keyframes flash {
 0% {
  opacity:0
 }
 50% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
.fileUpload {
 position:relative;
 overflow:hidden
}
.fileUpload.btn input:focus+label,
.fileUpload.btn .select-box input:focus+.select-box-header,
.select-box .fileUpload.btn input:focus+.select-box-header {
 text-decoration:none
}
.fileUpload label,
.fileUpload .select-box .select-box-header,
.select-box .fileUpload .select-box-header {
 font-size:inherit;
 color:inherit;
 letter-spacing:inherit;
 text-transform:inherit;
 display:inline;
 margin:0
}
.fileUpload input {
 position:absolute;
 right:0;
 top:0;
 font-size:118px;
 margin:0;
 padding:0;
 opacity:0
}
.fileUpload input:focus+label,
.fileUpload .select-box input:focus+.select-box-header,
.select-box .fileUpload input:focus+.select-box-header {
 text-decoration:underline
}
.imagePreview {
 margin-top:45px
}
#app.navigation-collapsed .imagePreview {
 margin-top:0
}
@media screen and (max-width: 767px) {
 .imagePreview {
  margin-top:0
 }
}
.imagePreview img {
 width:auto !important;
 max-width:100% !important;
 max-height:calc(100vh - 218px) !important
}
.imageCropper p {
 margin:0
}
.imageCropper-holder {
 height:340px;
 margin:15px 0
}
.imageCropper-image {
 max-width:100%;
 max-height:100%;
 opacity:0
}
.imageCropper-preview {
 width:40px;
 height:40px;
 border-radius:100%;
 overflow:hidden;
 margin:0 10px
}
.cropper-container {
 left:0 !important
}
.profile {
 padding:60px;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 flex:1
}
#app.navigation-collapsed .profile {
 padding:0;
 margin:0
}
@media screen and (max-width: 767px) {
 .profile {
  padding:0;
  margin:0
 }
}
.profile h1,
.profile .popover-notificationsHeader .popover-title,
.popover-notificationsHeader .profile .popover-title,
.profile .ticket-title-update {
 margin:18px 0 0
}
.profile .tabs {
 margin-top:2px;
 margin-bottom:25px
}
.profile-window {
 color:var(--text-normal);
 background:var(--background-secondary);
 max-width:660px;
 margin:0 auto;
 border:1px solid var(--border)
}
.profile-section {
 padding:20px 50px
}
#app.navigation-collapsed .profile-section {
 padding:10px
}
@media screen and (max-width: 767px) {
 .profile-section {
  padding:10px
 }
}
.profile-section.profile-memberSection {
 margin-bottom:10px
}
.profile-section:not(:last-child) {
 border-bottom:1px solid var(--background-modifier-border)
}
.profile-action {
 margin-right:-20px
}
html[dir='rtl'] .profile-action {
 margin-left:-20px;
 margin-right:0
}
#app.navigation-collapsed .profile-action {
 margin-right:0
}
html[dir='rtl'] #app.navigation-collapsed .profile-action {
 margin-left:0;
 margin-right:0
}
@media screen and (max-width: 767px) {
 .profile-action {
  margin-right:0
 }
 html[dir='rtl'] .profile-action {
  margin-left:0;
  margin-right:0
 }
}
.profile-action .dropdown-toggle {
 margin-top:-20px;
 margin-right:-30px;
 margin-bottom:8px;
 padding:26px 40px 2px
}
html[dir='rtl'] .profile-action .dropdown-toggle {
 margin-left:-30px;
 margin-right:0
}
#app.navigation-collapsed .profile-action .dropdown-toggle {
 margin-top:-5px;
 padding:10px 0 5px;
 margin-right:0
}
html[dir='rtl'] #app.navigation-collapsed .profile-action .dropdown-toggle {
 margin-left:0;
 margin-right:0
}
@media screen and (max-width: 767px) {
 .profile-action .dropdown-toggle {
  margin-top:-5px;
  padding:10px 0 5px;
  margin-right:0
 }
 html[dir='rtl'] .profile-action .dropdown-toggle {
  margin-left:0;
  margin-right:0
 }
}
.profile-action label,
.profile-action .select-box .select-box-header,
.select-box .profile-action .select-box-header {
 margin:0 8px;
 padding:0;
 cursor:inherit
}
.profile-subtitle {
 font-size:16px
}
.profile-details {
 margin-left:-50px
}
html[dir='rtl'] .profile-details {
 margin-right:-50px;
 margin-left:0
}
.profile-ticketsPlaceholder {
 flex:1;
 margin:8px 0 22px;
 color:var(--text-muted)
}
.profile-ticketsPlaceholder .stat-icon {
 margin-bottom:10px
}
.profile-detailsEntry,
.profile-organizationMember {
 margin:8px 0;
 padding-left:50px;
 width:50%
}
html[dir='rtl'] .profile-detailsEntry,
html[dir='rtl'] .profile-organizationMember {
 padding-right:50px;
 padding-left:0
}
.profile-detailsEntry label,
.profile-detailsEntry .select-box .select-box-header,
.select-box .profile-detailsEntry .select-box-header,
.profile-organizationMember label,
.profile-organizationMember .select-box .select-box-header,
.select-box .profile-organizationMember .select-box-header {
 padding:0;
 margin-bottom:2px;
 display:block
}
.profile-organizationMember {
 display:flex;
 align-items:center
}
.profile-organizationMember .avatar {
 margin-right:10px
}
html[dir='rtl'] .profile-organizationMember .avatar {
 margin-left:10px;
 margin-right:0
}
.profile-ticketLists {
 display:flex;
 margin:0 -25px
}
#app.navigation-collapsed .profile-ticketLists {
 display:block;
 margin:0
}
@media screen and (max-width: 767px) {
 .profile-ticketLists {
  display:block;
  margin:0
 }
}
.profile-ticketList {
 display:flex;
 flex-direction:column;
 flex:1 1 50%;
 padding:0 25px;
 min-width:0
}
#app.navigation-collapsed .profile-ticketList {
 padding:0;
 margin-bottom:10px
}
#app.navigation-collapsed .profile-ticketList:last-child {
 margin-bottom:0
}
@media screen and (max-width: 767px) {
 .profile-ticketList {
  padding:0;
  margin-bottom:10px
 }
 .profile-ticketList:last-child {
  margin-bottom:0
 }
}
.profile-ticketList .tasks {
 margin-bottom:10px;
 display:flex;
 flex-basis:auto;
 flex-direction:column
}
.profile .frequency.stat-widget {
 height:230px
}
#app.navigation-collapsed .profile .frequency.stat-widget {
 display:none
}
@media screen and (max-width: 767px) {
 .profile .frequency.stat-widget {
  display:none
 }
}
.profile .frequency.stat-widget .stat-bars {
 height:100px
}
.profile-organizationIcon {
 display:flex;
 align-items:center;
 justify-content:center;
 width:80px;
 height:80px;
 background:var(--background-modifier-accent);
 color:var(--text-muted);
 border-radius:100%
}
.profile-organizationIcon svg {
 width:32px;
 height:32px
}
.highlighter {
 display:flex
}
[data-highlightcolor='Yellow']::-moz-selection {
 background:var(--highlighter-yellow)
}
[data-highlightcolor='Yellow']::selection {
 background:var(--highlighter-yellow)
}
.highlight-Yellow {
 background:var(--highlighter-yellow)
}
[data-highlightcolor='Green']::-moz-selection {
 background:var(--highlighter-green)
}
[data-highlightcolor='Green']::selection {
 background:var(--highlighter-green)
}
.highlight-Green {
 background:var(--highlighter-green)
}
[data-highlightcolor='Blue']::-moz-selection {
 background:var(--highlighter-blue)
}
[data-highlightcolor='Blue']::selection {
 background:var(--highlighter-blue)
}
.highlight-Blue {
 background:var(--highlighter-blue)
}
[data-highlightcolor='Pink']::-moz-selection {
 background:var(--highlighter-pink)
}
[data-highlightcolor='Pink']::selection {
 background:var(--highlighter-pink)
}
.highlight-Pink {
 background:var(--highlighter-pink)
}
[data-highlightcolor='Purple']::-moz-selection {
 background:var(--highlighter-purple)
}
[data-highlightcolor='Purple']::selection {
 background:var(--highlighter-purple)
}
.highlight-Purple {
 background:var(--highlighter-purple)
}
.translationOverview tbody>tr>td {
 padding:20px 0 0 10px
}
.translationOverview .translationOverview-itemContainer {
 padding:10px 0 10px 10px
}
.translationOverview .translationOverview-source {
 width:25%
}
.translationOverview .translationOverview-target {
 width:35%
}
.translationOverview .translationOverview-initial {
 width:25%
}
.translationOverview .translationOverview-item {
 width:100%
}
.overview-navigator {
 display:flex
}
.overview-navigator .pagination {
 margin:0 0 0 10px
}
html[dir='rtl'] .overview-navigator .pagination {
 margin:0 10px 0 0
}
.empty-space {
 padding:50px
}
.empty-space svg {
 width:200px;
 height:auto
}
.empty-space .empty-space-tagline {
 color:var(--text-muted);
 margin-top:15px;
 font-size:18px
}
.horizontal-filters-alert {
 margin-bottom:10px
}
.horizontal-filters {
 margin-bottom:20px
}
.horizontal-filters--with-switch {
 margin-bottom:10px
}
.horizontal-filter {
 position:relative;
 display:flex;
 background:var(--background-primary-alt);
 padding:7px;
 border:1px solid var(--border-alt)
}
.horizontal-filter:first-child {
 border-radius:4px 4px 0 0
}
.horizontal-filter:last-child {
 border-radius:0 0 4px 4px
}
.horizontal-filter:only-child {
 border-radius:4px
}
.horizontal-filter+.horizontal-filter {
 border-top:none
}
.horizontal-filter select,
.horizontal-filter input {
 border-color:var(--border-alt)
}
.horizontal-filter input[type='text'] {
 width:100%
}
.horizontal-filter input[data-item='time'] {
 width:4.5ch
}
.horizontal-filter[data-level] {
 padding-left:54px
}
html[dir='rtl'] .horizontal-filter[data-level] {
 padding-left:7px
}
html[dir='rtl'] .horizontal-filter[data-level] {
 padding-right:54px
}
.horizontal-filter[data-level='1'] {
 padding-left:0
}
html[dir='rtl'] .horizontal-filter[data-level='1'] {
 padding-left:7px
}
html[dir='rtl'] .horizontal-filter[data-level='1'] {
 padding-right:0
}
.horizontal-filter[data-level='2'] {
 padding-left:27px
}
html[dir='rtl'] .horizontal-filter[data-level='2'] {
 padding-left:7px
}
html[dir='rtl'] .horizontal-filter[data-level='2'] {
 padding-right:27px
}
.horizontal-filter[data-level]::before {
 content:'';
 background-color:var(--border-alt);
 width:54px;
 position:absolute;
 top:0;
 left:0;
 bottom:0
}
html[dir='rtl'] .horizontal-filter[data-level]::before {
 right:0
}
.horizontal-filter[data-level='1']::before {
 width:0
}
.horizontal-filter[data-level='2']::before {
 width:27px
}
.horizontal-filter .draggable {
 display:flex;
 align-items:center;
 justify-content:center;
 width:36px;
 height:39px;
 vertical-align:middle;
 cursor:move
}
.ui-sortable-helper .horizontal-filter {
 border-color:transparent;
 border-radius:none;
 background:var(--background-modifier-lighter)
}
.ui-sortable-helper .horizontal-filter[data-level]::before {
 background-color:transparent
}
.horizontal-filter.ui-sortable-placeholder {
 visibility:visible !important;
 background:var(--background-primary-alt)
}
.horizontal-filter.ui-sortable-placeholder[data-level]::before {
 background-color:var(--border-highlight)
}
.horizontal-filter-body {
 display:flex;
 flex:1;
 min-width:100px
}
#app.navigation-collapsed .horizontal-filter-body {
 display:block;
 margin-right:5px
}
@media screen and (max-width: 767px) {
 .horizontal-filter-body {
  display:block;
  margin-right:5px
 }
}
.horizontal-filter-body>.controls,
.horizontal-filter-body>input {
 margin-right:5px
}
html[dir='rtl'] .horizontal-filter-body>.controls,
html[dir='rtl'] .horizontal-filter-body>input {
 margin-left:5px;
 margin-right:0
}
#app.navigation-collapsed .horizontal-filter-body>.controls,
#app.navigation-collapsed .horizontal-filter-body>input {
 margin:0 0 5px !important
}
@media screen and (max-width: 767px) {
 .horizontal-filter-body>.controls,
 .horizontal-filter-body>input {
  margin:0 0 5px !important
 }
}
.horizontal-filter-body>.controls>.controls-label,
.horizontal-filter-body>input>.controls-label {
 margin-left:0;
 margin-right:5px
}
html[dir='rtl'] .horizontal-filter-body>.controls>.controls-label,
html[dir='rtl'] .horizontal-filter-body>input>.controls-label {
 margin-left:5px
}
html[dir='rtl'] .horizontal-filter-body>.controls>.controls-label,
html[dir='rtl'] .horizontal-filter-body>input>.controls-label {
 margin-right:0
}
.horizontal-filter-body>.controls .horizontal-filter-value,
.horizontal-filter-body>input .horizontal-filter-value {
 max-width:100%
}
.horizontal-filter-body>.controls>.controls {
 max-width:100%
}
.horizontal-filter-body>.controls>.controls+.controls {
 margin-left:5px
}
html[dir='rtl'] .horizontal-filter-body>.controls>.controls+.controls {
 margin-right:5px;
 margin-left:0
}
.horizontal-filter-group {
 padding:10px;
 background:var(--background-secondary);
 border:1px solid var(--border-alt);
 border-radius:5px;
 margin:0 5px
}
.horizontal-filter-group>.form-group:last-child {
 margin-bottom:0
}
.horizontal-filter-value {
 max-width:60%;
 flex-grow:1;
 margin-bottom:0
}
#app.navigation-collapsed .horizontal-filter-value {
 max-width:100%
}
@media screen and (max-width: 767px) {
 .horizontal-filter-value {
  max-width:100%
 }
}
.horizontal-filter-value input[type='url'] {
 min-width:200px
}
.horizontal-filter-value .dropdown:only-child {
 flex-grow:1
}
.horizontal-filters-switch {
 display:flex;
 justify-content:flex-end
}
.horizontal-filters-switch>label,
.select-box .horizontal-filters-switch>.select-box-header {
 display:flex;
 align-items:center;
 margin-bottom:0
}
.horizontal-filters-switch>label .zammad-switch,
.select-box .horizontal-filters-switch>.select-box-header .zammad-switch {
 margin-top:0;
 margin-left:10px
}
html[dir='rtl'] .horizontal-filters-switch>label .zammad-switch,
html[dir='rtl'] .select-box .horizontal-filters-switch>.select-box-header .zammad-switch,
.select-box html[dir='rtl'] .horizontal-filters-switch>.select-box-header .zammad-switch {
 margin-left:0
}
html[dir='rtl'] .horizontal-filters-switch>label .zammad-switch,
html[dir='rtl'] .select-box .horizontal-filters-switch>.select-box-header .zammad-switch,
.select-box html[dir='rtl'] .horizontal-filters-switch>.select-box-header .zammad-switch {
 margin-right:10px
}
.horizontal-filters-switch--align-start {
 justify-content:flex-start
}
.horizontal-filters-switch--align-start>label,
.select-box .horizontal-filters-switch--align-start>.select-box-header {
 flex-direction:row-reverse
}
.horizontal-filters-switch--align-start>label .zammad-switch,
.select-box .horizontal-filters-switch--align-start>.select-box-header .zammad-switch {
 margin-left:0;
 margin-right:10px
}
html[dir='rtl'] .horizontal-filters-switch--align-start>label .zammad-switch,
html[dir='rtl'] .select-box .horizontal-filters-switch--align-start>.select-box-header .zammad-switch,
.select-box html[dir='rtl'] .horizontal-filters-switch--align-start>.select-box-header .zammad-switch {
 margin-right:0
}
html[dir='rtl'] .horizontal-filters-switch--align-start>label .zammad-switch,
html[dir='rtl'] .select-box .horizontal-filters-switch--align-start>.select-box-header .zammad-switch,
.select-box html[dir='rtl'] .horizontal-filters-switch--align-start>.select-box-header .zammad-switch {
 margin-left:10px
}
.horizontal-filters-switch+.js-preview h3 {
 margin-top:0
}
.output-input {
 margin:0 0 14px
}
.output-input output {
 margin:0;
 border-radius:3px 3px 0 0;
 border:1px solid var(--border-highlight);
 border-bottom:none;
 display:block
}
.output-input input {
 flex:1;
 border-top-left-radius:0;
 border-top-right-radius:0;
 border-top:none
}
.output-input input:focus {
 border-color:var(--border);
 box-shadow:none
}
output {
 border-bottom:1px solid var(--border-highlight);
 margin:0 0 19px;
 display:inline-block;
 padding:10px 12px 8px;
 color:inherit;
 background:var(--background-article-customer)
}
output[disabled] {
 border-color:#ca5357;
 background:#e2a1a4;
 color:var(--text-inverted)
}
output p {
 margin:0
}
.zammad-switch {
 overflow:hidden;
 width:50px;
 height:30px;
 border-radius:15px
}
.zammad-switch.zammad-switch--small {
 width:40px;
 height:24px;
 border-radius:12px
}
.zammad-switch.zammad-switch--tiny {
 width:30px;
 height:18px;
 border-radius:9px
}
.zammad-switch.zammad-switch--dark label,
.zammad-switch.zammad-switch--dark .select-box .select-box-header,
.select-box .zammad-switch.zammad-switch--dark .select-box-header {
 background:#0b0c0e
}
.zammad-switch.zammad-switch--dark label::before,
.zammad-switch.zammad-switch--dark .select-box .select-box-header::before,
.select-box .zammad-switch.zammad-switch--dark .select-box-header::before {
 background:#17181c
}
.zammad-switch.zammad-switch--dark label::after,
.zammad-switch.zammad-switch--dark .select-box .select-box-header::after,
.select-box .zammad-switch.zammad-switch--dark .select-box-header::after {
 background:var(--background-tertiary)
}
.zammad-switch.zammad-switch--green input:checked+label,
.zammad-switch.zammad-switch--green .select-box input:checked+.select-box-header,
.select-box .zammad-switch.zammad-switch--green input:checked+.select-box-header {
 background:var(--supergood-color)
}
.zammad-switch label,
.zammad-switch .select-box .select-box-header,
.select-box .zammad-switch .select-box-header {
 margin:0;
 position:relative;
 width:100%;
 height:100%;
 border-radius:inherit;
 outline:none;
 background:var(--background-secondary);
 box-shadow:0 0 0 1px rgba(0,0,0,0.1) inset;
 transition:background 200ms
}
.zammad-switch label::after,
.zammad-switch .select-box .select-box-header::after,
.select-box .zammad-switch .select-box-header::after {
 content:'';
 position:absolute;
 transition:transform 200ms;
 width:calc(60% - 2px);
 height:calc(100% - 2px);
 border-radius:inherit;
 left:1px;
 top:1px;
 box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 1px 3px rgba(0,0,0,0.2);
 background:var(--background-secondary)
}
html[dir='rtl'] .zammad-switch label::after,
html[dir='rtl'] .zammad-switch .select-box .select-box-header::after,
.select-box html[dir='rtl'] .zammad-switch .select-box-header::after {
 transform:translateX(70%)
}
.dropdown-menu.dropdown-menu--light .zammad-switch input:not(:checked)+label,
.dropdown-menu.dropdown-menu--light .zammad-switch .select-box input:not(:checked)+.select-box-header,
.select-box .dropdown-menu.dropdown-menu--light .zammad-switch input:not(:checked)+.select-box-header {
 background:var(--background-primary)
}
.zammad-switch input {
 display:none
}
.zammad-switch input[disabled]+label,
.zammad-switch .select-box input[disabled]+.select-box-header,
.select-box .zammad-switch input[disabled]+.select-box-header {
 cursor:not-allowed;
 opacity:0.38;
 border-color:var(--border)
}
.zammad-switch input[disabled]+label::after,
.zammad-switch .select-box input[disabled]+.select-box-header::after,
.select-box .zammad-switch input[disabled]+.select-box-header::after {
 background:#f6f7f9
}
.zammad-switch input:focus+label,
.zammad-switch .select-box input:focus+.select-box-header,
.select-box .zammad-switch input:focus+.select-box-header {
 transition:none;
 background:var(--border-highlight);
 box-shadow:0 0 0 3px var()
}
.zammad-switch input:checked+label,
.zammad-switch .select-box input:checked+.select-box-header,
.select-box .zammad-switch input:checked+.select-box-header {
 background:var(--highlight)
}
.zammad-switch input:checked+label::after,
.zammad-switch .select-box input:checked+.select-box-header::after,
.select-box .zammad-switch input:checked+.select-box-header::after {
 transform:translateX(70%)
}
html[dir='rtl'] .zammad-switch input:checked+label::after,
html[dir='rtl'] .zammad-switch .select-box input:checked+.select-box-header::after,
.select-box html[dir='rtl'] .zammad-switch input:checked+.select-box-header::after {
 transform:none
}
.controls .zammad-switch {
 margin-top:10px
}
.horizontal-filter-text {
 margin-right:5px
}
html[dir='rtl'] .horizontal-filter-text {
 margin-left:5px;
 margin-right:0
}
.filter-controls {
 display:flex;
 margin:5.5px 0
}
.filter-control {
 display:flex;
 align-items:center;
 justify-content:center;
 width:30px;
 height:30px;
 box-shadow:0 0 0 1px var(--border-alt) inset;
 border-radius:100%;
 background:var(--background-secondary)
}
.filter-control:hover:not(.is-disabled) .icon {
 fill:var(--interactive-primary)
}
.filter-control.is-disabled {
 cursor:not-allowed;
 opacity:0.5
}
.filter-control:not(:last-child) {
 margin-right:7px
}
html[dir='rtl'] .filter-control:not(:last-child) {
 margin-left:7px;
 margin-right:0
}
.filter-control .icon {
 fill:var(--interactive-muted)
}
.filter-preview {
 margin:20px 0
}
.day-name {
 text-align:center;
 margin-bottom:0;
 color:inherit;
 white-space:nowrap
}
.form-group.day-time {
 padding:10px 5px 6px;
 margin:0
}
.form-group.day-time label,
.form-group.day-time .select-box .select-box-header,
.select-box .form-group.day-time .select-box-header {
 text-align:center
}
.form-group.day-time .form-control {
 margin-left:auto;
 margin-right:auto;
 margin-bottom:8px
}
.settings-row {
 margin-bottom:10px
}
.settings-list {
 border-collapse:separate;
 color:var(--text-normal);
 table-layout:auto;
 margin-bottom:20px
}
.settings-list>caption {
 color:var(--text-normal)
}
.settings-list.is-invalid {
 border-radius:3px;
 box-shadow:0 0 0 2px var(--background-primary),0 0 0 4px #f76e6e
}
.settings-list.settings-list--fixed {
 table-layout:fixed
}
.settings-list.settings-list--stretch {
 width:100%
}
.settings-list:not(:last-child) {
 margin-bottom:34px
}
.form-group .settings-list {
 margin-bottom:0
}
.settings-list.settings-list--toggleRow tr:not(.is-active) td>*:not(.dont-grey-out) {
 opacity:0.33
}
.settings-list.settings-list--toggleColumn td:not(.is-active) * {
 opacity:0.33
}
.settings-list.settings-list--placeholder th {
 text-align:center;
 border-bottom:1px solid var(--border-alt);
 border-radius:4px
}
.settings-list.settings-list--placeholder td {
 height:40px
}
.settings-list .settings-list--deleted td {
 text-decoration:line-through
}
.settings-list th,
.settings-list td {
 vertical-align:top;
 padding:10px;
 border:1px solid var(--border-alt);
 background:var(--background-secondary)
}
.settings-list th {
 font-weight:normal;
 text-transform:uppercase;
 font-size:12px;
 line-height:17px;
 letter-spacing:0.05em;
 background:var(--background-primary-alt);
 border-bottom:none;
 word-break:normal
}
.settings-list td {
 word-break:break-word
}
.settings-list td>fieldset {
 margin:0
}
.settings-list td>fieldset>.form-group {
 margin-left:0;
 margin-right:0
}
.settings-list td>fieldset>.checkbox,
.settings-list td>fieldset>.radio {
 margin:7px 0
}
.settings-list td.empty-cell {
 border-top:none
}
.settings-list .settings-list-separator {
 border-left-width:3px
}
html[dir='rtl'] .settings-list .settings-list-separator {
 border-right-width:3px;
 border-left-width:1px
}
.settings-list .text-muted {
 text-transform:none;
 font-size:10px;
 letter-spacing:0;
 color:var(--text-muted-alt)
}
.settings-list .inline-label {
 color:inherit
}
.settings-list th:not(:last-child),
.settings-list td:not(:last-child) {
 border-right-width:0
}
html[dir='rtl'] .settings-list th:not(:last-child),
html[dir='rtl'] .settings-list td:not(:last-child) {
 border-left-width:0;
 border-right-width:1px
}
.settings-list .ui-sortable-placeholder {
 visibility:visible !important
}
.settings-list .ui-sortable-placeholder td {
 background:none;
 border-left-width:0;
 border-right-width:0
}
.settings-list .ui-sortable-helper td {
 border-bottom-width:1px !important
}
.settings-list tr:not(:last-child) td,
.settings-list>tbody:not(:last-child) tr td {
 border-bottom-width:0
}
.settings-list tr.is-inactive td {
 color:#c2d0d6;
 text-decoration:line-through
}
.settings-list>thead>tr>th:first-child {
 border-top-left-radius:4px
}
html[dir='rtl'] .settings-list>thead>tr>th:first-child {
 border-top-right-radius:4px;
 border-top-left-radius:0
}
.settings-list>thead>tr>th:last-child {
 border-top-right-radius:4px
}
html[dir='rtl'] .settings-list>thead>tr>th:last-child {
 border-top-left-radius:4px;
 border-top-right-radius:0
}
.settings-list>tbody:last-child>tr:last-child>td:first-child,
.settings-list>tfoot:last-child>tr:last-child>td:first-child {
 border-bottom-left-radius:4px
}
html[dir='rtl'] .settings-list>tbody:last-child>tr:last-child>td:first-child,
html[dir='rtl'] .settings-list>tfoot:last-child>tr:last-child>td:first-child {
 border-bottom-right-radius:4px;
 border-bottom-left-radius:0
}
.settings-list>tbody:last-child>tr:last-child>td:last-child,
.settings-list>tfoot:last-child>tr:last-child>td:last-child {
 border-bottom-right-radius:4px
}
html[dir='rtl'] .settings-list>tbody:last-child>tr:last-child>td:last-child,
html[dir='rtl'] .settings-list>tfoot:last-child>tr:last-child>td:last-child {
 border-bottom-left-radius:4px;
 border-bottom-right-radius:0
}
.settings-list p {
 margin:0
}
.settings-list .settings-list-action-cell {
 text-align:center;
 color:var(--interactive-muted);
 background:linear-gradient(rgba(255,255,255,0.02), rgba(255,255,255,0.02)),linear-gradient(var(--background-primary-alt), var(--background-primary-alt));
 line-height:1;
 padding-top:11px;
 padding-bottom:9px
}
.settings-list .settings-list-action-cell:hover {
 color:var(--text-normal)
}
.settings-list .settings-list-action-cell .icon {
 fill:currentColor;
 vertical-align:top;
 margin-top:-2px
}
.settings-list .settings-list-controls {
 padding:0
}
.settings-list .settings-list-controls>div,
.settings-list .settings-list-controls>a {
 display:flex;
 min-height:40px
}
.settings-list .settings-list-controls .settings-list-control {
 display:flex;
 align-items:center;
 justify-content:center;
 padding:0 10px
}
.settings-list .settings-list-controls .settings-list-control .icon {
 fill:currentColor
}
.settings-list .settings-list-control-cell {
 padding:5px
}
.settings-list .settings-list-control-cell .btn--text {
 margin:-5px
}
.settings-list .settings-list-control-cell~.settings-list-row-control {
 padding-bottom:7px
}
.settings-list .settings-list-checkbox-cell,
.settings-list .settings-list-radio-cell {
 vertical-align:middle;
 padding-left:8px
}
.settings-list .settings-list-radio-cell {
 text-align:center
}
.settings-list--roles-permissions {
 margin-left:18px;
 margin-right:18px;
 margin-top:10px
}
.settings-list--roles-permissions th:first-child {
 min-width:150px
}
.select-boxes {
 display:flex;
 align-items:flex-start
}
.select-box {
 display:flex;
 flex-wrap:wrap;
 margin:0 14px;
 background:var(--background-secondary);
 color:var(--text-normal);
 border-right:1px solid var(--border-alt);
 border-bottom:1px solid var(--border-alt);
 border-radius:3px 3px 0 0
}
html[dir='rtl'] .select-box {
 border-left:1px solid var(--border-alt);
 border-right:none
}
.select-box.select-box--vertical .select-value {
 flex-basis:100%
}
.select-box.select-box--four .select-value {
 flex-basis:25%
}
.select-box.select-box--six .select-value {
 flex-basis:calc(100% / 6)
}
.select-box .select-box-header {
 margin:0;
 color:inherit;
 display:flex;
 align-items:center;
 padding:8px 10px;
 flex-basis:100%;
 white-space:nowrap;
 background:var(--background-primary-alt);
 border-left:1px solid var(--border-alt);
 border-top:1px solid var(--border-alt);
 border-radius:3px 3px 0 0
}
html[dir='rtl'] .select-box .select-box-header {
 border-right:1px solid var(--border-alt);
 border-left:none
}
.select-box .select-value {
 display:flex;
 align-items:center;
 justify-content:center;
 min-height:34px;
 background-clip:content-box;
 box-shadow:1px 0 var(--border-alt) inset,0 1px var(--border-alt) inset
}
.select-box .select-value.is-selected {
 background-color:var(--highlight);
 box-shadow:none;
 color:var(--text-inverted)
}
.select-box:first-child {
 margin-left:0
}
html[dir='rtl'] .select-box:first-child {
 margin-left:0;
 margin-left:14px
}
.select-box:last-child {
 margin-right:0
}
html[dir='rtl'] .select-box:last-child {
 margin-left:0;
 margin-right:14px
}
.searchableSelect {
 position:relative
}
.searchableSelect .form-control {
 padding-right:37px;
 padding-right:37px
}
html[dir='rtl'] .searchableSelect .form-control {
 padding-left:37px;
 padding-right:12px
}
.searchableSelect .searchableSelect-main {
 position:relative;
 line-height:19px
}
.searchableSelect .searchableSelect-main.form-control--small~.searchableSelect-autocomplete {
 top:6px;
 left:9px
}
.searchableSelect .searchableSelect-shadow {
 position:absolute;
 left:-9999px
}
.searchableSelect .dropdown-menu {
 margin-top:-3px;
 max-width:100%
}
.searchableSelect-option-text {
 flex:1 1 0%;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 display:block
}
.searchableSelect-option-text+.icon {
 margin-left:10px
}
html[dir='rtl'] .searchableSelect-option-text+.icon {
 margin-right:10px;
 margin-left:0
}
.searchableSelect-option-text.is-inactive {
 opacity:0.73;
 text-decoration:line-through;
 pointer-events:none
}
.searchableSelect.dropdown li:hover:not(.is-active) {
 background:none
}
.searchableSelect.dropdown li.is-hidden {
 display:none
}
.searchableSelect.dropdown li.js-enter {
 padding:0
}
.searchableSelect.dropdown li.js-enter span.searchableSelect-option-text {
 padding:11px 15px
}
.searchableSelect.dropdown li.js-enter span.searchableSelect-option-arrow {
 padding:11px 15px
}
.searchableSelect li:not(.is-active):hover+li {
 box-shadow:0 1px rgba(255,255,255,0.13) inset
}
.searchableSelect .searchableSelect-autocomplete {
 position:absolute;
 left:13px;
 top:11px;
 right:37px;
 white-space:nowrap;
 overflow:hidden;
 display:flex;
 pointer-events:none;
 white-space:pre;
 line-height:19px
}
.searchableSelect .searchableSelect-autocomplete-invisible {
 color:transparent
}
.searchableSelect .searchableSelect-autocomplete-visible {
 color:#545454;
 background:#d6eaf5
}
.searchableSelect .loading.icon {
 position:absolute;
 right:11px;
 top:11px;
 display:none
}
.searchableSelect.is-loading .loading.icon {
 display:block
}
.searchableSelect.is-loading .icon-arrow-down {
 display:none
}
.action {
 background:var(--background-secondary);
 border:1px solid var(--border);
 box-shadow:var(--elevation-stroke);
 display:flex;
 flex-wrap:wrap;
 padding:10px;
 margin-bottom:17px
}
.action.is-inactive {
 background:none;
 box-shadow:none;
 position:relative;
 top:2px;
 border-color:var(--border-alt)
}
.action.is-inactive>*:not(.action-controls) {
 opacity:0.33
}
.action--placeholder {
 padding:30px;
 align-items:center;
 justify-content:center;
 color:#a9b1b7;
 box-shadow:none;
 background:none;
 border-style:dashed;
 font-style:italic
}
.action-alert {
 width:calc(100% + 20px);
 margin:-10px -10px 10px
}
.action-flow {
 display:flex;
 flex-wrap:wrap
}
.action-flow.action-flow--noWrap {
 flex-wrap:nowrap
}
.action-flow.action-flow--row {
 flex-basis:100%
}
.action-separator {
 width:1px;
 background:#f7f7f7;
 margin:0 10px
}
.action .table {
 margin-left:-9px;
 margin-right:-9px
}
.action h2 {
 margin-bottom:0
}
.action h2 .action-form-status .icon {
 margin-top:0
}
.action-block,
.action-controls,
.action-row {
 padding:10px
}
.action-block h2:first-child,
.action-block h3:first-child,
.action-controls h2:first-child,
.action-controls h3:first-child,
.action-row h2:first-child,
.action-row h3:first-child {
 margin-top:0
}
.action-block.action-block--flex {
 flex:1
}
.action-row {
 flex-basis:100%
}
.action h3 {
 color:var(--text-muted);
 margin-top:0
}
.action h3+.btn--text {
 position:relative;
 top:-1px
}
.action-label {
 background:var(--background-primary-alt);
 border:1px solid var(--border-alt);
 align-self:flex-start;
 padding:5px 10px;
 margin:-4px 0 -5px auto;
 color:var(--text-muted-alt);
 cursor:default
}
html[dir='rtl'] .action-label {
 margin:-4px auto -5px 0
}
.action-flow-icon {
 width:15px;
 height:24px;
 margin-top:16px;
 margin-left:20px;
 margin-right:20px;
 fill:var(--background-modifier-accent-light)
}
.action-controls {
 display:flex;
 margin-left:auto;
 align-self:flex-end
}
html[dir='rtl'] .action-controls {
 margin-right:auto;
 margin-left:0
}
.action-controls .btn {
 align-self:center
}
.datepicker {
 background:var(--background-tertiary);
 color:var(--text-inverted);
 padding:0 14px 11px;
 position:absolute;
 min-width:0;
 cursor:default
}
.datepicker.datepicker-rtl {
 left:auto;
 right:0
}
.datepicker .datepicker-switch {
 padding:12px 0;
 font-weight:bold;
 font-size:15px;
 text-align:center;
 letter-spacing:0;
 line-height:1.5;
 text-transform:none
}
.datepicker .datepicker-switch:hover {
 background:#202027
}
.datepicker th {
 background:none;
 font-weight:500
}
.datepicker th,
.datepicker td {
 border:none
}
.datepicker .next,
.datepicker .prev {
 padding:12px 9px 0;
 vertical-align:top;
 text-align:center
}
.datepicker .next .icon,
.datepicker .prev .icon {
 margin-top:4px;
 fill:var(--text-inverted);
 opacity:1
}
.datepicker .next:hover,
.datepicker .prev:hover {
 background:#202027
}
.datepicker .dow {
 text-transform:uppercase;
 font-size:12px;
 padding:0;
 text-align:center;
 vertical-align:inherit
}
.datepicker td.cw {
 background:linear-gradient(to right, var(--background-modifier-lighter), var(--background-modifier-lighter) calc(100% - 2px), transparent calc(100% - 2px), var(--background-modifier-accent) calc(100% - 1px), transparent calc(100% - 1px));
 padding:0 5px 0 3px !important;
 text-align:center;
 border-radius:0
}
.datepicker tbody td {
 width:27px;
 height:27px;
 border-radius:14px;
 padding:1px 0 0 !important;
 background-color:inherit;
 vertical-align:inherit
}
.datepicker .month,
.datepicker .year {
 float:left;
 width:23%;
 margin:1%;
 padding:5px 0
}
.datepicker .day,
.datepicker .month,
.datepicker .year {
 text-align:center
}
.datepicker .day.disabled,
.datepicker .day.old,
.datepicker .day.new,
.datepicker .month.disabled,
.datepicker .month.old,
.datepicker .month.new,
.datepicker .year.disabled,
.datepicker .year.old,
.datepicker .year.new {
 color:#545454
}
.datepicker .day.today,
.datepicker .month.today,
.datepicker .year.today {
 background:#777
}
.datepicker .day.focused,
.datepicker .month.focused,
.datepicker .year.focused {
 box-shadow:0 0 0 1px #58abee inset
}
.datepicker .day.active,
.datepicker .month.active,
.datepicker .year.active {
 color:var(--text-inverted);
 background:#58abee
}
.datepicker .today,
.datepicker .clear {
 text-align:center;
 padding:2px 0 0
}
.datepicker .today.hidden,
.datepicker .clear.hidden {
 display:none
}
.datepicker .datepicker-footer-buttons {
 display:flex;
 justify-content:space-between;
 gap:20px;
 align-items:stretch;
 height:31px;
 margin-top:15px
}
.datepicker .datepicker-footer-buttons div {
 flex-grow:1;
 border:1px solid #56575e;
 border-radius:3px;
 display:flex;
 align-items:center;
 justify-content:center
}
#notify {
 position:absolute;
 top:10px;
 left:0;
 right:0;
 pointer-events:none
}
#notify .noty_bar {
 max-width:500px;
 text-align:center;
 margin:0 auto 10px
}
#notify .noty_bar .noty_message {
 pointer-events:auto;
 display:inline-block;
 background:rgba(0,0,0,0.75);
 padding:10px 15px 8px;
 border-radius:3px;
 color:var(--text-inverted)
}
#notify .noty_bar .icon {
 vertical-align:middle;
 margin-top:-3px;
 margin-right:5px
}
html[dir='rtl'] #notify .noty_bar .icon {
 margin-left:5px;
 margin-right:0
}
#notify .noty_bar a {
 color:inherit;
 text-decoration:none
}
.animated {
 animation-duration:300ms;
 animation-fill-mode:both
}
.fadeInDown {
 animation-name:fadeInDown
}
@keyframes fadeInDown {
 from {
  opacity:0;
  transform:translate3d(0, -50%, 0)
 }
 to {
  opacity:1;
  transform:none
 }
}
.fadeOutDown {
 animation-name:fadeOutDown
}
@keyframes fadeOutDown {
 from {
  opacity:1
 }
 to {
  opacity:0;
  transform:translate3d(0, 50%, 0)
 }
}
.loading-placeholder {
 display:flex;
 align-items:center;
 justify-content:center;
 height:133px
}
.loading-placeholder .loading-text {
 margin-left:10px
}
html[dir='rtl'] .loading-placeholder .loading-text {
 margin-right:10px;
 margin-left:0
}
.chat {
 flex:1;
 display:flex;
 flex-direction:column;
 padding:0 14px
}
#app.navigation-collapsed .chat {
 padding:0
}
@media screen and (max-width: 767px) {
 .chat {
  padding:0
 }
}
.chat .page-header {
 margin:15px 6px 5px
}
#app.navigation-collapsed .chat .page-header {
 flex-wrap:wrap;
 margin:0;
 padding:5px 8px
}
@media screen and (max-width: 767px) {
 .chat .page-header {
  flex-wrap:wrap;
  margin:0;
  padding:5px 8px
 }
}
#app.navigation-collapsed .chat .page-header-title {
 order:1
}
@media screen and (max-width: 767px) {
 .chat .page-header-title {
  order:1
 }
}
#app.navigation-collapsed .chat .page-header-center {
 flex-basis:100%;
 padding:0;
 order:3
}
@media screen and (max-width: 767px) {
 .chat .page-header-center {
  flex-basis:100%;
  padding:0;
  order:3
 }
}
#app.navigation-collapsed .chat .page-header-meta {
 order:2;
 margin-left:auto;
 padding-top:4px;
 padding-left:10px
}
html[dir='rtl'] #app.navigation-collapsed .chat .page-header-meta {
 margin-right:auto;
 margin-left:auto
}
html[dir='rtl'] #app.navigation-collapsed .chat .page-header-meta {
 padding-right:10px;
 padding-left:0
}
@media screen and (max-width: 767px) {
 .chat .page-header-meta {
  order:2;
  margin-left:auto;
  padding-top:4px;
  padding-left:10px
 }
 html[dir='rtl'] .chat .page-header-meta {
  margin-right:auto;
  margin-left:auto
 }
 html[dir='rtl'] .chat .page-header-meta {
  padding-right:10px;
  padding-left:0
 }
}
.chat-workspace {
 display:flex;
 flex-wrap:wrap;
 padding:0 0 10px;
 margin:0 -4px;
 flex:1
}
#app.navigation-collapsed .chat-workspace {
 margin:0;
 padding:0;
 flex-wrap:nowrap;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 scroll-snap-mode:x mandatory
}
@media screen and (max-width: 767px) {
 .chat-workspace {
  margin:0;
  padding:0;
  flex-wrap:nowrap;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  scroll-snap-mode:x mandatory
 }
}
.chat-window {
 flex:0 1 0;
 overflow:hidden;
 display:flex;
 flex-direction:column;
 transition-duration:500ms;
 transition-property:transform, flex, padding;
 transform:scale(0)
}
#app.navigation-collapsed .chat-window {
 min-width:calc(100vw - 50px - 16px);
 scroll-snap-align:center
}
@media screen and (max-width: 767px) {
 .chat-window {
  min-width:calc(100vw - 50px - 16px);
  scroll-snap-align:center
 }
}
.chat-window.is-open {
 flex:1 0 25%;
 transform:scale(1);
 padding:10px
}
#app.navigation-collapsed .chat-window.is-open {
 padding:8px
}
@media screen and (max-width: 767px) {
 .chat-window.is-open {
  padding:8px
 }
}
.chat-window.is-offline .chat-controls {
 opacity:0.5
}
.chat-header {
 background:var(--background-primary-alt);
 border:1px solid var(--border-alt);
 border-radius:3px 3px 0 0;
 height:43px;
 line-height:13px;
 flex-shrink:0;
 display:flex;
 justify-content:space-between;
 align-items:center
}
.chat-name {
 margin:0 2px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.chat-name .status-badge {
 margin-left:2px;
 vertical-align:middle;
 height:100%
}
html[dir='rtl'] .chat-name .status-badge {
 margin-right:2px;
 margin-left:0
}
.chat-status {
 margin-left:10px
}
html[dir='rtl'] .chat-status {
 margin-right:10px;
 margin-left:0
}
.chat-status[data-status='online'] .icon {
 fill:var(--supergood-color)
}
.chat-status[data-status='offline'] .icon {
 fill:var(--superbad-color)
}
.chat-status .icon-status-modified-inner-circle,
.chat-status .icon-status-modified-outer-circle {
 display:none
}
.chat-status.is-modified .icon-status {
 display:none
}
.chat-status.is-modified .icon-status-modified-inner-circle,
.chat-status.is-modified .icon-status-modified-outer-circle {
 display:block
}
.chat-status-holder {
 position:relative
}
.chat-disconnect,
.chat-close {
 padding:10px
}
.chat-disconnect .btn,
.chat-close .btn {
 min-width:80px;
 justify-content:center
}
.chat-disconnect.is-hidden,
.chat-close.is-hidden {
 display:none
}
.chat-scroll-hint {
 background:var(--background-primary);
 display:flex;
 align-items:center;
 border:1px solid var(--border-alt);
 border-top:none;
 padding:7px 10px 6px;
 color:var(--text-muted)
}
.chat-scroll-hint.is-hidden {
 display:none
}
.chat-scroll-hint .icon {
 fill:#c4c7ca;
 margin-right:8px
}
html[dir='rtl'] .chat-scroll-hint .icon {
 margin-left:8px;
 margin-right:0
}
.chat-body-holder {
 flex:1;
 background:var(--background-secondary);
 font-size:13px;
 line-height:18px;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 border-left:1px solid var(--border-alt);
 border-right:1px solid var(--border-alt);
 position:relative
}
.chat-body-holder--standalone {
 border-top:1px solid var(--border-alt);
 border-bottom:1px solid var(--border-alt)
}
.chat-body {
 padding:10px;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 position:absolute;
 width:100%;
 top:0;
 left:0
}
.chat-timestamp,
.chat-notice-message {
 font-size:12px;
 color:var(--text-muted);
 margin-bottom:4px;
 align-self:center;
 word-break:break-word
}
.chat-timestamp-label {
 font-weight:500
}
.chat-message {
 max-width:90%;
 background:var(--background-primary);
 padding:6px 12px;
 border-radius:16px;
 margin-bottom:4px
}
.chat-message--customer.chat-message--new {
 font-weight:bold
}
.chat-message--agent {
 margin-left:auto;
 background:var(--background-article-customer);
 align-self:flex-end
}
html[dir='rtl'] .chat-message--agent {
 margin-right:auto;
 margin-left:0
}
.chat-message--agent+.chat-message--customer,
.chat-message--customer+.chat-message--agent {
 margin-top:10px
}
.chat-status-message {
 align-self:center;
 background:var(--background-primary-alt);
 padding:6px 12px;
 margin:4px 0 10px;
 border-radius:3px
}
.chat-loader {
 margin-right:-4px
}
html[dir='rtl'] .chat-loader {
 margin-left:-4px;
 margin-right:0
}
.chat-loader .icon {
 width:12px;
 height:12px;
 fill:var(--border);
 margin-left:-4px;
 vertical-align:middle;
 animation:ease-in-out load-fade 600ms infinite alternate
}
html[dir='rtl'] .chat-loader .icon {
 margin-right:-4px;
 margin-left:0
}
.chat-loader .icon+.icon {
 animation-delay:0.13s
}
.chat-loader .icon+.icon+.icon {
 animation-delay:0.26s
}
@keyframes load-fade {
 0% {
  opacity:0.5;
  transform:scale(0.6)
 }
 67% {
  opacity:1;
  transform:scale(1)
 }
}
.chat-footer {
 border-top:1px solid var(--border-alt);
 padding:10px 10px 0;
 display:flex;
 justify-content:center;
 align-self:stretch;
 margin:0 -10px
}
.chat-controls {
 display:flex;
 align-items:flex-start;
 padding:10px;
 background:var(--background-primary-alt);
 border:1px solid var(--border-alt);
 border-radius:0 0 3px 3px;
 flex-shrink:0
}
.chat-input {
 margin-right:10px;
 flex-grow:1;
 position:relative
}
html[dir='rtl'] .chat-input {
 margin-left:10px;
 margin-right:0
}
.chat-input .form-control {
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 max-height:50vh
}
.browser {
 margin:0 0 20px;
 position:relative
}
.browser[data-size] {
 padding-bottom:65%
}
.browser[data-size] .browser-ratio {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 transition:width 500ms;
 display:flex;
 flex-direction:column
}
.browser[data-size] .browser-body {
 padding:0
}
.browser[data-size='mobile'] .browser-ratio {
 width:375px
}
.browser-ratio {
 border:1px solid var(--border);
 border-radius:5px
}
@media screen and (min-width: 1820px) {
 [data-size='1:1'] {
  display:none
 }
 .browser[data-size='mobile'] .browser-ratio {
  width:500px
 }
}
.browser-body {
 flex:1;
 position:relative;
 overflow:hidden;
 padding:20px
}
.browser-body-inner {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
.browser-body .browser-website {
 position:relative;
 height:100%;
 transform-origin:right bottom;
 transition:500ms;
 overflow:hidden
}
.browser-body .browser-website.is-picking {
 cursor:url(/assets/images/eyedropper.gif) 0 15,auto
}
.browser-body .browser-website-background {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 -o-object-position:left top;
 object-position:left top
}
.browser-head {
 display:flex;
 padding:10px;
 border-bottom:1px solid var(--border)
}
.browser-head .browser-input {
 position:relative;
 flex:1;
 margin-right:10px
}
html[dir='rtl'] .browser-head .browser-input {
 margin-left:10px;
 margin-right:0
}
.browser-head .browser-input input {
 min-width:0;
 padding-right:40px
}
html[dir='rtl'] .browser-head .browser-input input {
 padding-left:40px;
 padding-right:12px
}
.browser-head .browser-input input.is-loading+.loading.icon {
 display:block
}
.browser-head .browser-input .loading.icon {
 position:absolute;
 right:11px;
 top:10px;
 display:none
}
html[dir='rtl'] .browser-head .browser-input .loading.icon {
 left:11px;
 right:auto
}
.browser-head .help-block {
 margin-bottom:-3px
}
.browser-inline-form {
 width:300px
}
.browser-inline-form.no-css {
 all:initial
}
.browser-inline-form.no-css * {
 all:unset
}
.browser-inline-form.no-css input,
.browser-inline-form.no-css textarea,
.browser-inline-form.no-css button {
 padding:2px;
 background:var(--background-secondary);
 border:1px solid;
 font:400 11px system-ui
}
.browser-inline-form.no-css button {
 padding:2px 6px 3px;
 background-color:buttonface;
 border:2px outset buttonface
}
.chat-demo .zammad-chat {
 position:absolute;
 transform-origin:right bottom;
 transition:500ms;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none;
 will-change:transform
}
.chat-demo .zammad-chat.is-fullscreen {
 right:0;
 width:100%;
 height:100%;
 border-radius:0 !important
}
.chat-demo .zammad-chat.is-fullscreen .zammad-chat-header {
 border-radius:0 !important;
 box-shadow:0 -1px rgba(0,0,0,0.1),0 -1px rgba(0,0,0,0.1) inset,0 1px 1px rgba(0,0,0,0.13)
}
.chat-demo .zammad-chat.is-fullscreen .zammad-chat-controls {
 border-radius:0 0 5px 5px
}
.chat-demo .zammad-chat.no-transition {
 transition:none
}
.chat-demo .zammad-chat .zammad-chat-welcome {
 display:block !important
}
.chat-demo .zammad-chat .zammad-chat-header-icon-open {
 display:inline !important
}
.chat-demo .zammad-chat .zammad-chat-agent-status,
.chat-demo .zammad-chat .zammad-chat-header-icon-close,
.chat-demo .zammad-chat .zammad-chat-agent {
 display:none !important
}
.chat-demo .zammad-chat.is-open .zammad-chat-agent {
 display:block !important
}
.chat-demo .zammad-chat.is-open .zammad-chat-header-icon-close,
.chat-demo .zammad-chat.is-open .zammad-chat-agent-status {
 display:inline-block !important
}
.chat-demo .zammad-chat.is-open .zammad-chat-welcome,
.chat-demo .zammad-chat.is-open .zammad-chat-header-icon-open {
 display:none !important
}
.chat-demo .zammad-chat.is-fullscreen {
 height:100%
}
.chat-demo .zammad-chat.is-fullscreen .zammad-chat-controls {
 border-radius:0 0 5px 5px
}
.chat-demo .zammad-chat-header {
 pointer-events:auto
}
.chat-demo .chat-demo-animationHolder {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 animation:slide-up 500ms;
 pointer-events:none
}
@keyframes slide-up {
 from {
  transform:translateY(100%)
 }
}
.todo {
 position:relative;
 display:block
}
.todo .icon {
 fill:var(--ghost-color);
 vertical-align:middle;
 margin:-2px 3px 0 0
}
.todo.is-done .icon {
 fill:var(--supergood-color)
}
.columnSelect {
 height:234px;
 display:flex;
 padding:0;
 line-height:22px
}
.columnSelect-shadow {
 display:none
}
.columnSelect-column--selected {
 flex:1 1 66%;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 padding:7px
}
.columnSelect-column--sidebar {
 flex-basis:33%;
 flex-shrink:1;
 border-left:1px solid var(--border);
 background:var(--background-modifier-accent);
 display:flex;
 flex-direction:column;
 min-width:0
}
.columnSelect-column--sidebar .columnSelect-option:hover {
 background:var(--background-modifier-hover)
}
.columnSelect-pool {
 flex:1 1 auto;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 padding:7px
}
.columnSelect-option {
 padding:0 5px;
 border-radius:1px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.columnSelect-option:hover {
 background:var(--background-modifier-hover)
}
.columnSelect-group-label {
 opacity:0.5
}
.filter-active .columnSelect-group-label {
 display:none
}
.columnSelect-group-label~.columnSelect-option {
 padding-left:10px
}
.columnSelect .is-hidden,
.columnSelect .is-filtered {
 display:none
}
.columnSelect-search {
 position:relative
}
.columnSelect-search .icon-magnifier {
 left:7px;
 top:5px;
 position:absolute;
 opacity:0.3
}
.columnSelect-search-clear {
 position:absolute;
 right:0;
 top:0;
 padding:6px 7px 4px;
 line-height:1
}
.columnSelect-search-clear .icon {
 opacity:0.6
}
.columnSelect-search input {
 width:100%;
 padding:2px 30px 1px;
 border:none;
 outline:none;
 border-bottom:1px solid var(--border);
 background:none
}
.pulsate-animation {
 animation:pulsate 667ms ease-in-out infinite alternate
}
.richtext-content[contenteditable],
.richtext-content[contenteditable]:hover,
.richtext-content[contenteditable]:focus {
 background:none
}
.richtext-content h1:first-child,
.richtext-content .popover-notificationsHeader .popover-title:first-child,
.popover-notificationsHeader .richtext-content .popover-title:first-child,
.richtext-content .ticket-title-update:first-child,
.richtext-content h2:first-child,
.richtext-content h3:first-child,
.richtext-content h4:first-child {
 margin-top:6px
}
.richtext-content table,
.richtext-content pre,
.richtext-content blockquote {
 margin-bottom:16px
}
.richtext-content>p:first-child,
.richtext-content>table:first-child,
.richtext-content>pre:first-child,
.richtext-content>blockquote:first-child {
 margin-top:6px
}
.richtext-content>p:last-child,
.richtext-content>table:last-child,
.richtext-content>pre:last-child,
.richtext-content>blockquote:last-child {
 margin-bottom:6px
}
.richtext-content table {
 table-layout:auto;
 display:block;
 width:100%;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 word-break:keep-all
}
.richtext-content table col {
 width:auto
}
.richtext-content table span,
.richtext-content table p,
.richtext-content table a {
 overflow-wrap:anywhere
}
.richtext-content blockquote {
 padding:8px 12px;
 border-left:5px solid var(--background-primary-alt)
}
.richtext-content code {
 border:none;
 white-space:pre-wrap
}
.richtext-content pre {
 padding:12px 15px;
 font-size:13px;
 line-height:1.45;
 background:var(--background-modifier-accent-light);
 white-space:pre-wrap;
 border-radius:3px;
 border:none;
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
.richtext-content hr {
 margin-top:6px;
 margin-bottom:6px;
 border:0;
 border-top:1px solid var(--background-modifier-border)
}
[data-theme='dark'] .richtext-content [style*='background'] {
 background:none !important
}
[data-theme='dark'] .richtext-content [style*='color'] {
 color:inherit !important
}
.detail-search-header {
 margin:20px 0 32px
}
.batch-overlay {
 color:var(--text-inverted);
 text-transform:uppercase;
 text-align:center;
 letter-spacing:0.07em;
 font-size:0.95em;
 line-height:1.3;
 display:none;
 will-change:display;
 cursor:grabbing;
 overflow:hidden;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.batch-overlay.is-visible {
 display:block
}
.batch-overlay-backdrop {
 background:rgba(16,18,24,0.8);
 opacity:0;
 will-change:opacity
}
.batch-overlay-circle {
 margin:35px auto;
 background:#454a4f;
 border-radius:100%;
 border:4px solid var(--background-secondary);
 width:140px;
 height:140px;
 padding:20px 0;
 display:flex;
 flex-direction:column;
 justify-content:space-around;
 align-items:center;
 position:absolute;
 left:0;
 right:0;
 will-change:transform, opacity;
 visibility:hidden
}
.batch-overlay-circle--top {
 top:0
}
.batch-overlay-circle--bottom {
 bottom:0
}
.batch-overlay-circle .icon {
 fill:currentColor;
 opacity:1
}
.batch-overlay-circle-label {
 width:80%;
 margin:10px 0
}
.batch-overlay-cancel {
 background:rgba(255,255,255,0.21);
 background-clip:padding-box;
 border:2px dashed rgba(255,255,255,0.3);
 border-radius:8px;
 padding:28px;
 margin:auto 200px;
 position:absolute;
 left:0;
 right:0;
 max-height:100px;
 visibility:hidden;
 will-change:opacity;
 display:flex;
 justify-content:center;
 align-items:center
}
.batch-overlay-box {
 background:#27282f;
 width:100%;
 position:absolute;
 visibility:hidden;
 will-change:opacity, transition
}
.batch-overlay-box-inner {
 margin:37px 25px;
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 overflow:hidden
}
.batch-overlay-assign {
 padding-bottom:50px;
 bottom:-50px
}
.batch-overlay-assign .batch-overlay-box-inner {
 max-height:40vh
}
.batch-overlay-assign-group {
 box-shadow:0 0 35px rgba(0,0,0,0.5)
}
.batch-overlay-assign-group .batch-overlay-box-inner {
 margin-top:42px;
 margin-bottom:10px
}
.batch-overlay-assign-group-name {
 position:absolute;
 left:0;
 right:0;
 top:0;
 padding:11px 13px 8px;
 line-height:1;
 position:absolute;
 background:#22232a
}
.batch-overlay-assign-entry {
 padding:13px;
 width:116px;
 height:155px
}
.batch-overlay-assign-entry.is-hovered .avatar {
 border-color:var(--highlight);
 transform:scale(1.05)
}
.batch-overlay-assign-entry .avatar {
 border:4px solid #494a50;
 margin-bottom:10px;
 box-sizing:content-box;
 transition:transform 120ms;
 cursor:inherit;
 z-index:1
}
.batch-overlay-assign-entry-name {
 max-height:34px;
 overflow:hidden;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden;
 word-break:break-word
}
.batch-overlay-assign-entry-detail {
 color:gray
}
.batch-overlay-macro {
 padding-top:50px;
 top:-50px
}
.batch-overlay-macro .batch-overlay-box-inner {
 max-height:55vh;
 margin:24px 12px
}
.batch-overlay-macro-entry {
 margin:13px;
 border:4px solid #494a50;
 background:#383943;
 border-radius:100%;
 height:120px;
 width:120px;
 padding:13px 13px 10px;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:0.9em
}
.batch-overlay-macro-entry.is-hovered {
 border-color:var(--highlight);
 transform:scale(1.05)
}
@media screen and (max-width: 1260px) {
 .batch-overlay-macro-entry.small {
  height:80px;
  width:80px;
  padding:11px 11px 8px
 }
}
.batch-dragger {
 position:absolute;
 left:0;
 top:0;
 pointer-events:none;
 width:250px;
 height:40px;
 will-change:transform
}
.batch-dragger-item {
 position:absolute;
 left:0;
 width:100%;
 background:var(--background-highlight);
 border-radius:4px;
 display:flex;
 align-items:center;
 padding:11px 0 9px 11px;
 box-shadow:0 0 10px rgba(0,0,0,0.28);
 will-change:transform
}
.batch-dragger-item a {
 color:inherit
}
.batch-dragger-item td:not(:first-child) {
 display:block;
 padding:0 12px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 flex-shrink:0
}
.batch-dragger-item td:not(:first-child):nth-child(3) {
 flex-shrink:1
}
.batch-dragger-item td:not(:first-child):nth-child(n + 4) {
 display:none
}
.batch-dragger-item .checkbox-replacement>.icon,
.batch-dragger-item .radio-replacement>.icon {
 fill:none
}
.batch-dragger-counter {
 position:absolute;
 right:-8px;
 bottom:-8px;
 width:25px;
 height:25px;
 border-radius:99px;
 z-index:1;
 color:var(--text-inverted);
 background:var(--highlight);
 display:flex;
 align-items:center;
 justify-content:center;
 box-shadow:0 0 10px rgba(0,0,0,0.28);
 will-change:transform
}
.batch-dragger-counter:empty {
 display:none
}
.breadcrumbs {
 display:flex;
 align-items:center;
 min-width:88px
}
#app.navigation-collapsed .breadcrumbs {
 overflow:hidden
}
@media screen and (max-width: 767px) {
 .breadcrumbs {
  overflow:hidden
 }
}
.breadcrumbs-menu {
 display:flex;
 padding-left:20px
}
html[dir='ltr'] .breadcrumbs-menu {
 margin-left:auto
}
html[dir='rtl'] .breadcrumbs-menu {
 margin-right:auto
}
html[dir='rtl'] .breadcrumbs-menu {
 padding-right:20px;
 padding-left:0
}
#app.navigation-collapsed .breadcrumbs-menu {
 padding-left:10px
}
html[dir='rtl'] #app.navigation-collapsed .breadcrumbs-menu {
 padding-right:10px;
 padding-left:0
}
@media screen and (max-width: 767px) {
 .breadcrumbs-menu {
  padding-left:10px
 }
 html[dir='rtl'] .breadcrumbs-menu {
  padding-right:10px;
  padding-left:0
 }
}
.breadcrumb {
 position:relative;
 padding-top:11px;
 padding-bottom:8px;
 color:inherit;
 cursor:pointer
}
html[dir='ltr'] .breadcrumb {
 padding-right:21px
}
html[dir='ltr'] .breadcrumb {
 padding-left:13px
}
html[dir='rtl'] .breadcrumb {
 padding-left:21px
}
html[dir='rtl'] .breadcrumb {
 padding-right:13px
}
#app.navigation-collapsed .breadcrumb {
 flex-shrink:0
}
@media screen and (max-width: 767px) {
 .breadcrumb {
  flex-shrink:0
 }
}
.breadcrumb::before,
.breadcrumb::after {
 content:'';
 position:absolute;
 width:1px;
 height:50%;
 background:currentColor;
 opacity:0.33;
 top:0;
 transform-origin:bottom
}
html[dir='ltr'] .breadcrumb::before,
html[dir='ltr'] .breadcrumb::after {
 right:0
}
html[dir='rtl'] .breadcrumb::before,
html[dir='rtl'] .breadcrumb::after {
 left:0
}
html[dir='ltr'] .breadcrumb::before,
html[dir='ltr'] .breadcrumb::after {
 transform:rotate(-37deg)
}
html[dir='rtl'] .breadcrumb::before,
html[dir='rtl'] .breadcrumb::after {
 transform:rotate(37deg)
}
.breadcrumb::after {
 top:50%;
 transform-origin:top
}
html[dir='ltr'] .breadcrumb::after {
 transform:rotate(37deg)
}
html[dir='rtl'] .breadcrumb::after {
 transform:rotate(-37deg)
}
.breadcrumb:last-child::before,
.breadcrumb:last-child::after {
 display:none
}
.breadcrumb .modified-icon {
 margin-right:3px;
 display:inline-block;
 vertical-align:middle;
 line-height:1;
 margin-top:-3px
}
html[dir='rtl'] .breadcrumb .modified-icon {
 margin-left:3px;
 margin-right:0
}
.breadcrumb-icon {
 fill:currentColor;
 width:20px;
 height:20px;
 -o-object-fit:contain;
 object-fit:contain
}
.breadcrumb .modified-icon-modifier {
 fill:var(--background-primary-alt)
}
.icon_picker .dropdown-menu {
 max-height:500px;
 width:420px;
 min-width:0;
 overflow-y:auto
}
.icon_picker .controls {
 position:relative
}
.icon_picker-shadow {
 display:none
}
.icon_picker .dropdown-grid:empty {
 padding:0
}
.icon_picker .dropdown-grid:empty+.dropdown-filter-placeholder {
 display:block
}
.icon_picker .dropdown-grid li:hover:not(.is-active) {
 background:none
}
.icon_picker .dropdown-grid .icon {
 width:40px;
 line-height:40px;
 text-align:center
}
.icon_picker .dropdown-filter-placeholder {
 display:none;
 padding:10px;
 text-align:center;
 text-rendering:auto;
 font-feature-settings:'liga';
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 transition:letter-spacing 200ms;
 cursor:default;
 line-height:40px
}
.icon_picker .dropdown-filter-placeholder:hover {
 letter-spacing:-2px
}
.icon_picker .dropdown-filter-placeholder span {
 display:none
}
.icon_picker .dropdown-filter-placeholder span.is-active {
 display:block
}
.icon_picker .dropdown-filter {
 background:none;
 width:100%;
 background:var(--background-modifier-accent);
 border:none;
 padding:13px 20px 11px;
 outline:none
}
.icon_picker .dropdown-grid {
 display:flex;
 flex-wrap:wrap;
 padding:10px;
 margin:0
}
.icon_picker .dropdown-grid li {
 list-style:none;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none;
 border-radius:2px
}
.icon_picker .dropdown-grid li:hover,
.icon_picker .dropdown-grid li.is-active {
 background:var(--highlight)
}
.color .controls {
 position:relative
}
.color .controls-button {
 align-self:stretch
}
.color .controls-button-inner {
 padding:4px
}
.color .color-field {
 width:31px;
 height:100%;
 position:relative
}
.color .color-field[style='']::before {
 content:'';
 position:absolute;
 left:10%;
 top:10%;
 width:80%;
 height:80%;
 background:var(--background-primary-alt);
 animation:rotateplane 1.2s infinite ease-in-out
}
.colorpicker.dropdown-menu {
 box-sizing:content-box;
 width:380px;
 min-width:0
}
.open>.colorpicker {
 display:flex
}
.colorpicker-hue-saturation {
 flex-grow:1;
 width:200px;
 height:150px;
 margin:14px;
 background:linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red);
 position:relative;
 overflow:hidden;
 cursor:url(/assets/images/colorcircle.gif) 8 8,auto;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
html[dir='ltr'] .colorpicker-hue-saturation {
 margin-right:0
}
html[dir='rtl'] .colorpicker-hue-saturation {
 margin-left:0
}
.colorpicker-lightness-plane,
.colorpicker-saturation-gradient {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%
}
.colorpicker-circle {
 position:absolute;
 left:0;
 top:0;
 border:1px solid black;
 width:12px;
 height:12px;
 margin:-6px 0 0 -6px;
 border-radius:100%
}
.colorpicker-lightness {
 height:150px;
 margin:14px;
 position:relative;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none
}
.colorpicker-hue-plane {
 height:100%;
 width:20px;
 background:red
}
.colorpicker-hue-gradient {
 height:100%;
 width:100%;
 background:linear-gradient(white, transparent, black)
}
.colorpicker-slider {
 position:absolute;
 top:0;
 left:-7px;
 right:-7px
}
.colorpicker-slider-arrow {
 position:absolute;
 top:0;
 margin-top:-4px;
 border:4px solid transparent;
 border-left:7px solid white;
 border-right:7px solid white
}
.colorpicker-slider-arrow--left {
 left:0;
 border-right:none
}
.colorpicker-slider-arrow--right {
 right:0;
 border-left:none
}
.iconset_picker .controls input {
 display:none
}
.icon-sets {
 margin:0 -10px
}
.icon-set {
 margin:10px;
 display:flex;
 border:1px solid var(--border);
 border-radius:3px
}
.icon-set.is-active {
 border-color:var(--border-highlight);
 box-shadow:0 0 0 3px var(--shadow-highlight)
}
.icon-set-preview {
 flex-grow:1;
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:center;
 overflow:hidden;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 user-select:none;
 height:250px;
 border-radius:0 3px 3px 0;
 border-left:1px solid var(--border);
 background:var(--background-primary);
 color:var(--text-muted);
 position:relative
}
.icon-set-meta {
 flex-basis:197px;
 order:-1;
 display:flex;
 flex-direction:column;
 flex-shrink:0;
 padding:10px;
 background:var(--background-secondary);
 border-radius:3px 0 0 3px
}
.icon-set-version {
 color:var(--text-muted)
}
.icon-set-website {
 margin-top:auto;
 display:block
}
.icon-set .icon {
 width:50px;
 line-height:50px;
 text-align:center;
 font-size:18px
}
.icon-set .icon.do-flash:not(.loading) {
 animation:iconset-flash 0.7s ease-out
}
@keyframes iconset-flash {
 from {
  background:var(--background-modifier-hover);
  color:var(--text-normal)
 }
 to {
  background:transparent;
  color:inherit
 }
}
.horizontal,
.vertical,
.centered {
 display:flex
}
.horizontal.hide,
.vertical.hide,
.centered.hide {
 display:none
}
.horizontal {
 flex-direction:row
}
.horizontal.multiline {
 flex-wrap:wrap
}
.horizontal.reverse {
 flex-direction:row-reverse
}
.vertical {
 flex-direction:column
}
.vertical.reverse {
 flex-direction:column-reverse
}
.vertical.stretch>*,
.horizontal.stretch>* {
 flex:1
}
.stretch {
 align-self:stretch
}
.relative {
 position:relative
}
.fit,
.fullscreen,
.dropArea,
.dropArea-inner,
.camera-flash,
.batch-overlay,
.batch-overlay-backdrop {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0
}
body.fit,
body.fullscreen,
body.dropArea,
body.dropArea-inner,
body.camera-flash,
body.batch-overlay,
body.batch-overlay-backdrop {
 margin:0
}
.scrollable {
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
.flex {
 flex:1
}
.margin-bottom-5 {
 margin-bottom:5px
}
.flex-shrink-horizontal {
 min-width:0
}
.flex-full {
 flex:1 1 100%
}
.flex-auto {
 flex:1 1 auto
}
.flex-shrink {
 flex:0 1 auto
}
.flex-no-shrink {
 flex-shrink:0
}
.flex-none {
 flex:none
}
.flex-1 {
 flex:1
}
.flex-2 {
 flex:2
}
.flex-3 {
 flex:3
}
.justify-start {
 justify-content:flex-start
}
.justified {
 justify-content:center
}
.justify-end {
 justify-content:flex-end
}
.justify-between {
 justify-content:space-between
}
.start {
 align-items:flex-start
}
.center {
 align-items:center
}
.baseline {
 align-items:baseline
}
.centered {
 align-items:center;
 justify-content:center
}
.end {
 align-items:flex-end
}
.self-start {
 align-self:start
}
.self-end {
 align-self:end
}
.span-width {
 flex-basis:100%
}
.two-columns,
.three-columns,
.wrap {
 flex-wrap:wrap
}
#app.navigation-collapsed .two-columns,
#app.navigation-collapsed .three-columns {
 display:block
}
@media screen and (max-width: 767px) {
 .two-columns,
 .three-columns {
  display:block
 }
}
.two-columns>.column {
 width:50%
}
#app.navigation-collapsed .two-columns>.column {
 width:auto
}
@media screen and (max-width: 767px) {
 .two-columns>.column {
  width:auto
 }
}
.three-columns>.column {
 width:33.33%
}
#app.navigation-collapsed .three-columns>.column {
 width:auto
}
@media screen and (max-width: 767px) {
 .three-columns>.column {
  width:auto
 }
}
.align-left {
 margin-right:auto
}
html[dir='rtl'] .align-left {
 margin-left:auto;
 margin-right:0
}
.align-right {
 margin-left:auto
}
html[dir='rtl'] .align-right {
 margin-right:auto;
 margin-left:0
}
.space-left {
 margin-left:10px
}
html[dir='rtl'] .space-left {
 margin-right:10px;
 margin-left:0
}
.space-right {
 margin-right:10px
}
html[dir='rtl'] .space-right {
 margin-left:10px;
 margin-right:0
}
.half-space-left {
 margin-left:5px
}
html[dir='rtl'] .half-space-left {
 margin-right:5px;
 margin-left:0
}
.half-space-right {
 margin-right:5px
}
html[dir='rtl'] .half-space-right {
 margin-left:5px;
 margin-right:0
}
.align-center {
 margin-left:auto;
 margin-right:auto
}
.flex-space-after {
 margin-right:auto
}
html[dir='rtl'] .flex-space-after {
 margin-left:auto;
 margin-right:0
}
.flex-space-before {
 margin-left:auto
}
html[dir='rtl'] .flex-space-before {
 margin-right:auto;
 margin-left:0
}
.half-spacer {
 width:5px;
 height:5px
}
.spacer {
 width:10px;
 height:10px
}
.double-spacer {
 width:20px;
 height:20px
}
.flex-spacer {
 flex:1
}
span.is-disabled {
 cursor:not-allowed;
 opacity:0.5
}
.inline-label+.scheduled-widget {
 margin-left:18px
}
.scheduled-widget {
 display:flex;
 align-items:center;
 padding:5px 5px 5px 10px;
 border:1px solid rgba(0,0,0,0.1);
 border-radius:4px
}
.scheduled-widget[data-state='published'] {
 color:var(--supergood-color);
 border-color:currentColor
}
.scheduled-widget[data-state='published'] .btn {
 border-color:currentColor
}
.scheduled-widget[data-state='archived'] {
 border-color:var(--ghost-color)
}
.scheduled-widget[data-state='archived'] .btn {
 border-color:var(--ghost-color)
}
.scheduled-widget[data-state='internal'] {
 color:var(--highlight);
 border-color:currentColor
}
.scheduled-widget[data-state='internal'] .btn {
 border-color:currentColor
}
.help-text .scheduled-widget {
 margin-top:4px
}
.scheduled-widget .icon {
 color:inherit;
 fill:currentColor;
 vertical-align:middle
}
.scheduled-widget-label {
 margin:0 10px 0 6px
}
.scheduled-widget .icon-diagonal-cross {
 width:10px;
 height:10px
}
.scheduled-widget .btn {
 color:inherit
}
.knowledge-base-navigation {
 display:flex;
 align-items:center;
 color:var(--interactive-muted);
 background:var(--background-primary-alt);
 border-bottom:1px solid var(--border);
 padding:7px
}
#app.navigation-collapsed .knowledge-base-navigation {
 flex-shrink:0;
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
@media screen and (max-width: 767px) {
 .knowledge-base-navigation {
  flex-shrink:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch
 }
}
.knowledge-base-navigation .breadcrumb:not(:first-child) .breadcrumb-icon {
 width:16px;
 height:16px
}
.knowledge-base-body {
 position:relative;
 overflow-x:hidden
}
#app.navigation-collapsed .knowledge-base-body {
 flex-direction:column-reverse;
 overflow:visible
}
@media screen and (max-width: 767px) {
 .knowledge-base-body {
  flex-direction:column-reverse;
  overflow:visible
 }
}
.knowledge-base-sidebar {
 position:absolute;
 top:0;
 width:280px;
 height:100%;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 transition:transform 500ms;
 border-left:1px solid var(--border)
}
html[dir='ltr'] .knowledge-base-sidebar {
 right:0
}
html[dir='rtl'] .knowledge-base-sidebar {
 left:0
}
html[dir='rtl'] .knowledge-base-sidebar {
 border-right:1px solid var(--border);
 border-left:none
}
#app.navigation-collapsed .knowledge-base-sidebar {
 width:auto;
 position:static;
 border-left:none;
 border-top:1px solid var(--border);
 overflow:visible
}
html[dir='rtl'] #app.navigation-collapsed .knowledge-base-sidebar {
 border-right:none;
 border-left:none
}
@media screen and (max-width: 767px) {
 .knowledge-base-sidebar {
  width:auto;
  position:static;
  border-left:none;
  border-top:1px solid var(--border);
  overflow:visible
 }
 html[dir='rtl'] .knowledge-base-sidebar {
  border-right:none;
  border-left:none
 }
}
@media screen and (min-width: 1260px) {
 .knowledge-base-sidebar {
  width:28%
 }
}
.knowledge-base-sidebar.hidden {
 display:block !important;
 visibility:visible !important
}
html[dir='ltr'] .knowledge-base-sidebar.hidden {
 transform:translateX(100%)
}
html[dir='rtl'] .knowledge-base-sidebar.hidden {
 transform:translateX(-100%)
}
#app.navigation-collapsed .knowledge-base-sidebar.hidden {
 transform:none !important;
 display:none !important
}
@media screen and (max-width: 767px) {
 .knowledge-base-sidebar.hidden {
  transform:none !important;
  display:none !important
 }
}
html[dir='ltr'] .knowledge-base-sidebar.hidden+.knowledge-base-main {
 margin-right:0
}
html[dir='rtl'] .knowledge-base-sidebar.hidden+.knowledge-base-main {
 margin-left:0
}
.knowledge-base-sidebar h2 {
 font-size:17px;
 line-height:1
}
.knowledge-base-main {
 width:100%
}
html[dir='ltr'] .knowledge-base-main {
 transition:margin-right 500ms
}
html[dir='ltr'] .knowledge-base-main {
 margin-right:280px
}
html[dir='rtl'] .knowledge-base-main {
 transition:margin-left 500ms
}
html[dir='rtl'] .knowledge-base-main {
 margin-left:280px
}
#app.navigation-collapsed .knowledge-base-main {
 margin:0 0 10px !important
}
@media screen and (max-width: 767px) {
 .knowledge-base-main {
  margin:0 0 10px !important
 }
}
@media screen and (min-width: 1260px) {
 html[dir='ltr'] .knowledge-base-main {
  margin-right:28%
 }
 html[dir='rtl'] .knowledge-base-main {
  margin-left:28%
 }
}
.knowledge-base form {
 flex-shrink:0
}
.knowledge-base .richtext-content {
 word-break:break-word;
 word-wrap:anywhere
}
.knowledge-base .page-header {
 margin:1px 0 3px;
 flex-shrink:0
}
.modal-manage-attachments input:focus+label,
.modal-manage-attachments .select-box input:focus+.select-box-header,
.select-box .modal-manage-attachments input:focus+.select-box-header {
 text-decoration:none
}
.modal-knowledge-base-server-snippet label.radio-replacement:first-child,
.modal-knowledge-base-server-snippet .select-box .radio-replacement.select-box-header:first-child,
.select-box .modal-knowledge-base-server-snippet .radio-replacement.select-box-header:first-child {
 padding-left:0
}
.container {
 max-width:960px;
 width:100%;
 margin:20px auto
}
.sections {
 list-style:none;
 padding:0;
 margin:0 -10px
}
.sections:not(:empty)+.sections:not(:empty) {
 border-top:1px solid var(--border);
 margin-top:20px;
 padding-top:20px
}
.sections--grid {
 display:flex;
 flex-wrap:wrap
}
.sections--grid .section a {
 padding-bottom:72%;
 position:relative;
 line-height:1.3
}
.sections--grid .section [data-font] {
 font-size:60px
}
.sections--grid .section .modified-icon {
 margin:10px 0 20px
}
.sections--grid .section--subsection {
 display:none
}
.sections--grid .section-inner {
 position:absolute;
 padding:10px;
 left:0;
 top:0;
 right:0;
 bottom:0;
 align-items:center;
 justify-content:center;
 flex-direction:column;
 text-align:center
}
.sections--grid .section-inner .title {
 display:-webkit-box;
 overflow:auto;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:5
}
.sections--grid[data-size='medium'] .section {
 width:25%
}
#app.navigation-collapsed .sections--grid[data-size='medium'] .section {
 width:100%
}
@media screen and (max-width: 767px) {
 .sections--grid[data-size='medium'] .section {
  width:100%
 }
}
.sections--grid[data-size='medium'] .section a {
 font-size:14px
}
.sections--grid[data-size='medium'] .section [data-font] {
 font-size:42px
}
.sections--grid[data-size='medium'] .section .modified-icon-modifier {
 width:18px;
 height:18px;
 margin:0 -6px -2px 0
}
.sections--grid[data-size='large'] .section {
 width:33.33%
}
#app.navigation-collapsed .sections--grid[data-size='large'] .section {
 width:100%
}
@media screen and (max-width: 767px) {
 .sections--grid[data-size='large'] .section {
  width:100%
 }
}
.sections--grid[data-size='large'] .section a {
 font-size:15px
}
.sections--grid[data-size='large'] .section .modified-icon-modifier {
 width:22.5px;
 height:22.5px;
 margin:0 -8px -5px 0
}
.sections--list .section-detail {
 margin-left:0.2em
}
.section.kb-item--invisible {
 opacity:0.5
}
.section.kb-item--missing-translation,
.section.kb-item--missing-translation:active,
.section.kb-item--missing-translation:focus {
 color:#fdcf44
}
.section a {
 display:block;
 text-decoration:none;
 color:inherit
}
.section-title {
 color:#444a4f
}
.section-detail {
 color:#b4b7b9
}
.section-inner {
 position:relative;
 display:flex;
 align-items:flex-start;
 padding:10px 14px;
 margin:10px;
 background:var(--background-secondary);
 border-radius:3px;
 border:1px solid var(--border);
 box-shadow:var(--elevation-low)
}
#app.navigation-collapsed .section-inner {
 margin:5px
}
@media screen and (max-width: 767px) {
 .section-inner {
  margin:5px
 }
}
.section-inner:active {
 box-shadow:none
}
.section-inner-title {
 font-weight:500;
 font-size:15px;
 line-height:1.15
}
.section-inner-date {
 display:inline;
 color:#bfbfbf
}
.section-inner-date::after {
 content:' — ';
 color:var(--text-normal)
}
.section-inner-date:only-child::after {
 content:''
}
.section-inner-detail {
 display:block;
 margin-top:5px
}
.section-inner-icon {
 flex-shrink:0;
 vertical-align:middle
}
.section-inner-icon-holder {
 margin-top:1px
}
html[dir='ltr'] .section-inner-icon-holder {
 margin-right:11px
}
html[dir='rtl'] .section-inner-icon-holder {
 margin-left:11px
}
html[dir='ltr'] .nav-pills .section-inner-icon-holder {
 margin-right:7px
}
html[dir='rtl'] .nav-pills .section-inner-icon-holder {
 margin-left:7px
}
.section-inner-icon[data-font] {
 font-size:16px;
 line-height:1
}
.section-inner-icon.icon {
 fill:currentColor;
 width:16px;
 height:16px;
 -o-object-fit:contain;
 object-fit:contain;
 -o-object-position:center top;
 object-position:center top
}
.section-inner em {
 font-style:normal;
 background:rgba(61,168,245,0.75)
}
.knowledge-base-article-header {
 text-align:center
}
.knowledge-base-article-meta {
 display:block;
 text-align:center
}
.knowledge-base-article-meta>*:first-child {
 text-transform:capitalize
}
.knowledge-base-article-meta>*::after {
 content:' · '
}
.knowledge-base-article-meta>*:last-child::after {
 display:none
}
.knowledge-base-article-body {
 margin-top:20px;
 background:var(--background-secondary);
 border-radius:2px;
 padding:50px 50px 10px;
 border:1px solid var(--border)
}
#app.navigation-collapsed .knowledge-base-article-body {
 padding:15px 15px 5px
}
@media screen and (max-width: 767px) {
 .knowledge-base-article-body {
  padding:15px 15px 5px
 }
}
.knowledge-base-article-content {
 margin-bottom:40px
}
#app.navigation-collapsed .knowledge-base-article-content {
 margin-bottom:10px
}
@media screen and (max-width: 767px) {
 .knowledge-base-article-content {
  margin-bottom:10px
 }
}
.knowledge-base-article-attachments,
.knowledge-base-article-tags,
.knowledge-base-article-linked-tickets {
 margin:0 -30px
}
#app.navigation-collapsed .knowledge-base-article-attachments,
#app.navigation-collapsed .knowledge-base-article-tags,
#app.navigation-collapsed .knowledge-base-article-linked-tickets {
 margin:0 -5px
}
@media screen and (max-width: 767px) {
 .knowledge-base-article-attachments,
 .knowledge-base-article-tags,
 .knowledge-base-article-linked-tickets {
  margin:0 -5px
 }
}
.knowledge-base-article .tasks {
 margin-left:7px
}
html[dir='rtl'] .knowledge-base-article .tasks {
 margin-right:7px;
 margin-left:0
}
.knowledge-base-article-tags--container {
 padding:6px 5px 11px;
 display:flex;
 flex-wrap:wrap
}
.knowledge-base-article-tags--container .tag {
 margin:2px;
 display:inline-block;
 background:#0f94d6;
 color:var(--text-inverted);
 border-radius:999px;
 padding:2px 12px 1px
}
.knowledge-base-article-tags--container .tag:hover {
 background:#0b70a2
}
.knowledge-base-article-nav {
 display:flex
}
.knowledge-base-article-nav-link {
 padding:15px;
 max-width:50%;
 display:flex;
 align-items:center
}
.knowledge-base-article>.knowledge-base-article-nav-link {
 margin-top:-10px
}
.knowledge-base-article-nav-link .spacer {
 width:5px
}
.knowledge-base-article-nav-link .icon {
 flex-shrink:0;
 fill:currentColor;
 opacity:1;
 vertical-align:top
}
.knowledge-base-article-nav-link--next {
 margin-left:auto
}
html[dir='rtl'] .knowledge-base-article-nav-link--next {
 margin-right:auto;
 margin-left:inherit
}
.miller-columns {
 display:flex;
 font-size:12px;
 border:1px solid var(--border);
 border-radius:3px
}
.miller-columns .column {
 list-style:none;
 padding:0;
 margin:0;
 flex:1 1 33%;
 height:300px;
 overflow:auto;
 -webkit-overflow-scrolling:touch;
 border-right:1px solid var(--border)
}
.miller-columns .column:last-child {
 border-right-width:0
}
.miller-columns .column-item {
 display:flex;
 align-items:center;
 padding:5px 10px;
 cursor:default
}
.miller-columns .column-item:hover {
 background:var(--background-modifier-accent-light)
}
.miller-columns .column-item.is-selected {
 background:var(--background-secondary-hover)
}
.miller-columns .column-item--has-children {
 cursor:pointer
}
.miller-columns .column-item span {
 margin-right:10px
}
.miller-columns .column-item>.icon:first-child,
.miller-columns .column-item [data-font] {
 fill:currentColor;
 margin-right:8px;
 vertical-align:middle;
 flex-shrink:0
}
.miller-columns .column-item .icon-arrow-right {
 margin-left:auto;
 flex-shrink:0
}
.miller-columns .column-item .btn {
 margin-left:auto
}
.highlight-emulator {
 background-color:highlight
}
.videoWrapper {
 position:relative;
 padding-bottom:56.25%;
 padding-top:25px;
 height:0
}
.videoWrapper iframe {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.btn-manage-public-menu-edit {
 margin-top:0
}
.kb-menu-settings-entry {
 margin-bottom:12px
}
.text-modules-box {
 max-height:40vh
}
.sla_times .sla_radio_container {
 padding-top:0.5em;
 padding-left:0.5em
}
.calendar-preview .calendar-events {
 margin-top:12px
}
.calendar-preview .calendar-events p {
 margin:0
}
.calendar-preview .calendar-events h2 {
 margin-bottom:24px
}
.calendar-preview .calendar-events h4 {
 margin-bottom:4px
}
.calendar-preview .calendar-events section.description {
 margin:24px 0 0;
 padding:4px
}
.calendar-preview .calendar-events .event-row {
 display:flex
}
.calendar-preview .calendar-events .event-row div {
 width:50%;
 margin-bottom:4px
}
.calendar-preview div.divider {
 margin-top:18px;
 margin-bottom:6px;
 border-top:1px solid #dfdfdf
}
.calendar-preview div.divider:last-of-type {
 display:none
}
.reporting .legend>div {
 background:var(--background-secondary) !important
}
.reporting .legendColorBox {
 padding-right:4px
}
.duplicate-ticket-detection {
 position:relative;
 margin-bottom:0
}
.duplicate-ticket-detection .close {
 position:absolute;
 top:2px;
 opacity:0.39;
 right:0
}
html[dir='rtl'] .duplicate-ticket-detection .close {
 left:0;
 right:0
}
.duplicate-ticket-detection .close:hover {
 opacity:1
}
.duplicate-ticket-detection .close svg {
 width:9px;
 height:9px
}
.duplicate-ticket-detection h4 {
 text-transform:none;
 font-size:16px
}
.duplicate-ticket-detection p {
 word-wrap:break-word;
 overflow-wrap:break-word;
 white-space:pre-wrap
}
.duplicate-ticket-detection p,
.duplicate-ticket-detection ul {
 margin-bottom:6px
}
.duplicate-ticket-detection .btn {
 font-size:10px;
 color:var(--text-link);
 background:none
}
.profile-settings-notifications-content .zammad-switch {
 float:left;
 margin-right:10px
}
.profile-settings-notifications-content .profile-groups-limit-settings {
 min-height:1px
}
.profile-settings-notifications-content .settings-list {
 margin-bottom:0
}
.profile-settings-notifications-content .profile-groups-all-unchecked {
 margin-bottom:10px
}
#app>#chat {
 position:fixed;
 bottom:0;
 right:0;
 display:none
}
#chat .well-chat {
 padding:8px 15px 0;
 margin:0
}