@charset "UTF-8";
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
:root {
  --ta-color-primary: #337ab7;
  --ta-color-success: #5cb85c;
  --ta-color-info: #5bc0de;
  --ta-color-warning: orange;
  --ta-color-danger: #d9534f;
  --ta-state-primary-text: white;
  --ta-state-primary-text-emphasis: #e6e6e6;
  --ta-state-primary-bg: #337ab7;
  --ta-state-primary-border: #f2f2f2;
  --ta-state-success-text: #3c763d;
  --ta-state-success-text-emphasis: #2b542c;
  --ta-state-success-bg: #dff0d8;
  --ta-state-success-border: #d6e9c6;
  --ta-state-info-text: #31708f;
  --ta-state-info-text-emphasis: #245269;
  --ta-state-info-bg: #d9edf7;
  --ta-state-info-border: #bce8f1;
  --ta-state-warning-text: #8a6d3b;
  --ta-state-warning-text-emphasis: #66512c;
  --ta-state-warning-bg: #fcf8e3;
  --ta-state-warning-border: #f2cf87;
  --ta-state-danger-text: #a94442;
  --ta-state-danger-text-emphasis: #843534;
  --ta-state-danger-bg: #f2dede;
  --ta-state-danger-border: #ebccd1;
  --ta-text-color: #333;
  --ta-text-color-faded: rgba(51, 51, 51, 0.7);
  --ta-text-color-inverted: white;
  --ta-text-color-gray: #999;
  --ta-bg-color: #fff;
  --ta-bg-color-semi-transparent: rgba(255, 255, 255, 0.8);
  --ta-bg-color-semi-transparent-muted: rgba(220, 220, 220, 0.8);
  --ta-bg-color-solid: #eee;
  --ta-bg-color-disabled: #eee;
  --ta-bg-dim-overlay: rgba(0, 0, 0, 0.35);
  --ta-special-button-section-bg: rgba(173, 173, 173, 0.22);
  --ta-special-button-section-border: rgba(0, 0, 0, 0.1);
  --ta-panel-border-color: #ccc;
  --ta-border-color-disabled: #ccc;
  --ta-inner-border-color: rgba(0, 0, 0, 0.09);
  --ta-inner-border-color-gradient-end: rgba(0, 0, 0, 0);
  --ta-inner-border-color-light: rgba(255, 255, 255, 0.5);
  --ta-inner-border-color-light-gradient-end: rgba(255, 255, 255, 0);
  --ta-hover-color: rgba(0, 0, 0, 0.05);
  --ta-active-color: rgba(0, 0, 0, 0.1);
  --ta-selection-color: #99c9ff;
  --ta-link-color: #337ab7;
  --ta-link-hover-color: #22527b;
  --ta-link-hover-decoration: underline;
  --ta-pre-color: #333;
  --ta-font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ta-font-family-serif: Georgia, "Times New Roman", Times, serif;
  --ta-font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
  --ta-font-family-base: var(--ta-font-family-sans-serif);
  --ta-font-size: 13px;
  --ta-font-size-small: 0.85em;
  --ta-font-weight-normal: 400;
  --ta-font-weight-bold: 700;
  --ta-font-weight-light: 200;
  --ta-font-size-h1: 2.55em;
  --ta-font-size-h2: 2.15em;
  --ta-font-size-h3: 1.7em;
  --ta-font-size-h4: 1.25em;
  --ta-font-size-h5: 1em;
  --ta-font-size-h6: 0.85em;
  --ta-headings-font-family: inherit;
  --ta-headings-font-weight: 500;
  --ta-headings-line-height: 1.1;
  --ta-headings-color: inherit;
  --ta-line-height: 1.42857143;
  --ta-line-height-computed: calc(var(--ta-line-height) * var(--ta-font-size));
  --ta-half-line-height-computed: calc(var(--ta-line-height-computed) / 2);
  --ta-padding-base-vertical: 4px;
  --ta-padding-base-horizontal: 5px;
  --ta-border-radius: 3px;
  --ta-border-radius-small: 3px;
  --ta-caret-size: 4px;
  --ta-btn-font-weight: var(--ta-font-weight-normal);
  --ta-btn-default-border: var(--ta-panel-border-color);
  --ta-btn-default-bg: var(--ta-bg-color);
  --ta-btn-border-radius-base: var(--ta-border-radius);
  --ta-input-bg: var(--ta-bg-color);
  --ta-input-bg-disabled: var(--ta-bg-color-disabled);
  --ta-input-border-color: var(--ta-panel-border-color);
  --ta-input-border-radius: var(--ta-border-radius);
  --ta-input-border-focus: #66afe9;
  --ta-input-height: calc(var(--ta-line-height-computed) + var(--ta-padding-base-vertical) * 2 + 2px);
  --ta-input-default-width: 180px;
  --ta-input-color: var(--ta-text-color);
  --ta-input-color-placeholder: #999;
  --ta-cursor-disabled: not-allowed;
  --ta-panel-gap: 6px;
  --ta-tab-button-height: 23px;
  --ta-resize-bar-size: var(--ta-panel-gap);
  --ta-resize-square-handle-size: 10px;
  --ta-box-shadown-color: rgba(0, 0, 0, 0.3);
  --ta-box-shadow-base: 0 1px 4px var(--ta-box-shadown-color);
  --ta-box-shadow-large: 0 3px 8px -1px var(--ta-box-shadown-color);
  --ta-color-transition-time: 0.3s;
  --ta-zindex-dropdown: 1000;
  --ta-zindex-modal: 1050;
  --ta-zindex-max: 1000000;
  --ta-tooltip-arrow-size: 5px;
  --ta-calendar-grid-border-color: #ECECEC;
  --ta-calendar-grid-non-business-bg-color: #d7d7d7;
  --ta-calendar-day-occupation-background-circle-color: #d7d7d755;
  --ta-calendar-day-occupation-today-bg: #f8d9ac;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.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: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
          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"] {
  -webkit-box-sizing: border-box;
          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;
  -webkit-box-sizing: content-box;
          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: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/fonts/glyphicons-halflings-regular.f4769f9.eot);
  src: url(/fonts/glyphicons-halflings-regular.f4769f9.eot?#iefix) format("embedded-opentype"), url(/fonts/glyphicons-halflings-regular.448c34a.woff2) format("woff2"), url(/fonts/glyphicons-halflings-regular.fa27723.woff) format("woff"), url(/fonts/glyphicons-halflings-regular.e18bbf6.ttf) format("truetype"), url(/img/glyphicons-halflings-regular.8988968.svg#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: var(--ta-font-family-base);
  font-size: var(--ta-font-size);
  line-height: var(--ta-line-height);
  color: var(--ta-text-color);
  background-color: var(--ta-bg-color);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: var(--ta-link-color);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--ta-link-hover-color);
  -webkit-text-decoration: var(--ta-link-hover-decoration);
          text-decoration: var(--ta-link-hover-decoration);
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img {
  vertical-align: middle;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--ta-headings-font-family);
  font-weight: var(--ta-headings-font-weight);
  line-height: var(var(--ta-headings-line-height));
  color: var(--ta-headings-color);
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0.55em;
  margin-bottom: 0.3em;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0.6em;
  margin-bottom: 0.4em;
}
h1,
.h1 {
  font-size: var(--ta-font-size-h1);
}
h2,
.h2 {
  font-size: var(--ta-font-size-h2);
}
h3,
.h3 {
  font-size: var(--ta-font-size-h3);
}
h4,
.h4 {
  font-size: var(--ta-font-size-h4);
}
h5,
.h5 {
  font-size: var(--ta-font-size-h5);
}
h6,
.h6 {
  font-size: var(--ta-font-size-h6);
}
p {
  margin: 0 0 var(--ta-half-line-height-computed) 0;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: var(--ta-half-line-height-computed);
}
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;
}
blockquote {
  padding: var(--ta-half-line-height-computed) var(--ta-line-height);
  margin: 0 0 var(--ta-line-height-computed);
  border-left: 5px solid var(--ta-input-border-color);
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
code,
kbd,
pre,
samp {
  font-family: var(--ta-font-family-monospace);
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: var(--ta-border-radius);
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: var(--ta-text-color-inverted);
  background-color: var(--ta-text-color);
  border-radius: var(--ta-border-radius-small);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: var(--ta-font-weight-bold);
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: var(--ta-half-line-height-computed);
  margin: 0 0 var(--ta-half-line-height-computed);
  font-size: 0.93em;
  line-height: var(--ta-line-height);
  color: var(--ta-pre-color);
  word-break: break-all;
  word-wrap: break-word;
  background-color: var(--ta-bg-color-disabled);
  border: 1px solid var(--ta-border-color-disabled);
  border-radius: var(--ta-border-radius);
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.form-control {
  display: block;
  width: 100%;
  height: var(--ta-input-height);
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
  font-size: var(--ta-font-size);
  line-height: var(--ta-line-height);
  color: var(--ta-input-color);
  background-color: var(--ta-input-bg);
  background-image: none;
  border: 1px solid var(--ta-input-border-color);
  border-radius: var(--ta-input-border-radius);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out var(--ta-color-transition-time), -webkit-box-shadow ease-in-out var(--ta-color-transition-time);
  transition: border-color ease-in-out var(--ta-color-transition-time), -webkit-box-shadow ease-in-out var(--ta-color-transition-time);
  transition: border-color ease-in-out var(--ta-color-transition-time), box-shadow ease-in-out var(--ta-color-transition-time);
  transition: border-color ease-in-out var(--ta-color-transition-time), box-shadow ease-in-out var(--ta-color-transition-time), -webkit-box-shadow ease-in-out var(--ta-color-transition-time);
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: var(--ta-input-bg-disabled);
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: var(--ta-cursor-disabled);
}
textarea.form-control {
  height: auto;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: var(--ta-btn-font-weight);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
  font-size: var(--ta-font-size);
  line-height: var(--ta-line-height);
  border-radius: var(--ta-border-radius);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: var(--ta-btn-default-bg);
  border: 1px solid var(--ta-input-border-color);
}
.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 {
  background-color: var(--ta-bg-color);
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: var(--ta-cursor-disabled);
  opacity: 0.65;
  -webkit-box-shadow: none;
          box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: var(--ta-line-height-computed);
  margin-bottom: var(--ta-line-height-computed);
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: var(--ta-border-radius);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: var(--ta-font-size-small);
  line-height: var(--ta-line-height-computed);
  color: var(--ta-text-color-inverted);
  text-align: center;
  background-color: var(--ta-color-primary);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.panel {
  margin-bottom: var(--ta-line-height-computed);
  background-color: var(--ta-bg-color);
  border-radius: var(--ta-border-radius);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border-color: var(--ta-panel-border-color);
}
.panel > .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid var(--ta-panel-border-color);
  border-top-left-radius: calc(var(--ta-border-radius) - 1px);
  border-top-right-radius: calc(var(--ta-border-radius) - 1px);
  color: var(--ta-text-color);
  background-color: var(--ta-bg-color);
}
.panel > .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-body {
  padding: 15px;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.clearfix:before,
.clearfix:after,
.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}
.clearfix:after,
.panel-body:after {
  clear: both;
}
.invisible {
  visibility: hidden;
}
.hidden {
  display: none !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-original-input {
  tab-index: -1;
  display: none !important;
}
.tr-default-spinner,
.tr-default-no-data-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #999999;
  background-color: rgba(255, 255, 255, 0.7);
}
.tr-default-spinner .spinner,
.tr-default-no-data-display .spinner {
  -webkit-animation: tr-spin 1s infinite linear;
          animation: tr-spin 1s infinite linear;
  width: 10px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAN0lEQVQYV2NkQAXGDAwMPlChLQwMDGdh0oxoCuvR+I0UKyTaapBNMOvh1oIE0d1ItEKiraajrwH17w4LpvE5NgAAAABJRU5ErkJggg==);
  margin-right: 5px;
}
@-webkit-keyframes tr-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes tr-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.tr-highlighted-text {
  background-color: rgba(244, 195, 125, 0.7);
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
          box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
}
.tr-highlighted-entry {
  background-color: #cce4ff;
}
.tr-selected-entry {
  background-color: #99c9ff;
}
.tr-dropdown {
  display: none;
  position: absolute;
  background-color: white;
  max-height: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  z-index: 1;
}
.tr-dropdown.flipped {
  border-radius: 4px 4px 0 0;
  border-top: 1px solid #ccc;
  border-bottom: none;
}
.tr-dropdown > * {
  min-height: 20px;
}
.tr-input-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.tr-input-wrapper.focus,
.tr-input-wrapper:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.tr-input-wrapper.open {
  border-radius: 4px 4px 0 0;
}
.tr-input-wrapper.open.dropdown-flipped {
  border-radius: 0 0 4px 4px;
}
.tr-input-wrapper,
.tr-input-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tr-input-wrapper .tr-remove-button {
  -ms-flex-item-align: center;
      align-self: center;
  margin: 3px;
}
.tr-input-wrapper .tr-trigger {
  -webkit-box-ordinal-group: 10000000;
      -ms-flex-order: 9999999;
          order: 9999999;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  border-left: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.05);
}
.tr-input-wrapper .tr-trigger .tr-trigger-icon {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px solid var(--ta-text-color);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.tr-input-wrapper .tr-trigger:hover,
.open .tr-input-wrapper .tr-trigger {
  background-color: rgba(0, 0, 0, 0.1);
}
.tr-input-wrapper.disabled {
  background-color: rgba(0, 0, 0, 0.05);
}
.tr-input-wrapper.disabled .tr-remove-button {
  display: none !important;
}
.tr-input-wrapper.disabled .tr-trigger:hover {
  background-color: inherit;
}
.tr-input-wrapper.disabled .tr-trigger-icon {
  border-top-color: white;
}
.tr-input-wrapper.disabled .tr-editor {
  display: none;
}
.tr-input-wrapper.readonly {
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tr-input-wrapper.readonly .tr-remove-button {
  display: none !important;
}
.tr-input-wrapper.readonly .tr-trigger {
  display: none;
}
.tr-input-wrapper.readonly .tr-editor {
  display: none;
}
.tr-input-wrapper input::-ms-clear {
  display: none;
}
.tr-remove-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  width: 15px;
  height: 15px;
  text-align: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAUklEQVQYV2NkgAAfBgaGLVA2MgUWZ4Qq2AyVAfFh4D+U4QsThAmAxE0YGBjOIClmxKYT2TqwPLIiYzQTQCaeRVeEbCXMNBSTCLoJ5E2ifIc3nADKqBCiWqOKtgAAAABJRU5ErkJggg==);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.tr-input-wrapper.disabled .tr-remove-button,
.tr-input-wrapper.readonly .tr-remove-button {
  display: none;
}
.tr-remove-button:hover {
  opacity: 1;
}
input.tr-editor {
  border-radius: 4px;
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-combobox-selected-entry-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tr-combobox-selected-entry-wrapper .tr-combobox-entry {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tr-combobox-selected-entry-wrapper .tr-combobox-entry * {
  cursor: text;
}
.tr-combobox-editor {
  width: 0;
  height: 0;
  position: absolute;
  border: none;
  outline: none;
  background-color: transparent;
  z-index: 1;
  font-family: sans-serif;
  font-size: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-tagbox-tagarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1px;
  overflow: hidden;
}
.tr-tagbox.editable .tr-tagbox-tagarea {
  cursor: text;
}
.tr-tagbox-tag {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  cursor: default;
}
.tr-tagbox-default-wrapper-template {
  border: 1px solid #BAD2EA;
  border-radius: 3px;
  -webkit-box-shadow: 1px 2px 1px -1px rgba(0, 0, 0, 0.13);
          box-shadow: 1px 2px 1px -1px rgba(0, 0, 0, 0.13);
  background-color: white;
  margin: 2px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tr-tagbox-default-wrapper-template .tr-tagbox-tag-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 1px;
}
.tr-tagbox-default-wrapper-template .tr-remove-button {
  border: 1px solid #BAD2EA;
  border-radius: 3px;
  margin: 2px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.tr-tagbox-editor {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 100%;
  outline: none;
  font-family: sans-serif;
  font-size: 100%;
  min-height: 1em;
}
.tr-tagbox-editor:focus,
.tr-tagbox-editor:not(:empty) {
  min-width: 4px;
  margin: 2px;
}
.tr-tagbox-editor:first-child:last-child:not(:focus):empty:before {
  content: attr(placeholder);
  color: #ccc;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-treebox {
  position: relative;
}
.tr-treebox .tr-tree-entryTree {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
  overflow: auto;
}
.tr-treebox .tr-tree-entry-outer-wrapper > .tr-tree-entry-and-expander-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tr-treebox .tr-tree-entry-outer-wrapper > .tr-tree-entry-and-expander-wrapper .tr-indent-spacer {
  width: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.tr-treebox .tr-tree-entry-outer-wrapper > .tr-tree-entry-and-expander-wrapper .tr-tree-expander {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin: 7px;
}
.tr-treebox .tr-tree-entry-outer-wrapper > .tr-tree-entry-and-expander-wrapper .tr-tree-entry {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.tr-treebox .tr-tree-entry-outer-wrapper.has-children > .tr-tree-entry-and-expander-wrapper > .tr-tree-expander {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAMklEQVQYV2NkIAIwIqn5D2Uji4GF0AWwKsTQxcDAgKEQmyKQDSgKyTKJoJuI9h3WUAMAntIHCtDLLc8AAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
  cursor: pointer;
}
.tr-treebox .tr-tree-entry-outer-wrapper.expanded > .tr-tree-entry-and-expander-wrapper > .tr-tree-expander {
  -webkit-transform: rotate(0.25turn);
          transform: rotate(0.25turn);
}
.tr-treebox .tr-tree-entry-outer-wrapper > .tr-tree-entry-children-wrapper {
  padding-left: 0;
  display: none;
  position: relative;
  min-height: 20px;
}
.tr-treebox.hide-expanders .tr-tree-expander {
  display: none;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-tree {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.tr-tree.focus,
.tr-tree:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.tr-tree .tr-tree-editor {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-width: 0 0 1px 0;
  border-bottom: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
  font-family: sans-serif;
  font-size: 100%;
  padding: 6px;
  outline: none;
}
.tr-tree .tr-treebox {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  overflow: auto;
}
.tr-tree.hide-searchfield {
  overflow: hidden;
  position: relative;
}
.tr-tree.hide-searchfield .tr-tree-editor {
  position: absolute;
  z-index: -1000;
  top: -1px;
  font-size: 1px;
  padding: 0;
  border: none;
  opacity: 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-unitbox {
  min-height: var(--ta-input-height);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tr-unitbox .tr-unitbox-editor {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  border: none;
  padding: 0 6px 0 4px;
  text-align: right;
  outline: none;
  background-color: transparent;
  font-family: sans-serif;
  font-size: 100%;
}
.tr-unitbox .tr-unitbox-selected-entry-and-trigger-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.05);
  cursor: default;
}
.tr-unitbox .tr-unitbox-selected-entry-and-trigger-wrapper:hover,
.tr-unitbox.open .tr-unitbox .tr-unitbox-selected-entry-and-trigger-wrapper {
  background-color: rgba(0, 0, 0, 0.1);
}
.tr-unitbox .tr-unitbox-selected-entry-and-trigger-wrapper .tr-unitbox-selected-entry-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tr-unitbox .tr-unitbox-selected-entry-and-trigger-wrapper .tr-trigger {
  border-left: none;
  background-color: transparent;
}
.tr-unitbox.unit-display-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.tr-unitbox.unit-display-left .tr-unitbox-selected-entry-and-trigger-wrapper {
  border-right: 1px solid #ccc;
}
.tr-unitbox.unit-display-right .tr-unitbox-selected-entry-and-trigger-wrapper {
  border-left: 1px solid #ccc;
}
.tr-unitbox.readonly .tr-unitbox-editor,
.tr-unitbox.disabled .tr-unitbox-editor {
  display: block;
}
.tr-unitbox.readonly .tr-trigger:hover,
.tr-unitbox.disabled .tr-trigger:hover {
  background-color: transparent;
}
.tr-unitbox.readonly .tr-unitbox-selected-entry-and-trigger-wrapper:hover,
.tr-unitbox.disabled .tr-unitbox-selected-entry-and-trigger-wrapper:hover {
  background-color: inherit;
}
.tr-unitbox.readonly .tr-unitbox-editor {
  padding: 0;
}
.tr-unitbox.readonly .tr-unitbox-selected-entry-and-trigger-wrapper {
  border: none;
  background-color: transparent;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-calendarbox {
  font-family: sans-serif;
  font-size: 100%;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.tr-calendarbox .tr-calendar-display {
  width: 176px;
}
.tr-calendarbox .tr-calendar-display .year,
.tr-calendarbox .tr-calendar-display .month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2px;
}
.tr-calendarbox .tr-calendar-display .year .name,
.tr-calendarbox .tr-calendar-display .month .name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100px;
          flex: 1 1 100px;
  text-align: center;
  padding: 2px 0;
  font-weight: bold;
}
.tr-calendarbox .tr-calendar-display .year .name:after,
.tr-calendarbox .tr-calendar-display .month .name:after {
  content: '';
  display: inline-block;
  height: 13px;
}
.tr-calendarbox .tr-calendar-display .year.keyboard-nav,
.tr-calendarbox .tr-calendar-display .month.keyboard-nav {
  -webkit-animation: blinking-box-shadow 0.5s ease-in-out infinite alternate;
          animation: blinking-box-shadow 0.5s ease-in-out infinite alternate;
  background-color: transparent;
}
.tr-calendarbox .tr-calendar-display .month-table {
  margin-top: 5px;
}
.tr-calendarbox .tr-calendar-display .month-table th,
.tr-calendarbox .tr-calendar-display .month-table td {
  width: 28px;
  border: none;
  border-spacing: 0;
  border-radius: 2px;
  text-align: right;
  padding: 1px 3px;
  position: relative;
}
.tr-calendarbox .tr-calendar-display .month-table th:after,
.tr-calendarbox .tr-calendar-display .month-table td:after {
  content: '';
  display: inline-block;
  height: 13px;
}
.tr-calendarbox .tr-calendar-display .month-table td:hover {
  background-color: #cce4ff;
}
.tr-calendarbox .tr-calendar-display .month-table .current-month {
  color: black;
}
.tr-calendarbox .tr-calendar-display .month-table .other-month {
  color: lightgrey;
}
.tr-calendarbox .tr-calendar-display .month-table .today:before {
  position: absolute;
  top: 9px;
  left: 2px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  float: left;
  background-color: #ff641c;
  content: '';
}
.tr-calendarbox .tr-calendar-display .month-table .selected {
  background-color: #cce4ff;
}
.tr-calendarbox .tr-calendar-display .month-table .keyboard-nav {
  -webkit-animation: blinking-box-shadow 0.5s ease-in-out infinite alternate;
          animation: blinking-box-shadow 0.5s ease-in-out infinite alternate;
  background-color: transparent;
}
.tr-calendarbox .tr-clock-display .clock {
  stroke: black;
  stroke-linecap: round;
}
.tr-calendarbox .tr-clock-display .clock .clockcircle {
  stroke-width: 2px;
  fill: #fff;
}
.tr-calendarbox .tr-clock-display .clock .ticks {
  stroke-width: 1px;
}
.tr-calendarbox .tr-clock-display .clock .hourhand {
  stroke-width: 3px;
}
.tr-calendarbox .tr-clock-display .clock .minutehand {
  stroke-width: 2px;
}
.tr-calendarbox .tr-clock-display .clock .hourhand.keyboard-nav,
.tr-calendarbox .tr-clock-display .clock .minutehand.keyboard-nav {
  -webkit-animation: blinking-stroke 0.5s ease-out infinite alternate;
          animation: blinking-stroke 0.5s ease-out infinite alternate;
}
.tr-calendarbox .tr-clock-display .clock .numbers {
  font-family: sans-serif;
  font-size: 10pt;
  text-anchor: middle;
  stroke: none;
  fill: black;
}
.tr-calendarbox .tr-clock-display .clock .numbers {
  font-family: sans-serif;
  font-size: 10pt;
  text-anchor: middle;
  stroke: none;
  fill: black;
}
.tr-calendarbox .tr-clock-display .clock .am-pm-box {
  font-weight: 100;
  font-size: 11px;
  stroke-width: 0.3;
  fill: transparent;
}
.tr-calendarbox .tr-clock-display .clock .am-pm-box .am-pm-text {
  fill: #444;
  stroke: #444;
  stroke-width: 0.3px;
}
.tr-calendarbox .tr-clock-display .digital-time-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 130%;
}
.tr-calendarbox .tr-clock-display .digital-time-display .hour-wrapper,
.tr-calendarbox .tr-clock-display .digital-time-display .minute-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 2px;
  border-radius: 2px;
}
.tr-calendarbox .tr-clock-display .digital-time-display .hour-wrapper.keyboard-nav,
.tr-calendarbox .tr-clock-display .digital-time-display .minute-wrapper.keyboard-nav {
  -webkit-animation: blinking-box-shadow 0.5s ease-in-out infinite alternate;
          animation: blinking-box-shadow 0.5s ease-in-out infinite alternate;
  background-color: transparent;
}
.tr-calendarbox .back-button,
.tr-calendarbox .forward-button,
.tr-calendarbox .up-button,
.tr-calendarbox .down-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAMklEQVQYV2NkIAIwIqn5D2Uji4GF0AWwKsTQxcDAgKEQmyKQDSgKyTKJoJuI9h3WUAMAntIHCtDLLc8AAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
  cursor: pointer;
}
.tr-calendarbox .back-button {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.tr-calendarbox .down-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.tr-calendarbox .up-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
  -webkit-transform: rotate(-90deg) scale(1, -1);
          transform: rotate(-90deg) scale(1, -1);
}
.blinking-box-shadow {
  -webkit-animation: blinking-box-shadow 0.5s ease-in-out infinite alternate;
          animation: blinking-box-shadow 0.5s ease-in-out infinite alternate;
  background-color: transparent;
}
@-webkit-keyframes blinking-box-shadow {
  0% {
    -webkit-box-shadow: inset 0 0 0 1px #66aeff;
            box-shadow: inset 0 0 0 1px #66aeff;
  }
  30% {
    -webkit-box-shadow: inset 0 0 0 1px #66aeff;
            box-shadow: inset 0 0 0 1px #66aeff;
  }
  70% {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  }
}
@keyframes blinking-box-shadow {
  0% {
    -webkit-box-shadow: inset 0 0 0 1px #66aeff;
            box-shadow: inset 0 0 0 1px #66aeff;
  }
  30% {
    -webkit-box-shadow: inset 0 0 0 1px #66aeff;
            box-shadow: inset 0 0 0 1px #66aeff;
  }
  70% {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  }
}
.blinking-stroke {
  -webkit-animation: blinking-stroke 0.5s ease-out infinite alternate;
          animation: blinking-stroke 0.5s ease-out infinite alternate;
}
@-webkit-keyframes blinking-stroke {
  0% {
    stroke: #66aeff;
    color: #66aeff;
  }
  40% {
    stroke: #66aeff;
    color: #66aeff;
  }
  80% {
    stroke: black;
    color: black;
  }
  100% {
    stroke: black;
    color: black;
  }
}
@keyframes blinking-stroke {
  0% {
    stroke: #66aeff;
    color: #66aeff;
  }
  40% {
    stroke: #66aeff;
    color: #66aeff;
  }
  80% {
    stroke: black;
    color: black;
  }
  100% {
    stroke: black;
    color: black;
  }
}
.fix-firefox-baseline:after {
  content: '';
  display: inline-block;
  height: 13px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-calendarcombobox {
  min-height: var(--ta-input-height);
}
.tr-calendarcombobox .tr-formatted-field {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  padding: 3px 5px;
  background-color: #f5f5f5;
  font-family: sans-serif;
  font-size: 100%;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section {
  border: 1px solid #ebebeb;
  padding: 2px 2px;
  outline: none;
  background-color: white;
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section:focus {
  border-color: #66afe9;
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.right {
  text-align: right;
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.left {
  text-align: left;
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.center {
  text-align: center;
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section:empty:not(:focus):before {
  content: attr(data-placeholder);
  color: #ccc;
}
.tr-calendarcombobox .tr-formatted-field .separator {
  padding: 2px 2px;
  margin: 0 -1px;
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.tr-1-chars {
  min-width: calc( 1ch  + 6px);
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.tr-2-chars {
  min-width: calc( 2ch  + 6px);
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.tr-3-chars {
  min-width: calc( 3ch  + 6px);
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.tr-4-chars {
  min-width: calc( 4ch  + 6px);
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.tr-5-chars {
  min-width: calc( 5ch  + 6px);
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.tr-6-chars {
  min-width: calc( 6ch  + 6px);
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.tr-7-chars {
  min-width: calc( 7ch  + 6px);
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.tr-8-chars {
  min-width: calc( 8ch  + 6px);
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.tr-9-chars {
  min-width: calc( 9ch  + 6px);
}
.tr-calendarcombobox .tr-formatted-field .tr-formatted-input-section.tr-10-chars {
  min-width: calc( 10ch  + 6px);
}
.tr-calendarcombobox-dropdown {
  padding: 5px 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-datetimefield .tr-editor-wrapper {
  padding: 2px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tr-datetimefield .tr-editor-wrapper .tr-date-icon-wrapper,
.tr-datetimefield .tr-editor-wrapper .tr-time-icon-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tr-datetimefield .tr-editor-wrapper .tr-time-icon-wrapper {
  margin-left: 4px;
}
.tr-datetimefield .tr-editor-wrapper .tr-date-editor,
.tr-datetimefield .tr-editor-wrapper .tr-time-editor {
  outline: none;
  font-family: sans-serif;
  font-size: 100%;
  padding-left: 1px;
}
.tr-datetimefield .tr-editor-wrapper .tr-date-editor {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 9ch;
}
.tr-datetimefield .tr-editor-wrapper .tr-time-editor {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-width: 4.5ch;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.calendar-icon {
  -ms-flex-item-align: center;
      align-self: center;
}
.calendar-icon .calendar-symbol-page-background {
  fill: #ffffff;
}
.calendar-icon .calendar-symbol-color {
  fill: #d35f5f;
}
.calendar-icon .calendar-symbol-page {
  shape-rendering: crispEdges;
  fill: none;
  stroke: #0000003b;
  stroke-width: 20;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
}
.calendar-icon .calendar-symbol-ring-gradient-stop1 {
  stop-color: #555;
}
.calendar-icon .calendar-symbol-ring-gradient-stop2 {
  stop-color: #aaa;
}
.calendar-icon .calendar-symbol-ring-gradient-stop3 {
  stop-color: black;
}
.calendar-icon .calendar-symbol-ring {
  shape-rendering: geometricPrecision;
  fill: url(#Gradient1);
  stroke: none;
}
.calendar-icon .calendar-symbol-date {
  fill: #333;
  font-size: 250px;
  cursor: default;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.clock-icon {
  -ms-flex-item-align: center;
      align-self: center;
}
.clock-icon .clockcircle {
  stroke: #555;
  stroke-width: 5px;
  fill: #fff;
}
.clock-icon .hourhand {
  stroke: #333;
  stroke-width: 8.7px;
  stroke-linecap: round;
}
.clock-icon .minutehand {
  stroke: #333;
  stroke-width: 6.2px;
  stroke-linecap: round;
}
.clock-icon.night-true .clockcircle {
  stroke-width: 5px;
  stroke: #333;
  fill: rgba(77, 130, 184, 0.76);
}
.clock-icon.night-true .hourhand {
  stroke-width: 8px;
  stroke: #fff;
  fill: #333;
}
.clock-icon.night-true .minutehand {
  stroke-width: 6px;
  stroke: #fff;
  fill: #333;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-template-image-2-lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1px;
  font-size: 14px;
  line-height: 15px;
}
.tr-template-image-2-lines * {
  cursor: default;
}
.tr-template-image-2-lines.empty {
  color: gray;
}
.tr-template-image-2-lines .img-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
          flex: 0 0 25px;
  width: 25px;
  height: 30px;
  background-position: center;
  background-size: cover;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.tr-template-image-2-lines .content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 5px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tr-template-image-2-lines .content-wrapper .main-line {
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}
.tr-template-image-2-lines .content-wrapper .additional-info {
  font-size: 90%;
  color: #555;
  margin-bottom: -1px;
  font-weight: 200;
  white-space: nowrap;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-template-round-image-2-lines-color-bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 34px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1px;
  font-size: 14px;
  line-height: 15px;
}
.tr-template-round-image-2-lines-color-bubble * {
  cursor: default;
}
.tr-template-round-image-2-lines-color-bubble.empty {
  color: gray;
}
.tr-template-round-image-2-lines-color-bubble .img-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: cover;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.tr-template-round-image-2-lines-color-bubble .content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 5px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tr-template-round-image-2-lines-color-bubble .content-wrapper .main-line {
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
}
.tr-template-round-image-2-lines-color-bubble .content-wrapper .additional-info {
  font-size: 90%;
  color: #555;
  margin-bottom: -1px;
  font-weight: 200;
  white-space: nowrap;
}
.tr-template-round-image-2-lines-color-bubble .content-wrapper .additional-info .status-bubble {
  display: inline-block;
  min-width: 10px;
  min-height: 10px;
  border-radius: 5px;
  margin-right: 4px;
  background-color: grey;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-template-icon-2-lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1px 2px;
  font-size: 14px;
  line-height: 15px;
}
.tr-template-icon-2-lines * {
  cursor: default;
}
.tr-template-icon-2-lines.empty {
  color: gray;
}
.tr-template-icon-2-lines .img-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  background: transparent none no-repeat center;
  background-size: contain;
  border: none;
}
.tr-template-icon-2-lines .content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 30px;
  margin-left: 5px;
  line-height: 0.9;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tr-template-icon-2-lines .content-wrapper .main-line {
  font-weight: 500;
  line-height: 14px;
  margin: 1px 0;
  white-space: nowrap;
}
.tr-template-icon-2-lines .content-wrapper .additional-info {
  font-size: 90%;
  color: #555;
  font-weight: 200;
  margin: 1px 0;
  white-space: nowrap;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-template-icon-single-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1px;
  font-size: 14px;
  line-height: 15px;
}
.tr-template-icon-single-line.empty {
  color: gray;
}
.tr-template-icon-single-line .img-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
  border-radius: 2px;
}
.tr-template-icon-single-line .content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 5px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-template-single-line {
  padding: 5px 6px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
}
.tr-template-single-line .content-wrapper {
  min-height: 15px;
  white-space: nowrap;
}
.tr-template-single-line.empty {
  color: gray;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-template-currency-single-line-short {
  padding: 5px 1px 5px 6px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  white-space: nowrap;
  text-align: right;
}
.tr-template-currency-single-line-short .currency-code {
  display: inline-block;
}
.tr-template-currency-single-line-short .currency-symbol + .currency-code {
  color: #555;
  min-width: 2.7em;
}
.tr-template-currency-single-line-short .currency-symbol + .currency-code:before {
  content: '(';
}
.tr-template-currency-single-line-short .currency-symbol + .currency-code:after {
  content: ')';
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-template-currency-single-line-long {
  padding: 5px 4px 5px 8px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  white-space: nowrap;
  text-align: right;
}
.tr-template-currency-single-line-long .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tr-template-currency-single-line-long .content-wrapper .symbol-and-code .currency-code {
  display: inline-block;
}
.tr-template-currency-single-line-long .content-wrapper .symbol-and-code .currency-code + .currency-symbol {
  color: #555;
  min-width: 2.7em;
}
.tr-template-currency-single-line-long .content-wrapper .symbol-and-code .currency-code + .currency-symbol:before {
  content: '(';
}
.tr-template-currency-single-line-long .content-wrapper .symbol-and-code .currency-code + .currency-symbol:after {
  content: ')';
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*
 *
 *  Copyright 2016 Yann Massard (https://github.com/yamass) and other contributors
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 *
 */
.tr-template-currency-2-lines {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 1px 3px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tr-template-currency-2-lines .main-line {
  line-height: 14px;
  margin: 1px 0;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tr-template-currency-2-lines .main-line .currency-code {
  font-weight: 500;
}
.tr-template-currency-2-lines .additional-info {
  font-size: 90%;
  color: #555;
  font-weight: 200;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/

.slick-header.ui-state-default, .slick-headerrow.ui-state-default, .slick-footerrow.ui-state-default, .slick-top-panel-scroller.ui-state-default {
  width: 100%;
  overflow: auto;
  position: relative;
  border-left: 0px !important;
}

.slick-header.ui-state-default {
  overflow: inherit;
}

.slick-header::-webkit-scrollbar,  .slick-headerrow::-webkit-scrollbar, .slick-footerrow::-webkit-scrollbar {
  display: none
}

.slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns {
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
}

.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
 /*box-sizing: content-box !important; use this for Firefox! */ 
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  float: left;
}

.slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default {
  padding: 4px;
}

.slick-header-column-sorted {
  font-style: italic;
}

.slick-sort-indicator {
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 4px;
  margin-top: 6px;
  float: left;
}

.slick-sort-indicator-numbered {
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 4px;
  margin-top: 0;
  line-height: 20px;
  float: left;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  color: #6190CD;
}

.slick-sort-indicator-desc {
  background: url(data:image/gif;base64,R0lGODlhDQAFAIcAAGGQzUD/QOPu+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAEALAAAAAANAAUAAAgeAAUAGEgQgIAACBEKLHgwYcKFBh1KFNhQosOKEgMCADs=);
}

.slick-sort-indicator-asc {
  background: url(data:image/gif;base64,R0lGODlhDQAFAIcAAGGQzUD/QOPu+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAEALAAAAAANAAUAAAgbAAMIDABgoEGDABIeRJhQ4cKGEA8KmEiRosGAADs=);
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 9px;
  right: -5px;
  top: 0;
  height: 100%;
  z-index: 1;
}

.slick-sortable-placeholder {
  background: silver;
}

.grid-canvas {
  position: relative;
  outline: 0;
}

.slick-row.ui-widget-content, .slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}

.slick-cell, .slick-headerrow-column , .slick-footerrow-column{
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px dotted silver;
  border-bottom-color: silver;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  white-space: nowrap;
  cursor: default;
}
.slick-cell, .slick-headerrow-column{
  border-bottom-color: silver;
}
.slick-footerrow-column {
  border-top-color: silver;
}
 
.slick-group {
}

.slick-group-toggle {
  display: inline-block;
}

.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.slick-cell.flashing {
  border: 1px solid red !important;
}

.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  background: white;
  border-color: black;
  border-style: solid;
}

.slick-cell:focus {
  outline: none;
}

.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity = 15);
  cursor: move;
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity = 70);
}

.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}

.fc {
  direction: ltr;
  text-align: left;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
}
.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: 0.3;
}
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 4px;
}
.fc-rtl .fc-popover .fc-header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer;
}
a[data-goto]:hover {
  text-decoration: underline;
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "mirror" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}
.fc-row .fc-mirror-skeleton {
  z-index: 5;
}
.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-mirror-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-mirror-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-mirror-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}
/* TODO: move to timegrid/daygrid */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #3788d8;
}
.fc-event,
.fc-event-dot {
  background-color: #3788d8;
  /* default BACKGROUND color */
}
.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}
/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}
/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: 0.25;
}
/* Event Dragging
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-dragging.fc-selected {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
.fc-event.fc-dragging:not(.fc-selected) {
  opacity: 0.75;
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}
/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}
/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}
/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}
/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}
tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}
.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  margin-top: 0;
  /* except for mirror skeleton */
}
.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}
/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}
.fc-unthemed td.fc-today {
  background: #fcf8e3;
}
.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: 0.3;
}
/* Icons
--------------------------------------------------------------------------------------------------
from https://feathericons.com/ and built with IcoMoon
*/
@font-face {
  font-family: "fcicons";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.fc-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fcicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fc-icon-chevron-left:before {
  content: "";
}
.fc-icon-chevron-right:before {
  content: "";
}
.fc-icon-chevrons-left:before {
  content: "";
}
.fc-icon-chevrons-right:before {
  content: "";
}
.fc-icon-minus-square:before {
  content: "";
}
.fc-icon-plus-square:before {
  content: "";
}
.fc-icon-x:before {
  content: "";
}
.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
}
/* Buttons
--------------------------------------------------------------------------------------------------
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
*/
/* reset */
.fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
.fc-button {
  -webkit-appearance: button;
}
.fc-button:not(:disabled) {
  cursor: pointer;
}
.fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
/* theme */
.fc-button {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}
.fc-button:hover {
  color: #212529;
  text-decoration: none;
}
.fc-button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
.fc-button:disabled {
  opacity: 0.65;
}
/* "primary" coloring */
.fc-button-primary {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}
.fc-button-primary:hover {
  color: #fff;
  background-color: #1e2b37;
  border-color: #1a252f;
}
.fc-button-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc-button-primary:disabled {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}
.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: #1a252f;
  border-color: #151e27;
}
.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
/* icons within buttons */
.fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.fc-button-group > .fc-button {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.fc-button-group > .fc-button:hover {
  z-index: 1;
}
.fc-button-group > .fc-button:focus,
.fc-button-group > .fc-button:active,
.fc-button-group > .fc-button.fc-button-active {
  z-index: 1;
}
.fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
}
.fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-button-group > .fc-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}
.fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}
/* inner content */
.fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em;
}
.fc-toolbar h2 {
  font-size: 1.75em;
  margin: 0;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-view-container {
  position: relative;
}
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
@media print {
  .fc {
    max-width: 100% !important;
  }
  /* Global Event Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid;
  }
  .fc-event .fc-resizer {
    display: none;
  }
  /* Table & Day-Row Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc th,
  .fc td,
  .fc hr,
  .fc thead,
  .fc tbody,
  .fc-row {
    border-color: #ccc !important;
    background: #fff !important;
  }
  /* kill the overlaid, absolutely-positioned components */
  /* common... */
  .fc-bg,
  .fc-bgevent-skeleton,
  .fc-highlight-skeleton,
  .fc-mirror-skeleton,
  .fc-bgevent-container,
  .fc-business-container,
  .fc-highlight-container,
  .fc-mirror-container {
    display: none;
  }
  /* don't force a min-height on rows (for DayGrid) */
  .fc tbody .fc-row {
    height: auto !important;
    /* undo height that JS set in distributeHeight */
    min-height: 0 !important;
    /* undo the min-height from each view's specific stylesheet */
  }
  .fc tbody .fc-row .fc-content-skeleton {
    position: static;
    /* undo .fc-rigid */
    padding-bottom: 0 !important;
    /* use a more border-friendly method for this... */
  }
  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
    /* only works in newer browsers */
    padding-bottom: 1em;
    /* ...gives space within the skeleton. also ensures min height in a way */
  }
  .fc tbody .fc-row .fc-content-skeleton table {
    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
       making it look more like 3em. for other browers, it will already be this tall */
    height: 1em;
  }
  /* Undo month-view event limiting. Display all events and hide the "more" links
  --------------------------------------------------------------------------------------------------*/
  .fc-more-cell,
  .fc-more {
    display: none !important;
  }
  .fc tr.fc-limited {
    display: table-row !important;
  }
  .fc td.fc-limited {
    display: table-cell !important;
  }
  .fc-popover {
    display: none;
    /* never display the "more.." popover in print mode */
  }
  /* TimeGrid Restyling
  --------------------------------------------------------------------------------------------------*/
  /* undo the min-height 100% trick used to fill the container's height */
  .fc-time-grid {
    min-height: 0 !important;
  }
  /* don't display the side axis at all ("all-day" and time cells) */
  .fc-timeGrid-view .fc-axis {
    display: none;
  }
  /* don't display the horizontal lines */
  .fc-slats,
  .fc-time-grid hr {
    /* this hr is used when height is underused and needs to be filled */
    display: none !important;
    /* important overrides inline declaration */
  }
  /* let the container that holds the events be naturally positioned and create real height */
  .fc-time-grid .fc-content-skeleton {
    position: static;
  }
  /* in case there are no events, we still want some height */
  .fc-time-grid .fc-content-skeleton table {
    height: 4em;
  }
  /* kill the horizontal spacing made by the event container. event margins will be done below */
  .fc-time-grid .fc-event-container {
    margin: 0 !important;
  }
  /* TimeGrid *Event* Restyling
  --------------------------------------------------------------------------------------------------*/
  /* naturally position events, vertically stacking them */
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important;
  }
  /* for events that continue to a future day, give the bottom border back */
  .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important;
  }
  /* indicate the event continues via "..." text */
  .fc-time-grid .fc-event.fc-not-end:after {
    content: "...";
  }
  /* for events that are continuations from previous days, give the top border back */
  .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important;
  }
  /* indicate the event is a continuation via "..." text */
  .fc-time-grid .fc-event.fc-not-start:before {
    content: "...";
  }
  /* time */
  /* undo a previous declaration and let the time text span to a second line */
  .fc-time-grid .fc-event .fc-time {
    white-space: normal !important;
  }
  /* hide the the time that is normally displayed... */
  .fc-time-grid .fc-event .fc-time span {
    display: none;
  }
  /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
  .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full);
  }
  /* Vertical Scroller & Containers
  --------------------------------------------------------------------------------------------------*/
  /* kill the scrollbars and allow natural height */
  .fc-scroller,
  .fc-day-grid-container,
  .fc-time-grid-container {
    /* */
    overflow: visible !important;
    height: auto !important;
  }
  /* kill the horizontal border/padding used to compensate for scrollbars */
  .fc-row {
    border: 0 !important;
    margin: 0 !important;
  }
  /* Button Controls
  --------------------------------------------------------------------------------------------------*/
  .fc-button-group,
  .fc button {
    display: none;
    /* don't display any button-related controls */
  }
}
/* DayGridView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-dayGridWeek-view .fc-content-skeleton,
.fc-dayGridDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-dayGrid-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}
.fc-dayGrid-view .fc-week-number,
.fc-dayGrid-view .fc-day-number {
  padding: 2px;
}
.fc-dayGrid-view th.fc-week-number,
.fc-dayGrid-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: right;
}
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: left;
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}
.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}
.fc-dayGrid-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}
/* when week/day number have own column */
.fc-dayGrid-view td.fc-week-number {
  text-align: center;
}
.fc-dayGrid-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
/* TimeGridView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-timeGrid-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
.fc-timeGrid-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}
.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> TimeGridView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}
/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}
.fc-time-grid .fc-mirror-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  margin-bottom: 1px;
}
.fc-time-grid-event-inset {
  -webkit-box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px #fff;
}
.fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-time-grid-event .fc-content {
  overflow: hidden;
  max-height: 100%;
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: " - ";
  /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}
/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}
/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/*!
 * jQuery UI Resizable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}
.mejs__container {
  background: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Helvetica', Arial, serif;
  position: relative;
  text-align: left;
  text-indent: 0;
  vertical-align: top;
}
.mejs__container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}
.mejs__fill-container,
.mejs__fill-container .mejs__container {
  height: 100%;
  width: 100%;
}
.mejs__fill-container {
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.mejs__container:focus {
  outline: none;
}
.mejs__iframe-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}
.mejs__embed,
.mejs__embed body {
  background: #000;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.mejs__fullscreen {
  overflow: hidden !important;
}
.mejs__container-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
  height: 100% !important;
  width: 100% !important;
}
/* Start: LAYERS */
.mejs__background {
  left: 0;
  position: absolute;
  top: 0;
}
.mejs__mediaelement {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.mejs__poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
:root .mejs__poster-img {
  display: none;
}
.mejs__poster-img {
  border: 0;
  padding: 0;
}
.mejs__overlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}
.mejs__layer {
  z-index: 1;
}
.mejs__overlay-play {
  cursor: pointer;
}
.mejs__overlay-button {
  background: url(data:image/svg+xml;base64, ) no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px;
}
.mejs__overlay:hover > .mejs__overlay-button {
  background-position: -80px -39px;
}
.mejs__overlay-loading {
  height: 80px;
  width: 80px;
}
.mejs__overlay-loading-bg-img {
  -webkit-animation: mejs__loading-spinner 1s linear infinite;
  animation: mejs__loading-spinner 1s linear infinite;
  background: transparent url(data:image/svg+xml;base64, ) -160px -40px no-repeat;
  display: block;
  height: 80px;
  width: 80px;
  z-index: 1;
}
@-webkit-keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs__controls {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.mejs__controls:not([style*='display: none']) {
  background: rgba(255, 0, 0, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.35)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
  font-size: 10px;
  height: 40px;
  line-height: 10px;
  margin: 0;
  width: 32px;
}
.mejs__button > button {
  background: transparent url(data:image/svg+xml;base64, );
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px;
}
/* :focus for accessibility */
.mejs__button > button:focus {
  outline: dotted 1px #999;
}
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
  outline: 0;
}
/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs__time {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  overflow: hidden;
  padding: 16px 6px 0;
  text-align: center;
  width: auto;
}
/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs__play > button {
  background-position: 0 0;
}
.mejs__pause > button {
  background-position: -20px 0;
}
.mejs__replay > button {
  background-position: -160px 0;
}
/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs__time-rail {
  direction: ltr;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  margin: 0 10px;
  padding-top: 10px;
  position: relative;
}
.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
}
.mejs__time-total {
  background: rgba(255, 255, 255, 0.3);
  margin: 5px 0 0;
  width: 100%;
}
.mejs__time-buffering {
  -webkit-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  width: 100%;
}
@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
@keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
.mejs__time-loaded {
  background: rgba(255, 255, 255, 0.3);
}
.mejs__time-current,
.mejs__time-handle-content {
  background: rgba(255, 255, 255, 0.9);
}
.mejs__time-hovered {
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}
.mejs__time-hovered.negative {
  background: rgba(0, 0, 0, 0.2);
}
.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
  left: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: 0.15s ease-in all;
  transition: 0.15s ease-in all;
  width: 100%;
}
.mejs__time-buffering {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.mejs__time-hovered {
  -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
  transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}
.mejs__time-hovered.no-hover {
  -webkit-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}
.mejs__time-handle,
.mejs__time-handle-content {
  border: 4px solid transparent;
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  z-index: 11;
}
.mejs__time-handle-content {
  border: 4px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  height: 10px;
  left: -7px;
  top: -4px;
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 10px;
}
.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.mejs__time-float {
  background: #eee;
  border: solid 1px #333;
  bottom: 100%;
  color: #111;
  display: none;
  height: 17px;
  margin-bottom: 9px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
}
.mejs__time-float-current {
  display: block;
  left: 0;
  margin: 2px;
  text-align: center;
  width: 30px;
}
.mejs__time-float-corner {
  border: solid 5px #eee;
  border-color: #eee transparent transparent;
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}
.mejs__long-video .mejs__time-float {
  margin-left: -23px;
  width: 64px;
}
.mejs__long-video .mejs__time-float-current {
  width: 60px;
}
.mejs__broadcast {
  color: #fff;
  height: 10px;
  position: absolute;
  top: 15px;
  width: 100%;
}
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs__fullscreen-button > button {
  background-position: -80px 0;
}
.mejs__unfullscreen > button {
  background-position: -100px 0;
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs__mute > button {
  background-position: -60px 0;
}
.mejs__unmute > button {
  background-position: -40px 0;
}
.mejs__volume-button {
  position: relative;
}
.mejs__volume-button > .mejs__volume-slider {
  -webkit-backface-visibility: hidden;
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  bottom: 100%;
  display: none;
  height: 115px;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 25px;
  z-index: 1;
}
.mejs__volume-button:hover {
  border-radius: 0 0 4px 4px;
}
.mejs__volume-total {
  background: rgba(255, 255, 255, 0.5);
  height: 100px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2px;
}
.mejs__volume-current {
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}
.mejs__volume-handle {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1px;
  cursor: ns-resize;
  height: 6px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
}
.mejs__horizontal-volume-slider {
  display: block;
  height: 36px;
  position: relative;
  vertical-align: middle;
  width: 56px;
}
.mejs__horizontal-volume-total {
  background: rgba(50, 50, 50, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 8px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 16px;
  width: 50px;
}
.mejs__horizontal-volume-current {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.mejs__horizontal-volume-handle {
  display: none;
}
/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button {
  position: relative;
}
.mejs__captions-button > button {
  background-position: -140px 0;
}
.mejs__chapters-button > button {
  background-position: -180px 0;
}
.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  border-radius: 0;
  bottom: 100%;
  margin-right: -43px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  visibility: visible;
  width: 86px;
}
.mejs__chapters-button > .mejs__chapters-selector {
  margin-right: -55px;
  width: 110px;
}
.mejs__captions-selector-list,
.mejs__chapters-selector-list {
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
  color: #fff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0;
}
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
  background-color: #c8c8c8 !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.mejs__captions-selector-input,
.mejs__chapters-selector-input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}
.mejs__captions-selector-label,
.mejs__chapters-selector-label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 10px 0;
  width: 100%;
}
.mejs__captions-selected,
.mejs__chapters-selected {
  color: #21f8f8;
}
.mejs__captions-translations {
  font-size: 10px;
  margin: 0 0 5px;
}
.mejs__captions-layer {
  bottom: 0;
  color: #fff;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
}
.mejs__captions-layer a {
  color: #fff;
  text-decoration: underline;
}
.mejs__captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}
.mejs__captions-position {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}
.mejs__captions-position-hover {
  bottom: 35px;
}
.mejs__captions-text,
.mejs__captions-text * {
  background: rgba(20, 20, 20, 0.5);
  -webkit-box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
          box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
  padding: 0;
  white-space: pre-wrap;
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
  display: none;
}
/* End: Track (Captions and Chapters) */
/* Start: Error */
.mejs__overlay-error {
  position: relative;
}
.mejs__overlay-error > img {
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.mejs__cannotplay,
.mejs__cannotplay a {
  color: #fff;
  font-size: 0.8em;
}
.mejs__cannotplay {
  position: relative;
}
.mejs__cannotplay p,
.mejs__cannotplay a {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}
/* End: Error */
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
  background: transparent;
}
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  -webkit-filter: inherit;
          filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
/* cursors */
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}
.leaflet-popup-content p {
  margin: 18px 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in, -webkit-transform 0.3s ease-out;
}
.leaflet-cluster-spider-leg {
  /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -webkit-transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}
/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c;
}
.leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39;
}
.leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357;
}
.leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c;
}
.leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73;
}
.leaflet-oldie .marker-cluster-large div {
  background-color: #f18017;
}
.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
  line-height: 30px;
}
/*
 *  webui popover plugin  - v1.2.17
 *  A lightWeight popover plugin with jquery ,enchance the  popover plugin of bootstrap with some awesome new features. It works well with bootstrap ,but bootstrap is not necessary!
 *  https://github.com/sandywalker/webui-popover
 *
 *  Made by Sandy Duan
 *  Under MIT License
 */
.webui-popover-content {
  display: none;
}
.webui-popover-rtl {
  direction: rtl;
  text-align: right;
}
/*  webui popover  */
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  min-width: 50px;
  min-height: 32px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
  margin-top: -10px;
}
.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
  margin-left: 10px;
}
.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
  margin-top: 10px;
}
.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
  margin-left: -10px;
}
.webui-popover.pop {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  transition: -webkit-transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5), -webkit-transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.pop-out {
  -webkit-transition-property: "opacity,transform";
  transition-property: "opacity,transform";
  -webkit-transition: 0.15s linear;
  transition: 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.fade,
.webui-popover.fade-out {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.out {
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.in {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.webui-popover .webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
  display: block;
}
.webui-popover .webui-popover-content > div:first-child {
  width: 99%;
}
.webui-popover-inner .close {
  font-family: arial;
  margin: 8px 10px 0 0;
  float: right;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  color: #000000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}
.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.webui-popover-inner .close:after {
  content: "\00D7";
  width: 0.8em;
  height: 0.8em;
  padding: 4px;
  position: relative;
}
.webui-popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0;
}
.webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
  display: none;
}
.webui-popover-inverse {
  background-color: #333333;
  color: #eeeeee;
}
.webui-popover-inverse .webui-popover-title {
  background: #333333;
  border-bottom: 1px solid #3b3b3b;
  color: #eeeeee;
}
.webui-no-padding .webui-popover-content {
  padding: 0;
}
.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none;
}
.webui-no-padding .list-group-item:first-child {
  border-top: 0;
}
.webui-no-padding .list-group-item:last-child {
  border-bottom: 0;
}
.webui-popover > .webui-arrow,
.webui-popover > .webui-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.webui-popover > .webui-arrow {
  border-width: 11px;
}
.webui-popover > .webui-arrow:after {
  border-width: 10px;
  content: "";
}
.webui-popover.top > .webui-arrow,
.webui-popover.top-right > .webui-arrow,
.webui-popover.top-left > .webui-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.webui-popover.top > .webui-arrow:after,
.webui-popover.top-right > .webui-arrow:after,
.webui-popover.top-left > .webui-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.webui-popover.right > .webui-arrow,
.webui-popover.right-top > .webui-arrow,
.webui-popover.right-bottom > .webui-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.right > .webui-arrow:after,
.webui-popover.right-top > .webui-arrow:after,
.webui-popover.right-bottom > .webui-arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.webui-popover.bottom > .webui-arrow,
.webui-popover.bottom-right > .webui-arrow,
.webui-popover.bottom-left > .webui-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}
.webui-popover.bottom > .webui-arrow:after,
.webui-popover.bottom-right > .webui-arrow:after,
.webui-popover.bottom-left > .webui-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}
.webui-popover.left > .webui-arrow,
.webui-popover.left-top > .webui-arrow,
.webui-popover.left-bottom > .webui-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.left > .webui-arrow:after,
.webui-popover.left-top > .webui-arrow:after,
.webui-popover.left-bottom > .webui-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.webui-popover-inverse.top > .webui-arrow,
.webui-popover-inverse.top-left > .webui-arrow,
.webui-popover-inverse.top-right > .webui-arrow,
.webui-popover-inverse.top > .webui-arrow:after,
.webui-popover-inverse.top-left > .webui-arrow:after,
.webui-popover-inverse.top-right > .webui-arrow:after {
  border-top-color: #333333;
}
.webui-popover-inverse.right > .webui-arrow,
.webui-popover-inverse.right-top > .webui-arrow,
.webui-popover-inverse.right-bottom > .webui-arrow,
.webui-popover-inverse.right > .webui-arrow:after,
.webui-popover-inverse.right-top > .webui-arrow:after,
.webui-popover-inverse.right-bottom > .webui-arrow:after {
  border-right-color: #333333;
}
.webui-popover-inverse.bottom > .webui-arrow,
.webui-popover-inverse.bottom-left > .webui-arrow,
.webui-popover-inverse.bottom-right > .webui-arrow,
.webui-popover-inverse.bottom > .webui-arrow:after,
.webui-popover-inverse.bottom-left > .webui-arrow:after,
.webui-popover-inverse.bottom-right > .webui-arrow:after {
  border-bottom-color: #333333;
}
.webui-popover-inverse.left > .webui-arrow,
.webui-popover-inverse.left-top > .webui-arrow,
.webui-popover-inverse.left-bottom > .webui-arrow,
.webui-popover-inverse.left > .webui-arrow:after,
.webui-popover-inverse.left-top > .webui-arrow:after,
.webui-popover-inverse.left-bottom > .webui-arrow:after {
  border-left-color: #333333;
}
.webui-popover i.icon-refresh:before {
  content: "";
}
.webui-popover i.icon-refresh {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -15px;
  margin-right: -15px;
  background: url(data:image/gif;base64,R0lGODlhIAAgALMAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAAIAAgAAAE5xDISSlLrOrNp0pKNRCdFhxVolJLEJQUoSgOpSYT4RowNSsvyW1icA16k8MMMRkCBjskBTFDAZyuAEkqCfxIQ2hgQRFvAQEEIjNxVDW6XNE4YagRjuBCwe60smQUDnd4Rz1ZAQZnFAGDd0hihh12CEE9kjAEVlycXIg7BAsMB6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YEvpJivxNaGmLHT0VnOgGYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHQjYKhKP1oZmADdEAAAh+QQFBQAAACwAAAAAGAAXAAAEchDISasKNeuJFKoHs4mUYlJIkmjIV54Soypsa0wmLSnqoTEtBw52mG0AjhYpBxioEqRNy8V0qFzNw+GGwlJki4lBqx1IBgjMkRIghwjrzcDti2/Gh7D9qN774wQGAYOEfwCChIV/gYmDho+QkZKTR3p7EQAh+QQFBQAAACwBAAAAHQAOAAAEchDISWdANesNHHJZwE2DUSEo5SjKKB2HOKGYFLD1CB/DnEoIlkti2PlyuKGEATMBaAACSyGbEDYD4zN1YIEmh0SCQQgYehNmTNNaKsQJXmBuuEYPi9ECAU/UFnNzeUp9VBQEBoFOLmFxWHNoQw6RWEocEQAh+QQFBQAAACwHAAAAGQARAAAEaRDICdZZNOvNDsvfBhBDdpwZgohBgE3nQaki0AYEjEqOGmqDlkEnAzBUjhrA0CoBYhLVSkm4SaAAWkahCFAWTU0A4RxzFWJnzXFWJJWb9pTihRu5dvghl+/7NQmBggo/fYKHCX8AiAmEEQAh+QQFBQAAACwOAAAAEgAYAAAEZXCwAaq9ODAMDOUAI17McYDhWA3mCYpb1RooXBktmsbt944BU6zCQCBQiwPB4jAihiCK86irTB20qvWp7Xq/FYV4TNWNz4oqWoEIgL0HX/eQSLi69boCikTkE2VVDAp5d1p0CW4RACH5BAUFAAAALA4AAAASAB4AAASAkBgCqr3YBIMXvkEIMsxXhcFFpiZqBaTXisBClibgAnd+ijYGq2I4HAamwXBgNHJ8BEbzgPNNjz7LwpnFDLvgLGJMdnw/5DRCrHaE3xbKm6FQwOt1xDnpwCvcJgcJMgEIeCYOCQlrF4YmBIoJVV2CCXZvCooHbwGRcAiKcmFUJhEAIfkEBQUAAAAsDwABABEAHwAABHsQyAkGoRivELInnOFlBjeM1BCiFBdcbMUtKQdTN0CUJru5NJQrYMh5VIFTTKJcOj2HqJQRhEqvqGuU+uw6AwgEwxkOO55lxIihoDjKY8pBoThPxmpAYi+hKzoeewkTdHkZghMIdCOIhIuHfBMOjxiNLR4KCW1ODAlxSxEAIfkEBQUAAAAsCAAOABgAEgAABGwQyEkrCDgbYvvMoOF5ILaNaIoGKroch9hacD3MFMHUBzMHiBtgwJMBFolDB4GoGGBCACKRcAAUWAmzOWJQExysQsJgWj0KqvKalTiYPhp1LBFTtp10Is6mT5gdVFx1bRN8FTsVCAqDOB9+KhEAIfkEBQUAAAAsAgASAB0ADgAABHgQyEmrBePS4bQdQZBdR5IcHmWEgUFQgWKaKbWwwSIhc4LonsXhBSCsQoOSScGQDJiWwOHQnAxWBIYJNXEoFCiEWDI9jCzESey7GwMM5doEwW4jJoypQQ743u1WcTV0CgFzbhJ5XClfHYd/EwZnHoYVDgiOfHKQNREAIfkEBQUAAAAsAAAPABkAEQAABGeQqUQruDjrW3vaYCZ5X2ie6EkcKaooTAsi7ytnTq046BBsNcTvItz4AotMwKZBIC6H6CVAJaCcT0CUBTgaTg5nTCu9GKiDEMPJg5YBBOpwlnVzLwtqyKnZagZWahoMB2M3GgsHSRsRACH5BAUFAAAALAEACAARABgAAARcMKR0gL34npkUyyCAcAmyhBijkGi2UW02VHFt33iu7yiDIDaD4/erEYGDlu/nuBAOJ9Dvc2EcDgFAYIuaXS3bbOh6MIC5IAP5Eh5fk2exC4tpgwZyiyFgvhEMBBEAIfkEBQUAAAAsAAACAA4AHQAABHMQyAnYoViSlFDGXBJ808Ep5KRwV8qEg+pRCOeoioKMwJK0Ekcu54h9AoghKgXIMZgAApQZcCCu2Ax2O6NUud2pmJcyHA4L0uDM/ljYDCnGfGakJQE5YH0wUBYBAUYfBIFkHwaBgxkDgX5lgXpHAXcpBIsRADs=) no-repeat;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.webui-popover-backdrop {
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
}
.webui-popover .dropdown-menu {
  display: block;
  position: relative;
  top: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  float: none;
}
/*! nouislider - 14.1.1 - 12/15/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
          box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.pickr {
  position: relative;
  overflow: visible;
}
.pickr * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pickr .pcr-button {
  position: relative;
  height: 2em;
  width: 2em;
  padding: 0.5em;
  border-radius: 0.15em;
  cursor: pointer;
  background: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
.pickr .pcr-button:before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background-size: 0.5em;
  border-radius: 0.15em;
  z-index: -1;
}
.pickr .pcr-button:after,
.pickr .pcr-button:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pickr .pcr-button:after {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat 50%;
  background-size: 70%;
  opacity: 0;
}
.pickr .pcr-button.clear:after {
  opacity: 1;
}
.pickr .pcr-button.disabled {
  cursor: not-allowed;
}
.pcr-app {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  -webkit-box-shadow: 0 0.2em 1.5em 0 rgba(0, 0, 0, 0.1), 0 0 1em 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0.2em 1.5em 0 rgba(0, 0, 0, 0.1), 0 0 1em 0 rgba(0, 0, 0, 0.02);
  top: 5px;
  height: 15em;
  width: 28em;
  max-width: 95vw;
  padding: 0.8em;
  border-radius: 0.1em;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.pcr-app.visible {
  visibility: visible;
  opacity: 1;
}
.pcr-app .pcr-interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1em -0.2em 0;
}
.pcr-app .pcr-interaction > * {
  margin: 0 0.2em;
}
.pcr-app .pcr-interaction input {
  padding: 0.5em 0.6em;
  border: none;
  outline: none;
  letter-spacing: 0.07em;
  font-size: 0.75em;
  text-align: center;
  cursor: pointer;
  color: #c4c4c4;
  background: #f8f8f8;
  border-radius: 0.15em;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.pcr-app .pcr-interaction input:hover {
  color: grey;
}
.pcr-app .pcr-interaction .pcr-result {
  color: grey;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 1em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 0.15em;
  background: #f8f8f8;
  cursor: text;
  padding-left: 0.8em;
}
.pcr-app .pcr-interaction .pcr-result:focus {
  color: #4285f4;
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection {
  background: #4285f4;
  color: #fff;
}
.pcr-app .pcr-interaction .pcr-result::selection {
  background: #4285f4;
  color: #fff;
}
.pcr-app .pcr-interaction .pcr-type.active {
  color: #fff;
  background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-save {
  color: #fff;
  width: auto;
}
.pcr-app .pcr-interaction .pcr-save {
  background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-save:hover {
  background: #4370f4;
  color: #fff;
}
.pcr-app .pcr-interaction .pcr-clear {
  background: #f44250;
}
.pcr-app .pcr-interaction .pcr-clear:hover {
  background: #db3d49;
  color: #fff;
}
.pcr-app .pcr-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.pcr-app .pcr-selection .pcr-picker {
  position: absolute;
  height: 18px;
  width: 18px;
  border: 2px solid #fff;
  border-radius: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: -webkit-grabbing;
}
.pcr-app .pcr-selection .pcr-color-preview {
  position: relative;
  z-index: 1;
  width: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pcr-app .pcr-selection .pcr-color-preview:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background-size: 0.5em;
  border-radius: 0.15em;
  z-index: -1;
}
.pcr-app .pcr-selection .pcr-color-preview .pcr-last-color {
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 0.15em 0.15em 0 0;
}
.pcr-app .pcr-selection .pcr-color-preview .pcr-current-color {
  border-radius: 0 0 0.15em 0.15em;
}
.pcr-app .pcr-selection .pcr-color-preview .pcr-current-color,
.pcr-app .pcr-selection .pcr-color-preview .pcr-last-color {
  background: transparent;
  width: 100%;
  height: 50%;
}
.pcr-app .pcr-selection .pcr-color-chooser,
.pcr-app .pcr-selection .pcr-color-opacity,
.pcr-app .pcr-selection .pcr-color-palette {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pcr-app .pcr-selection .pcr-color-palette {
  width: 80%;
  z-index: 1;
}
.pcr-app .pcr-selection .pcr-color-palette .pcr-palette {
  height: 100%;
  border-radius: 0.15em;
}
.pcr-app .pcr-selection .pcr-color-palette .pcr-palette:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background-size: 0.5em;
  border-radius: 0.15em;
  z-index: -1;
}
.pcr-app .pcr-selection .pcr-color-chooser .pcr-picker,
.pcr-app .pcr-selection .pcr-color-opacity .pcr-picker {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pcr-app .pcr-selection .pcr-color-chooser .pcr-slider,
.pcr-app .pcr-selection .pcr-color-opacity .pcr-slider {
  width: 8px;
  height: 100%;
  border-radius: 50em;
}
.pcr-app .pcr-selection .pcr-color-chooser .pcr-slider {
  background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(#ff0), color-stop(#0f0), color-stop(#0ff), color-stop(#00f), color-stop(#f0f), to(red));
  background: linear-gradient(180deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
}
.pcr-app .pcr-selection .pcr-color-opacity .pcr-slider {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background: linear-gradient(180deg, transparent, #000), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background-size: 100%, 50%;
}
.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}
.tns-slider {
  -webkit-transition: all 0s;
  transition: all 0s;
}
.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}
.tns-no-calc {
  position: relative;
  left: 0;
}
.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.tns-autowidth {
  display: inline-block;
}
.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}
.tns-ah {
  -webkit-transition: height 0s;
  transition: height 0s;
}
.tns-ovh {
  overflow: hidden;
}
.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}
.tns-transparent {
  opacity: 0;
  visibility: hidden;
}
.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}
.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
  display: inline-block;
}
.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: '';
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}
/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url(data:image/gif;base64, ) center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Icons */
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);
  src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format('embedded-opentype'), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format('woff'), url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format('svg');
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.form-control {
  width: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control.focus {
  border-color: var(--ta-input-border-focus);
  outline: 0;
  -webkit-box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control[readonly] {
  border: 1px solid transparent !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 !important;
}
.form-control[disabled] {
  cursor: default;
}
.btn > .caret {
  margin-left: 4px;
}
.radio,
.checkbox {
  margin-top: 0;
  margin-bottom: 0;
  height: 20px;
  padding-left: 24px;
}
.progress {
  margin-bottom: 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.tr-tree-expander {
  margin: 0 1px 0 3px !important;
}
.tr-input-wrapper:not(.focus) .tr-editor {
  background-color: transparent;
}
.tr-input-wrapper {
  border-radius: var(--ta-border-radius);
  min-height: var(--ta-input-height);
}
.tr-combobox-selected-entry-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tr-combobox-selected-entry-wrapper .tr-combobox-entry {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.tr-dropdown {
  max-height: 200px;
  z-index: var(--ta-zindex-max);
}
.tr-datetimefield .tr-editor-wrapper .tr-date-editor,
.tr-datetimefield .tr-editor-wrapper .tr-time-editor {
  padding-left: 3px;
}
.tr-datetimefield .tr-editor-wrapper .tr-time-icon-wrapper {
  margin-left: 6px;
}
.tr-input-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color var(--ta-color-transition-time), -webkit-box-shadow var(--ta-color-transition-time);
  transition: border-color var(--ta-color-transition-time), -webkit-box-shadow var(--ta-color-transition-time);
  transition: border-color var(--ta-color-transition-time), box-shadow var(--ta-color-transition-time);
  transition: border-color var(--ta-color-transition-time), box-shadow var(--ta-color-transition-time), -webkit-box-shadow var(--ta-color-transition-time);
}
.tr-remove-button {
  opacity: 0.6;
}
.tr-tree-entry-children-wrapper:empty {
  display: none !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
html {
  height: 100%;
  overflow: hidden;
  font-size: var(--ta-font-size);
}
body,
.full-height {
  height: 100%;
  overflow-y: auto;
  background-color: var(--ta-bg-color);
}
.hidden {
  display: none !important;
}
.pseudo-hidden {
  position: absolute !important;
  left: -100000px !important;
  top: -100000px !important;
}
.single-line-snipper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dataTables_scrollHead table {
  margin: 0;
}
.flex-filler {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.img {
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  display: inline-block;
  vertical-align: top;
}
.img-12 {
  width: 12px;
  height: 12px;
  background-size: 12px;
}
.img-16 {
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.img-20 {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.img-24 {
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.img-32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
}
.img-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
}
.img-64 {
  width: 64px;
  height: 64px;
  background-size: 64px;
}
.text-bold {
  font-weight: bold;
}
input {
  min-width: 0px;
}
.teamapps-backgroundImage,
.teamapps-blurredBackgroundImage {
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}
.discreet-button-style-item {
  border-color: transparent;
  background: var(--ta-bg-color-semi-transparent) none;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.button-style-item {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-bottom-color: #d0d1d4;
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.button-style-item-lowered {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-top-color: #d6d7d8;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #fafafa 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
  -webkit-box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.1);
}
.button-style-item-glow {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(#feeeac), color-stop(7%, #fee5a6), color-stop(92%, #fee7a8), color-stop(97%, #fef4b0), to(#fef7b4));
  background: linear-gradient(to bottom, #feeeac 0%, #fee5a6 7%, #fee7a8 92%, #fef4b0 97%, #fef7b4 100%);
  border: 1px solid #e7d5b7;
}
.button-style-item-glow-lowered {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(#fef7b4), color-stop(7%, #fef4b0), color-stop(92%, #fee7a8), color-stop(97%, #fee5a6), to(#feeeac));
  background: linear-gradient(to bottom, #fef7b4 0%, #fef4b0 7%, #fee7a8 92%, #fee5a6 97%, #feeeac 100%);
  border: 1px solid #e7d5b7;
  border-top-color: #e1caa4;
  -webkit-box-shadow: inset 0 2px 5px -1px rgba(0, 0, 0, 0.13);
          box-shadow: inset 0 2px 5px -1px rgba(0, 0, 0, 0.13);
}
.button-style-item-glow2 {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(#fee47d), color-stop(7%, #fed774), color-stop(92%, #feda75), color-stop(97%, #feed83), to(#fef387));
  background: linear-gradient(to bottom, #fee47d 0%, #fed774 7%, #feda75 92%, #feed83 97%, #fef387 100%);
  border: 1px solid #C19344;
}
.button-style-item-dark {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid rgba(150, 140, 140, 0.4);
  border-bottom-color: rgba(133, 135, 144, 0.51);
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(62%, rgba(251, 251, 252, 0.1)), color-stop(84%, rgba(247, 248, 249, 0.1)), color-stop(94%, rgba(245, 246, 247, 0.1)), to(rgba(237, 239, 241, 0.1)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(251, 251, 252, 0.1) 62%, rgba(247, 248, 249, 0.1) 84%, rgba(245, 246, 247, 0.1) 94%, rgba(237, 239, 241, 0.1) 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.button-style-item-glow-dark {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 238, 172, 0.1)), color-stop(7%, rgba(254, 229, 166, 0.1)), color-stop(92%, rgba(254, 231, 168, 0.1)), color-stop(97%, rgba(254, 244, 176, 0.1)), to(rgba(254, 247, 180, 0.1)));
  background: linear-gradient(to bottom, rgba(254, 238, 172, 0.1) 0%, rgba(254, 229, 166, 0.1) 7%, rgba(254, 231, 168, 0.1) 92%, rgba(254, 244, 176, 0.1) 97%, rgba(254, 247, 180, 0.1) 100%);
  border: 1px solid rgba(231, 213, 183, 0.4);
}
.button-style-item-glow2-dark {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 228, 125, 0.1)), color-stop(7%, rgba(254, 215, 116, 0.1)), color-stop(92%, rgba(254, 218, 117, 0.1)), color-stop(97%, rgba(254, 237, 131, 0.1)), to(rgba(254, 243, 135, 0.1)));
  background: linear-gradient(to bottom, rgba(254, 228, 125, 0.1) 0%, rgba(254, 215, 116, 0.1) 7%, rgba(254, 218, 117, 0.1) 92%, rgba(254, 237, 131, 0.1) 97%, rgba(254, 243, 135, 0.1) 100%);
  border: 1px solid rgba(193, 147, 68, 0.5);
}
.fullscreen-request-frame {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  position: absolute;
  background-color: var(--ta-bg-color-semi-transparent);
  -webkit-animation-name: fullscreen-requested-blink;
          animation-name: fullscreen-requested-blink;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fullscreen-request-frame .message {
  font-size: 170%;
  font-weight: bold;
}
.fullscreen-request-frame .buttons {
  margin-top: 15px;
}
.fullscreen-request-frame .buttons button {
  margin: 5px;
}
.fullscreen-request-frame .buttons .cancel-button {
  padding-right: 20px;
}
.fullscreen {
  width: 100% !important;
  height: 100% !important;
}
@-webkit-keyframes fullscreen-requested-blink {
  from {
    -webkit-box-shadow: 0 0 3px 3px rgba(222, 98, 31, 0.3);
            box-shadow: 0 0 3px 3px rgba(222, 98, 31, 0.3);
  }
  to {
    -webkit-box-shadow: 0 0 3px 3px rgba(222, 98, 31, 0.5);
            box-shadow: 0 0 3px 3px rgba(222, 98, 31, 0.5);
  }
}
@keyframes fullscreen-requested-blink {
  from {
    -webkit-box-shadow: 0 0 3px 3px rgba(222, 98, 31, 0.3);
            box-shadow: 0 0 3px 3px rgba(222, 98, 31, 0.3);
  }
  to {
    -webkit-box-shadow: 0 0 3px 3px rgba(222, 98, 31, 0.5);
            box-shadow: 0 0 3px 3px rgba(222, 98, 31, 0.5);
  }
}
.notransition {
  -webkit-transition: none !important;
  transition: none !important;
}
.teamapps-expander {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAMklEQVQYV2NkIAIwIqn5D2Uji4GF0AWwKsTQxcDAgKEQmyKQDSgKyTKJoJuI9h3WUAMAntIHCtDLLc8AAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
  cursor: pointer;
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  top: -1px;
  margin-right: 2px;
}
.teamapps-expander.expanded {
  -webkit-transform: rotate(0.25turn);
          transform: rotate(0.25turn);
}
.close-button {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAASUlEQVQoU2NkgABfBgaGzVA2OgWWY4QqgkmiKwYpAgOQQpiJ6IrhimAmwhQgSyBbD7YFZiIuxXCnkKWQKKtRHI7Ng2QFD94ABwB+/Q6lARmtogAAAABJRU5ErkJggg==');
  background-position: center;
  background-repeat: no-repeat;
}
.string-template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: var(--ta-caret-size) dashed;
  border-right: var(--ta-caret-size) solid transparent;
  border-left: var(--ta-caret-size) solid transparent;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.invisible-component {
  display: none !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiDummyComponent {
  padding: 2px 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAIElEQVQoU2NkwA+kGAkoYCCkYNCYIMXAwPCMgYEBKw0AcVQEcS0evCkAAAAASUVORK5CYII=);
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.UiDummyComponent .blink {
  -webkit-animation: ta-blink 1s linear infinite;
          animation: ta-blink 1s linear infinite;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiTemplateTestContainer {
  overflow: scroll;
  background-color: white;
  padding: 5px;
}
.UiTemplateTestContainer .template-wrapper {
  border: 3px solid rgba(255, 0, 0, 0.3);
  background: #eeeeee;
}
.UiTemplateTestContainer .template-wrapper .UiGridTemplate,
.UiTemplateTestContainer .template-wrapper .UiTextCellTemplate {
  background-color: white;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiRootPanel {
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.UiRootPanel > .child-component-wrapper {
  width: 100%;
  height: 100%;
}
.UiRootPanel > .child-component-wrapper > * {
  width: 100%;
  height: 100%;
}
.UiGenericErrorMessage {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 15px;
  grid-gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiGenericErrorMessage .option-buttons {
  grid-column: 1 / 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.splitpane {
  position: relative;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.splitpane > .splitpane-component-wrapper {
  position: relative;
}
.splitpane > .splitpane-component-wrapper.empty-child {
  display: none !important;
}
.splitpane > .splitpane-component-wrapper > .splitpane-component {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.splitpane > .splitpane-component-wrapper > .splitpane-component > * {
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
.splitpane > .splitpane-component-wrapper.single-child {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 1px !important;
          flex: 1 1 1px !important;
}
.splitpane > .splitpane-component-wrapper.single-child > .splitpane-component {
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.splitpane > .splitpane-divider-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 0.1px;
          flex: 0 1 0.1px;
  position: relative;
}
.splitpane > .splitpane-divider-wrapper > .splitpane-divider {
  position: absolute;
  z-index: 2;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background-color var(--ta-color-transition-time), -webkit-box-shadow var(--ta-color-transition-time);
  transition: background-color var(--ta-color-transition-time), -webkit-box-shadow var(--ta-color-transition-time);
  transition: box-shadow var(--ta-color-transition-time), background-color var(--ta-color-transition-time);
  transition: box-shadow var(--ta-color-transition-time), background-color var(--ta-color-transition-time), -webkit-box-shadow var(--ta-color-transition-time);
}
.splitpane > .splitpane-divider-wrapper > .splitpane-divider:hover,
.splitpane > .splitpane-divider-wrapper > .splitpane-divider.dragged {
  background-color: var(--ta-bg-color-semi-transparent);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.splitpane.splitpane-horizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.splitpane.splitpane-horizontal > .splitpane-component-wrapper:first-child > .splitpane-component {
  bottom: calc(var(--ta-panel-gap) / 2);
}
.splitpane.splitpane-horizontal > .splitpane-component-wrapper:last-child > .splitpane-component {
  top: calc(var(--ta-panel-gap) / 2);
}
.splitpane.splitpane-horizontal > .splitpane-divider-wrapper > .splitpane-divider {
  width: 100%;
  height: var(--ta-resize-bar-size);
  top: calc(var(--ta-resize-bar-size) / -2);
  cursor: ns-resize;
}
.splitpane.splitpane-vertical {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.splitpane.splitpane-vertical > .splitpane-component-wrapper:first-child > .splitpane-component {
  right: calc(var(--ta-panel-gap) / 2);
}
.splitpane.splitpane-vertical > .splitpane-component-wrapper:last-child > .splitpane-component {
  left: calc(var(--ta-panel-gap) / 2);
}
.splitpane.splitpane-vertical > .splitpane-divider-wrapper > .splitpane-divider {
  width: var(--ta-resize-bar-size);
  height: 100%;
  left: calc(var(--ta-resize-bar-size) / -2);
  cursor: ew-resize;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiPanel {
  background-size: cover;
  -webkit-box-shadow: var(--ta-box-shadow-base);
          box-shadow: var(--ta-box-shadow-base);
  overflow: hidden;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
}
.UiPanel .panel-heading {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-color: var(--ta-inner-border-color);
  padding: 0 1px 0 8px;
  background-color: var(--ta-bg-color-semi-transparent);
}
.optimized-for-touch .UiPanel .panel-heading {
  min-height: 40px;
}
.UiPanel .panel-heading .panel-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UiPanel .panel-heading .panel-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 7px;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UiPanel .panel-heading > .panel-component-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.UiPanel .panel-heading > .panel-component-wrapper > .icon-and-field-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: var(--ta-border-radius);
}
.UiPanel .panel-heading > .panel-component-wrapper > .icon-and-field-wrapper > .icon {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: auto;
  padding: 0 15px;
  border: 1px solid transparent;
  border-right-width: 0;
  border-top-left-radius: var(--ta-border-radius);
  border-bottom-left-radius: var(--ta-border-radius);
}
.optimized-for-touch .UiPanel .panel-heading > .panel-component-wrapper > .icon-and-field-wrapper > .icon {
  padding: 0 20px;
}
.UiPanel .panel-heading > .panel-component-wrapper > .icon-and-field-wrapper > .field-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transition: width 0.5s, -webkit-flex-basis 0.5s;
  transition: width 0.5s, -webkit-flex-basis 0.5s;
  transition: width 0.5s, flex-basis 0.5s;
  transition: width 0.5s, flex-basis 0.5s, -webkit-flex-basis 0.5s, -ms-flex-preferred-size 0.5s;
}
.UiPanel .panel-heading > .panel-component-wrapper > .icon-and-field-wrapper > .field-wrapper > * {
  min-width: 0 !important;
}
.UiPanel .panel-heading > .panel-component-wrapper > .icon-and-field-wrapper > .field-wrapper .UiField:not(.focus) .field-border {
  -webkit-transition: border-color 1s, background-color 1s, -webkit-box-shadow 1s;
  transition: border-color 1s, background-color 1s, -webkit-box-shadow 1s;
  transition: border-color 1s, background-color 1s, box-shadow 1s;
  transition: border-color 1s, background-color 1s, box-shadow 1s, -webkit-box-shadow 1s;
  background-color: transparent;
  border-color: transparent;
}
.UiPanel .panel-heading > .panel-component-wrapper.display-icon .field-wrapper .tr-input-wrapper,
.UiPanel .panel-heading > .panel-component-wrapper.display-icon .field-wrapper .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.UiPanel .panel-heading > .panel-component-wrapper:not(.display-icon) > .icon-and-field-wrapper > .icon {
  display: none;
}
.UiPanel .panel-heading > .panel-component-wrapper.minimized > .icon-and-field-wrapper > .icon {
  border-right-width: 1px;
  border-top-right-radius: var(--ta-border-radius);
  border-bottom-right-radius: var(--ta-border-radius);
}
.UiPanel .panel-heading > .panel-component-wrapper.minimized > .icon-and-field-wrapper > .field-wrapper {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 0px !important;
          flex: 0 0 0px !important;
  width: 0 !important;
  overflow: hidden;
}
.UiPanel .panel-heading .panel-heading-spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 3px;
          flex: 1 0 3px;
}
.UiPanel .panel-heading .panel-heading-buttons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 1px 4px 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 1px;
}
.UiPanel .panel-heading .panel-heading-window-buttons {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: 2px 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-left: 1px solid var(--ta-special-button-section-border);
  border-bottom: 1px solid var(--ta-special-button-section-border);
  background-color: var(--ta-special-button-section-bg);
  border-top-right-radius: var(--ta-border-radius);
  border-bottom-left-radius: calc(var(--ta-border-radius) + 2px);
}
.UiPanel .panel-heading .panel-heading-window-buttons:empty {
  display: none;
}
.UiPanel .toolbar-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.UiPanel .panel-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  padding: 0;
  background-color: var(--ta-bg-color);
  position: relative;
}
.UiPanel .panel-body .body-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom-left-radius: var(--ta-border-radius);
  border-bottom-right-radius: var(--ta-border-radius);
}
.UiPanel.empty-heading .panel-body {
  padding: 8px;
}
.UiPanel.stretch-content > .panel-body > .body-container > * {
  width: 100%;
  height: 100%;
}
.teamapps-component-maximized {
  position: fixed;
  z-index: var(--ta-zindex-modal);
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  -webkit-box-shadow: 0 0 0 10px var(--ta-bg-dim-overlay);
          box-shadow: 0 0 0 10px var(--ta-bg-dim-overlay);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiElegantPanel {
  overflow-y: auto;
}
.UiElegantPanel > .flex-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.UiElegantPanel > .flex-container > .background-image-div {
  max-height: 100%;
  overflow-y: auto;
}
.UiElegantPanel > .flex-container > .background-image-div > .background-color-div {
  background-color: rgba(255, 255, 255, 0.2);
}
.UiElegantPanel > .flex-container > .background-image-div > .background-color-div .content-container.left {
  margin-right: auto;
}
.UiElegantPanel > .flex-container > .background-image-div > .background-color-div .content-container.right {
  margin-right: auto;
}
.UiElegantPanel > .flex-container > .background-image-div > .background-color-div .content-container.center {
  margin: 0 auto;
}
.UiElegantPanel > .flex-container > .background-image-div > .background-color-div .content-container > * {
  width: 100%;
  height: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiApplicationLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.UiApplicationLayout > .UiApplicationLayout_toolbarContainer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: var(--ta-padding-base-horizontal) var(--ta-padding-base-horizontal) 0 var(--ta-padding-base-horizontal);
}
.UiApplicationLayout > .UiApplicationLayout_contentContainerWrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  position: relative;
  margin: var(--ta-padding-base-horizontal);
}
.UiApplicationLayout > .UiApplicationLayout_contentContainerWrapper .UiApplicationLayout_contentContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.UiApplicationLayout > .UiApplicationLayout_contentContainerWrapper .UiApplicationLayout_contentContainer > * {
  width: 100%;
  height: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiWorkSpaceLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.UiWorkSpaceLayout > .toolbar-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: var(--ta-panel-gap) var(--ta-panel-gap) 0 var(--ta-panel-gap);
}
.UiWorkSpaceLayout > .toolbar-container .UiToolbar {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.UiWorkSpaceLayout > .content-container-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  position: relative;
  margin: var(--ta-panel-gap);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.UiWorkSpaceLayout > .content-container-wrapper > .content-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.UiWorkSpaceLayout > .content-container-wrapper > .content-container > * {
  width: 100%;
  height: 100%;
}
.UiWorkSpaceLayout .bottom-bar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--ta-bg-color-semi-transparent);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.UiWorkSpaceLayout .bottom-bar .minimized-tabpanel-button-container {
  padding: 1px 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.UiWorkSpaceLayout .bottom-bar .minimized-tabpanel-button-container:empty {
  overflow: hidden;
  height: 0;
  padding: 0;
}
.UiWorkSpaceLayout .bottom-bar .minimized-tabpanel-button-container .minimized-tabpanel-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: var(--ta-border-radius);
  background-color: var(--ta-bg-color-semi-transparent);
}
.UiWorkSpaceLayout .bottom-bar .minimized-tabpanel-button-container .minimized-tabpanel-button:hover {
  background-color: var(--ta-bg-color);
}
.UiWorkSpaceLayout .bottom-bar .minimized-tabpanel-button-container .minimized-tabpanel-button .tab-icon {
  margin: 0 2px;
}
.optimized-for-touch .UiWorkSpaceLayout .bottom-bar .minimized-tabpanel-button-container .minimized-tabpanel-button {
  padding: 7px;
}
.UiWorkSpaceLayout .bottom-bar .progress-container {
  display: inline-block;
  padding: 0 8px;
}
.UiWorkSpaceLayout .bottom-bar .progress-container > *.no-tasks {
  display: none;
}
.UiWorkSpaceLayout .dnd-target-rectangle {
  position: absolute;
  border: 4px solid var(--ta-bg-color-semi-transparent);
  pointer-events: none;
  z-index: calc(var(--ta-zindex-modal) - 1);
  background-color: var(--ta-color-primary);
}
.UiWorkSpaceLayout .dnd-target-rectangle:before {
  content: " ";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.UiWorkSpaceLayout .dnd-target-rectangle:after {
  content: " ";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.UiWorkSpaceLayout .dnd-drag-image {
  position: absolute;
  top: -100000px;
  left: -100000px;
}
.UiWorkSpaceLayout .dnd-drag-image .tab-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 2px 7px 2px 5px;
  height: 22px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-color: var(--ta-color-warning);
  border-left-color: rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.72);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.UiWorkSpaceLayout .dnd-drag-image .tab-button .tab-button-icon {
  margin-right: 5px;
}
.UiWorkSpaceLayout .dnd-drag-image .tab-button .tab-button-close-button {
  display: none;
}
.UiWorkSpaceLayout .dnd-drag-image .tab-button .tab-button-caption {
  white-space: nowrap;
  max-width: 180px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.UiWorkSpaceLayout .dnd-drag-image .tab-button .tab-button-filler {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}
.UiWorkSpaceLayout .dnd-drag-image:after {
  content: ' ';
  display: block;
  width: 150px;
  height: 100px;
  background-color: var(--ta-bg-color-semi-transparent);
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.UiWorkSpaceLayout-maximization-container-wrapper {
  position: absolute;
  top: -100000px;
  padding: var();
  background-color: transparent;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.UiWorkSpaceLayout-maximization-container-wrapper.show {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.UiWorkSpaceLayout-maximization-container-wrapper .UiWorkSpaceLayout-maximization-container {
  width: 100%;
  height: 100%;
  -webkit-animation-duration: 0.1s !important;
          animation-duration: 0.1s !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiMobileLayout {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.UiMobileLayout > .toolbar-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.UiMobileLayout > .toolbar-container .UiToolbar,
.UiMobileLayout > .toolbar-container .toolbar-button-group,
.UiMobileLayout > .toolbar-container .background-color-div {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.UiMobileLayout > .toolbar-container .UiToolbar {
  border-bottom: 1px solid var(--ta-btn-default-border);
}
.UiMobileLayout > .content-container-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  position: relative;
}
.UiMobileLayout > .content-container-wrapper > .content-container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.UiMobileLayout > .content-container-wrapper > .content-container > * {
  width: 100%;
  height: 100%;
}
.UiMobileLayout > .content-container-wrapper > .content-container > *.UiPanel {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0;
}
.UiMobileLayout > .content-container-wrapper > .content-container > *.UiPanel .panel-heading {
  border-radius: 0;
}
.UiMobileLayout > .navigation-bar-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.UiMobileLayout.transitions > .content-container-wrapper > .content-container {
  -webkit-transition: top 0.5s, left 0.5s, -webkit-transform 0.5s;
  transition: top 0.5s, left 0.5s, -webkit-transform 0.5s;
  transition: top 0.5s, left 0.5s, transform 0.5s;
  transition: top 0.5s, left 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiTabPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.UiTabPanel > .tab-panel-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.UiTabPanel > .tab-panel-header > .background-color-div {
  background-color: var(--ta-bg-color-semi-transparent);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  border-bottom: 1px solid var(--ta-inner-border-color);
}
.UiRootPanel > .UiTabPanel > .tab-panel-header > .background-color-div {
  padding: 0 7px;
}
.UiTabPanel > .tab-panel-header > .background-color-div .spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: var(--ta-tab-button-height);
  padding: 0 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-button .tab-button-icon {
  margin-right: 5px;
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-button .tab-button-close-button {
  margin-left: 7px;
  margin-right: -4px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-button .tab-button-close-button:hover {
  -webkit-filter: none;
          filter: none;
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-button .tab-button-caption {
  white-space: nowrap;
  max-width: 180px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-button .tab-button-filler {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-button.selected {
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.09);
          box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.09);
  position: relative;
}
.UiTabPanel > .tab-panel-header > .background-color-div > .tab-button-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.UiTabPanel > .tab-panel-header > .background-color-div .tool-button-container,
.UiTabPanel > .tab-panel-header > .background-color-div .window-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 2px;
}
.UiTabPanel > .tab-panel-header > .background-color-div .tool-button-container:empty,
.UiTabPanel > .tab-panel-header > .background-color-div .window-button-container:empty {
  display: none;
}
.UiTabPanel > .tab-panel-header > .background-color-div .dropdown-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--ta-tab-button-height);
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  padding-top: 1px;
  outline: none;
}
.UiTabPanel > .tab-panel-header > .background-color-div .dropdown-button:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: var(--ta-caret-size) dashed;
  border-right: var(--ta-caret-size) solid transparent;
  border-left: var(--ta-caret-size) solid transparent;
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-panel-dropdown {
  position: absolute;
  z-index: var(--ta-zindex-max);
  -webkit-box-shadow: 0 3px 8px -1px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 8px -1px rgba(0, 0, 0, 0.4);
  border-radius: 0 0 var(--ta-border-radius) var(--ta-border-radius);
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-panel-dropdown .dropdown-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--ta-bg-color-semi-transparent);
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-panel-dropdown .dropdown-button-container > .tab-button.selected {
  background-color: var(--ta-hover-color);
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-panel-dropdown .dropdown-button-container > .tab-button.selected:after {
  position: absolute;
  left: -3px;
  top: 50%;
  display: inline-block;
  margin-top: -7px;
  content: '';
  border-bottom: 7px solid transparent;
  border-left: 7px solid #ffffff;
  border-top: 7px solid transparent;
  z-index: 1000;
  -webkit-box-shadow: -1px 0 2px -1px rgba(0, 0, 0, 0.7);
          box-shadow: -1px 0 2px -1px rgba(0, 0, 0, 0.7);
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-panel-dropdown .dropdown-button-container .tab-button .tab-button-caption {
  max-width: none;
}
.UiTabPanel > .tab-panel-header > .background-color-div .tab-panel-dropdown .dropdown-button-container:last-child {
  border-radius: 0 0 var(--ta-border-radius) var(--ta-border-radius);
}
.UiTabPanel > .tabpanel-content-wrapper-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  overflow: visible;
  position: relative;
}
.UiTabPanel > .tabpanel-content-wrapper-wrapper > .tabpanel-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.UiTabPanel > .tabpanel-content-wrapper-wrapper > .tabpanel-content-wrapper > .tab-content-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.UiTabPanel > .tabpanel-content-wrapper-wrapper > .tabpanel-content-wrapper > .tab-content-wrapper:not(.selected) {
  position: absolute !important;
  left: -100000px !important;
  top: -100000px !important;
}
.UiTabPanel > .tabpanel-content-wrapper-wrapper > .tabpanel-content-wrapper > .tab-content-wrapper .tab-toolbar-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.UiTabPanel > .tabpanel-content-wrapper-wrapper > .tabpanel-content-wrapper > .tab-content-wrapper .tab-component-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  height: 100%;
  overflow: visible;
}
.UiTabPanel > .tabpanel-content-wrapper-wrapper > .tabpanel-content-wrapper > .tab-content-wrapper .tab-component-container > * {
  width: 100%;
  height: 100%;
}
.UiTabPanel.tab-style-blocks > .tab-panel-header .tab-button-container .tab-button.selected {
  background-color: var(--ta-hover-color);
}
.UiTabPanel.tab-style-blocks > .tab-panel-header .tab-button-container .tab-button.selected:after {
  position: absolute;
  bottom: -3px;
  left: 50%;
  display: inline-block;
  margin-left: -7px;
  content: '';
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  border-left: 7px solid transparent;
  z-index: 1000;
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.3);
}
.UiTabPanel.tab-style-blocks > .tab-panel-header > .background-color-div > .tab-button-container > .tab-button:not(.tool-tab-button),
.UiTabPanel.tab-style-blocks > .tab-panel-header > .background-color-div > .tab-button-container > .dropdown-button:not(.tool-tab-button) {
  -webkit-transition: background-color var(--ta-color-transition-time);
  transition: background-color var(--ta-color-transition-time);
}
.UiTabPanel.tab-style-blocks > .tab-panel-header > .background-color-div > .tab-button-container > .tab-button:not(.tool-tab-button):hover,
.UiTabPanel.tab-style-blocks > .tab-panel-header > .background-color-div > .tab-button-container > .dropdown-button:not(.tool-tab-button):hover {
  background-color: var(--ta-hover-color);
}
.UiTabPanel.tab-style-blocks > .tab-panel-header > .background-color-div > .tab-button-container > .tab-button:not(.tool-tab-button):active,
.UiTabPanel.tab-style-blocks > .tab-panel-header > .background-color-div > .tab-button-container > .dropdown-button:not(.tool-tab-button):active {
  background-color: var(--ta-active-color);
}
.UiTabPanel.tab-style-ears.tab-bar-hidden > .tab-panel-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.UiTabPanel.tab-style-ears > .tab-panel-header {
  background: none !important;
}
.UiTabPanel.tab-style-ears > .tab-panel-header > .background-color-div {
  background-color: unset;
  border-bottom: none;
  padding: 0 1px 0 5px;
}
.UiTabPanel.tab-style-ears > .tab-panel-header .tab-button {
  height: 22px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.UiTabPanel.tab-style-ears > .tab-panel-header .tab-button:not(.selected) {
  border-top-color: rgba(0, 0, 0, 0.2);
  border-left-color: rgba(0, 0, 0, 0.1);
}
.UiTabPanel.tab-style-ears > .tab-panel-header .tab-button:not(.selected) {
  background-color: var(--ta-bg-color-semi-transparent-muted);
  -webkit-box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.2);
}
.UiTabPanel.tab-style-ears > .tab-panel-header .tab-button.selected {
  border-left-color: rgba(0, 0, 0, 0.2);
  background-color: var(--ta-bg-color-semi-transparent);
}
.UiTabPanel.tab-style-ears > .tab-panel-header .tab-button:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.UiTabPanel.tab-style-ears > .tab-panel-header .tab-button.selected {
  border-top-color: var(--ta-color-warning);
}
.UiTabPanel.tab-style-ears > .tab-panel-header .tab-button,
.UiTabPanel.tab-style-ears > .tab-panel-header .dropdown-button {
  -webkit-transition: background-color var(--ta-color-transition-time);
  transition: background-color var(--ta-color-transition-time);
}
.UiTabPanel.tab-style-ears > .tab-panel-header .tab-button:active,
.UiTabPanel.tab-style-ears > .tab-panel-header .dropdown-button:active {
  background-color: white;
}
.UiTabPanel.tab-style-ears > .tab-panel-header .tab-button.tool-tab-button {
  border-top: 1px solid;
  border-left: 1px solid;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-left-color: rgba(0, 0, 0, 0.1);
  padding: 0px 3px 2px 3px;
  background-color: var(--ta-bg-color-semi-transparent);
  -webkit-box-shadow: none;
          box-shadow: none;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.UiTabPanel.tab-style-ears.teamapps-component-maximized .background-color-div {
  background-color: var(--ta-bg-dim-overlay) !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiToolbar {
  border: none;
  border-radius: var(--ta-border-radius);
  overflow: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.UiToolbar > .background-color-div {
  width: 100%;
  height: 100%;
  background-color: var(--ta-bg-color-semi-transparent);
  overflow: visible;
  border-radius: var(--ta-border-radius);
}
.UiToolbar > .background-color-div > .inner-container {
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.UiToolbar > .background-color-div > .inner-container .button-group-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.UiToolbar > .background-color-div > .inner-container .button-group-wrapper > .toolbar-button-group {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.UiToolbar > .background-color-div > .inner-container .button-group-wrapper > .toolbar-group-separator {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
  border-left: 1px solid var(--ta-inner-border-color);
  border-right: 1px solid var(--ta-inner-border-color-light);
  margin: 0 3px;
}
.UiToolbar > .background-color-div > .inner-container .button-group-wrapper.right-side > .toolbar-group-separator {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.UiToolbar > .background-color-div > .inner-container .button-group-wrapper:first-child > .toolbar-button-group > .toolbar-button-wrapper:first-child {
  border-top-left-radius: var(--ta-border-radius);
  border-bottom-left-radius: var(--ta-border-radius);
}
.UiToolbar > .background-color-div > .inner-container .button-group-wrapper .toolbar-button-wrapper.moved-to-overflow-dropdown {
  display: none;
}
.UiToolbar > .background-color-div > .inner-container .toolbar-filler {
  -webkit-box-flex: 8;
      -ms-flex: 8 1 30px;
          flex: 8 1 30px;
}
.UiToolbar > .background-color-div > .inner-container > .overflow-dropdown-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--ta-tab-button-height);
          flex: 0 0 var(--ta-tab-button-height);
}
.UiToolbar > .background-color-div > .inner-container > .logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 125px;
          flex: 0 0 125px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 5px 10px;
}
.UiToolbar > .background-color-div > .inner-container.overflow-measurement-mode .button-group-wrapper {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.UiPanel .UiToolbar {
  border-radius: 0;
}
.UiPanel .UiToolbar > .background-color-div {
  border-radius: 0;
  border-bottom: 1px solid var(--ta-panel-border-color);
}
.UiToolbar .toolbar-button-wrapper,
.UiToolbar-size-testing-container .toolbar-button-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: relative;
  outline: none;
}
.UiToolbar .toolbar-button-wrapper:hover,
.UiToolbar-size-testing-container .toolbar-button-wrapper:hover {
  background-color: var(--ta-bg-color);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
}
.UiToolbar .toolbar-button-wrapper:active,
.UiToolbar-size-testing-container .toolbar-button-wrapper:active {
  background-color: var(--ta-bg-color);
}
.UiToolbar .toolbar-button-wrapper > .toolbar-button-caret,
.UiToolbar-size-testing-container .toolbar-button-wrapper > .toolbar-button-caret {
  -ms-flex-item-align: center;
      align-self: center;
  padding-right: 4px;
}
.UiToolbar-dropdown {
  position: absolute;
  z-index: var(--ta-zindex-max);
  -webkit-box-shadow: 0 3px 8px -1px rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 8px -1px rgba(0, 0, 0, 0.4);
  border-radius: 0 0 var(--ta-border-radius) var(--ta-border-radius);
}
.UiToolbar-dropdown > .background-color-div {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 0 0 var(--ta-border-radius) var(--ta-border-radius);
  overflow: auto;
}
.UiToolbar-dropdown > .background-color-div .tr-default-spinner {
  position: static;
  background-color: transparent;
}
.UiToolbar-dropdown .UiItemView .tr-highlighted-entry {
  -webkit-transition: border-color 0s !important;
  transition: border-color 0s !important;
}
.UiToolbar-dropdown .tr-default-spinner {
  background-color: transparent;
  position: static;
  min-height: 80px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiToolAccordion {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.UiToolAccordion > .background-color-div {
  width: 100%;
  min-height: 100%;
  background-color: var(--ta-bg-color-semi-transparent);
}
.UiToolAccordion > .background-color-div .button-group-wrapper {
  overflow: hidden;
}
.UiToolAccordion > .background-color-div .button-group-wrapper .button-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.UiToolAccordion > .background-color-div .button-group-wrapper .toolbar-button-wrapper {
  padding: 5px 0 7px;
}
.UiToolAccordion > .background-color-div .button-group-wrapper .toolbar-button-wrapper,
.UiToolAccordion > .background-color-div .button-group-wrapper .row-filler {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.UiToolAccordion > .background-color-div .button-group-wrapper .tool-accordion-dropdown {
  background-color: rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: inset 0 8px 8px -4px rgba(0, 0, 0, 0.07), inset 0 -8px 8px -4px rgba(0, 0, 0, 0.07);
          box-shadow: inset 0 8px 8px -4px rgba(0, 0, 0, 0.07), inset 0 -8px 8px -4px rgba(0, 0, 0, 0.07);
  position: relative;
}
.UiToolAccordion > .background-color-div .button-group-wrapper .tool-accordion-dropdown .source-button-indicator {
  position: absolute;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.07);
  border-left: 7px solid transparent;
  z-index: 1000;
}
.UiToolAccordion > .background-color-div .button-group-wrapper .tool-accordion-dropdown .source-button-indicator:before {
  position: absolute;
  bottom: -3.5px;
  left: -7px;
  display: block;
  width: 9px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
}
.UiToolAccordion .tr-default-spinner {
  background-color: transparent;
  position: static;
  min-height: 40px;
}
.toolbar-button-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color var(--ta-color-transition-time);
  transition: background-color var(--ta-color-transition-time);
  position: relative;
  outline: none;
}
.toolbar-button-wrapper:hover,
.toolbar-button-wrapper:active {
  background-color: var(--ta-bg-color);
}
.toolbar-button-wrapper > .toolbar-button-caret {
  -ms-flex-item-align: center;
      align-self: center;
  padding-right: 4px;
}
.button-group-wrapper.horizontal:first-child > .toolbar-button-group > .toolbar-button-wrapper:first-child {
  border-top-left-radius: var(--ta-border-radius);
  border-bottom-left-radius: var(--ta-border-radius);
}
.button-group-wrapper.vertical:last-child > .toolbar-button-group .toolbar-button-wrapper:last-child {
  border-bottom-left-radius: var(--ta-border-radius);
  border-bottom-right-radius: var(--ta-border-radius);
}
.AbstractUiToolContainer-size-testing-container {
  position: fixed;
  left: 0;
  top: -10000px;
  min-width: 300px;
  min-height: 200px;
  background-color: rgba(0, 100, 0, 0.3);
}
.AbstractUiToolContainer-size-testing-container .toolbar-button-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.AbstractUiToolContainer-size-testing-container .custom-entry-template {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiNavigationBar {
  overflow: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: var(--ta-bg-color-semi-transparent);
  border-top: 1px solid var(--ta-panel-border-color);
  position: relative;
}
.UiNavigationBar > .buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.UiNavigationBar > .buttons-container > .nav-button-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  text-align: center;
  line-height: 0;
  -webkit-transition: background-color var(--ta-color-transition-time);
  transition: background-color var(--ta-color-transition-time);
}
.UiNavigationBar > .buttons-container > .nav-button-wrapper:hover {
  background-color: var(--ta-hover-color);
}
.UiNavigationBar > .buttons-container > .nav-button-wrapper:active {
  background-color: var(--ta-hover-color);
}
.UiNavigationBar > .buttons-container > .nav-button-wrapper > .nav-button-inner-wrapper {
  display: inline-block;
}
.UiNavigationBar > .buttons-container .progress-container {
  -webkit-box-ordinal-group: 1001;
      -ms-flex-order: 1000;
          order: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiNavigationBar > .buttons-container .progress-container > * {
  margin-right: 10px;
}
.UiNavigationBar > .buttons-container .progress-container > *.no-tasks {
  display: none;
}
.UiNavigationBar .fan-out-container-wrapper {
  overflow: auto;
  width: 100%;
  position: absolute;
  -webkit-box-shadow: 0px -5px 20px -3px rgba(0, 0, 0, 0.3);
          box-shadow: 0px -5px 20px -3px rgba(0, 0, 0, 0.3);
  z-index: var(--ta-zindex-max);
  display: none;
}
.UiNavigationBar .fan-out-container-wrapper .fan-out-container {
  background-color: var(--ta-bg-color-semi-transparent);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiVerticalLayout {
  overflow-y: auto;
}
.UiVerticalLayout > *:not(:last-child) {
  margin-bottom: 5px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiTable {
  position: relative;
  overflow: hidden;
}
.UiTable .slick-table {
  height: 100%;
}
.UiTable .slick-table .slick-headerrow,
.UiTable .slick-table .slick-footerrow {
  overflow: hidden;
}
.UiTable .slick-table .slick-headerrow .slick-headerrow-columns,
.UiTable .slick-table .slick-footerrow .slick-headerrow-columns,
.UiTable .slick-table .slick-headerrow .slick-rooterrow-columns,
.UiTable .slick-table .slick-footerrow .slick-rooterrow-columns {
  overflow: visible;
}
.UiTable .slick-table .slick-headerrow .slick-headerrow-column,
.UiTable .slick-table .slick-footerrow .slick-headerrow-column,
.UiTable .slick-table .slick-headerrow .slick-footerrow-column,
.UiTable .slick-table .slick-footerrow .slick-footerrow-column {
  overflow: visible;
  border-top: none;
  border-left: none;
  border-right: 1px solid var(--ta-input-border-color);
  border-bottom: none;
  height: 100%;
}
.UiTable .slick-table .slick-headerrow .slick-headerrow-column > .UiField,
.UiTable .slick-table .slick-footerrow .slick-headerrow-column > .UiField,
.UiTable .slick-table .slick-headerrow .slick-footerrow-column > .UiField,
.UiTable .slick-table .slick-footerrow .slick-footerrow-column > .UiField {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  border-radius: 0;
  min-width: unset;
  min-height: unset;
  max-height: calc(100% + 2px);
  max-width: calc(100% + 2px);
  overflow: hidden;
}
.UiTable .slick-table .slick-headerrow .slick-headerrow-column > .UiField > *,
.UiTable .slick-table .slick-footerrow .slick-headerrow-column > .UiField > *,
.UiTable .slick-table .slick-headerrow .slick-footerrow-column > .UiField > *,
.UiTable .slick-table .slick-footerrow .slick-footerrow-column > .UiField > * {
  min-width: unset;
  min-height: unset;
  border-radius: 0;
}
.UiTable .slick-table .slick-headerrow .slick-headerrow-column > .UiField > :not(.messages),
.UiTable .slick-table .slick-footerrow .slick-headerrow-column > .UiField > :not(.messages),
.UiTable .slick-table .slick-headerrow .slick-footerrow-column > .UiField > :not(.messages),
.UiTable .slick-table .slick-footerrow .slick-footerrow-column > .UiField > :not(.messages) {
  height: 100%;
}
.UiTable .slick-table .slick-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: none;
  border-left: none;
  border-bottom: 1px solid var(--ta-input-border-color);
  border-right: 1px solid var(--ta-input-border-color);
  padding: 0;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  overflow: visible;
}
.UiTable .slick-table .slick-cell > .validation-class-wrapper {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}
.UiTable .slick-table .slick-cell > .validation-class-wrapper.message-info:after,
.UiTable .slick-table .slick-cell > .validation-class-wrapper.message-success:after,
.UiTable .slick-table .slick-cell > .validation-class-wrapper.message-warning:after,
.UiTable .slick-table .slick-cell > .validation-class-wrapper.message-error:after {
  content: ' ';
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 2px solid;
}
.UiTable .slick-table .slick-cell > .validation-class-wrapper.message-info:after {
  border-color: var(--ta-state-info-text);
}
.UiTable .slick-table .slick-cell > .validation-class-wrapper.message-success:after {
  border-color: var(--ta-state-success-text);
}
.UiTable .slick-table .slick-cell > .validation-class-wrapper.message-warning:after {
  border-color: var(--ta-state-warning-border);
}
.UiTable .slick-table .slick-cell > .validation-class-wrapper.message-error:after {
  border-color: var(--ta-state-danger-text);
}
.UiTable .slick-table .slick-cell > .validation-class-wrapper .anti-overflow-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  overflow: hidden;
}
.UiTable .slick-table .slick-cell > .validation-class-wrapper .anti-overflow-wrapper > * {
  width: 100%;
}
.UiTable .slick-table .slick-cell.selected {
  background-color: #7DB1EA;
}
.UiTable .slick-table .slick-cell:not(.editable) > .validation-class-wrapper .static-readonly-UiDisplayField,
.UiTable .slick-table .slick-cell:not(.editable) > .validation-class-wrapper .static-readonly-UiMultiLineTextField,
.UiTable .slick-table .slick-cell:not(.editable) > .validation-class-wrapper .static-readonly-UiRichTextEditor,
.UiTable .slick-table .slick-cell:not(.editable) > .validation-class-wrapper .static-readonly-UiWikiEditor {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.UiTable .slick-table .slick-cell.editable {
  background-color: white;
  padding: 0;
  border-top: none;
  border-left: none;
  border-bottom: 1px solid var(--ta-input-border-color);
  border-right: 1px solid var(--ta-input-border-color);
}
.UiTable .slick-table .slick-cell .editor-text {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: white;
  outline: 0;
  padding: 0;
}
.UiTable .slick-table .slick-cell.editable > .UiField {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  border-radius: 0;
  min-width: unset;
  min-height: unset;
  max-height: calc(100% + 2px);
  max-width: calc(100% + 2px);
  overflow: hidden;
}
.UiTable .slick-table .slick-cell.editable > .UiField > * {
  min-width: unset;
  min-height: unset;
  border-radius: 0;
}
.UiTable .slick-table .slick-cell.editable > .UiField > :not(.messages) {
  height: 100%;
}
.UiTable .slick-table .slick-cell.editable > .tr-combobox .tr-combobox-selected-entry-wrapper > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.UiTable .slick-table .slick-cell.editable > .tr-combobox .tr-combobox-selected-entry-wrapper .custom-entry-template-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.UiTable .slick-table .slick-cell.editable > .tr-combobox .tr-combobox-selected-entry-wrapper .custom-entry-template-wrapper > .custom-entry-template {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.UiTable .slick-table .slick-cell.editable > .tr-tagbox-tagarea {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.UiTable .slick-table .slick-cell .UiCompositeField {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  border-radius: 0;
}
.UiTable .slick-table.table-mode .slick-cell.active.editable {
  z-index: 15;
}
.UiTable .slick-table.list-mode .slick-header-column,
.UiTable .slick-table.list-mode .slick-cell {
  border-color: transparent !important;
}
.UiTable .slick-table.list-mode .slick-cell.selected {
  background-color: var(--ta-selection-color);
}
.UiTable .slick-table.list-mode .slick-cell.editable {
  background-color: var(--ta-input-bg);
}
.UiTable .slick-table .validation-class-wrapper {
  position: relative;
}
.UiTable .slick-table .validation-class-wrapper .cell-marker {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOElEQVQYV2M8xMDwn4EIwAhSQ4xisEJiFMMVElKMohCfYgyFuBRjVYhNMU6F6IrxKkRWTFAhTDEAEyoRlf0Qo1MAAAAASUVORK5CYII=);
}
.UiTable .slick-table .slick-header {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.UiTable .slick-table .slick-header-column {
  height: 29px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiTable .slick-table .slick-header-columns {
  border-bottom: 1px solid silver;
}
.UiTable .slick-table .slick-cell-checkboxsel,
.UiTable .slick-table .slick-header-column[id*="_checkbox_selector"] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: center;
}
.UiTable .slick-table input {
  margin: 0;
}
.UiTable .slick-table .slick-header-sortable {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.UiTable .slick-table .slick-header-sortable > .slick-sort-indicator {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAMklEQVQYV2NkIAIwIqn5D2Uji4GF0AWwKsTQxcDAgKEQmyKQDSgKyTKJoJuI9h3WUAMAntIHCtDLLc8AAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: no-repeat;
}
.UiTable .slick-table .slick-header-sortable > .slick-sort-indicator-asc,
.UiTable .slick-table .slick-header-sortable > .slick-sort-indicator-desc {
  display: block;
  margin-left: -3px;
}
.UiTable .slick-table .slick-header-sortable > .slick-sort-indicator-asc {
  -webkit-transform: rotate(0.75turn);
          transform: rotate(0.75turn);
}
.UiTable .slick-table .slick-header-sortable > .slick-sort-indicator-desc {
  -webkit-transform: rotate(0.25turn);
          transform: rotate(0.25turn);
}
.UiTable .slick-table .slick-header-sortable.slick-header-column-sorted {
  font-style: normal;
}
.UiTable .slick-table .slick-column-name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.UiTable .slick-table .slick-column-name .column-header-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 3px;
}
.UiTable .slick-table .UiCheckBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.UiTable .teamapps-table-row-expander {
  margin-left: 4px;
}
.UiTable .slick-cell {
  border-bottom-width: 1px;
  border-bottom-color: #eeeeee;
}
.UiTable .slick-cell.selected {
  background-color: #deeeff;
}
.UiTable .striped-rows .slick-row.odd {
  background-color: rgba(0, 0, 0, 0.1);
}
.UiTable .slick-headerrow {
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #cccccc;
}
.UiTable .slick-footerrow {
  background-color: rgba(0, 0, 0, 0.05);
  border-top: 1px solid #cccccc;
}
.UiTable-selection-frame {
  z-index: 20;
  position: absolute;
  pointer-events: none;
  top: -100000px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiTree .tr-tree .tr-treebox .tr-tree-entryTree {
  height: 100%;
}
.UiTree .tr-tree .tr-highlighted-entry {
  background-color: var(--ta-hover-color);
}
.UiTree .tr-tree .tr-selected-entry {
  background-color: var(--ta-selection-color);
}
.UiTree .tr-tree .tr-default-spinner,
.UiTree .tr-tree .tr-default-no-data-display {
  background-color: transparent;
}
.UiTree .tr-tree,
.UiTree .tr-tree:focus,
.UiTree .tr-tree.focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiGridForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.UiGridForm .UiFormSection {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.UiGridForm .UiFormSection > .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiGridForm .UiFormSection > .header > .expand-button {
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
}
.UiGridForm .UiFormSection > .header > .header-line {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.UiGridForm .UiFormSection.draw-header-line .header-line:before,
.UiGridForm .UiFormSection.draw-header-line .header-line:after {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 1px;
  left: 0;
  content: '';
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), color-stop(85%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 85%, rgba(0, 0, 0, 0) 100%);
}
.UiGridForm .UiFormSection.draw-header-line .header-line:after {
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), color-stop(85%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
}
.UiGridForm .UiFormSection.has-header-template .expand-button {
  margin-right: 8px;
}
.UiGridForm .UiFormSection.has-header-template .teamapps-expander {
  margin-right: 7px;
}
.UiGridForm .UiFormSection.collapsible.has-header-template .expand-button:hover {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-bottom-color: #d0d1d4;
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.UiGridForm .UiFormSection.collapsible.has-header-template .expand-button:active {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-top-color: #d6d7d8;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #fafafa 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
  -webkit-box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.1);
}
.UiGridForm .UiFormSection:not(.has-header-data):not(.collapsible) .header {
  display: none;
}
.UiGridForm .UiFormSection .body {
  display: grid;
}
.UiGridForm .UiFormSection.fill-remaining-height:not(.collapsed) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.UiGridForm .UiFormSection.fill-remaining-height:not(.collapsed) .body {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.UiGridForm .UiFormSectionFloatingFieldsPlacement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.UiGridForm .UiFormSectionFloatingFieldsPlacement > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.UiGridForm .tmp-container {
  position: absolute !important;
  left: -100000px !important;
  top: -100000px !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.custom-entry-template-wrapper {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.custom-entry-template-wrapper > .custom-entry-template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1px;
  line-height: 1.1em;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}
.tr-input-wrapper .custom-entry-template-wrapper > .custom-entry-template {
  padding-left: 3px;
}
.custom-entry-template-wrapper > .custom-entry-template * {
  cursor: default;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper.justify-lines-top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper.justify-lines-top > .lines-justify-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper.justify-lines-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper.justify-lines-center > .lines-justify-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper.justify-lines-center-overflow-bottom {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper.justify-lines-center-overflow-bottom > .lines-justify-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper > .line {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper > .line > .element.left {
  text-align: left;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper > .line > .element.centered {
  text-align: center;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper > .line > .element.right {
  text-align: right;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper > .line > .element.text-element {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding-left: 5px;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper > .line > .element.text-element:first-child,
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper > .line > .element.text-element.no-horizontal-space {
  padding-left: 0;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper > .line > .element.text-element .badge {
  padding: 3px 6px;
  background-color: #4D82B8;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper > .line > .element.image-element {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.custom-entry-template-wrapper > .custom-entry-template .content-wrapper > .lines-justify-wrapper > .line > .line-spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0px;
}
.custom-entry-template-wrapper > .custom-entry-template > .image-template {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: center;
      align-self: center;
}
.image-template {
  background: transparent none no-repeat center;
  background-size: cover;
  border: 0 solid black;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiGridTemplate {
  display: grid;
  overflow: hidden;
}
.UiGridTemplate .UiBadgeElement:not(.wrapper),
.UiGridTemplate .UiBadgeElement span {
  border-radius: 1000px;
  padding: 1px 5px;
}
.UiGridTemplate .UiFloatingElement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.UiGridTemplate .UiImageElement {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.UiGridTemplate .UiIconElement {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiItemView .item-group .item-group-header {
  position: relative;
  padding: 5px;
}
.UiItemView .item-group .item-group-header:before,
.UiItemView .item-group .item-group-header:after {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 1px;
  left: 0;
  content: '';
  height: 1px;
  background: inner-border-gradient-1();
}
.UiItemView .item-group .item-group-header:after {
  bottom: 0;
  background: inner-border-gradient-2();
}
.UiItemView .item-container.HORIZONTAL_FLOAT .tr-tree-entryTree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.UiItemView .tr-treebox .tr-tree-entry-and-expander-wrapper {
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 1px solid transparent;
}
.UiItemView .tr-treebox .tr-highlighted-entry,
.UiItemView .tr-treebox .tr-selected-entry {
  background-color: transparent;
}
.UiItemView.background-mode-light .tr-tree-entry-and-expander-wrapper:hover {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-bottom-color: #d0d1d4;
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.UiItemView.background-mode-light .tr-tree-entry-and-expander-wrapper:active {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(#fef7b4), color-stop(7%, #fef4b0), color-stop(92%, #fee7a8), color-stop(97%, #fee5a6), to(#feeeac));
  background: linear-gradient(to bottom, #fef7b4 0%, #fef4b0 7%, #fee7a8 92%, #fee5a6 97%, #feeeac 100%);
  border: 1px solid #e7d5b7;
  border-top-color: #e1caa4;
  -webkit-box-shadow: inset 0 2px 5px -1px rgba(0, 0, 0, 0.13);
          box-shadow: inset 0 2px 5px -1px rgba(0, 0, 0, 0.13);
}
.UiItemView.background-mode-opaque .tr-tree-entry-and-expander-wrapper {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-bottom-color: #d0d1d4;
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.UiItemView.background-mode-opaque .tr-tree-entry-and-expander-wrapper:hover {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(#feeeac), color-stop(7%, #fee5a6), color-stop(92%, #fee7a8), color-stop(97%, #fef4b0), to(#fef7b4));
  background: linear-gradient(to bottom, #feeeac 0%, #fee5a6 7%, #fee7a8 92%, #fef4b0 97%, #fef7b4 100%);
  border: 1px solid #e7d5b7;
}
.UiItemView.background-mode-opaque .tr-tree-entry-and-expander-wrapper:active {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(#fee47d), color-stop(7%, #fed774), color-stop(92%, #feda75), color-stop(97%, #feed83), to(#fef387));
  background: linear-gradient(to bottom, #fee47d 0%, #fed774 7%, #feda75 92%, #feed83 97%, #fef387 100%);
  border: 1px solid #C19344;
}
.UiItemView.background-mode-dark .tr-tree-entry-and-expander-wrapper:hover {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid rgba(150, 140, 140, 0.4);
  border-bottom-color: rgba(133, 135, 144, 0.51);
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(62%, rgba(251, 251, 252, 0.1)), color-stop(84%, rgba(247, 248, 249, 0.1)), color-stop(94%, rgba(245, 246, 247, 0.1)), to(rgba(237, 239, 241, 0.1)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(251, 251, 252, 0.1) 62%, rgba(247, 248, 249, 0.1) 84%, rgba(245, 246, 247, 0.1) 94%, rgba(237, 239, 241, 0.1) 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.UiItemView.background-mode-dark .tr-tree-entry-and-expander-wrapper:active {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 238, 172, 0.1)), color-stop(7%, rgba(254, 229, 166, 0.1)), color-stop(92%, rgba(254, 231, 168, 0.1)), color-stop(97%, rgba(254, 244, 176, 0.1)), to(rgba(254, 247, 180, 0.1)));
  background: linear-gradient(to bottom, rgba(254, 238, 172, 0.1) 0%, rgba(254, 229, 166, 0.1) 7%, rgba(254, 231, 168, 0.1) 92%, rgba(254, 244, 176, 0.1) 97%, rgba(254, 247, 180, 0.1) 100%);
  border: 1px solid rgba(231, 213, 183, 0.4);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiWindow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--ta-zindex-modal);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.UiWindow:not(.modal) {
  pointer-events: none;
  background-color: transparent !important;
}
.UiWindow:not(.open) {
  background-color: transparent !important;
  pointer-events: none;
}
.UiWindow .panel-wrapper {
  max-width: 100%;
  max-height: 100%;
  border-radius: var(--ta-border-radius);
  -webkit-box-shadow: 3px 10px 70px rgba(0, 0, 0, 0.85);
          box-shadow: 3px 10px 70px rgba(0, 0, 0, 0.85);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: all;
}
.UiWindow .panel-wrapper > .UiPanel {
  width: 100%;
  height: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiPageViewBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.UiPageViewBlock .main-content-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.UiPageViewBlock .left-content-container,
.UiPageViewBlock .right-content-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.UiPageViewBlock h1:first-child,
.UiPageViewBlock h2:first-child,
.UiPageViewBlock h3:first-child,
.UiPageViewBlock h4:first-child,
.UiPageViewBlock h5:first-child,
.UiPageViewBlock h6:first-child,
.UiPageViewBlock .h1:first-child,
.UiPageViewBlock .h2:first-child,
.UiPageViewBlock .h3:first-child,
.UiPageViewBlock .h4:first-child,
.UiPageViewBlock .h5:first-child,
.UiPageViewBlock .h6:first-child {
  margin-top: var(--ta-half-line-height-computed);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiCalendar {
  overflow: hidden;
}
.UiCalendar > .calendar .fc-toolbar {
  margin-bottom: 3px;
}
.UiCalendar > .calendar .fc-button {
  outline: none;
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-bottom-color: #d0d1d4;
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.UiCalendar > .calendar .fc-button:hover:not(.fc-state-disabled) {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(#feeeac), color-stop(7%, #fee5a6), color-stop(92%, #fee7a8), color-stop(97%, #fef4b0), to(#fef7b4));
  background: linear-gradient(to bottom, #feeeac 0%, #fee5a6 7%, #fee7a8 92%, #fef4b0 97%, #fef7b4 100%);
  border: 1px solid #e7d5b7;
}
.UiCalendar > .calendar .fc-button-group .fc-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.UiCalendar > .calendar .fc-button-group .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.UiCalendar > .calendar .fc-view-container {
  overflow: hidden;
}
.UiCalendar > .calendar.table-border .fc-view-container {
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.UiCalendar > .calendar .fc-icon-left-single-arrow:after,
.UiCalendar > .calendar .fc-icon-right-single-arrow:after {
  top: -1px;
  left: -2px;
}
.UiCalendar > .calendar .fc-icon:after {
  position: relative;
  margin: 0;
}
.UiCalendar > .calendar th.fc-week-number.fc-widget-header,
.UiCalendar > .calendar th.fc-day-header.fc-widget-header {
  padding-top: 5px;
  padding-bottom: 5px;
}
.UiCalendar > .calendar .fc-event-container {
  margin: 0 0 0 0 !important;
}
.UiCalendar > .calendar .fc-day-grid-event {
  margin: 1px 0 0 0 !important;
}
.UiCalendar > .calendar .fc-day-header,
.UiCalendar > .calendar .fc-week-number {
  background-color: transparent;
}
.UiCalendar > .calendar .fc-day-header a,
.UiCalendar > .calendar .fc-week-number a,
.UiCalendar > .calendar .fc-day-number {
  color: var(--ta-text-color);
}
.UiCalendar > .calendar th,
.UiCalendar > .calendar td,
.UiCalendar > .calendar thead,
.UiCalendar > .calendar tbody,
.UiCalendar > .calendar .fc-divider,
.UiCalendar > .calendar .fc-row,
.UiCalendar > .calendar .fc-popover {
  border-color: var(--ta-calendar-grid-border-color);
}
.UiCalendar > .calendar .fc-divider {
  background-color: transparent;
}
.UiCalendar > .calendar .fc-nonbusiness {
  background-color: var(--ta-calendar-grid-non-business-bg-color);
}
.UiCalendar > .calendar .fc-row.fc-week.fc-widget-content {
  overflow: hidden;
}
.UiCalendar > .calendar .fc-row.fc-widget-header {
  font-size: 15px;
  position: relative;
}
.UiCalendar > .calendar .fc-agenda-view .fc-week-number,
.UiCalendar > .calendar .fc-agenda-view .fc-axis {
  border-right-width: 2px !important;
}
.UiCalendar > .calendar .fc-week-number,
.UiCalendar > .calendar .fc-day-number,
.UiCalendar > .calendar .fc-widget-header,
.UiCalendar > .calendar .fc-axis {
  font-weight: var(--ta-font-weight-light);
}
.UiCalendar > .calendar .fc-head .fc-widget-header {
  border-top-width: 0;
  border-right-width: 0;
}
.UiCalendar > .calendar td.fc-widget-header,
.UiCalendar > .calendar td.fc-week-number {
  border-left-width: 0 !important;
}
.UiCalendar > .calendar .fc-body > * > td.fc-widget-content {
  border-width: 0px;
}
.UiCalendar > .calendar .fc-bg {
  background-color: transparent;
}
.UiCalendar > .calendar .fc-today {
  background-color: rgba(240, 220, 78, 0.2);
}
.UiCalendar > .calendar .fc-day-number {
  padding-right: 3px;
  float: none !important;
}
.UiCalendar > .calendar .fc-day-top {
  padding: 2px;
}
.UiCalendar > .calendar .fc-day-top,
.UiCalendar > .calendar .fc-week-number {
  font-size: 15px;
}
.UiCalendar > .calendar .fc-day-grid .fc-not-end {
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 25%, 100% 50%, calc(100% - 4px) 75%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 25%, 100% 50%, calc(100% - 4px) 75%, 100% 100%, 0 100%);
}
.UiCalendar > .calendar .fc-day-grid .fc-not-start {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 4px 75%, 0% 50%, 4px 25%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 4px 75%, 0% 50%, 4px 25%);
}
.UiCalendar > .calendar .fc-day-grid .fc-not-start.fc-not-end {
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 25%, 100% 50%, calc(100% - 4px) 75%, 100% 100%, 0 100%, 4px 75%, 0% 50%, 4px 25%);
          clip-path: polygon(0 0, 100% 0, calc(100% - 4px) 25%, 100% 50%, calc(100% - 4px) 75%, 100% 100%, 0 100%, 4px 75%, 0% 50%, 4px 25%);
}
.UiCalendar > .calendar .fc-time-grid .fc-not-end {
  -webkit-clip-path: polygon(0 0, 0 100%, 16.6% calc(100% - 4px), 33.3% 100%, 50% calc(100% - 4px), 66.6% 100%, 83.3% calc(100% - 4px), 100% 100%, 100% 0);
          clip-path: polygon(0 0, 0 100%, 16.6% calc(100% - 4px), 33.3% 100%, 50% calc(100% - 4px), 66.6% 100%, 83.3% calc(100% - 4px), 100% 100%, 100% 0);
}
.UiCalendar > .calendar .fc-time-grid .fc-not-start {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, 83.3% 4px, 66.6% 0, 50% 4px, 33.3% 0, 16.6% 4px);
          clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, 83.3% 4px, 66.6% 0, 50% 4px, 33.3% 0, 16.6% 4px);
}
.UiCalendar > .calendar .fc-time-grid .fc-not-start.fc-not-end {
  -webkit-clip-path: polygon(0 0, 0 100%, 16.6% calc(100% - 4px), 33.3% 100%, 50% calc(100% - 4px), 66.6% 100%, 83.3% calc(100% - 4px), 100% 100%, 100% 0, 83.3% 4px, 66.6% 0, 50% 4px, 33.3% 0, 16.6% 4px);
          clip-path: polygon(0 0, 0 100%, 16.6% calc(100% - 4px), 33.3% 100%, 50% calc(100% - 4px), 66.6% 100%, 83.3% calc(100% - 4px), 100% 100%, 100% 0, 83.3% 4px, 66.6% 0, 50% 4px, 33.3% 0, 16.6% 4px);
}
.UiCalendar > .calendar .fc-time-grid .fc-event .fc-time {
  display: inline-block;
}
.UiCalendar > .calendar .fc-h-event.fc-allow-mouse-resize .fc-resizer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.UiCalendar > .calendar .fc-h-event.fc-allow-mouse-resize .fc-resizer:after {
  content: 'ǁ';
  display: block;
  position: relative;
  left: -2px;
}
.fc-event {
  border-radius: 0;
  overflow: hidden;
  font-size: 1em;
}
.fc-event .fc-time {
  font-weight: 500;
}
.fc-event .fc-icon {
  margin-top: 1px;
}
.fc-event.template-content .fc-content {
  padding: 0;
}
.fc-day-grid-event .fc-icon,
.fc-time-grid-event .fc-icon {
  margin-right: 2px;
}
.fc-content {
  padding: 0 2px;
}
.fc-event.all-day {
  border-left-width: 3px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.fc-month-grid-view {
  overflow: auto;
  cursor: default;
}
.fc-month-grid-view svg {
  width: 100%;
  display: block;
}
.fc-month-grid-view .fc-month-grid-day,
.fc-month-grid-view .fc-month-grid-day-name,
.fc-month-grid-view .fc-month-grid-week-number,
.fc-month-grid-view .day-number {
  font-size: 5pt;
  text-anchor: middle;
  font-weight: 500;
}
.fc-month-grid-view .fc-month-grid-day-name {
  fill: var(--ta-text-color-gray);
}
.fc-month-grid-view .fc-month-grid-week-number {
  text-anchor: end;
  fill: var(--ta-text-color-gray);
  font-weight: var(--ta-font-weight-light);
  cursor: pointer;
}
.fc-month-grid-view .fc-month-grid-week-number:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--ta-text-color-gray);
          text-decoration-color: var(--ta-text-color-gray);
}
.fc-month-grid-view .fc-month-grid-month-frame {
  fill: none;
  stroke: black;
}
.fc-month-grid-view .fc-month-grid-month-name {
  fill: var(--ta-text-color);
  font-weight: var(--ta-font-weight-light);
  cursor: pointer;
}
.fc-month-grid-view .fc-month-grid-month-name:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--ta-text-color);
          text-decoration-color: var(--ta-text-color);
}
.fc-month-grid-view .fc-month-grid-day {
  cursor: pointer;
}
.fc-month-grid-view .fc-month-grid-day .day-number {
  fill: var(--ta-text-color);
}
.fc-month-grid-view .fc-month-grid-day.weekend .day-number {
  fill: #888;
}
.fc-month-grid-view .fc-month-grid-day .day-occupation-background-circle,
.fc-month-grid-view .fc-month-grid-day .day-occupation {
  fill: transparent;
  stroke: var(--ta-calendar-day-occupation-background-circle-color);
  stroke-width: 1;
}
.fc-month-grid-view .fc-month-grid-day .day-occupation {
  stroke-width: 1;
}
.fc-month-grid-view .fc-month-grid-day:hover .day-number {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--ta-text-color);
          text-decoration-color: var(--ta-text-color);
}
.fc-month-grid-view .fc-month-grid-day.other-month .day-number {
  font-weight: var(--ta-font-weight-light);
}
.fc-month-grid-view .fc-month-grid-day.other-month .day-occupation-background-circle,
.fc-month-grid-view .fc-month-grid-day.other-month .day-occupation {
  display: none;
}
.fc-month-grid-view .fc-month-grid-day.free .day-occupation-background-circle {
  stroke: transparent;
}
.fc-month-grid-view .fc-month-grid-day.today .day-occupation-background-circle {
  fill: var(--ta-calendar-day-occupation-today-bg);
  stroke-width: 1;
  stroke: var(--ta-calendar-day-occupation-today-bg);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiMap {
  overflow: hidden;
}
.UiMap .map {
  height: calc(100% + 25px);
}
.UiMap .custom-div-icon {
  width: auto !important;
  height: auto !important;
  background-color: transparent;
  border: none;
  border-radius: var(--ta-border-radius);
}
.UiMap .custom-div-icon * {
  cursor: pointer !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiTimeGraph svg {
  font: 10px sans-serif;
  width: 100%;
  height: 100%;
  display: block;
}
.UiTimeGraph svg .zoom {
  cursor: crosshair;
  fill: none;
  pointer-events: all;
}
.UiTimeGraph svg .y-zero-line {
  stroke-dasharray: 2, 2;
}
.UiTimeGraph svg .line {
  stroke-width: 1.7;
  stroke-opacity: 1;
  fill: none;
}
.UiTimeGraph svg .dot {
  stroke: #ffffff77;
}
.UiTimeGraph svg .axis path,
.UiTimeGraph svg .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.UiTimeGraph svg .brush > .selection {
  stroke: orange;
  stroke-width: 1;
  stroke-opacity: 1;
  stroke-dasharray: 3, 1;
  fill: orange;
  fill-opacity: 0.3;
  shape-rendering: crispEdges;
  pointer-events: all;
}
.UiTimeGraph svg rect.pane {
  cursor: move;
  fill: none;
  pointer-events: all;
}
.UiTimeGraph svg .horizontal-pan-rect {
  pointer-events: all;
  cursor: ew-resize;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiNetworkGraph svg {
  width: 100%;
  height: 100%;
  display: block;
}
.UiNetworkGraph .node {
  stroke: #555;
  stroke-width: 1.5px;
}
.UiNetworkGraph .node-active {
  stroke: blue;
  stroke-width: 1.5px;
}
.UiNetworkGraph .link {
  fill: none;
  stroke: #555;
  stroke-opacity: 0.7;
  stroke-dasharray: 7,2;
}
.UiNetworkGraph .link-active {
  stroke-opacity: 1;
}
.UiNetworkGraph .overlay {
  fill: none;
  pointer-events: all;
}
.UiNetworkGraph .node-foreign-object {
  overflow: visible;
}
.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  /* aspect ratio */
  vertical-align: top;
  overflow: hidden;
}
.svg-content-responsive {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiDocumentViewer .pages-container-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.UiDocumentViewer .pages-container-wrapper .pages-container {
  min-width: 100%;
  position: absolute;
}
.UiDocumentViewer .pages-container-wrapper .pages-container .page {
  display: block;
  margin: 0 auto;
}
.UiDocumentViewer.rounded-page-borders .page {
  border-radius: 4px;
}
.UiDocumentViewer.page-shadows .page {
  -webkit-box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, 0.4);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiPageView {
  overflow-x: hidden;
  overflow-y: auto;
}
.UiPageView .block-section .left-column {
  width: 66%;
  float: left;
  padding-right: calc(var(--ta-panel-gap) / 2);
}
.UiPageView .block-section .left-column:before,
.UiPageView .block-section .left-column:after {
  display: table;
  content: " ";
}
.UiPageView .block-section .left-column:after {
  clear: both;
}
.UiPageView .block-section .left-column:before,
.UiPageView .block-section .left-column:after {
  display: table;
  content: " ";
}
.UiPageView .block-section .left-column:after {
  clear: both;
}
.UiPageView .block-section .right-column {
  width: 34%;
  float: left;
  padding-left: calc(var(--ta-panel-gap) / 2);
}
.UiPageView .block-section .right-column:before,
.UiPageView .block-section .right-column:after {
  display: table;
  content: " ";
}
.UiPageView .block-section .right-column:after {
  clear: both;
}
.UiPageView .block-section .right-column:before,
.UiPageView .block-section .right-column:after {
  display: table;
  content: " ";
}
.UiPageView .block-section .right-column:after {
  clear: both;
}
.UiPageView .block-section:before,
.UiPageView .block-section:after {
  display: table;
  content: " ";
}
.UiPageView .block-section:after {
  clear: both;
}
.UiPageView .block-section:before,
.UiPageView .block-section:after {
  display: table;
  content: " ";
}
.UiPageView .block-section:after {
  clear: both;
}
.UiPageView .block-wrapper {
  border: none;
  border-radius: var(--ta-border-radius);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  margin-bottom: var(--ta-panel-gap);
}
.UiPageView .block-wrapper .background-color-div {
  background-color: var(--ta-bg-color-semi-transparent);
}
.UiPageView .creator-image-wrapper {
  margin: 10px;
}
.UiPageView .creator-image-wrapper.align-left {
  float: left;
}
.UiPageView .creator-image-wrapper.align-right {
  float: right;
}
.UiPageView .creator-image-wrapper .creator-image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.UiPageView .UiMessagePageViewBlock {
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
}
.UiPageView .UiMessagePageViewBlock .tool-buttons {
  float: right;
  line-height: 0;
}
.UiPageView .UiMessagePageViewBlock .top-record {
  margin: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
}
.UiPageView .UiMessagePageViewBlock .top-record.align-left {
  float: left;
  clear: left;
}
.UiPageView .UiMessagePageViewBlock .top-record.align-right {
  float: right;
  clear: right;
}
.UiPageView .UiMessagePageViewBlock .top-record.align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.UiPageView .UiMessagePageViewBlock .images {
  position: relative;
  clear: both;
}
.UiPageView .UiMessagePageViewBlock .images .image {
  position: absolute;
}
.UiPageView .UiCitationPageViewBlock {
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
}
.UiPageView .UiCitationPageViewBlock .tool-buttons {
  float: right;
  line-height: 0;
}
.UiPageView .UiCitationPageViewBlock .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiPageView .UiCitationPageViewBlock .flex-container .content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 10px;
}
.UiPageView .UiCitationPageViewBlock .flex-container .content-wrapper .citation {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 150%;
}
.UiPageView .UiCitationPageViewBlock .flex-container .content-wrapper .author {
  font-size: 130%;
  font-style: italic;
  text-align: right;
}
.UiPageView .UiComponentPageViewBlock .tool-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 0;
}
.UiPageView .UiComponentPageViewBlock .tool-buttons:not(:empty) {
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
}
.UiPageView .UiComponentPageViewBlock .title {
  font-size: 125%;
  font-weight: 500;
  height: 28px;
  position: relative;
}
.UiPageView .UiComponentPageViewBlock .title:before,
.UiPageView .UiComponentPageViewBlock .title:after {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 1px;
  left: 0;
  content: '';
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), color-stop(85%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 85%, rgba(0, 0, 0, 0) 100%);
  margin-left: -8px;
}
.UiPageView .UiComponentPageViewBlock .title:after {
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), color-stop(85%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 85%, rgba(255, 255, 255, 0) 100%);
}
.UiPageView .UiComponentPageViewBlock .component-wrapper {
  height: calc(100% - 28px);
}
.UiPageView .block-section:last-child {
  margin-bottom: calc(var(--ta-panel-gap) * -1);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiImageDisplay {
  position: relative;
}
.UiImageDisplay > .image-container-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
.UiImageDisplay > .image-container-wrapper > .image-container {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiImageDisplay > .image-cache-container {
  position: absolute;
  top: -100000px;
  left: -100000px;
}
.UiImageDisplay .handle {
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 0;
  padding: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.UiImageDisplay:hover .handle {
  opacity: 0.2;
}
.UiImageDisplay:hover .handle:hover {
  opacity: 0.8;
}
.UiImageDisplay:hover .handle:active {
  opacity: 1;
}
.UiImageDisplay .backward-handle {
  left: 0;
}
.UiImageDisplay .backward-handle svg {
  -webkit-transform: rotate(0.5turn);
          transform: rotate(0.5turn);
}
.UiImageDisplay .forward-handle {
  right: 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiVideoPlayer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.UiVideoPlayer .mejs__overlay-button {
  -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
}
.UiVideoPlayer.not-playable .mejs__overlay-play,
.UiVideoPlayer.not-playable .mejs__controls {
  display: none !important;
}
.UiVideoPlayer .mejs__overlay-error img {
  display: none;
}
.UiVideoPlayer .mejs__overlay-error .mejs__cannotplay {
  padding: 20px;
  font-size: 110%;
  text-shadow: 0 0 3px black;
}
.UiVideoPlayer .mejs__container {
  max-height: 100%;
}
.UiVideoPlayer .mejs__container video {
  max-height: 100%;
}
.UiVideoPlayer.hide-controls .mejs__container .mejs__controls {
  display: none !important;
}
.UiVideoPlayer.poster-cover .mejs__poster {
  background-size: cover;
}
.UiVideoPlayer.poster-contain .mejs__poster {
  background-size: contain;
}
.UiVideoPlayer.poster-original .mejs__poster {
  background-size: auto;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiLiveStreamComponent {
  position: relative;
  overflow: hidden;
}
.UiLiveStreamComponent > .background-image-container,
.UiLiveStreamComponent > .livestream-player-container,
.UiLiveStreamComponent > .waiting-video-container,
.UiLiveStreamComponent > .image-overlay-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.UiLiveStreamComponent > .livestream-player-container {
  pointer-events: none;
}
.UiLiveStreamComponent > .livestream-player-container > * {
  pointer-events: all;
}
.UiLiveStreamComponent .background-image,
.UiLiveStreamComponent .image-overlay {
  position: absolute;
}
.UiLiveStreamComponent .image-overlay-container,
.UiLiveStreamComponent .info-text-container {
  pointer-events: none;
}
.UiLiveStreamComponent .waiting-video-player {
  width: 100%;
  height: 100%;
}
.UiLiveStreamComponent > .livestream-player-container > * {
  position: absolute;
  top: -100000px;
}
.UiLiveStreamComponent > .info-text-container {
  position: absolute;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 5px #000000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-size: 110%;
  bottom: 30px;
  left: 5px;
  right: 5px;
  min-height: 2em;
}
.HttpLiveStreamPlayer .video-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.HttpLiveStreamPlayer .video-container .spinner-container {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--ta-bg-dim-overlay);
}
.HttpLiveStreamPlayer .video-container video {
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
.UiMpegDashPlayer .video-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.UiMpegDashPlayer .video-container .spinner-container {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--ta-bg-dim-overlay);
}
.UiMpegDashPlayer .video-container video {
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiWebRtcPublisher,
.UiWebRtcPlayer {
  line-height: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.UiWebRtcPublisher .video-container,
.UiWebRtcPlayer .video-container {
  position: relative;
}
.UiWebRtcPublisher .video-container video,
.UiWebRtcPlayer .video-container video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.UiWebRtcPublisher .video-container .audio-activity-display-container,
.UiWebRtcPlayer .video-container .audio-activity-display-container {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 5px;
}
.UiWebRtcPublisher .video-container .audio-activity-display-container > *,
.UiWebRtcPlayer .video-container .audio-activity-display-container > * {
  height: 100%;
}
.UiWebRtcPublisher .video-container .spinner-container,
.UiWebRtcPlayer .video-container .spinner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--ta-bg-dim-overlay);
}
.UiWebRtcPublisher .video-container .spinner-container .UiSpinner,
.UiWebRtcPlayer .video-container .spinner-container .UiSpinner {
  width: 50px;
  height: 50px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiMediaTrackGraph {
  height: calc(100% - 4px);
  width: 100%;
}
.UiMediaTrackGraph svg {
  font: 10px sans-serif;
}
.UiMediaTrackGraph .area {
  fill: #646464;
  fill-opacity: 0.35;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.UiMediaTrackGraph .area2 {
  fill: #f7d481;
  fill-opacity: 0.95;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.UiMediaTrackGraph .line {
  stroke: #4f4f4f;
  stroke-width: 0.9;
  stroke-opacity: 1;
  fill: none;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.UiMediaTrackGraph .line2 {
  stroke: #c98701;
  stroke-width: 0.9;
  stroke-opacity: 1;
  fill: none;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.UiMediaTrackGraph .marker {
  stroke: #8b741f;
  stroke-width: 0.3;
  stroke-opacity: 1;
  fill: #8b741f;
  fill-opacity: 0.5;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.UiMediaTrackGraph .cursor {
  stroke: #1e1e1e;
  stroke-width: 0.7;
  stroke-opacity: 1;
  fill: none;
}
.UiMediaTrackGraph .axis path,
.UiMediaTrackGraph .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.UiMediaTrackGraph .brush {
  stroke: blue;
  stroke-width: 1;
  stroke-opacity: 1;
  stroke-dasharray: 3, 1;
  fill: blue;
  fill-opacity: 0.3;
  shape-rendering: crispEdges;
  pointer-events: all;
}
.UiMediaTrackGraph rect.pane {
  cursor: move;
  fill: none;
  pointer-events: all;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiFormDesigner {
  background-color: #eeeeee;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiFormDesignerFieldChooser {
  background-color: #ddd;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiPropertyEditor {
  background-color: #FFF;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiInfiniteItemView {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.UiInfiniteItemView > .slickgrid {
  height: 100%;
}
.UiInfiniteItemView > .slickgrid .slick-header-columns {
  height: 0 !important;
  border: none !important;
}
.UiInfiniteItemView > .slickgrid .slick-cell {
  border: none !important;
  padding: 0;
}
.UiInfiniteItemView > .slickgrid .line-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.UiInfiniteItemView > .slickgrid .item-wrapper {
  float: left;
}
.UiInfiniteItemView > .slickgrid .item-wrapper > * {
  height: 100%;
  border: 1px solid transparent;
}
.UiInfiniteItemView > .slickgrid .item-wrapper > *:hover {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-bottom-color: #d0d1d4;
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.UiInfiniteItemView > .slickgrid .item-wrapper > *:active {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-top-color: #d6d7d8;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #fafafa 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
  -webkit-box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.1);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiInfiniteItemView2 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: auto;
}
.UiInfiniteItemView2 > .grid {
  position: relative;
  overflow: hidden;
  contain: strict;
}
.UiInfiniteItemView2 > .grid .item-wrapper {
  position: absolute;
  contain: strict;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid transparent;
}
.UiInfiniteItemView2 > .grid .item-wrapper:hover {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-bottom-color: #d0d1d4;
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.UiInfiniteItemView2 > .grid .item-wrapper:active {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-top-color: #d6d7d8;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #fafafa 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
  -webkit-box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.1);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiImageCropper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  overflow: hidden;
  position: relative;
}
.UiImageCropper img {
  display: inline-block;
}
.UiImageCropper .cropping-frame {
  position: absolute !important;
  -webkit-box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.5), 0 0 15px 0 rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.5), 0 0 15px 0 rgba(0, 0, 0, 0.7);
  top: 10px;
  left: 10px;
  width: 100px;
  height: 100px;
  outline: none;
}
.UiImageCropper .cropping-frame.mode-rectangle {
  border-radius: 3px;
}
.UiImageCropper .cropping-frame.mode-round {
  border-radius: 10000px;
}
.UiImageCropper .cropping-frame .ui-resizable-handle {
  width: var(--ta-resize-square-handle-size);
  height: var(--ta-resize-square-handle-size);
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid black;
}
.UiImageCropper .ui-resizable-n,
.UiImageCropper .ui-resizable-s {
  left: calc(50% - var(--ta-resize-square-handle-size) / 2);
}
.UiImageCropper .ui-resizable-e,
.UiImageCropper .ui-resizable-w {
  top: calc(50% - var(--ta-resize-square-handle-size) / 2);
}
.UiImageCropper .ui-resizable-se {
  right: -5px;
  bottom: -5px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiGauge canvas {
  height: 100%;
  width: 100%;
  display: block;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiResponsiveGridLayout > .UiGridLayout {
  display: grid;
}
.UiResponsiveGridLayout.fill-height > .UiGridLayout {
  min-height: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiIFrame {
  border: none;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiFlexContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiChatDisplay {
  overflow: auto;
  padding: 6px;
}
.UiChatDisplay .message {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-template-areas: "icon userNickname" "icon text" "icon photos" "icon files";
}
.UiChatDisplay .message .user-image {
  grid-area: icon;
  -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 2px 7px 0 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.UiChatDisplay .message .user-nickname {
  grid-area: userNickname;
  font-weight: bold;
}
.UiChatDisplay .message .text {
  grid-area: text;
}
.UiChatDisplay .message .photos {
  grid-area: photos;
}
.UiChatDisplay .message .photos .photo {
  width: auto;
  margin: 2px 0;
  max-width: 100%;
  max-height: 600px;
}
.UiChatDisplay .message .files {
  grid-area: files;
}
.UiChatDisplay .message .files .file {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-template-areas: "icon name" "icon size";
  margin: 2px 0;
}
.UiChatDisplay .message .files .file .file-icon {
  grid-area: icon;
  margin-right: 5px;
}
.UiChatDisplay .message .files .file .file-name {
  grid-area: name;
}
.UiChatDisplay .message .files .file .file-size {
  grid-area: size;
  color: var(--ta-text-color);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiChatInput {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-template-rows: auto;
  grid-template-areas: "files files files" "text attach send";
  border-top: 1px solid var(--ta-input-border-color);
  padding: 4px 4px;
  background-color: white;
}
.UiChatInput .upload-items {
  grid-area: files;
}
.UiChatInput .upload-items .upload-item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiChatInput .upload-items .upload-item-wrapper .upload-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: "icon name" "icon progress";
  margin: 2px 0;
}
.UiChatInput .upload-items .upload-item-wrapper .upload-item .icon {
  grid-area: icon;
  margin-right: 5px;
}
.UiChatInput .upload-items .upload-item-wrapper .upload-item .name {
  grid-area: name;
  align-self: center;
}
.UiChatInput .upload-items .upload-item-wrapper .upload-item .progress {
  grid-area: progress;
  height: 3px;
}
.UiChatInput .text-input {
  grid-area: text;
  height: 50px;
  border: none;
  resize: none;
  outline: none;
}
.UiChatInput .attachment-button {
  grid-area: attach;
}
.UiChatInput .send-button {
  grid-area: send;
}
.UiChatInput .file-input {
  display: none;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiAbsoluteLayout {
  position: relative;
}
.UiAbsoluteLayout > * {
  position: absolute !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiTreeGraph .node-button-text {
  pointer-events: none;
}
.UiTreeGraph .node-button-circle {
  cursor: pointer;
}
.UiTreeGraph .node-foreign-object-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiFieldGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
.UiFieldGroup > *:not(:first-child),
.UiFieldGroup > *:not(:first-child) > * {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.UiFieldGroup > *:not(:last-child),
.UiFieldGroup > *:not(:last-child) > * {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-width: 0 !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiFloatingComponent {
  position: absolute;
  z-index: calc(var(--ta-zindex-dropdown) - 1);
  background-color: var(--ta-bg-color);
  -webkit-transition: left 0.3s, right 0.3s;
  transition: left 0.3s, right 0.3s;
  pointer-events: none;
}
.UiFloatingComponent > * {
  pointer-events: all;
}
.UiFloatingComponent .expander-handle {
  width: 12px;
  height: 30px;
  position: absolute;
  background-color: var(--ta-bg-color-solid);
  border: 1px solid var(--ta-input-border-color);
}
.UiFloatingComponent .expander-handle.position-top-left,
.UiFloatingComponent .expander-handle.position-top-right {
  top: 0;
}
.UiFloatingComponent .expander-handle.position-bottom-left,
.UiFloatingComponent .expander-handle.position-bottom-right {
  bottom: 0;
}
.UiFloatingComponent .expander-handle.position-top-left,
.UiFloatingComponent .expander-handle.position-bottom-left {
  right: -12px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.UiFloatingComponent .expander-handle.position-top-right,
.UiFloatingComponent .expander-handle.position-bottom-right {
  left: -12px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.UiFloatingComponent > .expander-handle:after {
  content: '';
  display: block;
  height: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAMklEQVQYV2NkIAIwIqn5D2Uji4GF0AWwKsTQxcDAgKEQmyKQDSgKyTKJoJuI9h3WUAMAntIHCtDLLc8AAAAASUVORK5CYII=);
  background-position: center;
  background-repeat: no-repeat;
}
.UiFloatingComponent.expanded > .expander-handle.position-top-left:after,
.UiFloatingComponent.expanded > .expander-handle.position-bottom-left:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.UiFloatingComponent:not(.expanded) > .expander-handle.position-top-right:after,
.UiFloatingComponent:not(.expanded) > .expander-handle.position-bottom-right:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.UiFloatingComponent > :not(.expander-handle) {
  width: 100%;
  height: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiPopup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.UiPopup > .component-wrapper {
  position: absolute;
}
.UiPopup > .component-wrapper > * {
  pointer-events: all;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiProgressDisplay {
  --stripes-size: 10px;
  border: 1px solid var(--ta-input-border-color);
  border-radius: var(--ta-border-radius);
}
.UiProgressDisplay .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 5px 2px 5px;
  border-bottom: 1px solid var(--ta-input-border-color);
}
.UiProgressDisplay .title .icon {
  margin-right: 5px;
}
.UiProgressDisplay .content {
  padding: 4px 5px;
  display: grid;
  grid-template-areas: "status cancel" "progress cancel";
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr auto;
  min-height: 26px;
}
.UiProgressDisplay .content .status-string {
  grid-area: status;
  font-size: 90%;
}
.UiProgressDisplay .content .progress-bar-wrapper {
  grid-area: progress;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiProgressDisplay .content .progress-bar-wrapper .progress {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.UiProgressDisplay .content .progress-bar-wrapper .progress,
.UiProgressDisplay .content .progress-bar-wrapper .progress .progress-bar {
  -webkit-transition: width 0.3s, background-color 0.5s !important;
  transition: width 0.3s, background-color 0.5s !important;
}
.UiProgressDisplay .content .cancel-button {
  grid-area: cancel;
  background-image: url(/resources/window-close-grey.png);
  align-self: center;
  margin-left: 5px;
}
.UiProgressDisplay:not(.cancelable) .cancel-button {
  display: none;
}
.UiProgressDisplay.status-not-yet-started .progress,
.UiProgressDisplay.status-running .progress,
.UiProgressDisplay.status-cancellation-requested .progress,
.UiProgressDisplay.status-failed .progress {
  background-image: linear-gradient(45deg, #00000055 25%, transparent 25%, transparent 50%, #00000055 50%, #00000055 75%, transparent 75%, transparent);
  background-size: var(--stripes-size) var(--stripes-size);
  background-repeat: repeat;
}
.UiProgressDisplay.status-not-yet-started .progress {
  -webkit-animation: UiProgressDisplay-stripes 4s linear infinite;
          animation: UiProgressDisplay-stripes 4s linear infinite;
}
.UiProgressDisplay.status-running .progress,
.UiProgressDisplay.status-cancellation-requested .progress {
  -webkit-animation: UiProgressDisplay-stripes 1s linear infinite;
          animation: UiProgressDisplay-stripes 1s linear infinite;
}
.UiProgressDisplay.status-not-yet-started .progress-bar {
  display: none;
}
.UiProgressDisplay.unknown-progress .progress-bar {
  width: 30% !important;
  position: relative;
  -webkit-animation: UiProgressDisplay-left-right 1.5s ease-in-out alternate infinite;
          animation: UiProgressDisplay-left-right 1.5s ease-in-out alternate infinite;
}
@-webkit-keyframes UiProgressDisplay-left-right {
  0% {
    left: 0;
  }
  100% {
    left: 70%;
  }
}
@keyframes UiProgressDisplay-left-right {
  0% {
    left: 0;
  }
  100% {
    left: 70%;
  }
}
.UiProgressDisplay.status-cancellation-requested .content {
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.UiProgressDisplay.status-canceled .content {
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.UiProgressDisplay.status-canceled .progress-bar {
  display: none;
}
.UiProgressDisplay.status-canceled .cancel-button {
  display: none;
}
.UiProgressDisplay.status-complete .progress {
  background-color: var(--ta-state-success-bg);
}
.UiProgressDisplay.status-complete .progress-bar {
  width: 100% !important;
  background-color: var(--ta-state-success-text);
  -webkit-animation: none;
          animation: none;
}
.UiProgressDisplay.status-complete .cancel-button {
  display: none;
}
.UiProgressDisplay.status-failed .progress {
  background-color: var(--ta-state-danger-text);
}
.UiProgressDisplay.status-failed .progress-bar {
  background-color: var(--ta-state-danger-text-emphasis);
}
.UiProgressDisplay.status-failed .cancel-button {
  display: none;
}
.UiProgressDisplay.status-failed.unknown-progress .progress-bar {
  left: 35%;
  -webkit-animation: none;
          animation: none;
}
@-webkit-keyframes UiProgressDisplay-stripes {
  from {
    background-position: calc(var(--stripes-size) * 2) 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes UiProgressDisplay-stripes {
  from {
    background-position: calc(var(--stripes-size) * 2) 0;
  }
  to {
    background-position: 0 0;
  }
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiDefaultMultiProgressDisplay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer;
}
.UiDefaultMultiProgressDisplay .spinner {
  width: 11px;
  height: 11px;
  margin-right: 3px;
  margin-bottom: 1px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiNotification-container {
  position: fixed;
  z-index: 1000;
  padding: 16px 14px 26px 14px;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.UiNotification-container > * {
  pointer-events: all;
}
.UiNotification-container.top-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.UiNotification-container.top-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiNotification-container.top-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.UiNotification-container.bottom-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.UiNotification-container.bottom-center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiNotification-container.bottom-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.UiNotification-container .notification-wrapper {
  max-width: 100%;
  z-index: 1000;
  overflow: visible;
  margin-bottom: 5px;
  -webkit-transition: height 0.7s, margin 0.7s;
  transition: height 0.7s, margin 0.7s;
}
@media (max-width: 400px) {
  .UiNotification-container {
    padding-left: 2px;
    padding-right: 2px;
  }
  .UiNotification-container .UiNotification {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  }
}
@-webkit-keyframes UiNotification-wrapper-shrink {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
}
@keyframes UiNotification-wrapper-shrink {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
}
.UiNotification {
  width: 400px;
  max-width: 100%;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: relative;
  background-color: var(--ta-bg-color);
}
.UiNotification > .content-container {
  padding: 4px;
}
.UiNotification > .progress-container .progress {
  border-radius: 0 0 3px 3px;
}
.UiNotification > .close-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 17px;
  border-left: 1px solid var(--ta-special-button-section-border);
  border-bottom: 1px solid var(--ta-special-button-section-border);
  background-color: var(--ta-special-button-section-bg);
  border-top-right-radius: 3px;
  border-bottom-left-radius: calc(var(--ta-border-radius) + 2px);
  background-image: url(/resources/window-close-grey.png);
  background-size: 12px 12px;
  background-position: center;
  background-repeat: no-repeat;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiNotificationBar .UiNotificationBarItem {
  background: #d9edf7;
  border-bottom: 1px solid #91c3d0;
  -webkit-box-shadow: 0px 2px 2px -2px #91c3d0;
          box-shadow: 0px 2px 2px -2px #91c3d0;
  color: #31708f;
}
.UiNotificationBar .UiNotificationBarItem > .content-container {
  padding: 2px 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiNotificationBar .UiNotificationBarItem > .content-container > .icon {
  margin-right: 4px;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.UiNotificationBar .UiNotificationBarItem > .content-container > .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.UiNotificationBar .UiNotificationBarItem > .content-container > .close-button {
  width: 17px;
  height: 17px;
  background-image: url(/resources/window-close-grey.png);
  background-size: 12px 12px;
  background-position: center;
  background-repeat: no-repeat;
}
.UiNotificationBar .UiNotificationBarItem.with-progress > .content-container {
  padding-bottom: 0;
}
.UiNotificationBar .UiNotificationBarItem .progress-container {
  margin-bottom: -1px;
}
.UiNotificationBar .UiNotificationBarItem .progress-container .progress {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiQrCodeScanner {
  position: relative;
}
.UiQrCodeScanner > video {
  width: 100%;
  height: 100%;
}
.UiQrCodeScanner > .crosshair-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.UiQrCodeScanner > .crosshair-wrapper > .crosshair {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45%;
  -webkit-filter: invert(1);
          filter: invert(1);
  opacity: 0;
  -webkit-animation: crosshair-fade 0.8s alternate infinite;
          animation: crosshair-fade 0.8s alternate infinite;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTMgNXY0aDJWNWg0VjNINWMtMS4xIDAtMiAuOS0yIDJ6bTIgMTBIM3Y0YzAgMS4xLjkgMiAyIDJoNHYtMkg1di00em0xNCA0aC00djJoNGMxLjEgMCAyLS45IDItMnYtNGgtMnY0em0wLTE2aC00djJoNHY0aDJWNWMwLTEuMS0uOS0yLTItMnoiLz48L3N2Zz4=");
}
@-webkit-keyframes crosshair-fade {
  100% {
    opacity: 1;
  }
}
@keyframes crosshair-fade {
  100% {
    opacity: 1;
  }
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiMediaSoupV3WebRtcClient {
  --activity-bar-color-inactive: orange;
  --activity-bar-color-active: #d40000;
  --activity-bar-color: var(--activity-bar-color-inactive);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.UiMediaSoupV3WebRtcClient.active {
  --activity-bar-color: var(--activity-bar-color-active);
}
.UiMediaSoupV3WebRtcClient .video-container {
  position: relative;
  line-height: 0;
  -webkit-transition: -webkit-box-shadow 500ms;
  transition: -webkit-box-shadow 500ms;
  transition: box-shadow 500ms;
  transition: box-shadow 500ms, -webkit-box-shadow 500ms;
  -webkit-box-shadow: 0 10px 10px -10px var(--activity-bar-color);
          box-shadow: 0 10px 10px -10px var(--activity-bar-color);
  overflow: hidden;
  background-color: #eee;
}
.UiMediaSoupV3WebRtcClient .video-container .image {
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
}
.UiMediaSoupV3WebRtcClient .video-container .video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #eee;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: width 200ms, height 200ms, -webkit-transform 200ms;
  transition: width 200ms, height 200ms, -webkit-transform 200ms;
  transition: width 200ms, height 200ms, transform 200ms;
  transition: width 200ms, height 200ms, transform 200ms, -webkit-transform 200ms;
}
.UiMediaSoupV3WebRtcClient .video-container .video.mirrored {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.UiMediaSoupV3WebRtcClient .video-container:after {
  position: absolute;
  display: block;
  content: ' ';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1%;
  min-height: 2px;
  max-height: 3px;
  background-color: var(--activity-bar-color);
  -webkit-transition: background-color 500ms;
  transition: background-color 500ms;
}
.UiMediaSoupV3WebRtcClient .video-container > .bitrate-display {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px;
  background-color: #00000055;
  color: #ddd;
  line-height: 1.5;
}
.UiMediaSoupV3WebRtcClient .video-container > .bitrate-display > .bitrate-audio:before {
  content: 'audio: ';
}
.UiMediaSoupV3WebRtcClient .video-container > .bitrate-display > .bitrate-video:before {
  content: 'video: ';
}
.UiMediaSoupV3WebRtcClient .video-container > .icons {
  position: absolute;
  bottom: 5px;
  right: 3px;
  height: 10%;
  min-height: 16px;
  max-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 1;
}
.UiMediaSoupV3WebRtcClient .video-container > .icons > .icon {
  height: 100%;
  width: auto;
}
.UiMediaSoupV3WebRtcClient .video-container > .spinner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.UiMediaSoupV3WebRtcClient .video-container .unmute-button-wrapper {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.UiMediaSoupV3WebRtcClient .video-container .unmute-button-wrapper .unmute-button {
  max-width: 40%;
  max-height: 40%;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
          filter: drop-shadow(5px 5px 5px #222);
  -webkit-transition: max-width 0.2s, max-height 0.2s;
  transition: max-width 0.2s, max-height 0.2s;
}
.UiMediaSoupV3WebRtcClient .video-container .unmute-button-wrapper .unmute-button:hover {
  max-width: 45%;
  max-height: 45%;
}
.UiMediaSoupV3WebRtcClient .caption {
  padding-top: 4px;
  text-align: center;
}
.UiMediaSoupV3WebRtcClient .profile {
  color: white;
  background-color: black;
  position: absolute;
  left: 0;
  top: 0;
}
.UiMediaSoupV3WebRtcClient.state-idle .spinner-wrapper,
.UiMediaSoupV3WebRtcClient.state-streaming .spinner-wrapper {
  display: none;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiPieChart {
  overflow: hidden;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiField .field-border,
.UiField .field-border-visibility {
  border-color: var(--ta-input-border-color);
  -webkit-transition: border-color var(--ta-color-transition-time);
  transition: border-color var(--ta-color-transition-time);
}
.UiField.message-success .field-border {
  border-color: var(--ta-state-success-border);
}
.UiField.message-warning .field-border {
  border-color: var(--ta-state-warning-border);
}
.UiField.message-error .field-border {
  border-color: var(--ta-state-danger-border);
}
.UiField.focus .field-border-glow {
  border-color: var(--ta-input-border-focus);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--ta-input-border-focus);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--ta-input-border-focus);
}
.UiField.focus.message-success .field-border-glow {
  border-color: var(--ta-state-success-border);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--ta-state-success-border);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--ta-state-success-border);
}
.UiField.focus.message-warning .field-border-glow {
  border-color: var(--ta-state-warning-border);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--ta-state-warning-border);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--ta-state-warning-border);
}
.UiField.focus.message-error .field-border-glow {
  border-color: var(--ta-state-danger-border);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--ta-state-danger-border);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--ta-state-danger-border);
}
.UiField.readonly .field-border,
.UiField.readonly .field-border-visibility,
.UiField.editable-if-focused:not(.focus):not(:hover) .field-border,
.UiField.editable-if-focused:not(.focus):not(:hover) .field-border-visibility {
  border-color: transparent;
}
.UiField.readonly .field-border-glow,
.UiField.editable-if-focused:not(.focus):not(:hover) .field-border-glow {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.UiField .field-background {
  -webkit-transition: background-color var(--ta-color-transition-time);
  transition: background-color var(--ta-color-transition-time);
}
.UiField.message-success .field-background {
  background-color: var(--ta-state-success-bg);
}
.UiField.message-warning .field-background {
  background-color: var(--ta-state-warning-bg);
}
.UiField.message-error .field-background {
  background-color: var(--ta-state-danger-bg);
}
.UiField.disabled .field-background {
  background-color: var(--ta-input-bg-disabled);
}
.UiField.readonly .field-background,
.UiField.editable-if-focused:not(.focus):not(:hover) .field-background {
  background: transparent;
}
.UiField.readonly .field-readonly-invisible {
  display: none;
}
.UiField .field-border,
.UiField .field-border-glow,
.UiField .field-background {
  -webkit-transition: border-color var(--ta-color-transition-time), background-color var(--ta-color-transition-time), -webkit-box-shadow var(--ta-color-transition-time);
  transition: border-color var(--ta-color-transition-time), background-color var(--ta-color-transition-time), -webkit-box-shadow var(--ta-color-transition-time);
  transition: border-color var(--ta-color-transition-time), box-shadow var(--ta-color-transition-time), background-color var(--ta-color-transition-time);
  transition: border-color var(--ta-color-transition-time), box-shadow var(--ta-color-transition-time), background-color var(--ta-color-transition-time), -webkit-box-shadow var(--ta-color-transition-time);
}
.UiField.editable-if-focused:not(.focus):not(:hover) .tr-trigger,
.UiField.editable-if-focused:not(.focus):not(:hover) .tr-remove-button,
.UiField.editable-if-focused:not(.focus):not(:hover) .tr-unitbox-selected-entry-and-trigger-wrapper {
  -webkit-transition: opacity var(--ta-color-transition-time), background-color var(--ta-color-transition-time);
  transition: opacity var(--ta-color-transition-time), background-color var(--ta-color-transition-time);
  border-color: transparent !important;
  background-color: transparent;
}
.UiField.editable-if-focused:not(.focus):not(:hover) .tr-trigger,
.UiField.editable-if-focused:not(.focus):not(:hover) .tr-remove-button {
  opacity: 0;
}
.UiField.readonly .tr-remove-button,
.UiField.disabled .tr-remove-button {
  display: none;
}
.UiField.disabled {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.UiField .teamapps-input-wrapper {
  border: 1px solid var(--ta-input-border-color);
  border-radius: var(--ta-input-border-radius);
}
.UiField::-webkit-input-placeholder, .UiField *::-webkit-input-placeholder {
  color: var(--ta-input-color-placeholder);
}
.UiField::-moz-placeholder, .UiField *::-moz-placeholder {
  color: var(--ta-input-color-placeholder);
}
.UiField:-ms-input-placeholder, .UiField *:-ms-input-placeholder {
  color: var(--ta-input-color-placeholder);
}
.UiField::-ms-input-placeholder, .UiField *::-ms-input-placeholder {
  color: var(--ta-input-color-placeholder);
}
.UiField::placeholder,
.UiField *::placeholder {
  color: var(--ta-input-color-placeholder);
}
.field-message {
  padding: 0 5px;
}
.field-message-info {
  color: var(--ta-state-info-text);
}
.field-message-success {
  color: var(--ta-state-success-text);
}
.field-message-warning {
  color: var(--ta-state-warning-text);
}
.field-message-error {
  color: var(--ta-state-danger-text);
}
/* TODO
- editable_if_focused and readonly: border transparent + no background!
//  &.editable-if-focused:not(:focus):not(.focus):hover {
//    border-color: @input-border-hover;
//  }
- trivial-components triggers, remove buttons
 */
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.line-clamp-2 {
  position: relative;
  height: 2.4em;
  /* exactly 2 lines */
  overflow: hidden;
  max-width: 100%;
}
@supports (-webkit-line-clamp: 2) {
  .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto;
  }
  .line-clamp-2:after {
    display: none;
  }
}
@supports not (-webkit-line-clamp: 2) {
  .line-clamp-2:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 1.2em;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #ffffff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%);
  }
}
.UiSimpleFileField {
  padding: 0;
  overflow: hidden;
  height: auto;
}
.UiSimpleFileField.float-style-horizontal .file-list {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  padding: var(--ta-padding-base-horizontal);
}
.UiSimpleFileField.float-style-horizontal .file-list .file-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  text-decoration: none;
  color: var(--ta-text-color);
}
.UiSimpleFileField.float-style-horizontal .file-list .file-item .delete-button-wrapper {
  position: relative;
  height: 0;
}
.UiSimpleFileField.float-style-horizontal .file-list .file-item .delete-button-wrapper .delete-button {
  position: absolute;
  left: 13px;
  top: 0;
  background-color: #ffffff99;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 2px #ffffff99;
          box-shadow: 0 0 0 2px #ffffff99;
}
.UiSimpleFileField.float-style-horizontal .file-list .file-item .file-icon {
  margin: 4px 5px 0 5px;
}
.UiSimpleFileField.float-style-horizontal .file-list .file-item:not(.state-done) .file-icon {
  display: none;
}
.UiSimpleFileField.float-style-horizontal .file-list .file-item.state-done .progress-indicator {
  display: none;
}
.UiSimpleFileField.float-style-horizontal .file-list .file-item .file-name {
  font-size: 95%;
  line-height: 1.2em;
  word-break: break-all;
}
.UiSimpleFileField.float-style-horizontal .file-list .file-item .file-description {
  font-size: 80%;
  color: var(--ta-text-color-gray);
}
.UiSimpleFileField.float-style-horizontal .file-list .file-item .file-size {
  font-size: 80%;
  font-weight: var(--ta-font-weight-bold);
}
.UiSimpleFileField.float-style-vertical-list .file-list {
  display: block;
  margin: 2px 0;
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item {
  display: grid;
  grid-template-areas: ". progress progress delete" "icon name name delete" "icon description size delete";
  grid-template-columns: auto 1fr auto auto;
  padding: 2px 5px;
  text-decoration: none;
  color: var(--ta-text-color);
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item:hover {
  background-color: var(--ta-hover-color);
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item .progress-indicator {
  grid-area: progress;
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item .progress-indicator .progress {
  margin: 2px 0 3px 0;
  height: 8px;
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item .progress-indicator .progress .progress-bar {
  color: transparent;
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item.state-done .progress-indicator {
  display: none;
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item .delete-button-wrapper {
  grid-area: delete;
  align-self: center;
  margin-left: 5px;
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item .delete-button-wrapper .delete-button {
  background-color: #ffffff99;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 2px #ffffff99;
          box-shadow: 0 0 0 2px #ffffff99;
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item .file-icon {
  grid-area: icon;
  margin-right: 5px;
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item:not(.state-done) .file-icon {
  display: none;
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item .file-name {
  grid-area: name;
  align-self: end;
  font-size: 95%;
  line-height: 1.2em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item .file-description {
  grid-area: description;
  font-size: 80%;
  color: var(--ta-text-color-gray);
}
.UiSimpleFileField.float-style-vertical-list .file-list .file-item .file-size {
  grid-area: size;
  font-size: 80%;
  font-weight: var(--ta-font-weight-bold);
  text-align: right;
}
.UiSimpleFileField .upload-button {
  background-color: var(--ta-btn-default-bg);
  border-top: 1px solid var(--ta-input-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
  outline: none;
}
.UiSimpleFileField .upload-button input {
  display: none;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiLabel .icon {
  vertical-align: top;
  margin-right: 5px;
}
.UiLabel .caption {
  font-weight: bold;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiMultiLineTextField {
  min-width: var(--ta-input-default-width);
  position: relative;
  padding: 0;
  background-color: var(--ta-input-bg);
  overflow: auto;
  height: 100%;
}
.UiMultiLineTextField.disabled {
  background-color: var(--ta-input-bg-disabled);
}
.UiMultiLineTextField textarea {
  width: 100%;
  height: 100%;
  border: none;
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
  display: block;
  background: transparent;
  resize: none;
  outline: none;
}
.UiMultiLineTextField .clear-button {
  position: absolute;
  top: var(--ta-padding-base-vertical);
  margin-right: var(--ta-padding-base-horizontal);
  background-color: var(--ta-input-bg);
  opacity: 0;
}
.UiMultiLineTextField:hover .clear-button {
  opacity: 0.6;
}
.UiMultiLineTextField:hover .clear-button:hover {
  opacity: 1;
}
.UiMultiLineTextField.readonly .clear-button,
.UiMultiLineTextField.disabled .clear-button,
.UiMultiLineTextField:not(.clearable) .clear-button {
  display: none;
}
.UiMultiLineTextField.readonly textarea {
  padding: 0;
}
.static-readonly-UiMultiLineTextField {
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
  white-space: normal;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiTextField {
  min-width: var(--ta-input-default-width);
}
.static-readonly-UiTextField {
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
}
.clearable-field-wrapper {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: var(--ta-input-height);
  padding: 0;
}
.clearable-field-wrapper input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  width: 0;
  border: none;
  outline: none;
  background: transparent;
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
}
.clearable-field-wrapper .clear-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  margin-right: var(--ta-padding-base-horizontal);
}
.clearable-field-wrapper.readonly .clear-button,
.clearable-field-wrapper.disabled .clear-button,
.clearable-field-wrapper:not(.clearable) .clear-button {
  display: none;
}
.clearable-field-wrapper.readonly > input {
  padding: 0;
}
.clearable-field-wrapper.disabled {
  background-color: var(--ta-input-bg-disabled);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiPasswordField {
  min-width: var(--ta-input-default-width);
}
.static-readonly-UiPasswordField {
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiDisplayField,
.static-readonly-UiDisplayField {
  padding: 2px;
  white-space: normal;
}
.UiDisplayField.vertical-align-TOP,
.static-readonly-UiDisplayField.vertical-align-TOP {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.UiDisplayField.vertical-align-MIDDLE,
.static-readonly-UiDisplayField.vertical-align-MIDDLE {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiDisplayField.vertical-align-BOTTOM,
.static-readonly-UiDisplayField.vertical-align-BOTTOM {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.UiDisplayField.border,
.static-readonly-UiDisplayField.border {
  display: block;
  width: 100%;
  height: var(--ta-input-height);
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
  font-size: var(--ta-font-size);
  line-height: var(--ta-line-height);
  color: var(--ta-input-color);
  background-color: var(--ta-input-bg);
  background-image: none;
  border: 1px solid var(--ta-input-border-color);
  border-radius: var(--ta-input-border-radius);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out var(--ta-color-transition-time), -webkit-box-shadow ease-in-out var(--ta-color-transition-time);
  transition: border-color ease-in-out var(--ta-color-transition-time), -webkit-box-shadow ease-in-out var(--ta-color-transition-time);
  transition: border-color ease-in-out var(--ta-color-transition-time), box-shadow ease-in-out var(--ta-color-transition-time);
  transition: border-color ease-in-out var(--ta-color-transition-time), box-shadow ease-in-out var(--ta-color-transition-time), -webkit-box-shadow ease-in-out var(--ta-color-transition-time);
  width: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
}
.UiDisplayField.border::-ms-expand,
.static-readonly-UiDisplayField.border::-ms-expand {
  background-color: transparent;
  border: 0;
}
.UiDisplayField.border[disabled],
.static-readonly-UiDisplayField.border[disabled],
.UiDisplayField.border[readonly],
.static-readonly-UiDisplayField.border[readonly],
fieldset[disabled] .UiDisplayField.border,
fieldset[disabled] .static-readonly-UiDisplayField.border {
  background-color: var(--ta-input-bg-disabled);
  opacity: 1;
}
.UiDisplayField.border[disabled],
.static-readonly-UiDisplayField.border[disabled],
fieldset[disabled] .UiDisplayField.border,
fieldset[disabled] .static-readonly-UiDisplayField.border {
  cursor: var(--ta-cursor-disabled);
}
textarea.UiDisplayField.border,
textarea.static-readonly-UiDisplayField.border {
  height: auto;
}
.UiDisplayField.border.focus,
.static-readonly-UiDisplayField.border.focus {
  border-color: var(--ta-input-border-focus);
  outline: 0;
  -webkit-box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
}
.UiDisplayField.border[readonly],
.static-readonly-UiDisplayField.border[readonly] {
  border: 1px solid transparent !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 !important;
}
.UiDisplayField.border[disabled],
.static-readonly-UiDisplayField.border[disabled] {
  cursor: default;
}
.UiDisplayField:not(.show-html),
.static-readonly-UiDisplayField:not(.show-html) {
  white-space: pre-line;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiCheckBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiCheckBox .checkbox-check {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 17px;
  height: 17px;
  border: 1px solid;
  border-radius: 3px;
  background-color: var(--ta-input-bg);
  font-family: 'Glyphicons Halflings';
  font-size: 10px;
  padding-left: 2px;
  color: #555555;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
}
.UiCheckBox .checkbox-label:not(:empty) {
  margin-left: 8px;
}
.UiCheckBox.disabled > .checkbox-check {
  opacity: 0.5;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiButton {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  width: 100%;
}
.UiButton .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 6px 10px;
}
.UiButton .btn.icon-position-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.UiButton .btn.icon-position-left .img + .caption {
  margin-left: 4px;
}
.UiButton .btn.icon-position-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.UiButton .btn.icon-position-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.UiButton .btn.icon-position-right .img + .caption {
  margin-right: 4px;
}
.UiButton .btn .img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.UiButton .btn .caption {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  line-height: 14px;
  font-size: 12px;
}
.UiButton.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.UiButton-dropdown .UiItemView .tr-highlighted-entry {
  -webkit-transition: border-color 0s !important;
  transition: border-color 0s !important;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiCurrencyField {
  min-width: var(--ta-input-default-width);
}
.UiCurrencyField .tr-unitbox-editor {
  width: 1px;
}
.static-readonly-UiCurrencyField {
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
  text-align: right;
  width: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiNumberField {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: var(--ta-input-default-width);
  padding: 0;
  overflow: hidden;
  height: initial;
}
.UiNumberField .clearable-field-wrapper {
  min-height: initial;
  background-color: transparent;
}
.UiNumberField .clearable-field-wrapper input {
  text-align: right;
  height: calc(var(--ta-input-height) - 2px);
}
.UiNumberField .slider {
  height: 17px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  position: relative;
  -webkit-transition: height 0.2s, opacity 0.2s;
  transition: height 0.2s, opacity 0.2s;
}
.UiNumberField .slider .slider-track {
  position: absolute;
  top: 7px;
  left: 7px;
  width: calc(100% -  14px );
  height: 2px;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
}
.UiNumberField .slider .slider-handle {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
  background-color: white;
}
.UiNumberField .slider .slider-handle:hover {
  -webkit-box-shadow: 0 0.5px 6px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0.5px 6px rgba(0, 0, 0, 0.5);
}
.optimized-for-touch .UiNumberField .slider {
  height: 23px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  position: relative;
  -webkit-transition: height 0.2s, opacity 0.2s;
  transition: height 0.2s, opacity 0.2s;
}
.optimized-for-touch .UiNumberField .slider .slider-track {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% -  20px );
  height: 2px;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
}
.optimized-for-touch .UiNumberField .slider .slider-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-style: solid;
  border-radius: 9px;
  background-color: white;
}
.optimized-for-touch .UiNumberField .slider .slider-handle:hover {
  -webkit-box-shadow: 0 0.5px 6px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0.5px 6px rgba(0, 0, 0, 0.5);
}
.UiNumberField.slider-mode-disabled .slider,
.UiField:not(.focus) > .UiNumberField.slider-mode-visible-if-focused .slider {
  height: 0px;
  border-width: 0;
  opacity: 0;
  pointer-events: none;
}
.UiNumberField.slider-mode-slider-only .clearable-field-wrapper {
  position: absolute !important;
  left: -100000px !important;
  top: -100000px !important;
}
.static-readonly-UiNumberField {
  text-align: right;
  width: 100%;
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiFileField {
  min-width: var(--ta-input-default-width);
}
.UiFileField .file-item {
  position: relative;
}
.UiFileField .file-item:hover {
  background-color: var(--ta-hover-color);
}
.UiFileField .file-item.state-uploading .template-wrapper,
.UiFileField .file-item.state-success .template-wrapper,
.UiFileField .file-item.state-error .template-wrapper {
  display: none !important;
}
.UiFileField .file-item.state-displaying .progress-indicator,
.UiFileField .file-item.state-displaying .file-info {
  display: none !important;
}
.UiFileField.float-style-horizontal .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
.UiFileField.float-style-horizontal .file-item {
  position: relative;
  margin: 2px;
}
.UiFileField.float-style-horizontal .file-item .ProgressCircle {
  margin: auto;
}
.UiFileField.float-style-horizontal .file-item .file-info {
  max-width: 100%;
}
.UiFileField.float-style-horizontal .file-item .file-info .file-name {
  font-size: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UiFileField.float-style-horizontal .file-item .file-info .file-size {
  font-size: 80%;
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
}
.UiFileField.float-style-horizontal .delete-button {
  position: absolute;
  top: 0;
  right: 0;
}
.UiFileField.float-style-vertical-list .file-item {
  display: grid;
  grid-template-columns: 1fr 20px;
  grid-template-areas: "info delete" "progress delete";
  position: relative;
  padding: 2px;
}
.UiFileField.float-style-vertical-list .file-item .progress-indicator {
  grid-area: progress;
}
.UiFileField.float-style-vertical-list .file-item .file-info {
  grid-area: info;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.UiFileField.float-style-vertical-list .file-item .file-info .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.UiFileField.float-style-vertical-list .file-item .file-info .file-size {
  color: #777;
  white-space: nowrap;
}
.UiFileField.float-style-vertical-list .file-item .delete-button {
  grid-area: delete;
  align-self: center;
  justify-self: right;
}
.UiFileField.show-entries-as-buttons-on-hover .file-item {
  border: 1px solid transparent;
}
.UiFileField.show-entries-as-buttons-on-hover .file-item:hover {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-bottom-color: #d0d1d4;
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.UiFileField.show-entries-as-buttons-on-hover .file-item:active {
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-top-color: #d6d7d8;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #fafafa 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
  -webkit-box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.1);
}
.UiFileField .upload-button-wrapper {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ta-input-border-color);
  border-radius: var(--ta-input-border-radius);
}
.UiFileField .upload-button-wrapper .file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: default;
  opacity: 0;
  filter: alpha(opacity=0);
}
.static-readonly-UiFileField {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 2px;
}
.static-readonly-UiFileField.show-as-button-only-on-hover .custom-entry-template-wrapper:not(:hover) {
  border-color: transparent;
  background: transparent;
}
.static-readonly-UiFileField .custom-entry-template-wrapper {
  margin-right: 3px;
  border-radius: var(--ta-border-radius-small);
  border: 1px solid #e1e2e3;
  border-bottom-color: #d0d1d4;
  -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.13);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(62%, #fbfbfc), color-stop(84%, #f7f8f9), color-stop(94%, #f5f6f7), to(#edeff1));
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfc 62%, #f7f8f9 84%, #f5f6f7 94%, #edeff1 100%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.1s, border-color 0.05s;
  transition: background 0.1s, border-color 0.05s;
}
.static-readonly-UiFileField .custom-entry-template-wrapper:hover {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(#feeeac), color-stop(7%, #fee5a6), color-stop(92%, #fee7a8), color-stop(97%, #fef4b0), to(#fef7b4));
  background: linear-gradient(to bottom, #feeeac 0%, #fee5a6 7%, #fee7a8 92%, #fef4b0 97%, #fef7b4 100%);
  border: 1px solid #e7d5b7;
}
.static-readonly-UiFileField .custom-entry-template-wrapper:active {
  border-radius: var(--ta-border-radius-small);
  background: -webkit-gradient(linear, left top, left bottom, from(#fee47d), color-stop(7%, #fed774), color-stop(92%, #feda75), color-stop(97%, #feed83), to(#fef387));
  background: linear-gradient(to bottom, #fee47d 0%, #fed774 7%, #feda75 92%, #feed83 97%, #fef387 100%);
  border: 1px solid #C19344;
}
.static-readonly-UiFileField .custom-entry-template {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiPictureChooser {
  padding: 0;
  display: inline-block;
  border-radius: var(--ta-border-radius);
  height: auto !important;
}
.UiPictureChooser .picture-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.UiPictureChooser .picture {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  border-radius: calc(var(--border-radius-large) - 1px);
}
.UiPictureChooser .button {
  position: absolute;
  background-color: #ffffffaa;
  border: 1px solid #cccccc77;
  -webkit-box-shadow: 0 1px 4px 0 #00000044;
          box-shadow: 0 1px 4px 0 #00000044;
  border-radius: 50%;
  outline: none;
  width: 24px;
  height: 24px;
  -webkit-transition: opacity 0.2s, background-color 0.2s, -webkit-box-shadow 0.2s;
  transition: opacity 0.2s, background-color 0.2s, -webkit-box-shadow 0.2s;
  transition: opacity 0.2s, background-color 0.2s, box-shadow 0.2s;
  transition: opacity 0.2s, background-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
.UiPictureChooser .button.upload-button {
  bottom: 4px;
  right: 4px;
}
.UiPictureChooser .button.delete-button {
  bottom: 4px;
  right: 32px;
}
.UiPictureChooser .button:hover {
  background-color: #ffffffcc;
  -webkit-box-shadow: 0 1px 4px 0 #00000099;
          box-shadow: 0 1px 4px 0 #00000099;
}
.UiPictureChooser .progress-wrapper {
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
}
.UiPictureChooser .progress-wrapper > * {
  margin: auto;
}
.UiPictureChooser .file-input {
  display: none;
}
.UiField.editable-if-focused:not(:hover):not(.focus) .UiPictureChooser .button,
.UiField.disabled .UiPictureChooser .button,
.UiField.readonly .UiPictureChooser .button {
  opacity: 0;
  pointer-events: none;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiComboBox {
  min-width: var(--ta-input-default-width);
}
.UiComboBox.readonly,
.UiField:not(.focus) > .UiComboBox.editable-if-focused {
  background: transparent;
}
.static-readonly-UiComboBox {
  width: 100%;
}
.tr-combobox-entry.free-text-entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiTagComboBox {
  min-width: var(--ta-input-default-width);
}
.UiTagComboBox.wrapping-mode-single-tag-per-line .tr-tagbox-tagarea {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.UiTagComboBox.wrapping-mode-single-tag-per-line .tr-tagbox-tagarea .tr-editor:not(:focus) {
  min-height: 0;
  font-size: 0;
}
.UiTagComboBox.wrapping-mode-single-line .tr-tagbox-tagarea {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.UiTagComboBox .tr-tagbox-tag .custom-entry-template {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.static-readonly-UiTagComboBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1px;
}
.static-readonly-UiTagComboBox .tr-remove-button {
  display: none;
}
.static-readonly-UiTagComboBox .custom-entry-template {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.AbstractUiDateField {
  min-width: var(--ta-input-default-width);
}
.AbstractUiDateField .calendar-icon {
  -ms-flex-item-align: center;
      align-self: center;
}
.tr-template-icon-single-line {
  font-size: var(--ta-font-size);
}
.tr-template-icon-single-line .content-wrapper {
  margin-left: 3px;
}
.calendar-symbol-page-background {
  fill: #ffffff;
}
.calendar-symbol-color {
  fill: #d35f5f;
}
.calendar-symbol-page {
  shape-rendering: crispEdges;
  fill: none;
  stroke: #0000003b;
  stroke-width: 20;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
}
.calendar-symbol-ring-gradient-stop1 {
  stop-color: #555;
}
.calendar-symbol-ring-gradient-stop2 {
  stop-color: #aaa;
}
.calendar-symbol-ring-gradient-stop3 {
  stop-color: black;
}
.calendar-symbol-ring {
  shape-rendering: geometricPrecision;
  fill: url(#Gradient1);
  stroke: none;
}
.calendar-symbol-date {
  fill: #333;
  font-size: 250px;
}
.static-readonly-UiDateField {
  width: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiTimeField {
  min-width: var(--ta-input-default-width);
}
.UiTimeField .tr-template-icon-single-line {
  font-size: 100%;
}
.UiTimeField .tr-template-icon-single-line .clock-icon {
  -ms-flex-item-align: center;
      align-self: center;
}
.UiTimeField .tr-template-icon-single-line .clock-icon .clockcircle {
  stroke: #555;
  stroke-width: 5px;
  fill: #fff;
}
.UiTimeField .tr-template-icon-single-line .clock-icon .hourhand {
  stroke: #333;
  stroke-width: 8.7px;
  stroke-linecap: round;
}
.UiTimeField .tr-template-icon-single-line .clock-icon .minutehand {
  stroke: #333;
  stroke-width: 6.2px;
  stroke-linecap: round;
}
.UiTimeField .tr-template-icon-single-line .clock-icon .night-true .clockcircle {
  stroke-width: 5px;
  stroke: #333;
  fill: rgba(77, 130, 184, 0.76);
}
.UiTimeField .tr-template-icon-single-line .clock-icon .night-true .hourhand {
  stroke-width: 8px;
  stroke: #fff;
  fill: #333;
}
.UiTimeField .tr-template-icon-single-line .clock-icon .night-true .minutehand {
  stroke-width: 6px;
  stroke: #fff;
  fill: #333;
}
.static-readonly-UiTimeField {
  width: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiDateTimeField {
  min-width: var(--ta-input-default-width);
}
.static-readonly-UiDateTimeField {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.static-readonly-UiDateTimeField .tr-template-icon-single-line {
  padding: 0px;
}
.static-readonly-UiDateTimeField .clock-icon {
  margin-left: 4px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiComponentField {
  overflow: auto;
}
.UiComponentField.opaque {
  background-color: white;
}
.UiComponentField.bordered {
  border: 1px solid var(--ta-input-border-color);
  border-radius: var(--ta-border-radius);
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiCompositeField .padding-wrapper {
  position: relative;
}
.UiCompositeField .padding-wrapper .subfield-wrapper {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UiCompositeField .padding-wrapper .subfield-wrapper .tr-tagbox-tagarea {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.UiCompositeField .padding-wrapper .UiMultiLineTextField {
  height: 100% !important;
  resize: none;
}
.UiCompositeField:not(.static-readonly-UiCompositeField) .subfield-wrapper > *:not(.UiButton) {
  border-radius: 0;
}
.UiCompositeField:not(.static-readonly-UiCompositeField) .subfield-wrapper > * {
  height: 100%;
  border-radius: 0;
}
.UiCompositeField:not(.static-readonly-UiCompositeField) .subfield-wrapper > *:focus,
.UiCompositeField:not(.static-readonly-UiCompositeField) .subfield-wrapper > *.focus {
  z-index: 20;
}
.UiCompositeField:not(.static-readonly-UiCompositeField) .subfield-wrapper.bordered > :not(:focus):not(.focus) {
  border: 1px solid var(--ta-input-border-color);
}
.static-readonly-UiCompositeField .subfield-wrapper {
  overflow: hidden;
}
.static-readonly-UiCompositeField .subfield-wrapper.bordered {
  border: 1px solid var(--ta-input-border-color);
}
.static-readonly-UiCompositeField .subfield-wrapper > .static-readonly-UiDisplayField,
.static-readonly-UiCompositeField .subfield-wrapper > .static-readonly-UiMultiLineTextField,
.static-readonly-UiCompositeField .subfield-wrapper > .static-readonly-UiRichTextEditor,
.static-readonly-UiCompositeField .subfield-wrapper > .static-readonly-UiWikiEditor {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiImageField {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
}
.static-readonly-UiImageField {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiRichTextEditor {
  min-width: var(--ta-input-default-width);
  background-color: var(--ta-input-bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.UiRichTextEditor .toolbar-container {
  width: 100% !important;
  height: auto !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-top-left-radius: var(--ta-input-border-radius);
  border-top-right-radius: var(--ta-input-border-radius);
  overflow: hidden;
  -webkit-transition: opacity var(--ta-color-transition-time);
  transition: opacity var(--ta-color-transition-time);
}
.UiRichTextEditor .toolbar-container > .mce-panel {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-width: 0 0 1px 0 !important;
  -webkit-transition: border-color var(--ta-color-transition-time);
  transition: border-color var(--ta-color-transition-time);
}
.UiRichTextEditor .toolbar-container > .mce-panel > .mce-container-body {
  width: 100% !important;
  height: auto !important;
}
.UiRichTextEditor .toolbar-container > .mce-panel > .mce-container-body > .mce-toolbar-grp {
  position: static;
  width: 100% !important;
  height: auto !important;
  border-radius: var(--ta-input-border-radius);
}
.UiRichTextEditor .toolbar-container > .mce-panel > .mce-container-body > .mce-toolbar-grp > .mce-container-body {
  height: auto !important;
  width: 100% !important;
}
.UiRichTextEditor .toolbar-container > .mce-panel > .mce-container-body > .mce-toolbar-grp > .mce-container-body > .mce-toolbar {
  height: auto !important;
  width: 100% !important;
}
.UiRichTextEditor .toolbar-container > .mce-panel > .mce-container-body > .mce-toolbar-grp > .mce-container-body > .mce-toolbar > .mce-flow-layout {
  height: auto !important;
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.UiRichTextEditor .toolbar-container > .mce-panel > .mce-container-body > .mce-toolbar-grp > .mce-container-body > .mce-toolbar > .mce-flow-layout > .mce-btn-group {
  padding: 0;
  margin: 0;
  -webkit-transition: border-color var(--ta-color-transition-time);
  transition: border-color var(--ta-color-transition-time);
}
.UiRichTextEditor .toolbar-container > .mce-panel > .mce-container-body > .mce-toolbar-grp > .mce-container-body > .mce-toolbar > .mce-flow-layout > .mce-btn-group:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
  border-left: none;
}
.UiRichTextEditor .toolbar-container > .mce-panel > .mce-container-body > .mce-toolbar-grp > .mce-container-body > .mce-toolbar > .mce-flow-layout > .mce-btn-group:last-child > * {
  display: inline-block;
}
.UiRichTextEditor .toolbar-container > .mce-panel > .mce-container-body > .mce-toolbar-grp > .mce-container-body > .mce-toolbar > .mce-flow-layout > .mce-btn-group .mce-btn {
  margin: 0;
  border: none;
}
.UiRichTextEditor .toolbar-container > .mce-panel > .mce-container-body > .mce-toolbar-grp > .mce-container-body > .mce-toolbar > .mce-flow-layout > .mce-btn-group .mce-btn:hover {
  background-color: var(--ta-hover-color);
}
.UiRichTextEditor .inline-editor {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  outline: none !important;
  padding: 5px;
  overflow: auto;
}
.UiRichTextEditor .inline-editor alert {
  display: block;
  padding: var(--ta-half-line-height-computed);
  border: 1px solid var(--ta-state-info-border);
  color: var(--ta-state-info-text);
  background-color: var(--ta-state-info-bg);
  border-radius: var(--ta-border-radius-large);
  margin-bottom: var(--ta-half-line-height-computed);
}
.UiRichTextEditor .inline-editor alert > *:last-child {
  margin-bottom: 0;
}
.UiRichTextEditor .inline-editor blockquote {
  font-style: italic;
}
.UiRichTextEditor .mce-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.UiRichTextEditor .file-upload-button {
  position: absolute;
  top: -10000px;
}
.UiRichTextEditor .spinner-wrapper {
  position: absolute;
  top: 32px;
  right: 3px;
  width: 16px;
  height: 16px;
}
.UiRichTextEditor.editable-if-focused:not(:hover):not(.focus) .toolbar-container {
  opacity: 0.5;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
  border-radius: var(--ta-input-border-radius);
}
.UiRichTextEditor.editable-if-focused:not(:hover):not(.focus) .toolbar-container > .mce-panel {
  border-color: transparent;
}
.UiRichTextEditor.editable-if-focused:not(:hover):not(.focus) .toolbar-container > .mce-panel .mce-btn-group {
  border-color: transparent;
}
.UiRichTextEditor.readonly > *,
.UiRichTextEditor.disabled > * {
  display: none;
}
.UiRichTextEditor.readonly > .readonly-view,
.UiRichTextEditor.disabled > .readonly-view {
  display: block;
  overflow-y: scroll;
}
.UiRichTextEditor.disabled > .readonly-view {
  padding: 5px;
}
.UiRichTextEditor:not(.readonly):not(.disabled) > .readonly-view {
  display: none;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiSlider {
  min-width: var(--ta-input-default-width);
  padding: 30px 7px 2px 7px;
}
.UiSlider .noUi-handle {
  outline: none;
}
.UiSlider .noUi-horizontal {
  height: 10px;
}
.UiSlider .noUi-horizontal .noUi-handle {
  width: 22px;
  height: 19px;
  right: -11px !important;
}
.UiSlider .noUi-horizontal .noUi-tooltip {
  min-width: 100%;
  padding: 2px;
}
.optimized-for-touch .UiSlider {
  padding-top: 37px;
  padding-left: 15px;
  padding-right: 15px;
}
.optimized-for-touch .UiSlider .noUi-horizontal {
  height: 18px;
}
.optimized-for-touch .UiSlider .noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px !important;
}
.optimized-for-touch .UiSlider .noUi-horizontal .noUi-tooltip {
  min-width: 100%;
  padding: 5px;
}
.UiSlider .noUi-handle:before,
.UiSlider .noUi-handle:after {
  display: none;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiColorPicker {
  outline: none;
}
.UiColorPicker .pickr {
  z-index: 1;
}
.UiColorPicker .pickr .pcr-button {
  border-width: 1px;
  border-style: solid;
}
.UiColorPicker .pickr .pcr-app {
  z-index: 1;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiLinkButton {
  cursor: pointer;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.ProgressBar .error-message-bar {
  background: var(--ta-state-danger-bg);
  color: var(--ta-state-danger-text);
  padding-left: 4px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.ProgressCircle {
  display: block;
}
.ProgressCircle .countdown-circle {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.ProgressCircle.error .countdown-circle-background {
  stroke: var(--ta-state-danger-text);
  fill: #f2dede;
}
.ProgressCircle.error .countdown-circle {
  opacity: 0;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiToolButton {
  margin: 0 3px;
}
.UiToolButton.gray-out-if-not-hovered:not(:hover) {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.optimized-for-touch .UiToolButton {
  margin: 5px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiSpinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.teamapps-spinner {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: UiSpinner-animation 1.1s infinite linear;
  animation: UiSpinner-animation 1.1s infinite linear;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-left-color: var(--ta-color-primary);
  border-top-color: var(--ta-color-primary);
}
@-webkit-keyframes UiSpinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes UiSpinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiAudioActivityDisplay {
  position: relative;
}
.UiAudioActivityDisplay .level-div {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#192e83), color-stop(30%, #0fb83f), color-stop(60%, #0fb83f), color-stop(80%, yellow), color-stop(95%, red));
  background: linear-gradient(0deg, #192e83 0%, #0fb83f 30%, #0fb83f 60%, yellow 80%, red 95%);
  background-attachment: scroll;
  -webkit-transition: height 200ms linear, background-position 200ms linear;
  transition: height 200ms linear, background-position 200ms linear;
  will-change: height, background-position;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiDropDown {
  position: absolute;
  z-index: var(--ta-zindex-max);
  -webkit-box-shadow: var(--ta-box-shadow-large);
          box-shadow: var(--ta-box-shadow-large);
  border: 1px solid var(--ta-input-border-color);
  border-radius: 0 0 var(--ta-border-radius) var(--ta-border-radius);
}
.UiDropDown:not(.open) {
  position: absolute !important;
  left: -100000px !important;
  top: -100000px !important;
}
.UiDropDown > .background-color-div {
  width: 100%;
  background-color: var(--ta-bg-color-semi-transparent);
  overflow: auto;
}
.UiDropDown > .background-color-div .tr-default-spinner {
  position: static;
  background-color: transparent;
}
.UiDropDown > .background-color-div > * {
  width: 100%;
  height: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.ta-tooltip {
  position: absolute;
  background-color: #fff;
  color: var(--ta-text-color);
  min-width: 150px;
  max-width: calc(100% - 20px);
  border-radius: var(--ta-border-radius);
  -webkit-box-shadow: var(--ta-box-shadow-large);
          box-shadow: var(--ta-box-shadow-large);
  padding: 0;
  text-align: left;
  border: 1px solid var(--ta-input-border-color);
}
.ta-tooltip.empty {
  display: none;
}
.ta-tooltip .ta-tooltip-arrow {
  z-index: -1;
  position: absolute;
  width: var(--ta-tooltip-arrow-size);
  height: var(--ta-tooltip-arrow-size);
}
.ta-tooltip .ta-tooltip-arrow:after {
  position: absolute;
  content: ' ';
  font-size: 0;
  width: calc(2 * var(--ta-tooltip-arrow-size));
  height: calc(2 * var(--ta-tooltip-arrow-size));
  left: calc(-0.5 * var(--ta-tooltip-arrow-size));
  top: calc(-0.5 * var(--ta-tooltip-arrow-size));
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid var(--ta-input-border-color);
  background-color: white;
}
.ta-tooltip-inner {
  padding: var(--ta-padding-base-vertical) var(--ta-padding-base-horizontal);
  border-radius: var(--ta-border-radius);
  background-color: white;
}
.ta-tooltip.ta-tooltip-info,
.ta-tooltip.ta-tooltip-info .ta-tooltip-arrow:after {
  border-color: var(--ta-input-border-color);
}
.ta-tooltip.ta-tooltip-info,
.ta-tooltip.ta-tooltip-info .ta-tooltip-arrow:after,
.ta-tooltip.ta-tooltip-info .ta-tooltip-inner,
.ta-tooltip.ta-tooltip-info .ta-tooltip-arrow:after .ta-tooltip-inner {
  background-color: white;
}
.ta-tooltip.ta-tooltip-success,
.ta-tooltip.ta-tooltip-success .ta-tooltip-arrow:after {
  border-color: var(--ta-state-success-border);
}
.ta-tooltip.ta-tooltip-success,
.ta-tooltip.ta-tooltip-success .ta-tooltip-arrow:after,
.ta-tooltip.ta-tooltip-success .ta-tooltip-inner,
.ta-tooltip.ta-tooltip-success .ta-tooltip-arrow:after .ta-tooltip-inner {
  background-color: white;
}
.ta-tooltip.ta-tooltip-warning,
.ta-tooltip.ta-tooltip-warning .ta-tooltip-arrow:after {
  border-color: var(--ta-state-warning-border);
}
.ta-tooltip.ta-tooltip-warning,
.ta-tooltip.ta-tooltip-warning .ta-tooltip-arrow:after,
.ta-tooltip.ta-tooltip-warning .ta-tooltip-inner,
.ta-tooltip.ta-tooltip-warning .ta-tooltip-arrow:after .ta-tooltip-inner {
  background-color: white;
}
.ta-tooltip.ta-tooltip-error,
.ta-tooltip.ta-tooltip-error .ta-tooltip-arrow:after {
  border-color: var(--ta-state-danger-border);
}
.ta-tooltip.ta-tooltip-error,
.ta-tooltip.ta-tooltip-error .ta-tooltip-arrow:after,
.ta-tooltip.ta-tooltip-error .ta-tooltip-inner,
.ta-tooltip.ta-tooltip-error .ta-tooltip-arrow:after .ta-tooltip-inner {
  background-color: white;
}
.ta-tooltip[data-popper-placement^="top"] .ta-tooltip-arrow {
  bottom: calc(-0.5 * var(--ta-tooltip-arrow-size));
}
.ta-tooltip[data-popper-placement^="bottom"] .ta-tooltip-arrow {
  top: calc(-0.5 * var(--ta-tooltip-arrow-size));
}
.ta-tooltip[data-popper-placement^="right"] .ta-tooltip-arrow {
  left: calc(-0.5 * var(--ta-tooltip-arrow-size));
}
.ta-tooltip[data-popper-placement^="left"] .ta-tooltip-arrow {
  right: calc(-0.5 * var(--ta-tooltip-arrow-size));
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.CalendarEventListPopper {
  z-index: var(--ta-zindex-max);
}
.CalendarEventListPopper .ta-tooltip-inner {
  padding: 0;
}
.CalendarEventListPopper .all-day-events,
.CalendarEventListPopper .normal-events {
  padding: 5px;
}
.CalendarEventListPopper .all-day-events:not(:empty) + .normal-events {
  border-top: 1px solid var(--ta-input-border-color);
}
.CalendarEventListPopper .fc-event:not(:last-child) {
  margin-bottom: 2px;
}
.CalendarEventListPopper .fc-content {
  padding: 0 2px;
}
.CalendarEventListPopper .fc-time {
  font-size: 0.85em;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.ContextMenu {
  position: absolute;
  background-color: var(--ta-bg-color);
  border: 1px solid var(--ta-input-border-color);
  border-radius: var(--ta-border-radius);
  -webkit-box-shadow: var(--ta-box-shadow-base);
          box-shadow: var(--ta-box-shadow-base);
}
.ContextMenu.empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px !important;
}
.ContextMenu.empty .teamapps-spinner {
  width: 40px;
  height: 40px;
}
.ContextMenu:not(.empty) .teamapps-spinner {
  display: none;
}
.ContextMenu:not(.empty) > * {
  height: 100%;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.drop-zone {
  position: relative;
}
.drop-zone:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e198";
  position: absolute;
  pointer-events: none;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 300%;
  color: rgba(0, 0, 0, 0.3);
  border: 3px dashed rgba(0, 0, 0, 0.3);
  z-index: 1;
  background-color: var(--ta-bg-color-semi-transparent);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-backdrop-filter 0.2s;
  transition: opacity 0.2s, -webkit-backdrop-filter 0.2s;
  transition: opacity 0.2s, backdrop-filter 0.2s;
  transition: opacity 0.2s, backdrop-filter 0.2s, -webkit-backdrop-filter 0.2s;
}
.drop-zone.drop-zone-active:before {
  opacity: 1;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.file-list {
  position: relative;
  min-height: 36px;
}
.file-list:empty:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 0;
  left: 0;
  content: "\e198";
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 200%;
  color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.glyphicon-button {
  padding: 7px;
  color: var(--ta-text-color-faded);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color var(--ta-color-transition-time);
  transition: color var(--ta-color-transition-time);
}
.glyphicon-button:hover {
  color: var(--ta-text-color);
}
.glyphicon-button.disabled {
  pointer-events: none;
  color: var(--ta-input-border-color);
}
.glyphicon-button-md {
  font-size: 20px;
}
.glyphicon-button-lg {
  font-size: 32px;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
/* animation sets */
/* move from / to  */
.pt-page-moveToLeft {
  -webkit-animation: moveToLeft 0.6s ease both;
  animation: moveToLeft 0.6s ease both;
}
.pt-page-moveFromLeft {
  -webkit-animation: moveFromLeft 0.6s ease both;
  animation: moveFromLeft 0.6s ease both;
}
.pt-page-moveToRight {
  -webkit-animation: moveToRight 0.6s ease both;
  animation: moveToRight 0.6s ease both;
}
.pt-page-moveFromRight {
  -webkit-animation: moveFromRight 0.6s ease both;
  animation: moveFromRight 0.6s ease both;
}
.pt-page-moveToTop {
  -webkit-animation: moveToTop 0.6s ease both;
  animation: moveToTop 0.6s ease both;
}
.pt-page-moveFromTop {
  -webkit-animation: moveFromTop 0.6s ease both;
  animation: moveFromTop 0.6s ease both;
}
.pt-page-moveToBottom {
  -webkit-animation: moveToBottom 0.6s ease both;
  animation: moveToBottom 0.6s ease both;
}
.pt-page-moveFromBottom {
  -webkit-animation: moveFromBottom 0.6s ease both;
  animation: moveFromBottom 0.6s ease both;
}
/* fade */
.pt-page-fade {
  -webkit-animation: fade 0.7s ease both;
  animation: fade 0.7s ease both;
}
/* move from / to and fade */
.pt-page-moveToLeftFade {
  -webkit-animation: moveToLeftFade 0.7s ease both;
  animation: moveToLeftFade 0.7s ease both;
}
.pt-page-moveFromLeftFade {
  -webkit-animation: moveFromLeftFade 0.7s ease both;
  animation: moveFromLeftFade 0.7s ease both;
}
.pt-page-moveToRightFade {
  -webkit-animation: moveToRightFade 0.7s ease both;
  animation: moveToRightFade 0.7s ease both;
}
.pt-page-moveFromRightFade {
  -webkit-animation: moveFromRightFade 0.7s ease both;
  animation: moveFromRightFade 0.7s ease both;
}
.pt-page-moveToTopFade {
  -webkit-animation: moveToTopFade 0.7s ease both;
  animation: moveToTopFade 0.7s ease both;
}
.pt-page-moveFromTopFade {
  -webkit-animation: moveFromTopFade 0.7s ease both;
  animation: moveFromTopFade 0.7s ease both;
}
.pt-page-moveToBottomFade {
  -webkit-animation: moveToBottomFade 0.7s ease both;
  animation: moveToBottomFade 0.7s ease both;
}
.pt-page-moveFromBottomFade {
  -webkit-animation: moveFromBottomFade 0.7s ease both;
  animation: moveFromBottomFade 0.7s ease both;
}
/* move to with different easing */
.pt-page-moveToLeftEasing {
  -webkit-animation: moveToLeft 0.7s ease-in-out both;
  animation: moveToLeft 0.7s ease-in-out both;
}
.pt-page-moveToRightEasing {
  -webkit-animation: moveToRight 0.7s ease-in-out both;
  animation: moveToRight 0.7s ease-in-out both;
}
.pt-page-moveToTopEasing {
  -webkit-animation: moveToTop 0.7s ease-in-out both;
  animation: moveToTop 0.7s ease-in-out both;
}
.pt-page-moveToBottomEasing {
  -webkit-animation: moveToBottom 0.7s ease-in-out both;
  animation: moveToBottom 0.7s ease-in-out both;
}
/********************************* keyframes **************************************/
/* move from / to  */
@-webkit-keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveToTop {
  to {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveToTop {
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveToBottom {
  to {
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveToBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* fade */
@-webkit-keyframes fade {
  to {
    opacity: 0.3;
  }
}
@keyframes fade {
  to {
    opacity: 0.3;
  }
}
/* move from / to and fade */
@-webkit-keyframes moveToLeftFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveToLeftFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveFromLeftFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveFromLeftFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveToRightFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveToRightFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveFromRightFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveFromRightFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveToTopFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveToTopFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveFromTopFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveFromTopFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveToBottomFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveToBottomFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes moveFromBottomFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveFromBottomFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* scale and fade */
.pt-page-scaleDown {
  -webkit-animation: scaleDown 0.7s ease both;
  animation: scaleDown 0.7s ease both;
}
.pt-page-scaleUp {
  -webkit-animation: scaleUp 0.7s ease both;
  animation: scaleUp 0.7s ease both;
}
.pt-page-scaleUpDown {
  -webkit-animation: scaleUpDown 0.5s ease both;
  animation: scaleUpDown 0.5s ease both;
}
.pt-page-scaleDownUp {
  -webkit-animation: scaleDownUp 0.5s ease both;
  animation: scaleDownUp 0.5s ease both;
}
.pt-page-scaleDownCenter {
  -webkit-animation: scaleDownCenter 0.4s ease-in both;
  animation: scaleDownCenter 0.4s ease-in both;
}
.pt-page-scaleUpCenter {
  -webkit-animation: scaleUpCenter 0.4s ease-out both;
  animation: scaleUpCenter 0.4s ease-out both;
}
/********************************* keyframes **************************************/
/* scale and fade */
@-webkit-keyframes scaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes scaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes scaleUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes scaleUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes scaleUpDown {
  from {
    opacity: 0;
    -webkit-transform: scale(1.2);
  }
}
@keyframes scaleUpDown {
  from {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes scaleDownUp {
  to {
    opacity: 0;
    -webkit-transform: scale(1.2);
  }
}
@keyframes scaleDownUp {
  to {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes scaleDownCenter {
  to {
    opacity: 0;
    -webkit-transform: scale(0.7);
  }
}
@keyframes scaleDownCenter {
  to {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-webkit-keyframes scaleUpCenter {
  from {
    opacity: 0;
    -webkit-transform: scale(0.7);
  }
}
@keyframes scaleUpCenter {
  from {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
/* rotate sides first and scale */
.pt-page-rotateRightSideFirst {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateRightSideFirst 0.8s both ease-in;
  animation: rotateRightSideFirst 0.8s both ease-in;
}
.pt-page-rotateLeftSideFirst {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateLeftSideFirst 0.8s both ease-in;
  animation: rotateLeftSideFirst 0.8s both ease-in;
}
.pt-page-rotateTopSideFirst {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateTopSideFirst 0.8s both ease-in;
  animation: rotateTopSideFirst 0.8s both ease-in;
}
.pt-page-rotateBottomSideFirst {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateBottomSideFirst 0.8s both ease-in;
  animation: rotateBottomSideFirst 0.8s both ease-in;
}
/* flip */
.pt-page-flipOutRight {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutRight 0.5s both ease-in;
  animation: flipOutRight 0.5s both ease-in;
}
.pt-page-flipInLeft {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInLeft 0.5s both ease-out;
  animation: flipInLeft 0.5s both ease-out;
}
.pt-page-flipOutLeft {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutLeft 0.5s both ease-in;
  animation: flipOutLeft 0.5s both ease-in;
}
.pt-page-flipInRight {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInRight 0.5s both ease-out;
  animation: flipInRight 0.5s both ease-out;
}
.pt-page-flipOutTop {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutTop 0.5s both ease-in;
  animation: flipOutTop 0.5s both ease-in;
}
.pt-page-flipInBottom {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInBottom 0.5s both ease-out;
  animation: flipInBottom 0.5s both ease-out;
}
.pt-page-flipOutBottom {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutBottom 0.5s both ease-in;
  animation: flipOutBottom 0.5s both ease-in;
}
.pt-page-flipInTop {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInTop 0.5s both ease-out;
  animation: flipInTop 0.5s both ease-out;
}
/* rotate fall */
.pt-page-rotateFall {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: rotateFall 1s both ease-in;
  animation: rotateFall 1s both ease-in;
}
/* rotate newspaper */
.pt-page-rotateOutNewspaper {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: rotateOutNewspaper 0.5s both ease-in;
  animation: rotateOutNewspaper 0.5s both ease-in;
}
.pt-page-rotateInNewspaper {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: rotateInNewspaper 0.5s both ease-out;
  animation: rotateInNewspaper 0.5s both ease-out;
}
/* push */
.pt-page-rotatePushLeft {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotatePushLeft 0.8s both ease;
  animation: rotatePushLeft 0.8s both ease;
}
.pt-page-rotatePushRight {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotatePushRight 0.8s both ease;
  animation: rotatePushRight 0.8s both ease;
}
.pt-page-rotatePushTop {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotatePushTop 0.8s both ease;
  animation: rotatePushTop 0.8s both ease;
}
.pt-page-rotatePushBottom {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotatePushBottom 0.8s both ease;
  animation: rotatePushBottom 0.8s both ease;
}
/* pull */
.pt-page-rotatePullRight {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotatePullRight 0.5s both ease;
  animation: rotatePullRight 0.5s both ease;
}
.pt-page-rotatePullLeft {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotatePullLeft 0.5s both ease;
  animation: rotatePullLeft 0.5s both ease;
}
.pt-page-rotatePullTop {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotatePullTop 0.5s both ease;
  animation: rotatePullTop 0.5s both ease;
}
.pt-page-rotatePullBottom {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotatePullBottom 0.5s both ease;
  animation: rotatePullBottom 0.5s both ease;
}
/* fold */
.pt-page-rotateFoldRight {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateFoldRight 0.7s both ease;
  animation: rotateFoldRight 0.7s both ease;
}
.pt-page-rotateFoldLeft {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateFoldLeft 0.7s both ease;
  animation: rotateFoldLeft 0.7s both ease;
}
.pt-page-rotateFoldTop {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateFoldTop 0.7s both ease;
  animation: rotateFoldTop 0.7s both ease;
}
.pt-page-rotateFoldBottom {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateFoldBottom 0.7s both ease;
  animation: rotateFoldBottom 0.7s both ease;
}
/* unfold */
.pt-page-rotateUnfoldLeft {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateUnfoldLeft 0.7s both ease;
  animation: rotateUnfoldLeft 0.7s both ease;
}
.pt-page-rotateUnfoldRight {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateUnfoldRight 0.7s both ease;
  animation: rotateUnfoldRight 0.7s both ease;
}
.pt-page-rotateUnfoldTop {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateUnfoldTop 0.7s both ease;
  animation: rotateUnfoldTop 0.7s both ease;
}
.pt-page-rotateUnfoldBottom {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateUnfoldBottom 0.7s both ease;
  animation: rotateUnfoldBottom 0.7s both ease;
}
/* room walls */
.pt-page-rotateRoomLeftOut {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateRoomLeftOut 0.8s both ease;
  animation: rotateRoomLeftOut 0.8s both ease;
}
.pt-page-rotateRoomLeftIn {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateRoomLeftIn 0.8s both ease;
  animation: rotateRoomLeftIn 0.8s both ease;
}
.pt-page-rotateRoomRightOut {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateRoomRightOut 0.8s both ease;
  animation: rotateRoomRightOut 0.8s both ease;
}
.pt-page-rotateRoomRightIn {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateRoomRightIn 0.8s both ease;
  animation: rotateRoomRightIn 0.8s both ease;
}
.pt-page-rotateRoomTopOut {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateRoomTopOut 0.8s both ease;
  animation: rotateRoomTopOut 0.8s both ease;
}
.pt-page-rotateRoomTopIn {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateRoomTopIn 0.8s both ease;
  animation: rotateRoomTopIn 0.8s both ease;
}
.pt-page-rotateRoomBottomOut {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateRoomBottomOut 0.8s both ease;
  animation: rotateRoomBottomOut 0.8s both ease;
}
.pt-page-rotateRoomBottomIn {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateRoomBottomIn 0.8s both ease;
  animation: rotateRoomBottomIn 0.8s both ease;
}
/* cube */
.pt-page-rotateCubeLeftOut {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCubeLeftOut 0.6s both ease-in;
  animation: rotateCubeLeftOut 0.6s both ease-in;
}
.pt-page-rotateCubeLeftIn {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCubeLeftIn 0.6s both ease-in;
  animation: rotateCubeLeftIn 0.6s both ease-in;
}
.pt-page-rotateCubeRightOut {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCubeRightOut 0.6s both ease-in;
  animation: rotateCubeRightOut 0.6s both ease-in;
}
.pt-page-rotateCubeRightIn {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCubeRightIn 0.6s both ease-in;
  animation: rotateCubeRightIn 0.6s both ease-in;
}
.pt-page-rotateCubeTopOut {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCubeTopOut 0.6s both ease-in;
  animation: rotateCubeTopOut 0.6s both ease-in;
}
.pt-page-rotateCubeTopIn {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCubeTopIn 0.6s both ease-in;
  animation: rotateCubeTopIn 0.6s both ease-in;
}
.pt-page-rotateCubeBottomOut {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCubeBottomOut 0.6s both ease-in;
  animation: rotateCubeBottomOut 0.6s both ease-in;
}
.pt-page-rotateCubeBottomIn {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCubeBottomIn 0.6s both ease-in;
  animation: rotateCubeBottomIn 0.6s both ease-in;
}
/* carousel */
.pt-page-rotateCarouselLeftOut {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCarouselLeftOut 0.8s both ease;
  animation: rotateCarouselLeftOut 0.8s both ease;
}
.pt-page-rotateCarouselLeftIn {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCarouselLeftIn 0.8s both ease;
  animation: rotateCarouselLeftIn 0.8s both ease;
}
.pt-page-rotateCarouselRightOut {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCarouselRightOut 0.8s both ease;
  animation: rotateCarouselRightOut 0.8s both ease;
}
.pt-page-rotateCarouselRightIn {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCarouselRightIn 0.8s both ease;
  animation: rotateCarouselRightIn 0.8s both ease;
}
.pt-page-rotateCarouselTopOut {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCarouselTopOut 0.8s both ease;
  animation: rotateCarouselTopOut 0.8s both ease;
}
.pt-page-rotateCarouselTopIn {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCarouselTopIn 0.8s both ease;
  animation: rotateCarouselTopIn 0.8s both ease;
}
.pt-page-rotateCarouselBottomOut {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCarouselBottomOut 0.8s both ease;
  animation: rotateCarouselBottomOut 0.8s both ease;
}
.pt-page-rotateCarouselBottomIn {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCarouselBottomIn 0.8s both ease;
  animation: rotateCarouselBottomIn 0.8s both ease;
}
/* sides */
.pt-page-rotateSidesOut {
  -webkit-transform-origin: -50% 50%;
  transform-origin: -50% 50%;
  -webkit-animation: rotateSidesOut 0.5s both ease-in;
  animation: rotateSidesOut 0.5s both ease-in;
}
.pt-page-rotateSidesIn {
  -webkit-transform-origin: 150% 50%;
  transform-origin: 150% 50%;
  -webkit-animation: rotateSidesIn 0.5s both ease-out;
  animation: rotateSidesIn 0.5s both ease-out;
}
/* slide */
.pt-page-rotateSlideOut {
  -webkit-animation: rotateSlideOut 1s both ease;
  animation: rotateSlideOut 1s both ease;
}
.pt-page-rotateSlideIn {
  -webkit-animation: rotateSlideIn 1s both ease;
  animation: rotateSlideIn 1s both ease;
}
/********************************* keyframes **************************************/
/* rotate sides first and scale */
@-webkit-keyframes rotateRightSideFirst {
  40% {
    -webkit-transform: rotateY(15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@keyframes rotateRightSideFirst {
  40% {
    -webkit-transform: rotateY(15deg);
    transform: rotateY(15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes rotateLeftSideFirst {
  40% {
    -webkit-transform: rotateY(-15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@keyframes rotateLeftSideFirst {
  40% {
    -webkit-transform: rotateY(-15deg);
    transform: rotateY(-15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes rotateTopSideFirst {
  40% {
    -webkit-transform: rotateX(15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@keyframes rotateTopSideFirst {
  40% {
    -webkit-transform: rotateX(15deg);
    transform: rotateX(15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes rotateBottomSideFirst {
  40% {
    -webkit-transform: rotateX(-15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@keyframes rotateBottomSideFirst {
  40% {
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
/* flip */
@-webkit-keyframes flipOutRight {
  to {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    opacity: 0.2;
  }
}
@keyframes flipOutRight {
  to {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg);
    opacity: 0.2;
  }
}
@-webkit-keyframes flipInLeft {
  from {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    opacity: 0.2;
  }
}
@keyframes flipInLeft {
  from {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg);
    opacity: 0.2;
  }
}
@-webkit-keyframes flipOutLeft {
  to {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    opacity: 0.2;
  }
}
@keyframes flipOutLeft {
  to {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg);
    opacity: 0.2;
  }
}
@-webkit-keyframes flipInRight {
  from {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    opacity: 0.2;
  }
}
@keyframes flipInRight {
  from {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg);
    opacity: 0.2;
  }
}
@-webkit-keyframes flipOutTop {
  to {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    opacity: 0.2;
  }
}
@keyframes flipOutTop {
  to {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg);
    opacity: 0.2;
  }
}
@-webkit-keyframes flipInBottom {
  from {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    opacity: 0.2;
  }
}
@keyframes flipInBottom {
  from {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg);
    opacity: 0.2;
  }
}
@-webkit-keyframes flipOutBottom {
  to {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    opacity: 0.2;
  }
}
@keyframes flipOutBottom {
  to {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg);
    opacity: 0.2;
  }
}
@-webkit-keyframes flipInTop {
  from {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    opacity: 0.2;
  }
}
@keyframes flipInTop {
  from {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg);
    opacity: 0.2;
  }
}
/* fall */
@-webkit-keyframes rotateFall {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  20% {
    -webkit-transform: rotateZ(10deg);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: rotateZ(17deg);
  }
  60% {
    -webkit-transform: rotateZ(16deg);
  }
  100% {
    -webkit-transform: translateY(100%) rotateZ(17deg);
  }
}
@keyframes rotateFall {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  20% {
    -webkit-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: rotateZ(17deg);
    transform: rotateZ(17deg);
  }
  60% {
    -webkit-transform: rotateZ(16deg);
    transform: rotateZ(16deg);
  }
  100% {
    -webkit-transform: translateY(100%) rotateZ(17deg);
    transform: translateY(100%) rotateZ(17deg);
  }
}
/* newspaper */
@-webkit-keyframes rotateOutNewspaper {
  to {
    -webkit-transform: translateZ(-3000px) rotateZ(360deg);
    opacity: 0;
  }
}
@keyframes rotateOutNewspaper {
  to {
    -webkit-transform: translateZ(-3000px) rotateZ(360deg);
    transform: translateZ(-3000px) rotateZ(360deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateInNewspaper {
  from {
    -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
    opacity: 0;
  }
}
@keyframes rotateInNewspaper {
  from {
    -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
    transform: translateZ(-3000px) rotateZ(-360deg);
    opacity: 0;
  }
}
/* push */
@-webkit-keyframes rotatePushLeft {
  to {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
}
@keyframes rotatePushLeft {
  to {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
}
@-webkit-keyframes rotatePushRight {
  to {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
}
@keyframes rotatePushRight {
  to {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
}
@-webkit-keyframes rotatePushTop {
  to {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
}
@keyframes rotatePushTop {
  to {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
}
@-webkit-keyframes rotatePushBottom {
  to {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
  }
}
@keyframes rotatePushBottom {
  to {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
}
/* pull */
@-webkit-keyframes rotatePullRight {
  from {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
}
@keyframes rotatePullRight {
  from {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
}
@-webkit-keyframes rotatePullLeft {
  from {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
}
@keyframes rotatePullLeft {
  from {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
}
@-webkit-keyframes rotatePullTop {
  from {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
}
@keyframes rotatePullTop {
  from {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
}
@-webkit-keyframes rotatePullBottom {
  from {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
  }
}
@keyframes rotatePullBottom {
  from {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
}
/* fold */
@-webkit-keyframes rotateFoldRight {
  to {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
}
@keyframes rotateFoldRight {
  to {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateFoldLeft {
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
}
@keyframes rotateFoldLeft {
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateFoldTop {
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
}
@keyframes rotateFoldTop {
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateFoldBottom {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
}
@keyframes rotateFoldBottom {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg);
  }
}
/* unfold */
@-webkit-keyframes rotateUnfoldLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
}
@keyframes rotateUnfoldLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateUnfoldRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
}
@keyframes rotateUnfoldRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateUnfoldTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
}
@keyframes rotateUnfoldTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateUnfoldBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
}
@keyframes rotateUnfoldBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg);
  }
}
/* room walls */
@-webkit-keyframes rotateRoomLeftOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
  }
}
@keyframes rotateRoomLeftOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
    transform: translateX(-100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateRoomLeftIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
  }
}
@keyframes rotateRoomLeftIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
    transform: translateX(100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateRoomRightOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
  }
}
@keyframes rotateRoomRightOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
    transform: translateX(100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateRoomRightIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
  }
}
@keyframes rotateRoomRightIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
    transform: translateX(-100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateRoomTopOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
  }
}
@keyframes rotateRoomTopOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
    transform: translateY(-100%) rotateX(-90deg);
  }
}
@-webkit-keyframes rotateRoomTopIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(90deg);
  }
}
@keyframes rotateRoomTopIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateRoomBottomOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(90deg);
  }
}
@keyframes rotateRoomBottomOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateRoomBottomIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
  }
}
@keyframes rotateRoomBottomIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
    transform: translateY(-100%) rotateX(-90deg);
  }
}
/* cube */
@-webkit-keyframes rotateCubeLeftOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
}
@keyframes rotateCubeLeftOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
    transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateCubeLeftIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
}
@keyframes rotateCubeLeftIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
    transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
}
@-webkit-keyframes rotateCubeRightOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
}
@keyframes rotateCubeRightOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
    transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateCubeRightIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
}
@keyframes rotateCubeRightIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
    transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
}
@-webkit-keyframes rotateCubeTopOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
}
@keyframes rotateCubeTopOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateCubeTopIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
}
@keyframes rotateCubeTopIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
}
@-webkit-keyframes rotateCubeBottomOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
}
@keyframes rotateCubeBottomOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg);
  }
}
@-webkit-keyframes rotateCubeBottomIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
}
@keyframes rotateCubeBottomIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
}
/* carousel */
@-webkit-keyframes rotateCarouselLeftOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-150%) scale(0.4) rotateY(-65deg);
  }
}
@keyframes rotateCarouselLeftOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-150%) scale(0.4) rotateY(-65deg);
    transform: translateX(-150%) scale(0.4) rotateY(-65deg);
  }
}
@-webkit-keyframes rotateCarouselLeftIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@keyframes rotateCarouselLeftIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
    transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@-webkit-keyframes rotateCarouselRightOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@keyframes rotateCarouselRightOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
    transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@-webkit-keyframes rotateCarouselRightIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-200%) scale(0.4) rotateY(-65deg);
  }
}
@keyframes rotateCarouselRightIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-200%) scale(0.4) rotateY(-65deg);
    transform: translateX(-200%) scale(0.4) rotateY(-65deg);
  }
}
@-webkit-keyframes rotateCarouselTopOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
@keyframes rotateCarouselTopOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
    transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
@-webkit-keyframes rotateCarouselTopIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@keyframes rotateCarouselTopIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
    transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@-webkit-keyframes rotateCarouselBottomOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@keyframes rotateCarouselBottomOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
    transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@-webkit-keyframes rotateCarouselBottomIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
@keyframes rotateCarouselBottomIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
    transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
/* sides */
@-webkit-keyframes rotateSidesOut {
  to {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(90deg);
  }
}
@keyframes rotateSidesOut {
  to {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(90deg);
    transform: translateZ(-500px) rotateY(90deg);
  }
}
@-webkit-keyframes rotateSidesIn {
  from {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(-90deg);
  }
}
@keyframes rotateSidesIn {
  from {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(-90deg);
    transform: translateZ(-500px) rotateY(-90deg);
  }
}
/* slide */
@-webkit-keyframes rotateSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes rotateSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes rotateSlideIn {
  0%,
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@keyframes rotateSlideIn {
  0%,
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
  }
}
/* animation delay classes */
.pt-page-delay100 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.pt-page-delay180 {
  -webkit-animation-delay: 0.18s;
  animation-delay: 0.18s;
}
.pt-page-delay200 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.pt-page-delay300 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.pt-page-delay400 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.pt-page-delay500 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.pt-page-delay700 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.pt-page-delay1000 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.ta-blink {
  -webkit-animation: ta-blink 1s linear infinite;
          animation: ta-blink 1s linear infinite;
}
.ta-blink-subtle {
  -webkit-animation: ta-blink-subtle 7s linear infinite;
          animation: ta-blink-subtle 7s linear infinite;
}
@-webkit-keyframes ta-blink {
  50% {
    opacity: 0.1;
  }
}
@keyframes ta-blink {
  50% {
    opacity: 0.1;
  }
}
@-webkit-keyframes ta-blink-subtle {
  15% {
    opacity: 0.1;
  }
  30% {
    opacity: 1;
  }
}
@keyframes ta-blink-subtle {
  15% {
    opacity: 0.1;
  }
  30% {
    opacity: 1;
  }
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.UiRootPanel.theme-modern .UiApplicationLayout_toolbarContainer {
  margin: 0;
}
.UiRootPanel.theme-modern .UiApplicationLayout_contentContainerWrapper {
  margin: 0;
}
.UiRootPanel.theme-modern .splitpane.splitpane-horizontal > .splitpane-component-wrapper:first-child > .splitpane-component {
  bottom: 0;
}
.UiRootPanel.theme-modern .splitpane.splitpane-horizontal > .splitpane-component-wrapper:last-child > .splitpane-component {
  top: 0;
}
.UiRootPanel.theme-modern .splitpane.splitpane-vertical > .splitpane-component-wrapper:first-child > .splitpane-component {
  right: 0;
}
.UiRootPanel.theme-modern .splitpane.splitpane-vertical > .splitpane-component-wrapper:last-child > .splitpane-component {
  left: 0;
}
.UiRootPanel.theme-modern .splitpane > .splitpane-divider-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 1px;
          flex: 0 1 1px;
  background-color: rgba(220, 220, 220, 0.7);
}
.UiRootPanel.theme-modern .splitpane > .splitpane-divider-wrapper > .splitpane-divider:hover,
.UiRootPanel.theme-modern .splitpane > .splitpane-divider-wrapper > .splitpane-divider.dragged {
  background: rgba(0, 0, 0, 0.15);
}
.UiRootPanel.theme-modern .splitpane.splitpane-horizontal > .splitpane-divider-wrapper > .splitpane-divider {
  height: calc(var(--ta-resize-bar-size) + 1px);
}
.UiRootPanel.theme-modern .splitpane.splitpane-vertical > .splitpane-divider-wrapper > .splitpane-divider {
  width: calc(var(--ta-resize-bar-size) + 1px);
}
.UiRootPanel.theme-modern .UiPanel {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.UiRootPanel.theme-modern .UiPanel .panel-heading {
  border-radius: 0;
  border-bottom-width: 0;
  padding-bottom: 1px;
}
.UiRootPanel.theme-modern .UiPanel .body-container {
  border-radius: 0;
}
.UiRootPanel.theme-modern .UiToolbar {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.UiRootPanel.theme-modern .UiToolbar .background-color-div {
  border-bottom: 1px solid var(--ta-panel-border-color);
  border-radius: 0;
}
.UiRootPanel.theme-modern .UiToolbar .button-group-wrapper:first-child > .toolbar-button-group > .toolbar-button-wrapper:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.UiRootPanel.theme-modern .UiPageView .left-column,
.UiRootPanel.theme-modern .UiPageView .right-column {
  padding: 0;
}
.UiRootPanel.theme-modern .UiPageView .panel {
  margin-bottom: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
/*-
 * ========================LICENSE_START=================================
 * TeamApps
 * ---
 * Copyright (C) 2014 - 2020 TeamApps.org
 * ---
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * =========================LICENSE_END==================================
 */
.theme-dark {
  --ta-color-primary: #375a7f;
  --ta-color-success: #00bc8c;
  --ta-color-info: #3498db;
  --ta-color-warning: #f39c12;
  --ta-color-danger: #e74c3c;
  --ta-state-primary-text: #f3f3f3;
  --ta-state-primary-text-emphasis: #dadada;
  --ta-state-primary-bg: #375a7f;
  --ta-state-primary-border: #e6e6e6;
  --ta-state-success-text: #f3f3f3;
  --ta-state-success-text-emphasis: #7ad8c0;
  --ta-state-success-bg: #00bc8c;
  --ta-state-success-border: #00a35e;
  --ta-state-info-text: #f3f3f3;
  --ta-state-info-text-emphasis: #93c6e7;
  --ta-state-info-bg: #3498db;
  --ta-state-info-border: #23a1c8;
  --ta-state-warning-text: #f3f3f3;
  --ta-state-warning-text-emphasis: #f3c883;
  --ta-state-warning-bg: #f39c12;
  --ta-state-warning-border: #974808;
  --ta-state-danger-text: #f3f3f3;
  --ta-state-danger-text-emphasis: #eda097;
  --ta-state-danger-bg: #e74c3c;
  --ta-state-danger-border: #e42533;
  --ta-text-color: #f3f3f3;
  --ta-text-color-faded: rgba(243, 243, 243, 0.7);
  --ta-text-color-inverted: black;
  --ta-text-color-gray: #909090;
  --ta-bg-color: rgba(50, 50, 65, 0.93);
  --ta-bg-color-semi-transparent: rgba(80, 80, 90, 0.65);
  --ta-bg-color-semi-transparent-muted: #3e3e3ea6;
  --ta-bg-color-solid: #323241;
  --ta-bg-color-disabled: rgba(128, 128, 128, 0.45);
  --ta-bg-dim-overlay: rgba(0, 0, 0, 0.35);
  --ta-special-button-section-bg: #5d5d5d40;
  --ta-special-button-section-border: rgba(154, 154, 154, 0.2);
  --ta-panel-border-color: rgba(0, 0, 0, 0.15);
  --ta-border-color-disabled: #ccc;
  --ta-inner-border-color: rgba(0, 0, 0, 0.15);
  --ta-inner-border-color-gradient-end: rgba(0, 0, 0, 0);
  --ta-inner-border-color-light: rgba(255, 255, 255, 0.5);
  --ta-inner-border-color-light-gradient-end: rgba(255, 255, 255, 0);
  --ta-hover-color: rgba(0, 0, 0, 0.3);
  --ta-active-color: rgba(0, 0, 0, 0.1);
  --ta-selection-color: #3a5573cc;
  --ta-link-color: #618dbb;
  --ta-link-hover-color: #739ac2;
  --ta-link-hover-decoration: underline;
  --ta-pre-color: #333;
  --ta-btn-font-weight: var(--ta-font-weight-normal);
  --ta-btn-default-border: var(--ta-panel-border-color);
  --ta-btn-default-bg: var(--ta-bg-color);
  --ta-btn-border-radius-base: var(--ta-border-radius);
  --ta-input-bg: rgba(95, 95, 95, 0.1);
  --ta-input-bg-disabled: var(--ta-bg-color-disabled);
  --ta-input-border-color: #5f5f5f;
  --ta-input-border-radius: var(--ta-border-radius);
  --ta-input-border-focus: var(--ta-color-info);
  --ta-input-height: calc(var(--ta-line-height-computed) + var(--ta-padding-base-vertical) * 2 + 2px);
  --ta-input-color: var(--ta-text-color);
  --ta-input-color-placeholder: #f3f3f355;
  --ta-box-shadown-color: rgba(0, 0, 0, 0.3);
  --ta-calendar-grid-border-color: #6363631a;
  --ta-calendar-grid-non-business-bg-color: #d7d7d755;
  --ta-calendar-day-occupation-background-circle-color: #d7d7d729;
  --ta-calendar-day-occupation-today-bg: rgba(255, 168, 61, 0.31);
}
.theme-dark html {
  scrollbar-face-color: var(--ta-input-border-color);
  scrollbar-base-color: var(--ta-input-border-color);
  scrollbar-3dlight-color: var(--ta-input-border-color);
  scrollbar-highlight-color: var(--ta-input-border-color);
  scrollbar-track-color: var(--ta-bg-color);
  scrollbar-arrow-color: var(--ta-bg-color);
  scrollbar-shadow-color: var(--ta-input-border-color);
  scrollbar-dark-shadow-color: var(--ta-input-border-color);
}
.theme-dark ::-webkit-scrollbar {
  width: 8px;
  height: 3px;
}
.theme-dark ::-webkit-scrollbar-button {
  background-color: var(--ta-input-border-color);
}
.theme-dark ::-webkit-scrollbar-track {
  background-color: var(--ta-input-border-color);
}
.theme-dark ::-webkit-scrollbar-track-piece {
  background-color: var(--ta-bg-color);
}
.theme-dark ::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: var(--ta-input-border-color);
  border-radius: 3px;
}
.theme-dark ::-webkit-scrollbar-corner {
  background-color: var(--ta-input-border-color);
}
.theme-dark ::-webkit-resizer {
  background-color: var(--ta-input-border-color);
}
.theme-dark .UiToolbar > .background-color-div > .inner-container .button-group-wrapper > .toolbar-group-separator {
  border-right: 1px solid rgba(78, 78, 78, 0.5);
}
.theme-dark .UiToolbar .toolbar-button-wrapper:hover,
.theme-dark .UiToolbar .UiToolbar-size-testing-container .toolbar-button-wrapper:hover {
  background-color: #50505a;
}
.theme-dark .UiToolAccordion .toolbar-button-wrapper:hover {
  background-color: #50505a;
}
.theme-dark .UiPanel .panel-heading .panel-heading-window-buttons > .UiToolButton {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.theme-dark .UiPanel .panel-heading .panel-component-wrapper > .icon-and-field-wrapper {
  background-color: rgba(255, 255, 255, 0.07);
}
.theme-dark .UiTabPanel > .tab-panel-header > .background-color-div .tab-button .tab-button-close-button {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.theme-dark .UiTabPanel .window-button-container .UiToolButton.img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.theme-dark .UiNotification .close-button {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.theme-dark .UiItemView .item-group .item-group-header:after {
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(78, 78, 78, 0.5)), color-stop(50%, rgba(78, 78, 78, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(78, 78, 78, 0.5) 0%, rgba(78, 78, 78, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}
.theme-dark .UiInfiniteItemView > .slickgrid .item-wrapper > *:hover {
  border-color: rgba(0, 0, 0, 0.15);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 65, 0.93)), color-stop(62%, rgba(50, 50, 65, 0.93)), to(#50505a));
  background: linear-gradient(to bottom, rgba(50, 50, 65, 0.93) 0%, rgba(50, 50, 65, 0.93) 62%, #50505a 100%);
}
.theme-dark .UiDropDown {
  border-color: var(--ta-panel-border-color);
}
.theme-dark .UiDropDown .background-color-div {
  background-color: rgba(80, 80, 90, 0.65);
}
.theme-dark .UiField .field-border,
.theme-dark .UiField .field-border-visibility {
  border-color: #5f5f5f;
}
.theme-dark .UiField .field-background {
  background-color: rgba(95, 95, 95, 0.1);
}
.theme-dark .UiField.readonly .field-background,
.theme-dark .UiField.editable-if-focused:not(.focus):not(:hover) .field-background {
  background: transparent;
}
.theme-dark .UiField.readonly .field-border,
.theme-dark .UiField.readonly .field-border-visibility,
.theme-dark .UiField.editable-if-focused:not(.focus):not(:hover) .field-border,
.theme-dark .UiField.editable-if-focused:not(.focus):not(:hover) .field-border-visibility {
  border-color: transparent;
}
.theme-dark .UiButton:hover,
.theme-dark .UiButton:focus,
.theme-dark .UiButton.focus {
  color: #ffffff;
}
.theme-dark .UiWorkSpaceLayout .minimized-tabpanel-bar {
  background-color: rgba(50, 50, 65, 0.93);
}
.theme-dark .UiWorkSpaceLayout .minimized-tabpanel-bar .minimized-tabpanel-button {
  border: rgba(0, 0, 0, 0.15);
  background-color: #50505a;
}
.theme-dark .UiWorkSpaceLayout .minimized-tabpanel-bar .minimized-tabpanel-button > .tab-icon:first-child {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.theme-dark .UiTable .slick-cell {
  border-bottom-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .UiTable .slick-cell.selected,
.theme-dark .UiTable .slick-table.list-mode .slick-cell.selected {
  background-color: rgba(102, 174, 255, 0.45);
}
.theme-dark .UiTable.striped-rows .slick-row.odd {
  background-color: rgba(255, 255, 255, 0.05);
}
.theme-dark .UiTable .slick-headerrow {
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .UiTable .slick-footerrow {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(0, 0, 0, 0.15);
}
.theme-dark .UiChatInput {
  background-color: rgba(95, 95, 95, 0.1);
  border-top-color: #5f5f5f;
}
.theme-dark .UiChatInput textarea {
  background-color: transparent;
}
.theme-dark .UiMediaTrackGraph .area {
  fill: #60b9ff;
  fill-opacity: 0.2;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.theme-dark .UiMediaTrackGraph .area2 {
  fill: #5caafc;
  fill-opacity: 0.3;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.theme-dark .UiMediaTrackGraph .line {
  stroke: #57b1f3;
  stroke-width: 0.9;
  stroke-opacity: 1;
  fill: none;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.theme-dark .UiMediaTrackGraph .line2 {
  stroke: #4d81d2;
  stroke-width: 0.9;
  stroke-opacity: 1;
  fill: none;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.theme-dark .UiMediaTrackGraph .marker {
  stroke: #8b741f;
  stroke-width: 0.3;
  stroke-opacity: 1;
  fill: #8b741f;
  fill-opacity: 0.5;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.theme-dark .UiMediaTrackGraph .cursor {
  stroke: #ffc900;
  stroke-width: 1.7;
  stroke-opacity: 1;
  fill: none;
}
.theme-dark .UiMediaTrackGraph .axis path,
.theme-dark .UiMediaTrackGraph .axis line {
  fill: none;
  stroke: #f7f6f9;
  shape-rendering: crispEdges;
}
.theme-dark .UiMediaTrackGraph .brush {
  stroke: #ff9f5a;
  stroke-width: 1;
  stroke-opacity: 1;
  stroke-dasharray: 3, 1;
  fill: #ffed0c;
  fill-opacity: 0.3;
  shape-rendering: crispEdges;
  pointer-events: all;
}
.theme-dark .UiMediaTrackGraph rect.pane {
  cursor: move;
  fill: none;
  pointer-events: all;
}
.theme-dark .tr-tagbox-default-wrapper-template {
  border: 1px solid #5f5f5f;
  -webkit-box-shadow: 1px 2px 1px -1px rgba(0, 0, 0, 0.13);
          box-shadow: 1px 2px 1px -1px rgba(0, 0, 0, 0.13);
  background-color: rgba(95, 95, 95, 0.1);
}
.theme-dark .tr-tagbox-default-wrapper-template .tr-remove-button {
  border: 1px solid #5f5f5f;
}
.theme-dark .tr-remove-button,
.theme-dark .teamapps-expander,
.theme-dark .file-list:empty:before {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.theme-dark .tr-highlighted-text {
  background-color: rgba(244, 195, 125, 0.7);
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
          box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.75);
}
.theme-dark .tr-highlighted-entry {
  background-color: #50505a;
}
.theme-dark .tr-selected-entry {
  background-color: #50505a;
}
.theme-dark .tr-dropdown {
  background-color: rgba(50, 50, 65, 0.93);
  border: #5f5f5f;
}
.theme-dark .UiFloatingComponent .expander-handle:after {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.theme-dark .UiProgressDisplay .cancel-button {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.theme-dark .calendar-symbol-page {
  stroke: transparent;
}


/*# sourceMappingURL=teamapps.899bc14e2b40381f9434.css.map*/