From 138033b34423ba76b9652a879371ce2debff0662 Mon Sep 17 00:00:00 2001 From: Dennis Eichhorn Date: Thu, 2 May 2024 22:54:40 +0000 Subject: [PATCH] Went through todos --- .github/workflows/main.yml | 11 ++++---- accordion.scss | 21 ++++++++++++--- alert.scss | 15 +++++++++++ animate.css | 53 +------------------------------------- article.scss | 9 ------- code_textarea.css | 1 + code_textarea.scss | 46 +++++++++++++++++++++++++++++++++ develop.scss | 2 +- input.scss | 50 +++++++++++++++++++++++++++++++---- link.scss | 4 +-- print.css | 1 - styles.css | 2 +- table.scss | 3 +++ timeline.css | 3 +-- tree.css | 3 +-- 15 files changed, 141 insertions(+), 83 deletions(-) create mode 100644 code_textarea.css create mode 100644 code_textarea.scss diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index b3bbfd1..cc2354e 100755 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -25,11 +25,12 @@ jobs: run: npm install - name: Compile CSS run: | - npx sass cssOMS/styles.scss cssOMS/styles.css --style=compressed - npx sass cssOMS/animate.scss cssOMS/animate.css --style=compressed - npx sass cssOMS/timeline.scss cssOMS/timeline.css --style=compressed - npx sass cssOMS/tree.scss cssOMS/tree.css --style=compressed - npx sass cssOMS/print.scss cssOMS/print.css --style=compressed + npx sass cssOMS/styles.scss cssOMS/styles.css --style=compressed --no-source-map + npx sass cssOMS/code_textarea.scss cssOMS/code_textarea.css --style=compressed --no-source-map + npx sass cssOMS/animate.scss cssOMS/animate.css --style=compressed --no-source-map + npx sass cssOMS/timeline.scss cssOMS/timeline.css --style=compressed --no-source-map + npx sass cssOMS/tree.scss cssOMS/tree.css --style=compressed --no-source-map + npx sass cssOMS/print.scss cssOMS/print.css --style=compressed --no-source-map - name: Check for modified files id: git-check run: echo ::set-output name=modified::$(if git diff-index --quiet HEAD -- *.{scss,css}; then echo "false"; else echo "true"; fi) diff --git a/accordion.scss b/accordion.scss index 146f98e..44b00db 100755 --- a/accordion.scss +++ b/accordion.scss @@ -50,6 +50,24 @@ } } +.spoiler { + > input { + display: none; + + + span { + color: transparent; + opacity: 0; + } + + &:checked { + + span { + color: inherit; + opacity: 1; + } + } + } +} + .more-container { > label { width: 100%; @@ -76,9 +94,6 @@ > input { display: none; - } - - > input { &:checked { + label { border-bottom: none; diff --git a/alert.scss b/alert.scss index f26f8ce..df6b415 100755 --- a/alert.scss +++ b/alert.scss @@ -21,6 +21,21 @@ z-index: 5; } +#hover-preview { + position: absolute; + top: 50px; + left: 50px; + width: 800px; + height: 600px; + border: 3px solid var(--bborder); // 3px due to scale + background: var(--box-bg); + transform: scale(0.3333); + z-index: 5; + overflow: auto; + justify-content: center; + align-items: center; +} + #app-message-container { position: absolute; margin: 0 auto; diff --git a/animate.css b/animate.css index eea551a..bfbc8f5 100644 --- a/animate.css +++ b/animate.css @@ -4,55 +4,4 @@ * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden - */.animated{animation-duration:0.5s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.medium-duration{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:0.75s}@keyframes bounce{from, - 20%, - 53%, - 80%, - to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%, - 43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{from, - 50%, - to{opacity:1}25%, - 75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}.pulse{animation-name:pulse}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartBeat{animation-name:heartBeat;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes rubberBand{from{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scale3d(1, 1, 1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from, - to{transform:translate3d(0, 0, 0)}10%, - 30%, - 50%, - 70%, - 90%{transform:translate3d(-10px, 0, 0)}20%, - 40%, - 60%, - 80%{transform:translate3d(10px, 0, 0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0, 0, 1, 15deg)}40%{transform:rotate3d(0, 0, 1, -10deg)}60%{transform:rotate3d(0, 0, 1, 5deg)}80%{transform:rotate3d(0, 0, 1, -5deg)}to{transform:rotate3d(0, 0, 1, 0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1, 1, 1)}10%, - 20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%, - 50%, - 70%, - 90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%, - 60%, - 80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{transform:scale3d(1, 1, 1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{from, - 11.1%, - to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{from, - 20%, - 40%, - 60%, - 80%, - to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from, - 60%, - 75%, - 90%, - to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{from, - 60%, - 75%, - 90%, - to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{from, - 60%, - 75%, - 90%, - to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{from, - 60%, - 75%, - 90%, - to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%, - 55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%, - 45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%, - 45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0, 1, 0, -360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.flipInX{backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{transform:perspective(400px)}}.flipInY{backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.flipOutX{animation-name:flipOutX;backface-visibility:visible !important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}.flipOutY{backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0, 0, 1, 200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%, - 60%{transform:rotate3d(0, 0, 1, 80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%, - 80%{transform:rotate3d(0, 0, 1, 60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.hinge{animation-name:hinge}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.slideOutUp{animation-name:slideOutUp}.greenFade{animation-name:greenFade}@keyframes greenFade{from{background:transparent}to{background:#81e27d}}.redFade{animation-name:redFade}@keyframes redFade{from{background:transparent}to{background:#ee5649}}.redCircleFade{animation-name:redCircleFade}@keyframes redCircleFade{0%{background:transparent}50%{background:#ee5649}100%{background:transparent}}.greenCircleFade,.greenCircleFade td{animation-name:greenCircleFade}@keyframes greenCircleFade{0%{background:transparent}50%{background:#81e27d}100%{background:transparent}} -/*# sourceMappingURL=animate.css.map */ + */.animated{animation-duration:.5s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.medium-duration{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes bounce{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}.pulse{animation-name:pulse}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartBeat{animation-name:heartBeat;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}@keyframes rubberBand{from{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scale3d(1, 1, 1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0, 0, 1, 15deg)}40%{transform:rotate3d(0, 0, 1, -10deg)}60%{transform:rotate3d(0, 0, 1, 5deg)}80%{transform:rotate3d(0, 0, 1, -5deg)}to{transform:rotate3d(0, 0, 1, 0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{transform:scale3d(1, 1, 1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{from,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0, 1, 0, -360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.flipInX{backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{transform:perspective(400px)}}.flipInY{backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.flipOutX{animation-name:flipOutX;backface-visibility:visible !important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}.flipOutY{backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0, 0, 1, 200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0, 0, 1, 80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0, 0, 1, 60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.hinge{animation-name:hinge}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.slideOutUp{animation-name:slideOutUp}.greenFade{animation-name:greenFade}@keyframes greenFade{from{background:rgba(0,0,0,0)}to{background:#81e27d}}.redFade{animation-name:redFade}@keyframes redFade{from{background:rgba(0,0,0,0)}to{background:#ee5649}}.redCircleFade{animation-name:redCircleFade}@keyframes redCircleFade{0%{background:rgba(0,0,0,0)}50%{background:#ee5649}100%{background:rgba(0,0,0,0)}}.greenCircleFade,.greenCircleFade td{animation-name:greenCircleFade}@keyframes greenCircleFade{0%{background:rgba(0,0,0,0)}50%{background:#81e27d}100%{background:rgba(0,0,0,0)}} diff --git a/article.scss b/article.scss index 8ba262e..d4ae0fa 100755 --- a/article.scss +++ b/article.scss @@ -61,15 +61,6 @@ article { font-size: 1rem; } - a { - color: var(--link-c); - border-bottom: 1px dotted var(--link-c); - - &:hover { - border-bottom: none; - } - } - p { line-height: 1.5em; } diff --git a/code_textarea.css b/code_textarea.css new file mode 100644 index 0000000..1dcf810 --- /dev/null +++ b/code_textarea.css @@ -0,0 +1 @@ +.codeArea{background:var(--thead-bg);color:var(--thead-c);display:inline-block}.codeArea textarea{font-size:15px;font-family:monospace;line-height:21px;font-weight:500;margin:0;padding:0;white-space:pre;overflow:auto;border:0}.codeArea table{padding:0px 0px 0px 0px !important;margin:0px 0px 0px 0px !important;font-size:1px;line-height:0px;width:auto}.codeArea td:nth-child(1){border-bottom:1px solid var(--bborder);border-right:0px;vertical-align:top;width:1px;background:var(--thead-bg)}.codeArea td:nth-child(2){border-bottom:1px solid var(--bborder);border-left:0px;vertical-align:top}.codeArea canvas{border:0px;background:var(--thead-bg);margin-top:0px;padding-top:0px} diff --git a/code_textarea.scss b/code_textarea.scss new file mode 100644 index 0000000..952baa7 --- /dev/null +++ b/code_textarea.scss @@ -0,0 +1,46 @@ +.codeArea { + background: var(--thead-bg); + color: var(--thead-c); + display: inline-block; + + textarea { + font-size: 15px; + font-family: monospace; + line-height: 21px; + font-weight: 500; + margin: 0; + padding: 0; + white-space: pre; + overflow: auto; + border: 0; + } + + table { + padding: 0px 0px 0px 0px !important; + margin: 0px 0px 0px 0px !important; + font-size: 1px; + line-height: 0px; + width: auto; + } + + td:nth-child(1) { + border-bottom: 1px solid var(--bborder); + border-right: 0px; + vertical-align: top; + width: 1px; + background: var(--thead-bg); + } + + td:nth-child(2) { + border-bottom: 1px solid var(--bborder); + border-left: 0px; + vertical-align: top; + } + + canvas { + border: 0px; + background: var(--thead-bg); + margin-top: 0px; + padding-top: 0px; + } +} diff --git a/develop.scss b/develop.scss index e7e9d6d..b65f43d 100644 --- a/develop.scss +++ b/develop.scss @@ -1,5 +1,5 @@ // @todo remove content from this file when implemented -thead td label, .portlet-head .inputWrapper, .portlet-head .g-icon { +thead td label, .portlet-head .inputWrapper, .portlet-head > .g-icon { display: none; } diff --git a/input.scss b/input.scss index 2f64d96..d2c039a 100755 --- a/input.scss +++ b/input.scss @@ -10,7 +10,7 @@ input[type=checkbox]:checked ~ .checked-visibility-alt { input[type=checkbox]:checked ~ .checked-visibility, input[type=checkbox] ~ .checked-visibility-alt { - display: inline-block; + display: inline-flex; } input, select, textarea, .textarea { @@ -46,7 +46,8 @@ input[type="datetime"], input[type="email"], input[type="date"], input[type="number"], -input[type="datetime-local"] { +input[type="datetime-local"], +.smart-input-wrapper .input-div { box-sizing: border-box; color: var(--ipt-c); background: var(--ipt-bg); @@ -79,7 +80,8 @@ input[type="datetime"], input[type="email"], input[type="date"], input[type="number"], -input[type="datetime-local"] { +input[type="datetime-local"], +.smart-input-wrapper .input-div { height: 30px; padding-left: .5rem; } @@ -320,7 +322,7 @@ input::placeholder { opacity: 0.5; } -textarea:invalid, input:invalid { +textarea:invalid, input:invalid, .invalid { transition: all 0.5s !important; border-color: #f00 !important; @@ -564,4 +566,42 @@ select.plain { label { padding: .5rem; } -} \ No newline at end of file +} + +.smart-input-wrapper { + width: 100%; + position: relative; + .input-div { + outline: none; + overflow: auto; + white-space: pre-wrap; + cursor: not-allowed; + background: var(--disabled-bg); + line-height: 30px; + + &[contenteditable="true"] { + background: var(--ipt-bg); + cursor: text; + } + + &:focus+.input-datalist { + display: block; + } + } + + .input-datalist { + position: absolute; + background: var(--ipt-bg); + border: 1px solid var(--iborder); + z-index: 3; + + > div { + padding: .5rem; + cursor: pointer; + &:hover, &:focus, &:active, &.active { + background: var(--thead-bg); + color: var(--thead-c); + } + } + } +} diff --git a/link.scss b/link.scss index 37ebcc2..1597001 100755 --- a/link.scss +++ b/link.scss @@ -2,11 +2,11 @@ font-weight: bold; } -.portlet-body a:not(.button), a.content, a .content { +a.content, a .content, article a { color: var(--link-c); border-bottom: 1px dotted var(--link-c); &:hover { - border-bottom: 1px dotted transparent ; + border-bottom: none; } } diff --git a/print.css b/print.css index d54553d..93863b4 100644 --- a/print.css +++ b/print.css @@ -1,2 +1 @@ body,main{background:none !important}body,#content,main{overflow:revert !important;height:auto}main>header,#nav-side-outer,body>nav,.nav-top{display:none !important}h1,h2,h3,h4,h5,ul{page-break-after:avoid}img{break-before:auto;break-after:auto;break-inside:avoid;display:block}code,ul,blockquote{break-inside:avoid}ul li{page-break-before:avoid;page-break-after:avoid}p{widows:4;orphans:3}.pH{display:none}.portlet{border:none !important}table,figure{page-break-inside:auto}.pagebreak{page-break-after:always;display:block} -/*# sourceMappingURL=print.css.map */ diff --git a/styles.css b/styles.css index 1d3a780..007d4c6 100755 --- a/styles.css +++ b/styles.css @@ -1 +1 @@ -html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,nav,section,iframe,label{margin:0;padding:0}a,img,button{outline:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:300}ul{list-style:none}th{font-weight:300}input,select,textarea,.textarea,button{box-sizing:border-box;box-shadow:none;appearance:none;border-radius:0}input:focus,select:focus,textarea:focus,.textarea:focus,button:focus{outline:none}input[type=checkbox]{margin-right:5px}button::-moz-focus-inner{border:0}table{border-collapse:separate;border-spacing:0}i{font-style:normal}.clear{clear:both}p{margin:0 0 10px 0;line-height:1.4em}p span{margin:0;padding:0}p+p{margin-top:5px}blockquote{color:var(--bq-c);background:var(--bq-bg);border:1px solid var(--bq-border);padding:1rem;border-radius:5px;margin:1.5rem}blockquote p:last-child{margin-bottom:0}blockquote code{color:inherit;background:inherit}blockquote a{color:inherit}pre,code{font-family:var(--ff);font-size:.8rem;background:var(--code-bg);color:var(--code-c)}code{border-radius:3px;padding:.2rem .4rem .2rem .4rem}pre{line-height:1.2rem;border:1px solid var(--bborder);padding:1rem;overflow-x:auto;width:100%;box-sizing:border-box;white-space:pre-wrap;border-left:3px solid var(--bq-bg)}pre code{padding:0}pre>span{display:block}pre>span:before{display:inline-block;border-right:1px solid var(--bborder);padding:0 .5em;margin-right:.5em;color:#888;width:30px}strong{font-weight:500;font-weight:bold}iframe{padding:0;margin:0;border:none;width:100%}.clean{margin:0;padding:0;border:none;outline:0;vertical-align:top}.clean:focus{outline:0}.p,.max,.min,.close,.cancel,.filter,.ok,.search,.abort,.sort{cursor:pointer}.nobreak,.nowrap{white-space:nowrap}.center{margin:0 auto}.pAlignTable{display:table;width:100%}.vCenterTable{display:table-cell;vertical-align:middle}.overflowfix{overflow:auto}.rp{position:relative}.ap{position:absolute}.lf{float:left}.rf{float:right}.op{margin:0 auto}.rT{text-align:right}.lT{text-align:left}.cT{text-align:center}.f-w{width:100%;max-width:none}.f-h{height:100%;max-height:none}.vT{vertical-align:top}.vB{vertical-align:bottom}.vM{vertical-align:middle}.vC{display:table-cell;vertical-align:middle;white-space:nowrap}.vh{display:none !important}.x-overflow{overflow-x:auto}.container-fluid,.container{box-sizing:border-box}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}.col-simple{flex-direction:column}.row-simple{flex-direction:row}.col-simple,.row-simple{display:flex;flex:1;flex-grow:1}.col-simple .row,.row-simple .row{flex:1 1 auto;flex-direction:column}.col-simple .col-xs-12,.row-simple .col-xs-12{flex-basis:0}.fill-all{flex:1 1 auto}.col{box-sizing:border-box;display:flex;flex:1 0 auto;flex-direction:column;flex-wrap:wrap;margin-bottom:var(--gutter-compensation, -0.5rem);margin-left:var(--gutter-compensation, -0.5rem)}.xs-col-table,.md-col-table,.lg-col-table{display:none}.xs-hidden,.sm-hidden,.md-hidden,.lg-hidden{display:none}.col-xs-0{box-sizing:border-box;flex-grow:0;padding-right:1rem}.plain-grid{padding:0 !important}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;padding-right:1rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.right-xs{margin-left:auto !important}.end-xs{justify-content:flex-end;margin-left:auto}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}@media only screen and (min-width: 48em){.sm-hidden{display:revert}.container{width:46rem}.xs-col-table{display:inherit}.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{box-sizing:border-box;flex:0 0 auto;padding-right:1rem}.col-sm{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{flex-basis:8.333%;max-width:8.333%}.col-sm-2{flex-basis:16.667%;max-width:16.667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.333%;max-width:33.333%}.col-sm-5{flex-basis:41.667%;max-width:41.667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.333%;max-width:58.333%}.col-sm-8{flex-basis:66.667%;max-width:66.667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.333%;max-width:83.333%}.col-sm-11{flex-basis:91.667%;max-width:91.667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{justify-content:flex-start;text-align:start}.center-sm{justify-content:center;text-align:center}.end-sm{justify-content:flex-end;text-align:end}.top-sm{align-items:flex-start}.middle-sm{align-items:center}.bottom-sm{align-items:flex-end}.around-sm{justify-content:space-around}.between-sm{justify-content:space-between}.first-sm{order:-1}.last-sm{order:1}}@media only screen and (min-width: 62em){.col-simple .row{flex-direction:row}.col-simple .col-xs-12{flex-basis:100%}.md-hidden{display:revert}.container{width:61rem}.md-col-table{display:inherit}.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{box-sizing:border-box;flex:0 0 auto;padding-right:1rem}.col-md{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{flex-basis:8.333%;max-width:8.333%}.col-md-2{flex-basis:16.667%;max-width:16.667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.333%;max-width:33.333%}.col-md-5{flex-basis:41.667%;max-width:41.667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.333%;max-width:58.333%}.col-md-8{flex-basis:66.667%;max-width:66.667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.333%;max-width:83.333%}.col-md-11{flex-basis:91.667%;max-width:91.667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{justify-content:flex-start;text-align:start}.center-md{justify-content:center;text-align:center}.end-md{justify-content:flex-end;text-align:end}.top-md{align-items:flex-start}.middle-md{align-items:center}.bottom-md{align-items:flex-end}.around-md{justify-content:space-around}.between-md{justify-content:space-between}.first-md{order:-1}.last-md{order:1}}@media only screen and (min-width: 75em){.lg-hidden{display:revert}.container{width:71rem}.lg-col-table{display:inherit}.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{box-sizing:border-box;flex:0 0 auto;padding-right:1rem}.col-lg{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{flex-basis:8.333%;max-width:8.333%}.col-lg-2{flex-basis:16.667%;max-width:16.667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.333%;max-width:33.333%}.col-lg-5{flex-basis:41.667%;max-width:41.667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.333%;max-width:58.333%}.col-lg-8{flex-basis:66.667%;max-width:66.667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.333%;max-width:83.333%}.col-lg-11{flex-basis:91.667%;max-width:91.667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{justify-content:flex-start;text-align:start}.center-lg{justify-content:center;text-align:center}.end-lg{justify-content:flex-end;text-align:end}.top-lg{align-items:flex-start}.middle-lg{align-items:center}.bottom-lg{align-items:flex-end}.around-lg{justify-content:space-around}.between-lg{justify-content:space-between}.first-lg{order:-1}.last-lg{order:1}}.hl-1{background:var(--red-c) !important;color:#fff}.hl-2{background:var(--green-c) !important;color:#fff}.hl-3{background:var(--blue-c) !important;color:#fff}.hl-4{background:var(--yellow-c) !important;color:#000}.hl-5{background:var(--purple-c) !important;color:#fff}.hl-6{background:var(--pink-c) !important;color:#fff}.hl-7{background:var(--orange-c) !important;color:#fff}.portlet-body>article{padding:0}article{background:var(--article-bg);padding:10px;margin:0;font-size:.9rem;color:var(--article-c);line-height:2rem;white-space:normal}article .mermaid{text-align:center}article del,article ins,article mark{padding:3px;text-decoration:none}article pre{margin:1rem 0 1rem 0}article .tag{margin:.1rem}article del{background:var(--red1-c)}article ins{background:var(--green1-c)}article mark{background:var(--yellow1-c)}article h1,article h2,article h3,article h4,article h5,article h6{font-weight:300}article h1{font-size:1.4rem}article h2{font-size:1.3rem}article h3{font-size:1.1rem}article h4,article h5,article h6{font-size:1rem}article a{color:var(--link-c);border-bottom:1px dotted var(--link-c)}article a:hover{border-bottom:none}article p{line-height:1.5em}article ol,article ul{list-style-position:outside;margin:.5rem 0 .5rem 3rem;line-height:1rem}article ul{list-style:disc}article li{margin:.3rem 0 .3rem 0;line-height:1.5em}article img{display:block;margin:0 auto;max-width:100%;max-height:100%;display:inline-block}article img:focus{margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;width:auto;height:auto}article img[tabindex="0"]{cursor:pointer}article table{border-collapse:collapse;border:1px solid var(--bborder);margin:0 auto;margin-bottom:1rem;min-width:90%}article table th,article table td{padding:5px;border:1px solid var(--bborder)}article table th{background:var(--thead-bg);color:var(--thead-c)}article table tr:nth-child(2n) td{background:var(--trow-bg)}.ipt-wrap{display:table;vertical-align:top;box-sizing:border-box}.ipt-wrap .ipt-start,.ipt-wrap .ipt-second,.ipt-wrap .ipt-first{display:table-cell;vertical-align:inherit}.ipt-wrap .ipt-first{width:100%}.ipt-wrap .ipt-second{padding-left:.75rem}.simple-flex{display:flex;flex-direction:row;align-content:center;align-items:center}.flex-line{display:flex;flex-direction:row}.flex-line+*{margin-top:.75rem}.flex-line>div{flex:1}.flex-line>div:nth-child(n+2){padding-left:.75rem}.flex-line>div.fixed{flex:0;flex-basis:auto}div.sticky,section.sticky{position:sticky;top:1rem}.inline{display:inline}.form-group{display:flex;flex-direction:row;flex-wrap:wrap}.form-group>*:not(label){flex:0 1 auto}.form-group+*{margin-top:.75rem}.form-group label{font-size:.9rem;flex:0 0 100%;display:inline-flex;align-items:center;padding-bottom:5px}.form-group label>i{margin-right:.5rem}.form-group span.checkbox+span.checkbox{margin-left:1.5rem}.form-group .input-control{flex:1;display:flex;flex-direction:row;flex-wrap:wrap}.form-group .input-control+.input-control{margin-left:1rem}.form-group textarea,.form-group .contenteditable{height:8rem}@media(max-width: 768px){.form-group,.flex-line{flex-direction:column}.form-group .input-control+.input-control{margin-top:1rem;margin-left:0}}.wf-100{width:100%}.wf-80{width:80%}.wf-20{width:20%}.wf-66{width:66.66%}.wf-50{width:50%}.wf-33{width:33.33%}.wf-25{width:25%}.wf-75{width:75%}.spacer{padding:5px}.resizable{resize:both;overflow:auto}*[draggable]{cursor:move}.oms-drag-placeholder,.oms-drag-placeholder td{border:2px dashed rgba(0,0,0,.5) !important}.blurry-text{text-shadow:0 0 .9rem var(--default-c);color:rgba(0,0,0,0)}.tooltip{cursor:pointer;color:var(--box-hl);font-size:.9rem;display:inline-flex}.tooltip:hover,.tooltip:active,.tooltip:focus{position:relative}.tooltip:hover:after,.tooltip:hover:before,.tooltip:active:after,.tooltip:active:before,.tooltip:focus:after,.tooltip:focus:before{font-size:.9rem;display:block;position:absolute;white-space:nowrap;bottom:100%;margin-bottom:5px;padding:7px;border-radius:3px;background:var(--btn-bg);color:#fff;content:attr(data-tooltip);text-align:center;transform:translate(-45%, 0)}.spinner-1{width:40px;height:40px;background-color:var(--default-c);margin:50px auto;animation:sk-rotateplane 1.2s infinite ease-in-out}@keyframes sk-rotateplane{0%{transform:perspective(120px)}50%{transform:perspective(120px) rotateY(180deg)}100%{transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.spinner-2{text-align:center}.spinner-2>div{width:18px;height:18px;background-color:var(--default-c);border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner-2 .bounce1{animation-delay:-0.32s}.spinner-2 .bounce2{animation-delay:-0.16s}@keyframes sk-bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.spinner-3{width:40px;height:40px;margin:50px auto;background-color:var(--default-c);border-radius:100%;animation:sk-scaleout 1s infinite ease-in-out}@keyframes sk-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}canvas{background:var(--box-bg);user-select:none}canvas.chart{width:100%}form li{margin:5px 0 5px 0}form td{white-space:nowrap;padding-bottom:5px}form td textarea+i{vertical-align:top}form label{font-size:.9rem;color:var(--default-c)}form i+i{margin-left:3px}form .layout td+td{padding-left:5px}form .list{font-size:1rem}form .list td{white-space:nowrap;padding:3px 5px 3px 5px}img.frame-1{padding:1rem;background:var(--box-bg);border:1px solid var(--bborder);box-sizing:border-box;width:100%}img.frame-2{border:1px solid var(--bborder);background:var(--box-bg);box-sizing:border-box;width:100%}img.rounded{border-radius:50%;background:var(--box-bg)}img.bordered{border:1px solid var(--bborder)}.img-comp{margin-left:3rem;position:relative;display:inline-block;line-height:0;overflow:auto}.img-comp img{user-select:none}.img-comp>div{position:absolute;width:50%;max-width:100%;overflow:hidden;resize:horizontal;border-right:1px solid #000}.img-comp>div:before{content:"";display:block;width:13px;height:13px;overflow:hidden;position:absolute;resize:horizontal;right:0;bottom:0;background-clip:content-box;background:linear-gradient(-45deg, red 50%, transparent 0)}.gallery{max-width:80%;margin:0 auto;position:relative}.gallery input+.enlarged{display:none}.gallery input:checked+.enlarged{display:block}.gallery .enlarged{position:absolute;top:0;left:0}.gallery .enlarged img{max-width:100%;max-height:100%;object-fit:contain}.gallery input{display:none}.gallery input+img{display:none}.gallery input:checked+img{display:block;margin:0 auto;max-width:100%;max-height:100%;width:auto;height:auto}.gallery .thumbs img{width:100px;height:100px;margin:.3rem;border:1px solid var(--bborder)}.gallery label{cursor:pointer}.map-small .map,.olMapViewport{width:100%;height:100%;min-height:250px;position:relative}.map-small .map .olControlAttribution,.olMapViewport .olControlAttribution{position:absolute;bottom:0;right:0;background:var(--box-bg);padding:2px;font-size:.8rem}.map-small .map .olButton,.olMapViewport .olButton{color:#fff}input,select,textarea,.textarea,option{font-family:var(--ff);font-weight:300}input[type=checkbox]~.checked-visibility,input[type=checkbox]:checked~.checked-visibility-alt{display:none}input[type=checkbox]:checked~.checked-visibility,input[type=checkbox]~.checked-visibility-alt{display:inline-block}input,select,textarea,.textarea{border:1px solid var(--iborder)}input.undecorated,select.undecorated,textarea.undecorated,.textarea.undecorated{padding:0;border:none;background:rgba(0,0,0,0);resize:none}input:active.undecorated,input:focus.undecorated,select:active.undecorated,select:focus.undecorated,textarea:active.undecorated,textarea:focus.undecorated,.textarea:active.undecorated,.textarea:focus.undecorated{appearance:none;outline:none;border-style:none}progress{height:20px;width:100%;min-width:150px}.textarea,.tag-input,textarea,select,input[type=password],input[type=text],input[type=datetime],input[type=email],input[type=date],input[type=number],input[type=datetime-local]{box-sizing:border-box;color:var(--ipt-c);background:var(--ipt-bg);width:100%;max-width:100%;font-size:.9rem;border:1px solid var(--iborder);transition:background .3s,border .3s}.textarea:focus,.textarea.active,.textarea:active,.tag-input:focus,.tag-input.active,.tag-input:active,textarea:focus,textarea.active,textarea:active,select:focus,select.active,select:active,input[type=password]:focus,input[type=password].active,input[type=password]:active,input[type=text]:focus,input[type=text].active,input[type=text]:active,input[type=datetime]:focus,input[type=datetime].active,input[type=datetime]:active,input[type=email]:focus,input[type=email].active,input[type=email]:active,input[type=date]:focus,input[type=date].active,input[type=date]:active,input[type=number]:focus,input[type=number].active,input[type=number]:active,input[type=datetime-local]:focus,input[type=datetime-local].active,input[type=datetime-local]:active{border-color:var(--ipt-bg-active);border:1px solid var(--iborder-active);color:var(--ipt-c-active)}.textarea:disabled,.tag-input:disabled,textarea:disabled,select:disabled,input[type=password]:disabled,input[type=text]:disabled,input[type=datetime]:disabled,input[type=email]:disabled,input[type=date]:disabled,input[type=number]:disabled,input[type=datetime-local]:disabled{cursor:not-allowed;background:var(--disabled-bg)}.textarea,.tag-input,textarea,select:not([multiple]),input[type=password],input[type=text],input[type=datetime],input[type=email],input[type=date],input[type=number],input[type=datetime-local]{height:30px;padding-left:.5rem}.inputWithIcon{position:relative}.inputWithIcon .frontIco,.inputWithIcon .endIco{color:var(--ipt-ico-c);font-size:1rem;position:absolute;padding:.5rem;font-weight:200}.inputWithIcon .frontIco{left:0;top:0}.inputWithIcon .endIco{right:0;top:0}.inputWithIcon .frontIco+input[type=text],.inputWithIcon .frontIco+input[type=password]{padding-left:2.5rem}.inputWithIcon input[type=text]:active,.inputWithIcon input[type=text]:focus,.inputWithIcon input[type=password]:active,.inputWithIcon input[type=password]:focus{border:1px solid var(--iborder-active);color:var(--txt-on-bg-c)}.inputWithIcon input[type=text]:active~.frontIco,.inputWithIcon input[type=text]:focus~.frontIco,.inputWithIcon input[type=password]:active~.frontIco,.inputWithIcon input[type=password]:focus~.frontIco,.inputWithIcon input[type=text]:active~.endIco,.inputWithIcon input[type=text]:focus~.endIco,.inputWithIcon input[type=password]:active~.endIco,.inputWithIcon input[type=password]:focus~.endIco{color:var(--ipt-ico-c-active)}.inputWithIcon input[type=text]~.endIco,.inputWithIcon input[type=text]~.endIco,.inputWithIcon input[type=password]~.endIco,.inputWithIcon input[type=password]~.endIco{cursor:pointer}.inputWrapper{display:inline-flex;flex-direction:row}.inputWrapper .txtWrap+input[type=submit],.inputWrapper .txtWrap+input[type=button],.inputWrapper .txtWrap+button{margin:0;padding:0;flex:0;box-shadow:none}.inputWrapper .frontIco,.inputWrapper .endIco{color:var(--ipt-ico-c);font-size:1.1rem;font-weight:200;position:absolute;top:0;padding:.25rem .6rem .6rem .4rem}.inputWrapper .frontIco{left:0;font-size:1.5rem}.inputWrapper .endIco{right:0;font-size:1.5rem}.inputWrapper .txtWrap{flex:1;position:relative}.inputWrapper .txtWrap i+input{padding-left:2rem}.inputWrapper .txtWrap input[type=text]:active,.inputWrapper .txtWrap input[type=text]:focus,.inputWrapper .txtWrap input[type=password]:active,.inputWrapper .txtWrap input[type=password]:focus{border:1px solid var(--iborder-active)}.inputWrapper .txtWrap input[type=text]:active~.frontIco,.inputWrapper .txtWrap input[type=text]:focus~.frontIco,.inputWrapper .txtWrap input[type=password]:active~.frontIco,.inputWrapper .txtWrap input[type=password]:focus~.frontIco,.inputWrapper .txtWrap input[type=text]:active~.endIco,.inputWrapper .txtWrap input[type=text]:focus~.endIco,.inputWrapper .txtWrap input[type=password]:active~.endIco,.inputWrapper .txtWrap input[type=password]:focus~.endIco{color:var(--ipt-ico-c-active)}.inputWrapper .txtWrap input[type=text]~.endIco,.inputWrapper .txtWrap input[type=text]~.endIco,.inputWrapper .txtWrap input[type=password]~.endIco,.inputWrapper .txtWrap input[type=password]~.endIco{cursor:pointer}.clickPopup>input{display:none}.clickPopup label+input,.clickPopup input[type=checkbox]{display:none}.clickPopup .more-functions{padding:0 1rem 0 1rem}.clickPopup .popup{box-sizing:border-box;padding:.5rem 1rem .5rem 1rem;background:#fff;box-shadow:0 0 3px 1px rgba(72,71,114,.3);right:0}.clickPopup .popup ul{width:100%}.clickPopup .popup>ul{display:flex;flex-direction:column}.clickPopup .popup>ul>li{display:flex;align-items:center;margin:.5rem 0 .5rem 0;white-space:nowrap}.clickPopup .popup .button{margin-right:1rem}.clickPopup .popup span{flex-grow:1}.clickPopup .popup input[type=checkbox]:checked+ul .expand{transition:all .3s ease;display:inherit;transform:rotateZ(90deg)}.clickPopup .popup input[type=checkbox]:checked+ul>li:nth-child(n+2){display:inherit}.clickPopup .popup input+ul .expand{font-size:.9rem;transition:all .3s ease;transform:rotateZ(0deg)}.clickPopup .popup input+ul>li:nth-child(n+2){display:none}.clickPopup .popup label{display:flex;align-items:center;cursor:pointer}.clickPopup .popup>li{display:block}.clickPopup .popup>li a{display:block}.clickPopup .popup i{flex-grow:0}input~.popup{position:absolute;display:none;z-index:3}input:checked~.popup,input~.popup.active{display:inline-block}select{cursor:pointer;padding:0 7px 0 7px}option{line-height:1rem}input[type=file]{border:1px solid var(--iborder-active);width:100%;max-width:100%;color:var(--ipt-c);padding:10px;box-sizing:border-box}input::placeholder{font-family:"FontAwesome",serif;color:var(--ipt-ico-c);opacity:.5}textarea:invalid,input:invalid{transition:all .5s !important;border-color:red !important}textarea:invalid~i.ok,input:invalid~i.ok{display:none !important}textarea:invalid~i.error,input:invalid~i.error{display:inline-block !important}input:valid~i.ok{display:inline-block !important}input:valid~i.error{display:none !important}textarea,.textarea{overflow:auto;resize:both;box-sizing:border-box;padding:.3rem .3rem .3rem .5rem}label.radio,label.checkbox{display:inline-flex;align-items:center;user-select:none;cursor:pointer}label.radio input,label.checkbox input{margin:0;opacity:0;cursor:pointer}label.radio input:checked~.checkmark,label.checkbox input:checked~.checkmark{background:var(--btn-bg)}label.radio input:required~.checkmark,label.radio input:disabled~.checkmark,label.checkbox input:required~.checkmark,label.checkbox input:disabled~.checkmark{background:#adadad}label.radio input:checked~.checkmark:after,label.checkbox input:checked~.checkmark:after{display:block}label.radio .checkmark,label.checkbox .checkmark{position:relative;height:15px;width:15px;margin-right:5px;background:var(--ipt-bg);border:1px solid var(--iborder-active)}label.radio .checkmark:after,label.checkbox .checkmark:after{content:"";position:absolute;display:none}label.radio:hover input~.checkmark,label.checkbox:hover input~.checkmark{cursor:pointer}label.radio .checkmark{border-radius:50%}label.radio .checkmark:after{top:5px;left:5px;width:5px;height:5px;border-radius:50%;background:#fff}label.checkbox .checkmark:after{top:2px;left:4px;width:4px;height:6px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}input[type=range]{border:none;width:100%;min-width:150px;height:5px;background:var(--btn-bg);cursor:pointer}.input{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap}.input button{box-sizing:border-box;background:var(--btn-bg);height:30px;font-size:1rem;min-width:40px;border-left:solid 1px var(--iborder);border-top:solid 1px var(--iborder);border-bottom:solid 1px var(--iborder);border-right:none;padding:0;position:relative;vertical-align:middle;flex-grow:0;flex-shrink:0}.input button:hover,.input button:focus{background:var(--btn-bg-hover)}.input button.inactive{background:#ccc;cursor:default}.input button.inactive:hover,.input button.inactive:focus{background:#ccc}.input input{box-sizing:border-box;position:relative;vertical-align:middle;flex-grow:1;flex-shrink:1}select.plain{width:auto;margin:0;padding:0;border:none;outline:none;display:inline-block;appearance:none;cursor:pointer;box-shadow:none}.dropdown{cursor:pointer;display:inline-block;width:100%;border:1px solid #000;position:relative;box-shadow:none;outline:0;margin:0;font-family:inherit;font-size:.9rem;user-select:none}.dropdown:hover{background:red}.dropdown label{cursor:pointer;user-select:none}.dropdown>input{display:none}.dropdown>input:checked+.dropdown-container{display:block;background:#fff;border:1px solid #000;position:absolute}.dropdown>input:checked+.dropdown-container label{display:flex;align-items:center}.dropdown>input:checked+.dropdown-container label:hover{background:red}.dropdown-closed{display:flex;height:100%;align-items:center}.dropdown-closed label{display:none}.dropdown-closed input{display:none}.dropdown-closed input:checked+label{display:flex;align-items:center}.dropdown-container{display:none;z-index:2}.dropdown-container label{padding:.5rem}.ac-container{text-align:left;border:1px solid var(--bborder)}.ac-container>input{display:none}.ac-container>input:checked+label{background:var(--btn-bg);color:var(--txt-on-bg-c-2)}.ac-container>input:checked+label+section{display:inherit}.ac-container>input:checked+label:hover{background:var(--btn-bg-hover)}.ac-container>input+label+section{display:none}.ac-container label{display:block;padding:1rem 1rem;position:relative;z-index:20;margin-top:-1px;cursor:pointer;color:var(--default-c);font-size:1rem;background:var(--bborder)}.ac-container label:hover{color:var(--txt-on-bg-c-2);background:var(--btn-bg-hover)}.ac-container>section{background:var(--box-bg);overflow:hidden;height:auto;position:relative;z-index:10;padding:1rem}.more-container>label{width:100%;display:flex;flex-direction:row;border-bottom:1px solid var(--bborder);cursor:pointer;color:var(--link-c);user-select:none}.more-container>label .expand{transition:all .3s ease;transform:rotateZ(0deg)}.more-container>label span{flex-grow:1}.more-container>label i{flex-grow:0}.more-container>input{display:none}.more-container>input:checked+label{border-bottom:none;margin-bottom:1rem}.more-container>input:checked+label .expand{transition:all .3s ease;transform:rotateZ(90deg)}.more-container>input:checked~div{display:flex}.more-container>div{display:none}.log-lvl-ok{background:var(--green1-c);border:1px solid var(--green2-c);color:var(--green3-c)}.log-lvl-warning{background:var(--yellow1-c);border:1px solid var(--yellow2-c);color:var(--yellow3-c)}.log-lvl-error{background:var(--red1-c);border:1px solid var(--red2-c);color:var(--red3-c)}.log-lvl-info{background:var(--blue1-c);border:1px solid var(--blue2-c);color:var(--blue3-c)}#dim{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;z-index:5}#app-message-container{position:absolute;margin:0 auto;right:10px;top:85px;padding:0}#app-message-container .log-msg{z-index:11;margin:0 auto;right:0;top:0;margin-bottom:10px}.log-msg{position:relative;max-width:250px;padding:1rem;margin:1rem}.log-msg .close{position:absolute;top:5px;right:5px}.slider{overflow-x:auto;white-space:nowrap}.slider ul{display:inline}@keyframes slidy{0%{left:0%}20%{left:0%}25%{left:-100%}45%{left:-100%}50%{left:-200%}70%{left:-200%}75%{left:-300%}95%{left:-300%}100%{left:-400%}}.slider-1{overflow:hidden}.slider-1 figure{position:relative;width:500%;margin:0;left:0;text-align:left;font-size:0;animation:30s slidy infinite}.slider-1 figure img{width:20%;float:left}.slider-2{width:100%;position:relative;text-align:center}.slider-2>img{width:100%;position:absolute;left:0;top:0;transition:all .5s}.slider-2 input{display:none}.slider-2 input:checked+label{border-color:var(--bborder);opacity:1}.slider-2 input:checked+label+img{opacity:1;transform:scale(1)}.slider-2 input~img{opacity:0;transform:scale(0.9)}.slider-2 label{display:inline-block;margin-top:calc(50% + 15px);margin-left:15px;border:3px solid var(--bborder);cursor:pointer;opacity:.6}.slider-2 label img{display:block}.slider-3{display:flex;align-items:center;justify-content:center;flex-direction:column}.slider-3 .icon-cards{position:relative;width:60vw;height:40vw;max-width:380px;max-height:250px;margin:0;perspective:1000px}.slider-3 .icon-cards-content{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(-30vw) rotateY(0);animation:carousel 30s infinite cubic-bezier(0.77, 0, 0.175, 1) forwards}.slider-3 .icon-cards-item{position:absolute;top:0;left:0;max-width:380px;max-height:250px}.slider-3 .icon-cards-item:nth-child(1){transform:rotateY(0) translateZ(35vw)}.slider-3 .icon-cards-item:nth-child(2){transform:rotateY(120deg) translateZ(35vw)}.slider-3 .icon-cards-item:nth-child(3){transform:rotateY(240deg) translateZ(35vw)}.slider-3 .icon-cards img{width:100%}@keyframes carousel{0%,17.5%{transform:translateZ(-35vw) rotateY(0)}27.5%,45%{transform:translateZ(-35vw) rotateY(-120deg)}55%,72.5%{transform:translateZ(-35vw) rotateY(-240deg)}82.5%,100%{transform:translateZ(-35vw) rotateY(-360deg)}}.crumbs-1,.crumbs-2{list-style:none;overflow:hidden;font-size:1rem;user-select:none;display:flex}.crumbs-1 li,.crumbs-2 li{background:var(--box-bg);border-left:1px solid var(--bborder);border-top:1px solid var(--bborder);border-bottom:1px solid var(--bborder);padding:0 10px 0 20px;height:2.5rem;position:relative;display:inline-flex;align-items:center;cursor:pointer}.crumbs-1 li:after,.crumbs-1 li:before,.crumbs-2 li:after,.crumbs-2 li:before{content:" ";display:block;width:0;height:0;border-top:20px solid rgba(0,0,0,0);border-bottom:20px solid rgba(0,0,0,0);border-left:14px solid var(--box-bg);position:absolute;top:50%;margin-top:-20px;left:100%}.crumbs-1 li:after,.crumbs-2 li:after{z-index:1}.crumbs-1 li:before,.crumbs-2 li:before{border-left-color:var(--bborder);margin-left:1px;z-index:1}.crumbs-1 li.active:after,.crumbs-1 li:hover:after,.crumbs-2 li.active:after,.crumbs-2 li:hover:after{color:var(--txt-on-bg-c-2)}.crumbs-1 li.active:after,.crumbs-2 li.active:after{border-left:14px solid var(--btn-bg)}.crumbs-1 li:hover:after,.crumbs-2 li:hover:after{border-left:14px solid var(--btn-bg-hover)}.crumbs-1 .active,.crumbs-2 .active{cursor:default;background:var(--btn-bg)}.crumbs-1 .active,.crumbs-1 li:hover,.crumbs-2 .active,.crumbs-2 li:hover{color:var(--txt-on-bg-c-2)}.crumbs-1 li:hover,.crumbs-2 li:hover{background:var(--btn-bg-hover)}.crumbs-1 li:not(:last-child):after,.crumbs-1 li:before{content:" ";display:block;width:0;height:0;border-top:20px solid rgba(0,0,0,0);border-bottom:20px solid rgba(0,0,0,0);border-left:14px solid var(--box-bg);position:absolute;top:50%;margin-top:-20px;left:100%}.crumbs-1 li.active:not(:last-child):after,.crumbs-1 li:hover:not(:last-child):after{color:var(--txt-on-bg-c-2)}.crumbs-1 li.active:not(:last-child):after{border-left:14px solid var(--btn-bg)}.crumbs-1 li:hover:not(:last-child):after{border-left:14px solid var(--btn-bg-hover)}.crumbs-1 :last-child:before{border:none}.btn,.link,[data-href]{cursor:pointer}button,input[type=submit],input[type=reset],input[type=button],label.button,a.button{cursor:pointer;display:inline-flex;min-width:70px;background:var(--btn-bg);color:var(--txt-on-bg-c-2);padding:0 1rem 0 1rem;flex-grow:0;height:30px;border:1px solid var(--bborder);box-shadow:none;justify-content:center;align-items:center;outline:0;font-family:inherit;font-size:.9rem;user-select:none;font-weight:100;box-sizing:border-box}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,label.button::-moz-focus-inner,a.button::-moz-focus-inner{border:0}button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,label.button:hover,a.button:hover{background:var(--btn-bg-hover);color:var(--txt-on-bg-c-2)}button.save,.button.save,input[type=submit].save{color:var(--save-c);background:var(--save-bg)}button.save:hover,button.save:focus,.button.save:hover,.button.save:focus,input[type=submit].save:hover,input[type=submit].save:focus{background:var(--save-bg-hover)}button.cancel,.button.cancel,input[type=submit].cancel{color:var(--cancel-c);background:var(--cancel-bg)}button.cancel:hover,button.cancel:focus,.button.cancel:hover,.button.cancel:focus,input[type=submit].cancel:hover,input[type=submit].cancel:focus{background:var(--cancel-bg-hover)}button.close,.button.close,input[type=submit].close,input[type=reset].close{color:var(--close-c);background:var(--close-bg)}button.close:hover,button.close:focus,.button.close:hover,.button.close:focus,input[type=submit].close:hover,input[type=submit].close:focus,input[type=reset].close:hover,input[type=reset].close:focus{background:var(--close-bg-hover)}button.disabled,.button.disabled,input[type=submit].disabled{color:var(--disabled-c);background:var(--disabled-bg);cursor:not-allowed}button.disabled:hover,button.disabled:focus,.button.disabled:hover,.button.disabled:focus,input[type=submit].disabled:hover,input[type=submit].disabled:focus{background:var(--disabled-bg-hover)}.link.default{color:var(--btn-bg)}.link.save{color:var(--save-bg)}.link.cancel{color:var(--cancel-bg)}.link.close{color:var(--close-bg)}.link.disabled{color:var(--disabled-bg)}i.favorite{color:var(--fav-c);text-shadow:0 0 1px var(--text-shadow)}.unseen{font-weight:bold}.portlet-body a:not(.button),a.content,a .content{color:var(--link-c);border-bottom:1px dotted var(--link-c)}.portlet-body a:not(.button):hover,a.content:hover,a .content:hover{border-bottom:1px dotted rgba(0,0,0,0)}ul.boxed{background:var(--box-bg);padding:5px;border:1px solid var(--bborder)}ul.boxed li{margin:5px 0 5px 0}ul.boxed li:first-child{margin-top:0}ul.boxed li:last-child{margin-bottom:0}ul.h-list li{display:inline-block;margin:5px 10px 5px 10px}ul.foldable{list-style-type:none;margin:0;padding:0}ul.foldable ul{margin-left:1rem}ul.foldable input[type=checkbox],ul.foldable .nested{display:none}ul.foldable .caret{cursor:pointer;user-select:none}ul.foldable .caret::before{content:"▶";color:#000;display:inline-block;margin-right:6px}ul.foldable input[type=checkbox]:checked~.nested{display:block}ul.foldable input[type=checkbox]:checked~.caret::before{transform:rotate(90deg)}ul.foldable ul{list-style-type:none}.nav-top{user-select:none;margin-top:1rem;display:block}.nav-top>li>a{border:1px solid var(--bborder);margin-right:.5rem;display:inline-block;padding:10px 10px}.nav-top li{display:inline-block}.nav-top li a{background:var(--box-bg);position:relative;cursor:pointer}.nav-top li a:hover,.nav-top li a.active,.nav-top li a:focus{background:var(--nav-content-hover);color:var(--txt-on-bg-c-2)}.nav-top li a:hover>ul,.nav-top li a.active>ul,.nav-top li a:focus>ul{display:block;opacity:1;visibility:visible}.nav-top li a>ul{padding:0;z-index:5;position:absolute;top:36px;left:0;width:150px;display:none;opacity:0;visibility:hidden}.nav-top li a>ul li{display:block;color:#000;padding:7px}.nav-top li a>ul li:hover,.nav-top li a>ul li:focus{color:#252525;background:var(--nav-content-hover)}.nav-trigger{position:absolute;display:none}.nav-trigger:checked+nav{width:0%}@media only screen and (max-width: 62em){.nav-trigger:not(:checked)+nav{width:0%}.nav-trigger:checked+nav{width:auto;min-width:250px}}@media only screen and (max-width: 48em){.nav-trigger:checked+nav{width:100% !important}.nav-trigger:checked~main{display:none !important}}.content-side-nav h1,.content-side-nav h2,.content-side-nav a{font-size:.9rem}.content-side-nav h1,.content-side-nav h2{padding:.5rem 1rem .5rem 1rem;background:var(--thead-bg);color:var(--thead-c)}.content-side-nav a{padding:.5rem 1rem .5rem 2rem;display:block}.content-side-nav a:hover{color:var(--link-c)}.pagination li,.pagination a{display:inline-block}.pagination li+li{margin-left:.5rem}.pagination a{border-radius:3px;background:#ccc;padding:5px 10px 5px 10px}.pagination .active,.pagination a:hover,.pagination a:active{color:#000;background:#fff}.meter{height:15px;position:relative;background:none !important}.meter>span{display:block;height:100%;border-radius:3px;background-color:var(--green3-c);background-image:linear-gradient(to left top, color-stop(0, var(--green3-c)), color-stop(1, var(--green2-c)));position:relative;overflow:hidden}.meter.orange>span{background-color:#f1a165;background-image:linear-gradient(#f1a165, #f36d0a)}.meter.blue>span{background-color:var(--blue1-c);background-image:linear-gradient(var(--blue1-c), var(--blue3-c))}.meter.red>span{background-color:var(--red1-c);background-image:linear-gradient(var(--red1-c), var(--red3-c))}.meter>span:after,.meter .animate>span>span{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);z-index:1;overflow:hidden}.animate>span:after{display:none}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.noanimation>span>span,.noanimation>span:after{animation:none}.nostripes>span>span,.nostripes>span:after{animation:none;background-image:none}.emptyPage{width:80%;font-size:15rem;margin:0 auto;margin-top:3rem;text-align:center;border:5px solid var(--bborder)}.emptyPage:before{font-family:"Material Symbols Outlined",serif;content:"question_mark";color:rgba(0,0,0,.1)}.box{box-sizing:border-box;margin-top:1rem;overflow-x:auto}.box .inner{box-sizing:border-box;padding:10px}.box-container{display:inline-block}section header>h1{margin:10px 10px 0 10px;padding-bottom:5px;font-size:1.1em;border-bottom:1px solid var(--bborder2)}section>h2{box-sizing:border-box;font-size:1.2em;margin-bottom:5px}section.box{background:var(--box-bg);border:1px solid var(--bborder)}.pagebreak{display:none}.tabview.right>.box{order:2}.tab-links{color:var(--default-c);padding:5px 0 0 0}.tab-links label{font-size:.9em;user-select:none;cursor:pointer;border:1px solid var(--btn-bg);white-space:nowrap}.tab-links label:hover,.tab-links label:focus{color:var(--txt-on-bg-c-2);background:var(--btn-bg-hover);border:1px solid var(--btn-bg-hover);outline:none}.tab-links .active label:hover,.tab-links .active label:focus{color:var(--txt-on-bg-c-2);background:var(--btn-bg-hover);border:1px solid var(--btn-bg-hover);outline:none}.tab-links .active label{cursor:default}.tab-links li{display:inline-block}.tab-content{display:flex;flex:1}.tab-content>input,.tab-content>input+div{display:none}.tab-content>input:checked+div{display:flex;flex:1;flex-direction:column}.tab{max-width:100%}.tab-1 .tab-links{margin:0 0 10px 1px}.tab-1 .tab-links label{padding:5px;background:none;overflow:auto;background:var(--box-bg)}.tab-1 .tab-links .active,.tab-1 .tab-links .active label{color:var(--txt-on-bg-c-2);background:var(--btn-bg)}.tab-1 .tab-links li{margin:0 5px 0 0}.tab-1 .tab{max-width:100%}.tab-1 .tab-content{box-sizing:border-box;border:1px solid var(--btn-bg);background:var(--box-bg);padding:10px}.tab-1.left,.tab-1.right{display:flex}.tab-1.left .tab-links,.tab-1.right .tab-links{margin:0;border:none}.tab-1.left .tab-links li,.tab-1.right .tab-links li{display:block;margin-bottom:20px}.tab-1.left .tab-links .active label,.tab-1.right .tab-links .active label{border:1px solid var(--bborder)}.tab-1.left .tab-content,.tab-1.right .tab-content{width:100%}.tab-2{display:flex;flex:1;flex-direction:column}.tab-2 .tab{max-width:100%}.tab-2 .tab-links label{padding:5px 10px 5px 10px}.tab-2 .tab-links li{margin:0 5px 15px 0}.tab-2 .tab-links .active a,.tab-2 .tab-links .active label{color:var(--txt-on-bg-c-2);background:var(--btn-bg)}.tab-2.left,.tab-2.right{flex-direction:row}.tab-2.left .tab-links,.tab-2.right .tab-links{margin:0;border:none}.tab-2.left .tab-links li,.tab-2.right .tab-links li{display:block;margin-bottom:20px}.tab-2.left .tab-links .active label,.tab-2.right .tab-links .active label{border:1px solid var(--bborder)}.tab-2.left .tab-content,.tab-2.right .tab-content{width:100%}.btn.order-up,.btn.order-down,.btn.cancel-form,.btn.remove-form,.btn.update-form,.btn.save-form,.btn.form-action{color:var(--btn-bg)}thead input[type=radio]{padding:0;margin:0;display:none}thead label,thead span{display:inline-flex;align-items:center}thead label>a,thead span>a{display:inline-flex;align-items:center}table.fixed{table-layout:fixed}table input[type=radio]:checked+i,table input[type=checkbox]:checked+label i{color:var(--btn-bg)}table .order-up,table .order-down{cursor:pointer}table .sort-asc,table .sort-desc,table .filter{padding:0;cursor:pointer}table:not([id])>thead .sort-asc,table:not([id])>thead .sort-desc{display:none}table.default{width:100%;max-width:100%;font-size:.9em;box-sizing:border-box}table.default .disabled,table.default .empty{color:var(--disabled-bg)}table.default .empty{text-align:center}table.default caption{font-size:1.5rem;font-weight:400;border-bottom:1px solid var(--bborder);background:var(--tcaption-bg);padding:.5rem;text-align:left}table.default caption i{font-size:.8rem}table.default tr,table.default caption{height:2.5rem}table.default td,table.default th{padding:3px 5px 3px 5px;white-space:nowrap}table.default td:first-child,table.default th:first-child{padding-left:10px}table.default td:last-child,table.default th:last-child{padding-right:10px}table.default tbody th,table.default tfoot th{text-align:left}table.default tbody th[colspan]:not([colspan="1"]),table.default tfoot th[colspan]:not([colspan="1"]){text-align:center}table.default tbody a,table.default tfoot a{display:inline-flex;align-items:center}table.default tbody a i,table.default tfoot a i{margin-right:.5rem}table.default tbody td,table.default tbody th{border-bottom:1px solid var(--bborder2)}table.default tbody tr:last-child td,table.default tbody tr:last-child th{border:none}table.default tbody tr:nth-of-type(2n){background:var(--trow-bg)}table.default tbody tr:nth-of-type(2n+1){background:var(--trow-bg-alt)}table.default tbody tr:hover td,table.default tbody tr:focus td{background:var(--trow-bg-hover);color:var(--default-c)}table.default tbody tr:focus,table.default tbody tr:hover{outline:none;transform:scale(1);box-shadow:0 0 5px var(--bborder);color:var(--default-c)}table.default thead{background:var(--thead-bg);color:var(--thead-c)}table.default thead td{border-bottom:1px solid var(--bborder2)}table.default thead input[type=radio]{display:none}table.default thead input[type=radio]:checked+label{color:var(--box-hl)}table.sticky thead th,table.sticky thead td{position:sticky;top:0;z-index:2;background:var(--thead-bg)}table.sticky thead th>*,table.sticky thead td>*{vertical-align:middle}table.list th{text-align:left;padding:2px 0 2px 0}table.list td{padding:2px 5px 2px 5px}.fixed-1 td:nth-child(1){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-2 td:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-3 td:nth-child(3){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-4 td:nth-child(4){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-5 td:nth-child(5){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-6 td:nth-child(6){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-7 td:nth-child(7){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-8 td:nth-child(8){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-9 td:nth-child(9){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-10 td:nth-child(10){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 600px){table.popupTable{display:table;width:100%}table.popupTable thead{display:none}table.popupTable tbody tr{height:auto;display:block;margin-bottom:.625em}table.popupTable tbody td{display:flex;font-size:.8rem;height:2rem;line-height:2rem;text-overflow:ellipsis;overflow:hidden;max-width:100%}table.popupTable tbody td:before{content:attr(data-label);margin-right:10px;font-weight:bold}table.popupTable tfoot{display:none}}span.tag{cursor:pointer;border-radius:4px;padding:0 6px 0 6px;height:24px;font-size:.8rem;color:var(--txt-on-bg-c-2);background:var(--btn-bg);display:inline-flex;align-items:center;user-select:none}span.tag i{color:var(--txt-on-bg-c-2);margin-right:.5rem}.tag-list{display:flex;gap:5px}.infoIcon{width:1rem;text-align:center;vertical-align:middle;position:relative;cursor:pointer}.infoIcon span{font-size:.55rem;display:block;position:absolute;right:-0.55rem;top:-0.35rem;width:1rem;height:.8rem;line-height:.8rem;border-radius:50%;text-align:center;padding:.1rem .15rem .15rem .15rem;color:var(--badge-c);background:var(--badge-bg)}.portlet{border:1px solid var(--bborder);box-sizing:border-box;margin-top:1rem;background:var(--box-bg)}.portlet-head,.portlet-foot{padding:.7rem 1rem .7rem 1rem;display:flex}.hl-1 .portlet-body,.hl-1 .portlet-head,.hl-2 .portlet-body,.hl-2 .portlet-head,.hl-3 .portlet-body,.hl-3 .portlet-head,.hl-4 .portlet-body,.hl-4 .portlet-head,.hl-5 .portlet-body,.hl-5 .portlet-head,.hl-6 .portlet-body,.hl-6 .portlet-head,.hl-7 .portlet-body,.hl-7 .portlet-head{border:0}.portlet-head{font-weight:300}.portlet-head>span{display:inline-flex;align-items:center}.portlet-head>span>a{display:inherit}.portlet-head form{margin-left:1rem}.portlet-body{padding:1rem}.portlet-body>h2,.portlet-separator,.portlet-head{border-bottom:1px solid var(--bborder2)}.portlet-foot{border-top:1px solid var(--bborder2);box-sizing:border-box;flex-wrap:wrap;column-gap:.5rem}.plain-portlet{box-sizing:border-box;margin-top:1rem;overflow-x:auto}.ctx-menu{position:absolute;background:var(--box-bg);border:1px solid var(--bborder);z-index:1000}.ctx-menu label{padding:.5rem;width:100%;box-sizing:border-box}.ctx-menu label:hover{background:var(--trow-bg-hover)}code[contenteditable],.contenteditable{display:block;outline:none;white-space:pre-wrap}#cookie_cc{display:none}#cookie_cc:checked #cookieCF{display:none}#cookie_cc:not(:checked)+#cookieCF{display:flex}#cookieCF{position:fixed;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;background:rgba(0,0,0,.5);font-weight:100}#cookieCF input[type=radio]{display:none}#cookieCF #cookieCF_simple label,#cookieCF .button,#cookieCF input[type=submit],#cookieCF #cookieCF_c label,#cookieCF .button,#cookieCF input[type=submit]{margin:0}#cookieCF .secondary{background:none;border:2px solid var(--btn-bg);color:var(--btn-bg) !important}#cookieCF .consent_element{margin-top:1rem}#cookieCF form{background:#fff;border:1px solid var(--bborder);display:inline-block;padding:1rem;border-radius:3px}#cookieCF_db,#cookieCF_cb{display:flex;flex-direction:row;gap:10px;margin-top:1rem}#cookieCF_simple+div,#cookieCF_c+div{display:none}#cookieCF_simple:checked+div,#cookieCF_c:checked+div{display:block}thead td label,.portlet-head .inputWrapper,.portlet-head .g-icon{display:none}/*# sourceMappingURL=styles.css.map */ +html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,nav,section,iframe,label{margin:0;padding:0}a,img,button{outline:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:300}ul{list-style:none}th{font-weight:300}input,select,textarea,.textarea,button{box-sizing:border-box;box-shadow:none;appearance:none;border-radius:0}input:focus,select:focus,textarea:focus,.textarea:focus,button:focus{outline:none}input[type=checkbox]{margin-right:5px}button::-moz-focus-inner{border:0}table{border-collapse:separate;border-spacing:0}i{font-style:normal}.clear{clear:both}p{margin:0 0 10px 0;line-height:1.4em}p span{margin:0;padding:0}p+p{margin-top:5px}blockquote{color:var(--bq-c);background:var(--bq-bg);border:1px solid var(--bq-border);padding:1rem;border-radius:5px;margin:1.5rem}blockquote p:last-child{margin-bottom:0}blockquote code{color:inherit;background:inherit}blockquote a{color:inherit}pre,code{font-family:var(--ff);font-size:.8rem;background:var(--code-bg);color:var(--code-c)}code{border-radius:3px;padding:.2rem .4rem .2rem .4rem}pre{line-height:1.2rem;border:1px solid var(--bborder);padding:1rem;overflow-x:auto;width:100%;box-sizing:border-box;white-space:pre-wrap;border-left:3px solid var(--bq-bg)}pre code{padding:0}pre>span{display:block}pre>span:before{display:inline-block;border-right:1px solid var(--bborder);padding:0 .5em;margin-right:.5em;color:#888;width:30px}strong{font-weight:500;font-weight:bold}iframe{padding:0;margin:0;border:none;width:100%}.clean{margin:0;padding:0;border:none;outline:0;vertical-align:top}.clean:focus{outline:0}.p,.max,.min,.close,.cancel,.filter,.ok,.search,.abort,.sort{cursor:pointer}.nobreak,.nowrap{white-space:nowrap}.center{margin:0 auto}.pAlignTable{display:table;width:100%}.vCenterTable{display:table-cell;vertical-align:middle}.overflowfix{overflow:auto}.rp{position:relative}.ap{position:absolute}.lf{float:left}.rf{float:right}.op{margin:0 auto}.rT{text-align:right}.lT{text-align:left}.cT{text-align:center}.f-w{width:100%;max-width:none}.f-h{height:100%;max-height:none}.vT{vertical-align:top}.vB{vertical-align:bottom}.vM{vertical-align:middle}.vC{display:table-cell;vertical-align:middle;white-space:nowrap}.vh{display:none !important}.x-overflow{overflow-x:auto}.container-fluid,.container{box-sizing:border-box}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}.col-simple{flex-direction:column}.row-simple{flex-direction:row}.col-simple,.row-simple{display:flex;flex:1;flex-grow:1}.col-simple .row,.row-simple .row{flex:1 1 auto;flex-direction:column}.col-simple .col-xs-12,.row-simple .col-xs-12{flex-basis:0}.fill-all{flex:1 1 auto}.col{box-sizing:border-box;display:flex;flex:1 0 auto;flex-direction:column;flex-wrap:wrap;margin-bottom:var(--gutter-compensation, -0.5rem);margin-left:var(--gutter-compensation, -0.5rem)}.xs-col-table,.md-col-table,.lg-col-table{display:none}.xs-hidden,.sm-hidden,.md-hidden,.lg-hidden{display:none}.col-xs-0{box-sizing:border-box;flex-grow:0;padding-right:1rem}.plain-grid{padding:0 !important}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;padding-right:1rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.right-xs{margin-left:auto !important}.end-xs{justify-content:flex-end;margin-left:auto}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}@media only screen and (min-width: 48em){.sm-hidden{display:revert}.container{width:46rem}.xs-col-table{display:inherit}.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{box-sizing:border-box;flex:0 0 auto;padding-right:1rem}.col-sm{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{flex-basis:8.333%;max-width:8.333%}.col-sm-2{flex-basis:16.667%;max-width:16.667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.333%;max-width:33.333%}.col-sm-5{flex-basis:41.667%;max-width:41.667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.333%;max-width:58.333%}.col-sm-8{flex-basis:66.667%;max-width:66.667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.333%;max-width:83.333%}.col-sm-11{flex-basis:91.667%;max-width:91.667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{justify-content:flex-start;text-align:start}.center-sm{justify-content:center;text-align:center}.end-sm{justify-content:flex-end;text-align:end}.top-sm{align-items:flex-start}.middle-sm{align-items:center}.bottom-sm{align-items:flex-end}.around-sm{justify-content:space-around}.between-sm{justify-content:space-between}.first-sm{order:-1}.last-sm{order:1}}@media only screen and (min-width: 62em){.col-simple .row{flex-direction:row}.col-simple .col-xs-12{flex-basis:100%}.md-hidden{display:revert}.container{width:61rem}.md-col-table{display:inherit}.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{box-sizing:border-box;flex:0 0 auto;padding-right:1rem}.col-md{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{flex-basis:8.333%;max-width:8.333%}.col-md-2{flex-basis:16.667%;max-width:16.667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.333%;max-width:33.333%}.col-md-5{flex-basis:41.667%;max-width:41.667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.333%;max-width:58.333%}.col-md-8{flex-basis:66.667%;max-width:66.667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.333%;max-width:83.333%}.col-md-11{flex-basis:91.667%;max-width:91.667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{justify-content:flex-start;text-align:start}.center-md{justify-content:center;text-align:center}.end-md{justify-content:flex-end;text-align:end}.top-md{align-items:flex-start}.middle-md{align-items:center}.bottom-md{align-items:flex-end}.around-md{justify-content:space-around}.between-md{justify-content:space-between}.first-md{order:-1}.last-md{order:1}}@media only screen and (min-width: 75em){.lg-hidden{display:revert}.container{width:71rem}.lg-col-table{display:inherit}.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{box-sizing:border-box;flex:0 0 auto;padding-right:1rem}.col-lg{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{flex-basis:8.333%;max-width:8.333%}.col-lg-2{flex-basis:16.667%;max-width:16.667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.333%;max-width:33.333%}.col-lg-5{flex-basis:41.667%;max-width:41.667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.333%;max-width:58.333%}.col-lg-8{flex-basis:66.667%;max-width:66.667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.333%;max-width:83.333%}.col-lg-11{flex-basis:91.667%;max-width:91.667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{justify-content:flex-start;text-align:start}.center-lg{justify-content:center;text-align:center}.end-lg{justify-content:flex-end;text-align:end}.top-lg{align-items:flex-start}.middle-lg{align-items:center}.bottom-lg{align-items:flex-end}.around-lg{justify-content:space-around}.between-lg{justify-content:space-between}.first-lg{order:-1}.last-lg{order:1}}.hl-1{background:var(--red-c) !important;color:#fff}.hl-2{background:var(--green-c) !important;color:#fff}.hl-3{background:var(--blue-c) !important;color:#fff}.hl-4{background:var(--yellow-c) !important;color:#000}.hl-5{background:var(--purple-c) !important;color:#fff}.hl-6{background:var(--pink-c) !important;color:#fff}.hl-7{background:var(--orange-c) !important;color:#fff}.portlet-body>article{padding:0}article{background:var(--article-bg);padding:10px;margin:0;font-size:.9rem;color:var(--article-c);line-height:2rem;white-space:normal}article .mermaid{text-align:center}article del,article ins,article mark{padding:3px;text-decoration:none}article pre{margin:1rem 0 1rem 0}article .tag{margin:.1rem}article del{background:var(--red1-c)}article ins{background:var(--green1-c)}article mark{background:var(--yellow1-c)}article h1,article h2,article h3,article h4,article h5,article h6{font-weight:300}article h1{font-size:1.4rem}article h2{font-size:1.3rem}article h3{font-size:1.1rem}article h4,article h5,article h6{font-size:1rem}article p{line-height:1.5em}article ol,article ul{list-style-position:outside;margin:.5rem 0 .5rem 3rem;line-height:1rem}article ul{list-style:disc}article li{margin:.3rem 0 .3rem 0;line-height:1.5em}article img{display:block;margin:0 auto;max-width:100%;max-height:100%;display:inline-block}article img:focus{margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;width:auto;height:auto}article img[tabindex="0"]{cursor:pointer}article table{border-collapse:collapse;border:1px solid var(--bborder);margin:0 auto;margin-bottom:1rem;min-width:90%}article table th,article table td{padding:5px;border:1px solid var(--bborder)}article table th{background:var(--thead-bg);color:var(--thead-c)}article table tr:nth-child(2n) td{background:var(--trow-bg)}.ipt-wrap{display:table;vertical-align:top;box-sizing:border-box}.ipt-wrap .ipt-start,.ipt-wrap .ipt-second,.ipt-wrap .ipt-first{display:table-cell;vertical-align:inherit}.ipt-wrap .ipt-first{width:100%}.ipt-wrap .ipt-second{padding-left:.75rem}.simple-flex{display:flex;flex-direction:row;align-content:center;align-items:center}.flex-line{display:flex;flex-direction:row}.flex-line+*{margin-top:.75rem}.flex-line>div{flex:1}.flex-line>div:nth-child(n+2){padding-left:.75rem}.flex-line>div.fixed{flex:0;flex-basis:auto}div.sticky,section.sticky{position:sticky;top:1rem}.inline{display:inline}.form-group{display:flex;flex-direction:row;flex-wrap:wrap}.form-group>*:not(label){flex:0 1 auto}.form-group+*{margin-top:.75rem}.form-group label{font-size:.9rem;flex:0 0 100%;display:inline-flex;align-items:center;padding-bottom:5px}.form-group label>i{margin-right:.5rem}.form-group span.checkbox+span.checkbox{margin-left:1.5rem}.form-group .input-control{flex:1;display:flex;flex-direction:row;flex-wrap:wrap}.form-group .input-control+.input-control{margin-left:1rem}.form-group textarea,.form-group .contenteditable{height:8rem}@media(max-width: 768px){.form-group,.flex-line{flex-direction:column}.form-group .input-control+.input-control{margin-top:1rem;margin-left:0}}.wf-100{width:100%}.wf-80{width:80%}.wf-20{width:20%}.wf-66{width:66.66%}.wf-50{width:50%}.wf-33{width:33.33%}.wf-25{width:25%}.wf-75{width:75%}.spacer{padding:5px}.resizable{resize:both;overflow:auto}*[draggable]{cursor:move}.oms-drag-placeholder,.oms-drag-placeholder td{border:2px dashed rgba(0,0,0,.5) !important}.blurry-text{text-shadow:0 0 .9rem var(--default-c);color:rgba(0,0,0,0)}.tooltip{cursor:pointer;color:var(--box-hl);font-size:.9rem;display:inline-flex}.tooltip:hover,.tooltip:active,.tooltip:focus{position:relative}.tooltip:hover:after,.tooltip:hover:before,.tooltip:active:after,.tooltip:active:before,.tooltip:focus:after,.tooltip:focus:before{font-size:.9rem;display:block;position:absolute;white-space:nowrap;bottom:100%;margin-bottom:5px;padding:7px;border-radius:3px;background:var(--btn-bg);color:#fff;content:attr(data-tooltip);text-align:center;transform:translate(-45%, 0)}.spinner-1{width:40px;height:40px;background-color:var(--default-c);margin:50px auto;animation:sk-rotateplane 1.2s infinite ease-in-out}@keyframes sk-rotateplane{0%{transform:perspective(120px)}50%{transform:perspective(120px) rotateY(180deg)}100%{transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.spinner-2{text-align:center}.spinner-2>div{width:18px;height:18px;background-color:var(--default-c);border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner-2 .bounce1{animation-delay:-0.32s}.spinner-2 .bounce2{animation-delay:-0.16s}@keyframes sk-bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.spinner-3{width:40px;height:40px;margin:50px auto;background-color:var(--default-c);border-radius:100%;animation:sk-scaleout 1s infinite ease-in-out}@keyframes sk-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}canvas{background:var(--box-bg);user-select:none}canvas.chart{width:100%}form li{margin:5px 0 5px 0}form td{white-space:nowrap;padding-bottom:5px}form td textarea+i{vertical-align:top}form label{font-size:.9rem;color:var(--default-c)}form i+i{margin-left:3px}form .layout td+td{padding-left:5px}form .list{font-size:1rem}form .list td{white-space:nowrap;padding:3px 5px 3px 5px}img.frame-1{padding:1rem;background:var(--box-bg);border:1px solid var(--bborder);box-sizing:border-box;width:100%}img.frame-2{border:1px solid var(--bborder);background:var(--box-bg);box-sizing:border-box;width:100%}img.rounded{border-radius:50%;background:var(--box-bg)}img.bordered{border:1px solid var(--bborder)}.img-comp{margin-left:3rem;position:relative;display:inline-block;line-height:0;overflow:auto}.img-comp img{user-select:none}.img-comp>div{position:absolute;width:50%;max-width:100%;overflow:hidden;resize:horizontal;border-right:1px solid #000}.img-comp>div:before{content:"";display:block;width:13px;height:13px;overflow:hidden;position:absolute;resize:horizontal;right:0;bottom:0;background-clip:content-box;background:linear-gradient(-45deg, red 50%, transparent 0)}.gallery{max-width:80%;margin:0 auto;position:relative}.gallery input+.enlarged{display:none}.gallery input:checked+.enlarged{display:block}.gallery .enlarged{position:absolute;top:0;left:0}.gallery .enlarged img{max-width:100%;max-height:100%;object-fit:contain}.gallery input{display:none}.gallery input+img{display:none}.gallery input:checked+img{display:block;margin:0 auto;max-width:100%;max-height:100%;width:auto;height:auto}.gallery .thumbs img{width:100px;height:100px;margin:.3rem;border:1px solid var(--bborder)}.gallery label{cursor:pointer}.map-small .map,.olMapViewport{width:100%;height:100%;min-height:250px;position:relative}.map-small .map .olControlAttribution,.olMapViewport .olControlAttribution{position:absolute;bottom:0;right:0;background:var(--box-bg);padding:2px;font-size:.8rem}.map-small .map .olButton,.olMapViewport .olButton{color:#fff}input,select,textarea,.textarea,option{font-family:var(--ff);font-weight:300}input[type=checkbox]~.checked-visibility,input[type=checkbox]:checked~.checked-visibility-alt{display:none}input[type=checkbox]:checked~.checked-visibility,input[type=checkbox]~.checked-visibility-alt{display:inline-flex}input,select,textarea,.textarea{border:1px solid var(--iborder)}input.undecorated,select.undecorated,textarea.undecorated,.textarea.undecorated{padding:0;border:none;background:rgba(0,0,0,0);resize:none}input:active.undecorated,input:focus.undecorated,select:active.undecorated,select:focus.undecorated,textarea:active.undecorated,textarea:focus.undecorated,.textarea:active.undecorated,.textarea:focus.undecorated{appearance:none;outline:none;border-style:none}progress{height:20px;width:100%;min-width:150px}.textarea,.tag-input,textarea,select,input[type=password],input[type=text],input[type=datetime],input[type=email],input[type=date],input[type=number],input[type=datetime-local],.smart-input-wrapper .input-div{box-sizing:border-box;color:var(--ipt-c);background:var(--ipt-bg);width:100%;max-width:100%;font-size:.9rem;border:1px solid var(--iborder);transition:background .3s,border .3s}.textarea:focus,.textarea.active,.textarea:active,.tag-input:focus,.tag-input.active,.tag-input:active,textarea:focus,textarea.active,textarea:active,select:focus,select.active,select:active,input[type=password]:focus,input[type=password].active,input[type=password]:active,input[type=text]:focus,input[type=text].active,input[type=text]:active,input[type=datetime]:focus,input[type=datetime].active,input[type=datetime]:active,input[type=email]:focus,input[type=email].active,input[type=email]:active,input[type=date]:focus,input[type=date].active,input[type=date]:active,input[type=number]:focus,input[type=number].active,input[type=number]:active,input[type=datetime-local]:focus,input[type=datetime-local].active,input[type=datetime-local]:active,.smart-input-wrapper .input-div:focus,.smart-input-wrapper .input-div.active,.smart-input-wrapper .input-div:active{border-color:var(--ipt-bg-active);border:1px solid var(--iborder-active);color:var(--ipt-c-active)}.textarea:disabled,.tag-input:disabled,textarea:disabled,select:disabled,input[type=password]:disabled,input[type=text]:disabled,input[type=datetime]:disabled,input[type=email]:disabled,input[type=date]:disabled,input[type=number]:disabled,input[type=datetime-local]:disabled,.smart-input-wrapper .input-div:disabled{cursor:not-allowed;background:var(--disabled-bg)}.textarea,.tag-input,textarea,select:not([multiple]),input[type=password],input[type=text],input[type=datetime],input[type=email],input[type=date],input[type=number],input[type=datetime-local],.smart-input-wrapper .input-div{height:30px;padding-left:.5rem}.inputWithIcon{position:relative}.inputWithIcon .frontIco,.inputWithIcon .endIco{color:var(--ipt-ico-c);font-size:1rem;position:absolute;padding:.5rem;font-weight:200}.inputWithIcon .frontIco{left:0;top:0}.inputWithIcon .endIco{right:0;top:0}.inputWithIcon .frontIco+input[type=text],.inputWithIcon .frontIco+input[type=password]{padding-left:2.5rem}.inputWithIcon input[type=text]:active,.inputWithIcon input[type=text]:focus,.inputWithIcon input[type=password]:active,.inputWithIcon input[type=password]:focus{border:1px solid var(--iborder-active);color:var(--txt-on-bg-c)}.inputWithIcon input[type=text]:active~.frontIco,.inputWithIcon input[type=text]:focus~.frontIco,.inputWithIcon input[type=password]:active~.frontIco,.inputWithIcon input[type=password]:focus~.frontIco,.inputWithIcon input[type=text]:active~.endIco,.inputWithIcon input[type=text]:focus~.endIco,.inputWithIcon input[type=password]:active~.endIco,.inputWithIcon input[type=password]:focus~.endIco{color:var(--ipt-ico-c-active)}.inputWithIcon input[type=text]~.endIco,.inputWithIcon input[type=text]~.endIco,.inputWithIcon input[type=password]~.endIco,.inputWithIcon input[type=password]~.endIco{cursor:pointer}.inputWrapper{display:inline-flex;flex-direction:row}.inputWrapper .txtWrap+input[type=submit],.inputWrapper .txtWrap+input[type=button],.inputWrapper .txtWrap+button{margin:0;padding:0;flex:0;box-shadow:none}.inputWrapper .frontIco,.inputWrapper .endIco{color:var(--ipt-ico-c);font-size:1.1rem;font-weight:200;position:absolute;top:0;padding:.25rem .6rem .6rem .4rem}.inputWrapper .frontIco{left:0;font-size:1.5rem}.inputWrapper .endIco{right:0;font-size:1.5rem}.inputWrapper .txtWrap{flex:1;position:relative}.inputWrapper .txtWrap i+input{padding-left:2rem}.inputWrapper .txtWrap input[type=text]:active,.inputWrapper .txtWrap input[type=text]:focus,.inputWrapper .txtWrap input[type=password]:active,.inputWrapper .txtWrap input[type=password]:focus{border:1px solid var(--iborder-active)}.inputWrapper .txtWrap input[type=text]:active~.frontIco,.inputWrapper .txtWrap input[type=text]:focus~.frontIco,.inputWrapper .txtWrap input[type=password]:active~.frontIco,.inputWrapper .txtWrap input[type=password]:focus~.frontIco,.inputWrapper .txtWrap input[type=text]:active~.endIco,.inputWrapper .txtWrap input[type=text]:focus~.endIco,.inputWrapper .txtWrap input[type=password]:active~.endIco,.inputWrapper .txtWrap input[type=password]:focus~.endIco{color:var(--ipt-ico-c-active)}.inputWrapper .txtWrap input[type=text]~.endIco,.inputWrapper .txtWrap input[type=text]~.endIco,.inputWrapper .txtWrap input[type=password]~.endIco,.inputWrapper .txtWrap input[type=password]~.endIco{cursor:pointer}.clickPopup>input{display:none}.clickPopup label+input,.clickPopup input[type=checkbox]{display:none}.clickPopup .more-functions{padding:0 1rem 0 1rem}.clickPopup .popup{box-sizing:border-box;padding:.5rem 1rem .5rem 1rem;background:#fff;box-shadow:0 0 3px 1px rgba(72,71,114,.3);right:0}.clickPopup .popup ul{width:100%}.clickPopup .popup>ul{display:flex;flex-direction:column}.clickPopup .popup>ul>li{display:flex;align-items:center;margin:.5rem 0 .5rem 0;white-space:nowrap}.clickPopup .popup .button{margin-right:1rem}.clickPopup .popup span{flex-grow:1}.clickPopup .popup input[type=checkbox]:checked+ul .expand{transition:all .3s ease;display:inherit;transform:rotateZ(90deg)}.clickPopup .popup input[type=checkbox]:checked+ul>li:nth-child(n+2){display:inherit}.clickPopup .popup input+ul .expand{font-size:.9rem;transition:all .3s ease;transform:rotateZ(0deg)}.clickPopup .popup input+ul>li:nth-child(n+2){display:none}.clickPopup .popup label{display:flex;align-items:center;cursor:pointer}.clickPopup .popup>li{display:block}.clickPopup .popup>li a{display:block}.clickPopup .popup i{flex-grow:0}input~.popup{position:absolute;display:none;z-index:3}input:checked~.popup,input~.popup.active{display:inline-block}select{cursor:pointer;padding:0 7px 0 7px}option{line-height:1rem}input[type=file]{border:1px solid var(--iborder-active);width:100%;max-width:100%;color:var(--ipt-c);padding:10px;box-sizing:border-box}input::placeholder{font-family:"FontAwesome",serif;color:var(--ipt-ico-c);opacity:.5}textarea:invalid,input:invalid,.invalid{transition:all .5s !important;border-color:red !important}textarea:invalid~i.ok,input:invalid~i.ok,.invalid~i.ok{display:none !important}textarea:invalid~i.error,input:invalid~i.error,.invalid~i.error{display:inline-block !important}input:valid~i.ok{display:inline-block !important}input:valid~i.error{display:none !important}textarea,.textarea{overflow:auto;resize:both;box-sizing:border-box;padding:.3rem .3rem .3rem .5rem}label.radio,label.checkbox{display:inline-flex;align-items:center;user-select:none;cursor:pointer}label.radio input,label.checkbox input{margin:0;opacity:0;cursor:pointer}label.radio input:checked~.checkmark,label.checkbox input:checked~.checkmark{background:var(--btn-bg)}label.radio input:required~.checkmark,label.radio input:disabled~.checkmark,label.checkbox input:required~.checkmark,label.checkbox input:disabled~.checkmark{background:#adadad}label.radio input:checked~.checkmark:after,label.checkbox input:checked~.checkmark:after{display:block}label.radio .checkmark,label.checkbox .checkmark{position:relative;height:15px;width:15px;margin-right:5px;background:var(--ipt-bg);border:1px solid var(--iborder-active)}label.radio .checkmark:after,label.checkbox .checkmark:after{content:"";position:absolute;display:none}label.radio:hover input~.checkmark,label.checkbox:hover input~.checkmark{cursor:pointer}label.radio .checkmark{border-radius:50%}label.radio .checkmark:after{top:5px;left:5px;width:5px;height:5px;border-radius:50%;background:#fff}label.checkbox .checkmark:after{top:2px;left:4px;width:4px;height:6px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}input[type=range]{border:none;width:100%;min-width:150px;height:5px;background:var(--btn-bg);cursor:pointer}.input{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap}.input button{box-sizing:border-box;background:var(--btn-bg);height:30px;font-size:1rem;min-width:40px;border-left:solid 1px var(--iborder);border-top:solid 1px var(--iborder);border-bottom:solid 1px var(--iborder);border-right:none;padding:0;position:relative;vertical-align:middle;flex-grow:0;flex-shrink:0}.input button:hover,.input button:focus{background:var(--btn-bg-hover)}.input button.inactive{background:#ccc;cursor:default}.input button.inactive:hover,.input button.inactive:focus{background:#ccc}.input input{box-sizing:border-box;position:relative;vertical-align:middle;flex-grow:1;flex-shrink:1}select.plain{width:auto;margin:0;padding:0;border:none;outline:none;display:inline-block;appearance:none;cursor:pointer;box-shadow:none}.dropdown{cursor:pointer;display:inline-block;width:100%;border:1px solid #000;position:relative;box-shadow:none;outline:0;margin:0;font-family:inherit;font-size:.9rem;user-select:none}.dropdown:hover{background:red}.dropdown label{cursor:pointer;user-select:none}.dropdown>input{display:none}.dropdown>input:checked+.dropdown-container{display:block;background:#fff;border:1px solid #000;position:absolute}.dropdown>input:checked+.dropdown-container label{display:flex;align-items:center}.dropdown>input:checked+.dropdown-container label:hover{background:red}.dropdown-closed{display:flex;height:100%;align-items:center}.dropdown-closed label{display:none}.dropdown-closed input{display:none}.dropdown-closed input:checked+label{display:flex;align-items:center}.dropdown-container{display:none;z-index:2}.dropdown-container label{padding:.5rem}.smart-input-wrapper{width:100%;position:relative}.smart-input-wrapper .input-div{outline:none;overflow:auto;white-space:pre-wrap;cursor:not-allowed;background:var(--disabled-bg);line-height:30px}.smart-input-wrapper .input-div[contenteditable=true]{background:var(--ipt-bg);cursor:text}.smart-input-wrapper .input-div:focus+.input-datalist{display:block}.smart-input-wrapper .input-datalist{position:absolute;background:var(--ipt-bg);border:1px solid var(--iborder);z-index:3}.smart-input-wrapper .input-datalist>div{padding:.5rem;cursor:pointer}.smart-input-wrapper .input-datalist>div:hover,.smart-input-wrapper .input-datalist>div:focus,.smart-input-wrapper .input-datalist>div:active,.smart-input-wrapper .input-datalist>div.active{background:var(--thead-bg);color:var(--thead-c)}.ac-container{text-align:left;border:1px solid var(--bborder)}.ac-container>input{display:none}.ac-container>input:checked+label{background:var(--btn-bg);color:var(--txt-on-bg-c-2)}.ac-container>input:checked+label+section{display:inherit}.ac-container>input:checked+label:hover{background:var(--btn-bg-hover)}.ac-container>input+label+section{display:none}.ac-container label{display:block;padding:1rem 1rem;position:relative;z-index:20;margin-top:-1px;cursor:pointer;color:var(--default-c);font-size:1rem;background:var(--bborder)}.ac-container label:hover{color:var(--txt-on-bg-c-2);background:var(--btn-bg-hover)}.ac-container>section{background:var(--box-bg);overflow:hidden;height:auto;position:relative;z-index:10;padding:1rem}.spoiler>input{display:none}.spoiler>input+span{color:rgba(0,0,0,0);opacity:0}.spoiler>input:checked+span{color:inherit;opacity:1}.more-container>label{width:100%;display:flex;flex-direction:row;border-bottom:1px solid var(--bborder);cursor:pointer;color:var(--link-c);user-select:none}.more-container>label .expand{transition:all .3s ease;transform:rotateZ(0deg)}.more-container>label span{flex-grow:1}.more-container>label i{flex-grow:0}.more-container>input{display:none}.more-container>input:checked+label{border-bottom:none;margin-bottom:1rem}.more-container>input:checked+label .expand{transition:all .3s ease;transform:rotateZ(90deg)}.more-container>input:checked~div{display:flex}.more-container>div{display:none}.log-lvl-ok{background:var(--green1-c);border:1px solid var(--green2-c);color:var(--green3-c)}.log-lvl-warning{background:var(--yellow1-c);border:1px solid var(--yellow2-c);color:var(--yellow3-c)}.log-lvl-error{background:var(--red1-c);border:1px solid var(--red2-c);color:var(--red3-c)}.log-lvl-info{background:var(--blue1-c);border:1px solid var(--blue2-c);color:var(--blue3-c)}#dim{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;z-index:5}#hover-preview{position:absolute;top:50px;left:50px;width:800px;height:600px;border:3px solid var(--bborder);background:var(--box-bg);transform:scale(0.3333);z-index:5;overflow:auto;justify-content:center;align-items:center}#app-message-container{position:absolute;margin:0 auto;right:10px;top:85px;padding:0}#app-message-container .log-msg{z-index:11;margin:0 auto;right:0;top:0;margin-bottom:10px}.log-msg{position:relative;max-width:250px;padding:1rem;margin:1rem}.log-msg .close{position:absolute;top:5px;right:5px}.slider{overflow-x:auto;white-space:nowrap}.slider ul{display:inline}@keyframes slidy{0%{left:0%}20%{left:0%}25%{left:-100%}45%{left:-100%}50%{left:-200%}70%{left:-200%}75%{left:-300%}95%{left:-300%}100%{left:-400%}}.slider-1{overflow:hidden}.slider-1 figure{position:relative;width:500%;margin:0;left:0;text-align:left;font-size:0;animation:30s slidy infinite}.slider-1 figure img{width:20%;float:left}.slider-2{width:100%;position:relative;text-align:center}.slider-2>img{width:100%;position:absolute;left:0;top:0;transition:all .5s}.slider-2 input{display:none}.slider-2 input:checked+label{border-color:var(--bborder);opacity:1}.slider-2 input:checked+label+img{opacity:1;transform:scale(1)}.slider-2 input~img{opacity:0;transform:scale(0.9)}.slider-2 label{display:inline-block;margin-top:calc(50% + 15px);margin-left:15px;border:3px solid var(--bborder);cursor:pointer;opacity:.6}.slider-2 label img{display:block}.slider-3{display:flex;align-items:center;justify-content:center;flex-direction:column}.slider-3 .icon-cards{position:relative;width:60vw;height:40vw;max-width:380px;max-height:250px;margin:0;perspective:1000px}.slider-3 .icon-cards-content{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(-30vw) rotateY(0);animation:carousel 30s infinite cubic-bezier(0.77, 0, 0.175, 1) forwards}.slider-3 .icon-cards-item{position:absolute;top:0;left:0;max-width:380px;max-height:250px}.slider-3 .icon-cards-item:nth-child(1){transform:rotateY(0) translateZ(35vw)}.slider-3 .icon-cards-item:nth-child(2){transform:rotateY(120deg) translateZ(35vw)}.slider-3 .icon-cards-item:nth-child(3){transform:rotateY(240deg) translateZ(35vw)}.slider-3 .icon-cards img{width:100%}@keyframes carousel{0%,17.5%{transform:translateZ(-35vw) rotateY(0)}27.5%,45%{transform:translateZ(-35vw) rotateY(-120deg)}55%,72.5%{transform:translateZ(-35vw) rotateY(-240deg)}82.5%,100%{transform:translateZ(-35vw) rotateY(-360deg)}}.crumbs-1,.crumbs-2{list-style:none;overflow:hidden;font-size:1rem;user-select:none;display:flex}.crumbs-1 li,.crumbs-2 li{background:var(--box-bg);border-left:1px solid var(--bborder);border-top:1px solid var(--bborder);border-bottom:1px solid var(--bborder);padding:0 10px 0 20px;height:2.5rem;position:relative;display:inline-flex;align-items:center;cursor:pointer}.crumbs-1 li:after,.crumbs-1 li:before,.crumbs-2 li:after,.crumbs-2 li:before{content:" ";display:block;width:0;height:0;border-top:20px solid rgba(0,0,0,0);border-bottom:20px solid rgba(0,0,0,0);border-left:14px solid var(--box-bg);position:absolute;top:50%;margin-top:-20px;left:100%}.crumbs-1 li:after,.crumbs-2 li:after{z-index:1}.crumbs-1 li:before,.crumbs-2 li:before{border-left-color:var(--bborder);margin-left:1px;z-index:1}.crumbs-1 li.active:after,.crumbs-1 li:hover:after,.crumbs-2 li.active:after,.crumbs-2 li:hover:after{color:var(--txt-on-bg-c-2)}.crumbs-1 li.active:after,.crumbs-2 li.active:after{border-left:14px solid var(--btn-bg)}.crumbs-1 li:hover:after,.crumbs-2 li:hover:after{border-left:14px solid var(--btn-bg-hover)}.crumbs-1 .active,.crumbs-2 .active{cursor:default;background:var(--btn-bg)}.crumbs-1 .active,.crumbs-1 li:hover,.crumbs-2 .active,.crumbs-2 li:hover{color:var(--txt-on-bg-c-2)}.crumbs-1 li:hover,.crumbs-2 li:hover{background:var(--btn-bg-hover)}.crumbs-1 li:not(:last-child):after,.crumbs-1 li:before{content:" ";display:block;width:0;height:0;border-top:20px solid rgba(0,0,0,0);border-bottom:20px solid rgba(0,0,0,0);border-left:14px solid var(--box-bg);position:absolute;top:50%;margin-top:-20px;left:100%}.crumbs-1 li.active:not(:last-child):after,.crumbs-1 li:hover:not(:last-child):after{color:var(--txt-on-bg-c-2)}.crumbs-1 li.active:not(:last-child):after{border-left:14px solid var(--btn-bg)}.crumbs-1 li:hover:not(:last-child):after{border-left:14px solid var(--btn-bg-hover)}.crumbs-1 :last-child:before{border:none}.btn,.link,[data-href]{cursor:pointer}button,input[type=submit],input[type=reset],input[type=button],label.button,a.button{cursor:pointer;display:inline-flex;min-width:70px;background:var(--btn-bg);color:var(--txt-on-bg-c-2);padding:0 1rem 0 1rem;flex-grow:0;height:30px;border:1px solid var(--bborder);box-shadow:none;justify-content:center;align-items:center;outline:0;font-family:inherit;font-size:.9rem;user-select:none;font-weight:100;box-sizing:border-box}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,label.button::-moz-focus-inner,a.button::-moz-focus-inner{border:0}button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,label.button:hover,a.button:hover{background:var(--btn-bg-hover);color:var(--txt-on-bg-c-2)}button.save,.button.save,input[type=submit].save{color:var(--save-c);background:var(--save-bg)}button.save:hover,button.save:focus,.button.save:hover,.button.save:focus,input[type=submit].save:hover,input[type=submit].save:focus{background:var(--save-bg-hover)}button.cancel,.button.cancel,input[type=submit].cancel{color:var(--cancel-c);background:var(--cancel-bg)}button.cancel:hover,button.cancel:focus,.button.cancel:hover,.button.cancel:focus,input[type=submit].cancel:hover,input[type=submit].cancel:focus{background:var(--cancel-bg-hover)}button.close,.button.close,input[type=submit].close,input[type=reset].close{color:var(--close-c);background:var(--close-bg)}button.close:hover,button.close:focus,.button.close:hover,.button.close:focus,input[type=submit].close:hover,input[type=submit].close:focus,input[type=reset].close:hover,input[type=reset].close:focus{background:var(--close-bg-hover)}button.disabled,.button.disabled,input[type=submit].disabled{color:var(--disabled-c);background:var(--disabled-bg);cursor:not-allowed}button.disabled:hover,button.disabled:focus,.button.disabled:hover,.button.disabled:focus,input[type=submit].disabled:hover,input[type=submit].disabled:focus{background:var(--disabled-bg-hover)}.link.default{color:var(--btn-bg)}.link.save{color:var(--save-bg)}.link.cancel{color:var(--cancel-bg)}.link.close{color:var(--close-bg)}.link.disabled{color:var(--disabled-bg)}i.favorite{color:var(--fav-c);text-shadow:0 0 1px var(--text-shadow)}.unseen{font-weight:bold}a.content,a .content,article a{color:var(--link-c);border-bottom:1px dotted var(--link-c)}a.content:hover,a .content:hover,article a:hover{border-bottom:none}ul.boxed{background:var(--box-bg);padding:5px;border:1px solid var(--bborder)}ul.boxed li{margin:5px 0 5px 0}ul.boxed li:first-child{margin-top:0}ul.boxed li:last-child{margin-bottom:0}ul.h-list li{display:inline-block;margin:5px 10px 5px 10px}ul.foldable{list-style-type:none;margin:0;padding:0}ul.foldable ul{margin-left:1rem}ul.foldable input[type=checkbox],ul.foldable .nested{display:none}ul.foldable .caret{cursor:pointer;user-select:none}ul.foldable .caret::before{content:"▶";color:#000;display:inline-block;margin-right:6px}ul.foldable input[type=checkbox]:checked~.nested{display:block}ul.foldable input[type=checkbox]:checked~.caret::before{transform:rotate(90deg)}ul.foldable ul{list-style-type:none}.nav-top{user-select:none;margin-top:1rem;display:block}.nav-top>li>a{border:1px solid var(--bborder);margin-right:.5rem;display:inline-block;padding:10px 10px}.nav-top li{display:inline-block}.nav-top li a{background:var(--box-bg);position:relative;cursor:pointer}.nav-top li a:hover,.nav-top li a.active,.nav-top li a:focus{background:var(--nav-content-hover);color:var(--txt-on-bg-c-2)}.nav-top li a:hover>ul,.nav-top li a.active>ul,.nav-top li a:focus>ul{display:block;opacity:1;visibility:visible}.nav-top li a>ul{padding:0;z-index:5;position:absolute;top:36px;left:0;width:150px;display:none;opacity:0;visibility:hidden}.nav-top li a>ul li{display:block;color:#000;padding:7px}.nav-top li a>ul li:hover,.nav-top li a>ul li:focus{color:#252525;background:var(--nav-content-hover)}.nav-trigger{position:absolute;display:none}.nav-trigger:checked+nav{width:0%}@media only screen and (max-width: 62em){.nav-trigger:not(:checked)+nav{width:0%}.nav-trigger:checked+nav{width:auto;min-width:250px}}@media only screen and (max-width: 48em){.nav-trigger:checked+nav{width:100% !important}.nav-trigger:checked~main{display:none !important}}.content-side-nav h1,.content-side-nav h2,.content-side-nav a{font-size:.9rem}.content-side-nav h1,.content-side-nav h2{padding:.5rem 1rem .5rem 1rem;background:var(--thead-bg);color:var(--thead-c)}.content-side-nav a{padding:.5rem 1rem .5rem 2rem;display:block}.content-side-nav a:hover{color:var(--link-c)}.pagination li,.pagination a{display:inline-block}.pagination li+li{margin-left:.5rem}.pagination a{border-radius:3px;background:#ccc;padding:5px 10px 5px 10px}.pagination .active,.pagination a:hover,.pagination a:active{color:#000;background:#fff}.meter{height:15px;position:relative;background:none !important}.meter>span{display:block;height:100%;border-radius:3px;background-color:var(--green3-c);background-image:linear-gradient(to left top, color-stop(0, var(--green3-c)), color-stop(1, var(--green2-c)));position:relative;overflow:hidden}.meter.orange>span{background-color:#f1a165;background-image:linear-gradient(#f1a165, #f36d0a)}.meter.blue>span{background-color:var(--blue1-c);background-image:linear-gradient(var(--blue1-c), var(--blue3-c))}.meter.red>span{background-color:var(--red1-c);background-image:linear-gradient(var(--red1-c), var(--red3-c))}.meter>span:after,.meter .animate>span>span{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);z-index:1;overflow:hidden}.animate>span:after{display:none}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.noanimation>span>span,.noanimation>span:after{animation:none}.nostripes>span>span,.nostripes>span:after{animation:none;background-image:none}.emptyPage{width:80%;font-size:15rem;margin:0 auto;margin-top:3rem;text-align:center;border:5px solid var(--bborder)}.emptyPage:before{font-family:"Material Symbols Outlined",serif;content:"question_mark";color:rgba(0,0,0,.1)}.box{box-sizing:border-box;margin-top:1rem;overflow-x:auto}.box .inner{box-sizing:border-box;padding:10px}.box-container{display:inline-block}section header>h1{margin:10px 10px 0 10px;padding-bottom:5px;font-size:1.1em;border-bottom:1px solid var(--bborder2)}section>h2{box-sizing:border-box;font-size:1.2em;margin-bottom:5px}section.box{background:var(--box-bg);border:1px solid var(--bborder)}.pagebreak{display:none}.tabview.right>.box{order:2}.tab-links{color:var(--default-c);padding:5px 0 0 0}.tab-links label{font-size:.9em;user-select:none;cursor:pointer;border:1px solid var(--btn-bg);white-space:nowrap}.tab-links label:hover,.tab-links label:focus{color:var(--txt-on-bg-c-2);background:var(--btn-bg-hover);border:1px solid var(--btn-bg-hover);outline:none}.tab-links .active label:hover,.tab-links .active label:focus{color:var(--txt-on-bg-c-2);background:var(--btn-bg-hover);border:1px solid var(--btn-bg-hover);outline:none}.tab-links .active label{cursor:default}.tab-links li{display:inline-block}.tab-content{display:flex;flex:1}.tab-content>input,.tab-content>input+div{display:none}.tab-content>input:checked+div{display:flex;flex:1;flex-direction:column}.tab{max-width:100%}.tab-1 .tab-links{margin:0 0 10px 1px}.tab-1 .tab-links label{padding:5px;background:none;overflow:auto;background:var(--box-bg)}.tab-1 .tab-links .active,.tab-1 .tab-links .active label{color:var(--txt-on-bg-c-2);background:var(--btn-bg)}.tab-1 .tab-links li{margin:0 5px 0 0}.tab-1 .tab{max-width:100%}.tab-1 .tab-content{box-sizing:border-box;border:1px solid var(--btn-bg);background:var(--box-bg);padding:10px}.tab-1.left,.tab-1.right{display:flex}.tab-1.left .tab-links,.tab-1.right .tab-links{margin:0;border:none}.tab-1.left .tab-links li,.tab-1.right .tab-links li{display:block;margin-bottom:20px}.tab-1.left .tab-links .active label,.tab-1.right .tab-links .active label{border:1px solid var(--bborder)}.tab-1.left .tab-content,.tab-1.right .tab-content{width:100%}.tab-2{display:flex;flex:1;flex-direction:column}.tab-2 .tab{max-width:100%}.tab-2 .tab-links label{padding:5px 10px 5px 10px}.tab-2 .tab-links li{margin:0 5px 15px 0}.tab-2 .tab-links .active a,.tab-2 .tab-links .active label{color:var(--txt-on-bg-c-2);background:var(--btn-bg)}.tab-2.left,.tab-2.right{flex-direction:row}.tab-2.left .tab-links,.tab-2.right .tab-links{margin:0;border:none}.tab-2.left .tab-links li,.tab-2.right .tab-links li{display:block;margin-bottom:20px}.tab-2.left .tab-links .active label,.tab-2.right .tab-links .active label{border:1px solid var(--bborder)}.tab-2.left .tab-content,.tab-2.right .tab-content{width:100%}.btn.order-up,.btn.order-down,.btn.cancel-form,.btn.remove-form,.btn.update-form,.btn.save-form,.btn.form-action{color:var(--btn-bg)}thead input[type=radio]{padding:0;margin:0;display:none}thead label,thead span{display:inline-flex;align-items:center}thead label>a,thead span>a{display:inline-flex;align-items:center}table.fixed{table-layout:fixed}table input[type=radio]:checked+i,table input[type=checkbox]:checked+label i{color:var(--btn-bg)}table .order-up,table .order-down{cursor:pointer}table .sort-asc,table .sort-desc,table .filter{padding:0;cursor:pointer}table:not([id])>thead .sort-asc,table:not([id])>thead .sort-desc{display:none}table.default{width:100%;max-width:100%;font-size:.9em;box-sizing:border-box}table.default .disabled,table.default .empty{color:var(--disabled-bg)}table.default .empty{text-align:center}table.default caption{font-size:1.5rem;font-weight:400;border-bottom:1px solid var(--bborder);background:var(--tcaption-bg);padding:.5rem;text-align:left}table.default caption i{font-size:.8rem}table.default tr,table.default caption{height:2.5rem}table.default td,table.default th{padding:3px 5px 3px 5px;white-space:nowrap}table.default td:first-child,table.default th:first-child{padding-left:10px}table.default td:last-child,table.default th:last-child{padding-right:10px}table.default tbody th,table.default tfoot th{text-align:left}table.default tbody th[colspan]:not([colspan="1"]),table.default tfoot th[colspan]:not([colspan="1"]){text-align:center}table.default tbody a,table.default tfoot a{display:inline-flex;align-items:center}table.default tbody a i,table.default tfoot a i{margin-right:.5rem}table.default tbody td,table.default tbody th{border-bottom:1px solid var(--bborder2)}table.default tbody tr:last-child td,table.default tbody tr:last-child th{border:none}table.default tbody tr:nth-of-type(2n){background:var(--trow-bg)}table.default tbody tr:nth-of-type(2n+1){background:var(--trow-bg-alt)}table.default tbody tr:hover td,table.default tbody tr:focus td{background:var(--trow-bg-hover);color:var(--default-c)}table.default tbody tr:focus,table.default tbody tr:hover{outline:none;transform:scale(1);box-shadow:0 0 5px var(--bborder);color:var(--default-c)}table.default thead{background:var(--thead-bg);color:var(--thead-c)}table.default thead td{border-bottom:1px solid var(--bborder2)}table.default thead input[type=radio]{display:none}table.default thead input[type=radio]:checked+label{color:var(--box-hl)}table.sticky thead th,table.sticky thead td{position:sticky;top:0;z-index:2;background:var(--thead-bg)}table.sticky thead th>*,table.sticky thead td>*{vertical-align:middle}table.list th{text-align:left;padding:2px 0 2px 0}table.list td{padding:2px 5px 2px 5px}.fixed-1 td:nth-child(1){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-2 td:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-3 td:nth-child(3){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-4 td:nth-child(4){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-5 td:nth-child(5){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-6 td:nth-child(6){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-7 td:nth-child(7){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-8 td:nth-child(8){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-9 td:nth-child(9){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fixed-10 td:nth-child(10){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 600px){table.popupTable{display:table;width:100%}table.popupTable thead{display:none}table.popupTable tbody tr{height:auto;display:block;margin-bottom:.625em}table.popupTable tbody td{display:flex;font-size:.8rem;height:2rem;line-height:2rem;text-overflow:ellipsis;overflow:hidden;max-width:100%}table.popupTable tbody td:before{content:attr(data-label);margin-right:10px;font-weight:bold}table.popupTable tfoot{display:none}}span.tag{cursor:pointer;border-radius:4px;padding:0 6px 0 6px;height:24px;font-size:.8rem;color:var(--txt-on-bg-c-2);background:var(--btn-bg);display:inline-flex;align-items:center;user-select:none}span.tag i{color:var(--txt-on-bg-c-2);margin-right:.5rem}.tag-list{display:flex;gap:5px}.infoIcon{width:1rem;text-align:center;vertical-align:middle;position:relative;cursor:pointer}.infoIcon span{font-size:.55rem;display:block;position:absolute;right:-0.55rem;top:-0.35rem;width:1rem;height:.8rem;line-height:.8rem;border-radius:50%;text-align:center;padding:.1rem .15rem .15rem .15rem;color:var(--badge-c);background:var(--badge-bg)}.portlet{border:1px solid var(--bborder);box-sizing:border-box;margin-top:1rem;background:var(--box-bg)}.portlet-head,.portlet-foot{padding:.7rem 1rem .7rem 1rem;display:flex}.hl-1 .portlet-body,.hl-1 .portlet-head,.hl-2 .portlet-body,.hl-2 .portlet-head,.hl-3 .portlet-body,.hl-3 .portlet-head,.hl-4 .portlet-body,.hl-4 .portlet-head,.hl-5 .portlet-body,.hl-5 .portlet-head,.hl-6 .portlet-body,.hl-6 .portlet-head,.hl-7 .portlet-body,.hl-7 .portlet-head{border:0}.portlet-head{font-weight:300}.portlet-head>span{display:inline-flex;align-items:center}.portlet-head>span>a{display:inherit}.portlet-head form{margin-left:1rem}.portlet-body{padding:1rem}.portlet-body>h2,.portlet-separator,.portlet-head{border-bottom:1px solid var(--bborder2)}.portlet-foot{border-top:1px solid var(--bborder2);box-sizing:border-box;flex-wrap:wrap;column-gap:.5rem}.plain-portlet{box-sizing:border-box;margin-top:1rem;overflow-x:auto}.ctx-menu{position:absolute;background:var(--box-bg);border:1px solid var(--bborder);z-index:1000}.ctx-menu label{padding:.5rem;width:100%;box-sizing:border-box}.ctx-menu label:hover{background:var(--trow-bg-hover)}code[contenteditable],.contenteditable{display:block;outline:none;white-space:pre-wrap}#cookie_cc{display:none}#cookie_cc:checked #cookieCF{display:none}#cookie_cc:not(:checked)+#cookieCF{display:flex}#cookieCF{position:fixed;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;background:rgba(0,0,0,.5);font-weight:100}#cookieCF input[type=radio]{display:none}#cookieCF #cookieCF_simple label,#cookieCF .button,#cookieCF input[type=submit],#cookieCF #cookieCF_c label,#cookieCF .button,#cookieCF input[type=submit]{margin:0}#cookieCF .secondary{background:none;border:2px solid var(--btn-bg);color:var(--btn-bg) !important}#cookieCF .consent_element{margin-top:1rem}#cookieCF form{background:#fff;border:1px solid var(--bborder);display:inline-block;padding:1rem;border-radius:3px}#cookieCF_db,#cookieCF_cb{display:flex;flex-direction:row;gap:10px;margin-top:1rem}#cookieCF_simple+div,#cookieCF_c+div{display:none}#cookieCF_simple:checked+div,#cookieCF_c:checked+div{display:block}thead td label,.portlet-head .inputWrapper,.portlet-head>.g-icon{display:none} diff --git a/table.scss b/table.scss index bf270da..35cd295 100755 --- a/table.scss +++ b/table.scss @@ -163,6 +163,9 @@ table { } } + // @bug .sticky is broken for tables in a .slider + // The .slider is important to avoid overflowing. However, this prevents .sticky from working + // https://github.com/Karaka-Management/cssOMS/issues/28 &.sticky thead { th, td { position: sticky; diff --git a/timeline.css b/timeline.css index b2b4d65..024bfbe 100644 --- a/timeline.css +++ b/timeline.css @@ -1,2 +1 @@ -.timeline1{list-style:none;margin:0 0 30px 120px;padding-left:30px;border-left:3px solid var(--bborder)}.timeline1 li{margin:0;position:relative}.timeline1 p{margin:0 0 15px}.timeline1-date{margin-top:-18px;top:50%;left:-150px;font-size:0.95em;line-height:20px;position:absolute;padding:5px 10px 5px 10px;border:1px solid var(--bborder)}.timeline1-circle,.timeline1-circle-start,.timeline1-circle-end{border:3px solid var(--bborder);border-radius:50%;display:block;position:absolute}.timeline1-circle{margin-top:-10px;top:50%;left:-40px;width:10px;height:10px;background:tomato}.timeline1-circle-start,.timeline1-circle-end{width:20px;height:20px;background:var(--box-bg);left:-45px;margin-top:0}.timeline1-circle-start{top:0}.timeline1-circle-end{top:100%}.timeline1-content{padding:50px 20px 0;border-radius:0.5em;position:relative}.timeline1-content p{text-align:justify}.timeline1 label{font-size:1.3em;position:absolute;z-index:90;top:20px}.timeline1-radio,.timeline1-break{display:none}@media only screen and (max-width: 600px){.timeline1-date{margin:0;font-size:0.95em;position:inherit;padding:0;border:none}.timeline1{margin:0 0 0 .5rem}} -/*# sourceMappingURL=timeline.css.map */ +.timeline1{list-style:none;margin:0 0 30px 120px;padding-left:30px;border-left:3px solid var(--bborder)}.timeline1 li{margin:0;position:relative}.timeline1 p{margin:0 0 15px}.timeline1-date{margin-top:-18px;top:50%;left:-150px;font-size:.95em;line-height:20px;position:absolute;padding:5px 10px 5px 10px;border:1px solid var(--bborder)}.timeline1-circle,.timeline1-circle-start,.timeline1-circle-end{border:3px solid var(--bborder);border-radius:50%;display:block;position:absolute}.timeline1-circle{margin-top:-10px;top:50%;left:-40px;width:10px;height:10px;background:tomato}.timeline1-circle-start,.timeline1-circle-end{width:20px;height:20px;background:var(--box-bg);left:-45px;margin-top:0}.timeline1-circle-start{top:0}.timeline1-circle-end{top:100%}.timeline1-content{padding:50px 20px 0;border-radius:.5em;position:relative}.timeline1-content p{text-align:justify}.timeline1 label{font-size:1.3em;position:absolute;z-index:90;top:20px}.timeline1-radio,.timeline1-break{display:none}@media only screen and (max-width: 600px){.timeline1-date{margin:0;font-size:.95em;position:inherit;padding:0;border:none}.timeline1{margin:0 0 0 .5rem}} diff --git a/tree.css b/tree.css index 24a7277..d23404f 100644 --- a/tree.css +++ b/tree.css @@ -1,2 +1 @@ -.tree,.tree ul,.tree li{list-style:none;padding:0;position:relative}.tree{display:table;text-align:center}.tree .tree{border-top:1px solid var(--bborder)}.tree .box{margin:0;padding:1rem;border:0}.tree ul{width:100%;display:table}.tree ul:not(.tree) li:before{border:1px solid var(--bborder)}.tree li{display:table-cell;padding:.5em 0;vertical-align:top}.tree li:before{content:"";left:0;position:absolute;right:0;top:0}.tree li:first-child:before{left:50%}.tree li:last-child:before{right:50%}.tree li>span{text-align:left;border:solid 0.1em var(--bborder);display:inline-block;margin:0 .2em .5em;position:relative}.tree ul:not(.tree):before,.tree span:before{border:solid 1px var(--bborder);content:"";height:.45em;left:50%;position:absolute}.tree ul:before{top:-.5rem}.tree span:before{top:-.5rem}.tree>li:before,.tree>li:after,.tree>li>span:before{border:none} -/*# sourceMappingURL=tree.css.map */ +.tree,.tree ul,.tree li{list-style:none;padding:0;position:relative}.tree{display:table;text-align:center}.tree .tree{border-top:1px solid var(--bborder)}.tree .box{margin:0;padding:1rem;border:0}.tree ul{width:100%;display:table}.tree ul:not(.tree) li:before{border:1px solid var(--bborder)}.tree li{display:table-cell;padding:.5em 0;vertical-align:top}.tree li:before{content:"";left:0;position:absolute;right:0;top:0}.tree li:first-child:before{left:50%}.tree li:last-child:before{right:50%}.tree li>span{text-align:left;border:solid .1em var(--bborder);display:inline-block;margin:0 .2em .5em;position:relative}.tree ul:not(.tree):before,.tree span:before{border:solid 1px var(--bborder);content:"";height:.45em;left:50%;position:absolute}.tree ul:before{top:-0.5rem}.tree span:before{top:-0.5rem}.tree>li:before,.tree>li:after,.tree>li>span:before{border:none}