@keyframes blink {
  0% {
    border-color: #ededed;
  }
  to {
    border-color: #b94a48;
  }
}
.tokenfield {
  height: auto;
  min-height: 34px;
  padding-bottom: 0;
}
.tokenfield.focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow:
    inset 0 1px 1px #00000013,
    0 0 8px #66afe999;
}
.tokenfield .token {
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: top;
  cursor: default;
  background-color: #ededed;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  height: 22px;
  margin: -1px 5px 5px 0;
  display: inline-block;
}
.tokenfield .token:hover {
  border-color: #b9b9b9;
}
.tokenfield .token.active {
  border-color: #52a8eccc;
}
.tokenfield .token.duplicate {
  border-color: #ebccd1;
  animation-name: blink;
  animation-duration: 0.1s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
.tokenfield .token.invalid {
  background: 0 0;
  border: 1px solid #0000;
  border-bottom: 1px dotted #d9534f;
  border-radius: 0;
}
.tokenfield .token.invalid.active {
  background: #ededed;
  border: 1px solid #ededed;
  border-radius: 3px;
}
.tokenfield .token .token-label {
  text-overflow: ellipsis;
  vertical-align: top;
  padding-left: 4px;
  display: inline-block;
  overflow: hidden;
}
.tokenfield .token .close {
  float: none;
  vertical-align: top;
  height: 100%;
  margin-left: 5px;
  padding-right: 4px;
  font-family: Arial;
  font-size: 1.1em;
  line-height: 1.49em;
  display: inline-block;
}
.tokenfield .token-input {
  width: 60px;
  min-width: 60px;
  height: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: 0 0;
  border: 0;
  margin-bottom: 6px;
  padding: 0;
}
.tokenfield .token-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #0000;
  outline: 0;
}
.tokenfield.disabled {
  cursor: not-allowed;
  background-color: #eee;
}
.tokenfield.disabled .token-input {
  cursor: not-allowed;
}
.tokenfield.disabled .token:hover {
  cursor: not-allowed;
  border-color: #d9d9d9;
}
.tokenfield.disabled .token:hover .close {
  cursor: not-allowed;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.has-warning .tokenfield.focus {
  border-color: #66512c;
  box-shadow:
    inset 0 1px 1px #00000013,
    0 0 6px #c0a16b;
}
.has-error .tokenfield.focus {
  border-color: #843534;
  box-shadow:
    inset 0 1px 1px #00000013,
    0 0 6px #ce8483;
}
.has-success .tokenfield.focus {
  border-color: #2b542c;
  box-shadow:
    inset 0 1px 1px #00000013,
    0 0 6px #67b168;
}
.tokenfield.input-sm,
.input-group-sm .tokenfield {
  min-height: 30px;
  padding-bottom: 0;
}
.input-group-sm .token,
.tokenfield.input-sm .token {
  height: 20px;
  margin-bottom: 4px;
}
.input-group-sm .token-input,
.tokenfield.input-sm .token-input {
  height: 18px;
  margin-bottom: 5px;
}
.tokenfield.input-lg,
.input-group-lg .tokenfield {
  height: auto;
  min-height: 45px;
  padding-bottom: 4px;
}
.input-group-lg .token,
.tokenfield.input-lg .token {
  height: 25px;
}
.input-group-lg .token .close,
.tokenfield.input-lg .token .close {
  line-height: 1.3em;
}
.input-group-lg .token-label,
.tokenfield.input-lg .token-label {
  line-height: 23px;
}
.input-group-lg .token-input,
.tokenfield.input-lg .token-input {
  vertical-align: top;
  height: 23px;
  margin-bottom: 6px;
  line-height: 23px;
}
.tokenfield.rtl {
  text-align: right;
  direction: rtl;
}
.tokenfield.rtl .token {
  margin: -1px 0 5px 5px;
}
.tokenfield.rtl .token .token-label {
  padding-left: 0;
  padding-right: 4px;
}
.twitter-typeahead {
  vertical-align: top;
  width: 100%;
  position: relative;
}
.twitter-typeahead .tt-input,
.twitter-typeahead .tt-hint {
  vertical-align: middle;
  background-color: #fff;
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
}
.twitter-typeahead .tt-hint {
  color: #999;
  z-index: 1;
  border: 1px solid #0000;
}
.twitter-typeahead .tt-input {
  color: #555;
  z-index: 2;
}
.twitter-typeahead .input-sm.tt-input,
.twitter-typeahead .hint-sm.tt-hint {
  border-radius: 3px;
}
.twitter-typeahead .input-lg.tt-input,
.twitter-typeahead .hint-lg.tt-hint {
  border-radius: 6px;
}
.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint {
  border-radius: 4px 0 0 4px !important;
}
.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint {
  border-radius: 0 4px 4px 0 !important;
}
.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
  border-radius: 3px 0 0 3px !important;
}
.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
  border-radius: 0 3px 3px 0 !important;
}
.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
  border-radius: 6px 0 0 6px !important;
}
.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
  border-radius: 0 6px 6px 0 !important;
}
.input-sm.tt-input,
.hint-sm.tt-hint,
.input-group.input-group-sm .tt-input,
.input-group.input-group-sm .tt-hint {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg.tt-input,
.hint-lg.tt-hint,
.input-group.input-group-lg .tt-input,
.input-group.input-group-lg .tt-hint {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
}
.tt-dropdown-menu {
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #00000026;
  border-radius: 6px;
  width: 100%;
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  box-shadow: 0 5px 10px #0003;
}
.tt-suggestion {
  padding: 3px 20px;
  display: block;
}
.tt-suggestion.tt-cursor {
  color: #262626;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5", endColorstr="#ffe8e8e8", GradientType=0);
  background-image: linear-gradient(#f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
}
.tt-suggestion.tt-cursor a {
  color: #fff;
}
.tt-suggestion p {
  margin: 0;
}
.tokenfield .twitter-typeahead {
  width: auto;
}
.tokenfield .twitter-typeahead .tt-hint {
  height: 20px;
  padding: 0;
}
.tokenfield .twitter-typeahead .tt-suggestions {
  font-size: 14px;
}
.tokenfield.input-sm .twitter-typeahead .tt-input,
.tokenfield.input-sm .twitter-typeahead .tt-hint {
  height: 18px;
  font-size: 12px;
  line-height: 1.5;
}
.tokenfield.input-lg .twitter-typeahead .tt-input,
.tokenfield.input-lg .twitter-typeahead .tt-hint {
  height: 23px;
  font-size: 18px;
  line-height: 1.33;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  vertical-align: baseline;
  display: inline-block;
}
audio:not([controls]) {
  height: 0;
  display: none;
}
[hidden],
template {
  display: none;
}
a {
  background-color: #0000;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  *,
  :before,
  :after {
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: 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 {
    page-break-inside: avoid;
    border: 1px solid #999;
  }
  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;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
*,
:before,
:after {
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: #0000;
  font-size: 10px;
}
body {
  color: #333;
  background-color: #fff;
  font-family:
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  line-height: 1.42857;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  max-width: 100%;
  height: auto;
  display: block;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  -o-transition: all 0.2s ease-in-out;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}
.img-circle {
  border-radius: 50%;
}
hr {
  border: 0;
  border-top: 1px solid #eee;
  margin-top: 20px;
  margin-bottom: 20px;
}
.sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  position: static;
  overflow: visible;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
}
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 {
  color: #777;
  font-weight: 400;
  line-height: 1;
}
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 {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.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,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  border-bottom: 1px solid #eee;
  margin: 40px 0 20px;
  padding-bottom: 9px;
}
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 {
  margin-left: -5px;
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    overflow: hidden;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
}
.initialism {
  text-transform: uppercase;
  font-size: 90%;
}
blockquote {
  border-left: 5px solid #eee;
  margin: 0 0 20px;
  padding: 10px 20px;
  font-size: 17.5px;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  color: #777;
  font-size: 80%;
  line-height: 1.42857;
  display: block;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}
.blockquote-reverse,
blockquote.pull-right {
  text-align: right;
  border-left: 0;
  border-right: 5px solid #eee;
  padding-left: 0;
  padding-right: 15px;
}
.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: " —";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857;
}
code,
kbd,
pre,
samp {
  font-family:
    Menlo,
    Monaco,
    Consolas,
    Courier New,
    monospace;
}
code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 90%;
}
kbd {
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 90%;
  box-shadow: inset 0 -1px #00000040;
}
kbd kbd {
  box-shadow: none;
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0 0 10px;
  padding: 9.5px;
  font-size: 13px;
  line-height: 1.42857;
  display: block;
}
pre code {
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: #0000;
  border-radius: 0;
  padding: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row-no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.row-no-gutters [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.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 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
.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.6667%;
}
.col-xs-10 {
  width: 83.3333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.6667%;
}
.col-xs-7 {
  width: 58.3333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.6667%;
}
.col-xs-4 {
  width: 33.3333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.6667%;
}
.col-xs-1 {
  width: 8.33333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.6667%;
}
.col-xs-pull-10 {
  right: 83.3333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.6667%;
}
.col-xs-pull-7 {
  right: 58.3333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.6667%;
}
.col-xs-pull-4 {
  right: 33.3333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.6667%;
}
.col-xs-pull-1 {
  right: 8.33333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.6667%;
}
.col-xs-push-10 {
  left: 83.3333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.6667%;
}
.col-xs-push-7 {
  left: 58.3333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.6667%;
}
.col-xs-push-4 {
  left: 33.3333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.6667%;
}
.col-xs-push-1 {
  left: 8.33333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.6667%;
}
.col-xs-offset-10 {
  margin-left: 83.3333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.6667%;
}
.col-xs-offset-7 {
  margin-left: 58.3333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.6667%;
}
.col-xs-offset-4 {
  margin-left: 33.3333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.6667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333%;
}
.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.6667%;
  }
  .col-sm-10 {
    width: 83.3333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.6667%;
  }
  .col-sm-7 {
    width: 58.3333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.6667%;
  }
  .col-sm-4 {
    width: 33.3333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.6667%;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.6667%;
  }
  .col-sm-pull-10 {
    right: 83.3333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.6667%;
  }
  .col-sm-pull-7 {
    right: 58.3333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.6667%;
  }
  .col-sm-pull-4 {
    right: 33.3333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.6667%;
  }
  .col-sm-pull-1 {
    right: 8.33333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.6667%;
  }
  .col-sm-push-10 {
    left: 83.3333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.6667%;
  }
  .col-sm-push-7 {
    left: 58.3333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.6667%;
  }
  .col-sm-push-4 {
    left: 33.3333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.6667%;
  }
  .col-sm-push-1 {
    left: 8.33333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }
  .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.6667%;
  }
  .col-md-10 {
    width: 83.3333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.6667%;
  }
  .col-md-7 {
    width: 58.3333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.6667%;
  }
  .col-md-4 {
    width: 33.3333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.6667%;
  }
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.6667%;
  }
  .col-md-pull-10 {
    right: 83.3333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.6667%;
  }
  .col-md-pull-7 {
    right: 58.3333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.6667%;
  }
  .col-md-pull-4 {
    right: 33.3333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.6667%;
  }
  .col-md-pull-1 {
    right: 8.33333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.6667%;
  }
  .col-md-push-10 {
    left: 83.3333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.6667%;
  }
  .col-md-push-7 {
    left: 58.3333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.6667%;
  }
  .col-md-push-4 {
    left: 33.3333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.6667%;
  }
  .col-md-push-1 {
    left: 8.33333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.6667%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.6667%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.6667%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.6667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .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.6667%;
  }
  .col-lg-10 {
    width: 83.3333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.6667%;
  }
  .col-lg-7 {
    width: 58.3333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.6667%;
  }
  .col-lg-4 {
    width: 33.3333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.6667%;
  }
  .col-lg-1 {
    width: 8.33333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.6667%;
  }
  .col-lg-pull-10 {
    right: 83.3333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.6667%;
  }
  .col-lg-pull-7 {
    right: 58.3333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.6667%;
  }
  .col-lg-pull-4 {
    right: 33.3333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.6667%;
  }
  .col-lg-pull-1 {
    right: 8.33333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.6667%;
  }
  .col-lg-push-10 {
    left: 83.3333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.6667%;
  }
  .col-lg-push-7 {
    left: 58.3333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.6667%;
  }
  .col-lg-push-4 {
    left: 33.3333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.6667%;
  }
  .col-lg-push-1 {
    left: 8.33333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: #0000;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
  position: static;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
  position: static;
}
caption {
  color: #777;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
}
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 {
  vertical-align: top;
  border-top: 1px solid #ddd;
  padding: 8px;
  line-height: 1.42857;
}
.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,
.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-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover,
.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: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
  }
  .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 {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}
legend {
  width: 100%;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding: 0;
  display: block;
}
label {
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  display: inline-block;
}
input[type="search"] {
  box-sizing: border-box;
  appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  width: 100%;
  display: block;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  color: #555;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}
.form-control {
  color: #555;
  -o-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  display: block;
  box-shadow: inset 0 1px 1px #00000013;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow:
    inset 0 1px 1px #00000013,
    0 0 8px #66afe999;
}
.form-control:-ms-placeholder-shown {
  color: #999;
}
.form-control::-ms-expand {
  background-color: #0000;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  opacity: 1;
  background-color: #eee;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  position: relative;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  cursor: pointer;
  min-height: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  font-weight: 400;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-top: 4px \9;
  margin-left: -20px;
  position: absolute;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 0;
  padding-left: 20px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.form-control-static {
  min-height: 34px;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  border-radius: 3px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  border-radius: 3px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  border-radius: 6px;
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  border-radius: 6px;
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  z-index: 2;
  text-align: center;
  pointer-events: none;
  width: 34px;
  height: 34px;
  line-height: 34px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .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 #00000013;
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow:
    inset 0 1px 1px #00000013,
    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 #00000013;
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow:
    inset 0 1px 1px #00000013,
    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 #00000013;
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow:
    inset 0 1px 1px #00000013,
    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 {
  color: #737373;
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    vertical-align: middle;
    margin-bottom: 0;
    display: inline-block;
  }
  .form-inline .form-control {
    vertical-align: middle;
    width: auto;
    display: inline-block;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    vertical-align: middle;
    display: inline-table;
  }
  .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 {
    vertical-align: middle;
    margin-bottom: 0;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    margin-left: 0;
    position: relative;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #0000;
  border-radius: 4px;
  margin-bottom: 0;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  display: inline-block;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px #00000020;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #337ab7;
  border-radius: 0;
  font-weight: 400;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #0000;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: #0000;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  background-color: #0000;
  text-decoration: underline;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  border-radius: 6px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
}
.btn-sm,
.btn-group-sm > .btn {
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.btn-xs,
.btn-group-xs > .btn {
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.btn-block {
  width: 100%;
  display: block;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  height: 0;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
  position: relative;
  overflow: hidden;
}
.caret {
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  width: 0;
  height: 0;
  margin-left: 2px;
  display: inline-block;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  z-index: 1000;
  float: left;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #00000026;
  border-radius: 4px;
  min-width: 160px;
  margin: 2px 0 0;
  padding: 5px 0;
  font-size: 14px;
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0 6px 12px #0000002d;
}
.dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.dropdown-menu .divider {
  background-color: #e5e5e5;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
}
.dropdown-menu > li > a {
  clear: both;
  color: #333;
  white-space: nowrap;
  padding: 3px 20px;
  font-weight: 400;
  line-height: 1.42857;
  display: block;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  background-color: #f5f5f5;
  text-decoration: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #337ab7;
  outline: 0;
  text-decoration: none;
}
.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 {
  cursor: not-allowed;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color: #0000;
  background-image: none;
  text-decoration: none;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  color: #777;
  white-space: nowrap;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  display: block;
}
.dropdown-backdrop {
  z-index: 990;
  position: fixed;
  inset: 0;
}
.pull-right > .dropdown-menu {
  left: auto;
  right: 0;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  margin-bottom: 2px;
  top: auto;
  bottom: 100%;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  vertical-align: middle;
  display: inline-block;
  position: relative;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  float: left;
  position: relative;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.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-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px #00000020;
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 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 {
  float: none;
  width: 100%;
  max-width: 100%;
  display: block;
}
.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-radius: 4px 4px 0 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-radius: 0 0 4px 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 {
  table-layout: fixed;
  border-collapse: separate;
  width: 100%;
  display: table;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  width: 1%;
  display: table-cell;
}
.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"] {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}
.input-group {
  border-collapse: separate;
  display: table;
  position: relative;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  border-radius: 6px;
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
}
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[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  border-radius: 3px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
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[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .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 {
  white-space: nowrap;
  vertical-align: middle;
  width: 1%;
}
.input-group-addon {
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.input-group-addon.input-sm {
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 12px;
}
.input-group-addon.input-lg {
  border-radius: 6px;
  padding: 10px 16px;
  font-size: 18px;
}
.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 {
  white-space: nowrap;
  font-size: 0;
  position: relative;
}
.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 {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  display: block;
  position: relative;
}
.nav > li > a {
  padding: 10px 15px;
  display: block;
  position: relative;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #eee;
  text-decoration: none;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #0000;
  text-decoration: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  background-color: #e5e5e5;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  border: 1px solid #0000;
  border-radius: 4px 4px 0 0;
  margin-right: 2px;
  line-height: 1.42857;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: #0000;
}
.nav-tabs.nav-justified {
  border-bottom: 0;
  width: 100%;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    width: 1%;
    display: table-cell;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  border-radius: 4px;
  margin-right: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.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 {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    width: 1%;
    display: table-cell;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  border-radius: 4px;
  margin-right: 0;
}
.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;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
}
.navbar {
  border: 1px solid #0000;
  min-height: 50px;
  margin-bottom: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid #0000;
  padding-left: 15px;
  padding-right: 15px;
  overflow-x: visible;
  box-shadow: inset 0 1px #ffffff1a;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    box-shadow: none;
    border-top: 0;
  }
  .navbar-collapse.collapse {
    padding-bottom: 0;
    height: auto !important;
    display: block !important;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  z-index: 1030;
  position: fixed;
  left: 0;
  right: 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;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  border-width: 0 0 1px;
  top: 0;
}
.navbar-fixed-bottom {
  border-width: 1px 0 0;
  margin-bottom: 0;
  bottom: 0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 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 {
  float: right;
  background-color: #0000;
  background-image: none;
  border: 1px solid #0000;
  border-radius: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 15px;
  padding: 9px 10px;
  position: relative;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  border-radius: 1px;
  width: 22px;
  height: 2px;
  display: block;
}
.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 {
    float: none;
    width: auto;
    box-shadow: none;
    background-color: #0000;
    border: 0;
    margin-top: 0;
    position: static;
  }
  .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 {
  border-top: 1px solid #0000;
  border-bottom: 1px solid #0000;
  margin: 8px -15px;
  padding: 10px 15px;
  box-shadow:
    inset 0 1px #ffffff1a,
    0 1px #ffffff1a;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    vertical-align: middle;
    margin-bottom: 0;
    display: inline-block;
  }
  .navbar-form .form-control {
    vertical-align: middle;
    width: auto;
    display: inline-block;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    vertical-align: middle;
    display: inline-table;
  }
  .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 {
    vertical-align: middle;
    margin-bottom: 0;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    margin-left: 0;
    position: relative;
  }
  .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;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.navbar-nav > li > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-radius: 4px 4px 0 0;
  margin-bottom: 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-left: 15px;
    margin-right: 15px;
  }
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    margin-right: -15px;
    float: right !important;
  }
  .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: #0000;
}
.navbar-default .navbar-text,
.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: #0000;
}
.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: #0000;
}
.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: #0000;
  }
  .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: #0000;
  }
}
.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-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: #0000;
}
.navbar-inverse .navbar-text,
.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: #0000;
}
.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: #0000;
}
.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: #0000;
  }
  .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: #0000;
  }
}
.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-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;
}
.breadcrumb {
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 8px 15px;
  list-style: none;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  color: #ccc;
  content: "/ ";
  padding: 0 5px;
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  border-radius: 4px;
  margin: 20px 0;
  padding-left: 0;
  display: inline-block;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  float: left;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  position: relative;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-left: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  text-align: center;
  margin: 20px 0;
  padding-left: 0;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 5px 14px;
  display: inline-block;
}
.pager li > a:hover,
.pager li > a:focus {
  background-color: #eee;
  text-decoration: none;
}
.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;
}
.label {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  display: inline;
}
a.label:hover,
a.label:focus {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  padding: 1px 5px;
  top: 0;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  color: inherit;
  background-color: #eee;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.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;
  padding-left: 15px;
  padding-right: 15px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  -o-transition: border 0.2s ease-in-out;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 4px;
  line-height: 1.42857;
  transition: border 0.2s ease-in-out;
  display: block;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  color: #333;
  padding: 9px;
}
.alert {
  border: 1px solid #0000;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 15px;
}
.alert h4 {
  color: inherit;
  margin-top: 0;
}
.alert .alert-link {
  font-weight: 700;
}
.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 {
  color: inherit;
  position: relative;
  top: -2px;
  right: -21px;
}
.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 {
  0% {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  background-color: #f5f5f5;
  border-radius: 4px;
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #0000001a;
}
.progress-bar {
  float: left;
  color: #fff;
  text-align: center;
  -o-transition: width 0.6s ease;
  background-color: #337ab7;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  transition: width 0.6s;
  box-shadow: inset 0 -1px #00000026;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    #ffffff26 25%,
    #0000 25% 50%,
    #ffffff26 50% 75%,
    #0000 75%,
    #0000
  );
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  animation: 2s linear infinite progress-bar-stripes;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(
    45deg,
    #ffffff26 25%,
    #0000 25% 50%,
    #ffffff26 50% 75%,
    #0000 75%,
    #0000
  );
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(
    45deg,
    #ffffff26 25%,
    #0000 25% 50%,
    #ffffff26 50% 75%,
    #0000 75%,
    #0000
  );
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(
    45deg,
    #ffffff26 25%,
    #0000 25% 50%,
    #ffffff26 50% 75%,
    #0000 75%,
    #0000
  );
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(
    45deg,
    #ffffff26 25%,
    #0000 25% 50%,
    #ffffff26 50% 75%,
    #0000 75%,
    #0000
  );
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  vertical-align: top;
  display: table-cell;
}
.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 {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: -1px;
  padding: 10px 15px;
  display: block;
  position: relative;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom: 0;
}
.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;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  background-color: #f5f5f5;
  text-decoration: none;
}
button.list-group-item {
  text-align: left;
  width: 100%;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.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,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.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,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.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,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.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 {
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 4px;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px #0000000d;
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  border-bottom: 1px solid #0000;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 10px 15px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px 15px;
}
.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
  > .panel-heading
  + .panel-collapse
  > .list-group
  .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child,
.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-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child,
.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,
.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,
.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 {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  border-radius: 4px;
  margin-bottom: 0;
}
.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 {
  height: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  min-height: 20px;
  margin-bottom: 20px;
  padding: 19px;
  box-shadow: inset 0 1px 1px #0000000d;
}
.well blockquote {
  border-color: #00000026;
}
.well-lg {
  border-radius: 6px;
  padding: 24px;
}
.well-sm {
  border-radius: 3px;
  padding: 9px;
}
.close {
  float: right;
  color: #000;
  text-shadow: 0 1px #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}
.close:hover,
.close:focus {
  color: #000;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
  text-decoration: none;
}
button.close {
  cursor: pointer;
  appearance: none;
  background: 0 0;
  border: 0;
  padding: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  display: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}
.modal.fade .modal-dialog {
  -o-transition: -o-transform 0.3s ease-out;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transform: translateY(-25%);
}
.modal.in .modal-dialog {
  transform: translate(0);
}
.modal-open .modal {
  overflow: hidden auto;
}
.modal-dialog {
  width: auto;
  margin: 10px;
  position: relative;
}
.modal-content {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #0003;
  border-radius: 6px;
  outline: 0;
  position: relative;
  box-shadow: 0 3px 9px #00000080;
}
.modal-backdrop {
  z-index: 1040;
  background-color: #000;
  position: fixed;
  inset: 0;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857;
}
.modal-body {
  padding: 15px;
  position: relative;
}
.modal-footer {
  text-align: right;
  border-top: 1px solid #e5e5e5;
  padding: 15px;
}
.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 {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -9999px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px #00000080;
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  z-index: 1070;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  font-family:
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  text-decoration: none;
  display: block;
  position: absolute;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip.top .tooltip-arrow {
  border-width: 5px 5px 0;
  border-top-color: #000;
  margin-left: -5px;
  bottom: 0;
  left: 50%;
}
.tooltip.top-left .tooltip-arrow {
  border-width: 5px 5px 0;
  border-top-color: #000;
  margin-bottom: -5px;
  bottom: 0;
  right: 5px;
}
.tooltip.top-right .tooltip-arrow {
  border-width: 5px 5px 0;
  border-top-color: #000;
  margin-bottom: -5px;
  bottom: 0;
  left: 5px;
}
.tooltip.right .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.tooltip.left .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
  margin-top: -5px;
  top: 50%;
  right: 0;
}
.tooltip.bottom .tooltip-arrow {
  border-width: 0 5px 5px;
  border-bottom-color: #000;
  margin-left: -5px;
  top: 0;
  left: 50%;
}
.tooltip.bottom-left .tooltip-arrow {
  border-width: 0 5px 5px;
  border-bottom-color: #000;
  margin-top: -5px;
  top: 0;
  right: 5px;
}
.tooltip.bottom-right .tooltip-arrow {
  border-width: 0 5px 5px;
  border-bottom-color: #000;
  margin-top: -5px;
  top: 0;
  left: 5px;
}
.tooltip-inner {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
  max-width: 200px;
  padding: 3px 8px;
}
.tooltip-arrow {
  border-style: solid;
  border-color: #0000;
  width: 0;
  height: 0;
  position: absolute;
}
.popover {
  z-index: 1060;
  line-break: auto;
  text-align: left;
  text-align: start;
  max-width: 276px;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #0003;
  border-radius: 6px;
  padding: 1px;
  font-family:
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  text-decoration: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 5px 10px #0003;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  border-style: solid;
  border-color: #0000;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  border-top-color: #00000040;
  border-bottom-width: 0;
  margin-left: -11px;
  bottom: -11px;
  left: 50%;
}
.popover.top > .arrow:after {
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
  margin-left: -10px;
  bottom: 1px;
}
.popover.right > .arrow {
  border-left-width: 0;
  border-right-color: #00000040;
  margin-top: -11px;
  top: 50%;
  left: -11px;
}
.popover.right > .arrow:after {
  content: " ";
  border-left-width: 0;
  border-right-color: #fff;
  bottom: -10px;
  left: 1px;
}
.popover.bottom > .arrow {
  border-top-width: 0;
  border-bottom-color: #00000040;
  margin-left: -11px;
  top: -11px;
  left: 50%;
}
.popover.bottom > .arrow:after {
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
  margin-left: -10px;
  top: 1px;
}
.popover.left > .arrow {
  border-left-color: #00000040;
  border-right-width: 0;
  margin-top: -11px;
  top: 50%;
  right: -11px;
}
.popover.left > .arrow:after {
  content: " ";
  border-left-color: #fff;
  border-right-width: 0;
  bottom: -10px;
  right: 1px;
}
.popover-title {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
}
.popover-content {
  padding: 9px 14px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.carousel-inner > .item {
  -o-transition: 0.6s ease-in-out left;
  transition: left 0.6s ease-in-out;
  display: none;
  position: relative;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -o-transition: -o-transform 0.6s ease-in-out;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    transform: translate(100%);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    transform: translate(-100%);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    transform: translate(0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  width: 100%;
  position: absolute;
  top: 0;
}
.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 {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px #0009;
  width: 15%;
  filter: alpha(opacity=50);
  opacity: 0.5;
  background-color: #0000;
  font-size: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.carousel-control.left {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-image: linear-gradient(90deg, #00000080 0%, #0000 100%);
  background-repeat: repeat-x;
}
.carousel-control.right {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-image: linear-gradient(90deg, #0000 0%, #00000080 100%);
  background-repeat: repeat-x;
  left: auto;
  right: 0;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  filter: alpha(opacity=90);
  opacity: 0.9;
  outline: 0;
  text-decoration: none;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  z-index: 5;
  margin-top: -10px;
  display: inline-block;
  position: absolute;
  top: 50%;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  margin-left: -10px;
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  margin-right: -10px;
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "‹";
}
.carousel-control .icon-next:before {
  content: "›";
}
.carousel-indicators {
  z-index: 15;
  text-align: center;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  position: absolute;
  bottom: 10px;
  left: 50%;
}
.carousel-indicators li {
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  margin: 1px;
  display: inline-block;
}
.carousel-indicators .active {
  background-color: #fff;
  width: 12px;
  height: 12px;
  margin: 0;
}
.carousel-caption {
  z-index: 10;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px #0009;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  bottom: 20px;
  left: 15%;
  right: 15%;
}
.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: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    padding-bottom: 30px;
    left: 20%;
    right: 20%;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.text-hide {
  font: 0/0 a;
  color: #0000;
  text-shadow: none;
  background-color: #0000;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.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 !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .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 !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .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 !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .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 !important;
  }
  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;
  }
  .hidden-print {
    display: none !important;
  }
}
.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.focus,
.datepicker table tr td.today:hover.focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today.disabled:hover.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.today,
.open > .dropdown-toggle.datepicker table tr td.today:hover,
.open > .dropdown-toggle.datepicker table tr td.today.disabled,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000;
  background-color: #ffc966;
  background-image: none;
  border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today:hover:active:hover,
.datepicker table tr td.today.disabled:active:hover,
.datepicker table tr td.today.disabled:hover:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:hover.active:hover,
.datepicker table tr td.today.disabled.active:hover,
.datepicker table tr td.today.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td.today:hover,
.open > .dropdown-toggle.datepicker table tr td.today:hover:hover,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today:hover:active:focus,
.datepicker table tr td.today.disabled:active:focus,
.datepicker table tr td.today.disabled:hover:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:hover.active:focus,
.datepicker table tr td.today.disabled.active:focus,
.datepicker table tr td.today.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td.today:focus,
.open > .dropdown-toggle.datepicker table tr td.today:hover:focus,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today:hover:active.focus,
.datepicker table tr td.today.disabled:active.focus,
.datepicker table tr td.today.disabled:hover:active.focus,
.datepicker table tr td.today.active.focus,
.datepicker table tr td.today:hover.active.focus,
.datepicker table tr td.today.disabled.active.focus,
.datepicker table tr td.today.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td.today.focus,
.open > .dropdown-toggle.datepicker table tr td.today:hover.focus,
.open > .dropdown-toggle.datepicker table tr td.today.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td.today.disabled:hover.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today:hover.disabled.focus,
.datepicker table tr td.today.disabled.disabled.focus,
.datepicker table tr td.today.disabled:hover.disabled.focus,
.datepicker table tr td.today[disabled].focus,
.datepicker table tr td.today:hover[disabled].focus,
.datepicker table tr td.today.disabled[disabled].focus,
.datepicker table tr td.today.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus,
fieldset[disabled] .datepicker table tr td.today:hover.focus,
fieldset[disabled] .datepicker table tr td.today.disabled.focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today .badge,
.datepicker table tr td.today:hover .badge,
.datepicker table tr td.today.disabled .badge,
.datepicker table tr td.today.disabled:hover .badge {
  color: #ffdb99;
  background-color: #000;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.focus,
.datepicker table tr td.range.today:hover.focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today.disabled:hover.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.range.today,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000;
  background-color: #f4b747;
  background-image: none;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today:hover:active:hover,
.datepicker table tr td.range.today.disabled:active:hover,
.datepicker table tr td.range.today.disabled:hover:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:hover.active:hover,
.datepicker table tr td.range.today.disabled.active:hover,
.datepicker table tr td.range.today.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover:hover,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover,
.open
  > .dropdown-toggle.datepicker
  table
  tr
  td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today:hover:active:focus,
.datepicker table tr td.range.today.disabled:active:focus,
.datepicker table tr td.range.today.disabled:hover:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:hover.active:focus,
.datepicker table tr td.range.today.disabled.active:focus,
.datepicker table tr td.range.today.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td.range.today:focus,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover:focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled:focus,
.open
  > .dropdown-toggle.datepicker
  table
  tr
  td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today:hover:active.focus,
.datepicker table tr td.range.today.disabled:active.focus,
.datepicker table tr td.range.today.disabled:hover:active.focus,
.datepicker table tr td.range.today.active.focus,
.datepicker table tr td.range.today:hover.active.focus,
.datepicker table tr td.range.today.disabled.active.focus,
.datepicker table tr td.range.today.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.focus,
.open > .dropdown-toggle.datepicker table tr td.range.today:hover.focus,
.open > .dropdown-toggle.datepicker table tr td.range.today.disabled.focus,
.open
  > .dropdown-toggle.datepicker
  table
  tr
  td.range.today.disabled:hover.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today:hover.disabled.focus,
.datepicker table tr td.range.today.disabled.disabled.focus,
.datepicker table tr td.range.today.disabled:hover.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
.datepicker table tr td.range.today:hover[disabled].focus,
.datepicker table tr td.range.today.disabled[disabled].focus,
.datepicker table tr td.range.today.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus,
fieldset[disabled] .datepicker table tr td.range.today:hover.focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled.focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today .badge,
.datepicker table tr td.range.today:hover .badge,
.datepicker table tr td.range.today.disabled .badge,
.datepicker table tr td.range.today.disabled:hover .badge {
  color: #f7ca77;
  background-color: #000;
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected:hover.focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.disabled:hover.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #fff;
  background-color: #5e5e5e;
  background-image: none;
  border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected:hover:active:hover,
.datepicker table tr td.selected.disabled:active:hover,
.datepicker table tr td.selected.disabled:hover:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected:hover.active:hover,
.datepicker table tr td.selected.disabled.active:hover,
.datepicker table tr td.selected.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td.selected:hover,
.open > .dropdown-toggle.datepicker table tr td.selected:hover:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected:hover:active:focus,
.datepicker table tr td.selected.disabled:active:focus,
.datepicker table tr td.selected.disabled:hover:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected:hover.active:focus,
.datepicker table tr td.selected.disabled.active:focus,
.datepicker table tr td.selected.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td.selected:focus,
.open > .dropdown-toggle.datepicker table tr td.selected:hover:focus,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected:hover:active.focus,
.datepicker table tr td.selected.disabled:active.focus,
.datepicker table tr td.selected.disabled:hover:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected:hover.active.focus,
.datepicker table tr td.selected.disabled.active.focus,
.datepicker table tr td.selected.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.focus,
.open > .dropdown-toggle.datepicker table tr td.selected:hover.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected:hover.disabled.focus,
.datepicker table tr td.selected.disabled.disabled.focus,
.datepicker table tr td.selected.disabled:hover.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected:hover[disabled].focus,
.datepicker table tr td.selected.disabled[disabled].focus,
.datepicker table tr td.selected.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected:hover.focus,
fieldset[disabled] .datepicker table tr td.selected.disabled.focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus {
  background-color: #777;
  border-color: #555;
}
.datepicker table tr td.selected .badge,
.datepicker table tr td.selected:hover .badge,
.datepicker table tr td.selected.disabled .badge,
.datepicker table tr td.selected.disabled:hover .badge {
  color: #777;
  background-color: #fff;
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active:hover.focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active:hover:active:hover,
.datepicker table tr td.active.disabled:active:hover,
.datepicker table tr td.active.disabled:hover:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active:hover.active:hover,
.datepicker table tr td.active.disabled.active:hover,
.datepicker table tr td.active.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:hover:active:focus,
.datepicker table tr td.active.disabled:active:focus,
.datepicker table tr td.active.disabled:hover:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active:hover.active:focus,
.datepicker table tr td.active.disabled.active:focus,
.datepicker table tr td.active.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:hover:focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:hover:active.focus,
.datepicker table tr td.active.disabled:active.focus,
.datepicker table tr td.active.disabled:hover:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active:hover.active.focus,
.datepicker table tr td.active.disabled.active.focus,
.datepicker table tr td.active.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active:hover.focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled.focus,
.open > .dropdown-toggle.datepicker table tr td.active.disabled:hover.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active:hover.disabled.focus,
.datepicker table tr td.active.disabled.disabled.focus,
.datepicker table tr td.active.disabled:hover.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active:hover[disabled].focus,
.datepicker table tr td.active.disabled[disabled].focus,
.datepicker table tr td.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active:hover.focus,
fieldset[disabled] .datepicker table tr td.active.disabled.focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td.active .badge,
.datepicker table tr td.active:hover .badge,
.datepicker table tr td.active.disabled .badge,
.datepicker table tr td.active.disabled:hover .badge {
  color: #337ab7;
  background-color: #fff;
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover,
.open
  > .dropdown-toggle.datepicker
  table
  tr
  td
  span.active.disabled:hover:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover:focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus,
.open
  > .dropdown-toggle.datepicker
  table
  tr
  td
  span.active.disabled:hover:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.focus,
.open > .dropdown-toggle.datepicker table tr td span.active:hover.focus,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus,
.open
  > .dropdown-toggle.datepicker
  table
  tr
  td
  span.active.disabled:hover.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.active .badge,
.datepicker table tr td span.active:hover .badge,
.datepicker table tr td span.active.disabled .badge,
.datepicker table tr td span.active.disabled:hover .badge {
  color: #337ab7;
  background-color: #fff;
}
:root {
  --indigo-base: 226, 48%;
  --indigo-20: hsl(var(--indigo-base), 95%);
  --indigo-50: hsl(var(--indigo-base), 92%);
  --indigo-100: hsl(var(--indigo-base), 90%);
  --indigo-200: hsl(var(--indigo-base), 80%);
  --indigo-300: hsl(var(--indigo-base), 70%);
  --indigo-400: hsl(var(--indigo-base), 60%);
  --indigo-500: hsl(var(--indigo-base), 48%);
  --indigo-600: hsl(var(--indigo-base), 40%);
  --indigo-700: hsl(var(--indigo-base), 30%);
  --indigo-800: hsl(var(--indigo-base), 20%);
  --indigo-900: hsl(var(--indigo-base), 10%);
  --gray-base: 40, 10%;
  --gray-5: hsl(var(--gray-base), 95%);
  --gray-10: hsl(var(--gray-base), 93%);
  --gray-50: hsl(var(--gray-base), 92%);
  --gray-100: hsl(var(--gray-base), 90%);
  --gray-150: hsl(var(--gray-base), 85%);
  --gray-200: hsl(var(--gray-base), 80%);
  --gray-300: hsl(var(--gray-base), 70%);
  --gray-400: hsl(var(--gray-base), 60%);
  --gray-500: hsl(var(--gray-base), 48%);
  --gray-600: hsl(var(--gray-base), 40%);
  --gray-700: hsl(var(--gray-base), 30%);
  --gray-800: hsl(var(--gray-base), 20%);
  --gray-900: hsl(var(--gray-base), 10%);
  --green-base: 110, 50%;
  --green-20: hsl(var(--green-base), 95%);
  --green-50: hsl(var(--green-base), 92%);
  --green-100: hsl(var(--green-base), 90%);
  --green-200: hsl(var(--green-base), 80%);
  --green-300: hsl(var(--green-base), 70%);
  --green-400: hsl(var(--green-base), 60%);
  --green-500: hsl(var(--green-base), 50%);
  --green-600: hsl(var(--green-base), 40%);
  --green-700: hsl(var(--green-base), 30%);
  --green-800: hsl(var(--green-base), 20%);
  --green-900: hsl(var(--green-base), 10%);
  --yellow-base: 36, 100%;
  --yellow-20: hsl(var(--yellow-base), 95%);
  --yellow-50: hsl(var(--yellow-base), 92%);
  --yellow-100: hsl(var(--yellow-base), 90%);
  --yellow-200: hsl(var(--yellow-base), 80%);
  --yellow-300: hsl(var(--yellow-base), 70%);
  --yellow-400: hsl(var(--yellow-base), 60%);
  --yellow-500: hsl(var(--yellow-base), 50%);
  --yellow-600: hsl(var(--yellow-base), 40%);
  --yellow-700: hsl(var(--yellow-base), 30%);
  --yellow-800: hsl(var(--yellow-base), 20%);
  --yellow-900: hsl(var(--yellow-base), 10%);
  --red-base: 0, 60%;
  --red-20: hsl(var(--red-base), 95%);
  --red-50: hsl(var(--red-base), 92%);
  --red-100: hsl(var(--red-base), 90%);
  --red-200: hsl(var(--red-base), 80%);
  --red-300: hsl(var(--red-base), 70%);
  --red-400: hsl(var(--red-base), 60%);
  --red-500: hsl(var(--red-base), 50%);
  --red-600: hsl(var(--red-base), 40%);
  --red-700: hsl(var(--red-base), 30%);
  --red-800: hsl(var(--red-base), 20%);
  --red-900: hsl(var(--red-base), 10%);
  --accent-base: var(--indigo-base);
  --accent: var(--accent-500);
  --accent-luminance-shift: 0%;
  --accent-10: hsl(
    var(--accent-base),
    calc(97% - var(--accent-luminance-shift) * 0.01)
  );
  --accent-20: hsl(
    var(--accent-base),
    calc(95% - var(--accent-luminance-shift) * 0.05)
  );
  --accent-50: hsl(
    var(--accent-base),
    calc(92% - var(--accent-luminance-shift) * 0.1)
  );
  --accent-100: hsl(
    var(--accent-base),
    calc(90% - var(--accent-luminance-shift) * 0.2)
  );
  --accent-200: hsl(
    var(--accent-base),
    calc(80% - var(--accent-luminance-shift) * 0.3)
  );
  --accent-300: hsl(
    var(--accent-base),
    calc(70% - var(--accent-luminance-shift) * 0.4)
  );
  --accent-400: hsl(
    var(--accent-base),
    calc(60% - var(--accent-luminance-shift) * 0.5)
  );
  --accent-500: hsl(
    var(--accent-base),
    calc(48% - var(--accent-luminance-shift) * 1)
  );
  --accent-600: hsl(
    var(--accent-base),
    calc(40% - var(--accent-luminance-shift) * 1)
  );
  --accent-700: hsl(
    var(--accent-base),
    calc(30% - var(--accent-luminance-shift) * 1)
  );
  --accent-800: hsl(
    var(--accent-base),
    calc(20% - var(--accent-luminance-shift) * 1)
  );
  --accent-900: hsl(
    var(--accent-base),
    calc(10% - var(--accent-luminance-shift) * 1)
  );
  --accent-a10: hsla(
    var(--accent-base),
    calc(48% - var(--accent-luminance-shift) * 1),
    10%
  );
  --accent-a5: hsla(
    var(--accent-base),
    calc(48% - var(--accent-luminance-shift) * 1),
    5%
  );
  --text: #212529;
  --text-accent: var(--accent-700);
  --text-gray: var(--gray-600);
  --text-gray-on-gray: var(--gray-700);
  --text-neutral-gray: #707070;
  --text-disabled: var(--gray-300);
  --text-gray-hover: var(--gray-400);
  --text-dark: #000;
  --toolbar: var(--text-gray-on-gray);
  --link: var(--accent-600);
  --link-hover: var(--accent-700);
  --outline: var(--accent);
  --add: var(--green-500);
  --delete: #a00;
  --background: white;
  --background-5: var(--gray-5);
  --background-10: var(--gray-10);
  --background-50: var(--gray-50);
  --background-100: var(--gray-100);
  --background-150: var(--gray-150);
  --background-200: var(--gray-200);
  --background-300: var(--gray-300);
  --background-base: 0, 100%, 100%;
  --background-a94: hsla(var(--background-base), 94%);
  --background-a80: hsla(var(--background-base), 80%);
  --background-a50: hsla(var(--background-base), 50%);
  --background-a30: hsla(var(--background-base), 30%);
  --shade-base: 0, 0%, 0%;
  --shade-a5: hsla(var(--shade-base), 5%);
  --shade-a10: hsla(var(--shade-base), 10%);
  --shade-a20: hsla(var(--shade-base), 20%);
  --shade-a30: hsla(var(--shade-base), 30%);
  --shade-a50: hsla(var(--shade-base), 50%);
  --border: var(--gray-200);
  --border-bright: var(--gray-100);
  --border-subdued: var(--gray-100);
  --border-bootstrap: #ced4da;
  --focus: white;
  --focus-100: var(--accent-100);
  --focus-200: var(--accent-200);
  --focus-300: var(--accent-300);
  --focus-400: var(--accent-400);
  --focus-500: var(--accent-500);
  --focus-600: var(--accent-600);
  --focus-700: var(--accent-700);
  --default-radius: 6px;
  --double-radius: 12px;
  --gap-radius: var(--default-radius);
  --main-gap-radius: var(--default-radius);
  --button-radius: var(--default-radius);
  --input-radius: var(--default-radius);
  --btn-primary: #fff;
  --btn-primary-background: var(--accent-500);
  --btn-primary-background-hover: var(--accent-600);
  --btn-primary-outline: hsla(var(--accent-base), 50%, 25%);
  --btn-current: var(--accent-20) --btn-secondary: #fff;
  --btn-secondary-background: var(--selected-background);
  --btn-secondary-background-hover: var(--selected-background-hover);
  --btn-secondary-outline: hsla(var(--accent-base), 50%, 25%);
  --button-circular: var(--accent-600);
  --button-circular-background: var(--accent-20);
  --button-circular-border: var(--accent-400);
  --button-circular-focus: white;
  --button-circular-background-focus: var(--accent);
  --button-circular-border-focus: var(--accent);
  --button-circular-hover: var(--accent);
  --button-circular-background-hover: var(--accent-100);
  --button-circular-border-hover: var(--accent);
  --topbar-background: transparent;
  --topbar-icon: var(--accent-900);
  --topbar-hover: var(--shade-a10);
  --topbar-icon-hover: var(--background-5);
  --topbar-search-background: white;
  --topbar-search-placeholder: var(--text-gray);
  --selected: var(--text);
  --selected-focus: white;
  --selected-gray-focus: #ffffffc0;
  --selected-background: var(--accent-50);
  --selected-background-shade: var(--accent-500);
  --selected-background-hover: var(--accent-a5);
  --selected-background-hover-shade: var(--accent-a10);
  --selected-background-focus: var(--accent);
  --selected-background-focus-shade: var(--accent-700);
  --selected-background-focus-hover: var(--accent-600);
  --selected-dropdown-background-hover: var(--background-5);
  --sidepanel-background: var(--translucent-constant);
  --sidepanel-selected: var(--text);
  --sidepanel-selected-focus: white;
  --sidepanel-selectable-background-hover: var(--accent-a5);
  --sidepanel-selected-background: var(--accent-50);
  --sidepanel-selected-background-hover: var(--accent-a5);
  --sidepanel-selected-background-focus: var(--accent);
  --sidepanel-selected-background-focus-shade: var(--accent-600);
  --folder-view-background: #ffffff20;
  --list-view-background: #ffffff20;
  --detail-view-background: #ffffff20;
  --folder-icon: var(--accent);
  --folder-counter: var(--accent);
  --folder-options-focus: var(--accent);
  --avatar: var(--accent-700);
  --avatar-background: var(--accent-20);
  --login-gradient-start: var(--indigo-300);
  --login-gradient-end: var(--indigo-600);
  --status-green: #558b2f;
  --status-yellow: #ff9800;
  --status-red: #cf3239;
  --dmarc-check: #3a9500;
  --bimi-check: #0081ed;
  --presence-online: var(--status-green);
  --presence-absent: var(--status-yellow);
  --presence-busy: var(--status-red);
  --unseen: var(--accent);
  --today: var(--status-red);
  --missed: var(--status-red);
  --attention: #db2c00;
  --favorite: var(--status-yellow);
  --upsell: var(--status-yellow);
  --encrypted: var(--status-green);
  --low: #08c;
  --legacy-blue: #283f73;
  --progress-bar-color: var(--accent-500);
  --progress-bar: linear-gradient(
    90deg,
    color-mix(in srgb, var(--progress-bar-color) 90%, black),
    color-mix(in srgb, var(--progress-bar-color) 90%, white)
  );
  --progress-bar-80: var(--progress-bar);
  --progress-bar-90: var(--progress-bar-80);
  --gap-base: 1px;
  --gap: max(var(--gap-base), var(--gap-min, 0px));
  --main-gap: var(--gap);
  --inner-gap: 16px;
  --illustration-opacity: 0.6;
  --translucency-factor: 0.25;
  --backdrop-blur-factor: 2;
  --tooltip-text: var(--gray-10);
  --tooltip-background: var(--gray-900);
  --translucent-high: linear-gradient(
    0deg,
    rgba(255, 255, 255, calc(1 - var(--translucency-factor) * 3)),
    var(--background)
  );
  --translucent-medium: linear-gradient(
    0deg,
    rgba(255, 255, 255, calc(1 - var(--translucency-factor) * 2)),
    var(--background)
  );
  --translucent-low: linear-gradient(
    0deg,
    rgba(255, 255, 255, calc(1 - var(--translucency-factor) * 1)),
    var(--background)
  );
  --translucent-constant: rgba(
    255,
    255,
    255,
    calc(1 - var(--translucency-factor) * 1)
  );
  --translucent-start: var(--background);
  --checkbox-border: var(--gray-500);
  --checkbox-color: white;
  --checkbox-background: var(--accent);
  --checkbox-svg: var(--checkbox-svg-white);
  --checkbox-svg-inverted: var(--checkbox-svg-dark);
  --checkbox-svg-dark: center no-repeat
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  --checkbox-svg-white: center no-repeat
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  --radio-svg: center no-repeat
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='white'/%3e%3c/svg%3e");
  --radio-svg-dark: center no-repeat
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23333'/%3e%3c/svg%3e");
  --app-color-mail: #046ed7;
  --app-color-calendar: #c02626;
  --app-color-contacts: #e37302;
  --app-color-tasks: #43a347;
  --app-color-files: #039671;
  --app-color-portal: #00adcc;
  --app-color-text: #2b5ea6;
  --app-color-spreadsheet: #1e6c3c;
  --app-color-presentation: #a92c1e;
  --app-color-default: #3f52b5;
  --app-color-fallback: #545454;
  --skeleton-background: #dddbdd;
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-right: env(safe-area-inset-right);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  --safe-area-inset-left: env(safe-area-inset-left);
  --navbar-button-background: #fff;
  --offset-top: var(--safe-area-inset-top);
  --offset-bottom: var(--safe-area-inset-bottom);
  --offset-right: var(--safe-area-inset-right);
  --sidepanel-toolbar-width: 56px;
  --sidepanel-width: 320px;
}
@supports (color: lab(0% 0 0)) {
  :root {
    --dmarc-check: lab(54.6401% -51.0084 69.2653);
    --bimi-check: lab(51.9473% 4.24421 -73.5854);
  }
}
@media (min-width: 1600px) {
  :root {
    --sidepanel-width: 360px;
  }
}
@media (min-width: 1800px) {
  :root {
    --sidepanel-width: 400px;
  }
}
.smartphone {
  --sidepanel-width: 100%;
}
.datepicker {
  direction: ltr;
  border-radius: 4px;
  padding: 4px;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: "";
  border: 7px solid #0000;
  border-top: 0;
  border-bottom-color: #0003;
  display: inline-block;
  position: absolute;
}
.datepicker-dropdown:after {
  content: "";
  border: 6px solid #0000;
  border-top: 0;
  border-bottom-color: #fff;
  display: inline-block;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  border-top: 7px solid #999;
  border-bottom: 0;
  bottom: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  bottom: -6px;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  margin: 0;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  border: none;
  border-radius: 4px;
  width: 30px;
  height: 30px;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: #0000;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  cursor: pointer;
  background: #eee;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: #999;
  cursor: default;
  background: 0 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000;
  background-color: #ffcd70;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000;
  background-color: #f4bb51;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #fff;
  text-shadow: 0 -1px #00000040;
  background-color: #999;
  border-color: #555;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #fff;
  background-color: #858585;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999;
  border-color: #555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #fff;
  text-shadow: 0 -1px #00000040;
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span {
  float: left;
  cursor: pointer;
  border-radius: 4px;
  width: 23%;
  height: 54px;
  margin: 1%;
  line-height: 54px;
  display: block;
}
.datepicker table tr td span:hover {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  color: #999;
  cursor: default;
  background: 0 0;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  text-shadow: 0 -1px #00000040;
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .cw {
  vertical-align: middle;
  width: 12px;
  padding: 0 2px 0 5px;
  font-size: 10px;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: #0000;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  text-align: center;
  text-shadow: 0 1px #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  border-width: 1px 0;
  width: auto;
  min-width: 16px;
  margin-left: -5px;
  margin-right: -5px;
  padding: 4px 5px;
  font-weight: 400;
  line-height: 1.42857;
}
.datepicker.dropdown-menu {
  z-index: 1000;
  float: left;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  color: #333;
  background-clip: padding-box;
  border: 1px solid #0003;
  border-radius: 5px;
  min-width: 160px;
  font-size: 13px;
  line-height: 1.42857;
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0 5px 10px #0003;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 0 5px;
}
body {
  color: var(--text);
}
a,
.btn.btn-link {
  color: var(--link);
}
a:focus,
.btn.btn-link:focus {
  outline: 0;
}
a:hover,
a:focus-visible,
.btn.btn-link:hover,
.btn.btn-link:focus-visible {
  color: var(--link-hover);
}
a:focus-visible {
  outline: 5px auto var(--focus-500);
  outline-offset: 0;
}
a:focus-visible:not(.btn):not([href="\#"]) {
  background-color: var(--focus-500);
  box-shadow: 0 0 0 4px var(--focus-500);
  border-radius: 4px;
  outline: 0;
  text-decoration: none;
  display: inline-block;
  color: var(--focus) !important;
}
.btn {
  border-radius: var(--button-radius);
}
.btn.btn-primary {
  color: var(--btn-primary);
  border-color: var(--btn-primary-background);
  background-color: var(--btn-primary-background);
}
.btn.btn-primary:active {
  background-color: var(--btn-primary-background);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus-visible {
  background-color: var(--btn-primary-background-hover);
}
.btn.btn-primary:focus-visible {
  box-shadow: 0 0 0 4px var(--btn-primary-outline);
}
.btn.btn-secondary {
  color: var(--btn-secondary);
  border-color: var(--btn-secondary-background);
  background-color: var(--btn-secondary-background);
}
.btn.btn-secondary:active {
  background-color: var(--btn-secondary-background);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus-visible {
  background-color: var(--btn-secondary-background-hover);
}
.btn.btn-secondary:focus-visible {
  box-shadow: 0 0 0 4px var(--btn-secondary-outline);
}
.btn.btn-default {
  color: var(--text);
  border-color: var(--border-bootstrap);
  background-color: var(--background);
}
.btn.btn-default:active,
.btn.btn-default:focus-visible {
  background-color: var(--background);
}
.btn.btn-default:hover {
  background-color: var(--background-100);
  color: var(--text);
}
.btn.btn-default:focus-visible {
  border-color: var(--focus-500);
  box-shadow: 0 0 0 0.25rem var(--btn-primary-outline);
}
.btn-group .btn.btn-default.active {
  color: var(--text);
  background-color: var(--background-50);
  opacity: 1;
  box-shadow: none;
}
.btn-group .btn.btn-default.active:active,
.btn-group .btn.btn-default.active:focus-visible,
.btn-group .btn.btn-default.active:hover {
  background-color: var(--background-100);
}
.btn-group .btn.btn-default.active:active,
.btn-group .btn.btn-default.active:focus-visible {
  box-shadow: 0 0 0 0.25rem var(--btn-primary-outline);
}
.btn-group.btn-group-accent .btn.btn-default {
  border-color: var(--border-bright);
}
.btn.btn-link {
  color: var(--link);
}
.btn.btn-link:focus-visible {
  box-shadow: 0 0 0 4px var(--btn-primary-outline);
}
.btn.btn-outline {
  color: var(--accent);
  border: 1px solid var(--accent);
}
.btn.btn-text {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  background: 0 0;
  border: 0;
  outline: 0;
  justify-content: flex-start;
  padding: 0.25rem 0.5rem;
}
.btn.btn-text:active,
.btn.btn-text:focus-visible,
.btn.btn-text:hover {
  box-shadow: none;
  background-color: #0000;
  outline: 0;
}
.btn.btn-primary,
.btn.btn-default,
.btn.btn-link {
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.btn.btn-primary:focus,
.btn.btn-primary:focus-visible,
.btn.btn-primary:active:focus-visible,
.btn.btn-default:focus,
.btn.btn-default:focus-visible,
.btn.btn-default:active:focus-visible,
.btn.btn-link:focus,
.btn.btn-link:focus-visible,
.btn.btn-link:active:focus-visible {
  outline: 0;
}
.btn.btn-primary-outline {
  color: var(--accent-600);
  border-color: var(--accent-400);
  background-color: var(--background);
}
.btn.btn-primary-outline:hover {
  color: var(--accent-700);
  background-color: var(--accent-50);
}
.btn.btn-primary-outline:focus-visible {
  color: var(--btn-primary);
  background-color: var(--btn-primary-background);
  box-shadow: 0 0 0 4px var(--btn-primary-outline);
}
.btn.btn-primary.disabled,
.btn.btn-primary.btn[disabled] {
  color: #fffc;
}
.btn.disabled,
.btn[disabled] {
  filter: opacity(0.7);
}
.form-control {
  height: auto;
  color: var(--text);
  border: 1px solid var(--border-bootstrap);
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
select.form-control {
  appearance: none;
  text-overflow: ellipsis;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  padding-right: 32px;
  overflow: hidden;
}
.twitter-typeahead .tt-input {
  color: var(--text);
}
.twitter-typeahead .tt-hint {
  color: var(--text-gray);
}
.twitter-typeahead .tt-input,
.twitter-typeahead .tt-hint {
  background-color: #fff;
}
.twitter-typeahead.dropup .tt-dropdown-menu {
  top: auto !important;
  bottom: 100% !important;
}
.form-control:focus {
  -ms-scroll-limit-x-max: #86b7fe;
  border-color: var(--focus-500);
  box-shadow: 0 0 0 0.25rem var(--btn-primary-outline);
  outline: 0;
}
body .checkbox label,
body .radio label {
  font-size: 14px;
}
.dropdown > a {
  color: inherit;
}
ul.dropdown-menu > li a:hover,
ul.dropdown-menu > [role="group"] > li a:hover {
  color: var(--text);
  background-color: var(--selected-dropdown-background-hover);
}
ul.dropdown-menu > li > a:focus-visible,
ul.dropdown-menu > [role="group"] > li > a:focus-visible {
  color: var(--focus);
  background-color: var(--focus-500);
}
.btn-group.open .dropdown-toggle.btn-primary,
.btn-group > .open > .dropdown-toggle.btn-primary,
.btn-group-portal.open .dropdown-toggle.btn-primary,
.btn-group-portal > .open > .dropdown-toggle.btn-primary {
  border-color: var(--focus-600);
  background-color: var(--focus-600);
}
.btn-group.open .dropdown-toggle.btn-primary:focus-visible,
.btn-group > .open > .dropdown-toggle.btn-primary:focus-visible,
.btn-group-portal.open .dropdown-toggle.btn-primary:focus-visible,
.btn-group-portal > .open > .dropdown-toggle.btn-primary:focus-visible {
  background-color: var(--focus-700);
}
ul.dropdown-menu > li > a:hover {
  color: var(--text);
  background-color: var(--background-5);
}
.dropdown-menu .gridview a {
  display: inline-block;
}
.dropdown-menu .gridview a.current {
  outline: 2px solid var(--accent);
  border-color: var(--accent);
  text-decoration: underline;
}
ul.dropdown-menu,
div.dropdown-menu {
  color: var(--text);
  background-color: var(--background);
  border: 1px solid var(--border-bright);
  border-radius: var(--default-radius);
  box-shadow: 0 8px 16px #0000001a;
}
ul.dropdown-menu .dropdown-header,
div.dropdown-menu .dropdown-header {
  color: var(--text-gray);
}
ul.dropdown-menu .divider {
  background-color: var(--border-bright);
}
ul.dropdown-menu.time-dropdown > li > a.has-detail,
ul.dropdown-menu.time-dropdown > [role="group"] > li > a.has-detail {
  flex-direction: row;
  align-items: center;
}
ul.dropdown-menu.time-dropdown > li > a.has-detail .detail-text,
ul.dropdown-menu.time-dropdown
  > [role="group"]
  > li
  > a.has-detail
  .detail-text {
  text-align: right;
  font-size: inherit;
  padding-left: 24px;
}
ul.dropdown-menu.time-dropdown > li > a:focus .detail-text,
ul.dropdown-menu.time-dropdown > [role="group"] > li > a:focus .detail-text {
  color: var(--selected-focus);
}
ul.dropdown-menu.time-dropdown > li > a:hover .detail-text,
ul.dropdown-menu.time-dropdown > [role="group"] > li > a:hover .detail-text {
  color: var(--text);
}
ul.dropdown-menu > li > a,
ul.dropdown-menu > [role="group"] > li > a {
  color: var(--text);
  display: flex;
}
ul.dropdown-menu > li > a:not(.items-start),
ul.dropdown-menu > [role="group"] > li > a:not(.items-start) {
  align-items: center;
}
ul.dropdown-menu > li > a.has-detail,
ul.dropdown-menu > [role="group"] > li > a.has-detail {
  flex-direction: column;
  align-items: flex-start;
}
ul.dropdown-menu > li > a.has-detail .detail-text,
ul.dropdown-menu > [role="group"] > li > a.has-detail .detail-text {
  color: var(--text-gray);
  width: 100%;
  font-size: 12px;
}
ul.dropdown-menu > li > a:focus .detail-text,
ul.dropdown-menu > [role="group"] > li > a:focus .detail-text {
  color: var(--selected-gray-focus);
}
li.dropdown-header {
  max-width: none;
}
.list-unstyled {
  padding-inline-start: 0;
}
.label.label-success {
  background-color: #008500;
}
.progress-bar:not(.progress-bar-striped) {
  background: var(--progress-bar);
}
.progress-bar.progress-bar-striped {
  background-color: var(--progress-bar-color);
}
.modal-content {
  background-color: var(--background);
  border-radius: var(--double-radius);
  box-shadow: 0 15px 70px 10px #00000080;
}
.modal-header,
.modal-footer {
  border-color: var(--border-bright);
}
pre {
  color: var(--text);
  background-color: var(--background-100);
  border-color: var(--border);
}
legend,
label {
  color: var(--text);
}
legend {
  border-bottom-color: var(--border-bright);
}
.list-group-item {
  background-color: var(--background);
  border-color: var(--border);
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: 2s linear infinite spin;
}
.pause-animation {
  animation-play-state: paused;
}
.alert.alert-accent {
  color: var(--accent-600);
  background-color: var(--accent-20);
  border-color: var(--accent-100);
}
.dark .alert.alert-accent {
  color: var(--accent-200);
  background-color: var(--accent-800);
  border-color: var(--accent-700);
}
.dark .alert.alert-info {
  color: #6edff6;
  background-color: #032830;
  border-color: #023742;
}
.dark .alert.alert-success {
  color: #75b798;
  background-color: #051b11;
  border-color: #263b31;
}
.dark .alert.alert-warning {
  color: #ffda6a;
  background-color: #332701;
  border-color: #403001;
}
.dark .alert.alert-danger {
  color: #ea868f;
  background-color: #2c0b0e;
  border-color: #441b1e;
}
html[dir="rtl"] select.form-control {
  background-position: 0.75rem;
}
html[dir="rtl"]
  .btn-group
  > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 var(--default-radius) var(--default-radius) 0;
}
html[dir="rtl"] .btn-group > .btn:last-child:not(:first-child),
html[dir="rtl"] .btn-group > .dropdown-toggle:not(:first-child) {
  border-radius: var(--default-radius) 0 0 var(--default-radius);
}
@media (min-width: 768px) {
  html[dir="rtl"] .col-sm-1,
  html[dir="rtl"] .col-sm-2,
  html[dir="rtl"] .col-sm-3,
  html[dir="rtl"] .col-sm-4,
  html[dir="rtl"] .col-sm-5,
  html[dir="rtl"] .col-sm-6,
  html[dir="rtl"] .col-sm-7,
  html[dir="rtl"] .col-sm-8,
  html[dir="rtl"] .col-sm-9,
  html[dir="rtl"] .col-sm-10,
  html[dir="rtl"] .col-sm-11,
  html[dir="rtl"] .col-sm-12 {
    float: right;
  }
}
@media (min-width: 992px) {
  html[dir="rtl"] .col-md-1,
  html[dir="rtl"] .col-md-2,
  html[dir="rtl"] .col-md-3,
  html[dir="rtl"] .col-md-4,
  html[dir="rtl"] .col-md-5,
  html[dir="rtl"] .col-md-6,
  html[dir="rtl"] .col-md-7,
  html[dir="rtl"] .col-md-8,
  html[dir="rtl"] .col-md-9,
  html[dir="rtl"] .col-md-10,
  html[dir="rtl"] .col-md-11,
  html[dir="rtl"] .col-md-12 {
    float: right;
  }
}
@media (min-width: 1200px) {
  html[dir="rtl"] .col-lg-1,
  html[dir="rtl"] .col-lg-2,
  html[dir="rtl"] .col-lg-3,
  html[dir="rtl"] .col-lg-4,
  html[dir="rtl"] .col-lg-5,
  html[dir="rtl"] .col-lg-6,
  html[dir="rtl"] .col-lg-7,
  html[dir="rtl"] .col-lg-8,
  html[dir="rtl"] .col-lg-9,
  html[dir="rtl"] .col-lg-10,
  html[dir="rtl"] .col-lg-11,
  html[dir="rtl"] .col-lg-12 {
    float: right;
  }
}
html.smartphone,
.smartphone #io-ox-core {
  height: calc(100% + env(safe-area-inset-top) - env(safe-area-inset-bottom));
}
.smartphone #io-ox-login-header {
  padding-top: env(safe-area-inset-top);
}
body {
  font-feature-settings: "liga", "kern";
}
textarea,
.user-select-text {
  -webkit-user-select: text;
  user-select: text;
}
textarea {
  resize: none;
}
html.ios input[type="datetime-local"],
html.ios input[type="date"],
html.ios input[type="time"] {
  appearance: textfield;
  padding-top: 0;
}
span.hint {
  text-align: left;
  font-size: 8pt;
}
.bi {
  vertical-align: -0.125em;
  pointer-events: none;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  display: inline-block;
}
.bi.bi-10 {
  width: 10px;
  height: 10px;
}
.bi.bi-12 {
  width: 12px;
  height: 12px;
}
.bi.bi-13 {
  width: 13px;
  height: 13px;
}
.bi.bi-14 {
  width: 14px;
  height: 14px;
}
.bi.bi-15 {
  width: 15px;
  height: 15px;
}
.bi.bi-16 {
  width: 16px;
  height: 16px;
}
.bi.bi-17 {
  width: 17px;
  height: 17px;
}
.bi.bi-18 {
  width: 18px;
  height: 18px;
}
.bi.bi-20 {
  width: 20px;
  height: 20px;
}
.bi.bi-22 {
  width: 22px;
  height: 22px;
}
.bi.bi-24 {
  width: 24px;
  height: 24px;
}
.bi.bi-26 {
  width: 26px;
  height: 26px;
}
.bi.bi-28 {
  width: 28px;
  height: 28px;
}
.bi.bi-30 {
  width: 30px;
  height: 30px;
}
.bi.bi-32 {
  width: 32px;
  height: 32px;
}
.bi.bi-4xl {
  width: 40px;
  height: 40px;
}
.bi.bi-5xl {
  width: 48px;
  height: 48px;
}
.bi.larger {
  transform: scale(1.25);
}
.bi.margin-right {
  margin-inline-end: 8px;
}
html[dir="rtl"] .bi.flip-rtl {
  transform: rotateY(180deg);
}
.help-block.error {
  color: #a94442;
}
.io-ox-fail {
  color: var(--text-gray);
  padding: 4px;
  font-weight: 400;
}
.io-ox-center {
  width: 100%;
  height: 100%;
  display: table;
}
.io-ox-center > div {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
legend,
label {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 20px;
}
.radio-inline,
.checkbox-inline,
.checkbox label,
.radio label {
  font-size: 1rem;
}
legend {
  padding-top: 8px;
  font-weight: 700;
}
legend.simple {
  border-bottom: 0;
  margin: 0;
}
legend.io-ox-label h2 {
  font-size: 13px;
  display: inline;
}
.btn {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.btn > [aria-hidden] {
  display: flex;
}
.input-group {
  flex-wrap: wrap;
  display: flex;
}
.input-group > *,
.input-group > .form-control {
  flex-grow: 1;
  width: 0%;
  display: block;
}
.input-group > * .form-control,
.input-group > .form-control .form-control {
  width: 100%;
  height: 100%;
}
.input-group .combobox .combobox-presentation {
  height: 100%;
}
.input-group .input-group-btn {
  flex-grow: 0;
  flex-basis: content;
  width: auto;
}
.input-group .input-group-btn .btn {
  height: 100%;
}
.input-group .input-group-btn:first-child > .btn,
.input-group .input-group-btn:first-child > .btn-group {
  margin-left: 2px;
}
.input-group .input-group-addon {
  border-color: var(--border);
  background-color: var(--background-100);
  color: var(--text);
  flex-grow: 0;
  flex-basis: content;
  align-items: center;
  display: inline-flex;
}
.btn-file-wrapper {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.btn-file-wrapper .btn-file:active,
.btn-file-wrapper .btn-file.active {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.btn-file-wrapper .btn-file + input[type="file"] {
  text-align: right;
  min-width: 100%;
  min-height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: inherit;
  background: red;
  outline: 0;
  font-size: 100px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.btn-unstyled {
  text-align: left;
  background-color: #0000;
  border: none;
  padding: 0;
}
.btn-square {
  padding: 4px;
}
.btn-medium {
  padding: 8px 19px;
  font-size: 15.5px;
}
.btn-circular {
  color: var(--text);
  background: 0;
  border: 0;
  outline: 0;
  padding: 4px;
  font-size: 14px;
  line-height: 1.5rem;
}
.btn-circular .circle {
  width: 40px;
  height: 40px;
  color: var(--button-circular);
  border: 1px solid var(--button-circular-border);
  background-color: var(--button-circular-background);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-size: 16px;
  display: flex;
}
.btn-circular:not(:disabled):hover .circle {
  color: var(--button-circular-hover);
  border-color: var(--button-circular-border-hover);
  background-color: var(--button-circular-background-hover);
}
.btn-circular:not(:disabled):focus .circle {
  color: var(--button-circular-focus);
  border-color: var(--button-circular-border-focus);
  background-color: var(--button-circular-background-focus);
  box-shadow: 0 0 0 4px var(--btn-primary-outline);
}
.btn-circular.btn-accent:not(:disabled) .circle {
  color: #fff;
  background-color: var(--accent-600);
  border-color: #0000;
}
.btn-circular.btn-accent:not(:disabled):focus .circle {
  box-shadow: 0 0 0 4px var(--accent-200);
}
.btn-circular.btn-green:not(:disabled) .circle {
  color: #fff;
  background-color: var(--green-700);
  border-color: #0000;
}
.btn-circular.btn-green:not(:disabled):focus .circle {
  box-shadow: 0 0 0 4px var(--green-300);
}
.btn-circular.btn-red:not(:disabled) .circle {
  color: #fff;
  background-color: var(--red-500);
  border-color: #0000;
}
.btn-circular.btn-red:not(:disabled):focus .circle {
  box-shadow: 0 0 0 4px var(--red-200);
}
.btn-circular:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.horizontal-action-buttons {
  margin: 20px 0 0;
}
.horizontal-action-buttons > * {
  margin: 0;
  margin-inline-end: 16px;
  display: inline-block;
}
.cursor-pointer,
.label.pointer {
  cursor: pointer;
}
.badge {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
}
.badge.badge-notstarted {
  color: #495057;
  background-color: #e9ecef;
}
.badge.badge-deferred,
.badge.badge-waiting {
  color: #a4520d;
  background-color: #fff2e8;
}
.badge.badge-inprogress {
  color: #08778e;
  background-color: #e7f1ff;
}
.badge.badge-done {
  color: #146c43;
  background-color: #e8f3ee;
}
.badge.badge-overdue {
  color: #ab296a;
  background-color: #f7d6e6;
}
wbr:after {
  content: "​";
}
.alert {
  margin-bottom: 20px;
  padding: 8px 35px 8px 14px;
}
.alert.indicator {
  margin-bottom: 0;
}
.alert.compact {
  margin: 8px;
  padding-block: 8px;
  padding-inline: 16px;
}
.row label {
  padding-top: 8px;
}
.clear-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 2rem;
}
#background-loader.secure {
  background-color: #fff0;
}
#background-loader.secure.block {
  color: var(--text);
  background-color: var(--background-a50);
  text-align: center;
}
#background-loader.secure.block button {
  display: none;
  position: relative;
  top: 52%;
}
.auto-logout-dialog:not(.logout-failed) [data-action="retry"] {
  display: none;
}
@keyframes make-visible {
  99% {
    visibility: hidden;
  }
  to {
    visibility: visible;
  }
}
.io-ox-busy {
  position: relative;
}
.io-ox-busy:before {
  visibility: hidden;
  vertical-align: text-bottom;
  content: " ";
  border: 0.1em solid;
  border-right-color: #0000;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin: -0.75rem 0 0 -0.75rem;
  animation-name: spin, make-visible;
  animation-duration: 1.5s, 1ms;
  animation-timing-function: linear, ease;
  animation-iteration-count: infinite, 1;
  animation-direction: normal, normal;
  animation-play-state: running, running;
  animation-delay: 0.3s;
  animation-fill-mode: none, forwards;
  animation-timeline: auto, auto;
  position: absolute;
  top: 50%;
  left: 50%;
}
.relogin-required .io-ox-busy:before {
  animation: 1ms forwards make-visible;
}
.io-ox-busy.immediate:before {
  animation-delay: 0s;
}
#io-ox-core {
  z-index: 0;
  color: var(--text);
  backface-visibility: hidden;
  background-size: cover;
  transition:
    filter 1s linear,
    opacity 1s linear;
}
#io-ox-core #io-ox-tint {
  background-image: linear-gradient(#ffffffc2 40px, #fff0);
  width: 100%;
  height: 40%;
  display: none;
  position: absolute;
  top: 0;
}
#io-ox-core .grid-container {
  border-radius: var(--gap-radius) var(--gap-radius) 0 0;
  height: 100%;
}
.smartphone #io-ox-core .grid-container {
  position: relative;
}
#io-ox-core .task-detail-container {
  border-radius: var(--gap-radius) var(--gap-radius) 0 0;
}
#io-ox-core .window-sidepanel {
  border-radius: 0 var(--gap-radius) 0 0;
}
#io-ox-core .folder-tree {
  padding: 0 var(--inner-gap);
}
#io-ox-core .io-ox-mail-window .rightside,
#io-ox-core .io-ox-contacts-window .rightside {
  border-radius: var(--main-gap-radius) 0 0 0;
}
#io-ox-core .thread-view-list {
  padding: 0 16px 24px;
}
.smartphone #io-ox-core .thread-view-list {
  padding: 0;
}
#io-ox-core .classic-toolbar-container {
  margin: 16px 0 8px;
  padding: 0 16px;
}
#io-ox-core .contact-grid-index {
  background-color: var(--background-a50);
  border-radius: var(--gap-radius) 0 0 0;
  margin-bottom: 0;
  padding-top: 16px;
  top: 0;
  bottom: 0;
}
#io-ox-core .contact-grid-container {
  border-radius: 0 var(--gap-radius) 0 0;
}
#io-ox-core .vgrid-toolbar {
  height: 56px;
  padding: 16px 8px 0;
}
@media (orientation: landscape) {
  #io-ox-core {
    padding: var(--safe-area-inset-top) var(--safe-area-inset-right)
      var(--safe-area-inset-bottom) var(--safe-area-inset-left);
  }
}
@media (orientation: portrait) {
  #io-ox-core {
    padding: var(--safe-area-inset-top) var(--safe-area-inset-right) 0
      var(--safe-area-inset-left);
  }
}
#io-ox-message-container {
  z-index: 10;
  flex-direction: column;
  gap: 8px;
  width: min(95%, 400px);
  display: flex;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translate(-50%);
}
#io-ox-message-container .delete-notification {
  font-size: 1rem;
}
#io-ox-message-container .bottom-message {
  background: var(--background);
  border: 1px solid var(--border);
  width: 100%;
  color: var(--color);
  border-radius: var(--default-radius);
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 8px;
  display: flex;
  box-shadow: 0 12px 32px #0003;
}
#io-ox-banner {
  z-index: 1;
  color: var(--btn-primary);
  background-color: var(--btn-primary-background);
  margin-bottom: var(--gap);
  text-align: center;
  padding: 11px 16px;
  font-size: 14px;
}
#io-ox-banner .btn.btn-default {
  color: var(--btn-primary);
  border-color: var(--btn-primary);
  background: 0 0;
}
#io-ox-banner .btn.btn-default:focus {
  color: #333;
  background: var(--btn-primary);
}
html.dark #io-ox-top-logo img {
  filter: none;
}
html.dark #io-ox-topsearch > search-container > .form-control {
  background-color: #000;
}
html.dark .launcher-dropdown .icon-wrap .icon-background,
html.dark .io-ox-settings-main .icon-wrap .icon-background {
  background-color: var(--background-200) !important;
  opacity: 1 !important;
}
html.dark .launcher-dropdown .icon-wrap svg,
html.dark .io-ox-settings-main .icon-wrap svg {
  filter: brightness(1.5);
}
html.dark .list-view.visible-selection .list-item:hover {
  background-color: #222;
}
html.dark .contact-grid-index {
  background-color: #000;
}
html.dark .contact-grid-container,
html.dark .io-ox-contacts-window .rightside {
  background-image: none;
}
html.dark .form-control,
html.dark .well {
  border-color: var(--border);
  background-color: var(--background-100);
}
html.dark .input-group-addon {
  background-color: var(--background-5);
}
html.dark .avatar.initials,
html.dark .avatar.distribution-list,
html.dark #io-ox-appcontrol #io-ox-toprightbar .contact-picture {
  color: var(--text-gray);
  background-color: var(--background-100);
}
html.dark .dropdown-menu {
  background: var(--background-50);
  box-shadow: 0 8px 64px 8px #00000080;
}
html.dark select.form-control {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f0f0f0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
html.dark .input-group-addon {
  color: var(--text);
  background-color: var(--background-100);
  border-color: var(--border);
}
html.dark .password-container input,
html.dark .password-container .toggle-asterisks {
  background-color: var(--background-100);
  border: none;
}
html.dark .password-container input:focus,
html.dark .password-container input:hover:not(:disabled),
html.dark .password-container .toggle-asterisks:focus,
html.dark .password-container .toggle-asterisks:hover:not(:disabled) {
  background-color: var(--background);
}
html.dark #reading-pane-preview {
  background-color: #fff;
}
.translucent-high {
  background: var(--translucent-high);
  -webkit-backdrop-filter: blur(calc(var(--backdrop-blur-factor) * 1px));
}
.translucent-medium {
  background: var(--translucent-medium);
  -webkit-backdrop-filter: blur(calc(var(--backdrop-blur-factor) * 2px));
}
.translucent-low {
  background: var(--translucent-low);
  -webkit-backdrop-filter: blur(calc(var(--backdrop-blur-factor) * 4px));
}
.translucent-constant {
  background: var(--translucent-constant);
}
#topbar-settings-dropdown {
  min-width: 304px;
}
#io-ox-offline {
  text-align: center;
  color: #fff;
  background-color: var(--attention);
  cursor: default;
  z-index: 650000;
  border-radius: var(--default-radius) var(--default-radius) 0 0;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 40px;
  margin-left: -120px;
  font-weight: 700;
  display: inline-flex;
  position: absolute;
  bottom: 0;
  left: 50%;
  box-shadow: 0 0 20px #0000004d;
}
#io-ox-offline-smartphone {
  color: #fff;
  background-color: var(--attention);
  justify-content: center;
  align-items: center;
  height: 0;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
}
.scrollable {
  -webkit-tap-highlight-color: transparent;
  overflow: auto !important;
}
html .scrollable[tabindex]:focus,
html .listbox[tabindex]:focus {
  box-shadow: inset 0 0 0 2px var(--focus-500);
}
.list-view .gray,
.vgrid .gray {
  color: var(--text-gray);
}
.list-view .selected:not(:focus) .gray,
.vgrid .selected:not(:focus) .gray {
  color: var(--text);
}
.focusable:focus,
.list-item.focusable:focus {
  outline: 2px solid var(--focus-500);
}
.blockscroll {
  overflow: hidden !important;
}
.rightside.flex-col {
  padding: 0;
  overflow: hidden;
}
.rightside.flex-col .scrollable-pane {
  flex: 1;
  padding: 24px;
  position: relative;
  overflow: auto;
}
.ui-disabled {
  pointer-events: none;
  color: #ccc;
}
.atb,
.abs {
  position: absolute;
  top: 0;
  bottom: 0;
}
.abs {
  left: 0;
  right: 0;
}
.abs-r {
  right: 0;
}
.abs-l {
  left: 0;
}
.truncate,
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.truncate.multiline {
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow-wrap: break-word;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
}
.truncate.multiline.three-lines {
  -webkit-line-clamp: 3;
}
.person,
.person-link {
  color: var(--text);
  word-break: normal;
  white-space: nowrap;
}
.from .person {
  color: inherit;
}
.person-link {
  cursor: pointer;
}
.default-content-padding {
  padding: 32px;
}
.border {
  border: 1px solid var(--border);
}
.border-top {
  border-top: 1px solid var(--border);
}
.border-right {
  border-right: 1px solid var(--border);
}
.border-bottom {
  border-bottom: 1px solid var(--border);
}
.border-left {
  border-left: 1px solid var(--border);
}
.border-none {
  border: 0;
}
.border-bright {
  border-color: var(--border-bright);
}
.border-accent {
  border-color: var(--accent-200);
}
.touch body {
  font-size: 16px;
}
@media (max-width: 767px) {
  body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 900px) {
  .default-content-padding {
    padding: 26px 13px;
  }
}
.form-spacer {
  margin-top: 32px;
}
.input-group > .form-control {
  height: auto;
}
.tooltip {
  z-index: 100000;
}
.center-children {
  justify-content: center;
  align-items: center;
  display: flex;
}
.password-container.input-group {
  border: 1px solid var(--border-bootstrap);
  background: var(--background);
  border-radius: var(--default-radius);
}
.password-container.input-group:has(input:focus) {
  border-color: var(--focus-500);
  box-shadow: 0 0 0 0.25rem var(--btn-primary-outline);
  outline: 0;
}
.password-container input.form-control {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 12px;
  overflow: hidden;
}
.password-container input,
.password-container input:focus {
  border-radius: var(--default-radius);
  box-shadow: none;
  border-color: #0000;
}
.password-container input:disabled,
.password-container input:focus:disabled {
  border-color: #eee;
}
.password-container:focus-within input.form-control {
  padding-right: 50px;
}
.password-container .toggle-asterisks {
  z-index: 3;
  pointer-events: all;
  color: var(--text-gray);
  background: var(--background);
  border: 0;
  padding: 0;
}
.password-container .toggle-asterisks:hover,
.password-container .toggle-asterisks:disabled {
  border-color: var(--background-100);
  background-color: var(--background-100);
}
.password-container .toggle-asterisks:focus {
  background-color: var(--background-100);
}
.password-container .toggle-asterisks:disabled {
  opacity: 1;
  border-style: solid;
  border-width: 1px 1px 1px 0;
}
.password-container .toggle-asterisks:disabled:hover {
  color: var(--text-gray);
}
.blur {
  filter: blur(4px);
}
.avatar {
  background: var(--avatar-background) none no-repeat center center;
  background-size: cover;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 1rem;
  display: flex;
}
.avatar.initials,
.avatar.distribution-list {
  color: var(--avatar);
  background-color: var(--avatar-background);
  font-weight: 500;
}
.avatar svg text {
  fill: currentColor;
}
.vgrid-cell.selected .avatar,
.list-item.selected .avatar {
  color: var(--selected-focus);
  background-color: var(--selected-background-focus);
}
.heading-unstyled {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
label.unstyled {
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: inherit;
}
dl.definition-list dt,
dl.definition-list dd {
  margin: 0;
}
@media (min-width: 576px) {
  dl.definition-list {
    flex-wrap: wrap;
    max-width: 800px;
    display: flex;
  }
  dl.definition-list dt,
  dl.definition-list dd {
    flex: none;
    padding-inline: 8px;
  }
  dl.definition-list dt {
    text-align: end;
    width: 30%;
  }
  dl.definition-list dd {
    text-align: start;
    width: 70%;
  }
}
@media (max-width: 540px) and (orientation: portrait),
  (max-height: 540px) and (orientation: landscape) {
  .default-content-padding {
    padding: 5px 10px;
  }
  textarea.flat,
  input.flat {
    box-shadow: none;
    border-width: 0 0 1px;
    border-radius: 0;
  }
  textarea.flat:focus,
  input.flat:focus {
    box-shadow: none;
    border-width: 0 0 1px;
    border-color: initial;
  }
  .clear-title {
    font-size: 15pt;
  }
  #background-loader.secure.block {
    background-color: #0009;
    height: 150%;
    position: fixed;
  }
}
::-ms-clear {
  display: none;
}
svg.fa,
.fasvg {
  height: 14px;
  overflow: visible;
}
svg.fa text,
.fasvg text {
  fill: currentColor;
  font-size: 100px;
}
svg.indicator {
  z-index: 1;
  position: absolute;
  top: 10px;
  left: 32px;
}
svg.indicator circle {
  fill: var(--attention);
}
.h-8 {
  height: 8px;
}
.h-16 {
  height: 16px;
}
.h-32 {
  height: 32px;
}
.h-38 {
  height: 38px;
}
.h-fit-content {
  height: -moz-fit-content;
  height: fit-content;
}
.m-0 {
  margin: 0;
}
.m-4 {
  margin: 4px;
}
.m-16 {
  margin: 16px;
}
.mt-0 {
  margin-top: 0;
}
.mr-0 {
  margin-right: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.ml-0 {
  margin-left: 0;
}
.mt-4 {
  margin-top: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}
.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.mr-6 {
  margin-right: 6px;
}
.mt-8 {
  margin-top: 8px;
}
.mr-8 {
  margin-right: 8px;
}
.mb-8 {
  margin-bottom: 8px;
}
.ml-8 {
  margin-left: 8px;
}
.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}
.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mt-12 {
  margin-top: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}
.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.mr-14 {
  margin-right: 14px;
}
.mt-16 {
  margin-top: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}
.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mt-24 {
  margin-top: 24px;
}
.mr-24 {
  margin-right: 24px;
}
.mb-24 {
  margin-bottom: 24px;
}
.ml-24 {
  margin-left: 24px;
}
.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}
.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.mt-32 {
  margin-top: 32px;
}
.mr-32 {
  margin-right: 32px;
}
.mb-32 {
  margin-bottom: 32px;
}
.mb-40 {
  margin-bottom: 40px;
}
.ml-32 {
  margin-left: 32px;
}
.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}
.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.mt-auto {
  margin-top: auto;
}
.mr-auto {
  margin-right: auto;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-auto {
  margin-left: auto;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.ms-4 {
  margin-inline-start: 4px;
}
.ms-8 {
  margin-inline-start: 8px;
}
.ms-10 {
  margin-inline-start: 10px;
}
.ms-16 {
  margin-inline-start: 16px;
}
.ms-24 {
  margin-inline-start: 24px;
}
.ms-40 {
  margin-inline-start: 40px;
}
.ms-auto {
  margin-inline-start: auto;
}
.me-4 {
  margin-inline-end: 4px;
}
.me-8 {
  margin-inline-end: 8px;
}
.me-16 {
  margin-inline-end: 16px;
}
.me-24 {
  margin-inline-end: 24px;
}
.me-auto {
  margin-inline-end: auto;
}
.-me-8 {
  margin-inline-end: -8px;
}
.p-0 {
  padding: 0;
}
.p-4 {
  padding: 4px;
}
.p-8 {
  padding: 8px;
}
.p-10 {
  padding: 10px;
}
.p-16 {
  padding: 16px;
}
.p-24 {
  padding: 24px;
}
.px-2 {
  padding-inline: 2px;
}
.px-8 {
  padding-inline: 8px;
}
.px-10 {
  padding-inline: 10px;
}
.px-12 {
  padding-inline: 12px;
}
.px-16 {
  padding-inline: 16px;
}
.px-20 {
  padding-inline: 20px;
}
.px-24 {
  padding-inline: 24px;
}
.px-32 {
  padding-inline: 32px;
}
.px-40 {
  padding-inline: 40px;
}
.py-4 {
  padding-block: 4px;
}
.py-6 {
  padding-block: 6px;
}
.py-8 {
  padding-block: 8px;
}
.py-12 {
  padding-block: 12px;
}
.py-16 {
  padding-block: 16px;
}
.py-24 {
  padding-block: 24px;
}
.pt-0 {
  padding-top: 0;
}
.pt-6 {
  padding-top: 6px;
}
.pt-8 {
  padding-top: 8px;
}
.pt-16 {
  padding-top: 16px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-24 {
  padding-top: 24px;
}
.pt-32 {
  padding-top: 32px;
}
.pt-40 {
  padding-top: 40px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-8 {
  padding-bottom: 8px;
}
.pb-12 {
  padding-bottom: 12px;
}
.pb-16 {
  padding-bottom: 16px;
}
.pb-24 {
  padding-bottom: 24px;
}
.pb-32 {
  padding-bottom: 32px;
}
.pl-0 {
  padding-left: 0;
}
.pl-4 {
  padding-left: 4px;
}
.pl-8 {
  padding-left: 8px;
}
.pl-16 {
  padding-left: 16px;
}
.pl-24 {
  padding-left: 24px;
}
.pl-32 {
  padding-left: 32px;
}
.pr-0 {
  padding-right: 0;
}
.pr-8 {
  padding-right: 8px;
}
.pr-16 {
  padding-right: 16px;
}
.pr-24 {
  padding-right: 24px;
}
.pr-32 {
  padding-right: 32px;
}
.ps-0 {
  padding-inline-start: 0;
}
.ps-8 {
  padding-inline-start: 8px;
}
.ps-12 {
  padding-inline-start: 12px;
}
.ps-16 {
  padding-inline-start: 16px;
}
.ps-24 {
  padding-inline-start: 24px;
}
.pe-0 {
  padding-inline-end: 0;
}
.pe-4 {
  padding-inline-end: 4px;
}
.pe-8 {
  padding-inline-end: 8px;
}
.pe-16 {
  padding-inline-end: 16px;
}
.pe-24 {
  padding-inline-end: 24px;
}
.width-100 {
  width: 100%;
}
.rounded {
  border-radius: var(--default-radius);
}
.rounded-lg {
  border-radius: var(--double-radius);
}
.rounded-tl {
  border-radius: var(--gap-radius) 0 0 0;
}
.rounded-tr {
  border-radius: 0 var(--gap-radius) 0 0;
}
.rounded-t {
  border-radius: var(--gap-radius) var(--gap-radius) 0 0;
}
.rounded-b-12 {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.border-0 {
  border-width: 0;
}
.resize {
  resize: both;
}
.resize-x {
  resize: horizontal;
}
.resize-y {
  resize: vertical;
}
.resize-none {
  resize: none;
}
.rotate-90 {
  transform: rotate(90deg);
}
.cursor-default {
  cursor: default;
}
.pointer-events-none {
  pointer-events: none;
}
.flex {
  display: flex;
}
.flex-col {
  display: flex;
  flex-direction: column !important;
}
.flex-row {
  display: flex;
  flex-direction: row !important;
}
.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse !important;
}
.flex-center {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.float-right {
  float: right;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.flex-none {
  flex: none;
}
.zero-min-width,
.min-w-0 {
  min-width: 0;
}
.min-h-0 {
  min-height: 0;
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.flex-grow {
  flex: 1;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-baseline {
  align-items: baseline;
}
.align-middle {
  vertical-align: middle;
}
.grid:not(table) {
  display: grid;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[auto\,1fr\] {
  grid-template-columns: auto 1fr;
}
.gap-4 {
  gap: 4px;
}
.gap-8 {
  gap: 8px;
}
.gap-16 {
  gap: 16px;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline-block\! {
  display: inline-block !important;
}
.inline {
  display: inline;
}
.inline-flex {
  display: inline-flex;
}
.text-start {
  text-align: start;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-end {
  text-align: end;
}
.text-wrap-auto {
  text-wrap: auto;
}
.text-pretty {
  text-wrap: pretty;
}
.text-xxs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-xs {
  font-size: 0.8125rem;
  line-height: 1rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-very-small {
  font-size: 13px;
  line-height: 1.2;
}
.text-small {
  font-size: 14px;
  line-height: 1.2;
}
.text-medium {
  font-size: 15px;
  line-height: 1.33;
}
.text-large {
  font-size: 16px;
  line-height: 1.33;
}
.text-very-large {
  font-size: 18px;
  line-height: 1.33;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: normal;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-10 {
  line-height: 2.5rem;
}
.font-light {
  font-weight: 300;
}
.font-normal {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.italic {
  font-style: italic;
}
.line-through {
  text-decoration: line-through;
}
.no-underline,
.no-underline:hover,
.no-underline:focus {
  text-decoration: none;
}
.text-bold {
  font-weight: 700;
}
.text-medium {
  font-weight: 500;
}
.text-default {
  color: var(--text);
}
.text-gray {
  color: var(--text-gray);
}
.text-neutral-gray {
  color: var(--text-neutral-gray);
}
.text-accent {
  color: var(--accent);
}
.text-accent-dark {
  color: var(--accent-600);
}
.text-attention {
  color: var(--attention);
}
.uppercase {
  text-transform: uppercase;
}
.break-all {
  word-break: break-all;
}
.break-word {
  word-break: break-word;
}
.break-words {
  overflow-wrap: break-word;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.font-mono {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
}
.opacity-0 {
  opacity: 0;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-100 {
  opacity: 1;
}
.sticky {
  position: sticky;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.t-0 {
  top: 0 !important;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.start-0 {
  inset-inline-start: 0;
}
.end-0 {
  inset-inline-end: 0;
}
.left-0 {
  left: 0;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.select-text {
  -webkit-user-select: text;
  user-select: text;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.outline-0 {
  outline: 0;
}
.invisible {
  visibility: hidden;
}
.tabular-nums {
  font-variant-numeric: tabular-nums;
}
@media (min-width: 540px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:text-center {
    text-align: center;
  }
}
.bg-5 {
  background-color: var(--background-5);
}
.bg-10 {
  background-color: var(--background-10);
}
.bg-default {
  background-color: var(--background);
}
.shadow-sm {
  box-shadow:
    0 1px 3px #0000001a,
    0 1px 2px -1px #0000001a;
}
.shadow-md {
  box-shadow:
    0 4px 6px -1px #0000001a,
    0 2px 4px -2px #0000001a;
}
.accent-color {
  color: var(--accent);
}
.illustration {
  color: var(--accent);
  opacity: var(--illustration-opacity);
}
.illustration.opacity-100 {
  opacity: 1;
}
.card {
  border: 1px solid var(--border-bright);
  background-color: var(--background);
  border-radius: var(--default-radius);
  width: 96px;
  height: 64px;
  margin: 0 8px 8px 0;
  display: inline-block;
}
.card.card-circle {
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.card.card-m {
  width: 56px;
  height: 40px;
}
.card-container {
  margin: 0 8px 8px 0;
  display: inline-block;
}
.card-container .card {
  margin: 0;
}
.card-caption {
  color: var(--text-gray);
  text-align: center;
  padding: 8px 0;
  font-size: 12px;
  line-height: 1rem;
}
.btn-group .icon-only .bi {
  height: 20px;
}
.detail-popup {
  z-index: 1000;
  width: 600px;
  max-width: calc(50% - 40px);
  max-height: min(700px, 100vh - 80px);
  color: var(--text);
  background-color: var(--background);
  border-radius: var(--double-radius);
  position: fixed;
  box-shadow: 0 24px 64px 4px #0000004d;
}
.smartphone .detail-popup {
  top: calc(var(--offset-top));
  border-radius: 16px 16px 0 0;
  width: 100%;
  max-width: none;
  max-height: none;
  position: absolute;
  bottom: 0;
}
.smartphone .detail-popup .popup-body {
  padding: unset;
}
@media (orientation: landscape) {
  .smartphone .detail-popup {
    width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));
  }
}
.detail-popup .popup-header {
  border-radius: var(--double-radius) var(--double-radius) 0 0;
  align-items: center;
  height: 64px;
  padding: 24px 16px 0;
}
.detail-popup .popup-header svg.bi {
  width: 18px;
  height: 18px;
}
.detail-popup .popup-toolbar {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}
.detail-popup .popup-body {
  flex: 1;
  min-height: 200px;
  padding: 0 32px;
  overflow: auto;
}
.detail-popup .popup-footer {
  border-radius: 0 0 var(--double-radius) var(--double-radius);
  flex: 0 0 80px;
  align-items: center;
  padding: 0 16px;
  display: flex;
}
.detail-popup .popup-footer:empty {
  flex: 0 0 24px;
}
.smartphone .detail-popup .popup-footer:empty {
  flex: 0;
}
.detail-popup .icons-only .inline-toolbar {
  margin: 0;
  font-size: 18px;
}
.detail-popup .contact-detail dt .contact-photo {
  float: left;
}
.code-container {
  word-break: break-all;
  word-wrap: break-word;
  border: 1px solid var(--border);
  border-radius: var(--default-radius);
  border-color: var(--border-bright);
  display: block;
}
.code {
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: #0000;
  border-radius: 0;
}
.expandable-title {
  color: var(--text-gray);
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.25rem;
}
.label-subtle {
  color: var(--text);
  background-color: var(--background-10);
  font-weight: 500;
  position: relative;
  top: -1px;
}
.label-subtle.subtle-green {
  color: var(--green-700);
  background-color: var(--green-20);
}
.label-subtle.subtle-yellow {
  color: var(--yellow-700);
  background-color: var(--yellow-20);
}
.label-subtle.subtle-red {
  color: var(--red-600);
  background-color: var(--red-20);
}
.label-subtle.subtle-blue {
  color: var(--indigo-600);
  background-color: var(--indigo-20);
}
.label-subtle.subtle-accent {
  color: var(--accent-700);
  background-color: var(--accent-20);
}
.dark .label-subtle {
  color: var(--text);
  background-color: var(--background-200);
}
.dark .label-subtle.subtle-green {
  color: var(--green-100);
  background-color: var(--green-700);
}
.dark .label-subtle.subtle-yellow {
  color: #333;
  background-color: var(--yellow-500);
}
.dark .label-subtle.subtle-red {
  color: var(--red-100);
  background-color: var(--red-600);
}
.dark .label-subtle.subtle-accent {
  color: var(--accent-100);
  background-color: var(--accent-600);
}
.label-accent {
  color: #fff;
  background-color: var(--accent-600);
}
.localized-quote:before {
  content: "“";
}
.localized-quote:after {
  content: "”";
}
[lang="de"] .localized-quote:before {
  content: "„";
}
[lang="de"] .localized-quote:after {
  content: "”";
}
[lang="fr"] .localized-quote:before {
  content: "« ";
}
[lang="fr"] .localized-quote:after {
  content: " »";
}
[lang="es"] .localized-quote:before {
  content: "«";
}
[lang="es"] .localized-quote:after {
  content: "»";
}
.skeleton {
  background-color: var(--skeleton-background);
  border-radius: 4px;
  width: 200px;
  height: 1rem;
  margin: 4px 0;
  display: block;
  position: relative;
  overflow: hidden;
}
.skeleton.a {
  width: 240px;
}
.skeleton.b {
  width: 360px;
}
.skeleton.c {
  width: 180px;
}
.skeleton.d {
  width: 240px;
}
.skeleton.e {
  width: 160px;
}
.skeleton:after {
  content: "";
  background-image: linear-gradient(
    90deg,
    #fff0 0,
    #fff3 20%,
    #ffffff80 60%,
    #fff0
  );
  animation: 2s infinite shimmer;
  position: absolute;
  inset: 0;
  transform: translate(-100%);
}
@keyframes shimmer {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
fieldset.hidden legend {
  display: none;
}
#io-ox-desktop {
  z-index: 1;
  top: 32px;
  overflow: hidden;
}
#io-ox-screens {
  z-index: 10;
  position: relative;
  overflow: hidden;
}
#io-ox-windowmanager {
  display: flex;
  overflow: hidden;
}
#io-ox-windowmanager-pane {
  flex: 1;
  position: relative;
}
.io-ox-windowmanager-sticky-panel {
  z-index: 1;
  flex: none;
  position: relative;
}
.has-sticky-window #io-ox-windowmanager-pane {
  border-radius: 0 var(--default-radius) 0 0;
  overflow-x: auto;
}
.has-sticky-window .io-ox-windowmanager-sticky-panel {
  border-radius: var(--default-radius) 0 0 0;
  border-left: 8px solid #0000;
}
#io-ox-taskbar-container {
  border-top: 1px solid var(--border);
  background-color: var(--background-50);
  height: 40px;
  margin: 0;
  padding: 0.1875rem 0 2px;
  display: none;
  top: auto;
}
html.taskbar-visible #io-ox-taskbar-container {
  display: block;
}
#io-ox-taskbar-container #io-ox-taskbar {
  width: 100%;
  margin: 0;
  padding: 0 8px;
  list-style-type: none;
  display: flex;
  overflow: hidden;
}
#io-ox-taskbar-container #io-ox-taskbar li {
  width: 240px;
  height: 2rem;
  margin-left: 8px;
  line-height: 26px;
  display: flex;
  overflow: hidden;
}
#io-ox-taskbar-container #io-ox-taskbar li .taskbar-button {
  border: 3px solid var(--btn-primary-background);
  height: 32px;
  color: var(--btn-primary);
  text-align: left;
  background-color: var(--btn-primary-background);
  border-radius: 4px;
  align-items: center;
  width: 100%;
  padding: 0 4px 0 13px;
  display: flex;
  overflow: hidden;
}
#io-ox-taskbar-container #io-ox-taskbar li .taskbar-button:focus {
  border-color: var(--background-50);
  outline: 2px solid var(--outline);
  outline-offset: -2px;
}
#io-ox-taskbar-container #io-ox-taskbar li .taskbar-button.io-ox-busy:before {
  color: #fff;
  margin-top: -15px;
}
#io-ox-taskbar-container #io-ox-taskbar li .taskbar-button .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  min-width: 26px;
  height: 100%;
  margin-right: 8px;
  display: inline-flex;
  overflow: hidden;
}
#io-ox-taskbar-container #io-ox-taskbar li .taskbar-button .count {
  margin-right: 8px;
  padding: 4px 5px;
}
#io-ox-taskbar-container #io-ox-taskbar li .taskbar-button .spacing {
  flex-grow: 1;
}
#io-ox-taskbar-container #io-ox-taskbar li .taskbar-button svg.bi:first-child {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 8px;
}
.touch #io-ox-windowmanager .window-container-center .window-body,
.touch .window-container .window-container-center .window-body {
  width: 100% !important;
}
.smartphone .window-container.header-top {
  background: var(--background);
  z-index: 10;
  border-radius: 20px 20px 0 0;
  transition: top 0.2s ease-out;
}
.smartphone .window-container.header-top .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
  overflow: hidden;
}
.smartphone .window-container.header-top .window-header {
  background-color: unset;
  border: unset;
  box-shadow: unset;
  height: auto;
  padding: 12px 0;
}
.smartphone .window-container.header-top .window-header .header.container {
  grid-template-columns: 2fr 1fr 2fr;
  padding-inline: 24px;
  display: grid;
}
.smartphone
  .window-container.header-top
  .window-header
  .header.container
  button:first-child {
  grid-column: 1;
  justify-self: flex-start;
}
.smartphone
  .window-container.header-top
  .window-header
  .header.container
  button:nth-child(2) {
  grid-column: 2;
  justify-self: center;
}
.smartphone
  .window-container.header-top
  .window-header
  .header.container
  button:nth-child(3) {
  grid-column: 3;
  justify-self: flex-end;
}
.smartphone .window-container.header-top .window-header .header.container .btn {
  background: unset;
  border: unset;
  color: var(--link);
  height: 40px;
  min-width: unset;
  min-width: 80px;
  margin: 0;
  padding-inline: 16px;
  font-size: 16px;
}
.smartphone
  .window-container.header-top
  .window-header
  .header.container
  .btn-primary {
  background-color: var(--accent-20);
  border-radius: 24px;
  font-weight: 500;
}
.smartphone
  .window-container.header-top
  .window-header
  .header.container
  .btn-default {
  padding-inline: 0;
}
.smartphone
  .window-container.header-top
  .window-header
  .header.container
  .collapse {
  width: 40px;
  color: var(--text-gray);
  justify-content: center;
  align-items: center;
  display: flex;
}
.smartphone
  .window-container.header-top
  .window-header
  .header.container
  .collapse
  > div {
  align-items: center;
  display: flex;
}
.smartphone
  .window-container.header-top:not(.io-ox-mail-compose-window)
  .window-container-center {
  height: calc(100% - 64px);
}
@media (max-width: 20em) {
  .smartphone .window-container.header-top .window-header {
    height: 48px;
    padding: 8px 0;
  }
  .smartphone
    .window-container.header-top
    .window-header
    .header.container
    button:first-child,
  .smartphone
    .window-container.header-top
    .window-header
    .header.container
    button:nth-child(2),
  .smartphone
    .window-container.header-top
    .window-header
    .header.container
    button:nth-child(3) {
    justify-self: center;
  }
  .smartphone
    .window-container.header-top
    .window-header
    .header.container
    .btn {
    height: 32px;
  }
  .smartphone
    .window-container.header-top
    .window-header
    .header.container
    .btn-primary {
    padding-inline: 12px;
  }
}
@media (max-width: 15em) {
  .smartphone .window-container.header-top .window-header .header.container {
    height: 32px;
    padding-inline: 6px;
  }
  .smartphone
    .window-container.header-top
    .window-header
    .header.container
    .btn {
    height: 24px;
  }
}
@media (orientation: landscape) {
  .smartphone .window-container.header-top {
    width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));
    margin-left: env(safe-area-inset-left);
    margin-right: env(safe-area-inset-right);
  }
}
.dark.smartphone
  .window-container.header-top
  .window-header
  .header.container
  .btn-primary {
  background-color: var(--background-100);
}
.window-container-center {
  flex-direction: row;
  flex: 1;
  height: 100%;
  display: flex;
  position: relative;
}
.window-container {
  flex-direction: column;
  display: flex;
}
.window-container .window-header {
  border-bottom: 1px solid #0000;
  height: 48px;
  padding: 8px 0;
}
.window-container .window-footer {
  border-top: 1px solid #0000;
  height: 72px;
  padding: 16px 0;
}
.window-container .window-footer .container {
  display: flex;
}
.window-container .window-header,
.window-container .window-footer {
  background-color: var(--background-5);
  border-color: var(--border);
  z-index: 2;
  position: relative;
  box-shadow: 0 1px 5px #0000001a;
}
.window-container .window-header h1.title,
.window-container .window-footer h1.title {
  float: left;
  margin: 0.2em 0;
  font-size: 20px;
}
.window-container .window-header .btn,
.window-container .window-footer .btn {
  min-width: 80px;
  height: 38px;
  margin-right: 8px;
}
.window-container.classic {
  color: #fff;
}
.window-container.classic .window-head {
  color: #fff;
  text-align: center;
  border-top: 1px solid #000;
  width: auto;
  height: 30px;
  padding: 7px 0 11px;
  right: 0;
}
.window-container.classic .window-head .toolbar-button {
  display: none;
}
.window-container.classic .window-body {
  top: 50px;
  left: 0;
}
.window-container.simple-window {
  z-index: 11;
  position: relative;
}
#io-ox-windowmanager.fullscreen .window-container-center {
  width: 100% !important;
}
.window-blocker {
  background-color: var(--background-a80);
  z-index: 30;
}
.window-blocker.io-ox-busy {
  position: absolute;
}
.window-blocker .progress {
  width: 400px;
  height: 8px;
  margin-left: -200px;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media (max-width: 540px), (max-device-width: 540px) {
  .window-blocker .progress {
    width: 150px;
    margin-left: -75px;
  }
}
.window-blocker .header {
  text-align: center;
  margin-bottom: 30px;
  top: auto;
  bottom: 50%;
}
.window-blocker .footer {
  text-align: center;
  margin-top: 8px;
  top: 50%;
  bottom: auto;
}
.floating-window .window-blocker .footer {
  top: calc(50% - 40px);
}
.window-blocker .footer .block-message {
  margin: 0 32px 16px;
}
.window-blocker .footer .block-message .message {
  margin-bottom: 32px;
}
.window-blocker .footer .block-message .actions .btn + .btn {
  margin-left: 8px;
}
.window-blocker .first {
  margin-top: -20px;
}
.window-blocker .second {
  height: 4px;
  margin-top: -5px;
}
.window-blocker .second .progress-bar {
  background-color: #555;
}
.window-blocker .progress .progress-bar {
  border-radius: 2px;
}
.window-sidebar {
  z-index: 2;
  border-radius: 0 var(--gap-radius) 0 0;
  width: 72px;
  min-width: 72px;
  height: 100%;
  flex-direction: column;
  margin-inline-end: var(--gap);
  padding: 16px 16px 8px;
  display: flex;
  position: relative;
}
.smartphone .window-sidebar {
  display: none !important;
}
.window-sidebar .btn {
  width: 100%;
  height: 40px;
  padding: 0;
}
.window-sidebar .btn.current {
  color: var(--text-accent);
  background-color: var(--btn-current);
}
.window-sidebar .bi {
  font-size: 18px;
}
.margin-top-auto {
  margin-top: auto;
}
.margin-left-auto {
  margin-inline-start: auto;
}
.window-sidepanel {
  z-index: 2;
  height: 100%;
  background: var(--sidepanel-background);
  flex-direction: column;
  width: 250px;
  margin-inline-end: var(--gap);
  display: flex;
  position: relative;
  overflow: visible;
}
.window-sidepanel .rocket-box {
  background-color: var(--accent-20);
  border: 1px solid var(--accent-300);
  border-radius: var(--default-radius);
}
.dark .window-sidepanel .rocket-box {
  background-color: var(--accent-900);
  border: 1px solid var(--accent-800);
}
.window-sidepanel .folder-tree {
  flex: 1;
  position: static;
}
.window-sidepanel .generic-toolbar {
  flex: none;
  position: static;
}
.window-sidepanel .generic-toolbar.bottom {
  padding: 0 var(--inner-gap);
  margin-bottom: 8px;
}
.window-sidepanel .generic-toolbar.premium-toolbar {
  background-color: var(--accent-700);
  border-radius: var(--default-radius);
  flex-direction: column;
  width: auto;
  height: auto;
  margin: 0 16px 16px;
  padding: 0;
  line-height: 16px;
}
.window-sidepanel .generic-toolbar.premium-toolbar .header {
  background-color: var(--shade-a20);
  color: #fff;
  border-radius: var(--default-radius) var(--default-radius) 0 0;
  margin: 0 0 8px;
  padding: 0 16px;
  line-height: 40px;
}
.window-sidepanel .generic-toolbar.premium-toolbar p {
  margin: 0 0 8px;
  padding: 0 16px;
  line-height: 24px;
}
.window-sidepanel .generic-toolbar.premium-toolbar a:not(.btn-default) {
  color: #fff;
}
.window-sidepanel .generic-toolbar.premium-toolbar .io-ox-upsell-link {
  padding: 4px 16px 0;
  display: block;
}
.resizebar {
  width: clamp(4px, var(--gap), 8px);
  z-index: 10000;
  cursor: e-resize;
  cursor: ew-resize;
  cursor: col-resize;
  top: 0;
  bottom: 0;
  right: calc(0px - min(4px, var(--gap)));
  border-radius: var(--gap);
  background: 0 0;
  position: absolute;
}
.resizebar:hover {
  background: var(--shade-a10);
}
.leftside .resizebar {
  width: clamp(4px, var(--main-gap), 8px);
  right: calc(0px - min(8px, var(--main-gap)));
}
.window-panel {
  z-index: 1;
  position: absolute;
  inset: 0;
}
.window-body {
  white-space: normal;
  z-index: 1;
  -webkit-user-select: text;
  user-select: text;
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
  position: relative;
}
.window-content {
  outline: 0;
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}
.window-content textarea {
  -webkit-user-select: text;
  user-select: text;
  resize: none;
}
.leftside {
  width: 320px;
  flex-direction: column;
  margin-inline-end: var(--main-gap);
  display: flex;
  position: relative;
}
.rightside {
  outline: 0;
  flex: 1;
  position: relative;
}
.floating-window > .io-ox-busy {
  border-radius: var(--double-radius);
}
.smartphone .floating-window > .io-ox-busy {
  border-radius: 0;
}
.floating-window {
  z-index: 12;
  border-radius: var(--double-radius);
  background: 0 0;
  outline: 0;
  width: 920px;
  height: 750px;
  max-height: calc(100dvh - 40px);
  position: fixed;
  top: calc(50% - 375px);
  bottom: auto;
  right: auto;
}
.floating-window .floating-window-content {
  border-radius: var(--double-radius);
}
.floating-window .window-container-center {
  flex: 1;
  overflow: auto;
}
.floating-window .container {
  padding-left: 24px;
  padding-right: 24px;
}
.floating-window .window-footer:empty {
  display: none;
}
.floating-window .floating-window-content {
  box-shadow: 0 10px 20px 5px #0003;
}
.floating-window.active {
  z-index: 14;
}
.floating-window.active .floating-window-content {
  box-shadow: 0 15px 70px 10px #00000080;
}
.floating-window.active .floating-header {
  background-image: linear-gradient(
    to bottom,
    var(--background),
    var(--background-5)
  );
}
.floating-window.active .floating-header h1 {
  color: var(--text);
}
.floating-window.active .floating-header .controls button {
  color: var(--text-gray);
}
.floating-window .window-body,
.floating-window .container {
  width: 100%;
}
.floating-window.height-xs {
  height: 650px;
}
.floating-window.height-lg {
  height: 900px;
}
.floating-window.width-xs {
  width: 40rem;
  left: calc(50% - 320px);
}
.floating-window.width-xs:not(.maximized) {
  max-width: 780px;
}
.floating-window.width-xs:where(.io-ox-mail-compose-window) {
  width: 42rem;
}
.floating-window.width-sm {
  width: 45rem;
  left: calc(50% - 360px);
}
.floating-window.width-sm:not(.maximized) {
  max-width: 900px;
}
.floating-window.width-md {
  width: 50rem;
  left: calc(50% - 400px);
}
.floating-window.width-md:not(.maximized) {
  max-width: 1020px;
}
.floating-window.width-lg {
  width: 57.5rem;
  left: calc(50% - 460px);
}
.floating-window.width-lg:not(.maximized) {
  max-width: 1140px;
}
@media (min-width: 1280px) {
  .floating-window.width-lg {
    width: 1040px;
    left: calc(50% - 520px);
  }
}
.floating-window .floating-header .controls button[data-action="normal"] {
  display: none;
}
.floating-window .container {
  min-width: auto;
  position: relative;
  width: 100% !important;
}
.floating-window.width-xs:not(.maximized) [data-hidden="width-xs"] {
  display: none;
}
.floating-window.maximized {
  width: 1060px;
  max-width: 100%;
  height: calc(100% - 72px);
  max-height: 1200px;
  top: 0;
  left: calc(50% - 530px);
}
@media (max-height: 750px) {
  .floating-window.maximized {
    height: 100%;
    top: 0 !important;
  }
}
.floating-window.maximized
  .floating-header
  .controls
  button[data-action="maximized"] {
  display: none;
}
.floating-window.dragging iframe {
  pointer-events: none;
}
.ios .floating-window.header-top .window-header {
  position: relative;
}
.floating-window .floating-header {
  background: var(--background-5);
  border-radius: var(--double-radius) var(--double-radius) 0 0;
  cursor: move;
  border: 1px solid #00000026;
  border-top-width: 0;
  height: 40px;
  padding: 0 12px 0 24px;
  display: flex;
  bottom: auto;
}
.floating-window .floating-header h1 {
  color: #636363;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  overflow: hidden;
}
.floating-window .floating-header .count {
  margin-left: 8px;
  padding: 3px 7px;
  position: relative;
  top: -1px;
}
.floating-window .floating-header .controls {
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
}
.floating-window .floating-header .controls button {
  color: #707070;
  margin-top: -1px;
  padding: 0 8px;
  line-height: 39.875px;
  display: inline-block;
}
.floating-window .floating-header .controls button svg {
  vertical-align: middle;
}
.floating-window .floating-header .controls button[data-action="close"] {
  padding: 0 6px;
}
.floating-window .floating-header .controls button[data-action="close"] svg {
  width: 14px;
}
.floating-window .floating-header .controls button[data-action="maximize"] {
  padding: 0 7px;
}
.floating-window .floating-header .controls button:focus {
  box-shadow: none;
  outline-offset: -4px;
  outline: 2px solid #a0a0a0;
}
.floating-window .floating-body {
  background-color: var(--background);
  border-radius: 0 0 var(--double-radius) var(--double-radius);
  border: 1px solid #00000026;
  border-top-width: 0;
  flex-direction: column;
  display: flex;
  top: 40px;
}
.floating-window .floating-body .window-footer {
  border-radius: 0 0 var(--double-radius) var(--double-radius);
}
.window-container.gray-background {
  --window-gray-background: var(--background-5);
}
.window-container.gray-background .floating-header {
  background: var(--window-gray-background);
  border-color: #0000;
}
.window-container.gray-background .floating-body {
  border: 0;
}
.window-container.gray-background .window-body {
  background: var(--window-gray-background);
}
.window-container.gray-background .window-footer {
  box-shadow: none;
  border-bottom-left-radius: var(--double-radius);
  border-bottom-right-radius: var(--double-radius);
  border-color: #0000;
}
.window-container.gray-background legend,
.window-container.gray-background label {
  color: var(--text);
  border: 0;
}
.window-container.gray-background label {
  margin-bottom: 0;
}
.window-container.gray-background .row label.p-0 {
  padding: 0;
}
.window-container.gray-background .btn-link {
  color: var(--accent);
}
#floating-window-backdrop {
  z-index: 13;
  background-color: #ffffff03;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.rightside-navbar {
  display: none;
}
@media (max-width: 900px) {
  .leftside {
    width: 250px;
  }
  #io-ox-taskbar-container #io-ox-taskbar {
    padding: 0 4px;
  }
  #io-ox-taskbar-container #io-ox-taskbar li {
    margin-left: 4px;
  }
}
@media (min-width: 1300px) {
  .leftside {
    width: 400px;
  }
}
@media (min-width: 1500px) {
  .leftside {
    width: 450px;
  }
}
@media (min-width: 1700px) {
  .leftside {
    width: 500px;
  }
}
@media (max-width: 540px) {
  .window-body {
    bottom: 40px;
    left: 0;
  }
  .chromeless-window .window-body {
    bottom: 0;
  }
  .vsplit {
    width: 200%;
    animation-duration: 0.35s;
    animation-timing-function: ease-out;
    left: 0;
    right: auto;
  }
  .vsplit-slide {
    animation-name: slideright;
    transform: translate(-50%);
  }
  .vsplit-reverse {
    animation-name: slideleft;
    transform: translate(0);
  }
  .touch .vsplit {
    backface-visibility: hidden;
  }
  .vsplit .leftside {
    z-index: 1;
    width: 50%;
    right: auto;
  }
  .vsplit .rightside {
    z-index: 2;
    width: 50%;
    top: 41px;
    left: 50%;
    right: auto;
  }
  .vsplit .rightside-navbar {
    z-index: 2;
    border-bottom: 1px solid #ccc;
    width: 50%;
    height: 41px;
    padding: 5px 13px;
    line-height: 2em;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
  }
  .vsplit-reverse .rightside-navbar,
  .vsplit-reverse .rightside {
    display: none;
  }
}
@media (max-width: 540px) and (orientation: portrait),
  (max-height: 540px) and (orientation: landscape) {
  .window-sidepanel {
    backface-visibility: hidden;
  }
}
body,
.classic-toolbar,
.list-view {
  -webkit-user-select: none;
  user-select: none;
}
.window-body,
.detail-view-header {
  -webkit-user-select: text;
  user-select: text;
}
.breadcrumb-view {
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: text;
  user-select: text;
  overflow: hidden;
}
.toolbar .breadcrumb-view {
  margin: 0;
}
.generic-toolbar .breadcrumb-view.toolbar-item {
  margin: 0 16px;
  padding: 0;
}
.breadcrumb-label,
.breadcrumb-item,
.breadcrumb-ellipsis,
.breadcrumb-divider,
.breadcrumb-tail {
  color: var(--text-gray);
}
.breadcrumb-ellipsis,
.breadcrumb-label {
  margin-right: 8px;
}
.breadcrumb-tail {
  color: var(--text);
  font-weight: 700;
}
.breadcrumb-divider {
  text-align: center;
  width: 8px;
  margin: 0 8px;
}
.breadcrumb-divider.bi {
  width: 13px;
  min-width: 13px;
  height: 14px;
}
.breadcrumb-link,
.breadcrumb-divider {
  display: inline-block;
}
.io-ox-alert {
  top: calc(16px + var(--safe-area-inset-top));
  background-color: var(--background);
  z-index: 65500;
  opacity: 0;
  border-radius: var(--default-radius);
  outline: 0;
  width: 28.75rem;
  max-width: 100%;
  margin-left: -14.375rem;
  transition: opacity 0.2s ease-out;
  position: fixed;
  left: 50%;
  box-shadow: 0 24px 40px -1px #0006;
}
@media (prefers-reduced-motion: reduce) {
  .io-ox-alert {
    transition: none;
  }
}
.io-ox-alert.appear {
  opacity: 1;
}
.io-ox-alert .headline {
  margin: 0 0 7px;
  font-size: 14px;
  line-height: 20px;
}
.io-ox-alert .message {
  min-height: 64px;
  padding: 24px 60px 24px 56px;
}
.io-ox-alert .message > div {
  max-height: 18.75rem;
  overflow: auto;
}
.io-ox-alert .message > div + div {
  margin-top: 7px;
}
.io-ox-alert .message > div a {
  cursor: pointer;
}
.io-ox-alert .message > div svg.bi + span {
  margin-left: 15px;
}
.io-ox-alert .icon {
  color: #aaa;
  text-align: center;
  width: 40px;
  font-size: 20px;
  position: absolute;
  top: 20px;
  left: 8px;
}
.io-ox-alert [data-action="close"] {
  text-align: center;
  width: 36px;
  color: var(--text-gray);
  outline: 0;
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 8px;
}
.io-ox-alert [data-action="close"]:hover,
.io-ox-alert [data-action="close"]:focus {
  background-color: #0000001a;
}
.io-ox-alert.io-ox-alert-info .icon {
  color: #08c;
}
.io-ox-alert.io-ox-alert-error .icon {
  color: #a00;
}
.io-ox-alert.io-ox-alert-warning .icon {
  color: #fc0;
}
.io-ox-alert.io-ox-alert-success .icon {
  color: #92d050;
}
.io-ox-alert.io-ox-alert-busy .icon {
  color: #555;
}
.io-ox-alert.io-ox-alert-success {
  cursor: pointer;
}
@media (max-width: 540px), (max-device-width: 540px) {
  .io-ox-alert {
    cursor: pointer;
    width: auto;
    margin-left: 0;
    left: 10px;
    right: 10px;
  }
  .io-ox-alert .icon {
    width: 30px;
    font-size: 20px;
  }
  .io-ox-alert .message {
    padding: 20px 20px 20px 50px;
  }
  .io-ox-alert [data-action="close"] {
    display: none;
  }
}
.ellipsis-2-lines {
  -webkit-line-clamp: 2;
  word-break: break-word;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.notification-backdrop {
  z-index: 13;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}
.notification-backdrop.visible {
  display: block;
}
.smartphone .notification-backdrop {
  height: calc(100% - env(safe-area-inset-top));
}
.io-ox-notifications {
  height: calc(100% - (72px + var(--offset-top) + var(--offset-bottom)));
  top: calc(72px + var(--offset-top));
  z-index: 14;
  color: var(--text);
  background-color: var(--background-5);
  width: 0;
  right: var(--offset-right);
  padding: 16px 0;
  transition: width 0.2s ease-in-out;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 8px 16px #0000001a;
}
.io-ox-notifications .notification-content-container {
  width: 350px;
  height: 100%;
  transition: padding 0.2s ease-in-out;
  overflow-y: auto;
}
@media (min-width: 1600px) {
  .io-ox-notifications .notification-content-container {
    width: 450px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .io-ox-notifications {
    opacity: 0;
    width: 350px;
    transition: opacity 0.2s ease-in-out;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 1600px) {
  .io-ox-notifications {
    width: 450px;
  }
}
@media (max-width: 540px) {
  .io-ox-notifications {
    height: calc(100% - (64px + var(--offset-top)));
    width: 100%;
    top: calc(64px + var(--offset-top));
    transition: none;
    display: none;
    right: 0;
  }
  .io-ox-notifications.visible {
    display: block;
  }
}
.io-ox-notifications.visible {
  width: 350px;
}
.io-ox-notifications.visible .notification-content-container {
  padding: 0 16px;
}
@media (min-width: 1600px) {
  .io-ox-notifications.visible {
    width: 450px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .io-ox-notifications.visible {
    opacity: 1;
  }
}
.io-ox-notifications .icon-wrap {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-inline-end: 6px;
  position: relative;
}
.io-ox-notifications .icon-wrap .icon-background {
  opacity: 0.1;
  border-radius: var(--default-radius);
  background: #495057;
  width: 100%;
  height: 100%;
  position: absolute;
}
.io-ox-notifications .icon-wrap svg {
  width: 16px;
  height: auto;
  max-height: 24px;
  overflow: visible;
}
.io-ox-notifications .empty-message {
  height: 100%;
  color: var(--text-gray);
  display: none;
}
.io-ox-notifications.empty .empty-message {
  display: flex;
}
.io-ox-notifications .category .btn-category {
  border-radius: var(--default-radius);
  background: 0 0;
  border-width: 0;
  border-color: #0000;
  outline-style: none;
  width: 100%;
  height: 2rem;
}
.io-ox-notifications .category .btn-category:hover {
  background-color: var(--selected-background-hover);
}
.io-ox-notifications .category .btn-category:focus {
  background-color: var(--selected-background-focus);
}
.io-ox-notifications .category .btn-category:focus * {
  color: var(--selected-focus);
}
.io-ox-notifications .category .btn-category h1 {
  justify-content: left;
}
.io-ox-notifications .category .btn-category h1 .icon-wrap {
  margin-left: 2px;
}
.io-ox-notifications .category .btn-category h1 .category-label {
  cursor: pointer;
  margin-bottom: 0;
}
.io-ox-notifications .category .btn-category h1 .counter {
  border-radius: var(--default-radius);
  color: #495057;
  background-color: #e9ecef;
  height: auto;
  margin-left: 16px;
}
.io-ox-notifications .category .items,
.io-ox-notifications .category .icon-expanded {
  display: none;
}
.io-ox-notifications .category.expanded .items {
  display: block;
}
.io-ox-notifications .category.expanded .icon-expanded {
  display: initial;
}
.io-ox-notifications .category.expanded .icon-collapsed {
  display: none;
}
.io-ox-notifications .item-container .item {
  cursor: pointer;
  background-color: #fff;
  background-color: var(--background);
  border-radius: 10px;
  margin: 10px 0;
  padding: 8px 0;
}
.io-ox-notifications .item-container .item:focus-within {
  outline: 2px solid var(--focus-500);
}
.io-ox-notifications .item-container .item:hover .item-row .btn.action,
.io-ox-notifications .item-container .item:hover .item-row .btn.close,
.io-ox-notifications .item-container .item:focus-within .item-row .btn.action,
.io-ox-notifications .item-container .item:focus-within .item-row .btn.close,
.smartphone .io-ox-notifications .item-container .item .item-row .btn.action,
.smartphone .io-ox-notifications .item-container .item .item-row .btn.close {
  opacity: 1;
}
.io-ox-notifications .item-container .item .item-row {
  align-items: baseline;
  min-height: 32px;
  padding: 2px 8px;
  display: flex;
}
.io-ox-notifications .item-container .item .item-row .icon-wrap {
  top: 3px;
}
.io-ox-notifications .item-container .item .item-row .title {
  line-height: inherit;
  margin: 0;
  font-size: 16px;
}
.io-ox-notifications .item-container .item .item-row .date-time .time .label {
  margin-left: 8px;
}
.io-ox-notifications .item-container .item .item-row .label-default {
  color: var(--text-gray-on-gray);
  background-color: var(--background-50);
  margin-left: 7px;
  font-weight: 500;
  position: relative;
  top: -1px;
}
.io-ox-notifications .item-container .item .item-row a.date:hover {
  cursor: pointer;
  color: var(--text);
}
.io-ox-notifications .item-container .item .item-row a.date {
  color: var(--text);
}
.io-ox-notifications .item-container .item .item-row .date-label {
  margin-right: 16px;
  font-weight: 700;
}
.io-ox-notifications .item-container .item .item-row .relative-time,
.io-ox-notifications .item-container .item .item-row .recurrence {
  color: var(--text-gray);
}
.io-ox-notifications .item-container .item .item-row .status {
  border-radius: 4px;
  padding: 6px 10px;
}
.io-ox-notifications .item-container .item .item-row .dropdown {
  align-self: flex-start;
}
.io-ox-notifications .item-container .item .item-row.actions-container {
  height: 32px;
  margin-top: 6px;
  margin-bottom: 4px;
}
.io-ox-notifications .item-container .item .item-row .actions {
  overflow: hidden;
}
.io-ox-notifications .item-container .item .item-row .actions .btn-group {
  min-width: 0;
  display: flex;
}
.io-ox-notifications
  .item-container
  .item
  .item-row
  .actions
  .btn-group
  .btn-default {
  flex: 1;
  padding: 6px;
  overflow: hidden;
}
.io-ox-notifications
  .item-container
  .item
  .item-row
  .actions
  .btn-group
  .btn-default.icon {
  flex: 0;
  min-width: 42px;
  padding: 6px 13px;
}
.io-ox-notifications .item-container .item .item-row .btn.action,
.io-ox-notifications .item-container .item .item-row .btn.close {
  opacity: 0;
  align-self: flex-start;
  width: 24px;
  height: 24px;
  padding: 0;
  position: relative;
  top: 3px;
}
.io-ox-notifications .item-container .item .item-row .btn.action svg,
.io-ox-notifications .item-container .item .item-row .btn.close svg {
  width: 18px;
  height: 18px;
}
.io-ox-notifications .item-container .item .item-row .close svg {
  margin: 0;
}
.io-ox-notifications .item-container .item .organizer,
.io-ox-notifications .item-container .item .title,
.io-ox-notifications .item-container .item .location {
  flex: 1;
  min-width: 0;
  padding-right: 18px;
}
.io-ox-notifications .item-container .item .organizer > *,
.io-ox-notifications .item-container .item .title > *,
.io-ox-notifications .item-container .item .location > * {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  min-width: 0;
  display: block;
  overflow: hidden;
}
.io-ox-notifications .item-container .item .row-icon {
  color: var(--text-gray);
}
.io-ox-notifications
  .item-container
  .item[data-type$="\:reminder"]
  .icon-background {
  background: #495057;
}
.io-ox-notifications
  .item-container
  .item[data-type$="\:reminder"]
  .title-icon {
  color: var(--topbar-icon);
}
.io-ox-notifications .item-container .item .title-icon,
.io-ox-notifications .item-container .item .row-icon {
  color: var(--text-gray);
}
.io-ox-notifications
  .item-container
  .item[data-type^="task\:invitation"]
  .icon-background {
  background: var(--app-color-tasks);
}
.io-ox-notifications
  .item-container
  .item[data-type^="task\:invitation"]
  .title-icon {
  color: var(--app-color-tasks);
}
.io-ox-notifications
  .item-container
  .item[data-type^="appointment\:invitation"]
  .icon-background,
.io-ox-notifications
  .item-container
  .item[data-type^="resource\:invitation"]
  .icon-background {
  background: var(--app-color-calendar);
}
.io-ox-notifications
  .item-container
  .item[data-type^="appointment\:invitation"]
  .title-icon,
.io-ox-notifications
  .item-container
  .item[data-type^="resource\:invitation"]
  .title-icon {
  color: var(--app-color-calendar);
}
.io-ox-notifications .item-container .item[data-type^="contacts\:"] {
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.io-ox-notifications
  .item-container
  .item[data-type^="contacts\:"]
  .icon-background {
  background: var(--app-color-contacts);
}
.io-ox-notifications
  .item-container
  .item[data-type^="contacts\:"]
  .title-icon {
  color: var(--app-color-contacts);
}
.io-ox-notifications
  .item-container
  .item[data-type^="contacts\:"]
  .row-container {
  overflow: hidden;
}
.io-ox-notifications
  .item-container
  .item[data-type^="contacts\:"]
  .contact-photo {
  color: var(--gray-600);
  flex-shrink: 0;
  margin-right: 8px;
}
.smartphone .dropdown-menu [data-name="snooze"] .checkmark {
  display: none;
}
#io-ox-appcontrol > div > ul > #io-ox-notifications-toggle,
.smartphone #io-ox-notifications-toggle {
  display: inline-flex;
}
#io-ox-appcontrol > div > ul > #io-ox-notifications-toggle .indicator,
.smartphone #io-ox-notifications-toggle .indicator {
  display: none;
}
#io-ox-appcontrol
  > div
  > ul
  > #io-ox-notifications-toggle.show-indicator
  .indicator,
.smartphone #io-ox-notifications-toggle.show-indicator .indicator {
  display: flex;
}
.smartphone .list-view-control {
  --selected-gray-focus: var(--text-gray);
}
.smartphone .list-view-control .list-item.selected .list-item-checkmark:before {
  background: var(--checkbox-svg-white) var(--accent-500) !important;
}
.list-view-control {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
}
.list-view-control .toolbar {
  -webkit-user-select: none;
  user-select: none;
}
.list-view-control .toolbar.top {
  display: none;
}
.list-view-control .toolbar.bottom {
  min-height: 48px;
  display: none;
}
.list-view-control .toolbar.bottom .dropdown-menu {
  inset: auto 0 100% auto;
}
.list-view-control .toolbar .grid-options {
  padding: 0;
}
.list-view-control .toolbar .grid-options > a {
  color: var(--text-gray);
  padding-left: 8px;
  padding-right: 8px;
  display: block;
}
@media (max-width: 900px) {
  .list-view-control .toolbar .grid-options > a {
    padding-left: 0;
    padding-right: 8px;
  }
}
.list-view-control .toolbar a:not(.breadcrumb-link):focus,
.list-view-control .toolbar a:not(.breadcrumb-link):focus i {
  color: var(--selected-focus);
  background-color: var(--selected-background-focus);
  border-radius: var(--default-radius);
  outline: 0;
}
.list-view-control .toolbar .select-all {
  color: #767676;
  cursor: pointer;
  white-space: nowrap;
  padding: 4px 14px;
}
.list-view-control .toolbar .select-all i {
  color: #767676;
  width: 16px;
  margin-right: 1rem;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.list-view-control .toolbar .dropdown-menu {
  font-size: 14px;
}
.list-view-control.upside-down .toolbar.top {
  border-bottom: 0;
  display: none;
  top: auto;
}
.list-view-control.upside-down .toolbar.top .dropdown-menu {
  inset: auto 0 100% auto;
}
.list-view-control.upside-down .toolbar.bottom {
  border-top: 0;
  display: none;
  bottom: auto;
}
.list-view-control.upside-down .toolbar.bottom .dropdown-menu {
  top: 90%;
  bottom: auto;
}
.list-view-control .status-bar {
  text-align: center;
  font-size: 13px;
  flex: 1 !important;
}
.list-view-control.toolbar-top-visible .toolbar.top,
.list-view-control.toolbar-bottom-visible .toolbar.bottom {
  display: flex;
}
.list-view-control .list-view {
  z-index: 1;
  padding: 0 var(--inner-gap);
  flex: 1 0 0;
}
.smartphone .list-view-control .list-view:not(.grid-layout) {
  padding: 0 8px;
}
.list-view-control .resizebar.vertical {
  display: none;
}
.ios .list-view.scrollpane {
  overflow-x: hidden;
}
.smartphone .list-view-control .toolbar a:not(.breadcrumb-link):focus,
.smartphone .list-view-control .toolbar a:not(.breadcrumb-link):focus i {
  color: inherit;
  outline: inherit;
  background-color: inherit;
}
.list-view {
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.list-view:focus {
  box-shadow: inset 0 0 1px #aaa;
}
.list-view.scrollpane {
  overflow-y: auto;
  transform: translateZ(0);
}
.list-view .list-item,
.list-view .list-header {
  padding: 6px 0 5px;
  cursor: pointer;
  padding-inline: 48px 16px;
  font-size: 13px;
  line-height: 20px;
  position: relative;
}
.smartphone .list-view .list-item,
.smartphone .list-view .list-header {
  padding-inline-end: 8px;
}
.smartphone .list-view .list-item .list-item-checkmark:before {
  left: 8px;
}
.smartphone .list-view:not(.grid-layout) {
  padding: 0;
}
.smartphone .list-view:not(.grid-layout) .list-item {
  border-radius: 0;
}
.smartphone .list-view:not(.grid-layout) .list-item.selected.first-selected {
  border-top-left-radius: var(--default-radius);
  border-top-right-radius: var(--default-radius);
}
.smartphone .list-view:not(.grid-layout) .list-item.selected.last-selected {
  border-bottom-left-radius: var(--default-radius);
  border-bottom-right-radius: var(--default-radius);
}
.smartphone .list-view.grid-layout .list-item {
  border-radius: var(--default-radius);
}
.list-view.grid-layout .list-item .list-item-checkmark:before,
.list-view.icon-layout .list-item .list-item-checkmark:before {
  left: auto;
  right: 16px;
}
.list-view .list-item {
  border-radius: var(--default-radius) var(--default-radius) 0 0;
  border-bottom: 1px solid #0000001a;
  outline: 0;
}
.list-view .list-item.selected + .selected {
  border-radius: 0;
}
.list-view .list-item.selected.last-selected {
  border-bottom-left-radius: var(--default-radius);
  border-bottom-right-radius: var(--default-radius);
}
.list-view .list-item .list-item-checkmark {
  z-index: 1;
  color: #fff;
  width: 48px;
  position: absolute;
  inset: 0;
}
.list-view .list-item .list-item-checkmark:before {
  content: "";
  border: 1px solid var(--gray-400);
  background-color: #fff;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 16px;
  left: 16px;
}
.list-view .list-item.selected .list-item-checkmark:before {
  background: var(--checkbox-svg-white);
  background-color: var(--accent-500);
  background-size: 16px;
  border-color: #0000;
}
.list-view .list-item.selected.no-checkbox .list-item-checkmark:before {
  background-color: #fff;
  background-image: none;
}
.list-view .list-item:not(:last-child):after {
  content: "";
  width: calc(100% - 2 * var(--default-radius));
  bottom: 0;
  left: var(--default-radius);
  position: absolute;
}
.list-view .list-item:not(:last-child):not(.mail-detail):after {
  border-bottom: 1px solid var(--shade-a10);
}
html.smartphone .list-view .list-item.selected:has(+ :not(.selected)):after {
  border-bottom-color: #0000;
}
html.smartphone .list-view .list-item:not(.selected):has(+ .selected):after {
  border-bottom-color: #0000;
}
html.smartphone .list-view .list-item[style*="translate3d"]:after,
html.smartphone .list-view .list-item.unfolded:after {
  width: calc(100% - 2 * var(--default-radius) + 250px);
}
.list-view .notification {
  color: var(--text-gray);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.list-view .notification svg {
  margin-bottom: 8px;
}
.list-view.hide-checkboxes .list-item {
  padding-inline-start: 0;
}
.smartphone .list-view.hide-checkboxes .list-item {
  padding-inline-start: 7px;
}
.list-view.hide-checkboxes .list-item .list-item-checkmark {
  display: none;
}
.list-view.compact .list-item {
  padding-inline: 0;
}
.list-view .list-item .bold {
  font-weight: 700;
}
.list-view .list-item:hover {
  background-color: var(--selected-background-hover);
  z-index: 9999;
}
.list-view.visible-selection .list-item.selected,
.list-view.visible-selection-smartphone .list-item.selected {
  color: var(--selected);
  background-color: var(--selected-background);
  -webkit-font-smoothing: antialiased;
}
.list-view.visible-selection .list-item.selected:hover,
.list-view.visible-selection-smartphone .list-item.selected:hover {
  background-color: var(--selected-background-shade);
}
.list-view.visible-selection .list-item.selected:not(:focus),
.list-view.visible-selection-smartphone .list-item.selected:not(:focus) {
  background-color: var(--selected-background);
}
.list-view.visible-selection .list-item.selected:not(:focus):hover,
.list-view.visible-selection-smartphone .list-item.selected:not(:focus):hover {
  background-color: var(--selected-background-hover);
}
.list-view.visible-selection:focus-within .list-item.selected,
.list-view.visible-selection-smartphone:focus-within .list-item.selected {
  color: var(--selected-focus);
  background-color: var(--selected-background-focus);
}
.list-view.visible-selection:focus-within .list-item.selected .gray,
.list-view.visible-selection-smartphone:focus-within .list-item.selected .gray {
  color: var(--selected-gray-focus);
}
.list-view.visible-selection:focus-within
  .list-item.selected
  i:not(.color-stable),
.list-view.visible-selection-smartphone:focus-within
  .list-item.selected
  i:not(.color-stable) {
  color: var(--selected-focus);
}
.list-view.visible-selection:focus-within .list-item.selected:hover,
.list-view.visible-selection-smartphone:focus-within .list-item.selected:hover {
  background-color: var(--selected-background-focus-hover);
}
.list-view.visible-selection:focus-within .list-item.selected:focus,
.list-view.visible-selection-smartphone:focus-within .list-item.selected:focus {
  background-color: var(--selected-background-focus-shade);
}
.list-view.visible-selection:focus-within .list-item.selected:focus:hover,
.list-view.visible-selection-smartphone:focus-within
  .list-item.selected:focus:hover {
  background-color: var(--selected-background-focus-hover);
}
html:not(.smartphone)
  .list-view.visible-selection:focus-within
  .list-item.selected
  .list-item-checkmark:before,
html:not(.smartphone)
  .list-view.visible-selection-smartphone:focus-within
  .list-item.selected
  .list-item-checkmark:before {
  background: var(--checkbox-svg-dark);
  background-color: #fff;
}
html:not(.smartphone)
  .list-view.visible-selection:focus-within
  .list-item.selected.no-checkbox
  .list-item-checkmark:before,
html:not(.smartphone)
  .list-view.visible-selection-smartphone:focus-within
  .list-item.selected.no-checkbox
  .list-item-checkmark:before {
  background-image: none;
}
.list-view .list-item-row {
  clear: right;
  align-items: center;
}
.list-view .list-item-row .notification-banner {
  padding-block: 2px;
  padding-inline: 4px;
}
.list-view > .list-item:last-child {
  margin-bottom: 100px;
}
.list-view.complete > .list-item:last-child {
  margin-bottom: 0;
}
.list-view .busy-indicator {
  cursor: pointer;
  z-index: 2;
  color: var(--text-disabled);
  background-color: var(--background-5);
  border-radius: var(--default-radius);
  text-align: center;
  outline: 0;
  height: 96px;
  margin-bottom: 0;
  padding: 40px 0;
  font-size: 20px;
  line-height: 20px;
  transition: left 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
  position: relative;
  left: 0;
}
@media (prefers-reduced-motion: reduce) {
  .list-view .busy-indicator {
    transition: none;
  }
}
.list-view .busy-indicator.swipe-left {
  left: -80px;
}
.smartphone .list-view .busy-indicator {
  background-color: var(--background);
}
.list-view .busy-indicator.io-ox-busy {
  text-align: left;
}
.list-view .busy-indicator:nth-child(2) {
  background-color: #0000;
  width: 100% !important;
  height: 100% !important;
}
.list-view .busy-indicator:nth-child(2) svg {
  display: none;
}
.list-view .list-item {
  z-index: 2;
  transition: left 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
  left: 0;
}
@media (prefers-reduced-motion: reduce) {
  .list-view .list-item {
    transition: none;
  }
}
.smartphone .list-view .list-item {
  transition:
    left 0.4s cubic-bezier(0.1, 0.7, 0.1, 1),
    padding-inline 0.3s cubic-bezier(0.1, 0.7, 0.1, 1);
}
@media (prefers-reduced-motion: reduce) {
  .smartphone .list-view .list-item {
    transition: none;
  }
}
.list-view .list-item.swipe-left {
  left: -80px;
}
.list-view.no-transition .list-item,
.smartphone .io-ox-files-main .list-view .list-item {
  transition: none;
}
.list-view.grid-layout .list-item,
.list-view.icon-layout .list-item,
.list-view.tile-layout .list-item {
  transition: left 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
}
@media (prefers-reduced-motion: reduce) {
  .list-view.grid-layout .list-item,
  .list-view.icon-layout .list-item,
  .list-view.tile-layout .list-item {
    transition: none;
  }
}
.list-view .swipe-left-content {
  z-index: 1;
  background-color: #ff4105;
  width: 80px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -80px;
}
.list-view .swipe-left-content i {
  color: #fff;
  margin: -10px 0 0 -7px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.list-view .pull-to-refresh {
  z-index: 10001;
  width: 100%;
  position: absolute;
  top: 8px;
}
.list-view .pull-to-refresh .spinner {
  text-align: center;
  color: #fff;
  background-color: #c80000;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 50px;
  box-shadow: 0 6px 12px #0000002d;
}
.list-view .spin {
  animation: 2s linear infinite spin;
}
.list-view .scale-down {
  animation: 0.12s scaleDown;
}
@keyframes scaleDown {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
.leftside .list-view .list-item {
  outline: 0;
}
.smartphone {
  --selected-background: var(--accent-50);
  --vgrid-selection-bg: var(--accent-50);
  --vgrid-checkbox-bg: var(--accent-500);
  --selected-focus: var(--text) !important;
  --selected-background-focus: var(--selected-background) !important;
  --selected-background-focus-shade: var(--selected-background) !important;
  --selected-background-focus-hover: var(--selected-background) !important;
}
:root {
  --vgrid-checkbox-bg: var(--accent-500);
}
.vgrid {
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
  flex-direction: column;
  height: 100vh;
  display: flex;
}
.vgrid .vgrid-scrollpane {
  -webkit-tap-highlight-color: transparent;
  z-index: 1;
  overflow: hidden auto;
}
.vgrid .vgrid-scrollpane:focus-within .vgrid-cell.selected {
  background-color: var(--selected-background-focus);
}
.vgrid
  .vgrid-scrollpane:focus-within
  .vgrid-cell.selected
  > :not(.badge, .avatar),
.vgrid .vgrid-scrollpane:focus-within .vgrid-cell.selected i {
  color: var(--selected-focus);
}
.vgrid .vgrid-scrollpane:focus-within .vgrid-cell.selected:hover {
  background-color: var(--selected-background-focus-hover);
}
.vgrid .vgrid-scrollpane:focus-within .vgrid-cell.selected:focus {
  background-color: var(--selected-background-focus-shade);
}
.vgrid .vgrid-scrollpane:focus-within .vgrid-cell.selected:focus:hover,
.vgrid .vgrid-scrollpane:focus-within .vgrid-cell.selected:not(:focus):hover {
  background-color: var(--selected-background-focus-hover);
}
html:not(.smartphone)
  .vgrid
  .vgrid-scrollpane:focus-within
  .vgrid-cell.selected
  .vgrid-cell-checkbox:before {
  background: var(--checkbox-svg-dark) !important;
  background-color: #fff !important;
}
.vgrid .resizebar {
  float: right;
  position: relative;
}
.vgrid .vgrid-toolbar {
  z-index: 2;
  display: none;
  left: 0;
  right: 0;
}
.vgrid .vgrid-toolbar a {
  text-decoration: none;
}
.vgrid .vgrid-toolbar a i {
  color: #000;
  display: inline-block;
}
.vgrid .vgrid-toolbar.top {
  top: 0;
}
.vgrid .vgrid-toolbar.top.generic-toolbar {
  height: 2.5rem;
}
.vgrid .vgrid-toolbar.top .dropdown-menu {
  inset: 110% 0 auto auto;
}
.vgrid .vgrid-toolbar.bottom {
  bottom: 0;
}
.vgrid .vgrid-toolbar.bottom .dropdown-menu {
  inset: auto 0 110% auto;
}
.vgrid .vgrid-toolbar .grid-info {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-right: 16px;
  padding-left: 8px;
  line-height: 38px;
  overflow: hidden;
}
.vgrid .vgrid-toolbar .grid-info .folder-name {
  font-size: 18px;
  font-weight: 700;
}
.vgrid .vgrid-toolbar .grid-info .folder-count {
  color: var(--text-gray);
  font-size: 13px;
}
.vgrid .vgrid-toolbar .grid-options.dropdown a[data-toggle="dropdown"] {
  border-radius: var(--default-radius);
  padding-left: 8px;
  padding-right: 8px;
  display: block;
}
.vgrid .vgrid-toolbar .grid-options.dropdown a[data-toggle="dropdown"]:focus {
  color: var(--selected-focus);
  background-color: var(--selected-background-focus);
  outline: 0;
}
.vgrid .vgrid-toolbar .select-all {
  display: inline-block;
}
.vgrid .vgrid-toolbar .select-all i {
  color: var(--text-gray);
  padding-right: 5px;
  font-size: 18px;
  position: relative;
  top: 2px;
  left: 3px;
}
.vgrid .vgrid-toolbar .select-all:focus,
.vgrid .vgrid-toolbar .select-all:focus i {
  color: var(--focus);
  background: var(--focus-500);
  outline: 0;
}
.vgrid .vgrid-toolbar .select-all-toggle {
  float: left;
  padding: 0 8px;
}
.vgrid.editable .select-all {
  display: inline-block;
}
.vgrid.top-toolbar .vgrid-toolbar.top,
.vgrid.bottom-toolbar .vgrid-toolbar.bottom {
  display: flex;
}
.vgrid:not(.bottom-toolbar) .vgrid-toolbar.bottom {
  display: none;
}
.vgrid.editable .vgrid-cell-checkbox {
  display: block;
}
.vgrid.editable .vgrid-cell {
  padding-inline-start: 48px;
}
.vgrid-cell {
  color: var(--text);
  outline: 0;
  padding: 10px 8px 14px;
  padding-inline-start: 8px;
  font-size: 13px;
  position: absolute;
  left: 8px;
  right: 8px;
  overflow: hidden;
}
.smartphone .vgrid-cell {
  transition: padding-inline-start 0.3s cubic-bezier(0.1, 0.7, 0.1, 1);
}
.smartphone .io-ox-files-main .vgrid-cell {
  transition: none;
}
.vgrid-cell {
  border-radius: 6px;
}
.vgrid-cell * {
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}
.vgrid-cell:after {
  content: "";
  width: calc(100% - 2 * var(--default-radius));
  bottom: 0;
  left: var(--default-radius);
  border-bottom: 1px solid var(--shade-a10);
  position: absolute;
}
.vgrid-cell.last-selected:after,
.vgrid-cell.before-first-selected:after,
.vgrid-cell.last-item:after {
  border-bottom-color: #0000;
}
.vgrid-cell.selectable {
  cursor: pointer;
}
.vgrid-cell.vgrid-label {
  text-align: center;
  cursor: pointer;
  padding: 5px 16px 4px;
  font-weight: 700;
  line-height: 1em;
}
.vgrid-cell.vgrid-label.left {
  text-align: left;
}
.vgrid-cell:hover {
  background: var(--selected-background-hover);
}
.vgrid-cell.selected {
  background-color: var(--selected-background);
  border-radius: 0;
}
.vgrid-cell.selected:hover {
  background-color: var(--selected-background-focus-hover);
}
.vgrid-cell.selected:not(:focus) {
  background-color: var(--selected-background);
}
.vgrid-cell.selected:not(:focus):hover {
  background-color: var(--selected-background-hover);
}
.vgrid-cell.selected.last-selected {
  border-bottom-left-radius: var(--default-radius);
  border-bottom-right-radius: var(--default-radius);
}
.vgrid-cell.selected.first-selected {
  border-top-left-radius: var(--default-radius);
  border-top-right-radius: var(--default-radius);
}
.vgrid-cell.selected .vgrid-cell-checkbox:before {
  background: var(--checkbox-svg-white) !important;
  background-color: var(--vgrid-checkbox-bg) !important;
}
.vgrid-cell.relative {
  position: relative;
}
.vgrid-cell.no-border {
  border-bottom: 0;
}
.vgrid-cell.tail {
  border-bottom: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}
.vgrid-cell.tail * {
  white-space: normal;
  line-height: 1.1em;
}
.vgrid-cell .title {
  white-space: pre;
}
.vgrid-cell .vgrid-cell-checkbox {
  cursor: pointer;
  width: 48px;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.vgrid-cell .vgrid-cell-checkbox:before {
  content: "";
  border: 1px solid var(--gray-400);
  background-color: #fff;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 16px;
  left: 16px;
}
.vgrid-cell.selected .vgrid-cell-checkbox:before {
  background: var(--checkbox-svg-white);
  background-color: var(--accent-500);
  background-size: 16px;
  border-color: #0000;
}
.vgrid-cell .swipeDelete {
  color: #fff;
  text-align: center;
  background-color: #ff4105;
  width: 100px;
  height: 100%;
  padding: 0 10px;
  font-size: 22px;
  line-height: 61px;
  position: absolute;
  top: 0;
  right: 0;
}
.vgrid-cell .swipeDelete:active {
  background-color: #c72f29;
}
.io-ox-dialog-wrapper {
  width: 100%;
  height: 100%;
}
.io-ox-dialog-wrapper .modal-title {
  font-size: 18px;
  line-height: 24px;
}
.io-ox-dialog-wrapper .modal-body {
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}
.io-ox-dialog-wrapper .modal-footer .checkbox {
  float: left;
  margin-top: 6px;
  margin-bottom: 0;
}
.io-ox-dialog-wrapper .modal-footer .checkbox.checkbox-block {
  float: none;
  text-align: left;
  margin: 0 0 8px;
}
.io-ox-dialog-underlay {
  opacity: 0;
  z-index: 65000;
  background-color: #000;
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .io-ox-dialog-underlay {
    transition: none;
  }
}
.io-ox-dialog-underlay.in {
  opacity: 0.3;
}
.io-ox-dialog-underlay.topmost {
  z-index: 65002;
}
.io-ox-dialog-popup {
  z-index: 65001;
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  box-shadow: 0 5px 25px -5px #000;
}
.io-ox-dialog-popup .modal-header {
  position: relative;
}
.io-ox-dialog-popup .modal-header h1,
.io-ox-dialog-popup .modal-header h2,
.io-ox-dialog-popup .modal-header h3,
.io-ox-dialog-popup .modal-header h4 {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
}
.io-ox-dialog-popup .modal-header.help h1,
.io-ox-dialog-popup .modal-header.help h2,
.io-ox-dialog-popup .modal-header.help h3,
.io-ox-dialog-popup .modal-header.help h4 {
  margin-right: 35px;
}
.io-ox-dialog-popup .modal-header .io-ox-context-help {
  padding: 13px;
  font-size: 20px;
  line-height: 1.1;
  position: absolute;
  top: 0;
  right: 0;
}
.io-ox-dialog-popup .modal-body.max-height-100 {
  max-height: 100px;
}
.io-ox-dialog-popup .modal-body.max-height-150 {
  max-height: 150px;
}
.io-ox-dialog-popup .modal-body.max-height-200 {
  max-height: 200px;
}
.io-ox-dialog-popup .modal-body.max-height-250 {
  max-height: 250px;
}
.io-ox-dialog-popup .modal-body.max-height-300 {
  max-height: 300px;
}
.io-ox-dialog-popup .modal-body.max-height-350 {
  max-height: 350px;
}
.io-ox-dialog-popup .modal-body h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}
.io-ox-dialog-popup.zero-padding .modal-body {
  padding: 0;
}
.io-ox-dialog-popup.zero-padding .modal-body iframe {
  border-radius: 5px 5px 0 0;
  display: block;
}
.io-ox-dialog-popup.zero-padding .modal-footer {
  margin-top: 0;
}
.io-ox-dialog-popup.relogin {
  z-index: 65301;
}
.io-ox-dialog-popup .content {
  overflow: auto;
}
.io-ox-dialog-popup .content .plain-text {
  text-align: center;
  color: #212529;
  padding: 10px;
  font-size: 12pt;
}
.io-ox-dialog-popup .modal-footer > .btn {
  min-width: 5em;
}
.io-ox-dialog-popup .modal-footer .help-block {
  text-align: left;
}
.io-ox-dialog-popup .modal-footer .help-block:empty {
  display: none;
}
.io-ox-dialog-popup:focus {
  box-shadow: 0 5px 25px -5px var(--focus-500);
  outline: 0;
}
.io-ox-dialog-popup.topmost {
  z-index: 65003;
}
.io-ox-dialog-popup .modal-header,
.io-ox-dialog-popup .modal-footer {
  padding: 12px 16px;
}
.subscribe-imap-folder .modal-body {
  padding: 0;
}
.ios.smartphone > div,
.ios.smartphone > ul,
.android.smartphone .picker-pc-container .modal-body > div,
.android.smartphone .picker-pc-container .modal-body > ul {
  width: 100%;
}
.add-infostore-file .picker-pc-container {
  height: 315px;
}
.add-infostore-file .picker-pc-container .picker-navbar .actions {
  height: 50px;
}
.add-infostore-file .picker-pc-container .io-ox-pagecontroller.page {
  border-radius: 0;
  height: calc(100% - 50px);
}
.add-infostore-file .picker-pc-container .io-ox-fileselection {
  width: 100%;
  margin-bottom: 0;
}
.add-infostore-file .picker-pc-container .io-ox-fileselection li.file {
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
  padding: 2px 7px 2px 16px;
  font-size: 16px;
  line-height: 40px;
}
.add-infostore-file .picker-pc-container .io-ox-fileselection li.file label {
  float: left;
  margin-top: 10px;
  margin-left: 2px;
  margin-right: 5px;
}
.add-infostore-file
  .picker-pc-container
  .io-ox-fileselection
  li.file
  .checkbox-inline {
  font-size: 16px;
}
.add-infostore-file .picker-pc-container .io-ox-fileselection li.file .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.add-infostore-file .picker-pc-container .io-ox-fileselection li.file.selected,
.add-infostore-file
  .picker-pc-container
  .io-ox-fileselection
  li.file.selected:hover {
  background-color: var(--selected-background);
}
.add-infostore-file
  .picker-pc-container
  .io-ox-fileselection
  li.file.selected
  *,
.add-infostore-file
  .picker-pc-container
  .io-ox-fileselection
  li.file.selected:hover
  * {
  color: var(--selected);
}
.add-infostore-file .picker-pc-container .io-ox-fileselection li.file:focus {
  background-color: var(--selected-background-focus);
}
.add-infostore-file .picker-pc-container .io-ox-fileselection li.file:focus * {
  color: var(--selected-focus);
}
.add-infostore-file
  .picker-pc-container
  .io-ox-fileselection.singleselect
  li.file
  .name {
  padding-left: 0.5em;
}
.add-infostore-file .modal-body {
  padding: 0;
  overflow: hidden;
}
.add-infostore-file .modal-body > div,
.add-infostore-file .modal-body > ul {
  vertical-align: top;
  width: 33%;
  height: 100%;
  margin: 0;
  display: inline-block;
  overflow: auto;
}
.add-infostore-file .modal-body > :first-child:nth-last-child(3),
.add-infostore-file .modal-body > :nth-child(2):nth-last-child(2),
.add-infostore-file .modal-body > :nth-child(3):last-child {
  width: 33%;
}
.add-infostore-file .modal-body > .preview-pane {
  text-align: center;
  border-left: 1px solid #ddd;
  padding: 10px 3px 10px 10px;
}
.add-infostore-file .modal-body > .preview-pane > .thumbnail-container {
  width: 100%;
  height: 180px;
  margin-bottom: 10px;
}
.add-infostore-file .modal-body > .preview-pane > .thumbnail-container.contain {
  border-radius: calc(2 * var(--default-radius));
  background-color: var(--shade-a5);
  border: 5px solid #0000;
}
.add-infostore-file
  .modal-body
  > .preview-pane
  > .thumbnail-container.contain
  .details-thumbnail {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: border-box;
  margin: 0 auto;
}
.add-infostore-file
  .modal-body
  > .preview-pane
  > .thumbnail-container.cover
  .details-thumbnail {
  border-radius: calc(2 * var(--default-radius));
  background-color: var(--shade-a5);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: border-box;
  margin: 0 auto;
}
.add-infostore-file
  .modal-body
  > .preview-pane
  > .thumbnail-container.cover.file-type-image
  .details-thumbnail {
  background-position: 50%;
}
.add-infostore-file
  .modal-body
  > .preview-pane
  > .thumbnail-container
  .details-thumbnail
  svg.bi {
  opacity: 0.3;
  width: 64px;
  height: 64px;
}
.add-infostore-file .modal-body > .preview-pane > .fileinfo dl {
  margin: 0;
}
.add-infostore-file .modal-body > .preview-pane > .fileinfo dt {
  margin: 2px 0 -2px;
}
.add-infostore-file .modal-body > .preview-pane > .fileinfo dd.file-name {
  word-wrap: break-word;
  word-break: break-all;
}
.add-infostore-file .modal-body > .preview-pane > .fileinfo dd.modified > span {
  display: block;
}
.add-infostore-file .modal-body .folder-tree {
  border-right: 1px solid #ddd;
}
.add-infostore-file
  .modal-body
  .io-ox-fileselection:focus-within
  > li.file.selected {
  background-color: var(--selected-background-focus);
}
.add-infostore-file
  .modal-body
  .io-ox-fileselection:focus-within
  > li.file.selected
  * {
  color: var(--selected-focus);
}
.add-infostore-file
  .modal-body
  .io-ox-fileselection:focus-within
  > li.file.marked:not(.selected) {
  box-shadow: inset 0 0 0 2px #86acd2;
}
.add-infostore-file
  .modal-body
  .io-ox-fileselection:focus-within
  > li.file.selected:not(.marked):focus {
  background-color: var(--selected-background-focus);
}
.add-infostore-file
  .modal-body
  .io-ox-fileselection:focus-within
  > li.file.selected:not(.marked):focus
  * {
  color: #fff;
}
.add-infostore-file
  .modal-body
  .io-ox-fileselection:focus-within
  > li.file.selected.marked:focus {
  background-color: var(--selected-background-focus);
  box-shadow: inset 0 0 0 2px #86acd2;
}
.add-infostore-file
  .modal-body
  .io-ox-fileselection:focus-within
  > li.file.selected.marked:focus
  * {
  color: #fff;
}
.add-infostore-file .modal-body .io-ox-fileselection li.file {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
  padding: 2px 7px;
  line-height: 30px;
}
.add-infostore-file .modal-body .io-ox-fileselection li.file label {
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}
.add-infostore-file .modal-body .io-ox-fileselection li.file .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.5em;
  overflow: hidden;
}
.add-infostore-file .modal-body .io-ox-fileselection li.file.selected {
  background-color: var(--selected-background);
}
.add-infostore-file .modal-body .io-ox-fileselection li.file.selected * {
  color: var(--selected);
}
.add-infostore-file .modal-body .io-ox-fileselection li.file .checkbox-inline {
  display: none;
}
.touch
  .add-infostore-file
  .modal-body
  .io-ox-fileselection.multiselect
  li.file
  .checkbox-inline {
  background: 0 0;
  height: 20px;
  margin-top: 2px;
  display: block;
}
.touch
  .add-infostore-file
  .modal-body
  .io-ox-fileselection.multiselect
  li.file
  .checkbox-inline
  input[type="checkbox"] {
  cursor: pointer;
  height: 20px;
}
.touch
  .add-infostore-file
  .modal-body
  .io-ox-fileselection.multiselect
  li.file
  .name {
  padding-left: 0;
}
.add-infostore-file .modal-footer {
  margin-top: 0;
}
.smartphone
  .add-infostore-file
  .picker-pc-container
  .folder-tree
  .folder-node
  .folder-arrow {
  position: static;
}
.smartphone .add-infostore-file .picker-pc-container li.file .checkbox-inline {
  display: none;
}
.smartphone .add-infostore-file .modal-body > div,
.smartphone .add-infostore-file .modal-body > ul {
  width: 100%;
}
.mobile-dialog.io-ox-dialog-popup {
  border-radius: 0;
  width: 95%;
  max-height: 95%;
  margin-top: 0;
  top: 10px;
  overflow-y: scroll;
}
.mobile-dialog.io-ox-dialog-popup .modal-footer {
  margin-top: 0;
}
.mobile-dialog.io-ox-dialog-popup .modal-footer .row [class*="col-"] {
  margin-left: 0;
}
.mobile-dialog.io-ox-dialog-popup .modal-footer .row .btn {
  width: 100%;
  margin: 2px 0;
}
.mobile-dialog.io-ox-dialog-popup h3 {
  font-size: 20px;
}
.legacy-chrome .io-ox-dialog-popup .modal-footer .row {
  margin: 0;
}
.legacy-chrome .io-ox-dialog-popup .modal-footer .row .col-md-3 {
  padding: 0;
}
.export-dialog .modal-body label.checkbox {
  padding-left: 20px;
}
.export-dialog select {
  width: 100%;
}
.modal.flex {
  display: block;
  overflow: hidden;
}
.modal.flex.compact .modal-dialog .modal-header {
  border-bottom: 0;
}
.modal.flex.compact .modal-dialog .modal-body {
  min-height: 0;
  padding: 0;
}
.modal.flex .modal-dialog {
  align-items: center;
  width: 31.25rem;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
}
.modal.flex .modal-dialog.items-end {
  align-items: flex-end;
}
.modal.flex .modal-content {
  border: 0;
  flex-direction: column;
  width: 100%;
  max-height: min(1000px, 100% - 48px);
  display: flex;
  overflow: auto;
}
.modal.flex .modal-title {
  -webkit-hyphens: auto;
  hyphens: auto;
  font-size: 18px;
  line-height: 24px;
}
.smartphone .modal.flex .modal-title {
  font-size: 20px;
  line-height: 22px;
}
.modal.flex .modal-subtitle {
  margin-bottom: 4px;
  padding-top: 4px;
  line-height: 16px;
}
.modal.flex.zero-padding .modal-body {
  padding: 0;
}
.modal.flex .modal-header,
.modal.flex .modal-body,
.modal.flex .modal-footer {
  flex-grow: 0;
  padding: 16px;
}
.modal.flex .modal-body {
  flex-grow: 1;
  min-height: 60px;
  overflow-y: auto;
}
.modal.flex .modal-body h2:not(.m-0) {
  font-size: 18px;
}
.modal.flex .modal-footer .btn.pull-left {
  margin-right: 8px;
}
.modal.flex .modal-footer .btn.pull-right {
  margin-left: 8px;
}
.modal.flex .modal-footer .checkbox.custom {
  margin-top: 3px;
  margin-bottom: 0;
}
.smartphone .modal.flex .modal-footer .checkbox.custom {
  margin-top: 0;
  margin-bottom: 16px;
}
.modal.flex .modal-footer .btn + .btn {
  margin-left: 8px;
}
.modal.flex .modal-footer .help-block {
  text-align: left;
}
.modal.flex.mobile-dialog .modal-dialog {
  justify-content: center;
  width: 85%;
}
.modal.flex.mobile-dialog .modal-dialog .divider {
  background-color: var(--border-bright);
  height: 1px;
  display: block;
}
.modal.flex.mobile-dialog .modal-footer {
  padding-bottom: 8px;
}
.modal.flex.mobile-dialog .modal-footer .row [class*="col-"] {
  margin-left: 0;
}
.modal.flex.mobile-dialog .modal-footer .row .btn {
  width: 100%;
  height: 36px;
  margin-bottom: 8px;
}
.modal.flex.maximize .modal-dialog {
  height: 100%;
}
.modal.flex.maximize .modal-content {
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  display: flex;
}
.modal.flex.maximize .modal-body {
  flex-grow: 1;
}
.modal.flex .modal-header.help .modal-title {
  margin-right: 40px;
}
.modal.flex .modal-header.help .io-ox-context-help {
  margin-top: 16px;
  margin-right: 12px;
  padding-inline: 4px;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.modal.flex .modal-body.av-dialog {
  align-items: center;
  display: flex;
}
.modal.flex .modal-body.av-dialog > div {
  padding-left: 24px;
}
.modal.flex .modal-body.av-dialog i {
  float: left;
  color: #676767;
  padding-top: 3px;
}
.modal.flex .modal-body.av-dialog.av-danger > div {
  padding-left: 40px;
}
.modal.flex .modal-body.av-dialog.av-danger i {
  color: #dc3545;
  padding-top: 5px;
  font-size: 30px;
}
.modal.flex.modal-paused {
  z-index: 1039;
}
.folder-picker-dialog.modal.flex.mobile-dialog .modal-content {
  width: 100%;
}
.folder-picker-dialog .modal-body .folder-tree {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}
.folder-picker-dialog.add-infostore-file .modal-body .folder-tree {
  width: 33%;
  min-width: inherit;
}
.folder-picker-dialog.add-infostore-file.mobile-dialog .io-ox-pagecontroller {
  position: static;
  bottom: 0;
}
.folder-picker-dialog.add-infostore-file.mobile-dialog
  .io-ox-pagecontroller
  .modal-body
  .folder-tree {
  width: 100%;
  padding: 0 8px;
}
.generic-sidebar-container {
  gap: var(--gap);
  flex: 1;
}
.generic-sidebar-container .generic-sidebar-content {
  z-index: 1;
  border-radius: var(--gap-radius) var(--gap-radius) 0 0;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}
.generic-sidebar-container .generic-sidebar {
  z-index: 0;
  border-radius: var(--gap-radius) 0 0 0;
  display: none;
  position: static;
}
.generic-sidebar-container.visible > .generic-sidebar {
  width: 320px;
  display: block;
}
.primary-action {
  padding: 16px var(--inner-gap);
}
.primary-action > .btn-group,
.primary-action > .btn,
.primary-action > .dropdown > .btn {
  width: 100%;
  display: flex;
}
.primary-action .btn:first-child {
  flex: 1;
}
.primary-action .btn.btn-primary {
  height: 38px;
}
.primary-action .dropdown-toggle {
  width: 32px;
}
.primary-action .dropdown-menu {
  min-width: 100%;
}
.primary-action .dropdown-menu li a.disabled {
  cursor: not-allowed;
}
.btn.btn-translucent-white {
  color: var(--text);
  background-color: #fff3;
}
.window-sidebar .btn.btn-default {
  border-color: #0000;
}
.window-sidebar .btn:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 540px) {
  .generic-sidebar-container .generic-sidebar {
    display: none;
  }
}
@media (min-width: 1281px) {
  .generic-sidebar-container.visible.has-left > .generic-sidebar-content {
    left: 320px;
  }
  .generic-sidebar-container.visible.has-right > .generic-sidebar-content {
    right: 320px;
  }
  .generic-sidebar-container.visible > .generic-sidebar {
    width: 320px;
  }
}
.folder-tree {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px;
  overflow: auto;
}
.folder-tree .tree-container {
  outline: 0;
  min-width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}
.folder-tree a[role="treeitem"] {
  text-decoration: underline;
}
.folder-tree .folder {
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  width: 100%;
  line-height: 2rem;
  display: block;
  overflow: visible;
}
.folder-tree .folder.selected > .folder-node .folder-options {
  border-radius: 0 var(--default-radius) var(--default-radius) 0;
  margin-left: auto;
  display: inline-block;
}
.folder-tree .folder.empty {
  display: none;
}
.folder-tree .folder.empty.show-anyway {
  display: block;
}
.folder-tree .folder.empty.show-anyway .folder-arrow svg {
  display: none;
}
.folder-tree .folder.disabled > .folder-node > .folder-label,
.folder-tree .folder.no-select > .folder-node > .folder-label {
  color: var(--text-gray);
  font-style: italic;
}
.folder-tree
  .folder.selected.no-select:not(:focus)
  > .folder-node
  > .folder-label,
.folder-tree
  .folder.selected.disabled:not(:focus)
  > .folder-node
  > .folder-label {
  color: var(--text);
}
html[dir="rtl"] .folder-tree .folder.selected > .folder-node .folder-options {
  border-radius: var(--default-radius) 0 0 var(--default-radius);
}
.folder-tree.visible-selection .selected > .folder-node {
  background-color: var(--selected-background);
}
.folder-tree.visible-selection .selected > .folder-node * {
  color: var(--selected);
}
.folder-tree.visible-selection .selected > .folder-node .folder-counter {
  background: 0 0;
}
.folder-tree.visible-selection .selectable > .folder-node:hover,
.folder-tree.visible-selection .selectable.dnd-over > .folder-node {
  background-color: var(--selected-background-hover);
}
.folder-tree.visible-selection .selectable:focus > .folder-node {
  background-color: var(--selected-background-focus);
}
.folder-tree.visible-selection .selectable:focus > .folder-node *,
.folder-tree.visible-selection .selectable:focus > .folder-node .folder-counter,
.folder-tree.visible-selection .selectable:focus > .folder-node .folder-label {
  color: var(--selected-focus);
}
.folder-tree.visible-selection
  .selectable:focus
  > .folder-node
  .folder-options {
  background-color: var(--shade-a10);
}
.folder-tree.visible-selection-smartphone .selected > .folder-node {
  background-color: var(--selected-background-focus);
}
.folder-tree.visible-selection-smartphone .selected > .folder-node * {
  color: var(--selected-focus);
}
.folder-tree.visible-selection-smartphone
  .selected
  > .folder-node
  .folder-counter {
  color: #fff;
}
.folder-tree.visible-selection-smartphone
  .selected
  > .folder-node
  .folder-options {
  background-color: var(--shade-a10);
}
.folder-tree.visible-selection-smartphone
  .selected
  > .folder-node
  .folder-label,
.folder-tree.visible-selection-smartphone
  .folder.selected.disabled:not(:focus)
  > .folder-node
  .folder-label {
  color: var(--selected-focus);
}
.folder-tree button.contextmenu-control:not(.actions) {
  width: 2rem;
  height: 2rem;
  color: var(--text-gray);
  border-radius: var(--default-radius);
  background-color: #0000;
  border: 0;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 0;
  font-size: 1.5rem;
  display: flex;
}
.smartphone .folder-tree button.contextmenu-control:not(.actions) {
  display: none;
}
.folder-tree.visible-selection
  .selected:focus-within
  > .folder-node
  .contextmenu-control {
  background-color: var(--selected-background-focus-shade);
}
.folder-tree.visible-selection .contextmenu-control.actions svg.bi {
  width: 14px;
  height: 14px;
}
.folder-tree.visible-selection button.contextmenu-control svg.bi {
  width: 24px;
  height: 24px;
}
.folder-tree .folder-node {
  border-radius: var(--default-radius);
  height: 2rem;
  display: flex;
}
.folder-tree .folder-node a.account-link {
  vertical-align: top;
  padding: 0 8px;
}
.folder-tree .folder-node .folder-arrow {
  color: var(--text);
  flex-shrink: 0;
  align-items: center;
  width: 28px;
  padding-inline-start: 8px;
  display: flex;
}
.folder-tree .folder-node .folder-label,
.folder-tree .folder-node .folder-counter,
.folder-tree .folder-node .folder-options,
.folder-tree .folder-node .folder-buttons,
.folder-tree .folder-node .account-link {
  -webkit-font-smoothing: antialiased;
  vertical-align: top;
  margin: 0 4px;
  font-weight: 400;
  display: inline-block;
}
.folder-tree .folder-node .folder-label:empty,
.folder-tree .folder-node .folder-label:last-child,
.folder-tree .folder-node .folder-counter:empty,
.folder-tree .folder-node .folder-counter:last-child,
.folder-tree .folder-node .folder-options:empty,
.folder-tree .folder-node .folder-options:last-child,
.folder-tree .folder-node .folder-buttons:empty,
.folder-tree .folder-node .folder-buttons:last-child,
.folder-tree .folder-node .account-link:empty,
.folder-tree .folder-node .account-link:last-child {
  margin: 0;
}
.folder-tree .folder-node .folder-options {
  margin-right: 0;
}
.folder-tree .folder-node .folder-label {
  flex: 1;
  min-width: 40px;
  font-size: 14px;
}
.folder-tree .folder-node .folder-label:first-child {
  margin-inline-start: 16px;
}
.folder-tree .folder-node .folder-counter {
  color: var(--text-accent);
  vertical-align: top;
  border-radius: var(--default-radius);
  text-align: right;
  min-width: 24px;
  padding-inline-end: 4px;
  font-weight: 700;
  display: none;
}
.folder-tree .folder-node.show-counter .folder-counter {
  display: inline-block;
}
.folder-tree .folder-node .folder-options {
  outline: 0;
  padding: 0 12px;
  display: none;
}
.smartphone .folder-tree .folder-node .folder-options {
  display: inline-block;
}
.smartphone .folder-tree .folder-node .folder-options:focus {
  background-color: inherit;
}
.folder-tree .folder-node .folder-options:focus {
  background-color: var(--selected-background-focus);
}
.folder-tree .folder-node .folder-options:focus i {
  color: #fff;
}
.folder-tree .folder-node .folder-icon {
  color: var(--folder-icon);
  align-items: center;
  margin-inline-end: 4px;
  font-size: 18px;
  display: flex;
}
.folder-tree .folder-node .folder-icon .bi {
  width: 18px;
  height: 18px;
}
.folder-tree .folder-node .folder-checkbox {
  margin-bottom: 3px;
  align-items: center;
  margin-inline-end: 16px;
  display: flex;
}
.folder-tree .folder-node .folder-shared,
.folder-tree .folder-node .folder-subscribed {
  color: var(--text-gray);
  background: 0 0;
  border: 0;
  outline: none;
  margin: 0 8px;
  padding: 0;
}
.folder-tree .folder-node .folder-sub {
  color: #0000004d;
  padding: 2px;
}
.folder-tree .subfolders {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
}
.folder-tree .folder.open > .subfolders {
  display: block;
}
.folder-tree .favorites,
.folder-tree .unified-folders,
.folder-tree .standard-folders,
.folder-tree .myshares,
.folder-tree .root-folders,
.folder-tree .private-drive-folders,
.folder-tree .public-drive-folders,
.folder-tree .filestorage-folders,
.folder-tree .remote-folders {
  margin-bottom: 16px;
}
.folder-tree .shared-accounts {
  margin-top: 16px;
  margin-bottom: 16px;
}
.folder-tree .folder.section.open {
  margin-bottom: 16px;
}
.folder-tree .folder.section:first-child {
  margin-top: 0;
}
.folder-tree .folder.section > .folder-node > .folder-label {
  color: var(--text-gray);
  font-size: 12px;
  font-weight: 700;
}
.folder-tree .folder.section.selected > .folder-node > .folder-label {
  color: var(--text);
}
.folder-tree .folder.section.selected:focus > .folder-node > .folder-label {
  color: var(--selected-focus);
}
.smartphone
  .folder-tree
  .folder.section.selected:focus
  > .folder-node
  > .folder-label {
  color: var(--text);
}
.folder-tree .selected > .folder-node > .folder-label {
  vertical-align: top;
  font-weight: 700;
}
.folder-tree.calendar .selected > .folder-node > .folder-label {
  font-weight: 700;
}
.folder-tree .links {
  margin: 16px 0 0;
  padding: 0 16px 16px 52px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  list-style-type: none;
  position: relative;
}
.folder-tree .links a {
  text-decoration: none;
}
.folder-tree .links svg.bi {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 28px;
}
.folder-tree .links:empty {
  margin: 0;
  padding: 0;
}
.folder-tree .links ul {
  margin-top: -1px;
  padding-bottom: 1px;
}
.folder-tree .folder.section + .links {
  margin: 16px 0 16px 32px;
  padding: 0;
  line-height: 1.5rem;
}
.folder-tree .folder.section + .links:empty {
  margin: 0;
}
.mobile-edit-mode .folder-tree .selectable[data-contextmenu] .folder-label {
  color: var(--text);
  text-decoration: underline;
}
.io-ox-dialog-popup .has-error .btn-new-account {
  color: #a94442;
  border-color: #a94442;
  box-shadow: inset 0 1px 1px #00000013;
}
.window-sidepanel
  .folder-tree.visible-selection
  .folder.selected
  > .folder-node {
  background-color: var(--sidepanel-selected-background);
}
.window-sidepanel
  .folder-tree.visible-selection
  .folder.selected
  > .folder-node
  * {
  color: var(--sidepanel-selected);
}
.window-sidepanel
  .folder-tree.visible-selection
  .folder.selectable
  > .folder-node:hover,
.window-sidepanel
  .folder-tree.visible-selection
  .folder
  .selectable.dnd-over
  > .folder-node {
  background-color: var(--sidepanel-selectable-background-hover);
}
.window-sidepanel
  .folder-tree.visible-selection
  .folder.selected
  > .folder-node:hover {
  background-color: var(--sidepanel-selected-background-hover);
}
.window-sidepanel
  .folder-tree.visible-selection
  .folder.selectable:focus
  > .folder-node {
  background-color: var(--sidepanel-selected-background-focus);
}
.window-sidepanel
  .folder-tree.visible-selection
  .folder.selectable:focus
  > .folder-node
  *,
.window-sidepanel
  .folder-tree.visible-selection
  .folder.selectable:focus
  > .folder-node
  .folder-counter {
  color: var(--sidepanel-selected-focus);
}
.window-sidepanel
  .folder-tree.visible-selection
  .folder.selected:focus-within
  > .folder-node
  .contextmenu-control {
  background-color: var(--sidepanel-selected-background-focus-shade);
}
html .window-sidebar button.btn.current {
  color: var(--sidepanel-selected);
  background-color: var(--sidepanel-selected-background);
}
.smartphone .folder-tree {
  padding: 0;
}
.smartphone .folder-tree .folder {
  line-height: 48px;
}
.smartphone .folder-tree .folder-icon {
  float: left;
}
.smartphone .folder-tree .folder-node {
  border-radius: unset;
  height: 48px;
}
.smartphone .folder-tree .folder-node .folder-label,
.smartphone .folder-tree .folder-node .folder-counter,
.smartphone .folder-tree .folder-node .folder-options {
  font-size: 15px;
}
.smartphone .folder-tree .folder-node .folder-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 320px;
  overflow: hidden;
}
.smartphone .folder-tree .folder-node .folder-buttons {
  vertical-align: top;
}
.smartphone .folder-tree li[data-id="virtual\/settings"] .folder-node {
  height: initial;
  padding: 4px 0;
  line-height: 2rem;
}
.smartphone
  .folder-tree
  li[data-id="virtual\/settings"]
  .folder-node
  .folder-label {
  max-width: 280px;
}
.smartphone .folder-tree .folder.section + .links {
  margin-left: 0;
}
.smartphone .folder-tree .links {
  padding-left: 0;
  font-size: 16px;
}
.smartphone .folder-tree .links a {
  margin-bottom: 8px;
}
.smartphone .folder-tree .flat-tree .folder-label {
  min-width: 160px;
}
.smartphone .folder-tree .flat-tree .selected > .folder-node > .folder-label {
  width: 160px;
}
.fadein {
  perspective: 1000px;
  backface-visibility: hidden;
  animation: 0.3s fadein;
}
.fadein.fast {
  animation: 0.15s fadein;
}
.fadeout {
  perspective: 1000px;
  backface-visibility: hidden;
  animation: 0.3s fadeout;
}
.fadeout.fast {
  animation: 0.15s fadeout;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.legacy-chrome .animate-moveleft {
  transition-property: none;
  transition-duration: none;
  left: 0;
  transform: none;
}
.legacy-chrome .animate-moveright {
  transition-property: none;
  transition-duration: none;
  left: 90%;
  transform: none;
}
@media (max-width: 540px) and (orientation: portrait),
  (max-height: 540px) and (orientation: landscape) {
  .animate-moveright {
    transition-property: transform;
    transition-duration: 0.3s;
    transform: translate(90%);
  }
  .animate-moveleft {
    transition-property: transform;
    transition-duration: 0.3s;
    transform: translate(0%);
  }
}
.statistics {
  position: static;
  overflow: auto;
}
.statistics.modal-body {
  padding: 28px 28px 0;
}
.statistics h1.folder-name {
  text-transform: uppercase;
  margin: 0 0 24px;
  font-size: 24px;
}
.statistics header,
.statistics section {
  margin: 0 0 28px;
}
.statistics header:last-child,
.statistics section:last-child {
  margin-bottom: 0;
}
.statistics .folder-summary {
  color: #888;
}
.statistics .folder-actions {
  margin-top: 14px;
}
.statistics h2 {
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}
.statistics ul.compact li a.disabled,
.statistics ul.compact li.divider {
  display: none;
}
.statistics canvas {
  margin-bottom: 10px;
}
.io-ox-inline-links {
  clear: both;
  -webkit-user-select: none;
  user-select: none;
  min-height: 20px;
  margin: 18px 0;
  font-size: 14px;
  font-weight: 400;
}
.io-ox-inline-links a:hover {
  text-decoration: none;
}
.io-ox-inline-links > li {
  white-space: nowrap;
  margin-right: 22px;
  list-style-type: none;
  display: inline-block;
}
.io-ox-inline-links.embedded {
  text-align: right;
  margin: 1em 0;
}
.io-ox-inline-links.embedded .io-ox-action-link {
  margin: 0 0 0 22px;
}
.io-ox-inline-links.empty {
  min-height: 0;
  padding: 0;
}
.io-ox-inline-links > a,
.io-ox-inline-links > li.dropdown {
  color: var(--link);
  text-decoration: none;
}
.io-ox-inline-links > a:hover,
.io-ox-inline-links > li.dropdown:hover {
  text-decoration: none;
}
.io-ox-inline-links > a li,
.io-ox-inline-links > li.dropdown li {
  margin-right: 0;
}
.io-ox-inline-links li.dropdown ul {
  text-align: left;
}
.io-ox-inline-links li.dropdown .caret {
  margin-right: 5px;
}
ul.io-ox-inline-links + header {
  z-index: 2;
  position: relative;
}
.io-ox-inline-buttongroup {
  clear: both;
  -webkit-user-select: none;
  user-select: none;
  min-height: 20px;
  margin: 18px 0;
  font-size: 14px;
  font-weight: 400;
}
.io-ox-inline-buttongroup > li {
  white-space: nowrap;
  margin-right: 22px;
  list-style-type: none;
  display: inline-block;
}
.io-ox-inline-buttongroup.embedded {
  text-align: right;
  margin: 1em 0;
}
.io-ox-inline-buttongroup.embedded .io-ox-action-link {
  margin: 0 0 0 22px;
}
.io-ox-inline-buttongroup.empty {
  min-height: 0;
  padding: 0;
}
.io-ox-inline-buttongroup > a,
.io-ox-inline-buttongroup > li.dropdown {
  color: var(--link);
  text-decoration: none;
}
.io-ox-inline-buttongroup > a:hover,
.io-ox-inline-buttongroup > li.dropdown:hover {
  text-decoration: none;
}
.io-ox-inline-buttongroup > a li,
.io-ox-inline-buttongroup > li.dropdown li {
  margin-right: 0;
}
.io-ox-inline-buttongroup li.dropdown ul {
  text-align: left;
}
.io-ox-inline-buttongroup li.dropdown .caret {
  margin-right: 5px;
}
.io-ox-inline-buttongroup .io-ox-action-link {
  margin-right: 0;
}
.io-ox-inline-buttongroup a:hover {
  text-decoration: none;
}
.io-ox-action-link.btn-primary {
  color: #fff;
  font-weight: 400;
}
.io-ox-action-link.btn-primary:hover {
  text-decoration: none;
}
.io-ox-action-link.disabled {
  color: #aaa;
  cursor: not-allowed;
}
.io-ox-action-link:last-child {
  margin-right: 0;
}
.multi-selection-message .message {
  color: var(--text-gray);
  text-align: center;
  font-size: 14px;
}
.multi-selection-message .message .number {
  font-size: 20px;
  font-weight: 700;
}
.multi-selection-message .inline-actions {
  background-color: var(--background-a50);
  border: 2px solid var(--accent-300);
  border-radius: 6px;
  max-width: 500px;
  margin: 32px auto 0;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
}
.io-ox-multi-selection .box {
  text-align: left;
  width: 300px;
  max-width: 500px;
  margin: 0 auto;
  display: table;
}
.io-ox-multi-selection .summary {
  color: #ccc;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.2em;
}
.io-ox-multi-selection .summary.empty {
  color: var(--text-gray);
  font-size: 14px;
  font-weight: 400;
}
.io-ox-multi-selection .summary b {
  color: #aaa;
}
.io-ox-multi-selection .io-ox-inline-links {
  margin: 28px 0;
}
.io-ox-multi-selection .io-ox-inline-links a {
  color: var(--toolbar);
}
.io-ox-multi-selection .io-ox-inline-links.empty {
  display: none;
}
.io-ox-multi-selection .io-ox-action-link {
  display: block;
}
.io-ox-multi-selection .io-ox-action-link.disabled {
  display: none;
}
.inline-buttons {
  height: 30px;
  margin: 13px 0;
}
.inline-buttons.top {
  margin-top: 0;
}
.inline-buttons .btn {
  float: right;
  margin-left: 13px;
}
a.attachment-link {
  color: var(--text);
  word-break: break-all;
}
a.attachment-link:hover {
  color: var(--text-gray-hover);
}
.toolbar-button {
  margin: 4px 0 8px;
  font-size: 22px;
  line-height: 52px;
  display: block;
}
.toolbar-button ul {
  font-size: 14px;
  line-height: 20px;
}
.toolbar-button > a {
  text-align: center;
  outline: 0;
  width: 50px;
  height: 52px;
  display: inline-block;
}
.toolbar-button > a i {
  color: var(--toolbar);
}
.toolbar-button > a i.accent-color {
  color: #fff;
  background-color: var(--text-accent);
  border: 2px solid var(--text-accent);
  border-radius: var(--default-radius);
  width: 29px;
  padding-top: 2px;
  display: inline-block;
}
.toolbar-button > a:hover {
  text-decoration: none !important;
}
.toolbar-button > a:hover i {
  color: var(--toolbar);
  text-decoration: none;
}
.toolbar-button > a:hover i.accent-color {
  background-color: var(--text-accent);
  border-color: var(--text-accent);
}
@media (min-width: 541px), (min-device-width: 541px) {
  .toolbar-button > a:focus {
    color: var(--focus);
    background-color: var(--focus-500);
    text-decoration: none;
  }
  .toolbar-button > a:focus i {
    color: var(--focus);
    text-decoration: none;
  }
  .toolbar-button > a:focus i.accent-color {
    background-color: var(--focus-500);
    border-color: var(--focus-500);
  }
}
.toolbar-button > a.disabled i {
  color: var(--gray-10);
  cursor: default;
}
.toolbar-button > a.disabled i.accent-color {
  background-color: #fff;
  border-color: #fff;
}
.btn.btn-toolbar {
  color: var(--toolbar);
  border-radius: var(--default-radius);
  box-shadow: none;
  background-color: #0000;
  border: 0;
  margin-left: 0;
  transition: none;
}
.btn.btn-toolbar.bg-dark {
  background-color: var(--background-5);
}
.btn.btn-toolbar:hover {
  background-color: var(--shade-a5);
}
.btn.btn-toolbar:focus {
  box-shadow: none;
  outline: 0;
}
.btn.btn-toolbar:focus-visible {
  color: var(--focus);
  background-color: var(--focus-500);
  box-shadow: 0 0 0 4px var(--btn-primary-outline);
}
.btn.btn-toolbar:focus-visible > .text-gray {
  color: var(--focus);
}
.btn.btn-toolbar.disabled:focus-visible {
  color: var(--text-gray);
  background-color: var(--background-100);
  box-shadow: none;
}
.smartphone #io-ox-appcontrol {
  width: 100%;
  height: 64px;
}
.smartphone #io-ox-appcontrol .actions {
  flex-grow: 1;
}
.smartphone #io-ox-appcontrol .mobile-toolbar {
  gap: 4px;
}
.smartphone #io-ox-appcontrol .mobile-toolbar .inline-toolbar {
  margin-top: 0;
  margin-inline-start: 0;
  display: flex;
}
.smartphone #io-ox-appcontrol .mobile-toolbar .inline-toolbar li {
  margin-inline-end: 0;
}
.smartphone #io-ox-appcontrol .mobile-toolbar .inline-toolbar .btn.btn-toolbar {
  width: 42px;
  height: 48px;
  color: var(--topbar-icon);
  padding: 0;
  font-size: 18px;
  position: relative;
}
.smartphone #io-ox-appcontrol .mobile-toolbar .inline-toolbar .btn-primary {
  margin: 6px 0;
  margin-inline-start: 4px;
  padding: 8px;
}
.smartphone #io-ox-appcontrol .toolbar-content {
  width: 100%;
}
.smartphone #app-navigation {
  background: var(--topbar-background);
  z-index: 10;
  gap: 8px;
  margin: 0;
}
.smartphone #app-navigation li {
  width: 25%;
  font-size: 1rem;
}
.smartphone #app-navigation li button {
  width: 100%;
  padding: 6px 0;
  position: relative;
}
.smartphone #app-navigation li button.btn.btn-toolbar {
  color: var(--topbar-icon);
}
.smartphone #app-navigation li button.btn.btn-toolbar:focus-visible {
  color: var(--focus);
}
.smartphone #app-navigation li button.btn.btn-toolbar.active,
.smartphone #app-navigation li button.btn.btn-toolbar.active:hover {
  color: var(--sidepanel-selected);
  background-color: var(--navbar-button-background);
}
.smartphone #app-navigation li button.btn.btn-toolbar.active:focus-visible {
  color: var(--focus);
  background-color: var(--focus-500);
}
.smartphone #app-navigation li button.btn:focus-visible {
  box-shadow: none;
}
.smartphone #app-navigation li button svg {
  width: 18px;
  height: 18px;
}
.smartphone #app-navigation li button .icon-label {
  font-size: 0.625rem;
}
.smartphone #app-navigation li button .indicator {
  top: 6%;
  left: 64%;
}
.smartphone #app-navigation .list-unstyled > li,
.smartphone #app-navigation .io-ox-action-link.mobile-toolbar-action {
  text-align: center;
  vertical-align: middle;
  width: 19.9%;
  height: 64px;
  margin: 0;
  font-size: 22px;
  line-height: 64px;
  display: inline-block;
}
.smartphone #app-navigation .list-unstyled > li.text-button,
.smartphone
  #app-navigation
  .io-ox-action-link.mobile-toolbar-action.text-button {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  overflow: hidden;
}
.smartphone #app-navigation .inline-toolbar {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  margin: 0;
  display: flex;
}
.smartphone #app-navigation .inline-toolbar > li {
  width: 20%;
  height: 100%;
  margin: 0;
}
.smartphone #app-navigation .inline-toolbar > li > a,
.smartphone #app-navigation .inline-toolbar > li button {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  display: flex;
}
.smartphone #app-navigation .inline-toolbar > li > a:focus:not(.disabled),
.smartphone #app-navigation .inline-toolbar > li button:focus:not(.disabled) {
  color: var(--toolbar);
  background: 0 0;
}
.smartphone #app-navigation .inline-toolbar > li > a.disabled,
.smartphone #app-navigation .inline-toolbar > li button.disabled {
  text-decoration: none;
}
.smartphone #app-navigation .inline-toolbar > li > a.disabled:focus,
.smartphone #app-navigation .inline-toolbar > li button.disabled:focus {
  background: 0 0;
}
.smartphone #app-navigation .inline-toolbar .dropdown {
  line-height: auto;
}
.smartphone .left-action {
  overflow: hidden;
}
.smartphone .left-action button {
  width: 100%;
  height: 40px;
  color: var(--topbar-icon);
  padding: 6px 0;
  font-size: 1rem;
}
.smartphone .left-action button.edit {
  padding-left: 4px;
}
.smartphone .left-action button svg {
  flex-shrink: 0;
  margin-right: 8px;
}
.bottom-toolbar.bottom-toolbar-visible .window-content {
  bottom: 40px;
}
ul.classic-toolbar {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
ul.classic-toolbar > li {
  flex-direction: column;
  height: 100%;
  padding: 0;
  list-style: none;
  display: flex;
}
ul.classic-toolbar > li > a.upsell i.upsell-icon {
  color: #ffc107;
  margin-left: 4px;
  font-size: 14px;
}
ul.classic-toolbar > li > a,
ul.classic-toolbar > li > button {
  border-radius: var(--default-radius);
  white-space: nowrap;
  outline: 0;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  text-decoration: none;
  display: flex;
}
ul.classic-toolbar > li > a i,
ul.classic-toolbar > li > button i {
  text-decoration: none;
}
ul.classic-toolbar > li > a:focus,
ul.classic-toolbar > li > button:focus {
  background-color: var(--gray-50);
  text-decoration: none;
}
ul.classic-toolbar > li > a:focus:focus-visible,
ul.classic-toolbar > li > button:focus:focus-visible {
  color: var(--focus);
  background-color: var(--focus-500);
}
ul.classic-toolbar > li > a.disabled,
ul.classic-toolbar > li > button.disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}
@media (max-width: 580px) {
  ul.classic-toolbar > li > a,
  ul.classic-toolbar > li > button {
    padding: 8px 14px;
  }
}
ul.classic-toolbar > li > button {
  text-align: left;
  font-size: 13px;
}
ul.classic-toolbar > li.pull-right {
  margin-left: auto;
}
ul.classic-toolbar > li.pull-right > .dropdown-menu {
  right: 4px;
}
.align-right > ul.classic-toolbar {
  display: flex;
}
.align-right > ul.classic-toolbar li.align-left + li:not(.align-left) {
  margin-left: auto;
}
ul.classic-toolbar {
  padding-left: 16px;
}
.classic-toolbar-container {
  height: 40px;
  position: relative;
}
.inline-toolbar {
  margin-top: 4px;
  margin-bottom: 0;
  clear: both;
  -webkit-user-select: none;
  user-select: none;
  min-height: 32px;
  margin-inline-start: -8px;
  padding: 0;
}
.inline-toolbar > li {
  white-space: nowrap;
  margin-inline-end: 2px;
  list-style-type: none;
  display: inline-block;
}
.inline-toolbar > li:last-child {
  margin-inline-end: 0;
}
.inline-toolbar > li > a,
.inline-toolbar > li > button {
  border-radius: var(--default-radius);
  padding: 6px 8px;
  display: flex;
}
.inline-toolbar > li > a:focus:not(.btn-primary),
.inline-toolbar > li > button:focus:not(.btn-primary) {
  border-color: var(--gray-50);
  outline: 0;
  text-decoration: none;
}
.inline-toolbar > li > a:focus:focus-visible,
.inline-toolbar > li > button:focus:focus-visible {
  color: var(--focus);
  background-color: var(--focus-500);
  box-shadow: 0 0 0 2px var(--btn-primary-outline);
}
.inline-toolbar > li a.disabled {
  color: var(--shade-a20);
  cursor: not-allowed;
}
.window-toolbar > ul {
  margin: 0;
}
.window-toolbar > a {
  color: var(--toolbar);
  cursor: pointer;
  white-space: nowrap;
  outline: 0;
  margin: 0 1em 0 0;
  text-decoration: none;
  display: inline-block;
}
.window-toolbar .dropdown-menu {
  text-align: left;
}
.window-toolbar .dropdown-menu a {
  margin-right: 0;
}
.touch .window-toolbar a {
  outline: 0;
}
.window-toolbar .btn {
  font-size: 13px;
}
.window-toolbar .btn-group + .btn-group {
  margin-left: 15px;
}
.window-toolbar .btn-primary + .btn-primary {
  margin-left: 10px;
}
.window-toolbar a.btn-primary,
.window-toolbar a.btn-primary:hover {
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
}
.window-toolbar a:hover,
.window-toolbar a.button:hover {
  text-decoration: underline;
}
.generic-toolbar {
  width: 100%;
  height: 2.5rem;
  margin: 0;
  padding: 0 8px;
  font-size: 14px;
}
.generic-toolbar.top {
  margin-bottom: 8px;
}
.generic-toolbar.bottom {
  z-index: 1;
  justify-content: space-between;
  display: flex;
  bottom: 0;
}
.generic-toolbar .toolbar-item {
  color: #333;
  align-items: center;
  padding: 0 16px;
  line-height: 39.9375px;
  text-decoration: none;
  display: flex;
}
.generic-toolbar .btn.btn-toolbar svg {
  width: 14px;
  height: 14px;
}
.generic-toolbar .btn.btn-toolbar svg.bi-three-dots {
  width: 18px;
  height: 18px;
}
.generic-toolbar .io-ox-context-help {
  color: var(--text-gray);
  align-items: center;
  width: 40px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}
.generic-toolbar .btn.btn-toolbar {
  width: 40px;
}
.generic-toolbar.visual-focus .toolbar-item {
  outline: 0;
}
.generic-toolbar.visual-focus .toolbar-item:hover {
  color: #555;
  background-color: #0000000d;
}
.generic-toolbar.visual-focus .toolbar-item:focus {
  color: #fff;
  background-color: var(--focus-500);
}
.generic-toolbar .toolbar-item.pull-right > .dropdown-menu {
  right: 4px;
}
.generic-toolbar.toolbar-small {
  height: 30px;
  line-height: 29px;
}
.generic-toolbar.toolbar-small .toolbar-item {
  line-height: 29px;
}
.generic-toolbar .folder-info {
  padding-left: 8px;
  line-height: 1.2em;
}
.generic-toolbar .folder-info .folder-count {
  line-height: normal;
}
.generic-toolbar .folder-name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
}
.secondary-toolbar {
  font-size: 13px;
  overflow: hidden;
}
@media (max-width: 540px) and (orientation: portrait),
  (max-height: 540px) and (orientation: landscape) {
  .toolbar-button {
    margin: 0;
  }
  #multi-select-toolbar .select-counter {
    color: #aaa;
    margin-left: 15px;
    font-weight: 700;
  }
}
@media print {
  .atb,
  .rightside.selection-one,
  .rightside.selection-empty {
    position: static;
  }
  .window-body {
    left: 0 !important;
  }
  #io-ox-screens,
  .abs.window-content {
    top: 0 !important;
  }
  #io-ox-core {
    background: 0 0 !important;
  }
  #io-ox-appcontrol,
  #io-ox-topbar,
  .window-sidepanel,
  .categories-toolbar-container,
  .classic-toolbar-container,
  #io-ox-sidepanel,
  #io-ox-sidepanel-toolbar,
  .leftside.selection-one,
  .leftside.selection-empty,
  .back-navigation,
  ul.actions,
  .contact-picture,
  .unread-toggle,
  .show-all-recipients,
  .countdown-collection,
  .io-ox-alert {
    display: none !important;
  }
  .rightside.selection-empty .thread-view-list,
  .rightside.selection-one .thread-view-list,
  .rightside.selection-one,
  .rightside.selection-empty {
    padding: 0 !important;
    overflow: visible !important;
  }
  .rightside.selection-empty .thread-view.list-view .list-item,
  .rightside.selection-one .thread-view.list-view .list-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
  }
  .rightside.selection-empty .detail-view-header,
  .rightside.selection-one .detail-view-header {
    padding-left: 16px !important;
  }
  .rightside.selection-empty .detail-view-header .recipients .io-ox-label,
  .rightside.selection-empty .detail-view-header .recipients .person-link,
  .rightside.selection-empty .detail-view-header .recipients .delimiter,
  .rightside.selection-one .detail-view-header .recipients .io-ox-label,
  .rightside.selection-one .detail-view-header .recipients .person-link,
  .rightside.selection-one .detail-view-header .recipients .delimiter {
    display: inline-block !important;
  }
  .rightside.selection-multiple {
    display: none !important;
  }
  .leftside.selection-multiple {
    border-right: none !important;
    width: 100% !important;
    position: static !important;
  }
  .leftside.selection-multiple .toolbar,
  .leftside.selection-multiple .list-item,
  .leftside.selection-multiple .list-item-checkmark {
    display: none !important;
  }
  .leftside.selection-multiple .list-item.selected {
    padding-left: 16px;
    padding-right: 16px;
    display: block !important;
  }
  .io-ox-mail-window .abs,
  .io-ox-mail-window .window-container,
  .io-ox-mail-window .window-body {
    position: static;
  }
  .io-ox-contacts-window .leftside,
  .io-ox-tasks-window .leftside {
    display: none !important;
  }
  .io-ox-contacts-window .rightside,
  .io-ox-tasks-window .rightside {
    left: 0 !important;
  }
}
.dropdown a > svg {
  color: inherit;
}
.dropdown span.dropdown-label {
  padding-right: 2px;
}
.dropdown-menu.dropdown-right {
  left: auto;
  right: 4px;
}
.dropdown-menu.dropdown-right-side {
  top: 15%;
  left: 42px;
}
.dropdown-menu > li > :is(a, button):focus,
.dropdown-menu > [role="group"] > li > :is(a, button):focus {
  color: var(--selected-focus);
  background-color: var(--selected-background-focus);
  outline: 0;
}
.dropdown-menu > [role="group"] > li > :is(a, button):hover {
  color: #1e2125;
  background-color: #e9ecef;
  text-decoration: none;
}
.dropdown-menu > li > :is(a, button),
.dropdown-menu > [role="group"] > li > :is(a, button) {
  clear: both;
  color: #333;
  white-space: nowrap;
  padding: 3px 20px;
  font-weight: 400;
  line-height: 1.42857;
  display: block;
}
.dropdown-menu > li i.upsell-icon {
  color: #ffc107;
  margin-left: 4px;
  font-size: 14px;
}
.dropdown-menu-right > li > li.io-ox-upsell-link > a {
  white-space: nowrap;
  padding: 3px 20px;
}
.dropdown-header,
.dropdown-footer {
  cursor: default;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 230px;
  display: block;
  overflow: hidden;
}
.dropdown-header {
  color: #767676;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  display: block;
}
.dropdown-header.dropdown-description {
  white-space: normal;
  cursor: pointer;
  min-width: 200px;
}
.dropdown-footer {
  border-top: 1px solid #ddd;
  margin-top: 6px;
  padding: 6px 20px 3px;
}
.dropdown li {
  text-shadow: none;
  display: block;
}
.dropdown li a:not(.folder-default-color) .checkbox-color:not(.color-label) {
  border-radius: 3px;
  width: 1em;
  margin-right: 1em;
}
.dropdown li small {
  color: #777;
  font-size: 12px;
}
.dropdown a:hover,
.dropdown a:focus {
  text-decoration: none;
}
.dropdown a b.caret {
  color: #333;
}
.dropdown button.btn-default .fa-caret-down,
.dropdown button.btn-link .fa-caret-down {
  color: var(--gray-400);
}
.dropdown-menu {
  text-align: start;
}
.dropdown-menu [role="menuitemcheckbox"] .checkmark {
  background-size: 18px;
  width: 20px;
  height: 20px;
  margin-inline-end: 4px;
}
.dropdown-menu [role="menuitemcheckbox"][aria-checked="true"] .checkmark {
  background: var(--checkbox-svg-inverted);
}
.dropdown-menu [role="menuitemradio"] .checkmark {
  background-color: var(--shade-a10);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-inline-end: 8px;
}
.dropdown-menu [role="menuitemradio"][aria-checked="true"] .checkmark {
  background: var(--radio-svg);
  background-color: var(--accent);
}
ul.dropdown-menu li a.disabled {
  color: var(--text-disabled);
}
.context-dropdown {
  z-index: 10000;
  background-color: #ffffff03;
  display: none;
  position: fixed;
  inset: 0;
}
.context-dropdown.dropdown {
  position: fixed;
}
.context-dropdown .dropdown-toggle {
  outline: 0;
}
.context-dropdown.open {
  display: block;
}
.context-dropdown.open .dropdown-toggle {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.context-dropdown .dropdown-menu {
  z-index: 10001;
  position: absolute;
  top: 100px;
  left: 100px;
}
.context-dropdown .dropdown-menu.io-ox-busy {
  min-height: 100px;
}
.dropdown-menu:empty,
.dropdown-menu .divider:first-child,
.dropdown-menu .divider + .divider {
  display: none;
}
.dropdown-menu .divider:not(:has(~ :not(.divider))) {
  display: none;
}
.has-detail {
  display: flex;
}
.smartphone .has-detail:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.smart-dropdown-container .smart-dropdown-backdrop {
  z-index: 1;
}
.smart-dropdown-container ul {
  z-index: 2;
  overflow: hidden auto;
}
.tt-dropdown-menu {
  background-color: var(--background);
  max-height: 200px;
  overflow: hidden auto;
}
.autocomplete-item .contact-image {
  float: left;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-right: 14px;
  display: inline-block;
}
.autocomplete-item .recipient-name {
  font-weight: 700;
}
.autocomplete-item .recipient-name,
.autocomplete-item .email {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.drag-helper {
  z-index: 65000;
  width: 360px;
  height: 48px;
  color: var(--text);
  background-color: var(--background);
  border-radius: var(--default-radius);
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 14px 0 62px;
  line-height: 48px;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 4px 12px #00000080;
}
.drag-counter {
  text-align: center;
  color: #fff;
  background-color: var(--accent);
  border-radius: var(--default-radius) 0 0 var(--default-radius);
  width: 48px;
  font-weight: 700;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.dndmask {
  opacity: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}
.inplace-dropzone {
  border: 2px dashed hsla(var(--shade-base), 20%);
  background-color: var(--background);
  margin: 7px;
  position: relative;
}
.inplace-dropzone.abs {
  z-index: 1000000;
  position: absolute;
}
.inplace-dropzone .dropzone-caption,
.inplace-dropzone .dropzone-dragover {
  color: var(--text);
  text-align: center;
  z-index: 1;
  width: 100%;
  margin-top: -10px;
  padding: 0 24px;
  font-weight: 700;
  top: 50%;
}
.inplace-dropzone .dropzone-dragover {
  color: hsla(var(--shade-base), 60%);
  margin-top: -60px;
  font-size: 60px;
  line-height: 80px;
  display: none;
}
.inplace-dropzone .dropzone-overlay {
  opacity: 0.01;
  z-index: 2;
  display: block;
}
.inplace-dropzone.dragover {
  border-color: hsla(var(--shade-base), 60%);
}
.inplace-dropzone.dragover .dropzone-caption {
  color: hsla(var(--shade-base), 40%);
  margin-top: 20px;
}
.inplace-dropzone.dragover .dropzone-dragover {
  display: block;
}
.detail-view-app {
  background-color: var(--background-50);
  overflow: auto;
}
.detail-view-app .thread-view-control,
.detail-view-app .detail-view-container {
  min-width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.detail-view-app .thread-view-control .mail-detail-content.simple-mail,
.detail-view-app .detail-view-container .mail-detail-content.simple-mail {
  max-width: 100%;
}
.detail-view-app .detail-view-container {
  outline: 0;
  flex: 1;
  padding: 24px;
  overflow: visible;
}
.detail-view-app .detail-view-container > div {
  background-color: var(--background);
  border: 1px solid var(--border-bright);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 3px 10px -2px #0000001a;
}
.detail-view-app .inline-toolbar {
  justify-content: flex-end;
  display: flex;
}
.detail-view-app .thread-view-control,
.detail-view-app .thread-view-list {
  min-height: 100%;
  padding-top: 24px;
  position: static;
}
.detail-row {
  margin-bottom: 1rem;
  display: flex;
}
.detail-row .icon,
.detail-row .detail-row-icon {
  color: var(--text-gray);
  width: 40px;
}
.detail-row .icon .bi,
.detail-row .detail-row-icon .bi {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}
.detail-row .content,
.detail-row .detail-row-content {
  flex: 1;
  width: calc(100% - 40px);
}
.wizard-container {
  z-index: 100003;
  display: flex;
}
.wizard-step {
  background-color: var(--background);
  z-index: 1000;
  border-radius: var(--double-radius);
  outline: 0;
  width: 400px;
  font-size: 14px;
  position: absolute;
  overflow: auto;
  box-shadow: 0 10px 20px #0000004d;
}
html.dark .wizard-step:not(:has(.connect-wizard)) {
  background-color: var(--background-100);
  outline: 1px solid var(--border);
}
.wizard-step.center {
  margin: 0 auto;
  position: static;
}
.wizard-step.middle {
  align-self: center;
  position: static;
}
.wizard-step .breadcrumb-placeholder {
  height: 36px;
}
.wizard-step .wizard-title {
  margin: 0 32px 0 0;
  padding: 24px 16px 0;
  font-size: 18px;
  font-weight: 700;
}
.wizard-step .wizard-title:empty {
  display: none;
}
.wizard-step .wizard-header {
  position: relative;
}
.wizard-step .wizard-close {
  width: 40px;
  height: 48px;
  color: var(--text-gray);
  opacity: 0.8;
  outline: 0;
  line-height: 48px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.wizard-step .wizard-close:hover {
  opacity: 1;
}
.wizard-step .wizard-content {
  padding: 16px;
}
.wizard-step .wizard-footer {
  text-align: right;
  padding: 16px 24px;
  font-weight: 700;
}
.wizard-step .wizard-footer:empty {
  display: none;
}
.wizard-step .wizard-footer .btn {
  margin-left: 16px;
}
.wizard-step .wizard-footer .wizard-step-number {
  text-align: left;
  height: 0;
  color: var(--text-gray);
  font-weight: 200;
  line-height: 30px;
  display: block;
}
.wizard-step .getting-started-header {
  background-image: url(./tour_dialog_banner@2x-BfTz9Pr5.jpg);
  background-size: cover;
  border-radius: 12px 12px 0 0;
  height: 177px;
}
.wizard-step .getting-started-container {
  flex-direction: row;
  gap: 5px;
  display: flex;
}
.wizard-step .getting-started-container .greeting-title {
  margin: 0;
  padding: 16px 0 24px;
  font-size: 22px;
  font-weight: 700;
  line-height: 20px;
}
.wizard-step .getting-started-container .getting-started-brush {
  align-items: center;
  display: flex;
}
.wizard-step .getting-started-container .getting-started-text {
  padding: 0 24px 24px;
  line-height: 20px;
}
.getting-started-modal {
  width: 664px;
  padding: 0;
}
.wizard-overlay {
  z-index: 100001;
  background-color: #00000026;
}
html.dark .wizard-overlay:not(.wizard-spotlight) {
  background-color: #00000040;
}
.wizard-backdrop {
  z-index: 100001;
  background-color: #00000026;
}
html.dark .wizard-backdrop {
  background-color: #00000040;
}
.wizard-spotlight {
  z-index: 100002;
  background-color: #ffffff03;
  box-shadow: 0 10px 50px #0006;
}
html.dark .wizard-spotlight {
  outline: 1px solid var(--border);
  background-color: #ffffff1a;
}
.smartphone .wizard-container {
  z-index: 1000;
  background-color: #f5f5f5;
  display: block;
  overflow: hidden;
}
.smartphone .wizard-navbar {
  text-align: center;
  table-layout: fixed;
  -webkit-touch-callout: none;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 100%;
  height: 48px;
  line-height: 48px;
  display: table;
  position: absolute;
}
.smartphone .wizard-navbar a:active,
.smartphone .wizard-navbar a:focus {
  opacity: 0.5;
  text-decoration: none;
}
.smartphone .wizard-navbar a[disabled] {
  color: #aaa;
  pointer-events: none;
}
.smartphone .wizard-title,
.smartphone .wizard-back,
.smartphone .wizard-next {
  white-space: nowrap;
  width: 50%;
  display: table-cell;
}
.smartphone .wizard-title {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  overflow: hidden;
}
.smartphone .wizard-back {
  text-align: left;
  padding: 0 8px 0 16px;
}
.smartphone .wizard-next {
  text-align: right;
  padding: 0 16px 0 8px;
}
.smartphone .wizard-pages {
  width: 100%;
  position: absolute;
  top: 49px;
  bottom: 0;
}
.smartphone .wizard-animation {
  display: none;
}
.smartphone .wizard-step {
  text-align: center;
  width: 100%;
  height: 100%;
  box-shadow: none;
  background-color: #0000;
  padding-top: 40px;
  font-size: 16px;
  top: 0;
  left: 0;
  overflow: hidden;
  transform: translate(0, 0);
}
.taptrap {
  z-index: 100;
  background: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.io-ox-pagecontroller {
  box-shadow: 0 0 10px #ccc;
}
.io-ox-pagecontroller.page {
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}
.io-ox-pagecontroller.page.current,
.io-ox-pagecontroller.page.inmotion {
  display: block;
}
.io-ox-pagecontroller.page .content {
  margin: 0 8px;
}
.smartphone .io-ox-pagecontroller.page {
  background-color: var(--background);
  overflow: hidden;
}
.smartphone .io-ox-pagecontroller.page.current,
.smartphone .io-ox-pagecontroller.page.inmotion {
  display: flex;
}
.smartphone .mobile-toolbar-visible .io-ox-pagecontroller.page {
  height: 100%;
}
.io-ox-core-animation.in,
.io-ox-core-animation.out {
  backface-visibility: hidden;
  perspective: 1000px;
  animation-duration: 0.4s;
  animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
  animation-fill-mode: both;
}
.io-ox-core-animation.slideleft.in {
  animation-name: slideLeftIn;
}
.io-ox-core-animation.slideleft.out {
  animation-name: slideLeftOut;
}
.io-ox-core-animation.slideright.in {
  animation-name: slideRightIn;
}
.io-ox-core-animation.slideright.out {
  animation-name: slideRightOut;
}
.io-ox-core-animation.slideup.in {
  animation-name: slideUpIn;
}
.io-ox-core-animation.slideup.out {
  animation-name: slideUpOut;
}
.io-ox-core-animation.slidedown.in {
  animation-name: slideDownIn;
}
.io-ox-core-animation.slidedown.out {
  animation-name: slideDownOut;
}
.io-ox-core-animation.pop {
  transform-origin: 50%;
}
.io-ox-core-animation.pop.in {
  opacity: 1;
  animation-name: popin;
  animation-duration: 0.35s;
  transform: scale(1);
}
.io-ox-core-animation.pop.out {
  opacity: 0;
  animation-name: fadeOut;
  animation-duration: 0.1s;
}
.io-ox-core-animation.fade.in {
  opacity: 1;
  animation-name: fadeIn;
  animation-duration: 0.15s;
  animation-timing-function: linear;
}
.io-ox-core-animation.fade.out {
  opacity: 0;
  animation-name: fadeOut;
  animation-duration: 0.15s;
  animation-timing-function: linear;
}
@media (prefers-reduced-motion: reduce) {
  .io-ox-core-animation.slideleft.in,
  .io-ox-core-animation.slideright.in,
  .io-ox-core-animation.slideup.in,
  .io-ox-core-animation.slidedown.in,
  .io-ox-core-animation.pop.in {
    opacity: 1;
    animation-name: fadeIn;
    animation-duration: 0.15s;
    animation-timing-function: linear;
  }
  .io-ox-core-animation.slideleft.out,
  .io-ox-core-animation.slideright.out,
  .io-ox-core-animation.slideup.out,
  .io-ox-core-animation.slidedown.out,
  .io-ox-core-animation.pop.out {
    opacity: 0;
    animation-name: fadeOut;
    animation-duration: 0.15s;
    animation-timing-function: linear;
  }
}
@keyframes popin {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes popout {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes slideLeftIn {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes slideLeftOut {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  to {
    opacity: 0.8;
    transform: translate(-20%);
  }
}
@keyframes slideRightIn {
  0% {
    transform: translate(-20%);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes slideRightOut {
  0% {
    transform: translate(0, 0);
  }
  to {
    transform: translate(100%);
  }
}
@keyframes slideUpIn {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes slideUpOut {
  0% {
    transform: translate(0, 0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes slideDownIn {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes slideDownOut {
  0% {
    transform: translate(0, 0);
  }
  to {
    transform: translateY(100%);
  }
}
.attachment-list {
  gap: 4px 32px;
  display: grid;
}
.attachment-list.grid {
  grid-template-columns: repeat(2, 1fr);
}
.attachment-list .file {
  background: var(--background-5);
}
.attachment-list .remove-attachment svg {
  color: var(--delete);
}
.attachment-list .remove-attachment:hover svg,
.attachment-list .remove-attachment:focus svg {
  color: var(--gray-800);
}
.attachment-list:empty {
  display: none;
}
:is(.add-local-file, .add-from-storage) svg {
  color: var(--add);
}
.touch :is(.filename, .filesize) {
  font-size: 14px;
}
.hotspot {
  z-index: 100002;
  background-color: #fd057c;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
}
.hotspot:before {
  content: "";
  background-color: fade(#fd057c, 70%);
  z-index: -1;
  border: 1px solid #fd057c;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: 2s ease-out infinite hotspot-pulsar;
  position: absolute;
  top: -56px;
  left: -56px;
}
.hotspot:after {
  content: "";
  background-color: fade(#fd057c, 70%);
  border: 1px solid #fd057c;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: 2s ease-out infinite hotspot-pulsar-inner;
  position: absolute;
  top: -56px;
  left: -56px;
}
@keyframes hotspot-pulsar {
  0% {
    opacity: 0.65;
    transform: scale(0.1);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes hotspot-pulsar-inner {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  24%,
  90% {
    opacity: 0;
  }
  25% {
    opacity: 0.65;
    transform: scale(0.1);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.skip-links.sr-only.sr-only-focusable {
  z-index: 13;
  height: 56px;
  color: var(--text);
  background-color: var(--background);
  border-radius: var(--default-radius);
  outline: 1px solid var(--focus-500);
  position: fixed;
  top: 8px;
  left: 8px;
}
.sr-only {
  color: var(--text);
  background-color: var(--background);
  -webkit-user-select: none;
  user-select: none;
}
.sr-only-text {
  color: var(--background);
  background-color: var(--background);
  -webkit-user-select: none;
  user-select: none;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  white-space: normal;
  width: auto;
  height: auto;
  position: static;
  overflow: visible;
}
#accessible-tooltip-container {
  height: 0;
  overflow: hidden;
}
.accessible-tooltip {
  color: var(--tooltip-text);
  background-color: var(--tooltip-background);
  border-radius: var(--default-radius);
  max-width: 240px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  display: none;
}
.accessible-tooltip.active {
  z-index: 10000;
  display: block;
  position: fixed;
}
.accessible-tooltip .tooltip-arrow {
  width: 12px;
  height: 6px;
  display: block;
  position: absolute;
  left: calc(50% - 8px);
}
.accessible-tooltip .tooltip-arrow:before {
  content: "";
  border-style: solid;
  border-color: #0000;
  position: absolute;
}
.accessible-tooltip.top .tooltip-arrow {
  bottom: -3px;
}
.accessible-tooltip.top .tooltip-arrow:before {
  border-width: 6px 6px 0;
  border-top-color: var(--tooltip-background);
}
.accessible-tooltip.bottom .tooltip-arrow {
  top: -6px;
}
.accessible-tooltip.bottom .tooltip-arrow:before {
  border-width: 0 6px 6px;
  border-bottom-color: var(--tooltip-background);
}
#io-ox-core #io-ox-topbar {
  display: none;
}
.smartphone .popover-signout {
  margin-right: 10px;
}
.smartphone .popover-signout .popover-content-signout {
  color: #333;
}
#io-ox-top-logo {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 72px;
  height: 100%;
  font-size: 0;
  display: flex;
}
.smartphone #io-ox-top-logo {
  margin: 0 10px;
}
#io-ox-top-logo .logo-container {
  width: max-content;
  min-width: 52px;
}
#io-ox-top-logo img,
#io-ox-top-logo svg {
  object-fit: contain;
  width: auto;
  min-width: 100%;
  max-width: 100%;
  height: 32px;
  max-height: 100%;
}
.logo-btn {
  border: 0;
  outline: 0;
  height: 48px;
  padding: 0;
}
.smartphone .logo-btn:focus,
.smartphone .logo-btn:hover {
  box-shadow: none;
  background: 0 0;
  outline: none;
}
#io-ox-appcontrol {
  z-index: 12;
  color: var(--topbar-icon);
  background: var(--topbar-background);
  align-content: center;
  height: 72px;
  padding: 0;
  display: flex;
  container: appcontrol/size;
}
.smartphone #io-ox-appcontrol {
  container-type: unset;
  z-index: unset;
}
#io-ox-appcontrol > div > ul {
  height: 100%;
  margin-bottom: 0;
  display: flex;
}
#io-ox-appcontrol > div > ul > li {
  align-items: center;
  display: inline-flex;
}
#io-ox-appcontrol .badge {
  background-color: #c80000;
  top: 0;
}
#io-ox-appcontrol #io-ox-topleftbar,
#io-ox-appcontrol #io-ox-quicklaunch,
#io-ox-appcontrol #io-ox-topsearch,
#io-ox-appcontrol #io-ox-toprightbar {
  align-items: center;
  height: 100%;
  display: inline-flex;
}
#io-ox-appcontrol button.btn-topbar:not(.launcher-dropdown *) {
  width: 48px;
  height: 48px;
  color: var(--topbar-icon);
  padding: 0;
  font-size: 18px;
  position: relative;
}
#io-ox-appcontrol button.btn-topbar:not(.launcher-dropdown *):focus-visible {
  color: #fff;
}
#io-ox-appcontrol button.btn-topbar:not(.launcher-dropdown *):hover {
  background-color: var(--topbar-hover);
  color: var(--topbar-icon);
}
@container appcontrol (width<=820px) {
  #io-ox-appcontrol #io-ox-quicklaunch {
    display: none;
  }
}
@container appcontrol (width<=940px) {
  #io-ox-appcontrol #io-ox-quicklaunch button:not(:first-child) {
    display: none;
  }
}
@container appcontrol (width<=1100px) {
  #io-ox-appcontrol #io-ox-quicklaunch button:nth-child(n + 4) {
    display: none;
  }
}
.smartphone #io-ox-appcontrol #io-ox-quicklaunch {
  display: none;
}
#io-ox-appcontrol #io-ox-quicklaunch .upsell-icon {
  color: var(--upsell);
  position: absolute;
  top: 8px;
  right: 2px;
}
.smartphone #io-ox-appcontrol #io-ox-toprightbar {
  padding-right: 0;
}
#io-ox-appcontrol
  #io-ox-toprightbar
  #io-ox-topbar-account-dropdown-icon
  .dropdown-toggle {
  display: block;
}
#io-ox-appcontrol #io-ox-toprightbar .contact-picture {
  width: 40px;
  height: 40px;
  color: var(--avatar);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--avatar-background);
  fill: currentColor;
  background-clip: padding-box;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}
.app-header-container {
  padding-inline: 16px;
  min-height: 52px;
  padding-top: 16px;
  padding-bottom: 12px;
  line-height: normal;
}
.app-header-container .inline-toolbar {
  margin-top: unset;
  gap: 8px;
  min-height: 20px;
  margin-left: 4px;
  line-height: 1;
  display: flex;
}
.app-header-container .inline-toolbar > li {
  display: flex;
}
.app-header-container .context {
  overflow: hidden;
}
.app-header-container .context .title-lg {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.25rem;
  overflow: hidden;
}
.app-header-container .context .subtitle {
  color: var(--text-gray);
}
.app-header-container .context .title-sm {
  color: var(--text-gray);
  font-size: 0.875rem;
}
.app-header-container .right-side span {
  font-size: 1rem;
}
.app-header-container .right-side button {
  padding: 0;
}
.app-header-container .right-side button.edit {
  padding-left: 8px;
}
#io-ox-topbar-account-dropdown-icon {
  margin-inline-start: 8px;
}
#io-ox-topbar-account-dropdown-icon > button {
  width: 48px;
  height: 48px;
}
#topbar-account-dropdown .user {
  width: 100%;
  padding: 3px 20px;
  display: flex;
}
#topbar-account-dropdown .user .action {
  background: 0 0;
  padding: 0;
  display: flex;
}
#topbar-account-dropdown .user .user-picture-container {
  width: 64px;
  margin-right: 16px;
}
#topbar-account-dropdown .user .user-picture {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--avatar-background);
  width: 64px;
  height: 64px;
  color: var(--avatar);
  fill: currentColor;
  border: 1px solid var(--accent-100);
  background-clip: padding-box;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
#topbar-account-dropdown .user .user-picture svg {
  display: none;
}
#topbar-account-dropdown .user .user-picture .initials {
  font-size: 20px;
}
#topbar-account-dropdown .user .action:hover svg,
#topbar-account-dropdown .user .action:focus svg {
  display: block;
}
#topbar-account-dropdown .user .action:hover .initials,
#topbar-account-dropdown .user .action:focus .initials {
  display: none;
}
#topbar-account-dropdown .user .action:focus,
#topbar-account-dropdown .user .action:hover {
  background-color: #0000;
}
#topbar-account-dropdown .user .action:focus .user-picture {
  box-shadow: 0 0 8px 2px var(--focus-500);
}
#topbar-account-dropdown .user .action:focus .user-picture[style] {
  box-shadow:
    0 0 8px 2px var(--focus-500),
    0 0 0 2px white inset;
}
#topbar-account-dropdown .user .text-container {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-width: 0;
  display: flex;
}
#topbar-account-dropdown .user .text-container .name {
  font-size: 16px;
  font-weight: 700;
}
#topbar-account-dropdown .user .text-container .name,
#topbar-account-dropdown .user .text-container .mail {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}
.smartphone #topbar-account-dropdown .user {
  width: auto;
}
.smartphone #topbar-account-dropdown .user .user-picture-container {
  width: 48px;
}
.smartphone #topbar-account-dropdown .user .user-picture {
  width: 48px;
  height: 48px;
}
.smartphone #topbar-account-dropdown .user .action {
  flex-direction: column;
  justify-content: center;
}
.smartphone #topbar-account-dropdown .user .text-container {
  text-align: left;
}
.launcher-dropdown.dropdown-menu {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 340px;
  padding: 16px;
}
.launcher.open .launcher-dropdown.dropdown-menu {
  display: flex;
}
.launcher-dropdown.dropdown-menu h3 {
  font-size: 18px;
  font-weight: 700;
}
.launcher-dropdown.dropdown-menu .apps {
  border-inline-end: 1px solid var(--border-bright);
  flex-direction: column;
  flex: 1.5;
  padding-inline-end: 8px;
  display: flex;
}
.launcher-dropdown.dropdown-menu .apps ul {
  padding: 0;
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu {
  -ms-overflow-style: none;
  scrollbar-width: none;
  border: none;
  max-width: 100%;
  margin: 0;
  display: block;
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu::-webkit-scrollbar {
  display: none;
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .close-button {
  justify-content: end;
  display: flex;
}
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .close-button
  .btn-close {
  background-color: var(--shade-a10);
  border-radius: 50%;
  padding: 4px;
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .user {
  border-bottom: 1px solid var(--border);
  margin-top: 8px;
  margin-bottom: 16px;
  padding-bottom: 28px;
  display: flex;
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .user a {
  flex: 0;
  width: 64px;
  margin-right: 16px;
  padding: 0;
}
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .user
  .text-container {
  margin-left: 16px;
  overflow: hidden;
}
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .user
  .text-container
  div {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .user
  .text-container
  .name {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75rem;
}
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .user
  .text-container
  .mail {
  color: var(--text-gray);
  font-size: 1rem;
  line-height: 1.5rem;
}
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .user
  .user-picture {
  color: #0009;
  fill: currentColor;
  background-color: #eee;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: padding-box;
  border: 1px solid #00000080;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .user
  .user-picture
  svg {
  display: none;
}
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .user
  .user-picture
  .initials {
  font-size: 20px;
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .apps,
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .drafts {
  border: none;
  border-bottom: 1px solid var(--border);
  flex-flow: wrap;
  flex: auto;
  row-gap: 16px;
  padding: 0 0 24px;
  display: flex;
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .apps li,
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .drafts li {
  width: 50%;
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .apps li button,
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .drafts li button {
  width: 100%;
}
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .apps
  .lcell
  .icon-wrap,
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .drafts
  .lcell
  .icon-wrap {
  width: 48px;
  height: 48px;
  margin-right: 16px;
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .menu {
  padding-inline-start: 0;
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .menu > li {
  row-gap: 8px;
}
.smartphone
  .launcher.open
  .launcher-dropdown.dropdown-menu
  .menu
  .btn.btn-toolbar
  svg {
  display: inline-block;
}
.launcher-dropdown.dropdown-menu .menu {
  flex: 1;
  padding-inline-start: 16px;
  display: flex;
}
.launcher-dropdown.dropdown-menu .menu .menu-actions {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}
.launcher-dropdown.dropdown-menu .menu .menu-actions button.btn.btn-toolbar {
  text-align: left;
  padding-left: 8px;
  display: inline-flex;
}
.launcher-dropdown.dropdown-menu
  .menu
  .menu-actions
  button.btn.btn-toolbar
  span {
  white-space: break-spaces;
  flex-grow: 1;
}
.launcher-dropdown.dropdown-menu button.lcell {
  height: 96px;
}
.launcher-dropdown.dropdown-menu .btn-topbar {
  padding: 0;
}
.launcher-dropdown.dropdown-menu .lcell {
  cursor: pointer;
  align-items: center;
  display: flex;
}
.launcher-dropdown.dropdown-menu .lcell .icon-wrap {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-inline-end: 12px;
  position: relative;
}
.launcher-dropdown.dropdown-menu .lcell .icon-wrap .icon-background {
  opacity: 0.1;
  border-radius: var(--default-radius);
  width: 100%;
  height: 100%;
  position: absolute;
}
.launcher-dropdown.dropdown-menu .lcell .icon-wrap svg {
  width: 24px;
  height: auto;
  max-height: 48px;
  overflow: visible;
}
.launcher-dropdown.dropdown-menu .lcell svg.indicator {
  display: none;
}
.launcher-dropdown.dropdown-menu .lcell .closer {
  color: var(--text-gray);
  height: 42px;
  font-size: 15px;
}
.smartphone .launcher-dropdown.dropdown-menu .lcell {
  margin: 0;
  padding: 0;
}
.launcher-dropdown.dropdown-menu .lcell .title {
  color: var(--text);
  text-align: left;
  font-size: 1em;
}
.smartphone .launcher-dropdown.dropdown-menu .lcell .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 14px;
  display: block;
  top: 70%;
  overflow: hidden;
}
.launcher-dropdown.dropdown-menu .lcell .title.upsell svg {
  color: var(--upsell);
  margin-inline-start: 4px;
  font-size: 14px;
}
.launcher-dropdown.dropdown-menu .lcell .badge {
  z-index: 1;
  background-color: #757575;
  font-size: 9px;
  position: absolute;
  top: 43%;
  right: 17%;
}
.launcher-dropdown.dropdown-menu button.btn.btn-toolbar {
  width: 100%;
  margin-bottom: 0.5rem;
  padding-right: 8px;
  display: block;
}
.launcher-dropdown.dropdown-menu button.btn.btn-toolbar:hover:not(:focus) {
  background-color: var(--background-5);
  text-decoration: none;
}
.launcher-dropdown.dropdown-menu
  button.btn.btn-toolbar:focus:focus-visible
  .title {
  color: var(--selected-focus);
}
.launcher-dropdown.dropdown-menu button.btn.btn-toolbar:focus:active .title {
  color: var(--text);
}
.launcher-dropdown.dropdown-menu
  button.btn.btn-toolbar:focus-visible:active
  .title {
  color: var(--selected-focus);
}
@media (orientation: landscape) {
  .launcher-dropdown.dropdown-menu {
    left: env(safe-area-inset-left);
    right: env(safe-area-inset-right);
  }
}
#io-ox-launchgrid-overlay {
  z-index: 11;
  background-color: #ffffff03;
  display: none;
  position: absolute;
  inset: 72px 0 0;
}
#io-ox-launchgrid-overlay.open {
  display: block;
}
#io-ox-launchgrid-overlay-inner {
  z-index: 1;
  display: none;
  position: absolute;
  inset: 0;
}
@media (max-width: 320px) {
  .smartphone #io-ox-appcontrol #io-ox-topsearch {
    margin-right: 0;
  }
  .smartphone #io-ox-appcontrol #io-ox-topleftbar .launcher > button,
  .smartphone #io-ox-appcontrol #io-ox-toprightbar .launcher > button {
    padding: 16px 9px;
  }
  .smartphone #io-ox-appcontrol #io-ox-launcher > button.launcher-btn {
    width: 44px;
  }
}
@media (max-height: 550px) {
  .smartphone .app-header-container {
    min-height: 40px;
    padding-top: 12px;
  }
}
.presence {
  line-height: 0;
  display: inline-block;
}
.presence .icon {
  color: #fff;
  background-clip: content-box;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-inline-end: 8px;
  display: inline-flex;
}
.presence .icon svg {
  font-size: 14px;
  transform: scale(1.25);
}
.presence .icon svg path {
  display: none;
}
.presence.dot {
  font-size: 0;
}
.presence.dot .icon {
  width: 10px;
  height: 10px;
}
.presence.dot .icon svg {
  display: none;
}
.presence.offline .icon {
  background-color: #aaa;
}
.presence.online .icon {
  background-color: var(--presence-online);
}
.presence.online svg .online {
  display: inline;
}
.presence.busy .icon {
  background-color: var(--presence-busy);
}
.presence.busy svg .busy {
  display: inline;
}
.presence.absent .icon {
  background-color: var(--presence-absent);
}
.presence.absent svg .absent {
  display: inline;
}
#io-ox-topbar-account-dropdown-icon > .dropdown-toggle > .presence {
  position: absolute;
  top: 28px;
  right: -2px;
}
#io-ox-topbar-account-dropdown-icon > .dropdown-toggle > .presence .icon {
  border: 1px solid #0009;
  margin: 0;
}
#topbar-account-dropdown .offline {
  display: inline-block;
}
.list-view.show-avatars .list-item .presence,
.vgrid-scrollpane .list-item .presence {
  margin-block-start: 20px;
  margin-inline-start: -18px;
  position: absolute;
}
.list-view.show-avatars .presence.offline,
.vgrid-scrollpane .presence.offline {
  display: none;
}
.list-view.show-avatars .presence .icon,
.vgrid-scrollpane .presence .icon {
  border: 1px solid var(--background);
  box-sizing: content-box;
}
.list-view.show-avatars .selected .presence .icon,
.vgrid-scrollpane .selected .presence .icon {
  border-color: var(--selected-background);
}
.list-view.show-avatars:focus-within .selected .presence .icon,
.vgrid-scrollpane:focus-within .selected .presence .icon {
  border-color: var(--selected-background-focus);
}
.participant-wrapper .presence {
  position: absolute;
  top: 37px;
  left: 40px;
}
.participant-wrapper .presence .icon {
  box-sizing: content-box;
  border: 1px solid #fff;
}
.participant-wrapper .presence.offline {
  display: none;
}
.participantsrow .participant-wrapper .presence {
  left: 56px;
}
.freetime-view .participant-wrapper .presence {
  top: 18px;
  left: 23px;
}
.theming-form fieldset legend {
  border: none;
  margin-top: 0;
}
.theming-form ul {
  margin: 0;
  padding: 0;
}
.theming-form li {
  width: 40px;
  height: 40px;
  list-style: none;
  display: inline-block;
  position: relative;
}
.theming-form input[type="radio"] {
  opacity: 0;
  height: 100%;
  position: absolute;
}
.theming-form.theming-form-accent-colors input[type="radio"] + label span {
  position: relative;
}
.theming-form.theming-form-accent-colors
  input[type="radio"]
  + label
  span:after {
  opacity: 0;
  content: ".";
  text-indent: -999em;
  background: #fff;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em;
  transition: opacity 0.2s;
  position: absolute;
  top: 50%;
  left: 50%;
}
.theming-form.theming-form-accent-colors
  input[type="radio"]:checked
  + label
  span:after {
  opacity: 1;
}
.theming-form.theming-form-accent-colors
  input[type="radio"]:focus
  + label
  span {
  border-color: var(--focus-500);
  box-shadow: 0 0 0 0.25rem var(--btn-primary-outline);
}
.theming-form.theming-form-themes li {
  width: 100px;
  height: 100px;
}
.theming-form.theming-form-themes li input[type="radio"]:checked + label {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--accent);
  text-decoration-color: var(--accent);
}
.theming-form.theming-form-themes
  li
  input[type="radio"]:checked
  + label
  span.card {
  outline: 2px solid var(--accent);
  border: 1px solid var(--accent);
  text-decoration: underline;
}
.theming-form.theming-form-themes
  li
  input[type="radio"]:focus
  + label
  span.card {
  border-color: var(--focus-500);
  box-shadow: 0 0 0 0.5rem var(--btn-primary-outline);
}
.io-ox-settings-main.modal.flex
  .settings-detail-pane
  .settings-section
  .theme-dialog
  h3 {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
}
.io-ox-settings-main.modal.flex
  .settings-detail-pane
  .settings-section
  .theme-dialog
  h3.first-header {
  margin-top: 0;
  margin-bottom: 8px;
}
.io-ox-settings-main.modal.flex
  .settings-detail-pane
  .settings-section
  .theme-dialog
  fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.io-ox-settings-main.modal.flex
  .settings-detail-pane
  .settings-section
  .theme-dialog
  fieldset
  legend {
  font-size: 14px;
  font-weight: 600;
  left: 0;
}
.io-ox-settings-main.modal.flex
  .settings-detail-pane
  .settings-section
  .theme-dialog
  fieldset
  ul {
  max-width: 700px;
}
.io-ox-settings-main.modal.flex
  .settings-detail-pane
  .settings-section
  .theme-dialog
  legend {
  margin-bottom: 8px;
  position: relative;
  left: 0;
}
#io-ox-core.sidepanel-visible #io-ox-sidepanel {
  display: flex;
}
#io-ox-core.sidepanel-visible #io-ox-windowmanager-pane,
#io-ox-core.sidepanel-toolbar-visible #io-ox-windowmanager-pane {
  border-top-right-radius: var(--gap-radius);
  overflow: hidden;
}
#io-ox-sidepanel-toolbar,
#io-ox-sidepanel {
  height: 100%;
  margin-left: var(--gap);
  border-top-left-radius: var(--gap-radius);
  display: none;
  position: relative;
}
#io-ox-sidepanel-toolbar {
  width: var(--sidepanel-toolbar-width);
}
.sidepanel-toolbar-button {
  border: 0;
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
  padding: 0;
}
#io-ox-sidepanel {
  width: var(--sidepanel-width);
  border-top-right-radius: var(--gap-radius);
}
#io-ox-sidepanel .sidepanel-header {
  flex-shrink: 0;
  align-items: center;
  height: 2.5rem;
  margin: 1rem 0 0.5rem;
  padding: 0 0.5rem 0 1rem;
  display: flex;
}
#io-ox-sidepanel .sidepanel-header h2 {
  margin: 0 auto 0 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: normal;
}
#io-ox-sidepanel .sidepanel-header button {
  background-color: #0000;
  outline: 0;
  width: 2.25rem;
  height: 36px;
  padding: 0 0.5rem;
  font-size: 1rem;
}
#io-ox-sidepanel .sidepanel-header button:focus,
#io-ox-sidepanel .sidepanel-header button:hover {
  background-color: var(--accent-100);
}
#io-ox-sidepanel .sidepanel-header button.back {
  margin-inline: -0.5rem 0.5rem;
  padding: 0;
}
#io-ox-sidepanel .sidepanel {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: none;
}
#io-ox-sidepanel .sidepanel.active {
  display: flex;
}
#io-ox-sidepanel .sidepanel-content {
  flex-grow: 1;
  min-height: 0;
}
.smartphone #io-ox-sidepanel .sidepanel {
  z-index: 0;
  background-color: var(--background);
  transition: transform 0.35s;
  display: flex;
  position: absolute;
  transform: translate(0%);
}
.smartphone #io-ox-sidepanel .sidepanel.active {
  z-index: 1;
}
.smartphone #io-ox-sidepanel .sidepanel.slidein {
  z-index: 2;
  transform: translate(100%);
}
.smartphone #io-ox-sidepanel .sidepanel.active.slidein {
  transform: translate(0%);
}
.smartphone .sidepanel-visible #io-ox-sidepanel {
  top: env(safe-area-inset-top, 0);
  left: env(safe-area-inset-left, 0);
  right: env(safe-area-inset-right, 0);
  z-index: 1;
  width: auto;
  height: auto;
  transition: bottom 0.2s linear;
  position: fixed;
  bottom: 0;
}
.smartphone .sidepanel-visible #app-navigation {
  z-index: 0;
}
.p-toast.io-ox-toast {
  width: 100%;
  max-width: min(420px, 94vw);
}
.p-toast.io-ox-toast.p-toast-bottom-center {
  bottom: 20px;
}
.p-toast.io-ox-toast .p-toast-message {
  background-color: var(--background);
  border: 1px solid var(--shade-a10);
  border-radius: var(--default-radius);
  padding: 12px;
  display: none;
  box-shadow: 0 4px 12px #0000001f;
}
.p-toast.io-ox-toast .p-toast-message:last-of-type {
  display: block;
}
.p-toast.io-ox-toast .p-toast-message .p-toast-message-content {
  align-items: center;
}
.p-toast.io-ox-toast .p-toast-message .p-toast-close-button {
  position: unset;
  margin: 8px;
}
.p-toast.io-ox-toast .p-toast-message .p-toast-close-button svg {
  width: 18px;
  height: 18px;
}
@media (max-width: 540px), (max-device-width: 540px) {
  .p-toast.io-ox-toast.p-toast-bottom-center {
    bottom: 56px;
  }
}
@media (forced-colors: active) {
  :root {
    --accent: ButtonText !important;
    --accent-100: ButtonText !important;
    --accent-200: ButtonText !important;
    --accent-300: ButtonText !important;
    --accent-400: ButtonText !important;
    --accent-500: ButtonText !important;
    --accent-600: ButtonText !important;
    --accent-700: ButtonText !important;
    --btn-primary-background: ButtonFace !important;
    --btn-primary-background-hover: Highlight !important;
    --btn-primary-color: ButtonText !important;
    --btn-primary-color-hover: ButtonText !important;
    --btn-primary-color-active: ActiveText !important;
    --btn-default-background: Field !important;
    --btn-default-color: FieldText !important;
    --btn-default-border: ButtonBorder !important;
    --btn-default-background-hover: ButtonFace !important;
    --btn-default-color-hover: ButtonText !important;
    --btn-default-color-active: ActiveText !important;
    --link: LinkText !important;
    --link-hover: VisitedText !important;
    --link-active: ActiveText !important;
    --toolbar: CanvasText !important;
    --text: CanvasText !important;
    --text-gray: CanvasText !important;
    --text-neutral-gray: CanvasText !important;
    --text-dark: CanvasText !important;
    --text-disabled: GrayText !important;
    --text-accent: CanvasText !important;
    --background: Canvas !important;
    --background-base: 0, 0%, 0% !important;
    --background-5: Canvas !important;
    --background-10: Canvas !important;
    --background-50: Canvas !important;
    --background-100: Canvas !important;
    --background-200: Canvas !important;
    --background-300: ButtonBorder !important;
    --translucent-high: Canvas !important;
    --translucent-medium: Canvas !important;
    --translucent-low: Canvas !important;
    --translucent-start: Canvas !important;
    --translucent-constant: Canvas !important;
    --backdrop-blur-factor: 0 !important;
    --border: ButtonBorder !important;
    --border-bright: ButtonBorder !important;
    --border-subdued: ButtonBorder !important;
    --border-bootstrap: ButtonBorder !important;
    --tooltip-text: ButtonText !important;
    --tooltip-background: ButtonFace !important;
    --topbar-icon: CanvasText !important;
    --topbar-search-background: Field !important;
    --selected-background: Highlight !important;
    --selected-background-shade: Highlight !important;
    --selected-background-focus: Highlight !important;
    --selected-background-hover: ButtonFace !important;
    --selected-background-hover-shade: ButtonFace !important;
    --btn-primary: ButtonText !important;
    --btn-primary-outline: ButtonBorder !important;
    --btn-secondary-background: Field !important;
    --btn-secondary-color: FieldText !important;
    --btn-secondary-border: ButtonBorder !important;
    --btn-secondary-background-hover: ButtonFace !important;
    --sidepanel: Canvas !important;
    --sidepanel-background: Canvas !important;
    --sidepanel-border: ButtonBorder !important;
    --sidepanel-text: CanvasText !important;
    --sidepanel-selected: CanvasText !important;
    --sidepanel-selected-background: Highlight !important;
    --sidepanel-selected-background-hover: Highlight !important;
    --sidepanel-selected-background-focus: Highlight !important;
    --sidepanel-selected-background-focus-shade: Highlight !important;
    --sidepanel-selected-color: HighlightText !important;
    --sidepanel-selectable-background-hover: ButtonFace !important;
    --sidepanel-hover: ButtonFace !important;
    --sidepanel-hover-text: CanvasText !important;
    --btn-current: Highlight !important;
    --btn-current-color: HighlightText !important;
    --gap-min: 4px !important;
    --gap: max(var(--gap-base), var(--gap-min)) !important;
    --gap-radius: var(--default-radius) !important;
    --focus: var(--btn-current-color) !important;
    --button-circular: CanvasText !important;
    --button-circular-hover: ButtonText !important;
    --button-circular-border: ButtonBorder !important;
    --button-circular-background: Field !important;
    --selected-dropdown-background-hover: ButtonFace !important;
    --skeleton-background: ButtonFace !important;
    --navbar-button-background: ButtonFace !important;
    --checkbox-svg: var(--checkbox-svg-dark) !important;
    --shade-base: ButtonFace !important;
    --shade-a5: ButtonFace !important;
    --shade-a10: ButtonFace !important;
    --shade-a20: ButtonFace !important;
    --shade-a30: ButtonFace !important;
    --shade-a50: ButtonFace !important;
    --checkbox-svg-inverted: var(--checkbox-svg-white) !important;
    --radio-svg: var(--radio-svg-dark) !important;
    --focus-500: Highlight !important;
    --focus-600: Highlight !important;
    --focus-700: Highlight !important;
    --topbar-background: Canvas !important;
  }
  html {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
  }
  @media (prefers-color-scheme: dark) {
    html {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
    }
  }
}
@media (prefers-contrast: more) and (not (forced-colors: active)) {
  html.dark {
    --text: #fff !important;
    --text-gray: #e0e0e0 !important;
    --text-neutral-gray: #ccc !important;
    --text-dark: #fff !important;
    --text-disabled: #888 !important;
    --text-accent: #fff !important;
    --topbar-icon: #fff !important;
  }
  :root {
    --background-a94: var(--background) !important;
    --background-a80: var(--background) !important;
    --background-a50: var(--background) !important;
    --background-a30: var(--background) !important;
    --accent-a10: color-mix(
      in srgb,
      var(--accent) 10%,
      var(--background)
    ) !important;
    --accent-a5: color-mix(
      in srgb,
      var(--accent) 5%,
      var(--background)
    ) !important;
    --translucency-factor: 0 !important;
    --border: color-mix(
      in srgb,
      var(--background) 0%,
      var(--text) 50%
    ) !important;
    --border-bright: color-mix(
      in srgb,
      var(--background) 0%,
      var(--text) 30%
    ) !important;
    --gap-min: 4px !important;
    --gap: max(var(--gap-base), var(--gap-min)) !important;
    --gap-radius: var(--default-radius) !important;
    --topbar-hover: var(--background) !important;
  }
}
@media (forced-colors: active), (prefers-contrast: more) {
  .modal.flex .modal-content,
  .floating-window-content,
  .io-ox-notifications,
  .sidepanel,
  .expandable-section,
  input,
  select,
  textarea,
  li.attendee,
  ul.dropdown-menu,
  div.color-label,
  form.dropdown,
  .checkmark,
  .btn-primary,
  .logo-btn,
  .item,
  .btn-topbar,
  .selected,
  #io-ox-windowmanager .btn-toolbar,
  .sidepanel .btn,
  .alert,
  .badge,
  #updates-sidepanel > div.rounded-lg,
  #tasks-sidepanel section,
  #io-ox-screens .btn,
  .detail-view,
  .detail-view-container,
  .mail-detail-view,
  .detail-popup,
  .rightside,
  .centercolumn,
  .io-ox-calendar-window .io-ox-pagecontroller,
  .generic-sidebar-content.translucent-low,
  .viewer-sidebar.open.generic-sidebar.scrollpane.translucent-low,
  .generic-sidebar-content,
  .search-container,
  .grid-container.invisible-labels,
  [data-app-name="io.ox/contacts"] .leftside,
  [data-app-name="io.ox/mail"] .leftside,
  .window-body.classic-toolbar-visible.translucent-low.rounded-tl,
  .widget,
  .connect-wizard {
    border: 1px solid var(--border) !important;
    box-sizing: border-box !important;
  }
  .mailwidget .item,
  .widget .item,
  .window-body,
  .io-ox-settings-main input,
  .mail-compose-fields input {
    border: 0 !important;
  }
  .classic-toolbar-container,
  .rightside.translucent-medium,
  .window-body,
  .window-body > *,
  .window-body > * > *,
  .io-ox-calendar-window .window-body > * > * > *,
  .window-content .leftside.flex-row,
  #io-ox-sidepanel .sidepanel,
  .viewer-sidebar.open.generic-sidebar.scrollpane,
  .io-ox-tasks-window .grid-container {
    border-top-left-radius: var(--default-radius) !important;
    border-top-right-radius: var(--default-radius) !important;
  }
  .connect-your-device-wizard .dynamic-height-wrapper,
  .connect-your-device-wizard .connect-wizard,
  .connect-your-device-wizard #qr-code,
  .connect-your-device-wizard .wizard-footer {
    border-bottom-left-radius: var(--double-radius) !important;
    border-bottom-right-radius: var(--double-radius) !important;
  }
  .contact-grid-index {
    border-right: 1px solid var(--border) !important;
  }
  .window-body.classic-toolbar-visible.translucent-low.rounded-tl {
    border-top-right-radius: var(--default-radius) !important;
    border-right: 1px !important;
  }
  .window-body.classic-toolbar-visible.translucent-low.rounded-tl
    .thread-view-list {
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .window-body.classic-toolbar-visible.translucent-low.rounded-tl .rightside,
  .window-body.classic-toolbar-visible.translucent-low.rounded-tl .leftside {
    border: 0 !important;
  }
  .modal-header,
  .modal-footer,
  .window-sidepanel {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .settings-header .btn-toolbar {
    border: 1px solid var(--border) !important;
    margin-left: 4px !important;
  }
  .modal-footer,
  .window-sidepanel {
    border-top: 0 !important;
  }
  .list-view-control,
  .detail-view,
  .detail-view-container,
  .folder[aria-selected="true"],
  .mail-detail-view {
    border-radius: var(--default-radius) !important;
  }
  .io-ox-calendar-window
    .io-ox-pagecontroller
    .calendar-list-view
    .rightside.flex-col {
    border: 0 !important;
  }
  .window-container:not(.io-ox-calendar-window) .io-ox-pagecontroller div {
    border-radius: var(--default-radius) !important;
  }
  .io-ox-tasks-window .grid-container {
    border-top: 1px solid var(--border) !important;
    border-left: 1px solid var(--border) !important;
    border-right: 1px solid var(--border) !important;
  }
  #io-ox-sidepanel-toolbar {
    border-top: 1px solid var(--border) !important;
    border-left: 1px solid var(--border) !important;
    border-radius: var(--default-radius) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .window-sidebar,
  .window-sidepanel {
    border-top: 1px solid var(--border) !important;
    border-right: 1px solid var(--border) !important;
    border-radius: var(--default-radius) !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  #io-ox-topsearch .search-container .submit-button {
    margin: 0 !important;
  }
  .btn-default {
    border: 1px solid var(--border) !important;
  }
  .btn.disabled,
  .btn[disabled] {
    filter: unset;
    color: var(--border) !important;
  }
  .divider {
    background-color: var(--border) !important;
  }
  .io-ox-settings-main .search-field-wrapper {
    border: 0 !important;
    border-left: 1px solid var(--border) !important;
  }
  #io-ox-topsearch .search-container .search-field {
    border: none !important;
    border-left: 1px solid var(--border) !important;
    border-right: 1px solid var(--border) !important;
  }
  #io-ox-topsearch .search-container {
    column-gap: 0 !important;
  }
  #io-ox-topsearch .search-container input.search-field {
    height: 38px !important;
  }
  .list-view .list-item:not(:last-child):not(.mail-detail):after {
    border-bottom: 1px solid var(--border) !important;
  }
  #io-ox-topbar-account-dropdown-icon button {
    background-color: unset !important;
    border: 0 !important;
  }
  .classic-toolbar,
  .btn-toolbar,
  .sidepanel-header,
  .calendar-header,
  #io-ox-appcontrol,
  #io-ox-appcontrol * {
    column-gap: 4px !important;
  }
  .contact-picture {
    border: 1px solid var(--border) !important;
    border-radius: 50% !important;
  }
  .selected {
    border: 0 solid var(--border) !important;
  }
  .translucent-high,
  .translucent-medium,
  .translucent-low,
  .transparent,
  .translucent,
  .popover,
  .btn-toolbar:not(:focus):not(:focus-within):not(
      .filters-centered .btn-toolbar,
      .filename button
    ),
  .logo-btn,
  .tooltip,
  [class*="translucent"]:not(:focus):not(:focus-within),
  [class*="transparent"]:not(:focus):not(:focus-within) {
    background: var(--background) !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
  }
}
.checkbox.custom,
.radio.custom {
  margin-bottom: 8px;
  padding-inline-start: 24px;
  font-size: 14px;
  line-height: 1.5rem;
  position: relative;
}
.checkbox.custom label,
.radio.custom label {
  padding: 0;
  line-height: 1.25rem;
}
.checkbox.custom input,
.radio.custom input {
  vertical-align: top;
  margin: calc(0.625rem - 8px) 0 0;
  float: left;
  border: 1px solid var(--border);
  background: var(--background);
  appearance: none;
  outline: 0;
  width: 16px;
  height: 16px;
  margin-inline-start: -24px;
  position: static;
}
.checkbox.custom input:focus,
.radio.custom input:focus {
  box-shadow: 0 0 0 0.25rem var(--btn-primary-outline);
}
.checkbox.custom input[type="checkbox"],
.radio.custom input[type="checkbox"] {
  border-radius: 4px;
}
.checkbox.custom input[type="checkbox"]:checked,
.radio.custom input[type="checkbox"]:checked {
  background: var(--checkbox-svg);
  background-color: var(--accent);
  border: 0;
}
.checkbox.custom input[type="radio"],
.radio.custom input[type="radio"] {
  border-radius: 50%;
}
.checkbox.custom input[type="radio"]:checked,
.radio.custom input[type="radio"]:checked {
  background: var(--radio-svg);
  background-color: var(--accent);
  border: 0;
}
.checkbox.custom input:disabled,
.radio.custom input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: var(--gray-100);
}
.checkbox.custom input:checked:disabled,
.radio.custom input:checked:disabled {
  background-color: var(--gray-700);
}
.form-horizontal .checkbox.custom,
.form-horizontal .radio.custom {
  padding-top: 0;
  top: 5px;
}
.radio.custom input + .toggle {
  border-radius: 50%;
}
.radio.custom input + .toggle svg {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  transform: translate(0);
}
.checkbox.switch {
  margin-bottom: 8px;
  padding-left: 72px;
  position: relative;
}
.checkbox.switch.large {
  height: 32px;
}
.checkbox.switch .bi {
  display: none;
}
.checkbox.switch label {
  padding: 0;
  line-height: 32px;
}
.checkbox.switch input + div.toggle {
  vertical-align: middle;
  border: 1px solid var(--gray-100);
  background-color: #eee;
  border-radius: 16px;
  width: 56px;
  height: 32px;
  margin-right: 16px;
  transition:
    border 0.1s,
    background-color 0.1s;
  display: inline-block;
  position: absolute;
  left: 0;
}
.checkbox.switch input + div.toggle:before {
  content: "";
  background-color: #fff;
  border-radius: 16px;
  width: 30px;
  height: 30px;
  transition: left 0.1s;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 1px 3px #0006;
}
.checkbox.switch input:checked + div.toggle {
  background-color: var(--accent);
  border-color: #0000;
}
.checkbox.switch input:checked + div.toggle:before {
  left: 24px;
}
.checkbox.switch input:focus + div.toggle {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px var(--accent-100);
}
.checkbox.switch input:disabled + div.toggle {
  opacity: 0.5;
  cursor: not-allowed;
}
.checkbox.switch input:checked:disabled + div.toggle {
  background-color: #aaa;
  border-color: #767676;
}
.checkbox.switch.small {
  padding-left: 56px;
}
.checkbox.switch.small label {
  line-height: 24px;
}
.checkbox.switch.small input + div.toggle {
  border-radius: 12px;
  width: 40px;
  height: 24px;
  margin-right: 12px;
}
.checkbox.switch.small input + div.toggle:before {
  width: 22px;
  height: 22px;
}
.checkbox.switch.small input:checked + div.toggle:before {
  left: 16px;
}
html {
  font-size: 1rem;
}
html,
body {
  height: 100%;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Helvetica Neue,
    Segoe UI,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol;
}
html.baseline #background-loader {
  opacity: 0.5;
  background-color: #0000;
  background-image: url(./baseline_8_cyan-DqMdsZTf.png);
  display: block !important;
}
html.baseline.red #background-loader {
  opacity: 0.3;
  background-image: url(./baseline_8_red-Cpg5_RI5.png);
}
html.baseline.gray #background-loader {
  opacity: 0.8;
  background-image: url(./baseline_8_gray-CL-dKZRq.png);
}
.unselectable {
  -webkit-user-select: none;
  user-select: none;
}
.selectable-text {
  cursor: default;
  -webkit-user-select: text;
  user-select: text;
}
.noscript {
  z-index: 65000;
  z-index: 65301;
  width: 400px;
  margin: -50px 0 0 -200px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.smart-dropdown-container {
  z-index: 100000;
  width: 100%;
  height: 100%;
  position: fixed;
}
.smart-dropdown-container ul {
  overflow: hidden auto;
}
.smart-dropdown-container ul li:first-child.divider {
  display: none;
}
#io-ox-login-screen ~ .smart-dropdown-container {
  top: 0;
}
.touch body #io-ox-login-screen {
  font-size: 14px;
}
#io-ox-login-screen {
  font:
    14px/20px -apple-system,
    BlinkMacSystemFont,
    Helvetica Neue,
    Segoe UI,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol;
}
#io-ox-login-screen .row label {
  padding-top: inherit;
  font-size: inherit;
  line-height: inherit;
}
#io-ox-login-screen .form-control {
  padding: 4px 12px;
}
#io-ox-login-screen {
  --form-border-radius: 6px;
  --form-box-shadow: 0 15px 70px 0 #00000080;
  --form-body-bg-color: #fff;
  --toolbar-padding: 0 16px;
  --info-message-bg-color: transparent;
  --info-message-border-radius: 0;
  --info-message-box-shadow: none;
  --info-message-padding: 0;
  --info-message-text-color: inherit;
  z-index: 65102;
  height: 100%;
}
#io-ox-login-screen .no-margin {
  margin: 0;
}
#io-ox-login-screen.relogin {
  width: 800px;
  margin-left: -400px;
  left: 50%;
  right: auto;
  box-shadow: 0 0 70px 5px #000;
}
#io-ox-login-screen .help-block {
  margin-bottom: 16px;
}
#io-ox-login-blocker {
  opacity: 0.01;
  filter: alpha(opacity=1);
  z-index: 65000;
  background-color: #000;
  position: absolute;
  inset: 0;
}
.login-spacer {
  flex-grow: 1;
}
#io-ox-login-container,
#io-ox-login-background-image {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
  display: flex;
  overflow-y: auto;
  background-size: cover !important;
}
#io-ox-login-container#io-ox-login-container,
#io-ox-login-background-image#io-ox-login-container {
  background: radial-gradient(
    at 33% 50%,
    var(--login-gradient-start),
    var(--login-gradient-end)
  );
}
#io-ox-login-container .login-logo,
#io-ox-login-background-image .login-logo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  height: auto;
  max-height: 32px;
  display: block;
}
#io-ox-login-container .login-logo.default path,
#io-ox-login-background-image .login-logo.default path {
  fill: #fff;
}
#io-ox-login-container .composition-element,
#io-ox-login-background-image .composition-element {
  flex-wrap: wrap;
  justify-content: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin: 4px 8px;
  display: flex;
}
#io-ox-login-container .composition-element :not(:last-child),
#io-ox-login-background-image .composition-element :not(:last-child) {
  margin-right: 4px;
}
#io-ox-login-header {
  background: linear-gradient(#0000001a, #0000);
  width: 100%;
  margin: 0;
}
#io-ox-login-toolbar {
  height: 56px;
  padding: var(--toolbar-padding);
  align-items: center;
  display: flex;
  position: relative;
}
#io-ox-login-toolbar label {
  margin-bottom: 0;
}
#io-ox-login-toolbar #io-ox-language-list {
  overflow-y: scroll;
}
#io-ox-login-side-panel {
  display: none;
}
#io-ox-login-form-side {
  display: contents;
}
#io-ox-login-content {
  flex-shrink: 0;
  width: 100%;
  display: flex;
}
#io-ox-login-content .align-center {
  align-self: center;
}
#io-ox-information-message {
  background-color: var(--info-message-bg-color);
  border-radius: var(--info-message-border-radius);
  width: 420px;
  box-shadow: var(--info-message-box-shadow);
  padding: var(--info-message-padding);
  color: var(--info-message-text-color);
  margin: 8px auto 0;
  display: flex;
}
#io-ox-information-message.info-message-card {
  --info-message-bg-color: #fff;
  --info-message-border-radius: 20px;
  --info-message-box-shadow: 0 0 50px 0 #00000026;
  --info-message-padding: 16px;
  --info-message-text-color: #333;
  text-align: center;
  align-items: center;
  margin-top: 24px;
  display: inline-block;
}
#io-ox-information-message.info-message-card p {
  padding-bottom: 16px;
}
#io-ox-information-message.info-message-column {
  --info-message-padding: 27px 15px 32px;
  flex-direction: column;
  align-items: center;
  position: relative;
  top: 20px;
}
#io-ox-information-message.info-message-attached {
  flex-direction: column;
  width: 100%;
  margin: 0;
  display: inline-flex;
}
#io-ox-information-message.info-message-attached .sep {
  background: var(--border-bootstrap);
  align-self: center;
  width: 85%;
  height: 1px;
}
#io-ox-information-message.info-message-attached a.logging-in-help {
  text-align: center;
  clip-path: inset(0 -30px -30px);
  color: #36717f;
  background-color: #fff;
  border-radius: 0 0 24px 24px;
  padding: 16px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 0 30px #0000001a;
}
#io-ox-login-footer {
  color: #fff;
  background-color: #00000026;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 64px 0 0;
  padding: 6px 2px;
  display: flex;
}
#io-ox-login-footer a {
  color: #94c1ec;
}
#io-ox-login-footer > * {
  margin: 0 8px;
}
#io-ox-login-footer > :first-child {
  margin-left: 0;
}
#io-ox-login-footer > :last-child {
  margin-right: 0;
}
#io-ox-languages {
  display: flex;
}
#io-ox-languages :not([role="menuitem"]) {
  color: #fff;
}
#io-ox-languages * > a:not([role="menuitem"]),
#io-ox-languages #language-select,
#io-ox-languages .toggle-text,
#io-ox-languages .caret {
  color: #94c1ec;
}
#io-ox-languages .dropup,
#io-ox-languages .dropdown {
  display: inline-block;
}
#io-ox-languages a.lang-label {
  margin-right: 5px;
  font-weight: 400;
  text-decoration: none;
}
#io-ox-languages a.lang-label:focus {
  outline: 0;
}
#io-ox-languages a.lang-label:hover {
  text-decoration: none;
}
#language-select {
  background: 0 0;
  border: 0;
}
#io-ox-login-box {
  justify-content: center;
  display: flex;
}
#io-ox-login-box .flex-column {
  flex-direction: column;
  display: flex;
}
#box-form {
  text-align: center;
  border-radius: var(--form-border-radius);
  width: 420px;
  box-shadow: var(--form-box-shadow);
}
#box-form label {
  color: #333;
}
#box-form-header {
  border-radius: var(--form-border-radius) var(--form-border-radius) 0 0;
  color: #333;
  background-color: #f5f5f5;
  height: 4rem;
  font-size: 24px;
  font-weight: 700;
  line-height: 60px;
  background-position: 50% !important;
  background-size: cover !important;
}
#box-form-body {
  background-color: var(--form-body-bg-color);
  border-radius: 0 0 var(--form-border-radius) var(--form-border-radius);
  min-height: 380px;
}
#box-form-body .form-control {
  height: 2.5rem !important;
}
#box-form-body form,
#box-form-body .form,
#box-form-body form > div,
#box-form-body .form > div {
  min-height: inherit;
}
#box-form-body form > div > div.row,
#box-form-body .form > div > div.row {
  margin: 4px 0;
}
#box-form-body form > div,
#box-form-body .form > div {
  flex-direction: column;
  padding-top: 27px;
  padding-bottom: 32px;
  display: flex;
}
#box-form-body form > div .row.username,
#box-form-body form > div .row.password,
#box-form-body .form > div .row.username,
#box-form-body .form > div .row.password {
  margin: 0;
}
#box-form-body form > div .row.feedback,
#box-form-body .form > div .row.feedback {
  min-height: 32px;
  margin-bottom: 14px;
}
#box-form-body form > div .row.button,
#box-form-body .form > div .row.button {
  align-items: flex-end;
  margin-top: auto;
  display: flex;
}
#box-form-body form > div .row.button > .row.button,
#box-form-body .form > div .row.button > .row.button {
  margin-top: 0;
}
#box-form-body form > div .row.button div,
#box-form-body .form > div .row.button div {
  margin-bottom: 0;
}
#box-form-body form > div #io-ox-backtosignin,
#box-form-body .form > div #io-ox-backtosignin {
  margin-top: auto;
  margin-bottom: auto;
}
#box-form-body form > div #io-ox-forgot-password,
#box-form-body .form > div #io-ox-forgot-password {
  margin-top: 4px;
}
#box-form-body * > label {
  float: left;
  margin-bottom: 3px;
  font-size: 13px;
}
#box-form-body * > a {
  font-size: 13px;
}
#login-title,
#multifactor-title,
#io-ox-select-device-title,
#io-ox-lost-device-title {
  text-align: start;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}
#io-ox-select-device-body {
  max-height: 300px;
  overflow: auto;
}
#io-ox-login-help,
#io-ox-login-feedback,
#io-ox-login-feedback div {
  text-align: start;
  font-size: 13px;
  font-weight: 700;
}


#io-ox-login-feedback.alert-highlight > .alert-info {
  font-weight: 700;
}
.row.password-retype {
  display: none;
}
.login-type-message #box-form-body {
  min-height: unset !important;
}
.login-type-message #box-form-body form > div > div.row,
.login-type-message #box-form-body .form > div > div.row {
  margin: 0 !important;
}
.login-type-message #box-form-body #io-ox-login-help {
  margin: 0;
}
#io-ox-login-background-image.login-layout-split-left,
#io-ox-login-background-image.login-layout-split-right {
  flex-direction: row;
  overflow: hidden;
}
#io-ox-login-background-image.login-layout-split-left #io-ox-login-side-panel,
#io-ox-login-background-image.login-layout-split-right #io-ox-login-side-panel {
  flex: 0 0 50%;
  display: flex;
  overflow: hidden;
  background-position: 50% !important;
  background-size: cover !important;
}
#io-ox-login-background-image.login-layout-split-left #io-ox-login-form-side,
#io-ox-login-background-image.login-layout-split-right #io-ox-login-form-side {
  flex-direction: column;
  flex: 0 0 50%;
  justify-content: space-between;
  display: flex;
  overflow-y: auto;
}
#io-ox-login-background-image.login-layout-split-right #io-ox-login-side-panel {
  order: 1;
}
@media (max-width: 767px) {
  #io-ox-login-teaser {
    display: none;
  }
  #io-ox-login-content > .align-center {
    flex-grow: 1;
  }
}
@media (max-height: 300px) {
  #io-ox-language-list {
    max-height: 100px;
  }
}
@media (max-height: 600px) {
  #io-ox-language-list {
    max-height: 200px;
  }
}
@media (min-height: 600px) {
  #io-ox-language-list {
    max-height: 500px;
  }
}
.smartphone #io-ox-login-screen #io-ox-login-container .login-spacer,
.smartphone #io-ox-login-screen #io-ox-login-container #box-form-header,
.smartphone #io-ox-login-screen #io-ox-login-container .username label,
.smartphone #io-ox-login-screen #io-ox-login-container .password label,
.smartphone #io-ox-login-screen #io-ox-login-container .password-retype label,
.smartphone #io-ox-login-screen #io-ox-login-container .email label,
.smartphone
  #io-ox-login-screen
  #io-ox-login-container
  #io-ox-information-message {
  display: none;
}
.smartphone #io-ox-login-screen #io-ox-login-container .login-logo {
  max-height: 24px;
  margin: 16px;
}
.smartphone #io-ox-login-screen #io-ox-login-container #login-title-mobile {
  text-align: right;
  color: #fff;
  flex-grow: 1;
  align-self: center;
  margin-right: 16px;
  font-size: 18px;
  font-weight: 700;
}
.smartphone
  #io-ox-login-screen
  #io-ox-login-container
  #io-ox-login-content
  #box-form {
  width: 320px;
}
.smartphone
  #io-ox-login-screen
  #io-ox-login-container
  #io-ox-login-content
  #box-form
  #box-form-body {
  border-radius: var(--form-border-radius);
  min-height: unset;
}
.smartphone
  #io-ox-login-screen
  #io-ox-login-container
  #io-ox-login-content
  #box-form
  #box-form-body
  #io-ox-login-feedback {
  transition: transform 0.3s ease-out;
  transform: scaleY(1);
}
.smartphone
  #io-ox-login-screen
  #io-ox-login-container
  #io-ox-login-content
  #box-form
  #box-form-body
  #io-ox-login-feedback:empty {
  transform: scaleY(0);
}
.smartphone #io-ox-login-screen #io-ox-login-container #io-ox-login-footer {
  justify-content: center;
  margin-top: 0;
}
.smartphone
  #io-ox-login-screen
  #io-ox-login-container
  #io-ox-login-footer
  #io-ox-languages {
  margin: 0;
}
.smartphone
  #io-ox-login-screen
  #io-ox-login-container
  #io-ox-login-footer
  #io-ox-languages
  .lang-label {
  margin-bottom: 0;
}
.form-control::-webkit-input-placeholder {
  color: #767676;
}
.form-control::-moz-placeholder {
  color: #767676;
  opacity: 1;
}
#multifactor-background {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0;
  overflow: hidden;
}