diff --git a/src/assets/XZReportDesigner/0ab54153eeeca0ce03978cc463b257f7.woff2 b/src/assets/XZReportDesigner/0ab54153eeeca0ce03978cc463b257f7.woff2
new file mode 100644
index 0000000..eea9aa2
Binary files /dev/null and b/src/assets/XZReportDesigner/0ab54153eeeca0ce03978cc463b257f7.woff2 differ
diff --git a/src/assets/XZReportDesigner/13db00b7a34fee4d819ab7f9838cc428.eot b/src/assets/XZReportDesigner/13db00b7a34fee4d819ab7f9838cc428.eot
new file mode 100644
index 0000000..0a1ef3f
Binary files /dev/null and b/src/assets/XZReportDesigner/13db00b7a34fee4d819ab7f9838cc428.eot differ
diff --git a/src/assets/XZReportDesigner/701ae6abd4719e9c2ada3535a497b341.eot b/src/assets/XZReportDesigner/701ae6abd4719e9c2ada3535a497b341.eot
new file mode 100644
index 0000000..cda0a84
Binary files /dev/null and b/src/assets/XZReportDesigner/701ae6abd4719e9c2ada3535a497b341.eot differ
diff --git a/src/assets/XZReportDesigner/8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot b/src/assets/XZReportDesigner/8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot
new file mode 100644
index 0000000..ef75106
Binary files /dev/null and b/src/assets/XZReportDesigner/8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot differ
diff --git a/src/assets/XZReportDesigner/xzreportdesigner.css b/src/assets/XZReportDesigner/xzreportdesigner.css
new file mode 100644
index 0000000..7082afc
--- /dev/null
+++ b/src/assets/XZReportDesigner/xzreportdesigner.css
@@ -0,0 +1,91673 @@
+.xzdesign-input {
+ position: relative;
+ font-size: 14px;
+ display: inline-block;
+ width: 100%;
+}
+.xzdesign-input.is-disabled .xzdesign-input__inner {
+ background-color: #f5f7fa;
+ border-color: #e4e7ed;
+ color: #c0c4cc;
+ cursor: not-allowed;
+}
+.xzdesign-input__inner {
+ -webkit-appearance: none;
+ background-color: #fff;
+ background-image: none;
+ border-radius: 3px;
+ border: 1px solid #dcdfe6;
+ box-sizing: border-box;
+ color: #58657D;
+ display: inline-block;
+ font-size: inherit;
+ height: 40px;
+ line-height: 40px;
+ outline: none;
+ padding: 0 15px;
+ transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+ width: 100%;
+}
+.xzdesign-input__inner:focus {
+ outline: none;
+ border-color: #409eff;
+}
+
+.xzdesign-toolbar_panel {
+ font-size: 14px;
+ width: 100%;
+ overflow: auto;
+ min-height: 40px;
+ color: #2c3e50;
+}
+.xzdesign-toolbar_panel .xzdesign-toolbar_wrapper {
+ padding: 5px 10px;
+ background-color: #f2f4f7;
+ border-bottom: 1px solid #dedee0;
+ display: flex;
+ align-items: center;
+}
+.xzdesign-toolbar_panel .xzdesign-toolbar_wrapper .xzdesign-toolbar_item {
+ cursor: pointer;
+ padding: 5px;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+}
+.xzdesign-toolbar_panel .xzdesign-toolbar_wrapper .xzdesign-toolbar_item:hover {
+ background-color: #EBEEF5;
+}
+.xzdesign-toolbar_panel .xzdesign-toolbar_wrapper .xzdesign-disabled {
+ pointer-events: none;
+ opacity: 0.3;
+}
+.xzdesign-toolbar_panel .xzdesign-toolbar_wrapper .xzdesign-toolbar_item_page {
+ cursor: pointer;
+ padding: 5px;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+}
+.xzdesign-toolbar_panel .xzdesign-toolbar_wrapper .xzdesign-toolbar_item_params {
+ cursor: pointer;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+}
+
+
+.xzdesign-divider--vertical {
+ display: inline-block;
+ width: 1px;
+ margin: 0 8px;
+ vertical-align: middle;
+ position: relative;
+ border-left: 1px #dcdfe6 solid;
+}
+
+ /*
+ * # Semantic UI - 2.5.0
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2022 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/* @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin'); */
+/*!
+ * # Semantic UI 2.5.0 - Reset
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Reset
+*******************************/
+
+/* Border-Box */
+
+*,
+*:before,
+*:after {
+ box-sizing: inherit;
+}
+
+html {
+ box-sizing: border-box;
+}
+
+/* iPad Input Shadows */
+
+input[type="text"],
+input[type="email"],
+input[type="search"],
+input[type="password"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ /* mobile firefox too! */
+}
+
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+html {
+ line-height: 1.15;
+ /* 1 */
+ -ms-text-size-adjust: 100%;
+ /* 2 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main {
+ /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box;
+ /* 1 */
+ height: 0;
+ /* 1 */
+ overflow: visible;
+ /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+ background-color: transparent;
+ /* 1 */
+ -webkit-text-decoration-skip: objects;
+ /* 2 */
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none;
+ /* 1 */
+ text-decoration: underline;
+ /* 2 */
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ line-height: 1.15;
+ /* 1 */
+ margin: 0;
+ /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input {
+ /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select {
+ /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+ /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ display: table;
+ /* 1 */
+ max-width: 100%;
+ /* 1 */
+ padding: 0;
+ /* 3 */
+ white-space: normal;
+ /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block;
+ /* 1 */
+ vertical-align: baseline;
+ /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details,
+menu {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* Hidden
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Site
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Page
+*******************************/
+
+html,
+body {
+ height: 100%;
+}
+
+html {
+ font-size: 14px;
+}
+
+body {
+ margin: 0px;
+ padding: 0px;
+ overflow-x: hidden;
+ min-width: 320px;
+ background: #FFFFFF;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ line-height: 1.4285em;
+ /* color: rgba(0, 0, 0, 0.87); */
+ color: #58657d;
+ font-smoothing: antialiased;
+}
+
+/*******************************
+ Headers
+*******************************/
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ line-height: 1.28571429em;
+ margin: calc(2rem - 0.14285714em ) 0em 1rem;
+ font-weight: bold;
+ padding: 0em;
+}
+
+h1 {
+ min-height: 1rem;
+ font-size: 2rem;
+}
+
+h2 {
+ font-size: 1.71428571rem;
+}
+
+h3 {
+ font-size: 1.28571429rem;
+}
+
+h4 {
+ font-size: 1.07142857rem;
+}
+
+h5 {
+ font-size: 1rem;
+}
+
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child {
+ margin-top: 0em;
+}
+
+h1:last-child,
+h2:last-child,
+h3:last-child,
+h4:last-child,
+h5:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Text
+*******************************/
+
+p {
+ margin: 0em 0em 1em;
+ line-height: 1.4285em;
+}
+
+p:first-child {
+ margin-top: 0em;
+}
+
+p:last-child {
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Links
+--------------------*/
+
+a {
+ color: #4183C4;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #1e70bf;
+ text-decoration: none;
+}
+
+/*******************************
+ Scrollbars
+*******************************/
+
+/*******************************
+ Highlighting
+*******************************/
+
+/* Site */
+
+::-webkit-selection {
+ background-color: #CCE2FF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+::-moz-selection {
+ background-color: #CCE2FF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+::selection {
+ background-color: #CCE2FF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Form */
+
+textarea::-webkit-selection,
+input::-webkit-selection {
+ background-color: rgba(100, 100, 100, 0.4);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+textarea::-moz-selection,
+input::-moz-selection {
+ background-color: rgba(100, 100, 100, 0.4);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+textarea::-moz-selection,
+input::-moz-selection {
+ background-color: rgba(100, 100, 100, 0.4);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+textarea::selection,
+input::selection {
+ background-color: rgba(100, 100, 100, 0.4);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Force Simple Scrollbars */
+
+body ::-webkit-scrollbar {
+ -webkit-appearance: none;
+ width: 10px;
+ height: 10px;
+}
+
+body ::-webkit-scrollbar-track {
+ background: rgba(0, 0, 0, 0.1);
+ border-radius: 0px;
+}
+
+body ::-webkit-scrollbar-thumb {
+ cursor: pointer;
+ border-radius: 5px;
+ background: rgba(0, 0, 0, 0.25);
+ -webkit-transition: color 0.2s ease;
+ transition: color 0.2s ease;
+}
+
+body ::-webkit-scrollbar-thumb:window-inactive {
+ background: rgba(0, 0, 0, 0.15);
+}
+
+body ::-webkit-scrollbar-thumb:hover {
+ background: rgba(128, 135, 139, 0.8);
+}
+
+/* Inverted UI */
+
+body .ui.inverted::-webkit-scrollbar-track {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+body .ui.inverted::-webkit-scrollbar-thumb {
+ background: rgba(255, 255, 255, 0.25);
+}
+
+body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
+ background: rgba(255, 255, 255, 0.15);
+}
+
+body .ui.inverted::-webkit-scrollbar-thumb:hover {
+ background: rgba(255, 255, 255, 0.35);
+}
+
+/*******************************
+ Global Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Button
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Button
+*******************************/
+
+.ui.button {
+ cursor: pointer;
+ display: inline-block;
+ min-height: 1em;
+ outline: none;
+ border: none;
+ vertical-align: baseline;
+ background: #E0E1E2 none;
+ color: rgba(0, 0, 0, 0.6);
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ margin: 0em 0.25em 0em 0em;
+ padding: 0.78571429em 1.5em 0.78571429em;
+ text-transform: none;
+ text-shadow: none;
+ font-weight: bold;
+ line-height: 1em;
+ font-style: normal;
+ text-align: center;
+ text-decoration: none;
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
+ will-change: '';
+ -webkit-tap-highlight-color: transparent;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.button:hover {
+ background-color: #CACBCD;
+ background-image: none;
+ box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.button:hover .icon {
+ opacity: 0.85;
+}
+
+/*--------------
+ Focus
+---------------*/
+
+.ui.button:focus {
+ background-color: #CACBCD;
+ color: rgba(0, 0, 0, 0.8);
+ background-image: '' !important;
+ box-shadow: '' !important;
+}
+
+.ui.button:focus .icon {
+ opacity: 0.85;
+}
+
+/*--------------
+ Down
+---------------*/
+
+.ui.button:active,
+.ui.active.button:active {
+ background-color: #BABBBC;
+ background-image: '';
+ color: rgba(0, 0, 0, 0.9);
+ box-shadow: 0px 0px 0px 1px transparent inset, none;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.active.button {
+ background-color: #C0C1C2;
+ background-image: none;
+ box-shadow: 0px 0px 0px 1px transparent inset;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.active.button:hover {
+ background-color: #C0C1C2;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.active.button:active {
+ background-color: #C0C1C2;
+ background-image: none;
+}
+
+/*--------------
+ Loading
+---------------*/
+
+/* Specificity hack */
+
+.ui.loading.loading.loading.loading.loading.loading.button {
+ position: relative;
+ cursor: default;
+ text-shadow: none !important;
+ color: transparent !important;
+ opacity: 1;
+ pointer-events: auto;
+ transition: all 0s linear, opacity 0.1s ease;
+}
+
+.ui.loading.button:before {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.15);
+}
+
+.ui.loading.button:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ -webkit-animation: button-spin 0.6s linear;
+ animation: button-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #FFFFFF transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+.ui.labeled.icon.loading.button .icon {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+@-webkit-keyframes button-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes button-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+.ui.basic.loading.button:not(.inverted):before {
+ border-color: rgba(0, 0, 0, 0.1);
+}
+
+.ui.basic.loading.button:not(.inverted):after {
+ border-top-color: #767676;
+}
+
+/*-------------------
+ Disabled
+--------------------*/
+
+.ui.buttons .disabled.button,
+.ui.disabled.button,
+.ui.button:disabled,
+.ui.disabled.button:hover,
+.ui.disabled.active.button {
+ cursor: default;
+ opacity: 0.45 !important;
+ background-image: none !important;
+ box-shadow: none !important;
+ pointer-events: none !important;
+}
+
+/* Basic Group With Disabled */
+
+.ui.basic.buttons .ui.disabled.button {
+ border-color: rgba(34, 36, 38, 0.5);
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Animated
+--------------------*/
+
+.ui.animated.button {
+ position: relative;
+ overflow: hidden;
+ padding-right: 0em !important;
+ vertical-align: middle;
+ z-index: 1;
+}
+
+.ui.animated.button .content {
+ will-change: transform, opacity;
+}
+
+.ui.animated.button .visible.content {
+ position: relative;
+ margin-right: 1.5em;
+}
+
+.ui.animated.button .hidden.content {
+ position: absolute;
+ width: 100%;
+}
+
+/* Horizontal */
+
+.ui.animated.button .visible.content,
+.ui.animated.button .hidden.content {
+ transition: right 0.3s ease 0s;
+}
+
+.ui.animated.button .visible.content {
+ left: auto;
+ right: 0%;
+}
+
+.ui.animated.button .hidden.content {
+ top: 50%;
+ left: auto;
+ right: -100%;
+ margin-top: -0.5em;
+}
+
+.ui.animated.button:focus .visible.content,
+.ui.animated.button:hover .visible.content {
+ left: auto;
+ right: 200%;
+}
+
+.ui.animated.button:focus .hidden.content,
+.ui.animated.button:hover .hidden.content {
+ left: auto;
+ right: 0%;
+}
+
+/* Vertical */
+
+.ui.vertical.animated.button .visible.content,
+.ui.vertical.animated.button .hidden.content {
+ transition: top 0.3s ease, transform 0.3s ease;
+}
+
+.ui.vertical.animated.button .visible.content {
+ transform: translateY(0%);
+ right: auto;
+}
+
+.ui.vertical.animated.button .hidden.content {
+ top: -50%;
+ left: 0%;
+ right: auto;
+}
+
+.ui.vertical.animated.button:focus .visible.content,
+.ui.vertical.animated.button:hover .visible.content {
+ transform: translateY(200%);
+ right: auto;
+}
+
+.ui.vertical.animated.button:focus .hidden.content,
+.ui.vertical.animated.button:hover .hidden.content {
+ top: 50%;
+ right: auto;
+}
+
+/* Fade */
+
+.ui.fade.animated.button .visible.content,
+.ui.fade.animated.button .hidden.content {
+ transition: opacity 0.3s ease, transform 0.3s ease;
+}
+
+.ui.fade.animated.button .visible.content {
+ left: auto;
+ right: auto;
+ opacity: 1;
+ transform: scale(1);
+}
+
+.ui.fade.animated.button .hidden.content {
+ opacity: 0;
+ left: 0%;
+ right: auto;
+ transform: scale(1.5);
+}
+
+.ui.fade.animated.button:focus .visible.content,
+.ui.fade.animated.button:hover .visible.content {
+ left: auto;
+ right: auto;
+ opacity: 0;
+ transform: scale(0.75);
+}
+
+.ui.fade.animated.button:focus .hidden.content,
+.ui.fade.animated.button:hover .hidden.content {
+ left: 0%;
+ right: auto;
+ opacity: 1;
+ transform: scale(1);
+}
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.button {
+ box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
+ background: transparent none;
+ color: #FFFFFF;
+ text-shadow: none !important;
+}
+
+/* Group */
+
+.ui.inverted.buttons .button {
+ margin: 0px 0px 0px -2px;
+}
+
+.ui.inverted.buttons .button:first-child {
+ margin-left: 0em;
+}
+
+.ui.inverted.vertical.buttons .button {
+ margin: 0px 0px -2px 0px;
+}
+
+.ui.inverted.vertical.buttons .button:first-child {
+ margin-top: 0em;
+}
+
+/* States */
+
+/* Hover */
+
+.ui.inverted.button:hover {
+ background: #FFFFFF;
+ box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Active / Focus */
+
+.ui.inverted.button:focus,
+.ui.inverted.button.active {
+ background: #FFFFFF;
+ box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Active Focus */
+
+.ui.inverted.button.active:focus {
+ background: #DCDDDE;
+ box-shadow: 0px 0px 0px 2px #DCDDDE inset !important;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/*-------------------
+ Labeled Button
+--------------------*/
+
+.ui.labeled.button:not(.icon) {
+ display: inline-flex;
+ flex-direction: row;
+ background: none !important;
+ padding: 0px !important;
+ border: none !important;
+ box-shadow: none !important;
+}
+
+.ui.labeled.button > .button {
+ margin: 0px;
+}
+
+.ui.labeled.button > .label {
+ display: flex;
+ align-items: center;
+ margin: 0px 0px 0px -1px !important;
+ padding: '';
+ font-size: 1em;
+ border-color: rgba(34, 36, 38, 0.15);
+}
+
+/* Tag */
+
+.ui.labeled.button > .tag.label:before {
+ width: 1.85em;
+ height: 1.85em;
+}
+
+/* Right */
+
+.ui.labeled.button:not([class*="left labeled"]) > .button {
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+.ui.labeled.button:not([class*="left labeled"]) > .label {
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+/* Left Side */
+
+.ui[class*="left labeled"].button > .button {
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+.ui[class*="left labeled"].button > .label {
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+/*-------------------
+ Social
+--------------------*/
+
+/* Facebook */
+
+.ui.facebook.button {
+ background-color: #3B5998;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.facebook.button:hover {
+ background-color: #304d8a;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.facebook.button:active {
+ background-color: #2d4373;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Twitter */
+
+.ui.twitter.button {
+ background-color: #55ACEE;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.twitter.button:hover {
+ background-color: #35a2f4;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.twitter.button:active {
+ background-color: #2795e9;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Google Plus */
+
+.ui.google.plus.button {
+ background-color: #DD4B39;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.google.plus.button:hover {
+ background-color: #e0321c;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.google.plus.button:active {
+ background-color: #c23321;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Linked In */
+
+.ui.linkedin.button {
+ background-color: #1F88BE;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.linkedin.button:hover {
+ background-color: #147baf;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.linkedin.button:active {
+ background-color: #186992;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* YouTube */
+
+.ui.youtube.button {
+ background-color: #FF0000;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.youtube.button:hover {
+ background-color: #e60000;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.youtube.button:active {
+ background-color: #cc0000;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Instagram */
+
+.ui.instagram.button {
+ background-color: #49769C;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.instagram.button:hover {
+ background-color: #3d698e;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.instagram.button:active {
+ background-color: #395c79;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Pinterest */
+
+.ui.pinterest.button {
+ background-color: #BD081C;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.pinterest.button:hover {
+ background-color: #ac0013;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.pinterest.button:active {
+ background-color: #8c0615;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* VK */
+
+.ui.vk.button {
+ background-color: #4D7198;
+ color: #FFFFFF;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.vk.button:hover {
+ background-color: #41648a;
+ color: #FFFFFF;
+}
+
+.ui.vk.button:active {
+ background-color: #3c5876;
+ color: #FFFFFF;
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.button > .icon:not(.button) {
+ height: 0.85714286em;
+ opacity: 0.8;
+ margin: 0em 0.42857143em 0em -0.21428571em;
+ transition: opacity 0.1s ease;
+ vertical-align: '';
+ color: '';
+}
+
+.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
+ margin: 0em 0.42857143em 0em -0.21428571em;
+}
+
+.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
+ margin: 0em -0.21428571em 0em 0.42857143em;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Floated
+--------------------*/
+
+.ui[class*="left floated"].buttons,
+.ui[class*="left floated"].button {
+ float: left;
+ margin-left: 0em;
+ margin-right: 0.25em;
+}
+
+.ui[class*="right floated"].buttons,
+.ui[class*="right floated"].button {
+ float: right;
+ margin-right: 0em;
+ margin-left: 0.25em;
+}
+
+/*-------------------
+ Compact
+--------------------*/
+
+.ui.compact.buttons .button,
+.ui.compact.button {
+ padding: 0.58928571em 1.125em 0.58928571em;
+}
+
+.ui.compact.icon.buttons .button,
+.ui.compact.icon.button {
+ padding: 0.58928571em 0.58928571em 0.58928571em;
+}
+
+.ui.compact.labeled.icon.buttons .button,
+.ui.compact.labeled.icon.button {
+ padding: 0.58928571em 3.69642857em 0.58928571em;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.buttons .button,
+.ui.mini.buttons .or,
+.ui.mini.button {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.buttons .button,
+.ui.tiny.buttons .or,
+.ui.tiny.button {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.buttons .button,
+.ui.small.buttons .or,
+.ui.small.button {
+ font-size: 0.92857143rem;
+}
+
+.ui.buttons .button,
+.ui.buttons .or,
+.ui.button {
+ font-size: 1rem;
+}
+
+.ui.large.buttons .button,
+.ui.large.buttons .or,
+.ui.large.button {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.buttons .button,
+.ui.big.buttons .or,
+.ui.big.button {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.buttons .button,
+.ui.huge.buttons .or,
+.ui.huge.button {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.buttons .button,
+.ui.massive.buttons .or,
+.ui.massive.button {
+ font-size: 1.71428571rem;
+}
+
+/*--------------
+ Icon Only
+---------------*/
+
+.ui.icon.buttons .button,
+.ui.icon.button {
+ padding: 0.78571429em 0.78571429em 0.78571429em;
+}
+
+.ui.icon.buttons .button > .icon,
+.ui.icon.button > .icon {
+ opacity: 0.9;
+ margin: 0em !important;
+ vertical-align: top;
+}
+
+/*-------------------
+ Basic
+--------------------*/
+
+.ui.basic.buttons .button,
+.ui.basic.button {
+ background: transparent none !important;
+ color: rgba(0, 0, 0, 0.6) !important;
+ font-weight: normal;
+ border-radius: 0.28571429rem;
+ text-transform: none;
+ text-shadow: none !important;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons {
+ box-shadow: none;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+}
+
+.ui.basic.buttons .button {
+ border-radius: 0em;
+}
+
+.ui.basic.buttons .button:hover,
+.ui.basic.button:hover {
+ background: #FFFFFF !important;
+ color: rgba(0, 0, 0, 0.8) !important;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .button:focus,
+.ui.basic.button:focus {
+ background: #FFFFFF !important;
+ color: rgba(0, 0, 0, 0.8) !important;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .button:active,
+.ui.basic.button:active {
+ background: #F8F8F8 !important;
+ color: rgba(0, 0, 0, 0.9) !important;
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .active.button,
+.ui.basic.active.button {
+ background: rgba(0, 0, 0, 0.05) !important;
+ box-shadow: '' !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.basic.buttons .active.button:hover,
+.ui.basic.active.button:hover {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+
+/* Vertical */
+
+.ui.basic.buttons .button:hover {
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset;
+}
+
+.ui.basic.buttons .button:active {
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset;
+}
+
+.ui.basic.buttons .active.button {
+ box-shadow: '' !important;
+}
+
+/* Standard Basic Inverted */
+
+.ui.basic.inverted.buttons .button,
+.ui.basic.inverted.button {
+ background-color: transparent !important;
+ color: #F9FAFB !important;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+}
+
+.ui.basic.inverted.buttons .button:hover,
+.ui.basic.inverted.button:hover {
+ color: #FFFFFF !important;
+ box-shadow: 0px 0px 0px 2px #ffffff inset !important;
+}
+
+.ui.basic.inverted.buttons .button:focus,
+.ui.basic.inverted.button:focus {
+ color: #FFFFFF !important;
+ box-shadow: 0px 0px 0px 2px #ffffff inset !important;
+}
+
+.ui.basic.inverted.buttons .button:active,
+.ui.basic.inverted.button:active {
+ background-color: rgba(255, 255, 255, 0.08) !important;
+ color: #FFFFFF !important;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;
+}
+
+.ui.basic.inverted.buttons .active.button,
+.ui.basic.inverted.active.button {
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+ text-shadow: none;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;
+}
+
+.ui.basic.inverted.buttons .active.button:hover,
+.ui.basic.inverted.active.button:hover {
+ background-color: rgba(255, 255, 255, 0.15);
+ box-shadow: 0px 0px 0px 2px #ffffff inset !important;
+}
+
+/* Basic Group */
+
+.ui.basic.buttons .button {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: none;
+}
+
+.ui.basic.vertical.buttons .button {
+ border-left: none;
+}
+
+.ui.basic.vertical.buttons .button {
+ border-left-width: 0px;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.basic.vertical.buttons .button:first-child {
+ border-top-width: 0px;
+}
+
+/*--------------
+ Labeled Icon
+---------------*/
+
+.ui.labeled.icon.buttons .button,
+.ui.labeled.icon.button {
+ position: relative;
+ padding-left: 4.07142857em !important;
+ padding-right: 1.5em !important;
+}
+
+/* Left Labeled */
+
+.ui.labeled.icon.buttons > .button > .icon,
+.ui.labeled.icon.button > .icon {
+ position: absolute;
+ height: 100%;
+ line-height: 1;
+ border-radius: 0px;
+ border-top-left-radius: inherit;
+ border-bottom-left-radius: inherit;
+ text-align: center;
+ margin: 0em;
+ width: 2.57142857em;
+ background-color: rgba(0, 0, 0, 0.05);
+ color: '';
+ box-shadow: -1px 0px 0px 0px transparent inset;
+}
+
+/* Left Labeled */
+
+.ui.labeled.icon.buttons > .button > .icon,
+.ui.labeled.icon.button > .icon {
+ top: 0em;
+ left: 0em;
+}
+
+/* Right Labeled */
+
+.ui[class*="right labeled"].icon.button {
+ padding-right: 4.07142857em !important;
+ padding-left: 1.5em !important;
+}
+
+.ui[class*="right labeled"].icon.button > .icon {
+ left: auto;
+ right: 0em;
+ border-radius: 0px;
+ border-top-right-radius: inherit;
+ border-bottom-right-radius: inherit;
+ box-shadow: 1px 0px 0px 0px transparent inset;
+}
+
+.ui.labeled.icon.buttons > .button > .icon:before,
+.ui.labeled.icon.button > .icon:before,
+.ui.labeled.icon.buttons > .button > .icon:after,
+.ui.labeled.icon.button > .icon:after {
+ display: block;
+ position: absolute;
+ width: 100%;
+ top: 50%;
+ text-align: center;
+ transform: translateY(-50%);
+}
+
+/* Loading */
+
+.ui.labeled.icon.button > .icon.loading {
+ -webkit-animation: none;
+ animation: none;
+}
+
+.ui.labeled.icon.button > .icon.loading:before {
+ -webkit-animation: labeled-button-icon-loading 2s linear infinite;
+ animation: labeled-button-icon-loading 2s linear infinite;
+}
+
+@-webkit-keyframes labeled-button-icon-loading {
+ from {
+ transform: translateY(-50%) rotate(0deg);
+ }
+
+ to {
+ transform: translateY(-50%) rotate(360deg);
+ }
+}
+
+@keyframes labeled-button-icon-loading {
+ from {
+ transform: translateY(-50%) rotate(0deg);
+ }
+
+ to {
+ transform: translateY(-50%) rotate(360deg);
+ }
+}
+
+.ui.labeled.icon.buttons .button > .icon {
+ border-radius: 0em;
+}
+
+.ui.labeled.icon.buttons .button:first-child > .icon {
+ border-top-left-radius: 0.28571429rem;
+ border-bottom-left-radius: 0.28571429rem;
+}
+
+.ui.labeled.icon.buttons .button:last-child > .icon {
+ border-top-right-radius: 0.28571429rem;
+ border-bottom-right-radius: 0.28571429rem;
+}
+
+.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
+ border-radius: 0em;
+ border-top-left-radius: 0.28571429rem;
+}
+
+.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
+ border-radius: 0em;
+ border-bottom-left-radius: 0.28571429rem;
+}
+
+/* Fluid Labeled */
+
+.ui.fluid[class*="left labeled"].icon.button,
+.ui.fluid[class*="right labeled"].icon.button {
+ padding-left: 1.5em !important;
+ padding-right: 1.5em !important;
+}
+
+/*--------------
+ Toggle
+---------------*/
+
+/* Toggle (Modifies active state to give affordances) */
+
+.ui.toggle.buttons .active.button,
+.ui.buttons .button.toggle.active,
+.ui.button.toggle.active {
+ background-color: #21BA45 !important;
+ box-shadow: none !important;
+ text-shadow: none;
+ color: #FFFFFF !important;
+}
+
+.ui.button.toggle.active:hover {
+ background-color: #16ab39 !important;
+ text-shadow: none;
+ color: #FFFFFF !important;
+}
+
+/*--------------
+ Circular
+---------------*/
+
+.ui.circular.button {
+ border-radius: 10em;
+}
+
+.ui.circular.button > .icon {
+ width: 1em;
+ vertical-align: baseline;
+}
+
+/*-------------------
+ Or Buttons
+--------------------*/
+
+.ui.buttons .or {
+ position: relative;
+ width: 0.3em;
+ height: 2.57142857em;
+ z-index: 3;
+}
+
+.ui.buttons .or:before {
+ position: absolute;
+ text-align: center;
+ border-radius: 500rem;
+ content: 'or';
+ top: 50%;
+ left: 50%;
+ background-color: #FFFFFF;
+ text-shadow: none;
+ margin-top: -0.89285714em;
+ margin-left: -0.89285714em;
+ width: 1.78571429em;
+ height: 1.78571429em;
+ line-height: 1.78571429em;
+ color: rgba(0, 0, 0, 0.4);
+ font-style: normal;
+ font-weight: bold;
+ box-shadow: 0px 0px 0px 1px transparent inset;
+}
+
+.ui.buttons .or[data-text]:before {
+ content: attr(data-text);
+}
+
+/* Fluid Or */
+
+.ui.fluid.buttons .or {
+ width: 0em !important;
+}
+
+.ui.fluid.buttons .or:after {
+ display: none;
+}
+
+/*-------------------
+ Attached
+--------------------*/
+
+/* Singular */
+
+.ui.attached.button {
+ position: relative;
+ display: block;
+ margin: 0em;
+ border-radius: 0em;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;
+}
+
+/* Top / Bottom */
+
+.ui.attached.top.button {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.attached.bottom.button {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/* Left / Right */
+
+.ui.left.attached.button {
+ display: inline-block;
+ border-left: none;
+ text-align: right;
+ padding-right: 0.75em;
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+.ui.right.attached.button {
+ display: inline-block;
+ text-align: left;
+ padding-left: 0.75em;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+/* Plural */
+
+.ui.attached.buttons {
+ position: relative;
+ display: flex;
+ border-radius: 0em;
+ width: auto !important;
+ z-index: 2;
+ margin-left: -1px;
+ margin-right: -1px;
+}
+
+.ui.attached.buttons .button {
+ margin: 0em;
+}
+
+.ui.attached.buttons .button:first-child {
+ border-radius: 0em;
+}
+
+.ui.attached.buttons .button:last-child {
+ border-radius: 0em;
+}
+
+/* Top / Bottom */
+
+.ui[class*="top attached"].buttons {
+ margin-bottom: -1px;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui[class*="top attached"].buttons .button:first-child {
+ border-radius: 0.28571429rem 0em 0em 0em;
+}
+
+.ui[class*="top attached"].buttons .button:last-child {
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+.ui[class*="bottom attached"].buttons {
+ margin-top: -1px;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui[class*="bottom attached"].buttons .button:first-child {
+ border-radius: 0em 0em 0em 0.28571429rem;
+}
+
+.ui[class*="bottom attached"].buttons .button:last-child {
+ border-radius: 0em 0em 0.28571429rem 0em;
+}
+
+/* Left / Right */
+
+.ui[class*="left attached"].buttons {
+ display: inline-flex;
+ margin-right: 0em;
+ margin-left: -1px;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+.ui[class*="left attached"].buttons .button:first-child {
+ margin-left: -1px;
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+.ui[class*="left attached"].buttons .button:last-child {
+ margin-left: -1px;
+ border-radius: 0em 0em 0.28571429rem 0em;
+}
+
+.ui[class*="right attached"].buttons {
+ display: inline-flex;
+ margin-left: 0em;
+ margin-right: -1px;
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+.ui[class*="right attached"].buttons .button:first-child {
+ margin-left: -1px;
+ border-radius: 0.28571429rem 0em 0em 0em;
+}
+
+.ui[class*="right attached"].buttons .button:last-child {
+ margin-left: -1px;
+ border-radius: 0em 0em 0em 0.28571429rem;
+}
+
+/*-------------------
+ Fluid
+--------------------*/
+
+.ui.fluid.buttons,
+.ui.fluid.button {
+ width: 100%;
+}
+
+.ui.fluid.button {
+ display: block;
+}
+
+.ui.two.buttons {
+ width: 100%;
+}
+
+.ui.two.buttons > .button {
+ width: 50%;
+}
+
+.ui.three.buttons {
+ width: 100%;
+}
+
+.ui.three.buttons > .button {
+ width: 33.333%;
+}
+
+.ui.four.buttons {
+ width: 100%;
+}
+
+.ui.four.buttons > .button {
+ width: 25%;
+}
+
+.ui.five.buttons {
+ width: 100%;
+}
+
+.ui.five.buttons > .button {
+ width: 20%;
+}
+
+.ui.six.buttons {
+ width: 100%;
+}
+
+.ui.six.buttons > .button {
+ width: 16.666%;
+}
+
+.ui.seven.buttons {
+ width: 100%;
+}
+
+.ui.seven.buttons > .button {
+ width: 14.285%;
+}
+
+.ui.eight.buttons {
+ width: 100%;
+}
+
+.ui.eight.buttons > .button {
+ width: 12.5%;
+}
+
+.ui.nine.buttons {
+ width: 100%;
+}
+
+.ui.nine.buttons > .button {
+ width: 11.11%;
+}
+
+.ui.ten.buttons {
+ width: 100%;
+}
+
+.ui.ten.buttons > .button {
+ width: 10%;
+}
+
+.ui.eleven.buttons {
+ width: 100%;
+}
+
+.ui.eleven.buttons > .button {
+ width: 9.09%;
+}
+
+.ui.twelve.buttons {
+ width: 100%;
+}
+
+.ui.twelve.buttons > .button {
+ width: 8.3333%;
+}
+
+/* Fluid Vertical Buttons */
+
+.ui.fluid.vertical.buttons,
+.ui.fluid.vertical.buttons > .button {
+ display: flex;
+ width: auto;
+}
+
+.ui.two.vertical.buttons > .button {
+ height: 50%;
+}
+
+.ui.three.vertical.buttons > .button {
+ height: 33.333%;
+}
+
+.ui.four.vertical.buttons > .button {
+ height: 25%;
+}
+
+.ui.five.vertical.buttons > .button {
+ height: 20%;
+}
+
+.ui.six.vertical.buttons > .button {
+ height: 16.666%;
+}
+
+.ui.seven.vertical.buttons > .button {
+ height: 14.285%;
+}
+
+.ui.eight.vertical.buttons > .button {
+ height: 12.5%;
+}
+
+.ui.nine.vertical.buttons > .button {
+ height: 11.11%;
+}
+
+.ui.ten.vertical.buttons > .button {
+ height: 10%;
+}
+
+.ui.eleven.vertical.buttons > .button {
+ height: 9.09%;
+}
+
+.ui.twelve.vertical.buttons > .button {
+ height: 8.3333%;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/*--- Black ---*/
+
+.ui.black.buttons .button,
+.ui.black.button {
+ background-color: #1B1C1D;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.black.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.black.buttons .button:hover,
+.ui.black.button:hover {
+ background-color: #27292a;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.black.buttons .button:focus,
+.ui.black.button:focus {
+ background-color: #2f3032;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.black.buttons .button:active,
+.ui.black.button:active {
+ background-color: #343637;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.black.buttons .active.button,
+.ui.black.buttons .active.button:active,
+.ui.black.active.button,
+.ui.black.button .active.button:active {
+ background-color: #0f0f10;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.black.buttons .button,
+.ui.basic.black.button {
+ box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
+ color: #1B1C1D !important;
+}
+
+.ui.basic.black.buttons .button:hover,
+.ui.basic.black.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #27292a inset !important;
+ color: #27292a !important;
+}
+
+.ui.basic.black.buttons .button:focus,
+.ui.basic.black.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #2f3032 inset !important;
+ color: #27292a !important;
+}
+
+.ui.basic.black.buttons .active.button,
+.ui.basic.black.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;
+ color: #343637 !important;
+}
+
+.ui.basic.black.buttons .button:active,
+.ui.basic.black.button:active {
+ box-shadow: 0px 0px 0px 1px #343637 inset !important;
+ color: #343637 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.black.buttons .button,
+.ui.inverted.black.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.black.buttons .button:hover,
+.ui.inverted.black.button:hover,
+.ui.inverted.black.buttons .button:focus,
+.ui.inverted.black.button:focus,
+.ui.inverted.black.buttons .button.active,
+.ui.inverted.black.button.active,
+.ui.inverted.black.buttons .button:active,
+.ui.inverted.black.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.black.buttons .button:hover,
+.ui.inverted.black.button:hover {
+ background-color: #000000;
+}
+
+.ui.inverted.black.buttons .button:focus,
+.ui.inverted.black.button:focus {
+ background-color: #000000;
+}
+
+.ui.inverted.black.buttons .active.button,
+.ui.inverted.black.active.button {
+ background-color: #000000;
+}
+
+.ui.inverted.black.buttons .button:active,
+.ui.inverted.black.button:active {
+ background-color: #000000;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.black.basic.buttons .button,
+.ui.inverted.black.buttons .basic.button,
+.ui.inverted.black.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.black.basic.buttons .button:hover,
+.ui.inverted.black.buttons .basic.button:hover,
+.ui.inverted.black.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #000000 inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.black.basic.buttons .button:focus,
+.ui.inverted.black.basic.buttons .button:focus,
+.ui.inverted.black.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #000000 inset !important;
+ color: #545454 !important;
+}
+
+.ui.inverted.black.basic.buttons .active.button,
+.ui.inverted.black.buttons .basic.active.button,
+.ui.inverted.black.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #000000 inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.black.basic.buttons .button:active,
+.ui.inverted.black.buttons .basic.button:active,
+.ui.inverted.black.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #000000 inset !important;
+ color: #FFFFFF !important;
+}
+
+/*--- Grey ---*/
+
+.ui.grey.buttons .button,
+.ui.grey.button {
+ background-color: #767676;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.grey.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.grey.buttons .button:hover,
+.ui.grey.button:hover {
+ background-color: #838383;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.grey.buttons .button:focus,
+.ui.grey.button:focus {
+ background-color: #8a8a8a;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.grey.buttons .button:active,
+.ui.grey.button:active {
+ background-color: #909090;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.grey.buttons .active.button,
+.ui.grey.buttons .active.button:active,
+.ui.grey.active.button,
+.ui.grey.button .active.button:active {
+ background-color: #696969;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.grey.buttons .button,
+.ui.basic.grey.button {
+ box-shadow: 0px 0px 0px 1px #767676 inset !important;
+ color: #767676 !important;
+}
+
+.ui.basic.grey.buttons .button:hover,
+.ui.basic.grey.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #838383 inset !important;
+ color: #838383 !important;
+}
+
+.ui.basic.grey.buttons .button:focus,
+.ui.basic.grey.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #8a8a8a inset !important;
+ color: #838383 !important;
+}
+
+.ui.basic.grey.buttons .active.button,
+.ui.basic.grey.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #696969 inset !important;
+ color: #909090 !important;
+}
+
+.ui.basic.grey.buttons .button:active,
+.ui.basic.grey.button:active {
+ box-shadow: 0px 0px 0px 1px #909090 inset !important;
+ color: #909090 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.grey.buttons .button,
+.ui.inverted.grey.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.grey.buttons .button:hover,
+.ui.inverted.grey.button:hover,
+.ui.inverted.grey.buttons .button:focus,
+.ui.inverted.grey.button:focus,
+.ui.inverted.grey.buttons .button.active,
+.ui.inverted.grey.button.active,
+.ui.inverted.grey.buttons .button:active,
+.ui.inverted.grey.button:active {
+ box-shadow: none !important;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.inverted.grey.buttons .button:hover,
+.ui.inverted.grey.button:hover {
+ background-color: #cfd0d2;
+}
+
+.ui.inverted.grey.buttons .button:focus,
+.ui.inverted.grey.button:focus {
+ background-color: #c7c9cb;
+}
+
+.ui.inverted.grey.buttons .active.button,
+.ui.inverted.grey.active.button {
+ background-color: #cfd0d2;
+}
+
+.ui.inverted.grey.buttons .button:active,
+.ui.inverted.grey.button:active {
+ background-color: #c2c4c5;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.grey.basic.buttons .button,
+.ui.inverted.grey.buttons .basic.button,
+.ui.inverted.grey.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.grey.basic.buttons .button:hover,
+.ui.inverted.grey.buttons .basic.button:hover,
+.ui.inverted.grey.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.grey.basic.buttons .button:focus,
+.ui.inverted.grey.basic.buttons .button:focus,
+.ui.inverted.grey.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #c7c9cb inset !important;
+ color: #DCDDDE !important;
+}
+
+.ui.inverted.grey.basic.buttons .active.button,
+.ui.inverted.grey.buttons .basic.active.button,
+.ui.inverted.grey.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.grey.basic.buttons .button:active,
+.ui.inverted.grey.buttons .basic.button:active,
+.ui.inverted.grey.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important;
+ color: #FFFFFF !important;
+}
+
+/*--- Brown ---*/
+
+.ui.brown.buttons .button,
+.ui.brown.button {
+ background-color: #A5673F;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.brown.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.brown.buttons .button:hover,
+.ui.brown.button:hover {
+ background-color: #975b33;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.brown.buttons .button:focus,
+.ui.brown.button:focus {
+ background-color: #90532b;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.brown.buttons .button:active,
+.ui.brown.button:active {
+ background-color: #805031;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.brown.buttons .active.button,
+.ui.brown.buttons .active.button:active,
+.ui.brown.active.button,
+.ui.brown.button .active.button:active {
+ background-color: #995a31;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.brown.buttons .button,
+.ui.basic.brown.button {
+ box-shadow: 0px 0px 0px 1px #A5673F inset !important;
+ color: #A5673F !important;
+}
+
+.ui.basic.brown.buttons .button:hover,
+.ui.basic.brown.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #975b33 inset !important;
+ color: #975b33 !important;
+}
+
+.ui.basic.brown.buttons .button:focus,
+.ui.basic.brown.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #90532b inset !important;
+ color: #975b33 !important;
+}
+
+.ui.basic.brown.buttons .active.button,
+.ui.basic.brown.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #995a31 inset !important;
+ color: #805031 !important;
+}
+
+.ui.basic.brown.buttons .button:active,
+.ui.basic.brown.button:active {
+ box-shadow: 0px 0px 0px 1px #805031 inset !important;
+ color: #805031 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.brown.buttons .button,
+.ui.inverted.brown.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #D67C1C inset !important;
+ color: #D67C1C;
+}
+
+.ui.inverted.brown.buttons .button:hover,
+.ui.inverted.brown.button:hover,
+.ui.inverted.brown.buttons .button:focus,
+.ui.inverted.brown.button:focus,
+.ui.inverted.brown.buttons .button.active,
+.ui.inverted.brown.button.active,
+.ui.inverted.brown.buttons .button:active,
+.ui.inverted.brown.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.brown.buttons .button:hover,
+.ui.inverted.brown.button:hover {
+ background-color: #c86f11;
+}
+
+.ui.inverted.brown.buttons .button:focus,
+.ui.inverted.brown.button:focus {
+ background-color: #c16808;
+}
+
+.ui.inverted.brown.buttons .active.button,
+.ui.inverted.brown.active.button {
+ background-color: #cc6f0d;
+}
+
+.ui.inverted.brown.buttons .button:active,
+.ui.inverted.brown.button:active {
+ background-color: #a96216;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.brown.basic.buttons .button,
+.ui.inverted.brown.buttons .basic.button,
+.ui.inverted.brown.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.brown.basic.buttons .button:hover,
+.ui.inverted.brown.buttons .basic.button:hover,
+.ui.inverted.brown.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #c86f11 inset !important;
+ color: #D67C1C !important;
+}
+
+.ui.inverted.brown.basic.buttons .button:focus,
+.ui.inverted.brown.basic.buttons .button:focus,
+.ui.inverted.brown.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #c16808 inset !important;
+ color: #D67C1C !important;
+}
+
+.ui.inverted.brown.basic.buttons .active.button,
+.ui.inverted.brown.buttons .basic.active.button,
+.ui.inverted.brown.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;
+ color: #D67C1C !important;
+}
+
+.ui.inverted.brown.basic.buttons .button:active,
+.ui.inverted.brown.buttons .basic.button:active,
+.ui.inverted.brown.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #a96216 inset !important;
+ color: #D67C1C !important;
+}
+
+/*--- Blue ---*/
+
+.ui.blue.buttons .button,
+.ui.blue.button {
+ background-color: #2185D0;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.blue.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.blue.buttons .button:hover,
+.ui.blue.button:hover {
+ background-color: #1678c2;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.blue.buttons .button:focus,
+.ui.blue.button:focus {
+ background-color: #0d71bb;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.blue.buttons .button:active,
+.ui.blue.button:active {
+ background-color: #1a69a4;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.blue.buttons .active.button,
+.ui.blue.buttons .active.button:active,
+.ui.blue.active.button,
+.ui.blue.button .active.button:active {
+ background-color: #1279c6;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.blue.buttons .button,
+.ui.basic.blue.button {
+ box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
+ color: #2185D0 !important;
+}
+
+.ui.basic.blue.buttons .button:hover,
+.ui.basic.blue.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
+ color: #1678c2 !important;
+}
+
+.ui.basic.blue.buttons .button:focus,
+.ui.basic.blue.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
+ color: #1678c2 !important;
+}
+
+.ui.basic.blue.buttons .active.button,
+.ui.basic.blue.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
+ color: #1a69a4 !important;
+}
+
+.ui.basic.blue.buttons .button:active,
+.ui.basic.blue.button:active {
+ box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
+ color: #1a69a4 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.blue.buttons .button,
+.ui.inverted.blue.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
+ color: #54C8FF;
+}
+
+.ui.inverted.blue.buttons .button:hover,
+.ui.inverted.blue.button:hover,
+.ui.inverted.blue.buttons .button:focus,
+.ui.inverted.blue.button:focus,
+.ui.inverted.blue.buttons .button.active,
+.ui.inverted.blue.button.active,
+.ui.inverted.blue.buttons .button:active,
+.ui.inverted.blue.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.blue.buttons .button:hover,
+.ui.inverted.blue.button:hover {
+ background-color: #3ac0ff;
+}
+
+.ui.inverted.blue.buttons .button:focus,
+.ui.inverted.blue.button:focus {
+ background-color: #2bbbff;
+}
+
+.ui.inverted.blue.buttons .active.button,
+.ui.inverted.blue.active.button {
+ background-color: #3ac0ff;
+}
+
+.ui.inverted.blue.buttons .button:active,
+.ui.inverted.blue.button:active {
+ background-color: #21b8ff;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.blue.basic.buttons .button,
+.ui.inverted.blue.buttons .basic.button,
+.ui.inverted.blue.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.blue.basic.buttons .button:hover,
+.ui.inverted.blue.buttons .basic.button:hover,
+.ui.inverted.blue.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.blue.basic.buttons .button:focus,
+.ui.inverted.blue.basic.buttons .button:focus,
+.ui.inverted.blue.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.blue.basic.buttons .active.button,
+.ui.inverted.blue.buttons .basic.active.button,
+.ui.inverted.blue.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.blue.basic.buttons .button:active,
+.ui.inverted.blue.buttons .basic.button:active,
+.ui.inverted.blue.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
+ color: #54C8FF !important;
+}
+
+/*--- Green ---*/
+
+.ui.green.buttons .button,
+.ui.green.button {
+ background-color: #21BA45;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.green.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.green.buttons .button:hover,
+.ui.green.button:hover {
+ background-color: #16ab39;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.green.buttons .button:focus,
+.ui.green.button:focus {
+ background-color: #0ea432;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.green.buttons .button:active,
+.ui.green.button:active {
+ background-color: #198f35;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.green.buttons .active.button,
+.ui.green.buttons .active.button:active,
+.ui.green.active.button,
+.ui.green.button .active.button:active {
+ background-color: #13ae38;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.green.buttons .button,
+.ui.basic.green.button {
+ box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
+ color: #21BA45 !important;
+}
+
+.ui.basic.green.buttons .button:hover,
+.ui.basic.green.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
+ color: #16ab39 !important;
+}
+
+.ui.basic.green.buttons .button:focus,
+.ui.basic.green.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
+ color: #16ab39 !important;
+}
+
+.ui.basic.green.buttons .active.button,
+.ui.basic.green.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
+ color: #198f35 !important;
+}
+
+.ui.basic.green.buttons .button:active,
+.ui.basic.green.button:active {
+ box-shadow: 0px 0px 0px 1px #198f35 inset !important;
+ color: #198f35 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.green.buttons .button,
+.ui.inverted.green.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;
+ color: #2ECC40;
+}
+
+.ui.inverted.green.buttons .button:hover,
+.ui.inverted.green.button:hover,
+.ui.inverted.green.buttons .button:focus,
+.ui.inverted.green.button:focus,
+.ui.inverted.green.buttons .button.active,
+.ui.inverted.green.button.active,
+.ui.inverted.green.buttons .button:active,
+.ui.inverted.green.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.green.buttons .button:hover,
+.ui.inverted.green.button:hover {
+ background-color: #22be34;
+}
+
+.ui.inverted.green.buttons .button:focus,
+.ui.inverted.green.button:focus {
+ background-color: #19b82b;
+}
+
+.ui.inverted.green.buttons .active.button,
+.ui.inverted.green.active.button {
+ background-color: #1fc231;
+}
+
+.ui.inverted.green.buttons .button:active,
+.ui.inverted.green.button:active {
+ background-color: #25a233;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.green.basic.buttons .button,
+.ui.inverted.green.buttons .basic.button,
+.ui.inverted.green.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.green.basic.buttons .button:hover,
+.ui.inverted.green.buttons .basic.button:hover,
+.ui.inverted.green.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #22be34 inset !important;
+ color: #2ECC40 !important;
+}
+
+.ui.inverted.green.basic.buttons .button:focus,
+.ui.inverted.green.basic.buttons .button:focus,
+.ui.inverted.green.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #19b82b inset !important;
+ color: #2ECC40 !important;
+}
+
+.ui.inverted.green.basic.buttons .active.button,
+.ui.inverted.green.buttons .basic.active.button,
+.ui.inverted.green.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #1fc231 inset !important;
+ color: #2ECC40 !important;
+}
+
+.ui.inverted.green.basic.buttons .button:active,
+.ui.inverted.green.buttons .basic.button:active,
+.ui.inverted.green.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #25a233 inset !important;
+ color: #2ECC40 !important;
+}
+
+/*--- Orange ---*/
+
+.ui.orange.buttons .button,
+.ui.orange.button {
+ background-color: #F2711C;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.orange.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.orange.buttons .button:hover,
+.ui.orange.button:hover {
+ background-color: #f26202;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.orange.buttons .button:focus,
+.ui.orange.button:focus {
+ background-color: #e55b00;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.orange.buttons .button:active,
+.ui.orange.button:active {
+ background-color: #cf590c;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.orange.buttons .active.button,
+.ui.orange.buttons .active.button:active,
+.ui.orange.active.button,
+.ui.orange.button .active.button:active {
+ background-color: #f56100;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.orange.buttons .button,
+.ui.basic.orange.button {
+ box-shadow: 0px 0px 0px 1px #F2711C inset !important;
+ color: #F2711C !important;
+}
+
+.ui.basic.orange.buttons .button:hover,
+.ui.basic.orange.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #f26202 inset !important;
+ color: #f26202 !important;
+}
+
+.ui.basic.orange.buttons .button:focus,
+.ui.basic.orange.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
+ color: #f26202 !important;
+}
+
+.ui.basic.orange.buttons .active.button,
+.ui.basic.orange.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #f56100 inset !important;
+ color: #cf590c !important;
+}
+
+.ui.basic.orange.buttons .button:active,
+.ui.basic.orange.button:active {
+ box-shadow: 0px 0px 0px 1px #cf590c inset !important;
+ color: #cf590c !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.orange.buttons .button,
+.ui.inverted.orange.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #FF851B inset !important;
+ color: #FF851B;
+}
+
+.ui.inverted.orange.buttons .button:hover,
+.ui.inverted.orange.button:hover,
+.ui.inverted.orange.buttons .button:focus,
+.ui.inverted.orange.button:focus,
+.ui.inverted.orange.buttons .button.active,
+.ui.inverted.orange.button.active,
+.ui.inverted.orange.buttons .button:active,
+.ui.inverted.orange.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.orange.buttons .button:hover,
+.ui.inverted.orange.button:hover {
+ background-color: #ff7701;
+}
+
+.ui.inverted.orange.buttons .button:focus,
+.ui.inverted.orange.button:focus {
+ background-color: #f17000;
+}
+
+.ui.inverted.orange.buttons .active.button,
+.ui.inverted.orange.active.button {
+ background-color: #ff7701;
+}
+
+.ui.inverted.orange.buttons .button:active,
+.ui.inverted.orange.button:active {
+ background-color: #e76b00;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.orange.basic.buttons .button,
+.ui.inverted.orange.buttons .basic.button,
+.ui.inverted.orange.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.orange.basic.buttons .button:hover,
+.ui.inverted.orange.buttons .basic.button:hover,
+.ui.inverted.orange.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
+ color: #FF851B !important;
+}
+
+.ui.inverted.orange.basic.buttons .button:focus,
+.ui.inverted.orange.basic.buttons .button:focus,
+.ui.inverted.orange.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #f17000 inset !important;
+ color: #FF851B !important;
+}
+
+.ui.inverted.orange.basic.buttons .active.button,
+.ui.inverted.orange.buttons .basic.active.button,
+.ui.inverted.orange.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
+ color: #FF851B !important;
+}
+
+.ui.inverted.orange.basic.buttons .button:active,
+.ui.inverted.orange.buttons .basic.button:active,
+.ui.inverted.orange.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
+ color: #FF851B !important;
+}
+
+/*--- Pink ---*/
+
+.ui.pink.buttons .button,
+.ui.pink.button {
+ background-color: #E03997;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.pink.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.pink.buttons .button:hover,
+.ui.pink.button:hover {
+ background-color: #e61a8d;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.pink.buttons .button:focus,
+.ui.pink.button:focus {
+ background-color: #e10f85;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.pink.buttons .button:active,
+.ui.pink.button:active {
+ background-color: #c71f7e;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.pink.buttons .active.button,
+.ui.pink.buttons .active.button:active,
+.ui.pink.active.button,
+.ui.pink.button .active.button:active {
+ background-color: #ea158d;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.pink.buttons .button,
+.ui.basic.pink.button {
+ box-shadow: 0px 0px 0px 1px #E03997 inset !important;
+ color: #E03997 !important;
+}
+
+.ui.basic.pink.buttons .button:hover,
+.ui.basic.pink.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #e61a8d inset !important;
+ color: #e61a8d !important;
+}
+
+.ui.basic.pink.buttons .button:focus,
+.ui.basic.pink.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #e10f85 inset !important;
+ color: #e61a8d !important;
+}
+
+.ui.basic.pink.buttons .active.button,
+.ui.basic.pink.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #ea158d inset !important;
+ color: #c71f7e !important;
+}
+
+.ui.basic.pink.buttons .button:active,
+.ui.basic.pink.button:active {
+ box-shadow: 0px 0px 0px 1px #c71f7e inset !important;
+ color: #c71f7e !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.pink.buttons .button,
+.ui.inverted.pink.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;
+ color: #FF8EDF;
+}
+
+.ui.inverted.pink.buttons .button:hover,
+.ui.inverted.pink.button:hover,
+.ui.inverted.pink.buttons .button:focus,
+.ui.inverted.pink.button:focus,
+.ui.inverted.pink.buttons .button.active,
+.ui.inverted.pink.button.active,
+.ui.inverted.pink.buttons .button:active,
+.ui.inverted.pink.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.pink.buttons .button:hover,
+.ui.inverted.pink.button:hover {
+ background-color: #ff74d8;
+}
+
+.ui.inverted.pink.buttons .button:focus,
+.ui.inverted.pink.button:focus {
+ background-color: #ff65d3;
+}
+
+.ui.inverted.pink.buttons .active.button,
+.ui.inverted.pink.active.button {
+ background-color: #ff74d8;
+}
+
+.ui.inverted.pink.buttons .button:active,
+.ui.inverted.pink.button:active {
+ background-color: #ff5bd1;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.pink.basic.buttons .button,
+.ui.inverted.pink.buttons .basic.button,
+.ui.inverted.pink.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.pink.basic.buttons .button:hover,
+.ui.inverted.pink.buttons .basic.button:hover,
+.ui.inverted.pink.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
+ color: #FF8EDF !important;
+}
+
+.ui.inverted.pink.basic.buttons .button:focus,
+.ui.inverted.pink.basic.buttons .button:focus,
+.ui.inverted.pink.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;
+ color: #FF8EDF !important;
+}
+
+.ui.inverted.pink.basic.buttons .active.button,
+.ui.inverted.pink.buttons .basic.active.button,
+.ui.inverted.pink.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
+ color: #FF8EDF !important;
+}
+
+.ui.inverted.pink.basic.buttons .button:active,
+.ui.inverted.pink.buttons .basic.button:active,
+.ui.inverted.pink.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;
+ color: #FF8EDF !important;
+}
+
+/*--- Violet ---*/
+
+.ui.violet.buttons .button,
+.ui.violet.button {
+ background-color: #6435C9;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.violet.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.violet.buttons .button:hover,
+.ui.violet.button:hover {
+ background-color: #5829bb;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.violet.buttons .button:focus,
+.ui.violet.button:focus {
+ background-color: #4f20b5;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.violet.buttons .button:active,
+.ui.violet.button:active {
+ background-color: #502aa1;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.violet.buttons .active.button,
+.ui.violet.buttons .active.button:active,
+.ui.violet.active.button,
+.ui.violet.button .active.button:active {
+ background-color: #5626bf;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.violet.buttons .button,
+.ui.basic.violet.button {
+ box-shadow: 0px 0px 0px 1px #6435C9 inset !important;
+ color: #6435C9 !important;
+}
+
+.ui.basic.violet.buttons .button:hover,
+.ui.basic.violet.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #5829bb inset !important;
+ color: #5829bb !important;
+}
+
+.ui.basic.violet.buttons .button:focus,
+.ui.basic.violet.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;
+ color: #5829bb !important;
+}
+
+.ui.basic.violet.buttons .active.button,
+.ui.basic.violet.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #5626bf inset !important;
+ color: #502aa1 !important;
+}
+
+.ui.basic.violet.buttons .button:active,
+.ui.basic.violet.button:active {
+ box-shadow: 0px 0px 0px 1px #502aa1 inset !important;
+ color: #502aa1 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.violet.buttons .button,
+.ui.inverted.violet.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #A291FB inset !important;
+ color: #A291FB;
+}
+
+.ui.inverted.violet.buttons .button:hover,
+.ui.inverted.violet.button:hover,
+.ui.inverted.violet.buttons .button:focus,
+.ui.inverted.violet.button:focus,
+.ui.inverted.violet.buttons .button.active,
+.ui.inverted.violet.button.active,
+.ui.inverted.violet.buttons .button:active,
+.ui.inverted.violet.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.violet.buttons .button:hover,
+.ui.inverted.violet.button:hover {
+ background-color: #8a73ff;
+}
+
+.ui.inverted.violet.buttons .button:focus,
+.ui.inverted.violet.button:focus {
+ background-color: #7d64ff;
+}
+
+.ui.inverted.violet.buttons .active.button,
+.ui.inverted.violet.active.button {
+ background-color: #8a73ff;
+}
+
+.ui.inverted.violet.buttons .button:active,
+.ui.inverted.violet.button:active {
+ background-color: #7860f9;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.violet.basic.buttons .button,
+.ui.inverted.violet.buttons .basic.button,
+.ui.inverted.violet.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.violet.basic.buttons .button:hover,
+.ui.inverted.violet.buttons .basic.button:hover,
+.ui.inverted.violet.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
+ color: #A291FB !important;
+}
+
+.ui.inverted.violet.basic.buttons .button:focus,
+.ui.inverted.violet.basic.buttons .button:focus,
+.ui.inverted.violet.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #7d64ff inset !important;
+ color: #A291FB !important;
+}
+
+.ui.inverted.violet.basic.buttons .active.button,
+.ui.inverted.violet.buttons .basic.active.button,
+.ui.inverted.violet.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
+ color: #A291FB !important;
+}
+
+.ui.inverted.violet.basic.buttons .button:active,
+.ui.inverted.violet.buttons .basic.button:active,
+.ui.inverted.violet.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #7860f9 inset !important;
+ color: #A291FB !important;
+}
+
+/*--- Purple ---*/
+
+.ui.purple.buttons .button,
+.ui.purple.button {
+ background-color: #A333C8;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.purple.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.purple.buttons .button:hover,
+.ui.purple.button:hover {
+ background-color: #9627ba;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.purple.buttons .button:focus,
+.ui.purple.button:focus {
+ background-color: #8f1eb4;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.purple.buttons .button:active,
+.ui.purple.button:active {
+ background-color: #82299f;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.purple.buttons .active.button,
+.ui.purple.buttons .active.button:active,
+.ui.purple.active.button,
+.ui.purple.button .active.button:active {
+ background-color: #9724be;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.purple.buttons .button,
+.ui.basic.purple.button {
+ box-shadow: 0px 0px 0px 1px #A333C8 inset !important;
+ color: #A333C8 !important;
+}
+
+.ui.basic.purple.buttons .button:hover,
+.ui.basic.purple.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #9627ba inset !important;
+ color: #9627ba !important;
+}
+
+.ui.basic.purple.buttons .button:focus,
+.ui.basic.purple.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;
+ color: #9627ba !important;
+}
+
+.ui.basic.purple.buttons .active.button,
+.ui.basic.purple.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #9724be inset !important;
+ color: #82299f !important;
+}
+
+.ui.basic.purple.buttons .button:active,
+.ui.basic.purple.button:active {
+ box-shadow: 0px 0px 0px 1px #82299f inset !important;
+ color: #82299f !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.purple.buttons .button,
+.ui.inverted.purple.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #DC73FF inset !important;
+ color: #DC73FF;
+}
+
+.ui.inverted.purple.buttons .button:hover,
+.ui.inverted.purple.button:hover,
+.ui.inverted.purple.buttons .button:focus,
+.ui.inverted.purple.button:focus,
+.ui.inverted.purple.buttons .button.active,
+.ui.inverted.purple.button.active,
+.ui.inverted.purple.buttons .button:active,
+.ui.inverted.purple.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.purple.buttons .button:hover,
+.ui.inverted.purple.button:hover {
+ background-color: #d65aff;
+}
+
+.ui.inverted.purple.buttons .button:focus,
+.ui.inverted.purple.button:focus {
+ background-color: #d24aff;
+}
+
+.ui.inverted.purple.buttons .active.button,
+.ui.inverted.purple.active.button {
+ background-color: #d65aff;
+}
+
+.ui.inverted.purple.buttons .button:active,
+.ui.inverted.purple.button:active {
+ background-color: #cf40ff;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.purple.basic.buttons .button,
+.ui.inverted.purple.buttons .basic.button,
+.ui.inverted.purple.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.purple.basic.buttons .button:hover,
+.ui.inverted.purple.buttons .basic.button:hover,
+.ui.inverted.purple.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #d65aff inset !important;
+ color: #DC73FF !important;
+}
+
+.ui.inverted.purple.basic.buttons .button:focus,
+.ui.inverted.purple.basic.buttons .button:focus,
+.ui.inverted.purple.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #d24aff inset !important;
+ color: #DC73FF !important;
+}
+
+.ui.inverted.purple.basic.buttons .active.button,
+.ui.inverted.purple.buttons .basic.active.button,
+.ui.inverted.purple.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #d65aff inset !important;
+ color: #DC73FF !important;
+}
+
+.ui.inverted.purple.basic.buttons .button:active,
+.ui.inverted.purple.buttons .basic.button:active,
+.ui.inverted.purple.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #cf40ff inset !important;
+ color: #DC73FF !important;
+}
+
+/*--- Red ---*/
+
+.ui.red.buttons .button,
+.ui.red.button {
+ background-color: #DB2828;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.red.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.red.buttons .button:hover,
+.ui.red.button:hover {
+ background-color: #d01919;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.red.buttons .button:focus,
+.ui.red.button:focus {
+ background-color: #ca1010;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.red.buttons .button:active,
+.ui.red.button:active {
+ background-color: #b21e1e;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.red.buttons .active.button,
+.ui.red.buttons .active.button:active,
+.ui.red.active.button,
+.ui.red.button .active.button:active {
+ background-color: #d41515;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.red.buttons .button,
+.ui.basic.red.button {
+ box-shadow: 0px 0px 0px 1px #DB2828 inset !important;
+ color: #DB2828 !important;
+}
+
+.ui.basic.red.buttons .button:hover,
+.ui.basic.red.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #d01919 inset !important;
+ color: #d01919 !important;
+}
+
+.ui.basic.red.buttons .button:focus,
+.ui.basic.red.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
+ color: #d01919 !important;
+}
+
+.ui.basic.red.buttons .active.button,
+.ui.basic.red.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #d41515 inset !important;
+ color: #b21e1e !important;
+}
+
+.ui.basic.red.buttons .button:active,
+.ui.basic.red.button:active {
+ box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
+ color: #b21e1e !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.red.buttons .button,
+.ui.inverted.red.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #FF695E inset !important;
+ color: #FF695E;
+}
+
+.ui.inverted.red.buttons .button:hover,
+.ui.inverted.red.button:hover,
+.ui.inverted.red.buttons .button:focus,
+.ui.inverted.red.button:focus,
+.ui.inverted.red.buttons .button.active,
+.ui.inverted.red.button.active,
+.ui.inverted.red.buttons .button:active,
+.ui.inverted.red.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.red.buttons .button:hover,
+.ui.inverted.red.button:hover {
+ background-color: #ff5144;
+}
+
+.ui.inverted.red.buttons .button:focus,
+.ui.inverted.red.button:focus {
+ background-color: #ff4335;
+}
+
+.ui.inverted.red.buttons .active.button,
+.ui.inverted.red.active.button {
+ background-color: #ff5144;
+}
+
+.ui.inverted.red.buttons .button:active,
+.ui.inverted.red.button:active {
+ background-color: #ff392b;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.red.basic.buttons .button,
+.ui.inverted.red.buttons .basic.button,
+.ui.inverted.red.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.red.basic.buttons .button:hover,
+.ui.inverted.red.buttons .basic.button:hover,
+.ui.inverted.red.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
+ color: #FF695E !important;
+}
+
+.ui.inverted.red.basic.buttons .button:focus,
+.ui.inverted.red.basic.buttons .button:focus,
+.ui.inverted.red.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #ff4335 inset !important;
+ color: #FF695E !important;
+}
+
+.ui.inverted.red.basic.buttons .active.button,
+.ui.inverted.red.buttons .basic.active.button,
+.ui.inverted.red.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
+ color: #FF695E !important;
+}
+
+.ui.inverted.red.basic.buttons .button:active,
+.ui.inverted.red.buttons .basic.button:active,
+.ui.inverted.red.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #ff392b inset !important;
+ color: #FF695E !important;
+}
+
+/*--- Teal ---*/
+
+.ui.teal.buttons .button,
+.ui.teal.button {
+ background-color: #00B5AD;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.teal.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.teal.buttons .button:hover,
+.ui.teal.button:hover {
+ background-color: #009c95;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.teal.buttons .button:focus,
+.ui.teal.button:focus {
+ background-color: #008c86;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.teal.buttons .button:active,
+.ui.teal.button:active {
+ background-color: #00827c;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.teal.buttons .active.button,
+.ui.teal.buttons .active.button:active,
+.ui.teal.active.button,
+.ui.teal.button .active.button:active {
+ background-color: #009c95;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.teal.buttons .button,
+.ui.basic.teal.button {
+ box-shadow: 0px 0px 0px 1px #00B5AD inset !important;
+ color: #00B5AD !important;
+}
+
+.ui.basic.teal.buttons .button:hover,
+.ui.basic.teal.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #009c95 inset !important;
+ color: #009c95 !important;
+}
+
+.ui.basic.teal.buttons .button:focus,
+.ui.basic.teal.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #008c86 inset !important;
+ color: #009c95 !important;
+}
+
+.ui.basic.teal.buttons .active.button,
+.ui.basic.teal.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #009c95 inset !important;
+ color: #00827c !important;
+}
+
+.ui.basic.teal.buttons .button:active,
+.ui.basic.teal.button:active {
+ box-shadow: 0px 0px 0px 1px #00827c inset !important;
+ color: #00827c !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.teal.buttons .button,
+.ui.inverted.teal.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #6DFFFF inset !important;
+ color: #6DFFFF;
+}
+
+.ui.inverted.teal.buttons .button:hover,
+.ui.inverted.teal.button:hover,
+.ui.inverted.teal.buttons .button:focus,
+.ui.inverted.teal.button:focus,
+.ui.inverted.teal.buttons .button.active,
+.ui.inverted.teal.button.active,
+.ui.inverted.teal.buttons .button:active,
+.ui.inverted.teal.button:active {
+ box-shadow: none !important;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.inverted.teal.buttons .button:hover,
+.ui.inverted.teal.button:hover {
+ background-color: #54ffff;
+}
+
+.ui.inverted.teal.buttons .button:focus,
+.ui.inverted.teal.button:focus {
+ background-color: #44ffff;
+}
+
+.ui.inverted.teal.buttons .active.button,
+.ui.inverted.teal.active.button {
+ background-color: #54ffff;
+}
+
+.ui.inverted.teal.buttons .button:active,
+.ui.inverted.teal.button:active {
+ background-color: #3affff;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.teal.basic.buttons .button,
+.ui.inverted.teal.buttons .basic.button,
+.ui.inverted.teal.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.teal.basic.buttons .button:hover,
+.ui.inverted.teal.buttons .basic.button:hover,
+.ui.inverted.teal.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #54ffff inset !important;
+ color: #6DFFFF !important;
+}
+
+.ui.inverted.teal.basic.buttons .button:focus,
+.ui.inverted.teal.basic.buttons .button:focus,
+.ui.inverted.teal.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #44ffff inset !important;
+ color: #6DFFFF !important;
+}
+
+.ui.inverted.teal.basic.buttons .active.button,
+.ui.inverted.teal.buttons .basic.active.button,
+.ui.inverted.teal.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #54ffff inset !important;
+ color: #6DFFFF !important;
+}
+
+.ui.inverted.teal.basic.buttons .button:active,
+.ui.inverted.teal.buttons .basic.button:active,
+.ui.inverted.teal.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #3affff inset !important;
+ color: #6DFFFF !important;
+}
+
+/*--- Olive ---*/
+
+.ui.olive.buttons .button,
+.ui.olive.button {
+ background-color: #B5CC18;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.olive.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.olive.buttons .button:hover,
+.ui.olive.button:hover {
+ background-color: #a7bd0d;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.olive.buttons .button:focus,
+.ui.olive.button:focus {
+ background-color: #a0b605;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.olive.buttons .button:active,
+.ui.olive.button:active {
+ background-color: #8d9e13;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.olive.buttons .active.button,
+.ui.olive.buttons .active.button:active,
+.ui.olive.active.button,
+.ui.olive.button .active.button:active {
+ background-color: #aac109;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.olive.buttons .button,
+.ui.basic.olive.button {
+ box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;
+ color: #B5CC18 !important;
+}
+
+.ui.basic.olive.buttons .button:hover,
+.ui.basic.olive.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;
+ color: #a7bd0d !important;
+}
+
+.ui.basic.olive.buttons .button:focus,
+.ui.basic.olive.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #a0b605 inset !important;
+ color: #a7bd0d !important;
+}
+
+.ui.basic.olive.buttons .active.button,
+.ui.basic.olive.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #aac109 inset !important;
+ color: #8d9e13 !important;
+}
+
+.ui.basic.olive.buttons .button:active,
+.ui.basic.olive.button:active {
+ box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;
+ color: #8d9e13 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.olive.buttons .button,
+.ui.inverted.olive.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #D9E778 inset !important;
+ color: #D9E778;
+}
+
+.ui.inverted.olive.buttons .button:hover,
+.ui.inverted.olive.button:hover,
+.ui.inverted.olive.buttons .button:focus,
+.ui.inverted.olive.button:focus,
+.ui.inverted.olive.buttons .button.active,
+.ui.inverted.olive.button.active,
+.ui.inverted.olive.buttons .button:active,
+.ui.inverted.olive.button:active {
+ box-shadow: none !important;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.inverted.olive.buttons .button:hover,
+.ui.inverted.olive.button:hover {
+ background-color: #d8ea5c;
+}
+
+.ui.inverted.olive.buttons .button:focus,
+.ui.inverted.olive.button:focus {
+ background-color: #daef47;
+}
+
+.ui.inverted.olive.buttons .active.button,
+.ui.inverted.olive.active.button {
+ background-color: #daed59;
+}
+
+.ui.inverted.olive.buttons .button:active,
+.ui.inverted.olive.button:active {
+ background-color: #cddf4d;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.olive.basic.buttons .button,
+.ui.inverted.olive.buttons .basic.button,
+.ui.inverted.olive.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.olive.basic.buttons .button:hover,
+.ui.inverted.olive.buttons .basic.button:hover,
+.ui.inverted.olive.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;
+ color: #D9E778 !important;
+}
+
+.ui.inverted.olive.basic.buttons .button:focus,
+.ui.inverted.olive.basic.buttons .button:focus,
+.ui.inverted.olive.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #daef47 inset !important;
+ color: #D9E778 !important;
+}
+
+.ui.inverted.olive.basic.buttons .active.button,
+.ui.inverted.olive.buttons .basic.active.button,
+.ui.inverted.olive.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #daed59 inset !important;
+ color: #D9E778 !important;
+}
+
+.ui.inverted.olive.basic.buttons .button:active,
+.ui.inverted.olive.buttons .basic.button:active,
+.ui.inverted.olive.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #cddf4d inset !important;
+ color: #D9E778 !important;
+}
+
+/*--- Yellow ---*/
+
+.ui.yellow.buttons .button,
+.ui.yellow.button {
+ background-color: #FBBD08;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.yellow.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.yellow.buttons .button:hover,
+.ui.yellow.button:hover {
+ background-color: #eaae00;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.yellow.buttons .button:focus,
+.ui.yellow.button:focus {
+ background-color: #daa300;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.yellow.buttons .button:active,
+.ui.yellow.button:active {
+ background-color: #cd9903;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.yellow.buttons .active.button,
+.ui.yellow.buttons .active.button:active,
+.ui.yellow.active.button,
+.ui.yellow.button .active.button:active {
+ background-color: #eaae00;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.yellow.buttons .button,
+.ui.basic.yellow.button {
+ box-shadow: 0px 0px 0px 1px #FBBD08 inset !important;
+ color: #FBBD08 !important;
+}
+
+.ui.basic.yellow.buttons .button:hover,
+.ui.basic.yellow.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
+ color: #eaae00 !important;
+}
+
+.ui.basic.yellow.buttons .button:focus,
+.ui.basic.yellow.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #daa300 inset !important;
+ color: #eaae00 !important;
+}
+
+.ui.basic.yellow.buttons .active.button,
+.ui.basic.yellow.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
+ color: #cd9903 !important;
+}
+
+.ui.basic.yellow.buttons .button:active,
+.ui.basic.yellow.button:active {
+ box-shadow: 0px 0px 0px 1px #cd9903 inset !important;
+ color: #cd9903 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.yellow.buttons .button,
+.ui.inverted.yellow.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #FFE21F inset !important;
+ color: #FFE21F;
+}
+
+.ui.inverted.yellow.buttons .button:hover,
+.ui.inverted.yellow.button:hover,
+.ui.inverted.yellow.buttons .button:focus,
+.ui.inverted.yellow.button:focus,
+.ui.inverted.yellow.buttons .button.active,
+.ui.inverted.yellow.button.active,
+.ui.inverted.yellow.buttons .button:active,
+.ui.inverted.yellow.button:active {
+ box-shadow: none !important;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.inverted.yellow.buttons .button:hover,
+.ui.inverted.yellow.button:hover {
+ background-color: #ffdf05;
+}
+
+.ui.inverted.yellow.buttons .button:focus,
+.ui.inverted.yellow.button:focus {
+ background-color: #f5d500;
+}
+
+.ui.inverted.yellow.buttons .active.button,
+.ui.inverted.yellow.active.button {
+ background-color: #ffdf05;
+}
+
+.ui.inverted.yellow.buttons .button:active,
+.ui.inverted.yellow.button:active {
+ background-color: #ebcd00;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.yellow.basic.buttons .button,
+.ui.inverted.yellow.buttons .basic.button,
+.ui.inverted.yellow.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.yellow.basic.buttons .button:hover,
+.ui.inverted.yellow.buttons .basic.button:hover,
+.ui.inverted.yellow.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
+ color: #FFE21F !important;
+}
+
+.ui.inverted.yellow.basic.buttons .button:focus,
+.ui.inverted.yellow.basic.buttons .button:focus,
+.ui.inverted.yellow.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #f5d500 inset !important;
+ color: #FFE21F !important;
+}
+
+.ui.inverted.yellow.basic.buttons .active.button,
+.ui.inverted.yellow.buttons .basic.active.button,
+.ui.inverted.yellow.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
+ color: #FFE21F !important;
+}
+
+.ui.inverted.yellow.basic.buttons .button:active,
+.ui.inverted.yellow.buttons .basic.button:active,
+.ui.inverted.yellow.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;
+ color: #FFE21F !important;
+}
+
+/*-------------------
+ Primary
+--------------------*/
+
+/*--- Standard ---*/
+
+.ui.primary.buttons .button,
+.ui.primary.button {
+ background-color: #2185D0;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.primary.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.primary.buttons .button:hover,
+.ui.primary.button:hover {
+ background-color: #1678c2;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.primary.buttons .button:focus,
+.ui.primary.button:focus {
+ background-color: #0d71bb;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.primary.buttons .button:active,
+.ui.primary.button:active {
+ background-color: #1a69a4;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.primary.buttons .active.button,
+.ui.primary.buttons .active.button:active,
+.ui.primary.active.button,
+.ui.primary.button .active.button:active {
+ background-color: #1279c6;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.primary.buttons .button,
+.ui.basic.primary.button {
+ box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
+ color: #2185D0 !important;
+}
+
+.ui.basic.primary.buttons .button:hover,
+.ui.basic.primary.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
+ color: #1678c2 !important;
+}
+
+.ui.basic.primary.buttons .button:focus,
+.ui.basic.primary.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
+ color: #1678c2 !important;
+}
+
+.ui.basic.primary.buttons .active.button,
+.ui.basic.primary.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
+ color: #1a69a4 !important;
+}
+
+.ui.basic.primary.buttons .button:active,
+.ui.basic.primary.button:active {
+ box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
+ color: #1a69a4 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.primary.buttons .button,
+.ui.inverted.primary.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
+ color: #54C8FF;
+}
+
+.ui.inverted.primary.buttons .button:hover,
+.ui.inverted.primary.button:hover,
+.ui.inverted.primary.buttons .button:focus,
+.ui.inverted.primary.button:focus,
+.ui.inverted.primary.buttons .button.active,
+.ui.inverted.primary.button.active,
+.ui.inverted.primary.buttons .button:active,
+.ui.inverted.primary.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.primary.buttons .button:hover,
+.ui.inverted.primary.button:hover {
+ background-color: #3ac0ff;
+}
+
+.ui.inverted.primary.buttons .button:focus,
+.ui.inverted.primary.button:focus {
+ background-color: #2bbbff;
+}
+
+.ui.inverted.primary.buttons .active.button,
+.ui.inverted.primary.active.button {
+ background-color: #3ac0ff;
+}
+
+.ui.inverted.primary.buttons .button:active,
+.ui.inverted.primary.button:active {
+ background-color: #21b8ff;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.primary.basic.buttons .button,
+.ui.inverted.primary.buttons .basic.button,
+.ui.inverted.primary.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.primary.basic.buttons .button:hover,
+.ui.inverted.primary.buttons .basic.button:hover,
+.ui.inverted.primary.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.primary.basic.buttons .button:focus,
+.ui.inverted.primary.basic.buttons .button:focus,
+.ui.inverted.primary.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.primary.basic.buttons .active.button,
+.ui.inverted.primary.buttons .basic.active.button,
+.ui.inverted.primary.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.primary.basic.buttons .button:active,
+.ui.inverted.primary.buttons .basic.button:active,
+.ui.inverted.primary.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
+ color: #54C8FF !important;
+}
+
+/*-------------------
+ Secondary
+--------------------*/
+
+/* Standard */
+
+.ui.secondary.buttons .button,
+.ui.secondary.button {
+ background-color: #1B1C1D;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.secondary.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.secondary.buttons .button:hover,
+.ui.secondary.button:hover {
+ background-color: #27292a;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.secondary.buttons .button:focus,
+.ui.secondary.button:focus {
+ background-color: #2e3032;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.secondary.buttons .button:active,
+.ui.secondary.button:active {
+ background-color: #343637;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.secondary.buttons .active.button,
+.ui.secondary.buttons .active.button:active,
+.ui.secondary.active.button,
+.ui.secondary.button .active.button:active {
+ background-color: #27292a;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.secondary.buttons .button,
+.ui.basic.secondary.button {
+ box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
+ color: #1B1C1D !important;
+}
+
+.ui.basic.secondary.buttons .button:hover,
+.ui.basic.secondary.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #27292a inset !important;
+ color: #27292a !important;
+}
+
+.ui.basic.secondary.buttons .button:focus,
+.ui.basic.secondary.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #2e3032 inset !important;
+ color: #27292a !important;
+}
+
+.ui.basic.secondary.buttons .active.button,
+.ui.basic.secondary.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #27292a inset !important;
+ color: #343637 !important;
+}
+
+.ui.basic.secondary.buttons .button:active,
+.ui.basic.secondary.button:active {
+ box-shadow: 0px 0px 0px 1px #343637 inset !important;
+ color: #343637 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.secondary.buttons .button,
+.ui.inverted.secondary.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #545454 inset !important;
+ color: #545454;
+}
+
+.ui.inverted.secondary.buttons .button:hover,
+.ui.inverted.secondary.button:hover,
+.ui.inverted.secondary.buttons .button:focus,
+.ui.inverted.secondary.button:focus,
+.ui.inverted.secondary.buttons .button.active,
+.ui.inverted.secondary.button.active,
+.ui.inverted.secondary.buttons .button:active,
+.ui.inverted.secondary.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.secondary.buttons .button:hover,
+.ui.inverted.secondary.button:hover {
+ background-color: #616161;
+}
+
+.ui.inverted.secondary.buttons .button:focus,
+.ui.inverted.secondary.button:focus {
+ background-color: #686868;
+}
+
+.ui.inverted.secondary.buttons .active.button,
+.ui.inverted.secondary.active.button {
+ background-color: #616161;
+}
+
+.ui.inverted.secondary.buttons .button:active,
+.ui.inverted.secondary.button:active {
+ background-color: #6e6e6e;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.secondary.basic.buttons .button,
+.ui.inverted.secondary.buttons .basic.button,
+.ui.inverted.secondary.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.secondary.basic.buttons .button:hover,
+.ui.inverted.secondary.buttons .basic.button:hover,
+.ui.inverted.secondary.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #616161 inset !important;
+ color: #545454 !important;
+}
+
+.ui.inverted.secondary.basic.buttons .button:focus,
+.ui.inverted.secondary.basic.buttons .button:focus,
+.ui.inverted.secondary.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #686868 inset !important;
+ color: #545454 !important;
+}
+
+.ui.inverted.secondary.basic.buttons .active.button,
+.ui.inverted.secondary.buttons .basic.active.button,
+.ui.inverted.secondary.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #616161 inset !important;
+ color: #545454 !important;
+}
+
+.ui.inverted.secondary.basic.buttons .button:active,
+.ui.inverted.secondary.buttons .basic.button:active,
+.ui.inverted.secondary.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #6e6e6e inset !important;
+ color: #545454 !important;
+}
+
+/*---------------
+ Positive
+----------------*/
+
+/* Standard */
+
+.ui.positive.buttons .button,
+.ui.positive.button {
+ background-color: #21BA45;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.positive.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.positive.buttons .button:hover,
+.ui.positive.button:hover {
+ background-color: #16ab39;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.positive.buttons .button:focus,
+.ui.positive.button:focus {
+ background-color: #0ea432;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.positive.buttons .button:active,
+.ui.positive.button:active {
+ background-color: #198f35;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.positive.buttons .active.button,
+.ui.positive.buttons .active.button:active,
+.ui.positive.active.button,
+.ui.positive.button .active.button:active {
+ background-color: #13ae38;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.positive.buttons .button,
+.ui.basic.positive.button {
+ box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
+ color: #21BA45 !important;
+}
+
+.ui.basic.positive.buttons .button:hover,
+.ui.basic.positive.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
+ color: #16ab39 !important;
+}
+
+.ui.basic.positive.buttons .button:focus,
+.ui.basic.positive.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
+ color: #16ab39 !important;
+}
+
+.ui.basic.positive.buttons .active.button,
+.ui.basic.positive.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
+ color: #198f35 !important;
+}
+
+.ui.basic.positive.buttons .button:active,
+.ui.basic.positive.button:active {
+ box-shadow: 0px 0px 0px 1px #198f35 inset !important;
+ color: #198f35 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/*---------------
+ Negative
+----------------*/
+
+/* Standard */
+
+.ui.negative.buttons .button,
+.ui.negative.button {
+ background-color: #DB2828;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.negative.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.negative.buttons .button:hover,
+.ui.negative.button:hover {
+ background-color: #d01919;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.negative.buttons .button:focus,
+.ui.negative.button:focus {
+ background-color: #ca1010;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.negative.buttons .button:active,
+.ui.negative.button:active {
+ background-color: #b21e1e;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.negative.buttons .active.button,
+.ui.negative.buttons .active.button:active,
+.ui.negative.active.button,
+.ui.negative.button .active.button:active {
+ background-color: #d41515;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.negative.buttons .button,
+.ui.basic.negative.button {
+ box-shadow: 0px 0px 0px 1px #DB2828 inset !important;
+ color: #DB2828 !important;
+}
+
+.ui.basic.negative.buttons .button:hover,
+.ui.basic.negative.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #d01919 inset !important;
+ color: #d01919 !important;
+}
+
+.ui.basic.negative.buttons .button:focus,
+.ui.basic.negative.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
+ color: #d01919 !important;
+}
+
+.ui.basic.negative.buttons .active.button,
+.ui.basic.negative.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #d41515 inset !important;
+ color: #b21e1e !important;
+}
+
+.ui.basic.negative.buttons .button:active,
+.ui.basic.negative.button:active {
+ box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
+ color: #b21e1e !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/*******************************
+ Groups
+*******************************/
+
+.ui.buttons {
+ display: inline-flex;
+ flex-direction: row;
+ font-size: 0em;
+ vertical-align: baseline;
+ margin: 0em 0.25em 0em 0em;
+}
+
+.ui.buttons:not(.basic):not(.inverted) {
+ box-shadow: none;
+}
+
+/* Clearfix */
+
+.ui.buttons:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+/* Standard Group */
+
+.ui.buttons .button {
+ flex: 1 0 auto;
+ margin: 0em;
+ border-radius: 0em;
+ margin: 0px 0px 0px 0px;
+}
+
+.ui.buttons > .ui.button:not(.basic):not(.inverted),
+.ui.buttons:not(.basic):not(.inverted) > .button {
+ box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.buttons .button:first-child {
+ border-left: none;
+ margin-left: 0em;
+ border-top-left-radius: 0.28571429rem;
+ border-bottom-left-radius: 0.28571429rem;
+}
+
+.ui.buttons .button:last-child {
+ border-top-right-radius: 0.28571429rem;
+ border-bottom-right-radius: 0.28571429rem;
+}
+
+/* Vertical Style */
+
+.ui.vertical.buttons {
+ display: inline-flex;
+ flex-direction: column;
+}
+
+.ui.vertical.buttons .button {
+ display: block;
+ float: none;
+ width: 100%;
+ margin: 0px 0px 0px 0px;
+ box-shadow: none;
+ border-radius: 0em;
+}
+
+.ui.vertical.buttons .button:first-child {
+ border-top-left-radius: 0.28571429rem;
+ border-top-right-radius: 0.28571429rem;
+}
+
+.ui.vertical.buttons .button:last-child {
+ margin-bottom: 0px;
+ border-bottom-left-radius: 0.28571429rem;
+ border-bottom-right-radius: 0.28571429rem;
+}
+
+.ui.vertical.buttons .button:only-child {
+ border-radius: 0.28571429rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Container
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Container
+*******************************/
+
+/* All Sizes */
+
+.ui.container {
+ display: block;
+ max-width: 100% !important;
+}
+
+/* Mobile */
+
+@media only screen and (max-width: 767px) {
+ .ui.container {
+ width: auto !important;
+ margin-left: 1em !important;
+ margin-right: 1em !important;
+ }
+
+ .ui.grid.container {
+ width: auto !important;
+ }
+
+ .ui.relaxed.grid.container {
+ width: auto !important;
+ }
+
+ .ui.very.relaxed.grid.container {
+ width: auto !important;
+ }
+}
+
+/* Tablet */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.container {
+ width: 723px;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+
+ .ui.grid.container {
+ width: calc( 723px + 2rem ) !important;
+ }
+
+ .ui.relaxed.grid.container {
+ width: calc( 723px + 3rem ) !important;
+ }
+
+ .ui.very.relaxed.grid.container {
+ width: calc( 723px + 5rem ) !important;
+ }
+}
+
+/* Small Monitor */
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .ui.container {
+ width: 933px;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+
+ .ui.grid.container {
+ width: calc( 933px + 2rem ) !important;
+ }
+
+ .ui.relaxed.grid.container {
+ width: calc( 933px + 3rem ) !important;
+ }
+
+ .ui.very.relaxed.grid.container {
+ width: calc( 933px + 5rem ) !important;
+ }
+}
+
+/* Large Monitor */
+
+@media only screen and (min-width: 1200px) {
+ .ui.container {
+ width: 1127px;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+
+ .ui.grid.container {
+ width: calc( 1127px + 2rem ) !important;
+ }
+
+ .ui.relaxed.grid.container {
+ width: calc( 1127px + 3rem ) !important;
+ }
+
+ .ui.very.relaxed.grid.container {
+ width: calc( 1127px + 5rem ) !important;
+ }
+}
+
+/*******************************
+ Types
+*******************************/
+
+/* Text Container */
+
+.ui.text.container {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ max-width: 700px !important;
+ line-height: 1.5;
+}
+
+.ui.text.container {
+ font-size: 1.14285714rem;
+}
+
+/* Fluid */
+
+.ui.fluid.container {
+ width: 100%;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui[class*="left aligned"].container {
+ text-align: left;
+}
+
+.ui[class*="center aligned"].container {
+ text-align: center;
+}
+
+.ui[class*="right aligned"].container {
+ text-align: right;
+}
+
+.ui.justified.container {
+ text-align: justify;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ hyphens: auto;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Divider
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Divider
+*******************************/
+
+.ui.divider {
+ margin: 1rem 0rem;
+ line-height: 1;
+ height: 0em;
+ font-weight: bold;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ color: rgba(0, 0, 0, 0.85);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/*--------------
+ Basic
+---------------*/
+
+.ui.divider:not(.vertical):not(.horizontal) {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/*--------------
+ Coupling
+---------------*/
+
+/* Allow divider between each column row */
+
+.ui.grid > .column + .divider,
+.ui.grid > .row > .column + .divider {
+ left: auto;
+}
+
+/*--------------
+ Horizontal
+---------------*/
+
+.ui.horizontal.divider {
+ display: table;
+ white-space: nowrap;
+ height: auto;
+ margin: '';
+ line-height: 1;
+ text-align: center;
+}
+
+.ui.horizontal.divider:before,
+.ui.horizontal.divider:after {
+ content: '';
+ display: table-cell;
+ position: relative;
+ top: 50%;
+ width: 50%;
+ background-repeat: no-repeat;
+}
+
+.ui.horizontal.divider:before {
+ background-position: right 1em top 50%;
+}
+
+.ui.horizontal.divider:after {
+ background-position: left 1em top 50%;
+}
+
+/*--------------
+ Vertical
+---------------*/
+
+.ui.vertical.divider {
+ position: absolute;
+ z-index: 2;
+ top: 50%;
+ left: 50%;
+ margin: 0rem;
+ padding: 0em;
+ width: auto;
+ height: 50%;
+ line-height: 0em;
+ text-align: center;
+ transform: translateX(-50%);
+}
+
+.ui.vertical.divider:before,
+.ui.vertical.divider:after {
+ position: absolute;
+ left: 50%;
+ content: '';
+ z-index: 3;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ border-right: 1px solid rgba(255, 255, 255, 0.1);
+ width: 0%;
+ height: calc(100% - 1rem );
+}
+
+.ui.vertical.divider:before {
+ top: -100%;
+}
+
+.ui.vertical.divider:after {
+ top: auto;
+ bottom: 0px;
+}
+
+/* Inside grid */
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.grid .ui.vertical.divider,
+ .ui.grid .stackable.row .ui.vertical.divider {
+ display: table;
+ white-space: nowrap;
+ height: auto;
+ margin: '';
+ overflow: hidden;
+ line-height: 1;
+ text-align: center;
+ position: static;
+ top: 0;
+ left: 0;
+ transform: none;
+ }
+
+ .ui.stackable.grid .ui.vertical.divider:before,
+ .ui.grid .stackable.row .ui.vertical.divider:before,
+ .ui.stackable.grid .ui.vertical.divider:after,
+ .ui.grid .stackable.row .ui.vertical.divider:after {
+ position: static;
+ left: 0;
+ border-left: none;
+ border-right: none;
+ content: '';
+ display: table-cell;
+ position: relative;
+ top: 50%;
+ width: 50%;
+ background-repeat: no-repeat;
+ }
+
+ .ui.stackable.grid .ui.vertical.divider:before,
+ .ui.grid .stackable.row .ui.vertical.divider:before {
+ background-position: right 1em top 50%;
+ }
+
+ .ui.stackable.grid .ui.vertical.divider:after,
+ .ui.grid .stackable.row .ui.vertical.divider:after {
+ background-position: left 1em top 50%;
+ }
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.divider > .icon {
+ margin: 0rem;
+ font-size: 1rem;
+ height: 1em;
+ vertical-align: middle;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Hidden
+---------------*/
+
+.ui.hidden.divider {
+ border-color: transparent !important;
+}
+
+.ui.hidden.divider:before,
+.ui.hidden.divider:after {
+ display: none;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.divider.inverted,
+.ui.vertical.inverted.divider,
+.ui.horizontal.inverted.divider {
+ color: #FFFFFF;
+}
+
+.ui.divider.inverted,
+.ui.divider.inverted:after,
+.ui.divider.inverted:before {
+ border-top-color: rgba(34, 36, 38, 0.15) !important;
+ border-left-color: rgba(34, 36, 38, 0.15) !important;
+ border-bottom-color: rgba(255, 255, 255, 0.15) !important;
+ border-right-color: rgba(255, 255, 255, 0.15) !important;
+}
+
+/*--------------
+ Fitted
+---------------*/
+
+.ui.fitted.divider {
+ margin: 0em;
+}
+
+/*--------------
+ Clearing
+---------------*/
+
+.ui.clearing.divider {
+ clear: both;
+}
+
+/*--------------
+ Section
+---------------*/
+
+.ui.section.divider {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.divider {
+ font-size: 1rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+.ui.horizontal.divider:before,
+.ui.horizontal.divider:after {
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.grid .ui.vertical.divider:before,
+ .ui.grid .stackable.row .ui.vertical.divider:before,
+ .ui.stackable.grid .ui.vertical.divider:after,
+ .ui.grid .stackable.row .ui.vertical.divider:after {
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
+ }
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Flag
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Flag
+*******************************/
+
+i.flag:not(.icon) {
+ display: inline-block;
+ width: 16px;
+ height: 11px;
+ line-height: 11px;
+ vertical-align: baseline;
+ margin: 0em 0.5em 0em 0em;
+ text-decoration: inherit;
+ speak: none;
+ font-smoothing: antialiased;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+/* Sprite */
+
+i.flag:not(.icon):before {
+ display: inline-block;
+ content: '';
+ background: url(icons/9c74e172f87984c48ddf5c8108cabe67.png) no-repeat -108px -1976px;
+ width: 16px;
+ height: 11px;
+}
+
+/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+i.flag.ad:before,
+i.flag.andorra:before {
+ background-position: 0px 0px;
+}
+
+i.flag.ae:before,
+i.flag.united.arab.emirates:before,
+i.flag.uae:before {
+ background-position: 0px -26px;
+}
+
+i.flag.af:before,
+i.flag.afghanistan:before {
+ background-position: 0px -52px;
+}
+
+i.flag.ag:before,
+i.flag.antigua:before {
+ background-position: 0px -78px;
+}
+
+i.flag.ai:before,
+i.flag.anguilla:before {
+ background-position: 0px -104px;
+}
+
+i.flag.al:before,
+i.flag.albania:before {
+ background-position: 0px -130px;
+}
+
+i.flag.am:before,
+i.flag.armenia:before {
+ background-position: 0px -156px;
+}
+
+i.flag.an:before,
+i.flag.netherlands.antilles:before {
+ background-position: 0px -182px;
+}
+
+i.flag.ao:before,
+i.flag.angola:before {
+ background-position: 0px -208px;
+}
+
+i.flag.ar:before,
+i.flag.argentina:before {
+ background-position: 0px -234px;
+}
+
+i.flag.as:before,
+i.flag.american.samoa:before {
+ background-position: 0px -260px;
+}
+
+i.flag.at:before,
+i.flag.austria:before {
+ background-position: 0px -286px;
+}
+
+i.flag.au:before,
+i.flag.australia:before {
+ background-position: 0px -312px;
+}
+
+i.flag.aw:before,
+i.flag.aruba:before {
+ background-position: 0px -338px;
+}
+
+i.flag.ax:before,
+i.flag.aland.islands:before {
+ background-position: 0px -364px;
+}
+
+i.flag.az:before,
+i.flag.azerbaijan:before {
+ background-position: 0px -390px;
+}
+
+i.flag.ba:before,
+i.flag.bosnia:before {
+ background-position: 0px -416px;
+}
+
+i.flag.bb:before,
+i.flag.barbados:before {
+ background-position: 0px -442px;
+}
+
+i.flag.bd:before,
+i.flag.bangladesh:before {
+ background-position: 0px -468px;
+}
+
+i.flag.be:before,
+i.flag.belgium:before {
+ background-position: 0px -494px;
+}
+
+i.flag.bf:before,
+i.flag.burkina.faso:before {
+ background-position: 0px -520px;
+}
+
+i.flag.bg:before,
+i.flag.bulgaria:before {
+ background-position: 0px -546px;
+}
+
+i.flag.bh:before,
+i.flag.bahrain:before {
+ background-position: 0px -572px;
+}
+
+i.flag.bi:before,
+i.flag.burundi:before {
+ background-position: 0px -598px;
+}
+
+i.flag.bj:before,
+i.flag.benin:before {
+ background-position: 0px -624px;
+}
+
+i.flag.bm:before,
+i.flag.bermuda:before {
+ background-position: 0px -650px;
+}
+
+i.flag.bn:before,
+i.flag.brunei:before {
+ background-position: 0px -676px;
+}
+
+i.flag.bo:before,
+i.flag.bolivia:before {
+ background-position: 0px -702px;
+}
+
+i.flag.br:before,
+i.flag.brazil:before {
+ background-position: 0px -728px;
+}
+
+i.flag.bs:before,
+i.flag.bahamas:before {
+ background-position: 0px -754px;
+}
+
+i.flag.bt:before,
+i.flag.bhutan:before {
+ background-position: 0px -780px;
+}
+
+i.flag.bv:before,
+i.flag.bouvet.island:before {
+ background-position: 0px -806px;
+}
+
+i.flag.bw:before,
+i.flag.botswana:before {
+ background-position: 0px -832px;
+}
+
+i.flag.by:before,
+i.flag.belarus:before {
+ background-position: 0px -858px;
+}
+
+i.flag.bz:before,
+i.flag.belize:before {
+ background-position: 0px -884px;
+}
+
+i.flag.ca:before,
+i.flag.canada:before {
+ background-position: 0px -910px;
+}
+
+i.flag.cc:before,
+i.flag.cocos.islands:before {
+ background-position: 0px -962px;
+}
+
+i.flag.cd:before,
+i.flag.congo:before {
+ background-position: 0px -988px;
+}
+
+i.flag.cf:before,
+i.flag.central.african.republic:before {
+ background-position: 0px -1014px;
+}
+
+i.flag.cg:before,
+i.flag.congo.brazzaville:before {
+ background-position: 0px -1040px;
+}
+
+i.flag.ch:before,
+i.flag.switzerland:before {
+ background-position: 0px -1066px;
+}
+
+i.flag.ci:before,
+i.flag.cote.divoire:before {
+ background-position: 0px -1092px;
+}
+
+i.flag.ck:before,
+i.flag.cook.islands:before {
+ background-position: 0px -1118px;
+}
+
+i.flag.cl:before,
+i.flag.chile:before {
+ background-position: 0px -1144px;
+}
+
+i.flag.cm:before,
+i.flag.cameroon:before {
+ background-position: 0px -1170px;
+}
+
+i.flag.cn:before,
+i.flag.china:before {
+ background-position: 0px -1196px;
+}
+
+i.flag.co:before,
+i.flag.colombia:before {
+ background-position: 0px -1222px;
+}
+
+i.flag.cr:before,
+i.flag.costa.rica:before {
+ background-position: 0px -1248px;
+}
+
+i.flag.cs:before,
+i.flag.serbia:before {
+ background-position: 0px -1274px;
+}
+
+i.flag.cu:before,
+i.flag.cuba:before {
+ background-position: 0px -1300px;
+}
+
+i.flag.cv:before,
+i.flag.cape.verde:before {
+ background-position: 0px -1326px;
+}
+
+i.flag.cx:before,
+i.flag.christmas.island:before {
+ background-position: 0px -1352px;
+}
+
+i.flag.cy:before,
+i.flag.cyprus:before {
+ background-position: 0px -1378px;
+}
+
+i.flag.cz:before,
+i.flag.czech.republic:before {
+ background-position: 0px -1404px;
+}
+
+i.flag.de:before,
+i.flag.germany:before {
+ background-position: 0px -1430px;
+}
+
+i.flag.dj:before,
+i.flag.djibouti:before {
+ background-position: 0px -1456px;
+}
+
+i.flag.dk:before,
+i.flag.denmark:before {
+ background-position: 0px -1482px;
+}
+
+i.flag.dm:before,
+i.flag.dominica:before {
+ background-position: 0px -1508px;
+}
+
+i.flag.do:before,
+i.flag.dominican.republic:before {
+ background-position: 0px -1534px;
+}
+
+i.flag.dz:before,
+i.flag.algeria:before {
+ background-position: 0px -1560px;
+}
+
+i.flag.ec:before,
+i.flag.ecuador:before {
+ background-position: 0px -1586px;
+}
+
+i.flag.ee:before,
+i.flag.estonia:before {
+ background-position: 0px -1612px;
+}
+
+i.flag.eg:before,
+i.flag.egypt:before {
+ background-position: 0px -1638px;
+}
+
+i.flag.eh:before,
+i.flag.western.sahara:before {
+ background-position: 0px -1664px;
+}
+
+i.flag.gb.eng:before,
+i.flag.england:before {
+ background-position: 0px -1690px;
+}
+
+i.flag.er:before,
+i.flag.eritrea:before {
+ background-position: 0px -1716px;
+}
+
+i.flag.es:before,
+i.flag.spain:before {
+ background-position: 0px -1742px;
+}
+
+i.flag.et:before,
+i.flag.ethiopia:before {
+ background-position: 0px -1768px;
+}
+
+i.flag.eu:before,
+i.flag.european.union:before {
+ background-position: 0px -1794px;
+}
+
+i.flag.fi:before,
+i.flag.finland:before {
+ background-position: 0px -1846px;
+}
+
+i.flag.fj:before,
+i.flag.fiji:before {
+ background-position: 0px -1872px;
+}
+
+i.flag.fk:before,
+i.flag.falkland.islands:before {
+ background-position: 0px -1898px;
+}
+
+i.flag.fm:before,
+i.flag.micronesia:before {
+ background-position: 0px -1924px;
+}
+
+i.flag.fo:before,
+i.flag.faroe.islands:before {
+ background-position: 0px -1950px;
+}
+
+i.flag.fr:before,
+i.flag.france:before {
+ background-position: 0px -1976px;
+}
+
+i.flag.ga:before,
+i.flag.gabon:before {
+ background-position: -36px 0px;
+}
+
+i.flag.gb:before,
+i.flag.uk:before,
+i.flag.united.kingdom:before {
+ background-position: -36px -26px;
+}
+
+i.flag.gd:before,
+i.flag.grenada:before {
+ background-position: -36px -52px;
+}
+
+i.flag.ge:before,
+i.flag.georgia:before {
+ background-position: -36px -78px;
+}
+
+i.flag.gf:before,
+i.flag.french.guiana:before {
+ background-position: -36px -104px;
+}
+
+i.flag.gh:before,
+i.flag.ghana:before {
+ background-position: -36px -130px;
+}
+
+i.flag.gi:before,
+i.flag.gibraltar:before {
+ background-position: -36px -156px;
+}
+
+i.flag.gl:before,
+i.flag.greenland:before {
+ background-position: -36px -182px;
+}
+
+i.flag.gm:before,
+i.flag.gambia:before {
+ background-position: -36px -208px;
+}
+
+i.flag.gn:before,
+i.flag.guinea:before {
+ background-position: -36px -234px;
+}
+
+i.flag.gp:before,
+i.flag.guadeloupe:before {
+ background-position: -36px -260px;
+}
+
+i.flag.gq:before,
+i.flag.equatorial.guinea:before {
+ background-position: -36px -286px;
+}
+
+i.flag.gr:before,
+i.flag.greece:before {
+ background-position: -36px -312px;
+}
+
+i.flag.gs:before,
+i.flag.sandwich.islands:before {
+ background-position: -36px -338px;
+}
+
+i.flag.gt:before,
+i.flag.guatemala:before {
+ background-position: -36px -364px;
+}
+
+i.flag.gu:before,
+i.flag.guam:before {
+ background-position: -36px -390px;
+}
+
+i.flag.gw:before,
+i.flag.guinea-bissau:before {
+ background-position: -36px -416px;
+}
+
+i.flag.gy:before,
+i.flag.guyana:before {
+ background-position: -36px -442px;
+}
+
+i.flag.hk:before,
+i.flag.hong.kong:before {
+ background-position: -36px -468px;
+}
+
+i.flag.hm:before,
+i.flag.heard.island:before {
+ background-position: -36px -494px;
+}
+
+i.flag.hn:before,
+i.flag.honduras:before {
+ background-position: -36px -520px;
+}
+
+i.flag.hr:before,
+i.flag.croatia:before {
+ background-position: -36px -546px;
+}
+
+i.flag.ht:before,
+i.flag.haiti:before {
+ background-position: -36px -572px;
+}
+
+i.flag.hu:before,
+i.flag.hungary:before {
+ background-position: -36px -598px;
+}
+
+i.flag.id:before,
+i.flag.indonesia:before {
+ background-position: -36px -624px;
+}
+
+i.flag.ie:before,
+i.flag.ireland:before {
+ background-position: -36px -650px;
+}
+
+i.flag.il:before,
+i.flag.israel:before {
+ background-position: -36px -676px;
+}
+
+i.flag.in:before,
+i.flag.india:before {
+ background-position: -36px -702px;
+}
+
+i.flag.io:before,
+i.flag.indian.ocean.territory:before {
+ background-position: -36px -728px;
+}
+
+i.flag.iq:before,
+i.flag.iraq:before {
+ background-position: -36px -754px;
+}
+
+i.flag.ir:before,
+i.flag.iran:before {
+ background-position: -36px -780px;
+}
+
+i.flag.is:before,
+i.flag.iceland:before {
+ background-position: -36px -806px;
+}
+
+i.flag.it:before,
+i.flag.italy:before {
+ background-position: -36px -832px;
+}
+
+i.flag.jm:before,
+i.flag.jamaica:before {
+ background-position: -36px -858px;
+}
+
+i.flag.jo:before,
+i.flag.jordan:before {
+ background-position: -36px -884px;
+}
+
+i.flag.jp:before,
+i.flag.japan:before {
+ background-position: -36px -910px;
+}
+
+i.flag.ke:before,
+i.flag.kenya:before {
+ background-position: -36px -936px;
+}
+
+i.flag.kg:before,
+i.flag.kyrgyzstan:before {
+ background-position: -36px -962px;
+}
+
+i.flag.kh:before,
+i.flag.cambodia:before {
+ background-position: -36px -988px;
+}
+
+i.flag.ki:before,
+i.flag.kiribati:before {
+ background-position: -36px -1014px;
+}
+
+i.flag.km:before,
+i.flag.comoros:before {
+ background-position: -36px -1040px;
+}
+
+i.flag.kn:before,
+i.flag.saint.kitts.and.nevis:before {
+ background-position: -36px -1066px;
+}
+
+i.flag.kp:before,
+i.flag.north.korea:before {
+ background-position: -36px -1092px;
+}
+
+i.flag.kr:before,
+i.flag.south.korea:before {
+ background-position: -36px -1118px;
+}
+
+i.flag.kw:before,
+i.flag.kuwait:before {
+ background-position: -36px -1144px;
+}
+
+i.flag.ky:before,
+i.flag.cayman.islands:before {
+ background-position: -36px -1170px;
+}
+
+i.flag.kz:before,
+i.flag.kazakhstan:before {
+ background-position: -36px -1196px;
+}
+
+i.flag.la:before,
+i.flag.laos:before {
+ background-position: -36px -1222px;
+}
+
+i.flag.lb:before,
+i.flag.lebanon:before {
+ background-position: -36px -1248px;
+}
+
+i.flag.lc:before,
+i.flag.saint.lucia:before {
+ background-position: -36px -1274px;
+}
+
+i.flag.li:before,
+i.flag.liechtenstein:before {
+ background-position: -36px -1300px;
+}
+
+i.flag.lk:before,
+i.flag.sri.lanka:before {
+ background-position: -36px -1326px;
+}
+
+i.flag.lr:before,
+i.flag.liberia:before {
+ background-position: -36px -1352px;
+}
+
+i.flag.ls:before,
+i.flag.lesotho:before {
+ background-position: -36px -1378px;
+}
+
+i.flag.lt:before,
+i.flag.lithuania:before {
+ background-position: -36px -1404px;
+}
+
+i.flag.lu:before,
+i.flag.luxembourg:before {
+ background-position: -36px -1430px;
+}
+
+i.flag.lv:before,
+i.flag.latvia:before {
+ background-position: -36px -1456px;
+}
+
+i.flag.ly:before,
+i.flag.libya:before {
+ background-position: -36px -1482px;
+}
+
+i.flag.ma:before,
+i.flag.morocco:before {
+ background-position: -36px -1508px;
+}
+
+i.flag.mc:before,
+i.flag.monaco:before {
+ background-position: -36px -1534px;
+}
+
+i.flag.md:before,
+i.flag.moldova:before {
+ background-position: -36px -1560px;
+}
+
+i.flag.me:before,
+i.flag.montenegro:before {
+ background-position: -36px -1586px;
+}
+
+i.flag.mg:before,
+i.flag.madagascar:before {
+ background-position: -36px -1613px;
+}
+
+i.flag.mh:before,
+i.flag.marshall.islands:before {
+ background-position: -36px -1639px;
+}
+
+i.flag.mk:before,
+i.flag.macedonia:before {
+ background-position: -36px -1665px;
+}
+
+i.flag.ml:before,
+i.flag.mali:before {
+ background-position: -36px -1691px;
+}
+
+i.flag.mm:before,
+i.flag.myanmar:before,
+i.flag.burma:before {
+ background-position: -73px -1821px;
+}
+
+i.flag.mn:before,
+i.flag.mongolia:before {
+ background-position: -36px -1743px;
+}
+
+i.flag.mo:before,
+i.flag.macau:before {
+ background-position: -36px -1769px;
+}
+
+i.flag.mp:before,
+i.flag.northern.mariana.islands:before {
+ background-position: -36px -1795px;
+}
+
+i.flag.mq:before,
+i.flag.martinique:before {
+ background-position: -36px -1821px;
+}
+
+i.flag.mr:before,
+i.flag.mauritania:before {
+ background-position: -36px -1847px;
+}
+
+i.flag.ms:before,
+i.flag.montserrat:before {
+ background-position: -36px -1873px;
+}
+
+i.flag.mt:before,
+i.flag.malta:before {
+ background-position: -36px -1899px;
+}
+
+i.flag.mu:before,
+i.flag.mauritius:before {
+ background-position: -36px -1925px;
+}
+
+i.flag.mv:before,
+i.flag.maldives:before {
+ background-position: -36px -1951px;
+}
+
+i.flag.mw:before,
+i.flag.malawi:before {
+ background-position: -36px -1977px;
+}
+
+i.flag.mx:before,
+i.flag.mexico:before {
+ background-position: -72px 0px;
+}
+
+i.flag.my:before,
+i.flag.malaysia:before {
+ background-position: -72px -26px;
+}
+
+i.flag.mz:before,
+i.flag.mozambique:before {
+ background-position: -72px -52px;
+}
+
+i.flag.na:before,
+i.flag.namibia:before {
+ background-position: -72px -78px;
+}
+
+i.flag.nc:before,
+i.flag.new.caledonia:before {
+ background-position: -72px -104px;
+}
+
+i.flag.ne:before,
+i.flag.niger:before {
+ background-position: -72px -130px;
+}
+
+i.flag.nf:before,
+i.flag.norfolk.island:before {
+ background-position: -72px -156px;
+}
+
+i.flag.ng:before,
+i.flag.nigeria:before {
+ background-position: -72px -182px;
+}
+
+i.flag.ni:before,
+i.flag.nicaragua:before {
+ background-position: -72px -208px;
+}
+
+i.flag.nl:before,
+i.flag.netherlands:before {
+ background-position: -72px -234px;
+}
+
+i.flag.no:before,
+i.flag.norway:before {
+ background-position: -72px -260px;
+}
+
+i.flag.np:before,
+i.flag.nepal:before {
+ background-position: -72px -286px;
+}
+
+i.flag.nr:before,
+i.flag.nauru:before {
+ background-position: -72px -312px;
+}
+
+i.flag.nu:before,
+i.flag.niue:before {
+ background-position: -72px -338px;
+}
+
+i.flag.nz:before,
+i.flag.new.zealand:before {
+ background-position: -72px -364px;
+}
+
+i.flag.om:before,
+i.flag.oman:before {
+ background-position: -72px -390px;
+}
+
+i.flag.pa:before,
+i.flag.panama:before {
+ background-position: -72px -416px;
+}
+
+i.flag.pe:before,
+i.flag.peru:before {
+ background-position: -72px -442px;
+}
+
+i.flag.pf:before,
+i.flag.french.polynesia:before {
+ background-position: -72px -468px;
+}
+
+i.flag.pg:before,
+i.flag.new.guinea:before {
+ background-position: -72px -494px;
+}
+
+i.flag.ph:before,
+i.flag.philippines:before {
+ background-position: -72px -520px;
+}
+
+i.flag.pk:before,
+i.flag.pakistan:before {
+ background-position: -72px -546px;
+}
+
+i.flag.pl:before,
+i.flag.poland:before {
+ background-position: -72px -572px;
+}
+
+i.flag.pm:before,
+i.flag.saint.pierre:before {
+ background-position: -72px -598px;
+}
+
+i.flag.pn:before,
+i.flag.pitcairn.islands:before {
+ background-position: -72px -624px;
+}
+
+i.flag.pr:before,
+i.flag.puerto.rico:before {
+ background-position: -72px -650px;
+}
+
+i.flag.ps:before,
+i.flag.palestine:before {
+ background-position: -72px -676px;
+}
+
+i.flag.pt:before,
+i.flag.portugal:before {
+ background-position: -72px -702px;
+}
+
+i.flag.pw:before,
+i.flag.palau:before {
+ background-position: -72px -728px;
+}
+
+i.flag.py:before,
+i.flag.paraguay:before {
+ background-position: -72px -754px;
+}
+
+i.flag.qa:before,
+i.flag.qatar:before {
+ background-position: -72px -780px;
+}
+
+i.flag.re:before,
+i.flag.reunion:before {
+ background-position: -72px -806px;
+}
+
+i.flag.ro:before,
+i.flag.romania:before {
+ background-position: -72px -832px;
+}
+
+i.flag.rs:before,
+i.flag.serbia:before {
+ background-position: -72px -858px;
+}
+
+i.flag.ru:before,
+i.flag.russia:before {
+ background-position: -72px -884px;
+}
+
+i.flag.rw:before,
+i.flag.rwanda:before {
+ background-position: -72px -910px;
+}
+
+i.flag.sa:before,
+i.flag.saudi.arabia:before {
+ background-position: -72px -936px;
+}
+
+i.flag.sb:before,
+i.flag.solomon.islands:before {
+ background-position: -72px -962px;
+}
+
+i.flag.sc:before,
+i.flag.seychelles:before {
+ background-position: -72px -988px;
+}
+
+i.flag.gb.sct:before,
+i.flag.scotland:before {
+ background-position: -72px -1014px;
+}
+
+i.flag.sd:before,
+i.flag.sudan:before {
+ background-position: -72px -1040px;
+}
+
+i.flag.se:before,
+i.flag.sweden:before {
+ background-position: -72px -1066px;
+}
+
+i.flag.sg:before,
+i.flag.singapore:before {
+ background-position: -72px -1092px;
+}
+
+i.flag.sh:before,
+i.flag.saint.helena:before {
+ background-position: -72px -1118px;
+}
+
+i.flag.si:before,
+i.flag.slovenia:before {
+ background-position: -72px -1144px;
+}
+
+i.flag.sj:before,
+i.flag.svalbard:before,
+i.flag.jan.mayen:before {
+ background-position: -72px -1170px;
+}
+
+i.flag.sk:before,
+i.flag.slovakia:before {
+ background-position: -72px -1196px;
+}
+
+i.flag.sl:before,
+i.flag.sierra.leone:before {
+ background-position: -72px -1222px;
+}
+
+i.flag.sm:before,
+i.flag.san.marino:before {
+ background-position: -72px -1248px;
+}
+
+i.flag.sn:before,
+i.flag.senegal:before {
+ background-position: -72px -1274px;
+}
+
+i.flag.so:before,
+i.flag.somalia:before {
+ background-position: -72px -1300px;
+}
+
+i.flag.sr:before,
+i.flag.suriname:before {
+ background-position: -72px -1326px;
+}
+
+i.flag.st:before,
+i.flag.sao.tome:before {
+ background-position: -72px -1352px;
+}
+
+i.flag.sv:before,
+i.flag.el.salvador:before {
+ background-position: -72px -1378px;
+}
+
+i.flag.sy:before,
+i.flag.syria:before {
+ background-position: -72px -1404px;
+}
+
+i.flag.sz:before,
+i.flag.swaziland:before {
+ background-position: -72px -1430px;
+}
+
+i.flag.tc:before,
+i.flag.caicos.islands:before {
+ background-position: -72px -1456px;
+}
+
+i.flag.td:before,
+i.flag.chad:before {
+ background-position: -72px -1482px;
+}
+
+i.flag.tf:before,
+i.flag.french.territories:before {
+ background-position: -72px -1508px;
+}
+
+i.flag.tg:before,
+i.flag.togo:before {
+ background-position: -72px -1534px;
+}
+
+i.flag.th:before,
+i.flag.thailand:before {
+ background-position: -72px -1560px;
+}
+
+i.flag.tj:before,
+i.flag.tajikistan:before {
+ background-position: -72px -1586px;
+}
+
+i.flag.tk:before,
+i.flag.tokelau:before {
+ background-position: -72px -1612px;
+}
+
+i.flag.tl:before,
+i.flag.timorleste:before {
+ background-position: -72px -1638px;
+}
+
+i.flag.tm:before,
+i.flag.turkmenistan:before {
+ background-position: -72px -1664px;
+}
+
+i.flag.tn:before,
+i.flag.tunisia:before {
+ background-position: -72px -1690px;
+}
+
+i.flag.to:before,
+i.flag.tonga:before {
+ background-position: -72px -1716px;
+}
+
+i.flag.tr:before,
+i.flag.turkey:before {
+ background-position: -72px -1742px;
+}
+
+i.flag.tt:before,
+i.flag.trinidad:before {
+ background-position: -72px -1768px;
+}
+
+i.flag.tv:before,
+i.flag.tuvalu:before {
+ background-position: -72px -1794px;
+}
+
+i.flag.tw:before,
+i.flag.taiwan:before {
+ background-position: -72px -1820px;
+}
+
+i.flag.tz:before,
+i.flag.tanzania:before {
+ background-position: -72px -1846px;
+}
+
+i.flag.ua:before,
+i.flag.ukraine:before {
+ background-position: -72px -1872px;
+}
+
+i.flag.ug:before,
+i.flag.uganda:before {
+ background-position: -72px -1898px;
+}
+
+i.flag.um:before,
+i.flag.us.minor.islands:before {
+ background-position: -72px -1924px;
+}
+
+i.flag.us:before,
+i.flag.america:before,
+i.flag.united.states:before {
+ background-position: -72px -1950px;
+}
+
+i.flag.uy:before,
+i.flag.uruguay:before {
+ background-position: -72px -1976px;
+}
+
+i.flag.uz:before,
+i.flag.uzbekistan:before {
+ background-position: -108px 0px;
+}
+
+i.flag.va:before,
+i.flag.vatican.city:before {
+ background-position: -108px -26px;
+}
+
+i.flag.vc:before,
+i.flag.saint.vincent:before {
+ background-position: -108px -52px;
+}
+
+i.flag.ve:before,
+i.flag.venezuela:before {
+ background-position: -108px -78px;
+}
+
+i.flag.vg:before,
+i.flag.british.virgin.islands:before {
+ background-position: -108px -104px;
+}
+
+i.flag.vi:before,
+i.flag.us.virgin.islands:before {
+ background-position: -108px -130px;
+}
+
+i.flag.vn:before,
+i.flag.vietnam:before {
+ background-position: -108px -156px;
+}
+
+i.flag.vu:before,
+i.flag.vanuatu:before {
+ background-position: -108px -182px;
+}
+
+i.flag.gb.wls:before,
+i.flag.wales:before {
+ background-position: -108px -208px;
+}
+
+i.flag.wf:before,
+i.flag.wallis.and.futuna:before {
+ background-position: -108px -234px;
+}
+
+i.flag.ws:before,
+i.flag.samoa:before {
+ background-position: -108px -260px;
+}
+
+i.flag.ye:before,
+i.flag.yemen:before {
+ background-position: -108px -286px;
+}
+
+i.flag.yt:before,
+i.flag.mayotte:before {
+ background-position: -108px -312px;
+}
+
+i.flag.za:before,
+i.flag.south.africa:before {
+ background-position: -108px -338px;
+}
+
+i.flag.zm:before,
+i.flag.zambia:before {
+ background-position: -108px -364px;
+}
+
+i.flag.zw:before,
+i.flag.zimbabwe:before {
+ background-position: -108px -390px;
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Header
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Header
+*******************************/
+
+/* Standard */
+
+.ui.header {
+ border: none;
+ margin: calc(2rem - 0.14285714em ) 0em 1rem;
+ padding: 0em 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ line-height: 1.28571429em;
+ text-transform: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.header:first-child {
+ margin-top: -0.14285714em;
+}
+
+.ui.header:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Sub Header
+---------------*/
+
+.ui.header .sub.header {
+ display: block;
+ font-weight: normal;
+ padding: 0em;
+ margin: 0em;
+ font-size: 1rem;
+ line-height: 1.2em;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.header > .icon {
+ display: table-cell;
+ opacity: 1;
+ font-size: 1.5em;
+ padding-top: 0em;
+ vertical-align: middle;
+}
+
+/* With Text Node */
+
+.ui.header .icon:only-child {
+ display: inline-block;
+ padding: 0em;
+ margin-right: 0.75rem;
+}
+
+/*-------------------
+ Image
+--------------------*/
+
+.ui.header > .image:not(.icon),
+.ui.header > img {
+ display: inline-block;
+ margin-top: 0.14285714em;
+ width: 2.5em;
+ height: auto;
+ vertical-align: middle;
+}
+
+.ui.header > .image:not(.icon):only-child,
+.ui.header > img:only-child {
+ margin-right: 0.75rem;
+}
+
+/*--------------
+ Content
+---------------*/
+
+.ui.header .content {
+ display: inline-block;
+ vertical-align: top;
+}
+
+/* After Image */
+
+.ui.header > img + .content,
+.ui.header > .image + .content {
+ padding-left: 0.75rem;
+ vertical-align: middle;
+}
+
+/* After Icon */
+
+.ui.header > .icon + .content {
+ padding-left: 0.75rem;
+ display: table-cell;
+ vertical-align: middle;
+}
+
+/*--------------
+ Loose Coupling
+---------------*/
+
+.ui.header .ui.label {
+ font-size: '';
+ margin-left: 0.5rem;
+ vertical-align: middle;
+}
+
+/* Positioning */
+
+.ui.header + p {
+ margin-top: 0em;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Page
+---------------*/
+
+h1.ui.header {
+ font-size: 2rem;
+}
+
+h2.ui.header {
+ font-size: 1.71428571rem;
+}
+
+h3.ui.header {
+ font-size: 1.28571429rem;
+}
+
+h4.ui.header {
+ font-size: 1.07142857rem;
+}
+
+h5.ui.header {
+ font-size: 1rem;
+}
+
+/* Sub Header */
+
+h1.ui.header .sub.header {
+ font-size: 1.14285714rem;
+}
+
+h2.ui.header .sub.header {
+ font-size: 1.14285714rem;
+}
+
+h3.ui.header .sub.header {
+ font-size: 1rem;
+}
+
+h4.ui.header .sub.header {
+ font-size: 1rem;
+}
+
+h5.ui.header .sub.header {
+ font-size: 0.92857143rem;
+}
+
+/*--------------
+ Content Heading
+---------------*/
+
+.ui.huge.header {
+ min-height: 1em;
+ font-size: 2em;
+}
+
+.ui.large.header {
+ font-size: 1.71428571em;
+}
+
+.ui.medium.header {
+ font-size: 1.28571429em;
+}
+
+.ui.small.header {
+ font-size: 1.07142857em;
+}
+
+.ui.tiny.header {
+ font-size: 1em;
+}
+
+/* Sub Header */
+
+.ui.huge.header .sub.header {
+ font-size: 1.14285714rem;
+}
+
+.ui.large.header .sub.header {
+ font-size: 1.14285714rem;
+}
+
+.ui.header .sub.header {
+ font-size: 1rem;
+}
+
+.ui.small.header .sub.header {
+ font-size: 1rem;
+}
+
+.ui.tiny.header .sub.header {
+ font-size: 0.92857143rem;
+}
+
+/*--------------
+ Sub Heading
+---------------*/
+
+.ui.sub.header {
+ padding: 0em;
+ margin-bottom: 0.14285714rem;
+ font-weight: bold;
+ font-size: 0.85714286em;
+ text-transform: uppercase;
+ color: '';
+}
+
+.ui.small.sub.header {
+ font-size: 0.78571429em;
+}
+
+.ui.sub.header {
+ font-size: 0.85714286em;
+}
+
+.ui.large.sub.header {
+ font-size: 0.92857143em;
+}
+
+.ui.huge.sub.header {
+ font-size: 1em;
+}
+
+/*-------------------
+ Icon
+--------------------*/
+
+.ui.icon.header {
+ display: inline-block;
+ text-align: center;
+ margin: 2rem 0em 1rem;
+}
+
+.ui.icon.header:after {
+ content: '';
+ display: block;
+ height: 0px;
+ clear: both;
+ visibility: hidden;
+}
+
+.ui.icon.header:first-child {
+ margin-top: 0em;
+}
+
+.ui.icon.header .icon {
+ float: none;
+ display: block;
+ width: auto;
+ height: auto;
+ line-height: 1;
+ padding: 0em;
+ font-size: 3em;
+ margin: 0em auto 0.5rem;
+ opacity: 1;
+}
+
+.ui.icon.header .content {
+ display: block;
+ padding: 0em;
+}
+
+.ui.icon.header .circular.icon {
+ font-size: 2em;
+}
+
+.ui.icon.header .square.icon {
+ font-size: 2em;
+}
+
+.ui.block.icon.header .icon {
+ margin-bottom: 0em;
+}
+
+.ui.icon.header.aligned {
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.disabled.header {
+ opacity: 0.45;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.header {
+ color: #FFFFFF;
+}
+
+.ui.inverted.header .sub.header {
+ color: rgba(255, 255, 255, 0.8);
+}
+
+.ui.inverted.attached.header {
+ background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ box-shadow: none;
+ border-color: transparent;
+}
+
+.ui.inverted.block.header {
+ background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ box-shadow: none;
+}
+
+.ui.inverted.block.header {
+ border-bottom: none;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/*--- Red ---*/
+
+.ui.red.header {
+ color: #DB2828 !important;
+}
+
+a.ui.red.header:hover {
+ color: #d01919 !important;
+}
+
+.ui.red.dividing.header {
+ border-bottom: 2px solid #DB2828;
+}
+
+/* Inverted */
+
+.ui.inverted.red.header {
+ color: #FF695E !important;
+}
+
+a.ui.inverted.red.header:hover {
+ color: #ff5144 !important;
+}
+
+/*--- Orange ---*/
+
+.ui.orange.header {
+ color: #F2711C !important;
+}
+
+a.ui.orange.header:hover {
+ color: #f26202 !important;
+}
+
+.ui.orange.dividing.header {
+ border-bottom: 2px solid #F2711C;
+}
+
+/* Inverted */
+
+.ui.inverted.orange.header {
+ color: #FF851B !important;
+}
+
+a.ui.inverted.orange.header:hover {
+ color: #ff7701 !important;
+}
+
+/*--- Olive ---*/
+
+.ui.olive.header {
+ color: #B5CC18 !important;
+}
+
+a.ui.olive.header:hover {
+ color: #a7bd0d !important;
+}
+
+.ui.olive.dividing.header {
+ border-bottom: 2px solid #B5CC18;
+}
+
+/* Inverted */
+
+.ui.inverted.olive.header {
+ color: #D9E778 !important;
+}
+
+a.ui.inverted.olive.header:hover {
+ color: #d8ea5c !important;
+}
+
+/*--- Yellow ---*/
+
+.ui.yellow.header {
+ color: #FBBD08 !important;
+}
+
+a.ui.yellow.header:hover {
+ color: #eaae00 !important;
+}
+
+.ui.yellow.dividing.header {
+ border-bottom: 2px solid #FBBD08;
+}
+
+/* Inverted */
+
+.ui.inverted.yellow.header {
+ color: #FFE21F !important;
+}
+
+a.ui.inverted.yellow.header:hover {
+ color: #ffdf05 !important;
+}
+
+/*--- Green ---*/
+
+.ui.green.header {
+ color: #21BA45 !important;
+}
+
+a.ui.green.header:hover {
+ color: #16ab39 !important;
+}
+
+.ui.green.dividing.header {
+ border-bottom: 2px solid #21BA45;
+}
+
+/* Inverted */
+
+.ui.inverted.green.header {
+ color: #2ECC40 !important;
+}
+
+a.ui.inverted.green.header:hover {
+ color: #22be34 !important;
+}
+
+/*--- Teal ---*/
+
+.ui.teal.header {
+ color: #00B5AD !important;
+}
+
+a.ui.teal.header:hover {
+ color: #009c95 !important;
+}
+
+.ui.teal.dividing.header {
+ border-bottom: 2px solid #00B5AD;
+}
+
+/* Inverted */
+
+.ui.inverted.teal.header {
+ color: #6DFFFF !important;
+}
+
+a.ui.inverted.teal.header:hover {
+ color: #54ffff !important;
+}
+
+/*--- Blue ---*/
+
+.ui.blue.header {
+ color: #2185D0 !important;
+}
+
+a.ui.blue.header:hover {
+ color: #1678c2 !important;
+}
+
+.ui.blue.dividing.header {
+ border-bottom: 2px solid #2185D0;
+}
+
+/* Inverted */
+
+.ui.inverted.blue.header {
+ color: #54C8FF !important;
+}
+
+a.ui.inverted.blue.header:hover {
+ color: #3ac0ff !important;
+}
+
+/*--- Violet ---*/
+
+.ui.violet.header {
+ color: #6435C9 !important;
+}
+
+a.ui.violet.header:hover {
+ color: #5829bb !important;
+}
+
+.ui.violet.dividing.header {
+ border-bottom: 2px solid #6435C9;
+}
+
+/* Inverted */
+
+.ui.inverted.violet.header {
+ color: #A291FB !important;
+}
+
+a.ui.inverted.violet.header:hover {
+ color: #8a73ff !important;
+}
+
+/*--- Purple ---*/
+
+.ui.purple.header {
+ color: #A333C8 !important;
+}
+
+a.ui.purple.header:hover {
+ color: #9627ba !important;
+}
+
+.ui.purple.dividing.header {
+ border-bottom: 2px solid #A333C8;
+}
+
+/* Inverted */
+
+.ui.inverted.purple.header {
+ color: #DC73FF !important;
+}
+
+a.ui.inverted.purple.header:hover {
+ color: #d65aff !important;
+}
+
+/*--- Pink ---*/
+
+.ui.pink.header {
+ color: #E03997 !important;
+}
+
+a.ui.pink.header:hover {
+ color: #e61a8d !important;
+}
+
+.ui.pink.dividing.header {
+ border-bottom: 2px solid #E03997;
+}
+
+/* Inverted */
+
+.ui.inverted.pink.header {
+ color: #FF8EDF !important;
+}
+
+a.ui.inverted.pink.header:hover {
+ color: #ff74d8 !important;
+}
+
+/*--- Brown ---*/
+
+.ui.brown.header {
+ color: #A5673F !important;
+}
+
+a.ui.brown.header:hover {
+ color: #975b33 !important;
+}
+
+.ui.brown.dividing.header {
+ border-bottom: 2px solid #A5673F;
+}
+
+/* Inverted */
+
+.ui.inverted.brown.header {
+ color: #D67C1C !important;
+}
+
+a.ui.inverted.brown.header:hover {
+ color: #c86f11 !important;
+}
+
+/*--- Grey ---*/
+
+.ui.grey.header {
+ color: #767676 !important;
+}
+
+a.ui.grey.header:hover {
+ color: #838383 !important;
+}
+
+.ui.grey.dividing.header {
+ border-bottom: 2px solid #767676;
+}
+
+/* Inverted */
+
+.ui.inverted.grey.header {
+ color: #DCDDDE !important;
+}
+
+a.ui.inverted.grey.header:hover {
+ color: #cfd0d2 !important;
+}
+
+/*-------------------
+ Aligned
+--------------------*/
+
+.ui.left.aligned.header {
+ text-align: left;
+}
+
+.ui.right.aligned.header {
+ text-align: right;
+}
+
+.ui.centered.header,
+.ui.center.aligned.header {
+ text-align: center;
+}
+
+.ui.justified.header {
+ text-align: justify;
+}
+
+.ui.justified.header:after {
+ display: inline-block;
+ content: '';
+ width: 100%;
+}
+
+/*-------------------
+ Floated
+--------------------*/
+
+.ui.floated.header,
+.ui[class*="left floated"].header {
+ float: left;
+ margin-top: 0em;
+ margin-right: 0.5em;
+}
+
+.ui[class*="right floated"].header {
+ float: right;
+ margin-top: 0em;
+ margin-left: 0.5em;
+}
+
+/*-------------------
+ Fitted
+--------------------*/
+
+.ui.fitted.header {
+ padding: 0em;
+}
+
+/*-------------------
+ Dividing
+--------------------*/
+
+.ui.dividing.header {
+ padding-bottom: 0.21428571rem;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.dividing.header .sub.header {
+ padding-bottom: 0.21428571rem;
+}
+
+.ui.dividing.header .icon {
+ margin-bottom: 0em;
+}
+
+.ui.inverted.dividing.header {
+ border-bottom-color: rgba(255, 255, 255, 0.1);
+}
+
+/*-------------------
+ Block
+--------------------*/
+
+.ui.block.header {
+ background: #F3F4F5;
+ padding: 0.78571429rem 1rem;
+ box-shadow: none;
+ border: 1px solid #D4D4D5;
+ border-radius: 0.28571429rem;
+}
+
+.ui.tiny.block.header {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.block.header {
+ font-size: 0.92857143rem;
+}
+
+.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+ font-size: 1rem;
+}
+
+.ui.large.block.header {
+ font-size: 1.14285714rem;
+}
+
+.ui.huge.block.header {
+ font-size: 1.42857143rem;
+}
+
+/*-------------------
+ Attached
+--------------------*/
+
+.ui.attached.header {
+ background: #FFFFFF;
+ padding: 0.78571429rem 1rem;
+ margin-left: -1px;
+ margin-right: -1px;
+ box-shadow: none;
+ border: 1px solid #D4D4D5;
+}
+
+.ui.attached.block.header {
+ background: #F3F4F5;
+}
+
+.ui.attached:not(.top):not(.bottom).header {
+ margin-top: 0em;
+ margin-bottom: 0em;
+ border-top: none;
+ border-radius: 0em;
+}
+
+.ui.top.attached.header {
+ margin-bottom: 0em;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.bottom.attached.header {
+ margin-top: 0em;
+ border-top: none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/* Attached Sizes */
+
+.ui.tiny.attached.header {
+ font-size: 0.85714286em;
+}
+
+.ui.small.attached.header {
+ font-size: 0.92857143em;
+}
+
+.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+ font-size: 1em;
+}
+
+.ui.large.attached.header {
+ font-size: 1.14285714em;
+}
+
+.ui.huge.attached.header {
+ font-size: 1.42857143em;
+}
+
+/*-------------------
+ Sizing
+--------------------*/
+
+.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+ font-size: 1.28571429em;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Icon
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Icon
+*******************************/
+
+@font-face {
+ font-family: 'Icons';
+ src: url(font/8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot);
+ src: url(font/8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot?#iefix) format('embedded-opentype'), url(font/0ab54153eeeca0ce03978cc463b257f7.woff2) format('woff2'), url(font/faff92145777a3cbaf8e7367b4807987.woff) format('woff'), url(font/b87b9ba532ace76ae9f6edfe9f72ded2.ttf) format('truetype'), url(icons/962a1bf31c081691065fe333d9fa8105.svg#icons) format('svg');
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-decoration: inherit;
+ text-transform: none;
+}
+
+i.icon {
+ display: inline-block;
+ opacity: 1;
+ margin: 0em 0.25rem 0em 0em;
+ width: 1.18em;
+ height: 1em;
+ font-family: 'Icons';
+ font-style: normal;
+ font-weight: normal;
+ text-decoration: inherit;
+ text-align: center;
+ speak: none;
+ font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+i.icon:before {
+ background: none !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Loading
+---------------*/
+
+i.icon.loading {
+ height: 1em;
+ line-height: 1;
+}
+
+i.icon.loading {
+ -webkit-animation: icon-loading 2s linear infinite;
+ animation: icon-loading 2s linear infinite;
+}
+
+@-webkit-keyframes icon-loading {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes icon-loading {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/*******************************
+ States
+*******************************/
+
+i.icon.hover {
+ opacity: 1 !important;
+}
+
+i.icon.active {
+ opacity: 1 !important;
+}
+
+i.emphasized.icon {
+ opacity: 1 !important;
+}
+
+i.disabled.icon {
+ opacity: 0.45 !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Fitted
+--------------------*/
+
+i.fitted.icon {
+ width: auto;
+ margin: 0em !important;
+}
+
+/*-------------------
+ Link
+--------------------*/
+
+i.link.icon,
+i.link.icons {
+ cursor: pointer;
+ opacity: 0.8;
+ transition: opacity 0.1s ease;
+}
+
+i.link.icon:hover,
+i.link.icons:hover {
+ opacity: 1 !important;
+}
+
+/*-------------------
+ Circular
+--------------------*/
+
+i.circular.icon {
+ border-radius: 500em !important;
+ line-height: 1 !important;
+ padding: 0.5em 0em !important;
+ box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
+ width: 2em !important;
+ height: 2em !important;
+}
+
+i.circular.inverted.icon {
+ border: none;
+ box-shadow: none;
+}
+
+/*-------------------
+ Flipped
+--------------------*/
+
+i.flipped.icon,
+i.horizontally.flipped.icon {
+ transform: scale(-1, 1);
+}
+
+i.vertically.flipped.icon {
+ transform: scale(1, -1);
+}
+
+/*-------------------
+ Rotated
+--------------------*/
+
+i.rotated.icon,
+i.right.rotated.icon,
+i.clockwise.rotated.icon {
+ transform: rotate(90deg);
+}
+
+i.left.rotated.icon,
+i.counterclockwise.rotated.icon {
+ transform: rotate(-90deg);
+}
+
+/*-------------------
+ Bordered
+--------------------*/
+
+i.bordered.icon {
+ line-height: 1;
+ vertical-align: baseline;
+ width: 2em;
+ height: 2em;
+ padding: 0.5em 0em !important;
+ box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
+}
+
+i.bordered.inverted.icon {
+ border: none;
+ box-shadow: none;
+}
+
+/*-------------------
+ Inverted
+--------------------*/
+
+/* Inverted Shapes */
+
+i.inverted.bordered.icon,
+i.inverted.circular.icon {
+ background-color: #1B1C1D !important;
+ color: #FFFFFF !important;
+}
+
+i.inverted.icon {
+ color: #FFFFFF;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/* Red */
+
+i.red.icon {
+ color: #DB2828 !important;
+}
+
+i.inverted.red.icon {
+ color: #FF695E !important;
+}
+
+i.inverted.bordered.red.icon,
+i.inverted.circular.red.icon {
+ background-color: #DB2828 !important;
+ color: #FFFFFF !important;
+}
+
+/* Orange */
+
+i.orange.icon {
+ color: #F2711C !important;
+}
+
+i.inverted.orange.icon {
+ color: #FF851B !important;
+}
+
+i.inverted.bordered.orange.icon,
+i.inverted.circular.orange.icon {
+ background-color: #F2711C !important;
+ color: #FFFFFF !important;
+}
+
+/* Yellow */
+
+i.yellow.icon {
+ color: #FBBD08 !important;
+}
+
+i.inverted.yellow.icon {
+ color: #FFE21F !important;
+}
+
+i.inverted.bordered.yellow.icon,
+i.inverted.circular.yellow.icon {
+ background-color: #FBBD08 !important;
+ color: #FFFFFF !important;
+}
+
+/* Olive */
+
+i.olive.icon {
+ color: #B5CC18 !important;
+}
+
+i.inverted.olive.icon {
+ color: #D9E778 !important;
+}
+
+i.inverted.bordered.olive.icon,
+i.inverted.circular.olive.icon {
+ background-color: #B5CC18 !important;
+ color: #FFFFFF !important;
+}
+
+/* Green */
+
+i.green.icon {
+ color: #21BA45 !important;
+}
+
+i.inverted.green.icon {
+ color: #2ECC40 !important;
+}
+
+i.inverted.bordered.green.icon,
+i.inverted.circular.green.icon {
+ background-color: #21BA45 !important;
+ color: #FFFFFF !important;
+}
+
+/* Teal */
+
+i.teal.icon {
+ color: #00B5AD !important;
+}
+
+i.inverted.teal.icon {
+ color: #6DFFFF !important;
+}
+
+i.inverted.bordered.teal.icon,
+i.inverted.circular.teal.icon {
+ background-color: #00B5AD !important;
+ color: #FFFFFF !important;
+}
+
+/* Blue */
+
+i.blue.icon {
+ color: #2185D0 !important;
+}
+
+i.inverted.blue.icon {
+ color: #54C8FF !important;
+}
+
+i.inverted.bordered.blue.icon,
+i.inverted.circular.blue.icon {
+ background-color: #2185D0 !important;
+ color: #FFFFFF !important;
+}
+
+/* Violet */
+
+i.violet.icon {
+ color: #6435C9 !important;
+}
+
+i.inverted.violet.icon {
+ color: #A291FB !important;
+}
+
+i.inverted.bordered.violet.icon,
+i.inverted.circular.violet.icon {
+ background-color: #6435C9 !important;
+ color: #FFFFFF !important;
+}
+
+/* Purple */
+
+i.purple.icon {
+ color: #A333C8 !important;
+}
+
+i.inverted.purple.icon {
+ color: #DC73FF !important;
+}
+
+i.inverted.bordered.purple.icon,
+i.inverted.circular.purple.icon {
+ background-color: #A333C8 !important;
+ color: #FFFFFF !important;
+}
+
+/* Pink */
+
+i.pink.icon {
+ color: #E03997 !important;
+}
+
+i.inverted.pink.icon {
+ color: #FF8EDF !important;
+}
+
+i.inverted.bordered.pink.icon,
+i.inverted.circular.pink.icon {
+ background-color: #E03997 !important;
+ color: #FFFFFF !important;
+}
+
+/* Brown */
+
+i.brown.icon {
+ color: #A5673F !important;
+}
+
+i.inverted.brown.icon {
+ color: #D67C1C !important;
+}
+
+i.inverted.bordered.brown.icon,
+i.inverted.circular.brown.icon {
+ background-color: #A5673F !important;
+ color: #FFFFFF !important;
+}
+
+/* Grey */
+
+i.grey.icon {
+ color: #767676 !important;
+}
+
+i.inverted.grey.icon {
+ color: #DCDDDE !important;
+}
+
+i.inverted.bordered.grey.icon,
+i.inverted.circular.grey.icon {
+ background-color: #767676 !important;
+ color: #FFFFFF !important;
+}
+
+/* Black */
+
+i.black.icon {
+ color: #1B1C1D !important;
+}
+
+i.inverted.black.icon {
+ color: #545454 !important;
+}
+
+i.inverted.bordered.black.icon,
+i.inverted.circular.black.icon {
+ background-color: #1B1C1D !important;
+ color: #FFFFFF !important;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+i.mini.icon,
+i.mini.icons {
+ line-height: 1;
+ font-size: 0.4em;
+}
+
+i.tiny.icon,
+i.tiny.icons {
+ line-height: 1;
+ font-size: 0.5em;
+}
+
+i.small.icon,
+i.small.icons {
+ line-height: 1;
+ font-size: 0.75em;
+}
+
+i.icon,
+i.icons {
+ font-size: 1em;
+}
+
+i.large.icon,
+i.large.icons {
+ line-height: 1;
+ vertical-align: middle;
+ font-size: 1.5em;
+}
+
+i.big.icon,
+i.big.icons {
+ line-height: 1;
+ vertical-align: middle;
+ font-size: 2em;
+}
+
+i.huge.icon,
+i.huge.icons {
+ line-height: 1;
+ vertical-align: middle;
+ font-size: 4em;
+}
+
+i.massive.icon,
+i.massive.icons {
+ line-height: 1;
+ vertical-align: middle;
+ font-size: 8em;
+}
+
+/*******************************
+ Groups
+*******************************/
+
+i.icons {
+ display: inline-block;
+ position: relative;
+ line-height: 1;
+}
+
+i.icons .icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ margin: 0em;
+ margin: 0;
+}
+
+i.icons .icon:first-child {
+ position: static;
+ width: auto;
+ height: auto;
+ vertical-align: top;
+ transform: none;
+ margin-right: 0.25rem;
+}
+
+/* Corner Icon */
+
+i.icons .corner.icon {
+ top: auto;
+ left: auto;
+ right: 0;
+ bottom: 0;
+ transform: none;
+ font-size: 0.45em;
+ text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
+}
+
+i.icons .top.right.corner.icon {
+ top: 0;
+ left: auto;
+ right: 0;
+ bottom: auto;
+}
+
+i.icons .top.left.corner.icon {
+ top: 0;
+ left: 0;
+ right: auto;
+ bottom: auto;
+}
+
+i.icons .bottom.left.corner.icon {
+ top: auto;
+ left: 0;
+ right: auto;
+ bottom: 0;
+}
+
+i.icons .bottom.right.corner.icon {
+ top: auto;
+ left: auto;
+ right: 0;
+ bottom: 0;
+}
+
+i.icons .inverted.corner.icon {
+ text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
+}
+
+/*
+ * Font Awesome 5.0.8 by @fontawesome - http://fontawesome.io - @fontawesome
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
+ */
+
+/*******************************
+
+Semantic-UI integration of font-awesome :
+
+///class names are separated
+i.icon.circle => i.icon.circle
+i.icon.circle-o => i.icon.circle.outline
+
+//abbreviation are replaced by full letters:
+i.icon.ellipsis-h => i.icon.ellipsis.horizontal
+i.icon.ellipsis-v => i.icon.ellipsis.vertical
+.alpha => .i.icon.alphabet
+.asc => .i.icon.ascending
+.desc => .i.icon.descending
+.alt =>.alternate
+
+ASCII order is conserved for easier maintenance.
+
+Icons that only have one style 'outline', 'square' etc do not require this class
+for instance `lemon icon` not `lemon outline icon` since there is only one lemon
+
+*******************************/
+
+/*******************************
+ Icons
+*******************************/
+
+/* Deprecated *In/Out Naming Conflict) */
+
+i.icon.linkedin.in:before {
+ content: "\F0E1";
+}
+
+i.icon.zoom.in:before {
+ content: "\F00E";
+}
+
+i.icon.zoom.out:before {
+ content: "\F010";
+}
+
+i.icon.sign.in:before {
+ content: "\F2F6";
+}
+
+i.icon.in.cart:before {
+ content: "\F218";
+}
+
+i.icon.log.out:before {
+ content: "\F2F5";
+}
+
+i.icon.sign.out:before {
+ content: "\F2F5";
+}
+
+/* Icons */
+
+i.icon.\35 00px:before {
+ content: "\F26E";
+}
+
+i.icon.accessible.icon:before {
+ content: "\F368";
+}
+
+i.icon.accusoft:before {
+ content: "\F369";
+}
+
+i.icon.address.book:before {
+ content: "\F2B9";
+}
+
+i.icon.address.card:before {
+ content: "\F2BB";
+}
+
+i.icon.adjust:before {
+ content: "\F042";
+}
+
+i.icon.adn:before {
+ content: "\F170";
+}
+
+i.icon.adversal:before {
+ content: "\F36A";
+}
+
+i.icon.affiliatetheme:before {
+ content: "\F36B";
+}
+
+i.icon.algolia:before {
+ content: "\F36C";
+}
+
+i.icon.align.center:before {
+ content: "\F037";
+}
+
+i.icon.align.justify:before {
+ content: "\F039";
+}
+
+i.icon.align.left:before {
+ content: "\F036";
+}
+
+i.icon.align.right:before {
+ content: "\F038";
+}
+
+i.icon.amazon:before {
+ content: "\F270";
+}
+
+i.icon.amazon.pay:before {
+ content: "\F42C";
+}
+
+i.icon.ambulance:before {
+ content: "\F0F9";
+}
+
+i.icon.american.sign.language.interpreting:before {
+ content: "\F2A3";
+}
+
+i.icon.amilia:before {
+ content: "\F36D";
+}
+
+i.icon.anchor:before {
+ content: "\F13D";
+}
+
+i.icon.android:before {
+ content: "\F17B";
+}
+
+i.icon.angellist:before {
+ content: "\F209";
+}
+
+i.icon.angle.double.down:before {
+ content: "\F103";
+}
+
+i.icon.angle.double.left:before {
+ content: "\F100";
+}
+
+i.icon.angle.double.right:before {
+ content: "\F101";
+}
+
+i.icon.angle.double.up:before {
+ content: "\F102";
+}
+
+i.icon.angle.down:before {
+ content: "\F107";
+}
+
+i.icon.angle.left:before {
+ content: "\F104";
+}
+
+i.icon.angle.right:before {
+ content: "\F105";
+}
+
+i.icon.angle.up:before {
+ content: "\F106";
+}
+
+i.icon.angrycreative:before {
+ content: "\F36E";
+}
+
+i.icon.angular:before {
+ content: "\F420";
+}
+
+i.icon.app.store:before {
+ content: "\F36F";
+}
+
+i.icon.app.store.ios:before {
+ content: "\F370";
+}
+
+i.icon.apper:before {
+ content: "\F371";
+}
+
+i.icon.apple:before {
+ content: "\F179";
+}
+
+i.icon.apple.pay:before {
+ content: "\F415";
+}
+
+i.icon.archive:before {
+ content: "\F187";
+}
+
+i.icon.arrow.alternate.circle.down:before {
+ content: "\F358";
+}
+
+i.icon.arrow.alternate.circle.left:before {
+ content: "\F359";
+}
+
+i.icon.arrow.alternate.circle.right:before {
+ content: "\F35A";
+}
+
+i.icon.arrow.alternate.circle.up:before {
+ content: "\F35B";
+}
+
+i.icon.arrow.circle.down:before {
+ content: "\F0AB";
+}
+
+i.icon.arrow.circle.left:before {
+ content: "\F0A8";
+}
+
+i.icon.arrow.circle.right:before {
+ content: "\F0A9";
+}
+
+i.icon.arrow.circle.up:before {
+ content: "\F0AA";
+}
+
+i.icon.arrow.down:before {
+ content: "\F063";
+}
+
+i.icon.arrow.left:before {
+ content: "\F060";
+}
+
+i.icon.arrow.right:before {
+ content: "\F061";
+}
+
+i.icon.arrow.up:before {
+ content: "\F062";
+}
+
+i.icon.arrows.alternate:before {
+ content: "\F0B2";
+}
+
+i.icon.arrows.alternate.horizontal:before {
+ content: "\F337";
+}
+
+i.icon.arrows.alternate.vertical:before {
+ content: "\F338";
+}
+
+i.icon.assistive.listening.systems:before {
+ content: "\F2A2";
+}
+
+i.icon.asterisk:before {
+ content: "\F069";
+}
+
+i.icon.asymmetrik:before {
+ content: "\F372";
+}
+
+i.icon.at:before {
+ content: "\F1FA";
+}
+
+i.icon.audible:before {
+ content: "\F373";
+}
+
+i.icon.audio.description:before {
+ content: "\F29E";
+}
+
+i.icon.autoprefixer:before {
+ content: "\F41C";
+}
+
+i.icon.avianex:before {
+ content: "\F374";
+}
+
+i.icon.aviato:before {
+ content: "\F421";
+}
+
+i.icon.aws:before {
+ content: "\F375";
+}
+
+i.icon.backward:before {
+ content: "\F04A";
+}
+
+i.icon.balance.scale:before {
+ content: "\F24E";
+}
+
+i.icon.ban:before {
+ content: "\F05E";
+}
+
+i.icon.band.aid:before {
+ content: "\F462";
+}
+
+i.icon.bandcamp:before {
+ content: "\F2D5";
+}
+
+i.icon.barcode:before {
+ content: "\F02A";
+}
+
+i.icon.bars:before {
+ content: "\F0C9";
+}
+
+i.icon.baseball.ball:before {
+ content: "\F433";
+}
+
+i.icon.basketball.ball:before {
+ content: "\F434";
+}
+
+i.icon.bath:before {
+ content: "\F2CD";
+}
+
+i.icon.battery.empty:before {
+ content: "\F244";
+}
+
+i.icon.battery.full:before {
+ content: "\F240";
+}
+
+i.icon.battery.half:before {
+ content: "\F242";
+}
+
+i.icon.battery.quarter:before {
+ content: "\F243";
+}
+
+i.icon.battery.three.quarters:before {
+ content: "\F241";
+}
+
+i.icon.bed:before {
+ content: "\F236";
+}
+
+i.icon.beer:before {
+ content: "\F0FC";
+}
+
+i.icon.behance:before {
+ content: "\F1B4";
+}
+
+i.icon.behance.square:before {
+ content: "\F1B5";
+}
+
+i.icon.bell:before {
+ content: "\F0F3";
+}
+
+i.icon.bell.slash:before {
+ content: "\F1F6";
+}
+
+i.icon.bicycle:before {
+ content: "\F206";
+}
+
+i.icon.bimobject:before {
+ content: "\F378";
+}
+
+i.icon.binoculars:before {
+ content: "\F1E5";
+}
+
+i.icon.birthday.cake:before {
+ content: "\F1FD";
+}
+
+i.icon.bitbucket:before {
+ content: "\F171";
+}
+
+i.icon.bitcoin:before {
+ content: "\F379";
+}
+
+i.icon.bity:before {
+ content: "\F37A";
+}
+
+i.icon.black.tie:before {
+ content: "\F27E";
+}
+
+i.icon.blackberry:before {
+ content: "\F37B";
+}
+
+i.icon.blind:before {
+ content: "\F29D";
+}
+
+i.icon.blogger:before {
+ content: "\F37C";
+}
+
+i.icon.blogger.b:before {
+ content: "\F37D";
+}
+
+i.icon.bluetooth:before {
+ content: "\F293";
+}
+
+i.icon.bluetooth.b:before {
+ content: "\F294";
+}
+
+i.icon.bold:before {
+ content: "\F032";
+}
+
+i.icon.bolt:before {
+ content: "\F0E7";
+}
+
+i.icon.bomb:before {
+ content: "\F1E2";
+}
+
+i.icon.book:before {
+ content: "\F02D";
+}
+
+i.icon.bookmark:before {
+ content: "\F02E";
+}
+
+i.icon.bowling.ball:before {
+ content: "\F436";
+}
+
+i.icon.box:before {
+ content: "\F466";
+}
+
+i.icon.boxes:before {
+ content: "\F468";
+}
+
+i.icon.braille:before {
+ content: "\F2A1";
+}
+
+i.icon.briefcase:before {
+ content: "\F0B1";
+}
+
+i.icon.btc:before {
+ content: "\F15A";
+}
+
+i.icon.bug:before {
+ content: "\F188";
+}
+
+i.icon.building:before {
+ content: "\F1AD";
+}
+
+i.icon.bullhorn:before {
+ content: "\F0A1";
+}
+
+i.icon.bullseye:before {
+ content: "\F140";
+}
+
+i.icon.buromobelexperte:before {
+ content: "\F37F";
+}
+
+i.icon.bus:before {
+ content: "\F207";
+}
+
+i.icon.buysellads:before {
+ content: "\F20D";
+}
+
+i.icon.calculator:before {
+ content: "\F1EC";
+}
+
+i.icon.calendar:before {
+ content: "\F133";
+}
+
+i.icon.calendar.alternate:before {
+ content: "\F073";
+}
+
+i.icon.calendar.check:before {
+ content: "\F274";
+}
+
+i.icon.calendar.minus:before {
+ content: "\F272";
+}
+
+i.icon.calendar.plus:before {
+ content: "\F271";
+}
+
+i.icon.calendar.times:before {
+ content: "\F273";
+}
+
+i.icon.camera:before {
+ content: "\F030";
+}
+
+i.icon.camera.retro:before {
+ content: "\F083";
+}
+
+i.icon.car:before {
+ content: "\F1B9";
+}
+
+i.icon.caret.down:before {
+ content: "\F0D7";
+}
+
+i.icon.caret.left:before {
+ content: "\F0D9";
+}
+
+i.icon.caret.right:before {
+ content: "\F0DA";
+}
+
+i.icon.caret.square.down:before {
+ content: "\F150";
+}
+
+i.icon.caret.square.left:before {
+ content: "\F191";
+}
+
+i.icon.caret.square.right:before {
+ content: "\F152";
+}
+
+i.icon.caret.square.up:before {
+ content: "\F151";
+}
+
+i.icon.caret.up:before {
+ content: "\F0D8";
+}
+
+i.icon.cart.arrow.down:before {
+ content: "\F218";
+}
+
+i.icon.cart.plus:before {
+ content: "\F217";
+}
+
+i.icon.cc.amazon.pay:before {
+ content: "\F42D";
+}
+
+i.icon.cc.amex:before {
+ content: "\F1F3";
+}
+
+i.icon.cc.apple.pay:before {
+ content: "\F416";
+}
+
+i.icon.cc.diners.club:before {
+ content: "\F24C";
+}
+
+i.icon.cc.discover:before {
+ content: "\F1F2";
+}
+
+i.icon.cc.jcb:before {
+ content: "\F24B";
+}
+
+i.icon.cc.mastercard:before {
+ content: "\F1F1";
+}
+
+i.icon.cc.paypal:before {
+ content: "\F1F4";
+}
+
+i.icon.cc.stripe:before {
+ content: "\F1F5";
+}
+
+i.icon.cc.visa:before {
+ content: "\F1F0";
+}
+
+i.icon.centercode:before {
+ content: "\F380";
+}
+
+i.icon.certificate:before {
+ content: "\F0A3";
+}
+
+i.icon.chart.area:before {
+ content: "\F1FE";
+}
+
+i.icon.chart.bar:before {
+ content: "\F080";
+}
+
+i.icon.chart.line:before {
+ content: "\F201";
+}
+
+i.icon.chart.pie:before {
+ content: "\F200";
+}
+
+i.icon.check:before {
+ content: "\F00C";
+}
+
+i.icon.check.circle:before {
+ content: "\F058";
+}
+
+i.icon.check.square:before {
+ content: "\F14A";
+}
+
+i.icon.chess:before {
+ content: "\F439";
+}
+
+i.icon.chess.bishop:before {
+ content: "\F43A";
+}
+
+i.icon.chess.board:before {
+ content: "\F43C";
+}
+
+i.icon.chess.king:before {
+ content: "\F43F";
+}
+
+i.icon.chess.knight:before {
+ content: "\F441";
+}
+
+i.icon.chess.pawn:before {
+ content: "\F443";
+}
+
+i.icon.chess.queen:before {
+ content: "\F445";
+}
+
+i.icon.chess.rook:before {
+ content: "\F447";
+}
+
+i.icon.chevron.circle.down:before {
+ content: "\F13A";
+}
+
+i.icon.chevron.circle.left:before {
+ content: "\F137";
+}
+
+i.icon.chevron.circle.right:before {
+ content: "\F138";
+}
+
+i.icon.chevron.circle.up:before {
+ content: "\F139";
+}
+
+i.icon.chevron.down:before {
+ content: "\F078";
+}
+
+i.icon.chevron.left:before {
+ content: "\F053";
+}
+
+i.icon.chevron.right:before {
+ content: "\F054";
+}
+
+i.icon.chevron.up:before {
+ content: "\F077";
+}
+
+i.icon.child:before {
+ content: "\F1AE";
+}
+
+i.icon.chrome:before {
+ content: "\F268";
+}
+
+i.icon.circle:before {
+ content: "\F111";
+}
+
+i.icon.circle.notch:before {
+ content: "\F1CE";
+}
+
+i.icon.clipboard:before {
+ content: "\F328";
+}
+
+i.icon.clipboard.check:before {
+ content: "\F46C";
+}
+
+i.icon.clipboard.list:before {
+ content: "\F46D";
+}
+
+i.icon.clock:before {
+ content: "\F017";
+}
+
+i.icon.clone:before {
+ content: "\F24D";
+}
+
+i.icon.closed.captioning:before {
+ content: "\F20A";
+}
+
+i.icon.cloud:before {
+ content: "\F0C2";
+}
+
+i.icon.cloudscale:before {
+ content: "\F383";
+}
+
+i.icon.cloudsmith:before {
+ content: "\F384";
+}
+
+i.icon.cloudversify:before {
+ content: "\F385";
+}
+
+i.icon.code:before {
+ content: "\F121";
+}
+
+i.icon.code.branch:before {
+ content: "\F126";
+}
+
+i.icon.codepen:before {
+ content: "\F1CB";
+}
+
+i.icon.codiepie:before {
+ content: "\F284";
+}
+
+i.icon.coffee:before {
+ content: "\F0F4";
+}
+
+i.icon.cog:before {
+ content: "\F013";
+}
+
+i.icon.cogs:before {
+ content: "\F085";
+}
+
+i.icon.columns:before {
+ content: "\F0DB";
+}
+
+i.icon.comment:before {
+ content: "\F075";
+}
+
+i.icon.comment.alternate:before {
+ content: "\F27A";
+}
+
+i.icon.comments:before {
+ content: "\F086";
+}
+
+i.icon.compass:before {
+ content: "\F14E";
+}
+
+i.icon.compress:before {
+ content: "\F066";
+}
+
+i.icon.connectdevelop:before {
+ content: "\F20E";
+}
+
+i.icon.contao:before {
+ content: "\F26D";
+}
+
+i.icon.copy:before {
+ content: "\F0C5";
+}
+
+i.icon.copyright:before {
+ content: "\F1F9";
+}
+
+i.icon.cpanel:before {
+ content: "\F388";
+}
+
+i.icon.creative.commons:before {
+ content: "\F25E";
+}
+
+i.icon.credit.card:before {
+ content: "\F09D";
+}
+
+i.icon.crop:before {
+ content: "\F125";
+}
+
+i.icon.crosshairs:before {
+ content: "\F05B";
+}
+
+i.icon.css3:before {
+ content: "\F13C";
+}
+
+i.icon.css3.alternate:before {
+ content: "\F38B";
+}
+
+i.icon.cube:before {
+ content: "\F1B2";
+}
+
+i.icon.cubes:before {
+ content: "\F1B3";
+}
+
+i.icon.cut:before {
+ content: "\F0C4";
+}
+
+i.icon.cuttlefish:before {
+ content: "\F38C";
+}
+
+i.icon.d.and.d:before {
+ content: "\F38D";
+}
+
+i.icon.dashcube:before {
+ content: "\F210";
+}
+
+i.icon.database:before {
+ content: "\F1C0";
+}
+
+i.icon.deaf:before {
+ content: "\F2A4";
+}
+
+i.icon.delicious:before {
+ content: "\F1A5";
+}
+
+i.icon.deploydog:before {
+ content: "\F38E";
+}
+
+i.icon.deskpro:before {
+ content: "\F38F";
+}
+
+i.icon.desktop:before {
+ content: "\F108";
+}
+
+i.icon.deviantart:before {
+ content: "\F1BD";
+}
+
+i.icon.digg:before {
+ content: "\F1A6";
+}
+
+i.icon.digital.ocean:before {
+ content: "\F391";
+}
+
+i.icon.discord:before {
+ content: "\F392";
+}
+
+i.icon.discourse:before {
+ content: "\F393";
+}
+
+i.icon.dna:before {
+ content: "\F471";
+}
+
+i.icon.dochub:before {
+ content: "\F394";
+}
+
+i.icon.docker:before {
+ content: "\F395";
+}
+
+i.icon.dollar.sign:before {
+ content: "\F155";
+}
+
+i.icon.dolly:before {
+ content: "\F472";
+}
+
+i.icon.dolly.flatbed:before {
+ content: "\F474";
+}
+
+i.icon.dot.circle:before {
+ content: "\F192";
+}
+
+i.icon.download:before {
+ content: "\F019";
+}
+
+i.icon.draft2digital:before {
+ content: "\F396";
+}
+
+i.icon.dribbble:before {
+ content: "\F17D";
+}
+
+i.icon.dribbble.square:before {
+ content: "\F397";
+}
+
+i.icon.dropbox:before {
+ content: "\F16B";
+}
+
+i.icon.drupal:before {
+ content: "\F1A9";
+}
+
+i.icon.dyalog:before {
+ content: "\F399";
+}
+
+i.icon.earlybirds:before {
+ content: "\F39A";
+}
+
+i.icon.edge:before {
+ content: "\F282";
+}
+
+i.icon.edit:before {
+ content: "\F044";
+}
+
+i.icon.eject:before {
+ content: "\F052";
+}
+
+i.icon.elementor:before {
+ content: "\F430";
+}
+
+i.icon.ellipsis.horizontal:before {
+ content: "\F141";
+}
+
+i.icon.ellipsis.vertical:before {
+ content: "\F142";
+}
+
+i.icon.ember:before {
+ content: "\F423";
+}
+
+i.icon.empire:before {
+ content: "\F1D1";
+}
+
+i.icon.envelope:before {
+ content: "\F0E0";
+}
+
+i.icon.envelope.open:before {
+ content: "\F2B6";
+}
+
+i.icon.envelope.square:before {
+ content: "\F199";
+}
+
+i.icon.envira:before {
+ content: "\F299";
+}
+
+i.icon.eraser:before {
+ content: "\F12D";
+}
+
+i.icon.erlang:before {
+ content: "\F39D";
+}
+
+i.icon.ethereum:before {
+ content: "\F42E";
+}
+
+i.icon.etsy:before {
+ content: "\F2D7";
+}
+
+i.icon.euro.sign:before {
+ content: "\F153";
+}
+
+i.icon.exchange.alternate:before {
+ content: "\F362";
+}
+
+i.icon.exclamation:before {
+ content: "\F12A";
+}
+
+i.icon.exclamation.circle:before {
+ content: "\F06A";
+}
+
+i.icon.exclamation.triangle:before {
+ content: "\F071";
+}
+
+i.icon.expand:before {
+ content: "\F065";
+}
+
+i.icon.expand.arrows.alternate:before {
+ content: "\F31E";
+}
+
+i.icon.expeditedssl:before {
+ content: "\F23E";
+}
+
+i.icon.external.alternate:before {
+ content: "\F35D";
+}
+
+i.icon.external.square.alternate:before {
+ content: "\F360";
+}
+
+i.icon.eye:before {
+ content: "\F06E";
+}
+
+i.icon.eye.dropper:before {
+ content: "\F1FB";
+}
+
+i.icon.eye.slash:before {
+ content: "\F070";
+}
+
+i.icon.facebook:before {
+ content: "\F09A";
+}
+
+i.icon.facebook.f:before {
+ content: "\F39E";
+}
+
+i.icon.facebook.messenger:before {
+ content: "\F39F";
+}
+
+i.icon.facebook.square:before {
+ content: "\F082";
+}
+
+i.icon.fast.backward:before {
+ content: "\F049";
+}
+
+i.icon.fast.forward:before {
+ content: "\F050";
+}
+
+i.icon.fax:before {
+ content: "\F1AC";
+}
+
+i.icon.female:before {
+ content: "\F182";
+}
+
+i.icon.fighter.jet:before {
+ content: "\F0FB";
+}
+
+i.icon.file:before {
+ content: "\F15B";
+}
+
+i.icon.file.alternate:before {
+ content: "\F15C";
+}
+
+i.icon.file.archive:before {
+ content: "\F1C6";
+}
+
+i.icon.file.audio:before {
+ content: "\F1C7";
+}
+
+i.icon.file.code:before {
+ content: "\F1C9";
+}
+
+i.icon.file.excel:before {
+ content: "\F1C3";
+}
+
+i.icon.file.image:before {
+ content: "\F1C5";
+}
+
+i.icon.file.pdf:before {
+ content: "\F1C1";
+}
+
+i.icon.file.powerpoint:before {
+ content: "\F1C4";
+}
+
+i.icon.file.video:before {
+ content: "\F1C8";
+}
+
+i.icon.file.word:before {
+ content: "\F1C2";
+}
+
+i.icon.film:before {
+ content: "\F008";
+}
+
+i.icon.filter:before {
+ content: "\F0B0";
+}
+
+i.icon.fire:before {
+ content: "\F06D";
+}
+
+i.icon.fire.extinguisher:before {
+ content: "\F134";
+}
+
+i.icon.firefox:before {
+ content: "\F269";
+}
+
+i.icon.first.aid:before {
+ content: "\F479";
+}
+
+i.icon.first.order:before {
+ content: "\F2B0";
+}
+
+i.icon.firstdraft:before {
+ content: "\F3A1";
+}
+
+i.icon.flag:before {
+ content: "\F024";
+}
+
+i.icon.flag.checkered:before {
+ content: "\F11E";
+}
+
+i.icon.flask:before {
+ content: "\F0C3";
+}
+
+i.icon.flickr:before {
+ content: "\F16E";
+}
+
+i.icon.flipboard:before {
+ content: "\F44D";
+}
+
+i.icon.fly:before {
+ content: "\F417";
+}
+
+i.icon.folder:before {
+ content: "\F07B";
+}
+
+i.icon.folder.open:before {
+ content: "\F07C";
+}
+
+i.icon.font:before {
+ content: "\F031";
+}
+
+i.icon.font.awesome:before {
+ content: "\F2B4";
+}
+
+i.icon.font.awesome.alternate:before {
+ content: "\F35C";
+}
+
+i.icon.font.awesome.flag:before {
+ content: "\F425";
+}
+
+i.icon.fonticons:before {
+ content: "\F280";
+}
+
+i.icon.fonticons.fi:before {
+ content: "\F3A2";
+}
+
+i.icon.football.ball:before {
+ content: "\F44E";
+}
+
+i.icon.fort.awesome:before {
+ content: "\F286";
+}
+
+i.icon.fort.awesome.alternate:before {
+ content: "\F3A3";
+}
+
+i.icon.forumbee:before {
+ content: "\F211";
+}
+
+i.icon.forward:before {
+ content: "\F04E";
+}
+
+i.icon.foursquare:before {
+ content: "\F180";
+}
+
+i.icon.free.code.camp:before {
+ content: "\F2C5";
+}
+
+i.icon.freebsd:before {
+ content: "\F3A4";
+}
+
+i.icon.frown:before {
+ content: "\F119";
+}
+
+i.icon.futbol:before {
+ content: "\F1E3";
+}
+
+i.icon.gamepad:before {
+ content: "\F11B";
+}
+
+i.icon.gavel:before {
+ content: "\F0E3";
+}
+
+i.icon.gem:before {
+ content: "\F3A5";
+}
+
+i.icon.genderless:before {
+ content: "\F22D";
+}
+
+i.icon.get.pocket:before {
+ content: "\F265";
+}
+
+i.icon.gg:before {
+ content: "\F260";
+}
+
+i.icon.gg.circle:before {
+ content: "\F261";
+}
+
+i.icon.gift:before {
+ content: "\F06B";
+}
+
+i.icon.git:before {
+ content: "\F1D3";
+}
+
+i.icon.git.square:before {
+ content: "\F1D2";
+}
+
+i.icon.github:before {
+ content: "\F09B";
+}
+
+i.icon.github.alternate:before {
+ content: "\F113";
+}
+
+i.icon.github.square:before {
+ content: "\F092";
+}
+
+i.icon.gitkraken:before {
+ content: "\F3A6";
+}
+
+i.icon.gitlab:before {
+ content: "\F296";
+}
+
+i.icon.gitter:before {
+ content: "\F426";
+}
+
+i.icon.glass.martini:before {
+ content: "\F000";
+}
+
+i.icon.glide:before {
+ content: "\F2A5";
+}
+
+i.icon.glide.g:before {
+ content: "\F2A6";
+}
+
+i.icon.globe:before {
+ content: "\F0AC";
+}
+
+i.icon.gofore:before {
+ content: "\F3A7";
+}
+
+i.icon.golf.ball:before {
+ content: "\F450";
+}
+
+i.icon.goodreads:before {
+ content: "\F3A8";
+}
+
+i.icon.goodreads.g:before {
+ content: "\F3A9";
+}
+
+i.icon.google:before {
+ content: "\F1A0";
+}
+
+i.icon.google.drive:before {
+ content: "\F3AA";
+}
+
+i.icon.google.play:before {
+ content: "\F3AB";
+}
+
+i.icon.google.plus:before {
+ content: "\F2B3";
+}
+
+i.icon.google.plus.g:before {
+ content: "\F0D5";
+}
+
+i.icon.google.plus.square:before {
+ content: "\F0D4";
+}
+
+i.icon.google.wallet:before {
+ content: "\F1EE";
+}
+
+i.icon.graduation.cap:before {
+ content: "\F19D";
+}
+
+i.icon.gratipay:before {
+ content: "\F184";
+}
+
+i.icon.grav:before {
+ content: "\F2D6";
+}
+
+i.icon.gripfire:before {
+ content: "\F3AC";
+}
+
+i.icon.grunt:before {
+ content: "\F3AD";
+}
+
+i.icon.gulp:before {
+ content: "\F3AE";
+}
+
+i.icon.h.square:before {
+ content: "\F0FD";
+}
+
+i.icon.hacker.news:before {
+ content: "\F1D4";
+}
+
+i.icon.hacker.news.square:before {
+ content: "\F3AF";
+}
+
+i.icon.hand.lizard:before {
+ content: "\F258";
+}
+
+i.icon.hand.paper:before {
+ content: "\F256";
+}
+
+i.icon.hand.peace:before {
+ content: "\F25B";
+}
+
+i.icon.hand.point.down:before {
+ content: "\F0A7";
+}
+
+i.icon.hand.point.left:before {
+ content: "\F0A5";
+}
+
+i.icon.hand.point.right:before {
+ content: "\F0A4";
+}
+
+i.icon.hand.point.up:before {
+ content: "\F0A6";
+}
+
+i.icon.hand.pointer:before {
+ content: "\F25A";
+}
+
+i.icon.hand.rock:before {
+ content: "\F255";
+}
+
+i.icon.hand.scissors:before {
+ content: "\F257";
+}
+
+i.icon.hand.spock:before {
+ content: "\F259";
+}
+
+i.icon.handshake:before {
+ content: "\F2B5";
+}
+
+i.icon.hashtag:before {
+ content: "\F292";
+}
+
+i.icon.hdd:before {
+ content: "\F0A0";
+}
+
+i.icon.heading:before {
+ content: "\F1DC";
+}
+
+i.icon.headphones:before {
+ content: "\F025";
+}
+
+i.icon.heart:before {
+ content: "\F004";
+}
+
+i.icon.heartbeat:before {
+ content: "\F21E";
+}
+
+i.icon.hips:before {
+ content: "\F452";
+}
+
+i.icon.hire.a.helper:before {
+ content: "\F3B0";
+}
+
+i.icon.history:before {
+ content: "\F1DA";
+}
+
+i.icon.hockey.puck:before {
+ content: "\F453";
+}
+
+i.icon.home:before {
+ content: "\F015";
+}
+
+i.icon.hooli:before {
+ content: "\F427";
+}
+
+i.icon.hospital:before {
+ content: "\F0F8";
+}
+
+i.icon.hospital.symbol:before {
+ content: "\F47E";
+}
+
+i.icon.hotjar:before {
+ content: "\F3B1";
+}
+
+i.icon.hourglass:before {
+ content: "\F254";
+}
+
+i.icon.hourglass.end:before {
+ content: "\F253";
+}
+
+i.icon.hourglass.half:before {
+ content: "\F252";
+}
+
+i.icon.hourglass.start:before {
+ content: "\F251";
+}
+
+i.icon.houzz:before {
+ content: "\F27C";
+}
+
+i.icon.html5:before {
+ content: "\F13B";
+}
+
+i.icon.hubspot:before {
+ content: "\F3B2";
+}
+
+i.icon.i.cursor:before {
+ content: "\F246";
+}
+
+i.icon.id.badge:before {
+ content: "\F2C1";
+}
+
+i.icon.id.card:before {
+ content: "\F2C2";
+}
+
+i.icon.image:before {
+ content: "\F03E";
+}
+
+i.icon.images:before {
+ content: "\F302";
+}
+
+i.icon.imdb:before {
+ content: "\F2D8";
+}
+
+i.icon.inbox:before {
+ content: "\F01C";
+}
+
+i.icon.indent:before {
+ content: "\F03C";
+}
+
+i.icon.industry:before {
+ content: "\F275";
+}
+
+i.icon.info:before {
+ content: "\F129";
+}
+
+i.icon.info.circle:before {
+ content: "\F05A";
+}
+
+i.icon.instagram:before {
+ content: "\F16D";
+}
+
+i.icon.internet.explorer:before {
+ content: "\F26B";
+}
+
+i.icon.ioxhost:before {
+ content: "\F208";
+}
+
+i.icon.italic:before {
+ content: "\F033";
+}
+
+i.icon.itunes:before {
+ content: "\F3B4";
+}
+
+i.icon.itunes.note:before {
+ content: "\F3B5";
+}
+
+i.icon.jenkins:before {
+ content: "\F3B6";
+}
+
+i.icon.joget:before {
+ content: "\F3B7";
+}
+
+i.icon.joomla:before {
+ content: "\F1AA";
+}
+
+i.icon.js:before {
+ content: "\F3B8";
+}
+
+i.icon.js.square:before {
+ content: "\F3B9";
+}
+
+i.icon.jsfiddle:before {
+ content: "\F1CC";
+}
+
+i.icon.key:before {
+ content: "\F084";
+}
+
+i.icon.keyboard:before {
+ content: "\F11C";
+}
+
+i.icon.keycdn:before {
+ content: "\F3BA";
+}
+
+i.icon.kickstarter:before {
+ content: "\F3BB";
+}
+
+i.icon.kickstarter.k:before {
+ content: "\F3BC";
+}
+
+i.icon.korvue:before {
+ content: "\F42F";
+}
+
+i.icon.language:before {
+ content: "\F1AB";
+}
+
+i.icon.laptop:before {
+ content: "\F109";
+}
+
+i.icon.laravel:before {
+ content: "\F3BD";
+}
+
+i.icon.lastfm:before {
+ content: "\F202";
+}
+
+i.icon.lastfm.square:before {
+ content: "\F203";
+}
+
+i.icon.leaf:before {
+ content: "\F06C";
+}
+
+i.icon.leanpub:before {
+ content: "\F212";
+}
+
+i.icon.lemon:before {
+ content: "\F094";
+}
+
+i.icon.less:before {
+ content: "\F41D";
+}
+
+i.icon.level.down.alternate:before {
+ content: "\F3BE";
+}
+
+i.icon.level.up.alternate:before {
+ content: "\F3BF";
+}
+
+i.icon.life.ring:before {
+ content: "\F1CD";
+}
+
+i.icon.lightbulb:before {
+ content: "\F0EB";
+}
+
+i.icon.linechat:before {
+ content: "\F3C0";
+}
+
+i.icon.linkify:before {
+ content: "\F0C1";
+}
+
+i.icon.linkedin:before {
+ content: "\F08C";
+}
+
+i.icon.linkedin.alt:before {
+ content: "\F0E1";
+}
+
+i.icon.linode:before {
+ content: "\F2B8";
+}
+
+i.icon.linux:before {
+ content: "\F17C";
+}
+
+i.icon.lira.sign:before {
+ content: "\F195";
+}
+
+i.icon.list:before {
+ content: "\F03A";
+}
+
+i.icon.list.alternate:before {
+ content: "\F022";
+}
+
+i.icon.list.ol:before {
+ content: "\F0CB";
+}
+
+i.icon.list.ul:before {
+ content: "\F0CA";
+}
+
+i.icon.location.arrow:before {
+ content: "\F124";
+}
+
+i.icon.lock:before {
+ content: "\F023";
+}
+
+i.icon.lock.open:before {
+ content: "\F3C1";
+}
+
+i.icon.long.arrow.alternate.down:before {
+ content: "\F309";
+}
+
+i.icon.long.arrow.alternate.left:before {
+ content: "\F30A";
+}
+
+i.icon.long.arrow.alternate.right:before {
+ content: "\F30B";
+}
+
+i.icon.long.arrow.alternate.up:before {
+ content: "\F30C";
+}
+
+i.icon.low.vision:before {
+ content: "\F2A8";
+}
+
+i.icon.lyft:before {
+ content: "\F3C3";
+}
+
+i.icon.magento:before {
+ content: "\F3C4";
+}
+
+i.icon.magic:before {
+ content: "\F0D0";
+}
+
+i.icon.magnet:before {
+ content: "\F076";
+}
+
+i.icon.male:before {
+ content: "\F183";
+}
+
+i.icon.map:before {
+ content: "\F279";
+}
+
+i.icon.map.marker:before {
+ content: "\F041";
+}
+
+i.icon.map.marker.alternate:before {
+ content: "\F3C5";
+}
+
+i.icon.map.pin:before {
+ content: "\F276";
+}
+
+i.icon.map.signs:before {
+ content: "\F277";
+}
+
+i.icon.mars:before {
+ content: "\F222";
+}
+
+i.icon.mars.double:before {
+ content: "\F227";
+}
+
+i.icon.mars.stroke:before {
+ content: "\F229";
+}
+
+i.icon.mars.stroke.horizontal:before {
+ content: "\F22B";
+}
+
+i.icon.mars.stroke.vertical:before {
+ content: "\F22A";
+}
+
+i.icon.maxcdn:before {
+ content: "\F136";
+}
+
+i.icon.medapps:before {
+ content: "\F3C6";
+}
+
+i.icon.medium:before {
+ content: "\F23A";
+}
+
+i.icon.medium.m:before {
+ content: "\F3C7";
+}
+
+i.icon.medkit:before {
+ content: "\F0FA";
+}
+
+i.icon.medrt:before {
+ content: "\F3C8";
+}
+
+i.icon.meetup:before {
+ content: "\F2E0";
+}
+
+i.icon.meh:before {
+ content: "\F11A";
+}
+
+i.icon.mercury:before {
+ content: "\F223";
+}
+
+i.icon.microchip:before {
+ content: "\F2DB";
+}
+
+i.icon.microphone:before {
+ content: "\F130";
+}
+
+i.icon.microphone.slash:before {
+ content: "\F131";
+}
+
+i.icon.microsoft:before {
+ content: "\F3CA";
+}
+
+i.icon.minus:before {
+ content: "\F068";
+}
+
+i.icon.minus.circle:before {
+ content: "\F056";
+}
+
+i.icon.minus.square:before {
+ content: "\F146";
+}
+
+i.icon.mix:before {
+ content: "\F3CB";
+}
+
+i.icon.mixcloud:before {
+ content: "\F289";
+}
+
+i.icon.mizuni:before {
+ content: "\F3CC";
+}
+
+i.icon.mobile:before {
+ content: "\F10B";
+}
+
+i.icon.mobile.alternate:before {
+ content: "\F3CD";
+}
+
+i.icon.modx:before {
+ content: "\F285";
+}
+
+i.icon.monero:before {
+ content: "\F3D0";
+}
+
+i.icon.money.bill.alternate:before {
+ content: "\F3D1";
+}
+
+i.icon.moon:before {
+ content: "\F186";
+}
+
+i.icon.motorcycle:before {
+ content: "\F21C";
+}
+
+i.icon.mouse.pointer:before {
+ content: "\F245";
+}
+
+i.icon.music:before {
+ content: "\F001";
+}
+
+i.icon.napster:before {
+ content: "\F3D2";
+}
+
+i.icon.neuter:before {
+ content: "\F22C";
+}
+
+i.icon.newspaper:before {
+ content: "\F1EA";
+}
+
+i.icon.nintendo.switch:before {
+ content: "\F418";
+}
+
+i.icon.node:before {
+ content: "\F419";
+}
+
+i.icon.node.js:before {
+ content: "\F3D3";
+}
+
+i.icon.npm:before {
+ content: "\F3D4";
+}
+
+i.icon.ns8:before {
+ content: "\F3D5";
+}
+
+i.icon.nutritionix:before {
+ content: "\F3D6";
+}
+
+i.icon.object.group:before {
+ content: "\F247";
+}
+
+i.icon.object.ungroup:before {
+ content: "\F248";
+}
+
+i.icon.odnoklassniki:before {
+ content: "\F263";
+}
+
+i.icon.odnoklassniki.square:before {
+ content: "\F264";
+}
+
+i.icon.opencart:before {
+ content: "\F23D";
+}
+
+i.icon.openid:before {
+ content: "\F19B";
+}
+
+i.icon.opera:before {
+ content: "\F26A";
+}
+
+i.icon.optin.monster:before {
+ content: "\F23C";
+}
+
+i.icon.osi:before {
+ content: "\F41A";
+}
+
+i.icon.outdent:before {
+ content: "\F03B";
+}
+
+i.icon.page4:before {
+ content: "\F3D7";
+}
+
+i.icon.pagelines:before {
+ content: "\F18C";
+}
+
+i.icon.paint.brush:before {
+ content: "\F1FC";
+}
+
+i.icon.palfed:before {
+ content: "\F3D8";
+}
+
+i.icon.pallet:before {
+ content: "\F482";
+}
+
+i.icon.paper.plane:before {
+ content: "\F1D8";
+}
+
+i.icon.paperclip:before {
+ content: "\F0C6";
+}
+
+i.icon.paragraph:before {
+ content: "\F1DD";
+}
+
+i.icon.paste:before {
+ content: "\F0EA";
+}
+
+i.icon.patreon:before {
+ content: "\F3D9";
+}
+
+i.icon.pause:before {
+ content: "\F04C";
+}
+
+i.icon.pause.circle:before {
+ content: "\F28B";
+}
+
+i.icon.paw:before {
+ content: "\F1B0";
+}
+
+i.icon.paypal:before {
+ content: "\F1ED";
+}
+
+i.icon.pen.square:before {
+ content: "\F14B";
+}
+
+i.icon.pencil.alternate:before {
+ content: "\F303";
+}
+
+i.icon.percent:before {
+ content: "\F295";
+}
+
+i.icon.periscope:before {
+ content: "\F3DA";
+}
+
+i.icon.phabricator:before {
+ content: "\F3DB";
+}
+
+i.icon.phoenix.framework:before {
+ content: "\F3DC";
+}
+
+i.icon.phone:before {
+ content: "\F095";
+}
+
+i.icon.phone.square:before {
+ content: "\F098";
+}
+
+i.icon.phone.volume:before {
+ content: "\F2A0";
+}
+
+i.icon.php:before {
+ content: "\F457";
+}
+
+i.icon.pied.piper:before {
+ content: "\F2AE";
+}
+
+i.icon.pied.piper.alternate:before {
+ content: "\F1A8";
+}
+
+i.icon.pied.piper.pp:before {
+ content: "\F1A7";
+}
+
+i.icon.pills:before {
+ content: "\F484";
+}
+
+i.icon.pinterest:before {
+ content: "\F0D2";
+}
+
+i.icon.pinterest.p:before {
+ content: "\F231";
+}
+
+i.icon.pinterest.square:before {
+ content: "\F0D3";
+}
+
+i.icon.plane:before {
+ content: "\F072";
+}
+
+i.icon.play:before {
+ content: "\F04B";
+}
+
+i.icon.play.circle:before {
+ content: "\F144";
+}
+
+i.icon.playstation:before {
+ content: "\F3DF";
+}
+
+i.icon.plug:before {
+ content: "\F1E6";
+}
+
+i.icon.plus:before {
+ content: "\F067";
+}
+
+i.icon.plus.circle:before {
+ content: "\F055";
+}
+
+i.icon.plus.square:before {
+ content: "\F0FE";
+}
+
+i.icon.podcast:before {
+ content: "\F2CE";
+}
+
+i.icon.pound.sign:before {
+ content: "\F154";
+}
+
+i.icon.power.off:before {
+ content: "\F011";
+}
+
+i.icon.print:before {
+ content: "\F02F";
+}
+
+i.icon.product.hunt:before {
+ content: "\F288";
+}
+
+i.icon.pushed:before {
+ content: "\F3E1";
+}
+
+i.icon.puzzle.piece:before {
+ content: "\F12E";
+}
+
+i.icon.python:before {
+ content: "\F3E2";
+}
+
+i.icon.qq:before {
+ content: "\F1D6";
+}
+
+i.icon.qrcode:before {
+ content: "\F029";
+}
+
+i.icon.question:before {
+ content: "\F128";
+}
+
+i.icon.question.circle:before {
+ content: "\F059";
+}
+
+i.icon.quidditch:before {
+ content: "\F458";
+}
+
+i.icon.quinscape:before {
+ content: "\F459";
+}
+
+i.icon.quora:before {
+ content: "\F2C4";
+}
+
+i.icon.quote.left:before {
+ content: "\F10D";
+}
+
+i.icon.quote.right:before {
+ content: "\F10E";
+}
+
+i.icon.random:before {
+ content: "\F074";
+}
+
+i.icon.ravelry:before {
+ content: "\F2D9";
+}
+
+i.icon.react:before {
+ content: "\F41B";
+}
+
+i.icon.rebel:before {
+ content: "\F1D0";
+}
+
+i.icon.recycle:before {
+ content: "\F1B8";
+}
+
+i.icon.redriver:before {
+ content: "\F3E3";
+}
+
+i.icon.reddit:before {
+ content: "\F1A1";
+}
+
+i.icon.reddit.alien:before {
+ content: "\F281";
+}
+
+i.icon.reddit.square:before {
+ content: "\F1A2";
+}
+
+i.icon.redo:before {
+ content: "\F01E";
+}
+
+i.icon.redo.alternate:before {
+ content: "\F2F9";
+}
+
+i.icon.registered:before {
+ content: "\F25D";
+}
+
+i.icon.rendact:before {
+ content: "\F3E4";
+}
+
+i.icon.renren:before {
+ content: "\F18B";
+}
+
+i.icon.reply:before {
+ content: "\F3E5";
+}
+
+i.icon.reply.all:before {
+ content: "\F122";
+}
+
+i.icon.replyd:before {
+ content: "\F3E6";
+}
+
+i.icon.resolving:before {
+ content: "\F3E7";
+}
+
+i.icon.retweet:before {
+ content: "\F079";
+}
+
+i.icon.road:before {
+ content: "\F018";
+}
+
+i.icon.rocket:before {
+ content: "\F135";
+}
+
+i.icon.rocketchat:before {
+ content: "\F3E8";
+}
+
+i.icon.rockrms:before {
+ content: "\F3E9";
+}
+
+i.icon.rss:before {
+ content: "\F09E";
+}
+
+i.icon.rss.square:before {
+ content: "\F143";
+}
+
+i.icon.ruble.sign:before {
+ content: "\F158";
+}
+
+i.icon.rupee.sign:before {
+ content: "\F156";
+}
+
+i.icon.safari:before {
+ content: "\F267";
+}
+
+i.icon.sass:before {
+ content: "\F41E";
+}
+
+i.icon.save:before {
+ content: "\F0C7";
+}
+
+i.icon.schlix:before {
+ content: "\F3EA";
+}
+
+i.icon.scribd:before {
+ content: "\F28A";
+}
+
+i.icon.search:before {
+ content: "\F002";
+}
+
+i.icon.search.minus:before {
+ content: "\F010";
+}
+
+i.icon.search.plus:before {
+ content: "\F00E";
+}
+
+i.icon.searchengin:before {
+ content: "\F3EB";
+}
+
+i.icon.sellcast:before {
+ content: "\F2DA";
+}
+
+i.icon.sellsy:before {
+ content: "\F213";
+}
+
+i.icon.server:before {
+ content: "\F233";
+}
+
+i.icon.servicestack:before {
+ content: "\F3EC";
+}
+
+i.icon.share:before {
+ content: "\F064";
+}
+
+i.icon.share.alternate:before {
+ content: "\F1E0";
+}
+
+i.icon.share.alternate.square:before {
+ content: "\F1E1";
+}
+
+i.icon.share.square:before {
+ content: "\F14D";
+}
+
+i.icon.shekel.sign:before {
+ content: "\F20B";
+}
+
+i.icon.shield.alternate:before {
+ content: "\F3ED";
+}
+
+i.icon.ship:before {
+ content: "\F21A";
+}
+
+i.icon.shipping.fast:before {
+ content: "\F48B";
+}
+
+i.icon.shirtsinbulk:before {
+ content: "\F214";
+}
+
+i.icon.shopping.bag:before {
+ content: "\F290";
+}
+
+i.icon.shopping.basket:before {
+ content: "\F291";
+}
+
+i.icon.shopping.cart:before {
+ content: "\F07A";
+}
+
+i.icon.shower:before {
+ content: "\F2CC";
+}
+
+i.icon.sign.language:before {
+ content: "\F2A7";
+}
+
+i.icon.signal:before {
+ content: "\F012";
+}
+
+i.icon.simplybuilt:before {
+ content: "\F215";
+}
+
+i.icon.sistrix:before {
+ content: "\F3EE";
+}
+
+i.icon.sitemap:before {
+ content: "\F0E8";
+}
+
+i.icon.skyatlas:before {
+ content: "\F216";
+}
+
+i.icon.skype:before {
+ content: "\F17E";
+}
+
+i.icon.slack:before {
+ content: "\F198";
+}
+
+i.icon.slack.hash:before {
+ content: "\F3EF";
+}
+
+i.icon.sliders.horizontal:before {
+ content: "\F1DE";
+}
+
+i.icon.slideshare:before {
+ content: "\F1E7";
+}
+
+i.icon.smile:before {
+ content: "\F118";
+}
+
+i.icon.snapchat:before {
+ content: "\F2AB";
+}
+
+i.icon.snapchat.ghost:before {
+ content: "\F2AC";
+}
+
+i.icon.snapchat.square:before {
+ content: "\F2AD";
+}
+
+i.icon.snowflake:before {
+ content: "\F2DC";
+}
+
+i.icon.sort:before {
+ content: "\F0DC";
+}
+
+i.icon.sort.alphabet.down:before {
+ content: "\F15D";
+}
+
+i.icon.sort.alphabet.up:before {
+ content: "\F15E";
+}
+
+i.icon.sort.amount.down:before {
+ content: "\F160";
+}
+
+i.icon.sort.amount.up:before {
+ content: "\F161";
+}
+
+i.icon.sort.down:before {
+ content: "\F0DD";
+}
+
+i.icon.sort.numeric.down:before {
+ content: "\F162";
+}
+
+i.icon.sort.numeric.up:before {
+ content: "\F163";
+}
+
+i.icon.sort.up:before {
+ content: "\F0DE";
+}
+
+i.icon.soundcloud:before {
+ content: "\F1BE";
+}
+
+i.icon.space.shuttle:before {
+ content: "\F197";
+}
+
+i.icon.speakap:before {
+ content: "\F3F3";
+}
+
+i.icon.spinner:before {
+ content: "\F110";
+}
+
+i.icon.spotify:before {
+ content: "\F1BC";
+}
+
+i.icon.square:before {
+ content: "\F0C8";
+}
+
+i.icon.square.full:before {
+ content: "\F45C";
+}
+
+i.icon.stack.exchange:before {
+ content: "\F18D";
+}
+
+i.icon.stack.overflow:before {
+ content: "\F16C";
+}
+
+i.icon.star:before {
+ content: "\F005";
+}
+
+i.icon.star.half:before {
+ content: "\F089";
+}
+
+i.icon.staylinked:before {
+ content: "\F3F5";
+}
+
+i.icon.steam:before {
+ content: "\F1B6";
+}
+
+i.icon.steam.square:before {
+ content: "\F1B7";
+}
+
+i.icon.steam.symbol:before {
+ content: "\F3F6";
+}
+
+i.icon.step.backward:before {
+ content: "\F048";
+}
+
+i.icon.step.forward:before {
+ content: "\F051";
+}
+
+i.icon.stethoscope:before {
+ content: "\F0F1";
+}
+
+i.icon.sticker.mule:before {
+ content: "\F3F7";
+}
+
+i.icon.sticky.note:before {
+ content: "\F249";
+}
+
+i.icon.stop:before {
+ content: "\F04D";
+}
+
+i.icon.stop.circle:before {
+ content: "\F28D";
+}
+
+i.icon.stopwatch:before {
+ content: "\F2F2";
+}
+
+i.icon.strava:before {
+ content: "\F428";
+}
+
+i.icon.street.view:before {
+ content: "\F21D";
+}
+
+i.icon.strikethrough:before {
+ content: "\F0CC";
+}
+
+i.icon.stripe:before {
+ content: "\F429";
+}
+
+i.icon.stripe.s:before {
+ content: "\F42A";
+}
+
+i.icon.studiovinari:before {
+ content: "\F3F8";
+}
+
+i.icon.stumbleupon:before {
+ content: "\F1A4";
+}
+
+i.icon.stumbleupon.circle:before {
+ content: "\F1A3";
+}
+
+i.icon.subscript:before {
+ content: "\F12C";
+}
+
+i.icon.subway:before {
+ content: "\F239";
+}
+
+i.icon.suitcase:before {
+ content: "\F0F2";
+}
+
+i.icon.sun:before {
+ content: "\F185";
+}
+
+i.icon.superpowers:before {
+ content: "\F2DD";
+}
+
+i.icon.superscript:before {
+ content: "\F12B";
+}
+
+i.icon.supple:before {
+ content: "\F3F9";
+}
+
+i.icon.sync:before {
+ content: "\F021";
+}
+
+i.icon.sync.alternate:before {
+ content: "\F2F1";
+}
+
+i.icon.syringe:before {
+ content: "\F48E";
+}
+
+i.icon.table:before {
+ content: "\F0CE";
+}
+
+i.icon.table.tennis:before {
+ content: "\F45D";
+}
+
+i.icon.tablet:before {
+ content: "\F10A";
+}
+
+i.icon.tablet.alternate:before {
+ content: "\F3FA";
+}
+
+i.icon.tachometer.alternate:before {
+ content: "\F3FD";
+}
+
+i.icon.tag:before {
+ content: "\F02B";
+}
+
+i.icon.tags:before {
+ content: "\F02C";
+}
+
+i.icon.tasks:before {
+ content: "\F0AE";
+}
+
+i.icon.taxi:before {
+ content: "\F1BA";
+}
+
+i.icon.telegram:before {
+ content: "\F2C6";
+}
+
+i.icon.telegram.plane:before {
+ content: "\F3FE";
+}
+
+i.icon.tencent.weibo:before {
+ content: "\F1D5";
+}
+
+i.icon.terminal:before {
+ content: "\F120";
+}
+
+i.icon.text.height:before {
+ content: "\F034";
+}
+
+i.icon.text.width:before {
+ content: "\F035";
+}
+
+i.icon.th:before {
+ content: "\F00A";
+}
+
+i.icon.th.large:before {
+ content: "\F009";
+}
+
+i.icon.th.list:before {
+ content: "\F00B";
+}
+
+i.icon.themeisle:before {
+ content: "\F2B2";
+}
+
+i.icon.thermometer:before {
+ content: "\F491";
+}
+
+i.icon.thermometer.empty:before {
+ content: "\F2CB";
+}
+
+i.icon.thermometer.full:before {
+ content: "\F2C7";
+}
+
+i.icon.thermometer.half:before {
+ content: "\F2C9";
+}
+
+i.icon.thermometer.quarter:before {
+ content: "\F2CA";
+}
+
+i.icon.thermometer.three.quarters:before {
+ content: "\F2C8";
+}
+
+i.icon.thumbs.down:before {
+ content: "\F165";
+}
+
+i.icon.thumbs.up:before {
+ content: "\F164";
+}
+
+i.icon.thumbtack:before {
+ content: "\F08D";
+}
+
+i.icon.ticket.alternate:before {
+ content: "\F3FF";
+}
+
+i.icon.times:before {
+ content: "\F00D";
+}
+
+i.icon.times.circle:before {
+ content: "\F057";
+}
+
+i.icon.tint:before {
+ content: "\F043";
+}
+
+i.icon.toggle.off:before {
+ content: "\F204";
+}
+
+i.icon.toggle.on:before {
+ content: "\F205";
+}
+
+i.icon.trademark:before {
+ content: "\F25C";
+}
+
+i.icon.train:before {
+ content: "\F238";
+}
+
+i.icon.transgender:before {
+ content: "\F224";
+}
+
+i.icon.transgender.alternate:before {
+ content: "\F225";
+}
+
+i.icon.trash:before {
+ content: "\F1F8";
+}
+
+i.icon.trash.alternate:before {
+ content: "\F2ED";
+}
+
+i.icon.tree:before {
+ content: "\F1BB";
+}
+
+i.icon.trello:before {
+ content: "\F181";
+}
+
+i.icon.tripadvisor:before {
+ content: "\F262";
+}
+
+i.icon.trophy:before {
+ content: "\F091";
+}
+
+i.icon.truck:before {
+ content: "\F0D1";
+}
+
+i.icon.tty:before {
+ content: "\F1E4";
+}
+
+i.icon.tumblr:before {
+ content: "\F173";
+}
+
+i.icon.tumblr.square:before {
+ content: "\F174";
+}
+
+i.icon.tv:before {
+ content: "\F26C";
+}
+
+i.icon.twitch:before {
+ content: "\F1E8";
+}
+
+i.icon.twitter:before {
+ content: "\F099";
+}
+
+i.icon.twitter.square:before {
+ content: "\F081";
+}
+
+i.icon.typo3:before {
+ content: "\F42B";
+}
+
+i.icon.uber:before {
+ content: "\F402";
+}
+
+i.icon.uikit:before {
+ content: "\F403";
+}
+
+i.icon.umbrella:before {
+ content: "\F0E9";
+}
+
+i.icon.underline:before {
+ content: "\F0CD";
+}
+
+i.icon.undo:before {
+ content: "\F0E2";
+}
+
+i.icon.undo.alternate:before {
+ content: "\F2EA";
+}
+
+i.icon.uniregistry:before {
+ content: "\F404";
+}
+
+i.icon.universal.access:before {
+ content: "\F29A";
+}
+
+i.icon.university:before {
+ content: "\F19C";
+}
+
+i.icon.unlink:before {
+ content: "\F127";
+}
+
+i.icon.unlock:before {
+ content: "\F09C";
+}
+
+i.icon.unlock.alternate:before {
+ content: "\F13E";
+}
+
+i.icon.untappd:before {
+ content: "\F405";
+}
+
+i.icon.upload:before {
+ content: "\F093";
+}
+
+i.icon.usb:before {
+ content: "\F287";
+}
+
+i.icon.user:before {
+ content: "\F007";
+}
+
+i.icon.user.circle:before {
+ content: "\F2BD";
+}
+
+i.icon.user.md:before {
+ content: "\F0F0";
+}
+
+i.icon.user.plus:before {
+ content: "\F234";
+}
+
+i.icon.user.secret:before {
+ content: "\F21B";
+}
+
+i.icon.user.times:before {
+ content: "\F235";
+}
+
+i.icon.users:before {
+ content: "\F0C0";
+}
+
+i.icon.ussunnah:before {
+ content: "\F407";
+}
+
+i.icon.utensil.spoon:before {
+ content: "\F2E5";
+}
+
+i.icon.utensils:before {
+ content: "\F2E7";
+}
+
+i.icon.vaadin:before {
+ content: "\F408";
+}
+
+i.icon.venus:before {
+ content: "\F221";
+}
+
+i.icon.venus.double:before {
+ content: "\F226";
+}
+
+i.icon.venus.mars:before {
+ content: "\F228";
+}
+
+i.icon.viacoin:before {
+ content: "\F237";
+}
+
+i.icon.viadeo:before {
+ content: "\F2A9";
+}
+
+i.icon.viadeo.square:before {
+ content: "\F2AA";
+}
+
+i.icon.viber:before {
+ content: "\F409";
+}
+
+i.icon.video:before {
+ content: "\F03D";
+}
+
+i.icon.vimeo:before {
+ content: "\F40A";
+}
+
+i.icon.vimeo.square:before {
+ content: "\F194";
+}
+
+i.icon.vimeo.v:before {
+ content: "\F27D";
+}
+
+i.icon.vine:before {
+ content: "\F1CA";
+}
+
+i.icon.vk:before {
+ content: "\F189";
+}
+
+i.icon.vnv:before {
+ content: "\F40B";
+}
+
+i.icon.volleyball.ball:before {
+ content: "\F45F";
+}
+
+i.icon.volume.down:before {
+ content: "\F027";
+}
+
+i.icon.volume.off:before {
+ content: "\F026";
+}
+
+i.icon.volume.up:before {
+ content: "\F028";
+}
+
+i.icon.vuejs:before {
+ content: "\F41F";
+}
+
+i.icon.warehouse:before {
+ content: "\F494";
+}
+
+i.icon.weibo:before {
+ content: "\F18A";
+}
+
+i.icon.weight:before {
+ content: "\F496";
+}
+
+i.icon.weixin:before {
+ content: "\F1D7";
+}
+
+i.icon.whatsapp:before {
+ content: "\F232";
+}
+
+i.icon.whatsapp.square:before {
+ content: "\F40C";
+}
+
+i.icon.wheelchair:before {
+ content: "\F193";
+}
+
+i.icon.whmcs:before {
+ content: "\F40D";
+}
+
+i.icon.wifi:before {
+ content: "\F1EB";
+}
+
+i.icon.wikipedia.w:before {
+ content: "\F266";
+}
+
+i.icon.window.close:before {
+ content: "\F410";
+}
+
+i.icon.window.maximize:before {
+ content: "\F2D0";
+}
+
+i.icon.window.minimize:before {
+ content: "\F2D1";
+}
+
+i.icon.window.restore:before {
+ content: "\F2D2";
+}
+
+i.icon.windows:before {
+ content: "\F17A";
+}
+
+i.icon.won.sign:before {
+ content: "\F159";
+}
+
+i.icon.wordpress:before {
+ content: "\F19A";
+}
+
+i.icon.wordpress.simple:before {
+ content: "\F411";
+}
+
+i.icon.wpbeginner:before {
+ content: "\F297";
+}
+
+i.icon.wpexplorer:before {
+ content: "\F2DE";
+}
+
+i.icon.wpforms:before {
+ content: "\F298";
+}
+
+i.icon.wrench:before {
+ content: "\F0AD";
+}
+
+i.icon.xbox:before {
+ content: "\F412";
+}
+
+i.icon.xing:before {
+ content: "\F168";
+}
+
+i.icon.xing.square:before {
+ content: "\F169";
+}
+
+i.icon.y.combinator:before {
+ content: "\F23B";
+}
+
+i.icon.yahoo:before {
+ content: "\F19E";
+}
+
+i.icon.yandex:before {
+ content: "\F413";
+}
+
+i.icon.yandex.international:before {
+ content: "\F414";
+}
+
+i.icon.yelp:before {
+ content: "\F1E9";
+}
+
+i.icon.yen.sign:before {
+ content: "\F157";
+}
+
+i.icon.yoast:before {
+ content: "\F2B1";
+}
+
+i.icon.youtube:before {
+ content: "\F167";
+}
+
+i.icon.youtube.square:before {
+ content: "\F431";
+}
+
+/* Aliases */
+
+i.icon.chess.rock:before {
+ content: "\F447";
+}
+
+i.icon.ordered.list:before {
+ content: "\F0CB";
+}
+
+i.icon.unordered.list:before {
+ content: "\F0CA";
+}
+
+i.icon.user.doctor:before {
+ content: "\F0F0";
+}
+
+i.icon.shield:before {
+ content: "\F3ED";
+}
+
+i.icon.puzzle:before {
+ content: "\F12E";
+}
+
+i.icon.credit.card.amazon.pay:before {
+ content: "\F42D";
+}
+
+i.icon.credit.card.american.express:before {
+ content: "\F1F3";
+}
+
+i.icon.credit.card.diners.club:before {
+ content: "\F24C";
+}
+
+i.icon.credit.card.discover:before {
+ content: "\F1F2";
+}
+
+i.icon.credit.card.jcb:before {
+ content: "\F24B";
+}
+
+i.icon.credit.card.mastercard:before {
+ content: "\F1F1";
+}
+
+i.icon.credit.card.paypal:before {
+ content: "\F1F4";
+}
+
+i.icon.credit.card.stripe:before {
+ content: "\F1F5";
+}
+
+i.icon.credit.card.visa:before {
+ content: "\F1F0";
+}
+
+i.icon.add.circle:before {
+ content: "\F055";
+}
+
+i.icon.add.square:before {
+ content: "\F0FE";
+}
+
+i.icon.add.to.calendar:before {
+ content: "\F271";
+}
+
+i.icon.add.to.cart:before {
+ content: "\F217";
+}
+
+i.icon.add.user:before {
+ content: "\F234";
+}
+
+i.icon.add:before {
+ content: "\F067";
+}
+
+i.icon.alarm.mute:before {
+ content: "\F1F6";
+}
+
+i.icon.alarm:before {
+ content: "\F0F3";
+}
+
+i.icon.ald:before {
+ content: "\F2A2";
+}
+
+i.icon.als:before {
+ content: "\F2A2";
+}
+
+i.icon.american.express.card:before {
+ content: "\F1F3";
+}
+
+i.icon.american.express:before {
+ content: "\F1F3";
+}
+
+i.icon.amex:before {
+ content: "\F1F3";
+}
+
+i.icon.announcement:before {
+ content: "\F0A1";
+}
+
+i.icon.area.chart:before {
+ content: "\F1FE";
+}
+
+i.icon.area.graph:before {
+ content: "\F1FE";
+}
+
+i.icon.arrow.down.cart:before {
+ content: "\F218";
+}
+
+i.icon.asexual:before {
+ content: "\F22D";
+}
+
+i.icon.asl.interpreting:before {
+ content: "\F2A3";
+}
+
+i.icon.asl:before {
+ content: "\F2A3";
+}
+
+i.icon.assistive.listening.devices:before {
+ content: "\F2A2";
+}
+
+i.icon.attach:before {
+ content: "\F0C6";
+}
+
+i.icon.attention:before {
+ content: "\F06A";
+}
+
+i.icon.balance:before {
+ content: "\F24E";
+}
+
+i.icon.bar:before {
+ content: "\F0FC";
+}
+
+i.icon.bathtub:before {
+ content: "\F2CD";
+}
+
+i.icon.battery.four:before {
+ content: "\F240";
+}
+
+i.icon.battery.high:before {
+ content: "\F241";
+}
+
+i.icon.battery.low:before {
+ content: "\F243";
+}
+
+i.icon.battery.medium:before {
+ content: "\F242";
+}
+
+i.icon.battery.one:before {
+ content: "\F243";
+}
+
+i.icon.battery.three:before {
+ content: "\F241";
+}
+
+i.icon.battery.two:before {
+ content: "\F242";
+}
+
+i.icon.battery.zero:before {
+ content: "\F244";
+}
+
+i.icon.birthday:before {
+ content: "\F1FD";
+}
+
+i.icon.block.layout:before {
+ content: "\F009";
+}
+
+i.icon.bluetooth.alternative:before {
+ content: "\F294";
+}
+
+i.icon.broken.chain:before {
+ content: "\F127";
+}
+
+i.icon.browser:before {
+ content: "\F022";
+}
+
+i.icon.call.square:before {
+ content: "\F098";
+}
+
+i.icon.call:before {
+ content: "\F095";
+}
+
+i.icon.cancel:before {
+ content: "\F00D";
+}
+
+i.icon.cart:before {
+ content: "\F07A";
+}
+
+i.icon.cc:before {
+ content: "\F20A";
+}
+
+i.icon.chain:before {
+ content: "\F0C1";
+}
+
+i.icon.chat:before {
+ content: "\F075";
+}
+
+i.icon.checked.calendar:before {
+ content: "\F274";
+}
+
+i.icon.checkmark:before {
+ content: "\F00C";
+}
+
+i.icon.circle.notched:before {
+ content: "\F1CE";
+}
+
+i.icon.close:before {
+ content: "\F00D";
+}
+
+i.icon.cny:before {
+ content: "\F157";
+}
+
+i.icon.cocktail:before {
+ content: "\F000";
+}
+
+i.icon.commenting:before {
+ content: "\F27A";
+}
+
+i.icon.computer:before {
+ content: "\F108";
+}
+
+i.icon.configure:before {
+ content: "\F0AD";
+}
+
+i.icon.content:before {
+ content: "\F0C9";
+}
+
+i.icon.deafness:before {
+ content: "\F2A4";
+}
+
+i.icon.delete.calendar:before {
+ content: "\F273";
+}
+
+i.icon.delete:before {
+ content: "\F00D";
+}
+
+i.icon.detective:before {
+ content: "\F21B";
+}
+
+i.icon.diners.club.card:before {
+ content: "\F24C";
+}
+
+i.icon.diners.club:before {
+ content: "\F24C";
+}
+
+i.icon.discover.card:before {
+ content: "\F1F2";
+}
+
+i.icon.discover:before {
+ content: "\F1F2";
+}
+
+i.icon.discussions:before {
+ content: "\F086";
+}
+
+i.icon.doctor:before {
+ content: "\F0F0";
+}
+
+i.icon.dollar:before {
+ content: "\F155";
+}
+
+i.icon.dont:before {
+ content: "\F05E";
+}
+
+i.icon.dribble:before {
+ content: "\F17D";
+}
+
+i.icon.drivers.license:before {
+ content: "\F2C2";
+}
+
+i.icon.dropdown:before {
+ content: "\F0D7";
+}
+
+i.icon.eercast:before {
+ content: "\F2DA";
+}
+
+i.icon.emergency:before {
+ content: "\F0F9";
+}
+
+i.icon.envira.gallery:before {
+ content: "\F299";
+}
+
+i.icon.erase:before {
+ content: "\F12D";
+}
+
+i.icon.eur:before {
+ content: "\F153";
+}
+
+i.icon.euro:before {
+ content: "\F153";
+}
+
+i.icon.eyedropper:before {
+ content: "\F1FB";
+}
+
+i.icon.fa:before {
+ content: "\F2B4";
+}
+
+i.icon.factory:before {
+ content: "\F275";
+}
+
+i.icon.favorite:before {
+ content: "\F005";
+}
+
+i.icon.feed:before {
+ content: "\F09E";
+}
+
+i.icon.female.homosexual:before {
+ content: "\F226";
+}
+
+i.icon.file.text:before {
+ content: "\F15C";
+}
+
+i.icon.find:before {
+ content: "\F1E5";
+}
+
+i.icon.first.aid:before {
+ content: "\F0FA";
+}
+
+i.icon.five.hundred.pixels:before {
+ content: "\F26E";
+}
+
+i.icon.fork:before {
+ content: "\F126";
+}
+
+i.icon.game:before {
+ content: "\F11B";
+}
+
+i.icon.gay:before {
+ content: "\F227";
+}
+
+i.icon.gbp:before {
+ content: "\F154";
+}
+
+i.icon.gittip:before {
+ content: "\F184";
+}
+
+i.icon.google.plus.circle:before {
+ content: "\F2B3";
+}
+
+i.icon.google.plus.official:before {
+ content: "\F2B3";
+}
+
+i.icon.grab:before {
+ content: "\F255";
+}
+
+i.icon.graduation:before {
+ content: "\F19D";
+}
+
+i.icon.grid.layout:before {
+ content: "\F00A";
+}
+
+i.icon.group:before {
+ content: "\F0C0";
+}
+
+i.icon.h:before {
+ content: "\F0FD";
+}
+
+i.icon.hand.victory:before {
+ content: "\F25B";
+}
+
+i.icon.handicap:before {
+ content: "\F193";
+}
+
+i.icon.hard.of.hearing:before {
+ content: "\F2A4";
+}
+
+i.icon.header:before {
+ content: "\F1DC";
+}
+
+i.icon.help.circle:before {
+ content: "\F059";
+}
+
+i.icon.help:before {
+ content: "\F128";
+}
+
+i.icon.heterosexual:before {
+ content: "\F228";
+}
+
+i.icon.hide:before {
+ content: "\F070";
+}
+
+i.icon.hotel:before {
+ content: "\F236";
+}
+
+i.icon.hourglass.four:before {
+ content: "\F254";
+}
+
+i.icon.hourglass.full:before {
+ content: "\F254";
+}
+
+i.icon.hourglass.one:before {
+ content: "\F251";
+}
+
+i.icon.hourglass.three:before {
+ content: "\F253";
+}
+
+i.icon.hourglass.two:before {
+ content: "\F252";
+}
+
+i.icon.idea:before {
+ content: "\F0EB";
+}
+
+i.icon.ils:before {
+ content: "\F20B";
+}
+
+i.icon.in-cart:before {
+ content: "\F218";
+}
+
+i.icon.inr:before {
+ content: "\F156";
+}
+
+i.icon.intergender:before {
+ content: "\F224";
+}
+
+i.icon.intersex:before {
+ content: "\F224";
+}
+
+i.icon.japan.credit.bureau.card:before {
+ content: "\F24B";
+}
+
+i.icon.japan.credit.bureau:before {
+ content: "\F24B";
+}
+
+i.icon.jcb:before {
+ content: "\F24B";
+}
+
+i.icon.jpy:before {
+ content: "\F157";
+}
+
+i.icon.krw:before {
+ content: "\F159";
+}
+
+i.icon.lab:before {
+ content: "\F0C3";
+}
+
+i.icon.law:before {
+ content: "\F24E";
+}
+
+i.icon.legal:before {
+ content: "\F0E3";
+}
+
+i.icon.lesbian:before {
+ content: "\F226";
+}
+
+i.icon.lightning:before {
+ content: "\F0E7";
+}
+
+i.icon.like:before {
+ content: "\F004";
+}
+
+i.icon.line.graph:before {
+ content: "\F201";
+}
+
+i.icon.linkedin.square:before {
+ content: "\F08C";
+}
+
+i.icon.linkify:before {
+ content: "\F0C1";
+}
+
+i.icon.lira:before {
+ content: "\F195";
+}
+
+i.icon.list.layout:before {
+ content: "\F00B";
+}
+
+i.icon.magnify:before {
+ content: "\F00E";
+}
+
+i.icon.mail.forward:before {
+ content: "\F064";
+}
+
+i.icon.mail.square:before {
+ content: "\F199";
+}
+
+i.icon.mail:before {
+ content: "\F0E0";
+}
+
+i.icon.male.homosexual:before {
+ content: "\F227";
+}
+
+i.icon.man:before {
+ content: "\F222";
+}
+
+i.icon.marker:before {
+ content: "\F041";
+}
+
+i.icon.mars.alternate:before {
+ content: "\F229";
+}
+
+i.icon.mars.horizontal:before {
+ content: "\F22B";
+}
+
+i.icon.mars.vertical:before {
+ content: "\F22A";
+}
+
+i.icon.mastercard.card:before {
+ content: "\F1F1";
+}
+
+i.icon.mastercard:before {
+ content: "\F1F1";
+}
+
+i.icon.microsoft.edge:before {
+ content: "\F282";
+}
+
+i.icon.military:before {
+ content: "\F0FB";
+}
+
+i.icon.ms.edge:before {
+ content: "\F282";
+}
+
+i.icon.mute:before {
+ content: "\F131";
+}
+
+i.icon.new.pied.piper:before {
+ content: "\F2AE";
+}
+
+i.icon.non.binary.transgender:before {
+ content: "\F223";
+}
+
+i.icon.numbered.list:before {
+ content: "\F0CB";
+}
+
+i.icon.optinmonster:before {
+ content: "\F23C";
+}
+
+i.icon.options:before {
+ content: "\F1DE";
+}
+
+i.icon.other.gender.horizontal:before {
+ content: "\F22B";
+}
+
+i.icon.other.gender.vertical:before {
+ content: "\F22A";
+}
+
+i.icon.other.gender:before {
+ content: "\F229";
+}
+
+i.icon.payment:before {
+ content: "\F09D";
+}
+
+i.icon.paypal.card:before {
+ content: "\F1F4";
+}
+
+i.icon.pencil.square:before {
+ content: "\F14B";
+}
+
+i.icon.photo:before {
+ content: "\F030";
+}
+
+i.icon.picture:before {
+ content: "\F03E";
+}
+
+i.icon.pie.chart:before {
+ content: "\F200";
+}
+
+i.icon.pie.graph:before {
+ content: "\F200";
+}
+
+i.icon.pied.piper.hat:before {
+ content: "\F2AE";
+}
+
+i.icon.pin:before {
+ content: "\F08D";
+}
+
+i.icon.plus.cart:before {
+ content: "\F217";
+}
+
+i.icon.pocket:before {
+ content: "\F265";
+}
+
+i.icon.point:before {
+ content: "\F041";
+}
+
+i.icon.pointing.down:before {
+ content: "\F0A7";
+}
+
+i.icon.pointing.left:before {
+ content: "\F0A5";
+}
+
+i.icon.pointing.right:before {
+ content: "\F0A4";
+}
+
+i.icon.pointing.up:before {
+ content: "\F0A6";
+}
+
+i.icon.pound:before {
+ content: "\F154";
+}
+
+i.icon.power.cord:before {
+ content: "\F1E6";
+}
+
+i.icon.power:before {
+ content: "\F011";
+}
+
+i.icon.privacy:before {
+ content: "\F084";
+}
+
+i.icon.r.circle:before {
+ content: "\F25D";
+}
+
+i.icon.rain:before {
+ content: "\F0E9";
+}
+
+i.icon.record:before {
+ content: "\F03D";
+}
+
+i.icon.refresh:before {
+ content: "\F021";
+}
+
+i.icon.remove.circle:before {
+ content: "\F057";
+}
+
+i.icon.remove.from.calendar:before {
+ content: "\F272";
+}
+
+i.icon.remove.user:before {
+ content: "\F235";
+}
+
+i.icon.remove:before {
+ content: "\F00D";
+}
+
+i.icon.repeat:before {
+ content: "\F01E";
+}
+
+i.icon.rmb:before {
+ content: "\F157";
+}
+
+i.icon.rouble:before {
+ content: "\F158";
+}
+
+i.icon.rub:before {
+ content: "\F158";
+}
+
+i.icon.ruble:before {
+ content: "\F158";
+}
+
+i.icon.rupee:before {
+ content: "\F156";
+}
+
+i.icon.s15:before {
+ content: "\F2CD";
+}
+
+i.icon.selected.radio:before {
+ content: "\F192";
+}
+
+i.icon.send:before {
+ content: "\F1D8";
+}
+
+i.icon.setting:before {
+ content: "\F013";
+}
+
+i.icon.settings:before {
+ content: "\F085";
+}
+
+i.icon.shekel:before {
+ content: "\F20B";
+}
+
+i.icon.sheqel:before {
+ content: "\F20B";
+}
+
+i.icon.shipping:before {
+ content: "\F0D1";
+}
+
+i.icon.shop:before {
+ content: "\F07A";
+}
+
+i.icon.shuffle:before {
+ content: "\F074";
+}
+
+i.icon.shutdown:before {
+ content: "\F011";
+}
+
+i.icon.sidebar:before {
+ content: "\F0C9";
+}
+
+i.icon.signing:before {
+ content: "\F2A7";
+}
+
+i.icon.signup:before {
+ content: "\F044";
+}
+
+i.icon.sliders:before {
+ content: "\F1DE";
+}
+
+i.icon.soccer:before {
+ content: "\F1E3";
+}
+
+i.icon.sort.alphabet.ascending:before {
+ content: "\F15D";
+}
+
+i.icon.sort.alphabet.descending:before {
+ content: "\F15E";
+}
+
+i.icon.sort.ascending:before {
+ content: "\F0DE";
+}
+
+i.icon.sort.content.ascending:before {
+ content: "\F160";
+}
+
+i.icon.sort.content.descending:before {
+ content: "\F161";
+}
+
+i.icon.sort.descending:before {
+ content: "\F0DD";
+}
+
+i.icon.sort.numeric.ascending:before {
+ content: "\F162";
+}
+
+i.icon.sort.numeric.descending:before {
+ content: "\F163";
+}
+
+i.icon.sound:before {
+ content: "\F025";
+}
+
+i.icon.spy:before {
+ content: "\F21B";
+}
+
+i.icon.stripe.card:before {
+ content: "\F1F5";
+}
+
+i.icon.student:before {
+ content: "\F19D";
+}
+
+i.icon.talk:before {
+ content: "\F27A";
+}
+
+i.icon.target:before {
+ content: "\F140";
+}
+
+i.icon.teletype:before {
+ content: "\F1E4";
+}
+
+i.icon.television:before {
+ content: "\F26C";
+}
+
+i.icon.text.cursor:before {
+ content: "\F246";
+}
+
+i.icon.text.telephone:before {
+ content: "\F1E4";
+}
+
+i.icon.theme.isle:before {
+ content: "\F2B2";
+}
+
+i.icon.theme:before {
+ content: "\F043";
+}
+
+i.icon.thermometer:before {
+ content: "\F2C7";
+}
+
+i.icon.thumb.tack:before {
+ content: "\F08D";
+}
+
+i.icon.time:before {
+ content: "\F017";
+}
+
+i.icon.tm:before {
+ content: "\F25C";
+}
+
+i.icon.toggle.down:before {
+ content: "\F150";
+}
+
+i.icon.toggle.left:before {
+ content: "\F191";
+}
+
+i.icon.toggle.right:before {
+ content: "\F152";
+}
+
+i.icon.toggle.up:before {
+ content: "\F151";
+}
+
+i.icon.translate:before {
+ content: "\F1AB";
+}
+
+i.icon.travel:before {
+ content: "\F0B1";
+}
+
+i.icon.treatment:before {
+ content: "\F0F1";
+}
+
+i.icon.triangle.down:before {
+ content: "\F0D7";
+}
+
+i.icon.triangle.left:before {
+ content: "\F0D9";
+}
+
+i.icon.triangle.right:before {
+ content: "\F0DA";
+}
+
+i.icon.triangle.up:before {
+ content: "\F0D8";
+}
+
+i.icon.try:before {
+ content: "\F195";
+}
+
+i.icon.unhide:before {
+ content: "\F06E";
+}
+
+i.icon.unlinkify:before {
+ content: "\F127";
+}
+
+i.icon.unmute:before {
+ content: "\F130";
+}
+
+i.icon.usd:before {
+ content: "\F155";
+}
+
+i.icon.user.cancel:before {
+ content: "\F235";
+}
+
+i.icon.user.close:before {
+ content: "\F235";
+}
+
+i.icon.user.delete:before {
+ content: "\F235";
+}
+
+i.icon.user.x:before {
+ content: "\F235";
+}
+
+i.icon.vcard:before {
+ content: "\F2BB";
+}
+
+i.icon.video.camera:before {
+ content: "\F03D";
+}
+
+i.icon.video.play:before {
+ content: "\F144";
+}
+
+i.icon.visa.card:before {
+ content: "\F1F0";
+}
+
+i.icon.visa:before {
+ content: "\F1F0";
+}
+
+i.icon.volume.control.phone:before {
+ content: "\F2A0";
+}
+
+i.icon.wait:before {
+ content: "\F017";
+}
+
+i.icon.warning.circle:before {
+ content: "\F06A";
+}
+
+i.icon.warning.sign:before {
+ content: "\F071";
+}
+
+i.icon.warning:before {
+ content: "\F12A";
+}
+
+i.icon.wechat:before {
+ content: "\F1D7";
+}
+
+i.icon.wi-fi:before {
+ content: "\F1EB";
+}
+
+i.icon.wikipedia:before {
+ content: "\F266";
+}
+
+i.icon.winner:before {
+ content: "\F091";
+}
+
+i.icon.wizard:before {
+ content: "\F0D0";
+}
+
+i.icon.woman:before {
+ content: "\F221";
+}
+
+i.icon.won:before {
+ content: "\F159";
+}
+
+i.icon.wordpress.beginner:before {
+ content: "\F297";
+}
+
+i.icon.wordpress.forms:before {
+ content: "\F298";
+}
+
+i.icon.world:before {
+ content: "\F0AC";
+}
+
+i.icon.write.square:before {
+ content: "\F14B";
+}
+
+i.icon.x:before {
+ content: "\F00D";
+}
+
+i.icon.yc:before {
+ content: "\F23B";
+}
+
+i.icon.ycombinator:before {
+ content: "\F23B";
+}
+
+i.icon.yen:before {
+ content: "\F157";
+}
+
+i.icon.zip:before {
+ content: "\F187";
+}
+
+i.icon.zoom-in:before {
+ content: "\F00E";
+}
+
+i.icon.zoom-out:before {
+ content: "\F010";
+}
+
+i.icon.zoom:before {
+ content: "\F00E";
+}
+
+i.icon.bitbucket.square:before {
+ content: "\F171";
+}
+
+i.icon.checkmark.box:before {
+ content: "\F14A";
+}
+
+i.icon.circle.thin:before {
+ content: "\F111";
+}
+
+i.icon.cloud.download:before {
+ content: "\F381";
+}
+
+i.icon.cloud.upload:before {
+ content: "\F382";
+}
+
+i.icon.compose:before {
+ content: "\F303";
+}
+
+i.icon.conversation:before {
+ content: "\F086";
+}
+
+i.icon.credit.card.alternative:before {
+ content: "\F09D";
+}
+
+i.icon.currency:before {
+ content: "\F3D1";
+}
+
+i.icon.dashboard:before {
+ content: "\F3FD";
+}
+
+i.icon.diamond:before {
+ content: "\F3A5";
+}
+
+i.icon.disk:before {
+ content: "\F0A0";
+}
+
+i.icon.exchange:before {
+ content: "\F362";
+}
+
+i.icon.external.share:before {
+ content: "\F14D";
+}
+
+i.icon.external.square:before {
+ content: "\F360";
+}
+
+i.icon.external:before {
+ content: "\F35D";
+}
+
+i.icon.facebook.official:before {
+ content: "\F082";
+}
+
+i.icon.food:before {
+ content: "\F2E7";
+}
+
+i.icon.hourglass.zero:before {
+ content: "\F253";
+}
+
+i.icon.level.down:before {
+ content: "\F3BE";
+}
+
+i.icon.level.up:before {
+ content: "\F3BF";
+}
+
+i.icon.logout:before {
+ content: "\F2F5";
+}
+
+i.icon.meanpath:before {
+ content: "\F0C8";
+}
+
+i.icon.money:before {
+ content: "\F3D1";
+}
+
+i.icon.move:before {
+ content: "\F0B2";
+}
+
+i.icon.pencil:before {
+ content: "\F303";
+}
+
+i.icon.protect:before {
+ content: "\F023";
+}
+
+i.icon.radio:before {
+ content: "\F192";
+}
+
+i.icon.remove.bookmark:before {
+ content: "\F02E";
+}
+
+i.icon.resize.horizontal:before {
+ content: "\F337";
+}
+
+i.icon.resize.vertical:before {
+ content: "\F338";
+}
+
+i.icon.sign-in:before {
+ content: "\F2F6";
+}
+
+i.icon.sign-out:before {
+ content: "\F2F5";
+}
+
+i.icon.spoon:before {
+ content: "\F2E5";
+}
+
+i.icon.star.half.empty:before {
+ content: "\F089";
+}
+
+i.icon.star.half.full:before {
+ content: "\F089";
+}
+
+i.icon.ticket:before {
+ content: "\F3FF";
+}
+
+i.icon.times.rectangle:before {
+ content: "\F410";
+}
+
+i.icon.write:before {
+ content: "\F303";
+}
+
+i.icon.youtube.play:before {
+ content: "\F167";
+}
+
+/*******************************
+ Outline Icons
+*******************************/
+
+/* Outline Icon */
+
+/* Load & Define Icon Font */
+
+@font-face {
+ font-family: 'outline-icons';
+ src: url(font/701ae6abd4719e9c2ada3535a497b341.eot);
+ src: url(font/701ae6abd4719e9c2ada3535a497b341.eot?#iefix) format('embedded-opentype'), url(font/cd6c777f1945164224dee082abaea03a.woff2) format('woff2'), url(font/ef60a4f6c25ef7f39f2d25a748dbecfe.woff) format('woff'), url(font/ad97afd3337e8cda302d10ff5a4026b8.ttf) format('truetype'), url(icons/82f60bd0b94a1ed68b1e6e309ce2e8c3.svg#icons) format('svg');
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-decoration: inherit;
+ text-transform: none;
+}
+
+i.icon.outline {
+ font-family: 'outline-icons';
+}
+
+/* Icon Definitions */
+
+i.icon.address.book.outline:before {
+ content: "\F2B9";
+}
+
+i.icon.address.card.outline:before {
+ content: "\F2BB";
+}
+
+i.icon.arrow.alternate.circle.down.outline:before {
+ content: "\F358";
+}
+
+i.icon.arrow.alternate.circle.left.outline:before {
+ content: "\F359";
+}
+
+i.icon.arrow.alternate.circle.right.outline:before {
+ content: "\F35A";
+}
+
+i.icon.arrow.alternate.circle.up.outline:before {
+ content: "\F35B";
+}
+
+i.icon.bell.outline:before {
+ content: "\F0F3";
+}
+
+i.icon.bell.slash.outline:before {
+ content: "\F1F6";
+}
+
+i.icon.bookmark.outline:before {
+ content: "\F02E";
+}
+
+i.icon.building.outline:before {
+ content: "\F1AD";
+}
+
+i.icon.calendar.outline:before {
+ content: "\F133";
+}
+
+i.icon.calendar.alternate.outline:before {
+ content: "\F073";
+}
+
+i.icon.calendar.check.outline:before {
+ content: "\F274";
+}
+
+i.icon.calendar.minus.outline:before {
+ content: "\F272";
+}
+
+i.icon.calendar.plus.outline:before {
+ content: "\F271";
+}
+
+i.icon.calendar.times.outline:before {
+ content: "\F273";
+}
+
+i.icon.caret.square.down.outline:before {
+ content: "\F150";
+}
+
+i.icon.caret.square.left.outline:before {
+ content: "\F191";
+}
+
+i.icon.caret.square.right.outline:before {
+ content: "\F152";
+}
+
+i.icon.caret.square.up.outline:before {
+ content: "\F151";
+}
+
+i.icon.chart.bar.outline:before {
+ content: "\F080";
+}
+
+i.icon.check.circle.outline:before {
+ content: "\F058";
+}
+
+i.icon.check.square.outline:before {
+ content: "\F14A";
+}
+
+i.icon.circle.outline:before {
+ content: "\F111";
+}
+
+i.icon.clipboard.outline:before {
+ content: "\F328";
+}
+
+i.icon.clock.outline:before {
+ content: "\F017";
+}
+
+i.icon.clone.outline:before {
+ content: "\F24D";
+}
+
+i.icon.closed.captioning.outline:before {
+ content: "\F20A";
+}
+
+i.icon.comment.outline:before {
+ content: "\F075";
+}
+
+i.icon.comment.alternate.outline:before {
+ content: "\F27A";
+}
+
+i.icon.comments.outline:before {
+ content: "\F086";
+}
+
+i.icon.compass.outline:before {
+ content: "\F14E";
+}
+
+i.icon.copy.outline:before {
+ content: "\F0C5";
+}
+
+i.icon.copyright.outline:before {
+ content: "\F1F9";
+}
+
+i.icon.credit.card.outline:before {
+ content: "\F09D";
+}
+
+i.icon.dot.circle.outline:before {
+ content: "\F192";
+}
+
+i.icon.edit.outline:before {
+ content: "\F044";
+}
+
+i.icon.envelope.outline:before {
+ content: "\F0E0";
+}
+
+i.icon.envelope.open.outline:before {
+ content: "\F2B6";
+}
+
+i.icon.eye.slash.outline:before {
+ content: "\F070";
+}
+
+i.icon.file.outline:before {
+ content: "\F15B";
+}
+
+i.icon.file.alternate.outline:before {
+ content: "\F15C";
+}
+
+i.icon.file.archive.outline:before {
+ content: "\F1C6";
+}
+
+i.icon.file.audio.outline:before {
+ content: "\F1C7";
+}
+
+i.icon.file.code.outline:before {
+ content: "\F1C9";
+}
+
+i.icon.file.excel.outline:before {
+ content: "\F1C3";
+}
+
+i.icon.file.image.outline:before {
+ content: "\F1C5";
+}
+
+i.icon.file.pdf.outline:before {
+ content: "\F1C1";
+}
+
+i.icon.file.powerpoint.outline:before {
+ content: "\F1C4";
+}
+
+i.icon.file.video.outline:before {
+ content: "\F1C8";
+}
+
+i.icon.file.word.outline:before {
+ content: "\F1C2";
+}
+
+i.icon.flag.outline:before {
+ content: "\F024";
+}
+
+i.icon.folder.outline:before {
+ content: "\F07B";
+}
+
+i.icon.folder.open.outline:before {
+ content: "\F07C";
+}
+
+i.icon.frown.outline:before {
+ content: "\F119";
+}
+
+i.icon.futbol.outline:before {
+ content: "\F1E3";
+}
+
+i.icon.gem.outline:before {
+ content: "\F3A5";
+}
+
+i.icon.hand.lizard.outline:before {
+ content: "\F258";
+}
+
+i.icon.hand.paper.outline:before {
+ content: "\F256";
+}
+
+i.icon.hand.peace.outline:before {
+ content: "\F25B";
+}
+
+i.icon.hand.point.down.outline:before {
+ content: "\F0A7";
+}
+
+i.icon.hand.point.left.outline:before {
+ content: "\F0A5";
+}
+
+i.icon.hand.point.right.outline:before {
+ content: "\F0A4";
+}
+
+i.icon.hand.point.up.outline:before {
+ content: "\F0A6";
+}
+
+i.icon.hand.pointer.outline:before {
+ content: "\F25A";
+}
+
+i.icon.hand.rock.outline:before {
+ content: "\F255";
+}
+
+i.icon.hand.scissors.outline:before {
+ content: "\F257";
+}
+
+i.icon.hand.spock.outline:before {
+ content: "\F259";
+}
+
+i.icon.handshake.outline:before {
+ content: "\F2B5";
+}
+
+i.icon.hdd.outline:before {
+ content: "\F0A0";
+}
+
+i.icon.heart.outline:before {
+ content: "\F004";
+}
+
+i.icon.hospital.outline:before {
+ content: "\F0F8";
+}
+
+i.icon.hourglass.outline:before {
+ content: "\F254";
+}
+
+i.icon.id.badge.outline:before {
+ content: "\F2C1";
+}
+
+i.icon.id.card.outline:before {
+ content: "\F2C2";
+}
+
+i.icon.image.outline:before {
+ content: "\F03E";
+}
+
+i.icon.images.outline:before {
+ content: "\F302";
+}
+
+i.icon.keyboard.outline:before {
+ content: "\F11C";
+}
+
+i.icon.lemon.outline:before {
+ content: "\F094";
+}
+
+i.icon.life.ring.outline:before {
+ content: "\F1CD";
+}
+
+i.icon.lightbulb.outline:before {
+ content: "\F0EB";
+}
+
+i.icon.list.alternate.outline:before {
+ content: "\F022";
+}
+
+i.icon.map.outline:before {
+ content: "\F279";
+}
+
+i.icon.meh.outline:before {
+ content: "\F11A";
+}
+
+i.icon.minus.square.outline:before {
+ content: "\F146";
+}
+
+i.icon.money.bill.alternate.outline:before {
+ content: "\F3D1";
+}
+
+i.icon.moon.outline:before {
+ content: "\F186";
+}
+
+i.icon.newspaper.outline:before {
+ content: "\F1EA";
+}
+
+i.icon.object.group.outline:before {
+ content: "\F247";
+}
+
+i.icon.object.ungroup.outline:before {
+ content: "\F248";
+}
+
+i.icon.paper.plane.outline:before {
+ content: "\F1D8";
+}
+
+i.icon.pause.circle.outline:before {
+ content: "\F28B";
+}
+
+i.icon.play.circle.outline:before {
+ content: "\F144";
+}
+
+i.icon.plus.square.outline:before {
+ content: "\F0FE";
+}
+
+i.icon.question.circle.outline:before {
+ content: "\F059";
+}
+
+i.icon.registered.outline:before {
+ content: "\F25D";
+}
+
+i.icon.save.outline:before {
+ content: "\F0C7";
+}
+
+i.icon.share.square.outline:before {
+ content: "\F14D";
+}
+
+i.icon.smile.outline:before {
+ content: "\F118";
+}
+
+i.icon.snowflake.outline:before {
+ content: "\F2DC";
+}
+
+i.icon.square.outline:before {
+ content: "\F0C8";
+}
+
+i.icon.star.outline:before {
+ content: "\F005";
+}
+
+i.icon.star.half.outline:before {
+ content: "\F089";
+}
+
+i.icon.sticky.note.outline:before {
+ content: "\F249";
+}
+
+i.icon.stop.circle.outline:before {
+ content: "\F28D";
+}
+
+i.icon.sun.outline:before {
+ content: "\F185";
+}
+
+i.icon.thumbs.down.outline:before {
+ content: "\F165";
+}
+
+i.icon.thumbs.up.outline:before {
+ content: "\F164";
+}
+
+i.icon.times.circle.outline:before {
+ content: "\F057";
+}
+
+i.icon.trash.alternate.outline:before {
+ content: "\F2ED";
+}
+
+i.icon.user.outline:before {
+ content: "\F007";
+}
+
+i.icon.user.circle.outline:before {
+ content: "\F2BD";
+}
+
+i.icon.window.close.outline:before {
+ content: "\F410";
+}
+
+i.icon.window.maximize.outline:before {
+ content: "\F2D0";
+}
+
+i.icon.window.minimize.outline:before {
+ content: "\F2D1";
+}
+
+i.icon.window.restore.outline:before {
+ content: "\F2D2";
+}
+
+/* Outline Aliases */
+
+i.icon.disk.outline:before {
+ content: "\F0A0";
+}
+
+i.icon.heart.empty,
+i.icon.star.empty {
+ font-family: 'outline-icons';
+}
+
+i.icon.heart.empty:before {
+ content: "\F004";
+}
+
+i.icon.star.empty:before {
+ content: "\F089";
+}
+
+/*******************************
+ Brand Icons
+*******************************/
+
+/* Load & Define Brand Font */
+
+@font-face {
+ font-family: 'brand-icons';
+ src: url(font/13db00b7a34fee4d819ab7f9838cc428.eot);
+ src: url(font/13db00b7a34fee4d819ab7f9838cc428.eot?#iefix) format('embedded-opentype'), url(font/e8c322de9658cbeb8a774b6624167c2c.woff2) format('woff2'), url(font/a046592bac8f2fd96e994733faf3858c.woff) format('woff'), url(font/c5ebe0b32dc1b5cc449a76c4204d13bb.ttf) format('truetype'), url(icons/a1a749e89f578a49306ec2b055c073da.svg#icons) format('svg');
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-decoration: inherit;
+ text-transform: none;
+}
+
+/* Brand Icon Font Family */
+
+i.icon.\35 00px,
+i.icon.accessible.icon,
+i.icon.accusoft,
+i.icon.adn,
+i.icon.adversal,
+i.icon.affiliatetheme,
+i.icon.algolia,
+i.icon.amazon,
+i.icon.amazon.pay,
+i.icon.amilia,
+i.icon.android,
+i.icon.angellist,
+i.icon.angrycreative,
+i.icon.angular,
+i.icon.app.store,
+i.icon.app.store.ios,
+i.icon.apper,
+i.icon.apple,
+i.icon.apple.pay,
+i.icon.asymmetrik,
+i.icon.audible,
+i.icon.autoprefixer,
+i.icon.avianex,
+i.icon.aviato,
+i.icon.aws,
+i.icon.bandcamp,
+i.icon.behance,
+i.icon.behance.square,
+i.icon.bimobject,
+i.icon.bitbucket,
+i.icon.bitcoin,
+i.icon.bity,
+i.icon.black.tie,
+i.icon.blackberry,
+i.icon.blogger,
+i.icon.blogger.b,
+i.icon.bluetooth,
+i.icon.bluetooth.b,
+i.icon.btc,
+i.icon.buromobelexperte,
+i.icon.buysellads,
+i.icon.cc.amazon.pay,
+i.icon.cc.amex,
+i.icon.cc.apple.pay,
+i.icon.cc.diners.club,
+i.icon.cc.discover,
+i.icon.cc.jcb,
+i.icon.cc.mastercard,
+i.icon.cc.paypal,
+i.icon.cc.stripe,
+i.icon.cc.visa,
+i.icon.centercode,
+i.icon.chrome,
+i.icon.cloudscale,
+i.icon.cloudsmith,
+i.icon.cloudversify,
+i.icon.codepen,
+i.icon.codiepie,
+i.icon.connectdevelop,
+i.icon.contao,
+i.icon.cpanel,
+i.icon.creative.commons,
+i.icon.css3,
+i.icon.css3.alternate,
+i.icon.cuttlefish,
+i.icon.d.and.d,
+i.icon.dashcube,
+i.icon.delicious,
+i.icon.deploydog,
+i.icon.deskpro,
+i.icon.deviantart,
+i.icon.digg,
+i.icon.digital.ocean,
+i.icon.discord,
+i.icon.discourse,
+i.icon.dochub,
+i.icon.docker,
+i.icon.draft2digital,
+i.icon.dribbble,
+i.icon.dribbble.square,
+i.icon.dropbox,
+i.icon.drupal,
+i.icon.dyalog,
+i.icon.earlybirds,
+i.icon.edge,
+i.icon.elementor,
+i.icon.ember,
+i.icon.empire,
+i.icon.envira,
+i.icon.erlang,
+i.icon.ethereum,
+i.icon.etsy,
+i.icon.expeditedssl,
+i.icon.facebook,
+i.icon.facebook.f,
+i.icon.facebook.messenger,
+i.icon.facebook.square,
+i.icon.firefox,
+i.icon.first.order,
+i.icon.firstdraft,
+i.icon.flickr,
+i.icon.flipboard,
+i.icon.fly,
+i.icon.font.awesome,
+i.icon.font.awesome.alternate,
+i.icon.font.awesome.flag,
+i.icon.fonticons,
+i.icon.fonticons.fi,
+i.icon.fort.awesome,
+i.icon.fort.awesome.alternate,
+i.icon.forumbee,
+i.icon.foursquare,
+i.icon.free.code.camp,
+i.icon.freebsd,
+i.icon.get.pocket,
+i.icon.gg,
+i.icon.gg.circle,
+i.icon.git,
+i.icon.git.square,
+i.icon.github,
+i.icon.github.alternate,
+i.icon.github.square,
+i.icon.gitkraken,
+i.icon.gitlab,
+i.icon.gitter,
+i.icon.glide,
+i.icon.glide.g,
+i.icon.gofore,
+i.icon.goodreads,
+i.icon.goodreads.g,
+i.icon.google,
+i.icon.google.drive,
+i.icon.google.play,
+i.icon.google.plus,
+i.icon.google.plus.g,
+i.icon.google.plus.square,
+i.icon.google.wallet,
+i.icon.gratipay,
+i.icon.grav,
+i.icon.gripfire,
+i.icon.grunt,
+i.icon.gulp,
+i.icon.hacker.news,
+i.icon.hacker.news.square,
+i.icon.hips,
+i.icon.hire.a.helper,
+i.icon.hooli,
+i.icon.hotjar,
+i.icon.houzz,
+i.icon.html5,
+i.icon.hubspot,
+i.icon.imdb,
+i.icon.instagram,
+i.icon.internet.explorer,
+i.icon.ioxhost,
+i.icon.itunes,
+i.icon.itunes.note,
+i.icon.jenkins,
+i.icon.joget,
+i.icon.joomla,
+i.icon.js,
+i.icon.js.square,
+i.icon.jsfiddle,
+i.icon.keycdn,
+i.icon.kickstarter,
+i.icon.kickstarter.k,
+i.icon.korvue,
+i.icon.laravel,
+i.icon.lastfm,
+i.icon.lastfm.square,
+i.icon.leanpub,
+i.icon.less,
+i.icon.linechat,
+i.icon.linkedin,
+i.icon.linkedin.alternate,
+i.icon.linkedin.in,
+i.icon.linode,
+i.icon.linux,
+i.icon.lyft,
+i.icon.magento,
+i.icon.maxcdn,
+i.icon.medapps,
+i.icon.medium,
+i.icon.medium.m,
+i.icon.medrt,
+i.icon.meetup,
+i.icon.microsoft,
+i.icon.mix,
+i.icon.mixcloud,
+i.icon.mizuni,
+i.icon.modx,
+i.icon.monero,
+i.icon.napster,
+i.icon.nintendo.switch,
+i.icon.node,
+i.icon.node.js,
+i.icon.npm,
+i.icon.ns8,
+i.icon.nutritionix,
+i.icon.odnoklassniki,
+i.icon.odnoklassniki.square,
+i.icon.opencart,
+i.icon.openid,
+i.icon.opera,
+i.icon.optin.monster,
+i.icon.osi,
+i.icon.page4,
+i.icon.pagelines,
+i.icon.palfed,
+i.icon.patreon,
+i.icon.paypal,
+i.icon.periscope,
+i.icon.phabricator,
+i.icon.phoenix.framework,
+i.icon.php,
+i.icon.pied.piper,
+i.icon.pied.piper.alternate,
+i.icon.pied.piper.pp,
+i.icon.pinterest,
+i.icon.pinterest.p,
+i.icon.pinterest.square,
+i.icon.playstation,
+i.icon.product.hunt,
+i.icon.pushed,
+i.icon.python,
+i.icon.qq,
+i.icon.quinscape,
+i.icon.quora,
+i.icon.ravelry,
+i.icon.react,
+i.icon.rebel,
+i.icon.redriver,
+i.icon.reddit,
+i.icon.reddit.alien,
+i.icon.reddit.square,
+i.icon.rendact,
+i.icon.renren,
+i.icon.replyd,
+i.icon.resolving,
+i.icon.rocketchat,
+i.icon.rockrms,
+i.icon.safari,
+i.icon.sass,
+i.icon.schlix,
+i.icon.scribd,
+i.icon.searchengin,
+i.icon.sellcast,
+i.icon.sellsy,
+i.icon.servicestack,
+i.icon.shirtsinbulk,
+i.icon.simplybuilt,
+i.icon.sistrix,
+i.icon.skyatlas,
+i.icon.skype,
+i.icon.slack,
+i.icon.slack.hash,
+i.icon.slideshare,
+i.icon.snapchat,
+i.icon.snapchat.ghost,
+i.icon.snapchat.square,
+i.icon.soundcloud,
+i.icon.speakap,
+i.icon.spotify,
+i.icon.stack.exchange,
+i.icon.stack.overflow,
+i.icon.staylinked,
+i.icon.steam,
+i.icon.steam.square,
+i.icon.steam.symbol,
+i.icon.sticker.mule,
+i.icon.strava,
+i.icon.stripe,
+i.icon.stripe.s,
+i.icon.studiovinari,
+i.icon.stumbleupon,
+i.icon.stumbleupon.circle,
+i.icon.superpowers,
+i.icon.supple,
+i.icon.telegram,
+i.icon.telegram.plane,
+i.icon.tencent.weibo,
+i.icon.themeisle,
+i.icon.trello,
+i.icon.tripadvisor,
+i.icon.tumblr,
+i.icon.tumblr.square,
+i.icon.twitch,
+i.icon.twitter,
+i.icon.twitter.square,
+i.icon.typo3,
+i.icon.uber,
+i.icon.uikit,
+i.icon.uniregistry,
+i.icon.untappd,
+i.icon.usb,
+i.icon.ussunnah,
+i.icon.vaadin,
+i.icon.viacoin,
+i.icon.viadeo,
+i.icon.viadeo.square,
+i.icon.viber,
+i.icon.vimeo,
+i.icon.vimeo.square,
+i.icon.vimeo.v,
+i.icon.vine,
+i.icon.vk,
+i.icon.vnv,
+i.icon.vuejs,
+i.icon.wechat,
+i.icon.weibo,
+i.icon.weixin,
+i.icon.whatsapp,
+i.icon.whatsapp.square,
+i.icon.whmcs,
+i.icon.wikipedia.w,
+i.icon.windows,
+i.icon.wordpress,
+i.icon.wordpress.simple,
+i.icon.wpbeginner,
+i.icon.wpexplorer,
+i.icon.wpforms,
+i.icon.xbox,
+i.icon.xing,
+i.icon.xing.square,
+i.icon.y.combinator,
+i.icon.yahoo,
+i.icon.yandex,
+i.icon.yandex.international,
+i.icon.yelp,
+i.icon.yoast,
+i.icon.youtube,
+i.icon.youtube.square {
+ font-family: 'brand-icons';
+}
+
+/* Brand Icons Ideally Would Be Defined Here */
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Image
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Image
+*******************************/
+
+.ui.image {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 100%;
+ background-color: transparent;
+}
+
+img.ui.image {
+ display: block;
+}
+
+.ui.image svg,
+.ui.image img {
+ display: block;
+ max-width: 100%;
+ height: auto;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.hidden.images,
+.ui.hidden.image {
+ display: none;
+}
+
+.ui.hidden.transition.images,
+.ui.hidden.transition.image {
+ display: block;
+ visibility: hidden;
+}
+
+.ui.images > .hidden.transition {
+ display: inline-block;
+ visibility: hidden;
+}
+
+.ui.disabled.images,
+.ui.disabled.image {
+ cursor: default;
+ opacity: 0.45;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Inline
+---------------*/
+
+.ui.inline.image,
+.ui.inline.image svg,
+.ui.inline.image img {
+ display: inline-block;
+}
+
+/*------------------
+ Vertical Aligned
+-------------------*/
+
+.ui.top.aligned.images .image,
+.ui.top.aligned.image,
+.ui.top.aligned.image svg,
+.ui.top.aligned.image img {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.ui.middle.aligned.images .image,
+.ui.middle.aligned.image,
+.ui.middle.aligned.image svg,
+.ui.middle.aligned.image img {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.ui.bottom.aligned.images .image,
+.ui.bottom.aligned.image,
+.ui.bottom.aligned.image svg,
+.ui.bottom.aligned.image img {
+ display: inline-block;
+ vertical-align: bottom;
+}
+
+/*--------------
+ Rounded
+---------------*/
+
+.ui.rounded.images .image,
+.ui.rounded.image,
+.ui.rounded.images .image > *,
+.ui.rounded.image > * {
+ border-radius: 0.3125em;
+}
+
+/*--------------
+ Bordered
+---------------*/
+
+.ui.bordered.images .image,
+.ui.bordered.images img,
+.ui.bordered.images svg,
+.ui.bordered.image img,
+.ui.bordered.image svg,
+img.ui.bordered.image {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/*--------------
+ Circular
+---------------*/
+
+.ui.circular.images,
+.ui.circular.image {
+ overflow: hidden;
+}
+
+.ui.circular.images .image,
+.ui.circular.image,
+.ui.circular.images .image > *,
+.ui.circular.image > * {
+ border-radius: 500rem;
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+.ui.fluid.images,
+.ui.fluid.image,
+.ui.fluid.images img,
+.ui.fluid.images svg,
+.ui.fluid.image svg,
+.ui.fluid.image img {
+ display: block;
+ width: 100%;
+ height: auto;
+}
+
+/*--------------
+ Avatar
+---------------*/
+
+.ui.avatar.images .image,
+.ui.avatar.images img,
+.ui.avatar.images svg,
+.ui.avatar.image img,
+.ui.avatar.image svg,
+.ui.avatar.image {
+ margin-right: 0.25em;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ border-radius: 500rem;
+}
+
+/*-------------------
+ Spaced
+--------------------*/
+
+.ui.spaced.image {
+ display: inline-block !important;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+.ui[class*="left spaced"].image {
+ margin-left: 0.5em;
+ margin-right: 0em;
+}
+
+.ui[class*="right spaced"].image {
+ margin-left: 0em;
+ margin-right: 0.5em;
+}
+
+/*-------------------
+ Floated
+--------------------*/
+
+.ui.floated.image,
+.ui.floated.images {
+ float: left;
+ margin-right: 1em;
+ margin-bottom: 1em;
+}
+
+.ui.right.floated.images,
+.ui.right.floated.image {
+ float: right;
+ margin-right: 0em;
+ margin-bottom: 1em;
+ margin-left: 1em;
+}
+
+.ui.floated.images:last-child,
+.ui.floated.image:last-child {
+ margin-bottom: 0em;
+}
+
+.ui.centered.images,
+.ui.centered.image {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.mini.images .image,
+.ui.mini.images img,
+.ui.mini.images svg,
+.ui.mini.image {
+ width: 35px;
+ height: auto;
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.images .image,
+.ui.tiny.images img,
+.ui.tiny.images svg,
+.ui.tiny.image {
+ width: 80px;
+ height: auto;
+ font-size: 0.85714286rem;
+}
+
+.ui.small.images .image,
+.ui.small.images img,
+.ui.small.images svg,
+.ui.small.image {
+ width: 150px;
+ height: auto;
+ font-size: 0.92857143rem;
+}
+
+.ui.medium.images .image,
+.ui.medium.images img,
+.ui.medium.images svg,
+.ui.medium.image {
+ width: 300px;
+ height: auto;
+ font-size: 1rem;
+}
+
+.ui.large.images .image,
+.ui.large.images img,
+.ui.large.images svg,
+.ui.large.image {
+ width: 450px;
+ height: auto;
+ font-size: 1.14285714rem;
+}
+
+.ui.big.images .image,
+.ui.big.images img,
+.ui.big.images svg,
+.ui.big.image {
+ width: 600px;
+ height: auto;
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.images .image,
+.ui.huge.images img,
+.ui.huge.images svg,
+.ui.huge.image {
+ width: 800px;
+ height: auto;
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.images .image,
+.ui.massive.images img,
+.ui.massive.images svg,
+.ui.massive.image {
+ width: 960px;
+ height: auto;
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Groups
+*******************************/
+
+.ui.images {
+ font-size: 0em;
+ margin: 0em -0.25rem 0rem;
+}
+
+.ui.images .image,
+.ui.images > img,
+.ui.images > svg {
+ display: inline-block;
+ margin: 0em 0.25rem 0.5rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Input
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+/*--------------------
+ Inputs
+---------------------*/
+
+.ui.input {
+ position: relative;
+ font-weight: normal;
+ font-style: normal;
+ display: inline-flex;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.input > input {
+ margin: 0em;
+ max-width: 100%;
+ flex: 1 0 auto;
+ outline: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ text-align: left;
+ line-height: 1.21428571em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ padding: 0.67857143em 1em;
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0.28571429rem;
+ transition: box-shadow 0.1s ease, border-color 0.1s ease;
+ box-shadow: none;
+}
+
+/*--------------------
+ Placeholder
+---------------------*/
+
+/* browsers require these rules separate */
+
+.ui.input > input::-webkit-input-placeholder {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+.ui.input > input::-moz-placeholder {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+.ui.input > input:-ms-input-placeholder {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------------
+ Disabled
+---------------------*/
+
+.ui.disabled.input,
+.ui.input:not(.disabled) input[disabled] {
+ opacity: 0.45;
+}
+
+.ui.disabled.input > input,
+.ui.input:not(.disabled) input[disabled] {
+ pointer-events: none;
+}
+
+/*--------------------
+ Active
+---------------------*/
+
+.ui.input > input:active,
+.ui.input.down input {
+ border-color: rgba(0, 0, 0, 0.3);
+ background: #FAFAFA;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+/*--------------------
+ Loading
+---------------------*/
+
+.ui.loading.loading.input > i.icon:before {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.loading.loading.input > i.icon:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ -webkit-animation: button-spin 0.6s linear;
+ animation: button-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+/*--------------------
+ Focus
+---------------------*/
+
+.ui.input.focus > input,
+.ui.input > input:focus {
+ border-color: #85B7D9;
+ background: #FFFFFF;
+ color: rgba(0, 0, 0, 0.8);
+ box-shadow: none;
+}
+
+.ui.input.focus > input::-webkit-input-placeholder,
+.ui.input > input:focus::-webkit-input-placeholder {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+.ui.input.focus > input::-moz-placeholder,
+.ui.input > input:focus::-moz-placeholder {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+.ui.input.focus > input:-ms-input-placeholder,
+.ui.input > input:focus:-ms-input-placeholder {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+/*--------------------
+ Error
+---------------------*/
+
+.ui.input.error > input {
+ background-color: #FFF6F6;
+ border-color: #E0B4B4;
+ color: #9F3A38;
+ box-shadow: none;
+}
+
+/* Error Placeholder */
+
+.ui.input.error > input::-webkit-input-placeholder {
+ color: #e7bdbc;
+}
+
+.ui.input.error > input::-moz-placeholder {
+ color: #e7bdbc;
+}
+
+.ui.input.error > input:-ms-input-placeholder {
+ color: #e7bdbc !important;
+}
+
+/* Focused Error Placeholder */
+
+.ui.input.error > input:focus::-webkit-input-placeholder {
+ color: #da9796;
+}
+
+.ui.input.error > input:focus::-moz-placeholder {
+ color: #da9796;
+}
+
+.ui.input.error > input:focus:-ms-input-placeholder {
+ color: #da9796 !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------------
+ Transparent
+---------------------*/
+
+.ui.transparent.input > input {
+ border-color: transparent !important;
+ background-color: transparent !important;
+ padding: 0em !important;
+ box-shadow: none !important;
+ border-radius: 0px !important;
+}
+
+/* Transparent Icon */
+
+.ui.transparent.icon.input > i.icon {
+ width: 1.1em;
+}
+
+.ui.transparent.icon.input > input {
+ padding-left: 0em !important;
+ padding-right: 2em !important;
+}
+
+.ui.transparent[class*="left icon"].input > input {
+ padding-left: 2em !important;
+ padding-right: 0em !important;
+}
+
+/* Transparent Inverted */
+
+.ui.transparent.inverted.input {
+ color: #FFFFFF;
+}
+
+.ui.transparent.inverted.input > input {
+ color: inherit;
+}
+
+.ui.transparent.inverted.input > input::-webkit-input-placeholder {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.ui.transparent.inverted.input > input::-moz-placeholder {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.ui.transparent.inverted.input > input:-ms-input-placeholder {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/*--------------------
+ Icon
+---------------------*/
+
+.ui.icon.input > i.icon {
+ cursor: default;
+ position: absolute;
+ line-height: 1;
+ text-align: center;
+ top: 0px;
+ right: 0px;
+ margin: 0em;
+ height: 100%;
+ width: 2.67142857em;
+ opacity: 0.5;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+ transition: opacity 0.3s ease;
+}
+
+.ui.icon.input > i.icon:not(.link) {
+ pointer-events: none;
+}
+
+.ui.icon.input > input {
+ padding-right: 2.67142857em !important;
+}
+
+.ui.icon.input > i.icon:before,
+.ui.icon.input > i.icon:after {
+ left: 0;
+ position: absolute;
+ text-align: center;
+ top: 50%;
+ width: 100%;
+ margin-top: -0.5em;
+}
+
+.ui.icon.input > i.link.icon {
+ cursor: pointer;
+}
+
+.ui.icon.input > i.circular.icon {
+ top: 0.35em;
+ right: 0.5em;
+}
+
+/* Left Icon Input */
+
+.ui[class*="left icon"].input > i.icon {
+ right: auto;
+ left: 1px;
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+.ui[class*="left icon"].input > i.circular.icon {
+ right: auto;
+ left: 0.5em;
+}
+
+.ui[class*="left icon"].input > input {
+ padding-left: 2.67142857em !important;
+ padding-right: 1em !important;
+}
+
+/* Focus */
+
+.ui.icon.input > input:focus ~ i.icon {
+ opacity: 1;
+}
+
+/*--------------------
+ Labeled
+---------------------*/
+
+/* Adjacent Label */
+
+.ui.labeled.input > .label {
+ flex: 0 0 auto;
+ margin: 0;
+ font-size: 1em;
+}
+
+.ui.labeled.input > .label:not(.corner) {
+ padding-top: 0.78571429em;
+ padding-bottom: 0.78571429em;
+}
+
+/* Regular Label on Left */
+
+.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+ border-left-color: transparent;
+}
+
+.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
+ border-left-color: #85B7D9;
+}
+
+/* Regular Label on Right */
+
+.ui[class*="right labeled"].input > input {
+ border-top-right-radius: 0px !important;
+ border-bottom-right-radius: 0px !important;
+ border-right-color: transparent !important;
+}
+
+.ui[class*="right labeled"].input > input + .label {
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+.ui[class*="right labeled"].input > input:focus {
+ border-right-color: #85B7D9 !important;
+}
+
+/* Corner Label */
+
+.ui.labeled.input .corner.label {
+ top: 1px;
+ right: 1px;
+ font-size: 0.64285714em;
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+/* Spacing with corner label */
+
+.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
+ padding-right: 2.5em !important;
+}
+
+.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
+ padding-right: 3.25em !important;
+}
+
+.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
+ margin-right: 1.25em;
+}
+
+/* Left Labeled */
+
+.ui[class*="left corner labeled"].labeled.input > input {
+ padding-left: 2.5em !important;
+}
+
+.ui[class*="left corner labeled"].icon.input > input {
+ padding-left: 3.25em !important;
+}
+
+.ui[class*="left corner labeled"].icon.input > .icon {
+ margin-left: 1.25em;
+}
+
+/* Corner Label Position */
+
+.ui.input > .ui.corner.label {
+ top: 1px;
+ right: 1px;
+}
+
+.ui.input > .ui.left.corner.label {
+ right: auto;
+ left: 1px;
+}
+
+/*--------------------
+ Action
+---------------------*/
+
+.ui.action.input > .button,
+.ui.action.input > .buttons {
+ display: flex;
+ align-items: center;
+ flex: 0 0 auto;
+}
+
+.ui.action.input > .button,
+.ui.action.input > .buttons > .button {
+ padding-top: 0.78571429em;
+ padding-bottom: 0.78571429em;
+ margin: 0;
+}
+
+/* Button on Right */
+
+.ui.action.input:not([class*="left action"]) > input {
+ border-top-right-radius: 0px !important;
+ border-bottom-right-radius: 0px !important;
+ border-right-color: transparent !important;
+}
+
+.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
+.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
+.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
+ border-radius: 0px;
+}
+
+.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
+.ui.action.input:not([class*="left action"]) > .button:last-child,
+.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
+ border-radius: 0px 0.28571429rem 0.28571429rem 0px;
+}
+
+/* Input Focus */
+
+.ui.action.input:not([class*="left action"]) > input:focus {
+ border-right-color: #85B7D9 !important;
+}
+
+/* Button on Left */
+
+.ui[class*="left action"].input > input {
+ border-top-left-radius: 0px !important;
+ border-bottom-left-radius: 0px !important;
+ border-left-color: transparent !important;
+}
+
+.ui[class*="left action"].input > .dropdown,
+.ui[class*="left action"].input > .button,
+.ui[class*="left action"].input > .buttons > .button {
+ border-radius: 0px;
+}
+
+.ui[class*="left action"].input > .dropdown:first-child,
+.ui[class*="left action"].input > .button:first-child,
+.ui[class*="left action"].input > .buttons:first-child > .button {
+ border-radius: 0.28571429rem 0px 0px 0.28571429rem;
+}
+
+/* Input Focus */
+
+.ui[class*="left action"].input > input:focus {
+ border-left-color: #85B7D9 !important;
+}
+
+/*--------------------
+ Inverted
+---------------------*/
+
+/* Standard */
+
+.ui.inverted.input > input {
+ border: none;
+}
+
+/*--------------------
+ Fluid
+---------------------*/
+
+.ui.fluid.input {
+ display: flex;
+}
+
+.ui.fluid.input > input {
+ width: 0px !important;
+}
+
+/*--------------------
+ Size
+---------------------*/
+
+.ui.mini.input {
+ font-size: 0.78571429em;
+}
+
+.ui.small.input {
+ font-size: 0.92857143em;
+}
+
+.ui.input {
+ font-size: 1em;
+}
+
+.ui.large.input {
+ font-size: 1.14285714em;
+}
+
+.ui.big.input {
+ font-size: 1.28571429em;
+}
+
+.ui.huge.input {
+ font-size: 1.42857143em;
+}
+
+.ui.massive.input {
+ font-size: 1.71428571em;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Label
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Label
+*******************************/
+
+.ui.label {
+ display: inline-block;
+ line-height: 1;
+ vertical-align: baseline;
+ margin: 0em 0.14285714em;
+ background-color: #E8E8E8;
+ background-image: none;
+ padding: 0.5833em 0.833em;
+ color: rgba(0, 0, 0, 0.6);
+ text-transform: none;
+ font-weight: bold;
+ border: 0px solid transparent;
+ border-radius: 0.28571429rem;
+ transition: background 0.1s ease;
+}
+
+.ui.label:first-child {
+ margin-left: 0em;
+}
+
+.ui.label:last-child {
+ margin-right: 0em;
+}
+
+/* Link */
+
+a.ui.label {
+ cursor: pointer;
+}
+
+/* Inside Link */
+
+.ui.label > a {
+ cursor: pointer;
+ color: inherit;
+ opacity: 0.5;
+ transition: 0.1s opacity ease;
+}
+
+.ui.label > a:hover {
+ opacity: 1;
+}
+
+/* Image */
+
+.ui.label > img {
+ width: auto !important;
+ vertical-align: middle;
+ height: 2.1666em !important;
+}
+
+/* Icon */
+
+.ui.label > .icon {
+ width: auto;
+ margin: 0em 0.75em 0em 0em;
+}
+
+/* Detail */
+
+.ui.label > .detail {
+ display: inline-block;
+ vertical-align: top;
+ font-weight: bold;
+ margin-left: 1em;
+ opacity: 0.8;
+}
+
+.ui.label > .detail .icon {
+ margin: 0em 0.25em 0em 0em;
+}
+
+/* Removable label */
+
+.ui.label > .close.icon,
+.ui.label > .delete.icon {
+ cursor: pointer;
+ margin-right: 0em;
+ margin-left: 0.5em;
+ font-size: 0.92857143em;
+ opacity: 0.5;
+ transition: background 0.1s ease;
+}
+
+.ui.label > .delete.icon:hover {
+ opacity: 1;
+}
+
+/*-------------------
+ Group
+--------------------*/
+
+.ui.labels > .label {
+ margin: 0em 0.5em 0.5em 0em;
+}
+
+/*-------------------
+ Coupling
+--------------------*/
+
+.ui.header > .ui.label {
+ margin-top: -0.29165em;
+}
+
+/* Remove border radius on attached segment */
+
+.ui.attached.segment > .ui.top.left.attached.label,
+.ui.bottom.attached.segment > .ui.top.left.attached.label {
+ border-top-left-radius: 0;
+}
+
+.ui.attached.segment > .ui.top.right.attached.label,
+.ui.bottom.attached.segment > .ui.top.right.attached.label {
+ border-top-right-radius: 0;
+}
+
+.ui.top.attached.segment > .ui.bottom.left.attached.label {
+ border-bottom-left-radius: 0;
+}
+
+.ui.top.attached.segment > .ui.bottom.right.attached.label {
+ border-bottom-right-radius: 0;
+}
+
+/* Padding on next content after a label */
+
+.ui.top.attached.label:first-child + :not(.attached),
+.ui.top.attached.label + [class*="right floated"] + * {
+ margin-top: 2rem !important;
+}
+
+.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
+ margin-top: 0em;
+ margin-bottom: 2rem !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+.ui.image.label {
+ width: auto !important;
+ margin-top: 0em;
+ margin-bottom: 0em;
+ max-width: 9999px;
+ vertical-align: baseline;
+ text-transform: none;
+ background: #E8E8E8;
+ padding: 0.5833em 0.833em 0.5833em 0.5em;
+ border-radius: 0.28571429rem;
+ box-shadow: none;
+}
+
+.ui.image.label img {
+ display: inline-block;
+ vertical-align: top;
+ height: 2.1666em;
+ margin: -0.5833em 0.5em -0.5833em -0.5em;
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+.ui.image.label .detail {
+ background: rgba(0, 0, 0, 0.1);
+ margin: -0.5833em -0.833em -0.5833em 0.5em;
+ padding: 0.5833em 0.833em;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+/*-------------------
+ Tag
+--------------------*/
+
+.ui.tag.labels .label,
+.ui.tag.label {
+ margin-left: 1em;
+ position: relative;
+ padding-left: 1.5em;
+ padding-right: 1.5em;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+ transition: none;
+}
+
+.ui.tag.labels .label:before,
+.ui.tag.label:before {
+ position: absolute;
+ transform: translateY(-50%) translateX(50%) rotate(-45deg);
+ top: 50%;
+ right: 100%;
+ content: '';
+ background-color: inherit;
+ background-image: none;
+ width: 1.56em;
+ height: 1.56em;
+ transition: none;
+}
+
+.ui.tag.labels .label:after,
+.ui.tag.label:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: -0.25em;
+ margin-top: -0.25em;
+ background-color: #FFFFFF !important;
+ width: 0.5em;
+ height: 0.5em;
+ box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
+ border-radius: 500rem;
+}
+
+/*-------------------
+ Corner Label
+--------------------*/
+
+.ui.corner.label {
+ position: absolute;
+ top: 0em;
+ right: 0em;
+ margin: 0em;
+ padding: 0em;
+ text-align: center;
+ border-color: #E8E8E8;
+ width: 4em;
+ height: 4em;
+ z-index: 1;
+ transition: border-color 0.1s ease;
+}
+
+/* Icon Label */
+
+.ui.corner.label {
+ background-color: transparent !important;
+}
+
+.ui.corner.label:after {
+ position: absolute;
+ content: "";
+ right: 0em;
+ top: 0em;
+ z-index: -1;
+ width: 0em;
+ height: 0em;
+ background-color: transparent !important;
+ border-top: 0em solid transparent;
+ border-right: 4em solid transparent;
+ border-bottom: 4em solid transparent;
+ border-left: 0em solid transparent;
+ border-right-color: inherit;
+ transition: border-color 0.1s ease;
+}
+
+.ui.corner.label .icon {
+ cursor: default;
+ position: relative;
+ top: 0.64285714em;
+ left: 0.78571429em;
+ font-size: 1.14285714em;
+ margin: 0em;
+}
+
+/* Left Corner */
+
+.ui.left.corner.label,
+.ui.left.corner.label:after {
+ right: auto;
+ left: 0em;
+}
+
+.ui.left.corner.label:after {
+ border-top: 4em solid transparent;
+ border-right: 4em solid transparent;
+ border-bottom: 0em solid transparent;
+ border-left: 0em solid transparent;
+ border-top-color: inherit;
+}
+
+.ui.left.corner.label .icon {
+ left: -0.78571429em;
+}
+
+/* Segment */
+
+.ui.segment > .ui.corner.label {
+ top: -1px;
+ right: -1px;
+}
+
+.ui.segment > .ui.left.corner.label {
+ right: auto;
+ left: -1px;
+}
+
+/*-------------------
+ Ribbon
+--------------------*/
+
+.ui.ribbon.label {
+ position: relative;
+ margin: 0em;
+ min-width: -webkit-max-content;
+ min-width: -moz-max-content;
+ min-width: max-content;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+ border-color: rgba(0, 0, 0, 0.15);
+}
+
+.ui.ribbon.label:after {
+ position: absolute;
+ content: '';
+ top: 100%;
+ left: 0%;
+ background-color: transparent !important;
+ border-style: solid;
+ border-width: 0em 1.2em 1.2em 0em;
+ border-color: transparent;
+ border-right-color: inherit;
+ width: 0em;
+ height: 0em;
+}
+
+/* Positioning */
+
+.ui.ribbon.label {
+ left: calc(-1rem - 1.2em);
+ margin-right: -1.2em;
+ padding-left: calc(1rem + 1.2em);
+ padding-right: 1.2em;
+}
+
+.ui[class*="right ribbon"].label {
+ left: calc(100% + 1rem + 1.2em);
+ padding-left: 1.2em;
+ padding-right: calc(1rem + 1.2em);
+}
+
+/* Right Ribbon */
+
+.ui[class*="right ribbon"].label {
+ text-align: left;
+ transform: translateX(-100%);
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+.ui[class*="right ribbon"].label:after {
+ left: auto;
+ right: 0%;
+ border-style: solid;
+ border-width: 1.2em 1.2em 0em 0em;
+ border-color: transparent;
+ border-top-color: inherit;
+}
+
+/* Inside Table */
+
+.ui.image > .ribbon.label,
+.ui.card .image > .ribbon.label {
+ position: absolute;
+ top: 1rem;
+}
+
+.ui.card .image > .ui.ribbon.label,
+.ui.image > .ui.ribbon.label {
+ left: calc(--0.05rem - 1.2em);
+}
+
+.ui.card .image > .ui[class*="right ribbon"].label,
+.ui.image > .ui[class*="right ribbon"].label {
+ left: calc(100% + -0.05rem + 1.2em);
+ padding-left: 0.833em;
+}
+
+/* Inside Table */
+
+.ui.table td > .ui.ribbon.label {
+ left: calc(-0.78571429em - 1.2em);
+}
+
+.ui.table td > .ui[class*="right ribbon"].label {
+ left: calc(100% + 0.78571429em + 1.2em);
+ padding-left: 0.833em;
+}
+
+/*-------------------
+ Attached
+--------------------*/
+
+.ui[class*="top attached"].label,
+.ui.attached.label {
+ width: 100%;
+ position: absolute;
+ margin: 0em;
+ top: 0em;
+ left: 0em;
+ padding: 0.75em 1em;
+ border-radius: 0.21428571rem 0.21428571rem 0em 0em;
+}
+
+.ui[class*="bottom attached"].label {
+ top: auto;
+ bottom: 0em;
+ border-radius: 0em 0em 0.21428571rem 0.21428571rem;
+}
+
+.ui[class*="top left attached"].label {
+ width: auto;
+ margin-top: 0em !important;
+ border-radius: 0.21428571rem 0em 0.28571429rem 0em;
+}
+
+.ui[class*="top right attached"].label {
+ width: auto;
+ left: auto;
+ right: 0em;
+ border-radius: 0em 0.21428571rem 0em 0.28571429rem;
+}
+
+.ui[class*="bottom left attached"].label {
+ width: auto;
+ top: auto;
+ bottom: 0em;
+ border-radius: 0em 0.28571429rem 0em 0.21428571rem;
+}
+
+.ui[class*="bottom right attached"].label {
+ top: auto;
+ bottom: 0em;
+ left: auto;
+ right: 0em;
+ width: auto;
+ border-radius: 0.28571429rem 0em 0.21428571rem 0em;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*-------------------
+ Disabled
+--------------------*/
+
+.ui.label.disabled {
+ opacity: 0.5;
+}
+
+/*-------------------
+ Hover
+--------------------*/
+
+a.ui.labels .label:hover,
+a.ui.label:hover {
+ background-color: #E0E0E0;
+ border-color: #E0E0E0;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.labels a.label:hover:before,
+a.ui.label:hover:before {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/*-------------------
+ Active
+--------------------*/
+
+.ui.active.label {
+ background-color: #D0D0D0;
+ border-color: #D0D0D0;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.active.label:before {
+ background-color: #D0D0D0;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*-------------------
+ Active Hover
+--------------------*/
+
+a.ui.labels .active.label:hover,
+a.ui.active.label:hover {
+ background-color: #C8C8C8;
+ border-color: #C8C8C8;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.labels a.active.label:ActiveHover:before,
+a.ui.active.label:ActiveHover:before {
+ background-color: #C8C8C8;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*-------------------
+ Visible
+--------------------*/
+
+.ui.labels.visible .label,
+.ui.label.visible:not(.dropdown) {
+ display: inline-block !important;
+}
+
+/*-------------------
+ Hidden
+--------------------*/
+
+.ui.labels.hidden .label,
+.ui.label.hidden {
+ display: none !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Colors
+--------------------*/
+
+/*--- Red ---*/
+
+.ui.red.labels .label,
+.ui.red.label {
+ background-color: #DB2828 !important;
+ border-color: #DB2828 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.red.labels .label:hover,
+a.ui.red.label:hover {
+ background-color: #d01919 !important;
+ border-color: #d01919 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.red.corner.label,
+.ui.red.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.red.ribbon.label {
+ border-color: #b21e1e !important;
+}
+
+/* Basic */
+
+.ui.basic.red.label {
+ background: none #FFFFFF !important;
+ color: #DB2828 !important;
+ border-color: #DB2828 !important;
+}
+
+.ui.basic.red.labels a.label:hover,
+a.ui.basic.red.label:hover {
+ background-color: #FFFFFF !important;
+ color: #d01919 !important;
+ border-color: #d01919 !important;
+}
+
+/*--- Orange ---*/
+
+.ui.orange.labels .label,
+.ui.orange.label {
+ background-color: #F2711C !important;
+ border-color: #F2711C !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.orange.labels .label:hover,
+a.ui.orange.label:hover {
+ background-color: #f26202 !important;
+ border-color: #f26202 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.orange.corner.label,
+.ui.orange.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.orange.ribbon.label {
+ border-color: #cf590c !important;
+}
+
+/* Basic */
+
+.ui.basic.orange.label {
+ background: none #FFFFFF !important;
+ color: #F2711C !important;
+ border-color: #F2711C !important;
+}
+
+.ui.basic.orange.labels a.label:hover,
+a.ui.basic.orange.label:hover {
+ background-color: #FFFFFF !important;
+ color: #f26202 !important;
+ border-color: #f26202 !important;
+}
+
+/*--- Yellow ---*/
+
+.ui.yellow.labels .label,
+.ui.yellow.label {
+ background-color: #FBBD08 !important;
+ border-color: #FBBD08 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.yellow.labels .label:hover,
+a.ui.yellow.label:hover {
+ background-color: #eaae00 !important;
+ border-color: #eaae00 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.yellow.corner.label,
+.ui.yellow.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.yellow.ribbon.label {
+ border-color: #cd9903 !important;
+}
+
+/* Basic */
+
+.ui.basic.yellow.label {
+ background: none #FFFFFF !important;
+ color: #FBBD08 !important;
+ border-color: #FBBD08 !important;
+}
+
+.ui.basic.yellow.labels a.label:hover,
+a.ui.basic.yellow.label:hover {
+ background-color: #FFFFFF !important;
+ color: #eaae00 !important;
+ border-color: #eaae00 !important;
+}
+
+/*--- Olive ---*/
+
+.ui.olive.labels .label,
+.ui.olive.label {
+ background-color: #B5CC18 !important;
+ border-color: #B5CC18 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.olive.labels .label:hover,
+a.ui.olive.label:hover {
+ background-color: #a7bd0d !important;
+ border-color: #a7bd0d !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.olive.corner.label,
+.ui.olive.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.olive.ribbon.label {
+ border-color: #198f35 !important;
+}
+
+/* Basic */
+
+.ui.basic.olive.label {
+ background: none #FFFFFF !important;
+ color: #B5CC18 !important;
+ border-color: #B5CC18 !important;
+}
+
+.ui.basic.olive.labels a.label:hover,
+a.ui.basic.olive.label:hover {
+ background-color: #FFFFFF !important;
+ color: #a7bd0d !important;
+ border-color: #a7bd0d !important;
+}
+
+/*--- Green ---*/
+
+.ui.green.labels .label,
+.ui.green.label {
+ background-color: #21BA45 !important;
+ border-color: #21BA45 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.green.labels .label:hover,
+a.ui.green.label:hover {
+ background-color: #16ab39 !important;
+ border-color: #16ab39 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.green.corner.label,
+.ui.green.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.green.ribbon.label {
+ border-color: #198f35 !important;
+}
+
+/* Basic */
+
+.ui.basic.green.label {
+ background: none #FFFFFF !important;
+ color: #21BA45 !important;
+ border-color: #21BA45 !important;
+}
+
+.ui.basic.green.labels a.label:hover,
+a.ui.basic.green.label:hover {
+ background-color: #FFFFFF !important;
+ color: #16ab39 !important;
+ border-color: #16ab39 !important;
+}
+
+/*--- Teal ---*/
+
+.ui.teal.labels .label,
+.ui.teal.label {
+ background-color: #00B5AD !important;
+ border-color: #00B5AD !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.teal.labels .label:hover,
+a.ui.teal.label:hover {
+ background-color: #009c95 !important;
+ border-color: #009c95 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.teal.corner.label,
+.ui.teal.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.teal.ribbon.label {
+ border-color: #00827c !important;
+}
+
+/* Basic */
+
+.ui.basic.teal.label {
+ background: none #FFFFFF !important;
+ color: #00B5AD !important;
+ border-color: #00B5AD !important;
+}
+
+.ui.basic.teal.labels a.label:hover,
+a.ui.basic.teal.label:hover {
+ background-color: #FFFFFF !important;
+ color: #009c95 !important;
+ border-color: #009c95 !important;
+}
+
+/*--- Blue ---*/
+
+.ui.blue.labels .label,
+.ui.blue.label {
+ background-color: #2185D0 !important;
+ border-color: #2185D0 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.blue.labels .label:hover,
+a.ui.blue.label:hover {
+ background-color: #1678c2 !important;
+ border-color: #1678c2 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.blue.corner.label,
+.ui.blue.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.blue.ribbon.label {
+ border-color: #1a69a4 !important;
+}
+
+/* Basic */
+
+.ui.basic.blue.label {
+ background: none #FFFFFF !important;
+ color: #2185D0 !important;
+ border-color: #2185D0 !important;
+}
+
+.ui.basic.blue.labels a.label:hover,
+a.ui.basic.blue.label:hover {
+ background-color: #FFFFFF !important;
+ color: #1678c2 !important;
+ border-color: #1678c2 !important;
+}
+
+/*--- Violet ---*/
+
+.ui.violet.labels .label,
+.ui.violet.label {
+ background-color: #6435C9 !important;
+ border-color: #6435C9 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.violet.labels .label:hover,
+a.ui.violet.label:hover {
+ background-color: #5829bb !important;
+ border-color: #5829bb !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.violet.corner.label,
+.ui.violet.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.violet.ribbon.label {
+ border-color: #502aa1 !important;
+}
+
+/* Basic */
+
+.ui.basic.violet.label {
+ background: none #FFFFFF !important;
+ color: #6435C9 !important;
+ border-color: #6435C9 !important;
+}
+
+.ui.basic.violet.labels a.label:hover,
+a.ui.basic.violet.label:hover {
+ background-color: #FFFFFF !important;
+ color: #5829bb !important;
+ border-color: #5829bb !important;
+}
+
+/*--- Purple ---*/
+
+.ui.purple.labels .label,
+.ui.purple.label {
+ background-color: #A333C8 !important;
+ border-color: #A333C8 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.purple.labels .label:hover,
+a.ui.purple.label:hover {
+ background-color: #9627ba !important;
+ border-color: #9627ba !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.purple.corner.label,
+.ui.purple.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.purple.ribbon.label {
+ border-color: #82299f !important;
+}
+
+/* Basic */
+
+.ui.basic.purple.label {
+ background: none #FFFFFF !important;
+ color: #A333C8 !important;
+ border-color: #A333C8 !important;
+}
+
+.ui.basic.purple.labels a.label:hover,
+a.ui.basic.purple.label:hover {
+ background-color: #FFFFFF !important;
+ color: #9627ba !important;
+ border-color: #9627ba !important;
+}
+
+/*--- Pink ---*/
+
+.ui.pink.labels .label,
+.ui.pink.label {
+ background-color: #E03997 !important;
+ border-color: #E03997 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.pink.labels .label:hover,
+a.ui.pink.label:hover {
+ background-color: #e61a8d !important;
+ border-color: #e61a8d !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.pink.corner.label,
+.ui.pink.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.pink.ribbon.label {
+ border-color: #c71f7e !important;
+}
+
+/* Basic */
+
+.ui.basic.pink.label {
+ background: none #FFFFFF !important;
+ color: #E03997 !important;
+ border-color: #E03997 !important;
+}
+
+.ui.basic.pink.labels a.label:hover,
+a.ui.basic.pink.label:hover {
+ background-color: #FFFFFF !important;
+ color: #e61a8d !important;
+ border-color: #e61a8d !important;
+}
+
+/*--- Brown ---*/
+
+.ui.brown.labels .label,
+.ui.brown.label {
+ background-color: #A5673F !important;
+ border-color: #A5673F !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.brown.labels .label:hover,
+a.ui.brown.label:hover {
+ background-color: #975b33 !important;
+ border-color: #975b33 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.brown.corner.label,
+.ui.brown.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.brown.ribbon.label {
+ border-color: #805031 !important;
+}
+
+/* Basic */
+
+.ui.basic.brown.label {
+ background: none #FFFFFF !important;
+ color: #A5673F !important;
+ border-color: #A5673F !important;
+}
+
+.ui.basic.brown.labels a.label:hover,
+a.ui.basic.brown.label:hover {
+ background-color: #FFFFFF !important;
+ color: #975b33 !important;
+ border-color: #975b33 !important;
+}
+
+/*--- Grey ---*/
+
+.ui.grey.labels .label,
+.ui.grey.label {
+ background-color: #767676 !important;
+ border-color: #767676 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.grey.labels .label:hover,
+a.ui.grey.label:hover {
+ background-color: #838383 !important;
+ border-color: #838383 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.grey.corner.label,
+.ui.grey.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.grey.ribbon.label {
+ border-color: #805031 !important;
+}
+
+/* Basic */
+
+.ui.basic.grey.label {
+ background: none #FFFFFF !important;
+ color: #767676 !important;
+ border-color: #767676 !important;
+}
+
+.ui.basic.grey.labels a.label:hover,
+a.ui.basic.grey.label:hover {
+ background-color: #FFFFFF !important;
+ color: #838383 !important;
+ border-color: #838383 !important;
+}
+
+/*--- Black ---*/
+
+.ui.black.labels .label,
+.ui.black.label {
+ background-color: #1B1C1D !important;
+ border-color: #1B1C1D !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.black.labels .label:hover,
+a.ui.black.label:hover {
+ background-color: #27292a !important;
+ border-color: #27292a !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.black.corner.label,
+.ui.black.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.black.ribbon.label {
+ border-color: #805031 !important;
+}
+
+/* Basic */
+
+.ui.basic.black.label {
+ background: none #FFFFFF !important;
+ color: #1B1C1D !important;
+ border-color: #1B1C1D !important;
+}
+
+.ui.basic.black.labels a.label:hover,
+a.ui.basic.black.label:hover {
+ background-color: #FFFFFF !important;
+ color: #27292a !important;
+ border-color: #27292a !important;
+}
+
+/*-------------------
+ Basic
+--------------------*/
+
+.ui.basic.label {
+ background: none #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+/* Link */
+
+a.ui.basic.label:hover {
+ text-decoration: none;
+ background: none #FFFFFF;
+ color: #1e70bf;
+ box-shadow: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: none;
+}
+
+/* Pointing */
+
+.ui.basic.pointing.label:before {
+ border-color: inherit;
+}
+
+/*-------------------
+ Fluid
+--------------------*/
+
+.ui.label.fluid,
+.ui.fluid.labels > .label {
+ width: 100%;
+ box-sizing: border-box;
+}
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.labels .label,
+.ui.inverted.label {
+ color: rgba(255, 255, 255, 0.9) !important;
+}
+
+/*-------------------
+ Horizontal
+--------------------*/
+
+.ui.horizontal.labels .label,
+.ui.horizontal.label {
+ margin: 0em 0.5em 0em 0em;
+ padding: 0.4em 0.833em;
+ min-width: 3em;
+ text-align: center;
+}
+
+/*-------------------
+ Circular
+--------------------*/
+
+.ui.circular.labels .label,
+.ui.circular.label {
+ min-width: 2em;
+ min-height: 2em;
+ padding: 0.5em !important;
+ line-height: 1em;
+ text-align: center;
+ border-radius: 500rem;
+}
+
+.ui.empty.circular.labels .label,
+.ui.empty.circular.label {
+ min-width: 0em;
+ min-height: 0em;
+ overflow: hidden;
+ width: 0.5em;
+ height: 0.5em;
+ vertical-align: baseline;
+}
+
+/*-------------------
+ Pointing
+--------------------*/
+
+.ui.pointing.label {
+ position: relative;
+}
+
+.ui.attached.pointing.label {
+ position: absolute;
+}
+
+.ui.pointing.label:before {
+ background-color: inherit;
+ background-image: inherit;
+ border-width: none;
+ border-style: solid;
+ border-color: inherit;
+}
+
+/* Arrow */
+
+.ui.pointing.label:before {
+ position: absolute;
+ content: '';
+ transform: rotate(45deg);
+ background-image: none;
+ z-index: 2;
+ width: 0.6666em;
+ height: 0.6666em;
+ transition: background 0.1s ease;
+}
+
+/*--- Above ---*/
+
+.ui.pointing.label,
+.ui[class*="pointing above"].label {
+ margin-top: 1em;
+}
+
+.ui.pointing.label:before,
+.ui[class*="pointing above"].label:before {
+ border-width: 1px 0px 0px 1px;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ top: 0%;
+ left: 50%;
+}
+
+/*--- Below ---*/
+
+.ui[class*="bottom pointing"].label,
+.ui[class*="pointing below"].label {
+ margin-top: 0em;
+ margin-bottom: 1em;
+}
+
+.ui[class*="bottom pointing"].label:before,
+.ui[class*="pointing below"].label:before {
+ border-width: 0px 1px 1px 0px;
+ top: auto;
+ right: auto;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ top: 100%;
+ left: 50%;
+}
+
+/*--- Left ---*/
+
+.ui[class*="left pointing"].label {
+ margin-top: 0em;
+ margin-left: 0.6666em;
+}
+
+.ui[class*="left pointing"].label:before {
+ border-width: 0px 0px 1px 1px;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ bottom: auto;
+ right: auto;
+ top: 50%;
+ left: 0em;
+}
+
+/*--- Right ---*/
+
+.ui[class*="right pointing"].label {
+ margin-top: 0em;
+ margin-right: 0.6666em;
+}
+
+.ui[class*="right pointing"].label:before {
+ border-width: 1px 1px 0px 0px;
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
+ top: 50%;
+ right: 0%;
+ bottom: auto;
+ left: auto;
+}
+
+/* Basic Pointing */
+
+/*--- Above ---*/
+
+.ui.basic.pointing.label:before,
+.ui.basic[class*="pointing above"].label:before {
+ margin-top: -1px;
+}
+
+/*--- Below ---*/
+
+.ui.basic[class*="bottom pointing"].label:before,
+.ui.basic[class*="pointing below"].label:before {
+ bottom: auto;
+ top: 100%;
+ margin-top: 1px;
+}
+
+/*--- Left ---*/
+
+.ui.basic[class*="left pointing"].label:before {
+ top: 50%;
+ left: -1px;
+}
+
+/*--- Right ---*/
+
+.ui.basic[class*="right pointing"].label:before {
+ top: 50%;
+ right: -1px;
+}
+
+/*------------------
+ Floating Label
+-------------------*/
+
+.ui.floating.label {
+ position: absolute;
+ z-index: 100;
+ top: -1em;
+ left: 100%;
+ margin: 0em 0em 0em -1.5em !important;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.labels .label,
+.ui.mini.label {
+ font-size: 0.64285714rem;
+}
+
+.ui.tiny.labels .label,
+.ui.tiny.label {
+ font-size: 0.71428571rem;
+}
+
+.ui.small.labels .label,
+.ui.small.label {
+ font-size: 0.78571429rem;
+}
+
+.ui.labels .label,
+.ui.label {
+ font-size: 0.85714286rem;
+}
+
+.ui.large.labels .label,
+.ui.large.label {
+ font-size: 1rem;
+}
+
+.ui.big.labels .label,
+.ui.big.label {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.labels .label,
+.ui.huge.label {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.labels .label,
+.ui.massive.label {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - List
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ List
+*******************************/
+
+ul.ui.list,
+ol.ui.list,
+.ui.list {
+ list-style-type: none;
+ margin: 1em 0em;
+ padding: 0em 0em;
+}
+
+ul.ui.list:first-child,
+ol.ui.list:first-child,
+.ui.list:first-child {
+ margin-top: 0em;
+ padding-top: 0em;
+}
+
+ul.ui.list:last-child,
+ol.ui.list:last-child,
+.ui.list:last-child {
+ margin-bottom: 0em;
+ padding-bottom: 0em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* List Item */
+
+ul.ui.list li,
+ol.ui.list li,
+.ui.list > .item,
+.ui.list .list > .item {
+ display: list-item;
+ table-layout: fixed;
+ list-style-type: none;
+ list-style-position: outside;
+ padding: 0.21428571em 0em;
+ line-height: 1.14285714em;
+}
+
+ul.ui.list > li:first-child:after,
+ol.ui.list > li:first-child:after,
+.ui.list > .list > .item,
+.ui.list > .item:after {
+ content: '';
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+ul.ui.list li:first-child,
+ol.ui.list li:first-child,
+.ui.list .list > .item:first-child,
+.ui.list > .item:first-child {
+ padding-top: 0em;
+}
+
+ul.ui.list li:last-child,
+ol.ui.list li:last-child,
+.ui.list .list > .item:last-child,
+.ui.list > .item:last-child {
+ padding-bottom: 0em;
+}
+
+/* Child List */
+
+ul.ui.list ul,
+ol.ui.list ol,
+.ui.list .list {
+ clear: both;
+ margin: 0em;
+ padding: 0.75em 0em 0.25em 0.5em;
+}
+
+/* Child Item */
+
+ul.ui.list ul li,
+ol.ui.list ol li,
+.ui.list .list > .item {
+ padding: 0.14285714em 0em;
+ line-height: inherit;
+}
+
+/* Icon */
+
+.ui.list .list > .item > i.icon,
+.ui.list > .item > i.icon {
+ display: table-cell;
+ margin: 0em;
+ padding-top: 0em;
+ padding-right: 0.28571429em;
+ vertical-align: top;
+ transition: color 0.1s ease;
+}
+
+.ui.list .list > .item > i.icon:only-child,
+.ui.list > .item > i.icon:only-child {
+ display: inline-block;
+ vertical-align: top;
+}
+
+/* Image */
+
+.ui.list .list > .item > .image,
+.ui.list > .item > .image {
+ display: table-cell;
+ background-color: transparent;
+ margin: 0em;
+ vertical-align: top;
+}
+
+.ui.list .list > .item > .image:not(:only-child):not(img),
+.ui.list > .item > .image:not(:only-child):not(img) {
+ padding-right: 0.5em;
+}
+
+.ui.list .list > .item > .image img,
+.ui.list > .item > .image img {
+ vertical-align: top;
+}
+
+.ui.list .list > .item > img.image,
+.ui.list .list > .item > .image:only-child,
+.ui.list > .item > img.image,
+.ui.list > .item > .image:only-child {
+ display: inline-block;
+}
+
+/* Content */
+
+.ui.list .list > .item > .content,
+.ui.list > .item > .content {
+ line-height: 1.14285714em;
+}
+
+.ui.list .list > .item > .image + .content,
+.ui.list .list > .item > .icon + .content,
+.ui.list > .item > .image + .content,
+.ui.list > .item > .icon + .content {
+ display: table-cell;
+ width: 100%;
+ padding: 0em 0em 0em 0.5em;
+ vertical-align: top;
+}
+
+.ui.list .list > .item > img.image + .content,
+.ui.list > .item > img.image + .content {
+ display: inline-block;
+ width: auto;
+}
+
+.ui.list .list > .item > .content > .list,
+.ui.list > .item > .content > .list {
+ margin-left: 0em;
+ padding-left: 0em;
+}
+
+/* Header */
+
+.ui.list .list > .item .header,
+.ui.list > .item .header {
+ display: block;
+ margin: 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Description */
+
+.ui.list .list > .item .description,
+.ui.list > .item .description {
+ display: block;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+/* Child Link */
+
+.ui.list > .item a,
+.ui.list .list > .item a {
+ cursor: pointer;
+}
+
+/* Linking Item */
+
+.ui.list .list > a.item,
+.ui.list > a.item {
+ cursor: pointer;
+ color: #4183C4;
+}
+
+.ui.list .list > a.item:hover,
+.ui.list > a.item:hover {
+ color: #1e70bf;
+}
+
+/* Linked Item Icons */
+
+.ui.list .list > a.item i.icon,
+.ui.list > a.item i.icon {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/* Header Link */
+
+.ui.list .list > .item a.header,
+.ui.list > .item a.header {
+ cursor: pointer;
+ color: #4183C4 !important;
+}
+
+.ui.list .list > .item a.header:hover,
+.ui.list > .item a.header:hover {
+ color: #1e70bf !important;
+}
+
+/* Floated Content */
+
+.ui[class*="left floated"].list {
+ float: left;
+}
+
+.ui[class*="right floated"].list {
+ float: right;
+}
+
+.ui.list .list > .item [class*="left floated"],
+.ui.list > .item [class*="left floated"] {
+ float: left;
+ margin: 0em 1em 0em 0em;
+}
+
+.ui.list .list > .item [class*="right floated"],
+.ui.list > .item [class*="right floated"] {
+ float: right;
+ margin: 0em 0em 0em 1em;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+.ui.menu .ui.list > .item,
+.ui.menu .ui.list .list > .item {
+ display: list-item;
+ table-layout: fixed;
+ background-color: transparent;
+ list-style-type: none;
+ list-style-position: outside;
+ padding: 0.21428571em 0em;
+ line-height: 1.14285714em;
+}
+
+.ui.menu .ui.list .list > .item:before,
+.ui.menu .ui.list > .item:before {
+ border: none;
+ background: none;
+}
+
+.ui.menu .ui.list .list > .item:first-child,
+.ui.menu .ui.list > .item:first-child {
+ padding-top: 0em;
+}
+
+.ui.menu .ui.list .list > .item:last-child,
+.ui.menu .ui.list > .item:last-child {
+ padding-bottom: 0em;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Horizontal
+--------------------*/
+
+.ui.horizontal.list {
+ display: inline-block;
+ font-size: 0em;
+}
+
+.ui.horizontal.list > .item {
+ display: inline-block;
+ margin-left: 1em;
+ font-size: 1rem;
+}
+
+.ui.horizontal.list:not(.celled) > .item:first-child {
+ margin-left: 0em !important;
+ padding-left: 0em !important;
+}
+
+.ui.horizontal.list .list {
+ padding-left: 0em;
+ padding-bottom: 0em;
+}
+
+.ui.horizontal.list > .item > .image,
+.ui.horizontal.list .list > .item > .image,
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list .list > .item > .icon,
+.ui.horizontal.list > .item > .content,
+.ui.horizontal.list .list > .item > .content {
+ vertical-align: middle;
+}
+
+/* Padding on all elements */
+
+.ui.horizontal.list > .item:first-child,
+.ui.horizontal.list > .item:last-child {
+ padding-top: 0.21428571em;
+ padding-bottom: 0.21428571em;
+}
+
+/* Horizontal List */
+
+.ui.horizontal.list > .item > i.icon {
+ margin: 0em;
+ padding: 0em 0.25em 0em 0em;
+}
+
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list > .item > .icon + .content {
+ float: none;
+ display: inline-block;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*-------------------
+ Disabled
+--------------------*/
+
+.ui.list .list > .disabled.item,
+.ui.list > .disabled.item {
+ pointer-events: none;
+ color: rgba(40, 40, 40, 0.3) !important;
+}
+
+.ui.inverted.list .list > .disabled.item,
+.ui.inverted.list > .disabled.item {
+ color: rgba(225, 225, 225, 0.3) !important;
+}
+
+/*-------------------
+ Hover
+--------------------*/
+
+.ui.list .list > a.item:hover .icon,
+.ui.list > a.item:hover .icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.list .list > a.item > .icon,
+.ui.inverted.list > a.item > .icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui.inverted.list .list > .item .header,
+.ui.inverted.list > .item .header {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.list .list > .item .description,
+.ui.inverted.list > .item .description {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/* Item Link */
+
+.ui.inverted.list .list > a.item,
+.ui.inverted.list > a.item {
+ cursor: pointer;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.list .list > a.item:hover,
+.ui.inverted.list > a.item:hover {
+ color: #1e70bf;
+}
+
+/* Linking Content */
+
+.ui.inverted.list .item a:not(.ui) {
+ color: rgba(255, 255, 255, 0.9) !important;
+}
+
+.ui.inverted.list .item a:not(.ui):hover {
+ color: #1e70bf !important;
+}
+
+/*-------------------
+ Aligned
+--------------------*/
+
+.ui.list[class*="top aligned"] .image,
+.ui.list[class*="top aligned"] .content,
+.ui.list [class*="top aligned"] {
+ vertical-align: top !important;
+}
+
+.ui.list[class*="middle aligned"] .image,
+.ui.list[class*="middle aligned"] .content,
+.ui.list [class*="middle aligned"] {
+ vertical-align: middle !important;
+}
+
+.ui.list[class*="bottom aligned"] .image,
+.ui.list[class*="bottom aligned"] .content,
+.ui.list [class*="bottom aligned"] {
+ vertical-align: bottom !important;
+}
+
+/*-------------------
+ Link
+--------------------*/
+
+.ui.link.list .item,
+.ui.link.list a.item,
+.ui.link.list .item a:not(.ui) {
+ color: rgba(0, 0, 0, 0.4);
+ transition: 0.1s color ease;
+}
+
+.ui.link.list.list a.item:hover,
+.ui.link.list.list .item a:not(.ui):hover {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.link.list.list a.item:active,
+.ui.link.list.list .item a:not(.ui):active {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.ui.link.list.list .active.item,
+.ui.link.list.list .active.item a:not(.ui) {
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Inverted */
+
+.ui.inverted.link.list .item,
+.ui.inverted.link.list a.item,
+.ui.inverted.link.list .item a:not(.ui) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.ui.inverted.link.list.list a.item:hover,
+.ui.inverted.link.list.list .item a:not(.ui):hover {
+ color: #ffffff;
+}
+
+.ui.inverted.link.list.list a.item:active,
+.ui.inverted.link.list.list .item a:not(.ui):active {
+ color: #ffffff;
+}
+
+.ui.inverted.link.list.list a.active.item,
+.ui.inverted.link.list.list .active.item a:not(.ui) {
+ color: #ffffff;
+}
+
+/*-------------------
+ Selection
+--------------------*/
+
+.ui.selection.list .list > .item,
+.ui.selection.list > .item {
+ cursor: pointer;
+ background: transparent;
+ padding: 0.5em 0.5em;
+ margin: 0em;
+ color: rgba(0, 0, 0, 0.4);
+ border-radius: 0.5em;
+ transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
+}
+
+.ui.selection.list .list > .item:last-child,
+.ui.selection.list > .item:last-child {
+ margin-bottom: 0em;
+}
+
+.ui.selection.list.list > .item:hover,
+.ui.selection.list > .item:hover {
+ background: rgba(0, 0, 0, 0.03);
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.selection.list .list > .item:active,
+.ui.selection.list > .item:active {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.ui.selection.list .list > .item.active,
+.ui.selection.list > .item.active {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Inverted */
+
+.ui.inverted.selection.list > .item,
+.ui.inverted.selection.list > .item {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.ui.inverted.selection.list > .item:hover,
+.ui.inverted.selection.list > .item:hover {
+ background: rgba(255, 255, 255, 0.02);
+ color: #ffffff;
+}
+
+.ui.inverted.selection.list > .item:active,
+.ui.inverted.selection.list > .item:active {
+ background: rgba(255, 255, 255, 0.08);
+ color: #ffffff;
+}
+
+.ui.inverted.selection.list > .item.active,
+.ui.inverted.selection.list > .item.active {
+ background: rgba(255, 255, 255, 0.08);
+ color: #ffffff;
+}
+
+/* Celled / Divided Selection List */
+
+.ui.celled.selection.list .list > .item,
+.ui.divided.selection.list .list > .item,
+.ui.celled.selection.list > .item,
+.ui.divided.selection.list > .item {
+ border-radius: 0em;
+}
+
+/*-------------------
+ Animated
+--------------------*/
+
+.ui.animated.list > .item {
+ transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
+}
+
+.ui.animated.list:not(.horizontal) > .item:hover {
+ padding-left: 1em;
+}
+
+/*-------------------
+ Fitted
+--------------------*/
+
+.ui.fitted.list:not(.selection) .list > .item,
+.ui.fitted.list:not(.selection) > .item {
+ padding-left: 0em;
+ padding-right: 0em;
+}
+
+.ui.fitted.selection.list .list > .item,
+.ui.fitted.selection.list > .item {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+
+/*-------------------
+ Bulleted
+--------------------*/
+
+ul.ui.list,
+.ui.bulleted.list {
+ margin-left: 1.25rem;
+}
+
+ul.ui.list li,
+.ui.bulleted.list .list > .item,
+.ui.bulleted.list > .item {
+ position: relative;
+}
+
+ul.ui.list li:before,
+.ui.bulleted.list .list > .item:before,
+.ui.bulleted.list > .item:before {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ pointer-events: none;
+ position: absolute;
+ top: auto;
+ left: auto;
+ font-weight: normal;
+ margin-left: -1.25rem;
+ content: '\2022';
+ opacity: 1;
+ color: inherit;
+ vertical-align: top;
+}
+
+ul.ui.list li:before,
+.ui.bulleted.list .list > a.item:before,
+.ui.bulleted.list > a.item:before {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+ul.ui.list ul,
+.ui.bulleted.list .list {
+ padding-left: 1.25rem;
+}
+
+/* Horizontal Bulleted */
+
+ul.ui.horizontal.bulleted.list,
+.ui.horizontal.bulleted.list {
+ margin-left: 0em;
+}
+
+ul.ui.horizontal.bulleted.list li,
+.ui.horizontal.bulleted.list > .item {
+ margin-left: 1.75rem;
+}
+
+ul.ui.horizontal.bulleted.list li:first-child,
+.ui.horizontal.bulleted.list > .item:first-child {
+ margin-left: 0em;
+}
+
+ul.ui.horizontal.bulleted.list li::before,
+.ui.horizontal.bulleted.list > .item::before {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+ul.ui.horizontal.bulleted.list li:first-child::before,
+.ui.horizontal.bulleted.list > .item:first-child::before {
+ display: none;
+}
+
+/*-------------------
+ Ordered
+--------------------*/
+
+ol.ui.list,
+.ui.ordered.list,
+.ui.ordered.list .list,
+ol.ui.list ol {
+ counter-reset: ordered;
+ margin-left: 1.25rem;
+ list-style-type: none;
+}
+
+ol.ui.list li,
+.ui.ordered.list .list > .item,
+.ui.ordered.list > .item {
+ list-style-type: none;
+ position: relative;
+}
+
+ol.ui.list li:before,
+.ui.ordered.list .list > .item:before,
+.ui.ordered.list > .item:before {
+ position: absolute;
+ top: auto;
+ left: auto;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ pointer-events: none;
+ margin-left: -1.25rem;
+ counter-increment: ordered;
+ content: counters(ordered, ".") " ";
+ text-align: right;
+ color: rgba(0, 0, 0, 0.87);
+ vertical-align: middle;
+ opacity: 0.8;
+}
+
+ol.ui.inverted.list li:before,
+.ui.ordered.inverted.list .list > .item:before,
+.ui.ordered.inverted.list > .item:before {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/* Value */
+
+.ui.ordered.list > .list > .item[data-value],
+.ui.ordered.list > .item[data-value] {
+ content: attr(data-value);
+}
+
+ol.ui.list li[value]:before {
+ content: attr(value);
+}
+
+/* Child Lists */
+
+ol.ui.list ol,
+.ui.ordered.list .list {
+ margin-left: 1em;
+}
+
+ol.ui.list ol li:before,
+.ui.ordered.list .list > .item:before {
+ margin-left: -2em;
+}
+
+/* Horizontal Ordered */
+
+ol.ui.horizontal.list,
+.ui.ordered.horizontal.list {
+ margin-left: 0em;
+}
+
+ol.ui.horizontal.list li:before,
+.ui.ordered.horizontal.list .list > .item:before,
+.ui.ordered.horizontal.list > .item:before {
+ position: static;
+ margin: 0em 0.5em 0em 0em;
+}
+
+/*-------------------
+ Divided
+--------------------*/
+
+.ui.divided.list > .item {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.divided.list .list > .item {
+ border-top: none;
+}
+
+.ui.divided.list .item .list > .item {
+ border-top: none;
+}
+
+.ui.divided.list .list > .item:first-child,
+.ui.divided.list > .item:first-child {
+ border-top: none;
+}
+
+/* Sub Menu */
+
+.ui.divided.list:not(.horizontal) .list > .item:first-child {
+ border-top-width: 1px;
+}
+
+/* Divided bulleted */
+
+.ui.divided.bulleted.list:not(.horizontal),
+.ui.divided.bulleted.list .list {
+ margin-left: 0em;
+ padding-left: 0em;
+}
+
+.ui.divided.bulleted.list > .item:not(.horizontal) {
+ padding-left: 1.25rem;
+}
+
+/* Divided Ordered */
+
+.ui.divided.ordered.list {
+ margin-left: 0em;
+}
+
+.ui.divided.ordered.list .list > .item,
+.ui.divided.ordered.list > .item {
+ padding-left: 1.25rem;
+}
+
+.ui.divided.ordered.list .item .list {
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-bottom: 0.21428571em;
+}
+
+.ui.divided.ordered.list .item .list > .item {
+ padding-left: 1em;
+}
+
+/* Divided Selection */
+
+.ui.divided.selection.list .list > .item,
+.ui.divided.selection.list > .item {
+ margin: 0em;
+ border-radius: 0em;
+}
+
+/* Divided horizontal */
+
+.ui.divided.horizontal.list {
+ margin-left: 0em;
+}
+
+.ui.divided.horizontal.list > .item:not(:first-child) {
+ padding-left: 0.5em;
+}
+
+.ui.divided.horizontal.list > .item:not(:last-child) {
+ padding-right: 0.5em;
+}
+
+.ui.divided.horizontal.list > .item {
+ border-top: none;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ margin: 0em;
+ line-height: 0.6;
+}
+
+.ui.horizontal.divided.list > .item:first-child {
+ border-left: none;
+}
+
+/* Inverted */
+
+.ui.divided.inverted.list > .item,
+.ui.divided.inverted.list > .list,
+.ui.divided.inverted.horizontal.list > .item {
+ border-color: rgba(255, 255, 255, 0.1);
+}
+
+/*-------------------
+ Celled
+--------------------*/
+
+.ui.celled.list > .item,
+.ui.celled.list > .list {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+
+.ui.celled.list > .item:last-child {
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Padding on all elements */
+
+.ui.celled.list > .item:first-child,
+.ui.celled.list > .item:last-child {
+ padding-top: 0.21428571em;
+ padding-bottom: 0.21428571em;
+}
+
+/* Sub Menu */
+
+.ui.celled.list .item .list > .item {
+ border-width: 0px;
+}
+
+.ui.celled.list .list > .item:first-child {
+ border-top-width: 0px;
+}
+
+/* Celled Bulleted */
+
+.ui.celled.bulleted.list {
+ margin-left: 0em;
+}
+
+.ui.celled.bulleted.list .list > .item,
+.ui.celled.bulleted.list > .item {
+ padding-left: 1.25rem;
+}
+
+.ui.celled.bulleted.list .item .list {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ padding-bottom: 0.21428571em;
+}
+
+/* Celled Ordered */
+
+.ui.celled.ordered.list {
+ margin-left: 0em;
+}
+
+.ui.celled.ordered.list .list > .item,
+.ui.celled.ordered.list > .item {
+ padding-left: 1.25rem;
+}
+
+.ui.celled.ordered.list .item .list {
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-bottom: 0.21428571em;
+}
+
+.ui.celled.ordered.list .list > .item {
+ padding-left: 1em;
+}
+
+/* Celled Horizontal */
+
+.ui.horizontal.celled.list {
+ margin-left: 0em;
+}
+
+.ui.horizontal.celled.list .list > .item,
+.ui.horizontal.celled.list > .item {
+ border-top: none;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ margin: 0em;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ line-height: 0.6;
+}
+
+.ui.horizontal.celled.list .list > .item:last-child,
+.ui.horizontal.celled.list > .item:last-child {
+ border-bottom: none;
+ border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Inverted */
+
+.ui.celled.inverted.list > .item,
+.ui.celled.inverted.list > .list {
+ border-color: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui.celled.inverted.horizontal.list .list > .item,
+.ui.celled.inverted.horizontal.list > .item {
+ border-color: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/*-------------------
+ Relaxed
+--------------------*/
+
+.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
+ padding-top: 0.42857143em;
+}
+
+.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
+ padding-bottom: 0.42857143em;
+}
+
+.ui.horizontal.relaxed.list .list > .item:not(:first-child),
+.ui.horizontal.relaxed.list > .item:not(:first-child) {
+ padding-left: 1rem;
+}
+
+.ui.horizontal.relaxed.list .list > .item:not(:last-child),
+.ui.horizontal.relaxed.list > .item:not(:last-child) {
+ padding-right: 1rem;
+}
+
+/* Very Relaxed */
+
+.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
+ padding-top: 0.85714286em;
+}
+
+.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
+ padding-bottom: 0.85714286em;
+}
+
+.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
+.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
+ padding-left: 1.5rem;
+}
+
+.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
+.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
+ padding-right: 1.5rem;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.list {
+ font-size: 0.78571429em;
+}
+
+.ui.tiny.list {
+ font-size: 0.85714286em;
+}
+
+.ui.small.list {
+ font-size: 0.92857143em;
+}
+
+.ui.list {
+ font-size: 1em;
+}
+
+.ui.large.list {
+ font-size: 1.14285714em;
+}
+
+.ui.big.list {
+ font-size: 1.28571429em;
+}
+
+.ui.huge.list {
+ font-size: 1.42857143em;
+}
+
+.ui.massive.list {
+ font-size: 1.71428571em;
+}
+
+.ui.mini.horizontal.list .list > .item,
+.ui.mini.horizontal.list > .item {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.horizontal.list .list > .item,
+.ui.tiny.horizontal.list > .item {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.horizontal.list .list > .item,
+.ui.small.horizontal.list > .item {
+ font-size: 0.92857143rem;
+}
+
+.ui.horizontal.list .list > .item,
+.ui.horizontal.list > .item {
+ font-size: 1rem;
+}
+
+.ui.large.horizontal.list .list > .item,
+.ui.large.horizontal.list > .item {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.horizontal.list .list > .item,
+.ui.big.horizontal.list > .item {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.horizontal.list .list > .item,
+.ui.huge.horizontal.list > .item {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.horizontal.list .list > .item,
+.ui.massive.horizontal.list > .item {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Loader
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Loader
+*******************************/
+
+/* Standard Size */
+
+.ui.loader {
+ display: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: 0px;
+ text-align: center;
+ z-index: 1000;
+ transform: translateX(-50%) translateY(-50%);
+}
+
+/* Static Shape */
+
+.ui.loader:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 50%;
+ width: 100%;
+ height: 100%;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+/* Active Shape */
+
+.ui.loader:after {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 50%;
+ width: 100%;
+ height: 100%;
+ -webkit-animation: loader 0.6s linear;
+ animation: loader 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+/* Active Animation */
+
+@-webkit-keyframes loader {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes loader {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/* Sizes */
+
+.ui.mini.loader:before,
+.ui.mini.loader:after {
+ width: 1rem;
+ height: 1rem;
+ margin: 0em 0em 0em -0.5rem;
+}
+
+.ui.tiny.loader:before,
+.ui.tiny.loader:after {
+ width: 1.14285714rem;
+ height: 1.14285714rem;
+ margin: 0em 0em 0em -0.57142857rem;
+}
+
+.ui.small.loader:before,
+.ui.small.loader:after {
+ width: 1.71428571rem;
+ height: 1.71428571rem;
+ margin: 0em 0em 0em -0.85714286rem;
+}
+
+.ui.loader:before,
+.ui.loader:after {
+ width: 2.28571429rem;
+ height: 2.28571429rem;
+ margin: 0em 0em 0em -1.14285714rem;
+}
+
+.ui.large.loader:before,
+.ui.large.loader:after {
+ width: 3.42857143rem;
+ height: 3.42857143rem;
+ margin: 0em 0em 0em -1.71428571rem;
+}
+
+.ui.big.loader:before,
+.ui.big.loader:after {
+ width: 3.71428571rem;
+ height: 3.71428571rem;
+ margin: 0em 0em 0em -1.85714286rem;
+}
+
+.ui.huge.loader:before,
+.ui.huge.loader:after {
+ width: 4.14285714rem;
+ height: 4.14285714rem;
+ margin: 0em 0em 0em -2.07142857rem;
+}
+
+.ui.massive.loader:before,
+.ui.massive.loader:after {
+ width: 4.57142857rem;
+ height: 4.57142857rem;
+ margin: 0em 0em 0em -2.28571429rem;
+}
+
+/*-------------------
+ Coupling
+--------------------*/
+
+/* Show inside active dimmer */
+
+.ui.dimmer .loader {
+ display: block;
+}
+
+/* Black Dimmer */
+
+.ui.dimmer .ui.loader {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.dimmer .ui.loader:before {
+ border-color: rgba(255, 255, 255, 0.15);
+}
+
+.ui.dimmer .ui.loader:after {
+ border-color: #FFFFFF transparent transparent;
+}
+
+/* White Dimmer (Inverted) */
+
+.ui.inverted.dimmer .ui.loader {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.inverted.dimmer .ui.loader:before {
+ border-color: rgba(0, 0, 0, 0.1);
+}
+
+.ui.inverted.dimmer .ui.loader:after {
+ border-color: #767676 transparent transparent;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Text
+--------------------*/
+
+.ui.text.loader {
+ width: auto !important;
+ height: auto !important;
+ text-align: center;
+ font-style: normal;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.indeterminate.loader:after {
+ animation-direction: reverse;
+ -webkit-animation-duration: 1.2s;
+ animation-duration: 1.2s;
+}
+
+.ui.loader.active,
+.ui.loader.visible {
+ display: block;
+}
+
+.ui.loader.disabled,
+.ui.loader.hidden {
+ display: none;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Sizes
+--------------------*/
+
+/* Loader */
+
+.ui.inverted.dimmer .ui.mini.loader,
+.ui.mini.loader {
+ width: 1rem;
+ height: 1rem;
+ font-size: 0.78571429em;
+}
+
+.ui.inverted.dimmer .ui.tiny.loader,
+.ui.tiny.loader {
+ width: 1.14285714rem;
+ height: 1.14285714rem;
+ font-size: 0.85714286em;
+}
+
+.ui.inverted.dimmer .ui.small.loader,
+.ui.small.loader {
+ width: 1.71428571rem;
+ height: 1.71428571rem;
+ font-size: 0.92857143em;
+}
+
+.ui.inverted.dimmer .ui.loader,
+.ui.loader {
+ width: 2.28571429rem;
+ height: 2.28571429rem;
+ font-size: 1em;
+}
+
+.ui.inverted.dimmer .ui.large.loader,
+.ui.large.loader {
+ width: 3.42857143rem;
+ height: 3.42857143rem;
+ font-size: 1.14285714em;
+}
+
+.ui.inverted.dimmer .ui.big.loader,
+.ui.big.loader {
+ width: 3.71428571rem;
+ height: 3.71428571rem;
+ font-size: 1.28571429em;
+}
+
+.ui.inverted.dimmer .ui.huge.loader,
+.ui.huge.loader {
+ width: 4.14285714rem;
+ height: 4.14285714rem;
+ font-size: 1.42857143em;
+}
+
+.ui.inverted.dimmer .ui.massive.loader,
+.ui.massive.loader {
+ width: 4.57142857rem;
+ height: 4.57142857rem;
+ font-size: 1.71428571em;
+}
+
+/* Text Loader */
+
+.ui.mini.text.loader {
+ min-width: 1rem;
+ padding-top: 1.78571429rem;
+}
+
+.ui.tiny.text.loader {
+ min-width: 1.14285714rem;
+ padding-top: 1.92857143rem;
+}
+
+.ui.small.text.loader {
+ min-width: 1.71428571rem;
+ padding-top: 2.5rem;
+}
+
+.ui.text.loader {
+ min-width: 2.28571429rem;
+ padding-top: 3.07142857rem;
+}
+
+.ui.large.text.loader {
+ min-width: 3.42857143rem;
+ padding-top: 4.21428571rem;
+}
+
+.ui.big.text.loader {
+ min-width: 3.71428571rem;
+ padding-top: 4.5rem;
+}
+
+.ui.huge.text.loader {
+ min-width: 4.14285714rem;
+ padding-top: 4.92857143rem;
+}
+
+.ui.massive.text.loader {
+ min-width: 4.57142857rem;
+ padding-top: 5.35714286rem;
+}
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.loader {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.loader:before {
+ border-color: rgba(255, 255, 255, 0.15);
+}
+
+.ui.inverted.loader:after {
+ border-top-color: #FFFFFF;
+}
+
+/*-------------------
+ Inline
+--------------------*/
+
+.ui.inline.loader {
+ position: relative;
+ vertical-align: middle;
+ margin: 0em;
+ left: 0em;
+ top: 0em;
+ transform: none;
+}
+
+.ui.inline.loader.active,
+.ui.inline.loader.visible {
+ display: inline-block;
+}
+
+/* Centered Inline */
+
+.ui.centered.inline.loader.active,
+.ui.centered.inline.loader.visible {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Loader
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*-------------------
+ Content
+--------------------*/
+
+.ui.placeholder {
+ position: static;
+ overflow: hidden;
+ -webkit-animation: placeholderShimmer 2s linear;
+ animation: placeholderShimmer 2s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ background-color: #FFFFFF;
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
+ background-size: 1200px 100%;
+ max-width: 30rem;
+}
+
+@-webkit-keyframes placeholderShimmer {
+ 0% {
+ background-position: -1200px 0;
+ }
+
+ 100% {
+ background-position: 1200px 0;
+ }
+}
+
+@keyframes placeholderShimmer {
+ 0% {
+ background-position: -1200px 0;
+ }
+
+ 100% {
+ background-position: 1200px 0;
+ }
+}
+
+.ui.placeholder + .ui.placeholder {
+ margin-top: 2rem;
+}
+
+.ui.placeholder + .ui.placeholder {
+ -webkit-animation-delay: 0.15s;
+ animation-delay: 0.15s;
+}
+
+.ui.placeholder + .ui.placeholder + .ui.placeholder {
+ -webkit-animation-delay: 0.3s;
+ animation-delay: 0.3s;
+}
+
+.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
+ -webkit-animation-delay: 0.45s;
+ animation-delay: 0.45s;
+}
+
+.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
+ -webkit-animation-delay: 0.6s;
+ animation-delay: 0.6s;
+}
+
+.ui.placeholder,
+.ui.placeholder > :before,
+.ui.placeholder .image.header:after,
+.ui.placeholder .line,
+.ui.placeholder .line:after {
+ background-color: #FFFFFF;
+}
+
+/* Image */
+
+.ui.placeholder .image:not(.header):not(.ui) {
+ height: 100px;
+}
+
+.ui.placeholder .square.image:not(.header) {
+ height: 0px;
+ overflow: hidden;
+ /* 1/1 aspect ratio */
+ padding-top: 100%;
+}
+
+.ui.placeholder .rectangular.image:not(.header) {
+ height: 0px;
+ overflow: hidden;
+ /* 4/3 aspect ratio */
+ padding-top: 75%;
+}
+
+/* Lines */
+
+.ui.placeholder .line {
+ position: relative;
+ height: 0.85714286em;
+}
+
+.ui.placeholder .line:before,
+.ui.placeholder .line:after {
+ top: 100%;
+ position: absolute;
+ content: '';
+ background-color: inherit;
+}
+
+.ui.placeholder .line:before {
+ left: 0px;
+}
+
+.ui.placeholder .line:after {
+ right: 0px;
+}
+
+/* Any Lines */
+
+.ui.placeholder .line {
+ margin-bottom: 0.5em;
+}
+
+.ui.placeholder .line:before,
+.ui.placeholder .line:after {
+ height: 0.5em;
+}
+
+.ui.placeholder .line:not(:first-child) {
+ margin-top: 0.5em;
+}
+
+/* Header Image + 2 Lines */
+
+.ui.placeholder .header {
+ position: relative;
+ overflow: hidden;
+}
+
+/* Line Outdent */
+
+.ui.placeholder .line:nth-child(1):after {
+ width: 0%;
+}
+
+.ui.placeholder .line:nth-child(2):after {
+ width: 50%;
+}
+
+.ui.placeholder .line:nth-child(3):after {
+ width: 10%;
+}
+
+.ui.placeholder .line:nth-child(4):after {
+ width: 35%;
+}
+
+.ui.placeholder .line:nth-child(5):after {
+ width: 65%;
+}
+
+/* Header Line 1 & 2*/
+
+.ui.placeholder .header .line {
+ margin-bottom: 0.64285714em;
+}
+
+.ui.placeholder .header .line:before,
+.ui.placeholder .header .line:after {
+ height: 0.64285714em;
+}
+
+.ui.placeholder .header .line:not(:first-child) {
+ margin-top: 0.64285714em;
+}
+
+.ui.placeholder .header .line:after {
+ width: 20%;
+}
+
+.ui.placeholder .header .line:nth-child(2):after {
+ width: 60%;
+}
+
+/* Image Header */
+
+.ui.placeholder .image.header .line {
+ margin-left: 3em;
+}
+
+.ui.placeholder .image.header .line:before {
+ width: 0.71428571rem;
+}
+
+.ui.placeholder .image.header:after {
+ display: block;
+ height: 0.85714286em;
+ content: '';
+ margin-left: 3em;
+}
+
+/* Spacing */
+
+.ui.placeholder .image .line:first-child,
+.ui.placeholder .paragraph .line:first-child,
+.ui.placeholder .header .line:first-child {
+ height: 0.01px;
+}
+
+.ui.placeholder .image:not(:first-child):before,
+.ui.placeholder .paragraph:not(:first-child):before,
+.ui.placeholder .header:not(:first-child):before {
+ height: 1.42857143em;
+ content: '';
+ display: block;
+}
+
+/* Inverted Content Loader */
+
+.ui.inverted.placeholder {
+ background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
+}
+
+.ui.inverted.placeholder,
+.ui.inverted.placeholder > :before,
+.ui.inverted.placeholder .image.header:after,
+.ui.inverted.placeholder .line,
+.ui.inverted.placeholder .line:after {
+ background-color: #1B1C1D;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.placeholder .full.line.line.line:after {
+ width: 0%;
+}
+
+.ui.placeholder .very.long.line.line.line:after {
+ width: 10%;
+}
+
+.ui.placeholder .long.line.line.line:after {
+ width: 35%;
+}
+
+.ui.placeholder .medium.line.line.line:after {
+ width: 50%;
+}
+
+.ui.placeholder .short.line.line.line:after {
+ width: 65%;
+}
+
+.ui.placeholder .very.short.line.line.line:after {
+ width: 80%;
+}
+
+/*-------------------
+ Fluid
+--------------------*/
+
+.ui.fluid.placeholder {
+ max-width: none;
+}
+/*!
+ * # Semantic UI 2.5.0 - Rail
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Rails
+*******************************/
+
+.ui.rail {
+ position: absolute;
+ top: 0%;
+ width: 300px;
+ height: 100%;
+}
+
+.ui.left.rail {
+ left: auto;
+ right: 100%;
+ padding: 0em 2rem 0em 0em;
+ margin: 0em 2rem 0em 0em;
+}
+
+.ui.right.rail {
+ left: 100%;
+ right: auto;
+ padding: 0em 0em 0em 2rem;
+ margin: 0em 0em 0em 2rem;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Internal
+---------------*/
+
+.ui.left.internal.rail {
+ left: 0%;
+ right: auto;
+ padding: 0em 0em 0em 2rem;
+ margin: 0em 0em 0em 2rem;
+}
+
+.ui.right.internal.rail {
+ left: auto;
+ right: 0%;
+ padding: 0em 2rem 0em 0em;
+ margin: 0em 2rem 0em 0em;
+}
+
+/*--------------
+ Dividing
+---------------*/
+
+.ui.dividing.rail {
+ width: 302.5px;
+}
+
+.ui.left.dividing.rail {
+ padding: 0em 2.5rem 0em 0em;
+ margin: 0em 2.5rem 0em 0em;
+ border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.right.dividing.rail {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ padding: 0em 0em 0em 2.5rem;
+ margin: 0em 0em 0em 2.5rem;
+}
+
+/*--------------
+ Distance
+---------------*/
+
+.ui.close.rail {
+ width: calc( 300px + 1em );
+}
+
+.ui.close.left.rail {
+ padding: 0em 1em 0em 0em;
+ margin: 0em 1em 0em 0em;
+}
+
+.ui.close.right.rail {
+ padding: 0em 0em 0em 1em;
+ margin: 0em 0em 0em 1em;
+}
+
+.ui.very.close.rail {
+ width: calc( 300px + 0.5em );
+}
+
+.ui.very.close.left.rail {
+ padding: 0em 0.5em 0em 0em;
+ margin: 0em 0.5em 0em 0em;
+}
+
+.ui.very.close.right.rail {
+ padding: 0em 0em 0em 0.5em;
+ margin: 0em 0em 0em 0.5em;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+.ui.attached.left.rail,
+.ui.attached.right.rail {
+ padding: 0em;
+ margin: 0em;
+}
+
+/*--------------
+ Sizing
+---------------*/
+
+.ui.mini.rail {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.rail {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.rail {
+ font-size: 0.92857143rem;
+}
+
+.ui.rail {
+ font-size: 1rem;
+}
+
+.ui.large.rail {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.rail {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.rail {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.rail {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Reveal
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Reveal
+*******************************/
+
+.ui.reveal {
+ display: inherit;
+ position: relative !important;
+ font-size: 0em !important;
+}
+
+.ui.reveal > .visible.content {
+ position: absolute !important;
+ top: 0em !important;
+ left: 0em !important;
+ z-index: 3 !important;
+ transition: all 0.5s ease 0.1s;
+}
+
+.ui.reveal > .hidden.content {
+ position: relative !important;
+ z-index: 2 !important;
+}
+
+/* Make sure hovered element is on top of other reveal */
+
+.ui.active.reveal .visible.content,
+.ui.reveal:hover .visible.content {
+ z-index: 4 !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Slide
+---------------*/
+
+.ui.slide.reveal {
+ position: relative !important;
+ overflow: hidden !important;
+ white-space: nowrap;
+}
+
+.ui.slide.reveal > .content {
+ display: block;
+ width: 100%;
+ white-space: normal;
+ float: left;
+ margin: 0em;
+ transition: transform 0.5s ease 0.1s;
+}
+
+.ui.slide.reveal > .visible.content {
+ position: relative !important;
+}
+
+.ui.slide.reveal > .hidden.content {
+ position: absolute !important;
+ left: 0% !important;
+ width: 100% !important;
+ transform: translateX(100%) !important;
+}
+
+.ui.slide.active.reveal > .visible.content,
+.ui.slide.reveal:hover > .visible.content {
+ transform: translateX(-100%) !important;
+}
+
+.ui.slide.active.reveal > .hidden.content,
+.ui.slide.reveal:hover > .hidden.content {
+ transform: translateX(0%) !important;
+}
+
+.ui.slide.right.reveal > .visible.content {
+ transform: translateX(0%) !important;
+}
+
+.ui.slide.right.reveal > .hidden.content {
+ transform: translateX(-100%) !important;
+}
+
+.ui.slide.right.active.reveal > .visible.content,
+.ui.slide.right.reveal:hover > .visible.content {
+ transform: translateX(100%) !important;
+}
+
+.ui.slide.right.active.reveal > .hidden.content,
+.ui.slide.right.reveal:hover > .hidden.content {
+ transform: translateX(0%) !important;
+}
+
+.ui.slide.up.reveal > .hidden.content {
+ transform: translateY(100%) !important;
+}
+
+.ui.slide.up.active.reveal > .visible.content,
+.ui.slide.up.reveal:hover > .visible.content {
+ transform: translateY(-100%) !important;
+}
+
+.ui.slide.up.active.reveal > .hidden.content,
+.ui.slide.up.reveal:hover > .hidden.content {
+ transform: translateY(0%) !important;
+}
+
+.ui.slide.down.reveal > .hidden.content {
+ transform: translateY(-100%) !important;
+}
+
+.ui.slide.down.active.reveal > .visible.content,
+.ui.slide.down.reveal:hover > .visible.content {
+ transform: translateY(100%) !important;
+}
+
+.ui.slide.down.active.reveal > .hidden.content,
+.ui.slide.down.reveal:hover > .hidden.content {
+ transform: translateY(0%) !important;
+}
+
+/*--------------
+ Fade
+---------------*/
+
+.ui.fade.reveal > .visible.content {
+ opacity: 1;
+}
+
+.ui.fade.active.reveal > .visible.content,
+.ui.fade.reveal:hover > .visible.content {
+ opacity: 0;
+}
+
+/*--------------
+ Move
+---------------*/
+
+.ui.move.reveal {
+ position: relative !important;
+ overflow: hidden !important;
+ white-space: nowrap;
+}
+
+.ui.move.reveal > .content {
+ display: block;
+ float: left;
+ white-space: normal;
+ margin: 0em;
+ transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
+}
+
+.ui.move.reveal > .visible.content {
+ position: relative !important;
+}
+
+.ui.move.reveal > .hidden.content {
+ position: absolute !important;
+ left: 0% !important;
+ width: 100% !important;
+}
+
+.ui.move.active.reveal > .visible.content,
+.ui.move.reveal:hover > .visible.content {
+ transform: translateX(-100%) !important;
+}
+
+.ui.move.right.active.reveal > .visible.content,
+.ui.move.right.reveal:hover > .visible.content {
+ transform: translateX(100%) !important;
+}
+
+.ui.move.up.active.reveal > .visible.content,
+.ui.move.up.reveal:hover > .visible.content {
+ transform: translateY(-100%) !important;
+}
+
+.ui.move.down.active.reveal > .visible.content,
+.ui.move.down.reveal:hover > .visible.content {
+ transform: translateY(100%) !important;
+}
+
+/*--------------
+ Rotate
+---------------*/
+
+.ui.rotate.reveal > .visible.content {
+ transition-duration: 0.5s;
+ transform: rotate(0deg);
+}
+
+.ui.rotate.reveal > .visible.content,
+.ui.rotate.right.reveal > .visible.content {
+ transform-origin: bottom right;
+}
+
+.ui.rotate.active.reveal > .visible.content,
+.ui.rotate.reveal:hover > .visible.content,
+.ui.rotate.right.active.reveal > .visible.content,
+.ui.rotate.right.reveal:hover > .visible.content {
+ transform: rotate(110deg);
+}
+
+.ui.rotate.left.reveal > .visible.content {
+ transform-origin: bottom left;
+}
+
+.ui.rotate.left.active.reveal > .visible.content,
+.ui.rotate.left.reveal:hover > .visible.content {
+ transform: rotate(-110deg);
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.disabled.reveal:hover > .visible.visible.content {
+ position: static !important;
+ display: block !important;
+ opacity: 1 !important;
+ top: 0 !important;
+ left: 0 !important;
+ right: auto !important;
+ bottom: auto !important;
+ transform: none !important;
+}
+
+.ui.disabled.reveal:hover > .hidden.hidden.content {
+ display: none !important;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+.ui.reveal > .ui.ribbon.label {
+ z-index: 5;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Visible
+---------------*/
+
+.ui.visible.reveal {
+ overflow: visible;
+}
+
+/*--------------
+ Instant
+---------------*/
+
+.ui.instant.reveal > .content {
+ transition-delay: 0s !important;
+}
+
+/*--------------
+ Sizing
+---------------*/
+
+.ui.reveal > .content {
+ font-size: 1rem !important;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Segment
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Segment
+*******************************/
+
+.ui.segment {
+ position: relative;
+ background: #FFFFFF;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+ margin: 1rem 0em;
+ padding: 1em 1em;
+ border-radius: 0.28571429rem;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.segment:first-child {
+ margin-top: 0em;
+}
+
+.ui.segment:last-child {
+ margin-bottom: 0em;
+}
+
+/* Vertical */
+
+.ui.vertical.segment {
+ margin: 0em;
+ padding-left: 0em;
+ padding-right: 0em;
+ background: none transparent;
+ border-radius: 0px;
+ box-shadow: none;
+ border: none;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.vertical.segment:last-child {
+ border-bottom: none;
+}
+
+/*-------------------
+ Loose Coupling
+--------------------*/
+
+/* Header */
+
+.ui.inverted.segment > .ui.header {
+ color: #FFFFFF;
+}
+
+/* Label */
+
+.ui[class*="bottom attached"].segment > [class*="top attached"].label {
+ border-top-left-radius: 0em;
+ border-top-right-radius: 0em;
+}
+
+.ui[class*="top attached"].segment > [class*="bottom attached"].label {
+ border-bottom-left-radius: 0em;
+ border-bottom-right-radius: 0em;
+}
+
+.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
+ border-top-left-radius: 0em;
+ border-top-right-radius: 0em;
+}
+
+.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
+ border-bottom-left-radius: 0em;
+ border-bottom-right-radius: 0em;
+}
+
+/* Grid */
+
+.ui.page.grid.segment,
+.ui.grid > .row > .ui.segment.column,
+.ui.grid > .ui.segment.column {
+ padding-top: 2em;
+ padding-bottom: 2em;
+}
+
+.ui.grid.segment {
+ margin: 1rem 0em;
+ border-radius: 0.28571429rem;
+}
+
+/* Table */
+
+.ui.basic.table.segment {
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ui[class*="very basic"].table.segment {
+ padding: 1em 1em;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Placeholder
+--------------------*/
+
+.ui.placeholder.segment {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: stretch;
+ max-width: initial;
+ -webkit-animation: none;
+ animation: none;
+ overflow: visible;
+ padding: 1em 1em;
+ min-height: 18rem;
+ background: #F9FAFB;
+ border-color: rgba(34, 36, 38, 0.15);
+ box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
+}
+
+.ui.placeholder.segment .button,
+.ui.placeholder.segment textarea {
+ display: block;
+}
+
+.ui.placeholder.segment .field,
+.ui.placeholder.segment textarea,
+.ui.placeholder.segment > .ui.input,
+.ui.placeholder.segment .button {
+ max-width: 15rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.ui.placeholder.segment .column .button,
+.ui.placeholder.segment .column .field,
+.ui.placeholder.segment .column textarea,
+.ui.placeholder.segment .column > .ui.input {
+ max-width: 15rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.ui.placeholder.segment > .inline {
+ align-self: center;
+}
+
+.ui.placeholder.segment > .inline > .button {
+ display: inline-block;
+ width: auto;
+ margin: 0px 0.35714286rem 0px 0px;
+}
+
+.ui.placeholder.segment > .inline > .button:last-child {
+ margin-right: 0px;
+}
+
+/*-------------------
+ Piled
+--------------------*/
+
+.ui.piled.segments,
+.ui.piled.segment {
+ margin: 3em 0em;
+ box-shadow: '';
+ z-index: auto;
+}
+
+.ui.piled.segment:first-child {
+ margin-top: 0em;
+}
+
+.ui.piled.segment:last-child {
+ margin-bottom: 0em;
+}
+
+.ui.piled.segments:after,
+.ui.piled.segments:before,
+.ui.piled.segment:after,
+.ui.piled.segment:before {
+ background-color: #FFFFFF;
+ visibility: visible;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0px;
+ position: absolute;
+ width: 100%;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: '';
+}
+
+.ui.piled.segments:before,
+.ui.piled.segment:before {
+ transform: rotate(-1.2deg);
+ top: 0;
+ z-index: -2;
+}
+
+.ui.piled.segments:after,
+.ui.piled.segment:after {
+ transform: rotate(1.2deg);
+ top: 0;
+ z-index: -1;
+}
+
+/* Piled Attached */
+
+.ui[class*="top attached"].piled.segment {
+ margin-top: 3em;
+ margin-bottom: 0em;
+}
+
+.ui.piled.segment[class*="top attached"]:first-child {
+ margin-top: 0em;
+}
+
+.ui.piled.segment[class*="bottom attached"] {
+ margin-top: 0em;
+ margin-bottom: 3em;
+}
+
+.ui.piled.segment[class*="bottom attached"]:last-child {
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Stacked
+--------------------*/
+
+.ui.stacked.segment {
+ padding-bottom: 1.4em;
+}
+
+.ui.stacked.segments:before,
+.ui.stacked.segments:after,
+.ui.stacked.segment:before,
+.ui.stacked.segment:after {
+ content: '';
+ position: absolute;
+ bottom: -3px;
+ left: 0%;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ background: rgba(0, 0, 0, 0.03);
+ width: 100%;
+ height: 6px;
+ visibility: visible;
+}
+
+.ui.stacked.segments:before,
+.ui.stacked.segment:before {
+ display: none;
+}
+
+/* Add additional page */
+
+.ui.tall.stacked.segments:before,
+.ui.tall.stacked.segment:before {
+ display: block;
+ bottom: 0px;
+}
+
+/* Inverted */
+
+.ui.stacked.inverted.segments:before,
+.ui.stacked.inverted.segments:after,
+.ui.stacked.inverted.segment:before,
+.ui.stacked.inverted.segment:after {
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(34, 36, 38, 0.35);
+}
+
+/*-------------------
+ Padded
+--------------------*/
+
+.ui.padded.segment {
+ padding: 1.5em;
+}
+
+.ui[class*="very padded"].segment {
+ padding: 3em;
+}
+
+/* Padded vertical */
+
+.ui.padded.segment.vertical.segment,
+.ui[class*="very padded"].vertical.segment {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+/*-------------------
+ Compact
+--------------------*/
+
+.ui.compact.segment {
+ display: table;
+}
+
+/* Compact Group */
+
+.ui.compact.segments {
+ display: inline-flex;
+}
+
+.ui.compact.segments .segment,
+.ui.segments .compact.segment {
+ display: block;
+ flex: 0 1 auto;
+}
+
+/*-------------------
+ Circular
+--------------------*/
+
+.ui.circular.segment {
+ display: table-cell;
+ padding: 2em;
+ text-align: center;
+ vertical-align: middle;
+ border-radius: 500em;
+}
+
+/*-------------------
+ Raised
+--------------------*/
+
+.ui.raised.segments,
+.ui.raised.segment {
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+/*******************************
+ Groups
+*******************************/
+
+/* Group */
+
+.ui.segments {
+ flex-direction: column;
+ position: relative;
+ margin: 1rem 0em;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+}
+
+.ui.segments:first-child {
+ margin-top: 0em;
+}
+
+.ui.segments:last-child {
+ margin-bottom: 0em;
+}
+
+/* Nested Segment */
+
+.ui.segments > .segment {
+ top: 0px;
+ bottom: 0px;
+ border-radius: 0px;
+ margin: 0em;
+ width: auto;
+ box-shadow: none;
+ border: none;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.segments:not(.horizontal) > .segment:first-child {
+ border-top: none;
+ margin-top: 0em;
+ bottom: 0px;
+ margin-bottom: 0em;
+ top: 0px;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/* Bottom */
+
+.ui.segments:not(.horizontal) > .segment:last-child {
+ top: 0px;
+ bottom: 0px;
+ margin-top: 0em;
+ margin-bottom: 0em;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/* Only */
+
+.ui.segments:not(.horizontal) > .segment:only-child {
+ border-radius: 0.28571429rem;
+}
+
+/* Nested Group */
+
+.ui.segments > .ui.segments {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ margin: 1rem 1rem;
+}
+
+.ui.segments > .segments:first-child {
+ border-top: none;
+}
+
+.ui.segments > .segment + .segments:not(.horizontal) {
+ margin-top: 0em;
+}
+
+/* Horizontal Group */
+
+.ui.horizontal.segments {
+ display: flex;
+ flex-direction: row;
+ background-color: transparent;
+ border-radius: 0px;
+ padding: 0em;
+ background-color: #FFFFFF;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+ margin: 1rem 0em;
+ border-radius: 0.28571429rem;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Nested Horizontal Group */
+
+.ui.segments > .horizontal.segments {
+ margin: 0em;
+ background-color: transparent;
+ border-radius: 0px;
+ border: none;
+ box-shadow: none;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Horizontal Segment */
+
+.ui.horizontal.segments > .segment {
+ flex: 1 1 auto;
+ -ms-flex: 1 1 0px;
+ /* Solves #2550 MS Flex */
+ margin: 0em;
+ min-width: 0px;
+ background-color: transparent;
+ border-radius: 0px;
+ border: none;
+ box-shadow: none;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Border Fixes */
+
+.ui.segments > .horizontal.segments:first-child {
+ border-top: none;
+}
+
+.ui.horizontal.segments > .segment:first-child {
+ border-left: none;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.disabled.segment {
+ opacity: 0.45;
+ color: rgba(40, 40, 40, 0.3);
+}
+
+/*--------------
+ Loading
+---------------*/
+
+.ui.loading.segment {
+ position: relative;
+ cursor: default;
+ pointer-events: none;
+ text-shadow: none !important;
+ color: transparent !important;
+ transition: all 0s linear;
+}
+
+.ui.loading.segment:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 0%;
+ background: rgba(255, 255, 255, 0.8);
+ width: 100%;
+ height: 100%;
+ border-radius: 0.28571429rem;
+ z-index: 100;
+}
+
+.ui.loading.segment:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -1.5em 0em 0em -1.5em;
+ width: 3em;
+ height: 3em;
+ -webkit-animation: segment-spin 0.6s linear;
+ animation: segment-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+ visibility: visible;
+ z-index: 101;
+}
+
+@-webkit-keyframes segment-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes segment-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Basic
+--------------------*/
+
+.ui.basic.segment {
+ background: none transparent;
+ box-shadow: none;
+ border: none;
+ border-radius: 0px;
+}
+
+/*-------------------
+ Clearing
+--------------------*/
+
+.ui.clearing.segment:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/* Red */
+
+.ui.red.segment:not(.inverted) {
+ border-top: 2px solid #DB2828 !important;
+}
+
+.ui.inverted.red.segment {
+ background-color: #DB2828 !important;
+ color: #FFFFFF !important;
+}
+
+/* Orange */
+
+.ui.orange.segment:not(.inverted) {
+ border-top: 2px solid #F2711C !important;
+}
+
+.ui.inverted.orange.segment {
+ background-color: #F2711C !important;
+ color: #FFFFFF !important;
+}
+
+/* Yellow */
+
+.ui.yellow.segment:not(.inverted) {
+ border-top: 2px solid #FBBD08 !important;
+}
+
+.ui.inverted.yellow.segment {
+ background-color: #FBBD08 !important;
+ color: #FFFFFF !important;
+}
+
+/* Olive */
+
+.ui.olive.segment:not(.inverted) {
+ border-top: 2px solid #B5CC18 !important;
+}
+
+.ui.inverted.olive.segment {
+ background-color: #B5CC18 !important;
+ color: #FFFFFF !important;
+}
+
+/* Green */
+
+.ui.green.segment:not(.inverted) {
+ border-top: 2px solid #21BA45 !important;
+}
+
+.ui.inverted.green.segment {
+ background-color: #21BA45 !important;
+ color: #FFFFFF !important;
+}
+
+/* Teal */
+
+.ui.teal.segment:not(.inverted) {
+ border-top: 2px solid #00B5AD !important;
+}
+
+.ui.inverted.teal.segment {
+ background-color: #00B5AD !important;
+ color: #FFFFFF !important;
+}
+
+/* Blue */
+
+.ui.blue.segment:not(.inverted) {
+ border-top: 2px solid #2185D0 !important;
+}
+
+.ui.inverted.blue.segment {
+ background-color: #2185D0 !important;
+ color: #FFFFFF !important;
+}
+
+/* Violet */
+
+.ui.violet.segment:not(.inverted) {
+ border-top: 2px solid #6435C9 !important;
+}
+
+.ui.inverted.violet.segment {
+ background-color: #6435C9 !important;
+ color: #FFFFFF !important;
+}
+
+/* Purple */
+
+.ui.purple.segment:not(.inverted) {
+ border-top: 2px solid #A333C8 !important;
+}
+
+.ui.inverted.purple.segment {
+ background-color: #A333C8 !important;
+ color: #FFFFFF !important;
+}
+
+/* Pink */
+
+.ui.pink.segment:not(.inverted) {
+ border-top: 2px solid #E03997 !important;
+}
+
+.ui.inverted.pink.segment {
+ background-color: #E03997 !important;
+ color: #FFFFFF !important;
+}
+
+/* Brown */
+
+.ui.brown.segment:not(.inverted) {
+ border-top: 2px solid #A5673F !important;
+}
+
+.ui.inverted.brown.segment {
+ background-color: #A5673F !important;
+ color: #FFFFFF !important;
+}
+
+/* Grey */
+
+.ui.grey.segment:not(.inverted) {
+ border-top: 2px solid #767676 !important;
+}
+
+.ui.inverted.grey.segment {
+ background-color: #767676 !important;
+ color: #FFFFFF !important;
+}
+
+/* Black */
+
+.ui.black.segment:not(.inverted) {
+ border-top: 2px solid #1B1C1D !important;
+}
+
+.ui.inverted.black.segment {
+ background-color: #1B1C1D !important;
+ color: #FFFFFF !important;
+}
+
+/*-------------------
+ Aligned
+--------------------*/
+
+.ui[class*="left aligned"].segment {
+ text-align: left;
+}
+
+.ui[class*="right aligned"].segment {
+ text-align: right;
+}
+
+.ui[class*="center aligned"].segment {
+ text-align: center;
+}
+
+/*-------------------
+ Floated
+--------------------*/
+
+.ui.floated.segment,
+.ui[class*="left floated"].segment {
+ float: left;
+ margin-right: 1em;
+}
+
+.ui[class*="right floated"].segment {
+ float: right;
+ margin-left: 1em;
+}
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.segment {
+ border: none;
+ box-shadow: none;
+}
+
+.ui.inverted.segment,
+.ui.primary.inverted.segment {
+ background: #1B1C1D;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Nested */
+
+.ui.inverted.segment .segment {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.inverted.segment .inverted.segment {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Attached */
+
+.ui.inverted.attached.segment {
+ border-color: #555555;
+}
+
+/*-------------------
+ Emphasis
+--------------------*/
+
+/* Secondary */
+
+.ui.secondary.segment {
+ background: #F3F4F5;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.secondary.inverted.segment {
+ background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
+ color: rgba(255, 255, 255, 0.8);
+}
+
+/* Tertiary */
+
+.ui.tertiary.segment {
+ background: #DCDDDE;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.tertiary.inverted.segment {
+ background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
+ color: rgba(255, 255, 255, 0.8);
+}
+
+/*-------------------
+ Attached
+--------------------*/
+
+/* Middle */
+
+.ui.attached.segment {
+ top: 0px;
+ bottom: 0px;
+ border-radius: 0px;
+ margin: 0em -1px;
+ width: calc(100% - (-1px * 2));
+ max-width: calc(100% - (-1px * 2));
+ box-shadow: none;
+ border: 1px solid #D4D4D5;
+}
+
+.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
+ border-top: none;
+}
+
+/* Top */
+
+.ui[class*="top attached"].segment {
+ bottom: 0px;
+ margin-bottom: 0em;
+ top: 0px;
+ margin-top: 1rem;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.segment[class*="top attached"]:first-child {
+ margin-top: 0em;
+}
+
+/* Bottom */
+
+.ui.segment[class*="bottom attached"] {
+ bottom: 0px;
+ margin-top: 0em;
+ top: 0px;
+ margin-bottom: 1rem;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.segment[class*="bottom attached"]:last-child {
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Size
+--------------------*/
+
+.ui.mini.segments .segment,
+.ui.mini.segment {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.segments .segment,
+.ui.tiny.segment {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.segments .segment,
+.ui.small.segment {
+ font-size: 0.92857143rem;
+}
+
+.ui.segments .segment,
+.ui.segment {
+ font-size: 1rem;
+}
+
+.ui.large.segments .segment,
+.ui.large.segment {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.segments .segment,
+.ui.big.segment {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.segments .segment,
+.ui.huge.segment {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.segments .segment,
+.ui.massive.segment {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Step
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Plural
+*******************************/
+
+.ui.steps {
+ display: inline-flex;
+ flex-direction: row;
+ align-items: stretch;
+ margin: 1em 0em;
+ background: '';
+ box-shadow: none;
+ line-height: 1.14285714em;
+ border-radius: 0.28571429rem;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* First Steps */
+
+.ui.steps:first-child {
+ margin-top: 0em;
+}
+
+/* Last Steps */
+
+.ui.steps:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Singular
+*******************************/
+
+.ui.steps .step {
+ position: relative;
+ display: flex;
+ flex: 1 0 auto;
+ flex-wrap: wrap;
+ flex-direction: row;
+ vertical-align: middle;
+ align-items: center;
+ justify-content: center;
+ margin: 0em 0em;
+ padding: 1.14285714em 2em;
+ background: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+ border-radius: 0em;
+ border: none;
+ border-right: 1px solid rgba(34, 36, 38, 0.15);
+ transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
+}
+
+/* Arrow */
+
+.ui.steps .step:after {
+ display: none;
+ position: absolute;
+ z-index: 2;
+ content: '';
+ top: 50%;
+ right: 0%;
+ border: medium none;
+ background-color: #FFFFFF;
+ width: 1.14285714em;
+ height: 1.14285714em;
+ border-style: solid;
+ border-color: rgba(34, 36, 38, 0.15);
+ border-width: 0px 1px 1px 0px;
+ transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
+ transform: translateY(-50%) translateX(50%) rotate(-45deg);
+}
+
+/* First Step */
+
+.ui.steps .step:first-child {
+ padding-left: 2em;
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+/* Last Step */
+
+.ui.steps .step:last-child {
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+.ui.steps .step:last-child {
+ border-right: none;
+ margin-right: 0em;
+}
+
+/* Only Step */
+
+.ui.steps .step:only-child {
+ border-radius: 0.28571429rem;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* Title */
+
+.ui.steps .step .title {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1.14285714em;
+ font-weight: bold;
+}
+
+.ui.steps .step > .title {
+ width: 100%;
+}
+
+/* Description */
+
+.ui.steps .step .description {
+ font-weight: normal;
+ font-size: 0.92857143em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.steps .step > .description {
+ width: 100%;
+}
+
+.ui.steps .step .title ~ .description {
+ margin-top: 0.25em;
+}
+
+/* Icon */
+
+.ui.steps .step > .icon {
+ line-height: 1;
+ font-size: 2.5em;
+ margin: 0em 1rem 0em 0em;
+}
+
+.ui.steps .step > .icon,
+.ui.steps .step > .icon ~ .content {
+ display: block;
+ flex: 0 1 auto;
+ align-self: middle;
+}
+
+.ui.steps .step > .icon ~ .content {
+ flex-grow: 1 0 auto;
+}
+
+/* Horizontal Icon */
+
+.ui.steps:not(.vertical) .step > .icon {
+ width: auto;
+}
+
+/* Link */
+
+.ui.steps .link.step,
+.ui.steps a.step {
+ cursor: pointer;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Ordered
+---------------*/
+
+.ui.ordered.steps {
+ counter-reset: ordered;
+}
+
+.ui.ordered.steps .step:before {
+ display: block;
+ position: static;
+ text-align: center;
+ content: counters(ordered, ".");
+ align-self: middle;
+ margin-right: 1rem;
+ font-size: 2.5em;
+ counter-increment: ordered;
+ font-family: inherit;
+ font-weight: bold;
+}
+
+.ui.ordered.steps .step > * {
+ display: block;
+ align-self: middle;
+}
+
+/*--------------
+ Vertical
+---------------*/
+
+.ui.vertical.steps {
+ display: inline-flex;
+ flex-direction: column;
+ overflow: visible;
+}
+
+.ui.vertical.steps .step {
+ justify-content: flex-start;
+ border-radius: 0em;
+ padding: 1.14285714em 2em;
+ border-right: none;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.vertical.steps .step:first-child {
+ padding: 1.14285714em 2em;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.vertical.steps .step:last-child {
+ border-bottom: none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.vertical.steps .step:only-child {
+ border-radius: 0.28571429rem;
+}
+
+/* Arrow */
+
+.ui.vertical.steps .step:after {
+ display: none;
+}
+
+.ui.vertical.steps .step:after {
+ top: 50%;
+ right: 0%;
+ border-width: 0px 1px 1px 0px;
+}
+
+.ui.vertical.steps .step:after {
+ display: none;
+}
+
+.ui.vertical.steps .active.step:after {
+ display: block;
+}
+
+.ui.vertical.steps .step:last-child:after {
+ display: none;
+}
+
+.ui.vertical.steps .active.step:last-child:after {
+ display: block;
+}
+
+/*---------------
+ Responsive
+----------------*/
+
+/* Mobile (Default) */
+
+@media only screen and (max-width: 767px) {
+ .ui.steps:not(.unstackable) {
+ display: inline-flex;
+ overflow: visible;
+ flex-direction: column;
+ }
+
+ .ui.steps:not(.unstackable) .step {
+ width: 100% !important;
+ flex-direction: column;
+ border-radius: 0em;
+ padding: 1.14285714em 2em;
+ }
+
+ .ui.steps:not(.unstackable) .step:first-child {
+ padding: 1.14285714em 2em;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+ }
+
+ .ui.steps:not(.unstackable) .step:last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ }
+
+ /* Arrow */
+
+ .ui.steps:not(.unstackable) .step:after {
+ display: none !important;
+ }
+
+ /* Content */
+
+ .ui.steps:not(.unstackable) .step .content {
+ text-align: center;
+ }
+
+ /* Icon */
+
+ .ui.steps:not(.unstackable) .step > .icon,
+ .ui.ordered.steps:not(.unstackable) .step:before {
+ margin: 0em 0em 1rem 0em;
+ }
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Link Hover */
+
+.ui.steps .link.step:hover::after,
+.ui.steps .link.step:hover,
+.ui.steps a.step:hover::after,
+.ui.steps a.step:hover {
+ background: #F9FAFB;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Link Down */
+
+.ui.steps .link.step:active::after,
+.ui.steps .link.step:active,
+.ui.steps a.step:active::after,
+.ui.steps a.step:active {
+ background: #F3F4F5;
+ color: rgba(0, 0, 0, 0.9);
+}
+
+/* Active */
+
+.ui.steps .step.active {
+ cursor: auto;
+ background: #F3F4F5;
+}
+
+.ui.steps .step.active:after {
+ background: #F3F4F5;
+}
+
+.ui.steps .step.active .title {
+ color: #4183C4;
+}
+
+.ui.ordered.steps .step.active:before,
+.ui.steps .active.step .icon {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/* Active Arrow */
+
+.ui.steps .step:after {
+ display: block;
+}
+
+.ui.steps .active.step:after {
+ display: block;
+}
+
+.ui.steps .step:last-child:after {
+ display: none;
+}
+
+.ui.steps .active.step:last-child:after {
+ display: none;
+}
+
+/* Active Hover */
+
+.ui.steps .link.active.step:hover::after,
+.ui.steps .link.active.step:hover,
+.ui.steps a.active.step:hover::after,
+.ui.steps a.active.step:hover {
+ cursor: pointer;
+ background: #DCDDDE;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Completed */
+
+.ui.steps .step.completed > .icon:before,
+.ui.ordered.steps .step.completed:before {
+ color: #21BA45;
+}
+
+/* Disabled */
+
+.ui.steps .disabled.step {
+ cursor: auto;
+ background: #FFFFFF;
+ pointer-events: none;
+}
+
+.ui.steps .disabled.step,
+.ui.steps .disabled.step .title,
+.ui.steps .disabled.step .description {
+ color: rgba(40, 40, 40, 0.3);
+}
+
+.ui.steps .disabled.step:after {
+ background: #FFFFFF;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Stackable
+---------------*/
+
+/* Tablet Or Below */
+
+@media only screen and (max-width: 991px) {
+ .ui[class*="tablet stackable"].steps {
+ display: inline-flex;
+ overflow: visible;
+ flex-direction: column;
+ }
+
+ /* Steps */
+
+ .ui[class*="tablet stackable"].steps .step {
+ flex-direction: column;
+ border-radius: 0em;
+ padding: 1.14285714em 2em;
+ }
+
+ .ui[class*="tablet stackable"].steps .step:first-child {
+ padding: 1.14285714em 2em;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+ }
+
+ .ui[class*="tablet stackable"].steps .step:last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ }
+
+ /* Arrow */
+
+ .ui[class*="tablet stackable"].steps .step:after {
+ display: none !important;
+ }
+
+ /* Content */
+
+ .ui[class*="tablet stackable"].steps .step .content {
+ text-align: center;
+ }
+
+ /* Icon */
+
+ .ui[class*="tablet stackable"].steps .step > .icon,
+ .ui[class*="tablet stackable"].ordered.steps .step:before {
+ margin: 0em 0em 1rem 0em;
+ }
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+/* Fluid */
+
+.ui.fluid.steps {
+ display: flex;
+ width: 100%;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+/* Top */
+
+.ui.attached.steps {
+ width: calc(100% + (--1px * 2)) !important;
+ margin: 0em -1px 0;
+ max-width: calc(100% + (--1px * 2));
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.attached.steps .step:first-child {
+ border-radius: 0.28571429rem 0em 0em 0em;
+}
+
+.ui.attached.steps .step:last-child {
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+/* Bottom */
+
+.ui.bottom.attached.steps {
+ margin: 0 -1px 0em;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.bottom.attached.steps .step:first-child {
+ border-radius: 0em 0em 0em 0.28571429rem;
+}
+
+.ui.bottom.attached.steps .step:last-child {
+ border-radius: 0em 0em 0.28571429rem 0em;
+}
+
+/*-------------------
+ Evenly Divided
+--------------------*/
+
+.ui.one.steps,
+.ui.two.steps,
+.ui.three.steps,
+.ui.four.steps,
+.ui.five.steps,
+.ui.six.steps,
+.ui.seven.steps,
+.ui.eight.steps {
+ width: 100%;
+}
+
+.ui.one.steps > .step,
+.ui.two.steps > .step,
+.ui.three.steps > .step,
+.ui.four.steps > .step,
+.ui.five.steps > .step,
+.ui.six.steps > .step,
+.ui.seven.steps > .step,
+.ui.eight.steps > .step {
+ flex-wrap: nowrap;
+}
+
+.ui.one.steps > .step {
+ width: 100%;
+}
+
+.ui.two.steps > .step {
+ width: 50%;
+}
+
+.ui.three.steps > .step {
+ width: 33.333%;
+}
+
+.ui.four.steps > .step {
+ width: 25%;
+}
+
+.ui.five.steps > .step {
+ width: 20%;
+}
+
+.ui.six.steps > .step {
+ width: 16.666%;
+}
+
+.ui.seven.steps > .step {
+ width: 14.285%;
+}
+
+.ui.eight.steps > .step {
+ width: 12.5%;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.steps .step,
+.ui.mini.step {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.steps .step,
+.ui.tiny.step {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.steps .step,
+.ui.small.step {
+ font-size: 0.92857143rem;
+}
+
+.ui.steps .step,
+.ui.step {
+ font-size: 1rem;
+}
+
+.ui.large.steps .step,
+.ui.large.step {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.steps .step,
+.ui.big.step {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.steps .step,
+.ui.huge.step {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.steps .step,
+.ui.massive.step {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+@font-face {
+ font-family: 'Step';
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff');
+}
+
+.ui.steps .step.completed > .icon:before,
+.ui.ordered.steps .step.completed:before {
+ font-family: 'Step';
+ content: '\E800';
+ /* '' */
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Breadcrumb
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Breadcrumb
+*******************************/
+
+.ui.breadcrumb {
+ line-height: 1;
+ display: inline-block;
+ margin: 0em 0em;
+ vertical-align: middle;
+}
+
+.ui.breadcrumb:first-child {
+ margin-top: 0em;
+}
+
+.ui.breadcrumb:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* Divider */
+
+.ui.breadcrumb .divider {
+ display: inline-block;
+ opacity: 0.7;
+ margin: 0em 0.21428571rem 0em;
+ font-size: 0.92857143em;
+ color: rgba(0, 0, 0, 0.4);
+ vertical-align: baseline;
+}
+
+/* Link */
+
+.ui.breadcrumb a {
+ color: #4183C4;
+}
+
+.ui.breadcrumb a:hover {
+ color: #1e70bf;
+}
+
+/* Icon Divider */
+
+.ui.breadcrumb .icon.divider {
+ font-size: 0.85714286em;
+ vertical-align: baseline;
+}
+
+/* Section */
+
+.ui.breadcrumb a.section {
+ cursor: pointer;
+}
+
+.ui.breadcrumb .section {
+ display: inline-block;
+ margin: 0em;
+ padding: 0em;
+}
+
+/* Loose Coupling */
+
+.ui.breadcrumb.segment {
+ display: inline-block;
+ padding: 0.78571429em 1em;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.breadcrumb .active.section {
+ font-weight: bold;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.mini.breadcrumb {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.breadcrumb {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.breadcrumb {
+ font-size: 0.92857143rem;
+}
+
+.ui.breadcrumb {
+ font-size: 1rem;
+}
+
+.ui.large.breadcrumb {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.breadcrumb {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.breadcrumb {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.breadcrumb {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Form
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Elements
+*******************************/
+
+/*--------------------
+ Form
+---------------------*/
+
+.ui.form {
+ position: relative;
+ max-width: 100%;
+}
+
+/*--------------------
+ Content
+---------------------*/
+
+.ui.form > p {
+ margin: 1em 0em;
+}
+
+/*--------------------
+ Field
+---------------------*/
+
+.ui.form .field {
+ clear: both;
+ margin: 0em 0em 1em;
+}
+
+.ui.form .field:last-child,
+.ui.form .fields:last-child .field {
+ margin-bottom: 0em;
+}
+
+.ui.form .fields .field {
+ clear: both;
+ margin: 0em;
+}
+
+/*--------------------
+ Labels
+---------------------*/
+
+.ui.form .field > label {
+ display: block;
+ margin: 0em 0em 0.28571429rem 0em;
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 0.92857143em;
+ font-weight: bold;
+ text-transform: none;
+}
+
+/*--------------------
+ Standard Inputs
+---------------------*/
+
+.ui.form textarea,
+.ui.form input:not([type]),
+.ui.form input[type="date"],
+.ui.form input[type="datetime-local"],
+.ui.form input[type="email"],
+.ui.form input[type="number"],
+.ui.form input[type="password"],
+.ui.form input[type="search"],
+.ui.form input[type="tel"],
+.ui.form input[type="time"],
+.ui.form input[type="text"],
+.ui.form input[type="file"],
+.ui.form input[type="url"] {
+ width: 100%;
+ vertical-align: top;
+}
+
+/* Set max height on unusual input */
+
+.ui.form ::-webkit-datetime-edit,
+.ui.form ::-webkit-inner-spin-button {
+ height: 1.21428571em;
+}
+
+.ui.form input:not([type]),
+.ui.form input[type="date"],
+.ui.form input[type="datetime-local"],
+.ui.form input[type="email"],
+.ui.form input[type="number"],
+.ui.form input[type="password"],
+.ui.form input[type="search"],
+.ui.form input[type="tel"],
+.ui.form input[type="time"],
+.ui.form input[type="text"],
+.ui.form input[type="file"],
+.ui.form input[type="url"] {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ margin: 0em;
+ outline: none;
+ -webkit-appearance: none;
+ tap-highlight-color: rgba(255, 255, 255, 0);
+ line-height: 1.21428571em;
+ padding: 0.67857143em 1em;
+ font-size: 1em;
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0.28571429rem;
+ box-shadow: 0em 0em 0em 0em transparent inset;
+ transition: color 0.1s ease, border-color 0.1s ease;
+}
+
+/* Text Area */
+
+.ui.form textarea {
+ margin: 0em;
+ -webkit-appearance: none;
+ tap-highlight-color: rgba(255, 255, 255, 0);
+ padding: 0.78571429em 1em;
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ outline: none;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0.28571429rem;
+ box-shadow: 0em 0em 0em 0em transparent inset;
+ transition: color 0.1s ease, border-color 0.1s ease;
+ font-size: 1em;
+ line-height: 1.2857;
+ resize: vertical;
+}
+
+.ui.form textarea:not([rows]) {
+ height: 12em;
+ min-height: 8em;
+ max-height: 24em;
+}
+
+.ui.form textarea,
+.ui.form input[type="checkbox"] {
+ vertical-align: top;
+}
+
+/*--------------------------
+ Input w/ attached Button
+---------------------------*/
+
+.ui.form input.attached {
+ width: auto;
+}
+
+/*--------------------
+ Basic Select
+---------------------*/
+
+.ui.form select {
+ display: block;
+ height: auto;
+ width: 100%;
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+ box-shadow: 0em 0em 0em 0em transparent inset;
+ padding: 0.62em 1em;
+ color: rgba(0, 0, 0, 0.87);
+ transition: color 0.1s ease, border-color 0.1s ease;
+}
+
+/*--------------------
+ Dropdown
+---------------------*/
+
+/* Block */
+
+.ui.form .field > .selection.dropdown {
+ width: 100%;
+}
+
+.ui.form .field > .selection.dropdown > .dropdown.icon {
+ float: right;
+}
+
+/* Inline */
+
+.ui.form .inline.fields .field > .selection.dropdown,
+.ui.form .inline.field > .selection.dropdown {
+ width: auto;
+}
+
+.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
+.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
+ float: none;
+}
+
+/*--------------------
+ UI Input
+---------------------*/
+
+/* Block */
+
+.ui.form .field .ui.input,
+.ui.form .fields .field .ui.input,
+.ui.form .wide.field .ui.input {
+ width: 100%;
+}
+
+/* Inline */
+
+.ui.form .inline.fields .field:not(.wide) .ui.input,
+.ui.form .inline.field:not(.wide) .ui.input {
+ width: auto;
+ vertical-align: middle;
+}
+
+/* Auto Input */
+
+.ui.form .fields .field .ui.input input,
+.ui.form .field .ui.input input {
+ width: auto;
+}
+
+/* Full Width Input */
+
+.ui.form .ten.fields .ui.input input,
+.ui.form .nine.fields .ui.input input,
+.ui.form .eight.fields .ui.input input,
+.ui.form .seven.fields .ui.input input,
+.ui.form .six.fields .ui.input input,
+.ui.form .five.fields .ui.input input,
+.ui.form .four.fields .ui.input input,
+.ui.form .three.fields .ui.input input,
+.ui.form .two.fields .ui.input input,
+.ui.form .wide.field .ui.input input {
+ flex: 1 0 auto;
+ width: 0px;
+}
+
+/*--------------------
+ Types of Messages
+---------------------*/
+
+.ui.form .success.message,
+.ui.form .warning.message,
+.ui.form .error.message {
+ display: none;
+}
+
+/* Assumptions */
+
+.ui.form .message:first-child {
+ margin-top: 0px;
+}
+
+/*--------------------
+ Validation Prompt
+---------------------*/
+
+.ui.form .field .prompt.label {
+ white-space: normal;
+ background: #FFFFFF !important;
+ border: 1px solid #E0B4B4 !important;
+ color: #9F3A38 !important;
+}
+
+.ui.form .inline.fields .field .prompt,
+.ui.form .inline.field .prompt {
+ vertical-align: top;
+ margin: -0.25em 0em -0.5em 0.5em;
+}
+
+.ui.form .inline.fields .field .prompt:before,
+.ui.form .inline.field .prompt:before {
+ border-width: 0px 0px 1px 1px;
+ bottom: auto;
+ right: auto;
+ top: 50%;
+ left: 0em;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------------
+ Autofilled
+---------------------*/
+
+.ui.form .field.field input:-webkit-autofill {
+ box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
+ border-color: #E5DFA1 !important;
+}
+
+/* Focus */
+
+.ui.form .field.field input:-webkit-autofill:focus {
+ box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
+ border-color: #D5C315 !important;
+}
+
+/* Error */
+
+.ui.form .error.error input:-webkit-autofill {
+ box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
+ border-color: #E0B4B4 !important;
+}
+
+/*--------------------
+ Placeholder
+---------------------*/
+
+/* browsers require these rules separate */
+
+.ui.form ::-webkit-input-placeholder {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+.ui.form :-ms-input-placeholder {
+ color: rgba(191, 191, 191, 0.87) !important;
+}
+
+.ui.form ::-moz-placeholder {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+.ui.form :focus::-webkit-input-placeholder {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+.ui.form :focus:-ms-input-placeholder {
+ color: rgba(115, 115, 115, 0.87) !important;
+}
+
+.ui.form :focus::-moz-placeholder {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+/* Error Placeholder */
+
+.ui.form .error ::-webkit-input-placeholder {
+ color: #e7bdbc;
+}
+
+.ui.form .error :-ms-input-placeholder {
+ color: #e7bdbc !important;
+}
+
+.ui.form .error ::-moz-placeholder {
+ color: #e7bdbc;
+}
+
+.ui.form .error :focus::-webkit-input-placeholder {
+ color: #da9796;
+}
+
+.ui.form .error :focus:-ms-input-placeholder {
+ color: #da9796 !important;
+}
+
+.ui.form .error :focus::-moz-placeholder {
+ color: #da9796;
+}
+
+/*--------------------
+ Focus
+---------------------*/
+
+.ui.form input:not([type]):focus,
+.ui.form input[type="date"]:focus,
+.ui.form input[type="datetime-local"]:focus,
+.ui.form input[type="email"]:focus,
+.ui.form input[type="number"]:focus,
+.ui.form input[type="password"]:focus,
+.ui.form input[type="search"]:focus,
+.ui.form input[type="tel"]:focus,
+.ui.form input[type="time"]:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="file"]:focus,
+.ui.form input[type="url"]:focus {
+ color: rgba(0, 0, 0, 0.95);
+ border-color: #85B7D9;
+ border-radius: 0.28571429rem;
+ background: #FFFFFF;
+ box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
+}
+
+.ui.form textarea:focus {
+ color: rgba(0, 0, 0, 0.95);
+ border-color: #85B7D9;
+ border-radius: 0.28571429rem;
+ background: #FFFFFF;
+ box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
+ -webkit-appearance: none;
+}
+
+/*--------------------
+ Success
+---------------------*/
+
+/* On Form */
+
+.ui.form.success .success.message:not(:empty) {
+ display: block;
+}
+
+.ui.form.success .compact.success.message:not(:empty) {
+ display: inline-block;
+}
+
+.ui.form.success .icon.success.message:not(:empty) {
+ display: flex;
+}
+
+/*--------------------
+ Warning
+---------------------*/
+
+/* On Form */
+
+.ui.form.warning .warning.message:not(:empty) {
+ display: block;
+}
+
+.ui.form.warning .compact.warning.message:not(:empty) {
+ display: inline-block;
+}
+
+.ui.form.warning .icon.warning.message:not(:empty) {
+ display: flex;
+}
+
+/*--------------------
+ Error
+---------------------*/
+
+/* On Form */
+
+.ui.form.error .error.message:not(:empty) {
+ display: block;
+}
+
+.ui.form.error .compact.error.message:not(:empty) {
+ display: inline-block;
+}
+
+.ui.form.error .icon.error.message:not(:empty) {
+ display: flex;
+}
+
+/* On Field(s) */
+
+.ui.form .fields.error .field label,
+.ui.form .field.error label,
+.ui.form .fields.error .field .input,
+.ui.form .field.error .input {
+ color: #9F3A38;
+}
+
+.ui.form .fields.error .field .corner.label,
+.ui.form .field.error .corner.label {
+ border-color: #9F3A38;
+ color: #FFFFFF;
+}
+
+.ui.form .fields.error .field textarea,
+.ui.form .fields.error .field select,
+.ui.form .fields.error .field input:not([type]),
+.ui.form .fields.error .field input[type="date"],
+.ui.form .fields.error .field input[type="datetime-local"],
+.ui.form .fields.error .field input[type="email"],
+.ui.form .fields.error .field input[type="number"],
+.ui.form .fields.error .field input[type="password"],
+.ui.form .fields.error .field input[type="search"],
+.ui.form .fields.error .field input[type="tel"],
+.ui.form .fields.error .field input[type="time"],
+.ui.form .fields.error .field input[type="text"],
+.ui.form .fields.error .field input[type="file"],
+.ui.form .fields.error .field input[type="url"],
+.ui.form .field.error textarea,
+.ui.form .field.error select,
+.ui.form .field.error input:not([type]),
+.ui.form .field.error input[type="date"],
+.ui.form .field.error input[type="datetime-local"],
+.ui.form .field.error input[type="email"],
+.ui.form .field.error input[type="number"],
+.ui.form .field.error input[type="password"],
+.ui.form .field.error input[type="search"],
+.ui.form .field.error input[type="tel"],
+.ui.form .field.error input[type="time"],
+.ui.form .field.error input[type="text"],
+.ui.form .field.error input[type="file"],
+.ui.form .field.error input[type="url"] {
+ background: #FFF6F6;
+ border-color: #E0B4B4;
+ color: #9F3A38;
+ border-radius: '';
+ box-shadow: none;
+}
+
+.ui.form .field.error textarea:focus,
+.ui.form .field.error select:focus,
+.ui.form .field.error input:not([type]):focus,
+.ui.form .field.error input[type="date"]:focus,
+.ui.form .field.error input[type="datetime-local"]:focus,
+.ui.form .field.error input[type="email"]:focus,
+.ui.form .field.error input[type="number"]:focus,
+.ui.form .field.error input[type="password"]:focus,
+.ui.form .field.error input[type="search"]:focus,
+.ui.form .field.error input[type="tel"]:focus,
+.ui.form .field.error input[type="time"]:focus,
+.ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="file"]:focus,
+.ui.form .field.error input[type="url"]:focus {
+ background: #FFF6F6;
+ border-color: #E0B4B4;
+ color: #9F3A38;
+ -webkit-appearance: none;
+ box-shadow: none;
+}
+
+/* Preserve Native Select Stylings */
+
+.ui.form .field.error select {
+ -webkit-appearance: menulist-button;
+}
+
+/*------------------
+ Dropdown Error
+--------------------*/
+
+.ui.form .fields.error .field .ui.dropdown,
+.ui.form .fields.error .field .ui.dropdown .item,
+.ui.form .field.error .ui.dropdown,
+.ui.form .field.error .ui.dropdown .text,
+.ui.form .field.error .ui.dropdown .item {
+ background: #FFF6F6;
+ color: #9F3A38;
+}
+
+.ui.form .fields.error .field .ui.dropdown,
+.ui.form .field.error .ui.dropdown {
+ border-color: #E0B4B4 !important;
+}
+
+.ui.form .fields.error .field .ui.dropdown:hover,
+.ui.form .field.error .ui.dropdown:hover {
+ border-color: #E0B4B4 !important;
+}
+
+.ui.form .fields.error .field .ui.dropdown:hover .menu,
+.ui.form .field.error .ui.dropdown:hover .menu {
+ border-color: #E0B4B4;
+}
+
+.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
+.ui.form .field.error .ui.multiple.selection.dropdown > .label {
+ background-color: #EACBCB;
+ color: #9F3A38;
+}
+
+/* Hover */
+
+.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
+.ui.form .field.error .ui.dropdown .menu .item:hover {
+ background-color: #FBE7E7;
+}
+
+/* Selected */
+
+.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
+.ui.form .field.error .ui.dropdown .menu .selected.item {
+ background-color: #FBE7E7;
+}
+
+/* Active */
+
+.ui.form .fields.error .field .ui.dropdown .menu .active.item,
+.ui.form .field.error .ui.dropdown .menu .active.item {
+ background-color: #FDCFCF !important;
+}
+
+/*--------------------
+ Checkbox Error
+---------------------*/
+
+.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
+.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
+.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
+.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
+ color: #9F3A38;
+}
+
+.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
+.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
+.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
+.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
+ background: #FFF6F6;
+ border-color: #E0B4B4;
+}
+
+.ui.form .fields.error .field .checkbox label:after,
+.ui.form .field.error .checkbox label:after,
+.ui.form .fields.error .field .checkbox .box:after,
+.ui.form .field.error .checkbox .box:after {
+ color: #9F3A38;
+}
+
+/*--------------------
+ Disabled
+---------------------*/
+
+.ui.form .disabled.fields .field,
+.ui.form .disabled.field,
+.ui.form .field :disabled {
+ pointer-events: none;
+ opacity: 0.45;
+}
+
+.ui.form .field.disabled > label,
+.ui.form .fields.disabled > label {
+ opacity: 0.45;
+}
+
+.ui.form .field.disabled :disabled {
+ opacity: 1;
+}
+
+/*--------------
+ Loading
+---------------*/
+
+.ui.loading.form {
+ position: relative;
+ cursor: default;
+ pointer-events: none;
+}
+
+.ui.loading.form:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 0%;
+ background: rgba(255, 255, 255, 0.8);
+ width: 100%;
+ height: 100%;
+ z-index: 100;
+}
+
+.ui.loading.form:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -1.5em 0em 0em -1.5em;
+ width: 3em;
+ height: 3em;
+ -webkit-animation: form-spin 0.6s linear;
+ animation: form-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+ visibility: visible;
+ z-index: 101;
+}
+
+@-webkit-keyframes form-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes form-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/*******************************
+ Element Types
+*******************************/
+
+/*--------------------
+ Required Field
+---------------------*/
+
+.ui.form .required.fields:not(.grouped) > .field > label:after,
+.ui.form .required.fields.grouped > label:after,
+.ui.form .required.field > label:after,
+.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
+.ui.form .required.field > .checkbox:after {
+ margin: -0.2em 0em 0em 0.2em;
+ content: '*';
+ color: #DB2828;
+}
+
+.ui.form .required.fields:not(.grouped) > .field > label:after,
+.ui.form .required.fields.grouped > label:after,
+.ui.form .required.field > label:after {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
+.ui.form .required.field > .checkbox:after {
+ position: absolute;
+ top: 0%;
+ left: 100%;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------------
+ Inverted Colors
+---------------------*/
+
+.ui.inverted.form label,
+.ui.form .inverted.segment label,
+.ui.form .inverted.segment .ui.checkbox label,
+.ui.form .inverted.segment .ui.checkbox .box,
+.ui.inverted.form .ui.checkbox label,
+.ui.inverted.form .ui.checkbox .box,
+.ui.inverted.form .inline.fields > label,
+.ui.inverted.form .inline.fields .field > label,
+.ui.inverted.form .inline.fields .field > p,
+.ui.inverted.form .inline.field > label,
+.ui.inverted.form .inline.field > p {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Inverted Field */
+
+.ui.inverted.form input:not([type]),
+.ui.inverted.form input[type="date"],
+.ui.inverted.form input[type="datetime-local"],
+.ui.inverted.form input[type="email"],
+.ui.inverted.form input[type="number"],
+.ui.inverted.form input[type="password"],
+.ui.inverted.form input[type="search"],
+.ui.inverted.form input[type="tel"],
+.ui.inverted.form input[type="time"],
+.ui.inverted.form input[type="text"],
+.ui.inverted.form input[type="file"],
+.ui.inverted.form input[type="url"] {
+ background: #FFFFFF;
+ border-color: rgba(255, 255, 255, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+/*--------------------
+ Field Groups
+---------------------*/
+
+/* Grouped Vertically */
+
+.ui.form .grouped.fields {
+ display: block;
+ margin: 0em 0em 1em;
+}
+
+.ui.form .grouped.fields:last-child {
+ margin-bottom: 0em;
+}
+
+.ui.form .grouped.fields > label {
+ margin: 0em 0em 0.28571429rem 0em;
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 0.92857143em;
+ font-weight: bold;
+ text-transform: none;
+}
+
+.ui.form .grouped.fields .field,
+.ui.form .grouped.inline.fields .field {
+ display: block;
+ margin: 0.5em 0em;
+ padding: 0em;
+}
+
+/*--------------------
+ Fields
+---------------------*/
+
+/* Split fields */
+
+.ui.form .fields {
+ display: flex;
+ flex-direction: row;
+ margin: 0em -0.5em 1em;
+}
+
+.ui.form .fields > .field {
+ flex: 0 1 auto;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+
+.ui.form .fields > .field:first-child {
+ border-left: none;
+ box-shadow: none;
+}
+
+/* Other Combinations */
+
+.ui.form .two.fields > .fields,
+.ui.form .two.fields > .field {
+ width: 50%;
+}
+
+.ui.form .three.fields > .fields,
+.ui.form .three.fields > .field {
+ width: 33.33333333%;
+}
+
+.ui.form .four.fields > .fields,
+.ui.form .four.fields > .field {
+ width: 25%;
+}
+
+.ui.form .five.fields > .fields,
+.ui.form .five.fields > .field {
+ width: 20%;
+}
+
+.ui.form .six.fields > .fields,
+.ui.form .six.fields > .field {
+ width: 16.66666667%;
+}
+
+.ui.form .seven.fields > .fields,
+.ui.form .seven.fields > .field {
+ width: 14.28571429%;
+}
+
+.ui.form .eight.fields > .fields,
+.ui.form .eight.fields > .field {
+ width: 12.5%;
+}
+
+.ui.form .nine.fields > .fields,
+.ui.form .nine.fields > .field {
+ width: 11.11111111%;
+}
+
+.ui.form .ten.fields > .fields,
+.ui.form .ten.fields > .field {
+ width: 10%;
+}
+
+/* Swap to full width on mobile */
+
+@media only screen and (max-width: 767px) {
+ .ui.form .fields {
+ flex-wrap: wrap;
+ }
+
+ .ui[class*="equal width"].form:not(.unstackable) .fields > .field,
+ .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field {
+ width: 100% !important;
+ margin: 0em 0em 1em;
+ }
+}
+
+/* Sizing Combinations */
+
+.ui.form .fields .wide.field {
+ width: 6.25%;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+
+.ui.form .one.wide.field {
+ width: 6.25% !important;
+}
+
+.ui.form .two.wide.field {
+ width: 12.5% !important;
+}
+
+.ui.form .three.wide.field {
+ width: 18.75% !important;
+}
+
+.ui.form .four.wide.field {
+ width: 25% !important;
+}
+
+.ui.form .five.wide.field {
+ width: 31.25% !important;
+}
+
+.ui.form .six.wide.field {
+ width: 37.5% !important;
+}
+
+.ui.form .seven.wide.field {
+ width: 43.75% !important;
+}
+
+.ui.form .eight.wide.field {
+ width: 50% !important;
+}
+
+.ui.form .nine.wide.field {
+ width: 56.25% !important;
+}
+
+.ui.form .ten.wide.field {
+ width: 62.5% !important;
+}
+
+.ui.form .eleven.wide.field {
+ width: 68.75% !important;
+}
+
+.ui.form .twelve.wide.field {
+ width: 75% !important;
+}
+
+.ui.form .thirteen.wide.field {
+ width: 81.25% !important;
+}
+
+.ui.form .fourteen.wide.field {
+ width: 87.5% !important;
+}
+
+.ui.form .fifteen.wide.field {
+ width: 93.75% !important;
+}
+
+.ui.form .sixteen.wide.field {
+ width: 100% !important;
+}
+
+/* Swap to full width on mobile */
+
+@media only screen and (max-width: 767px) {
+ .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field {
+ width: 100% !important;
+ }
+
+ .ui.form .fields {
+ margin-bottom: 0em;
+ }
+}
+
+/*--------------------
+ Equal Width
+---------------------*/
+
+.ui[class*="equal width"].form .fields > .field,
+.ui.form [class*="equal width"].fields > .field {
+ width: 100%;
+ flex: 1 1 auto;
+}
+
+/*--------------------
+ Inline Fields
+---------------------*/
+
+.ui.form .inline.fields {
+ margin: 0em 0em 1em;
+ align-items: center;
+}
+
+.ui.form .inline.fields .field {
+ margin: 0em;
+ padding: 0em 1em 0em 0em;
+}
+
+/* Inline Label */
+
+.ui.form .inline.fields > label,
+.ui.form .inline.fields .field > label,
+.ui.form .inline.fields .field > p,
+.ui.form .inline.field > label,
+.ui.form .inline.field > p {
+ display: inline-block;
+ width: auto;
+ margin-top: 0em;
+ margin-bottom: 0em;
+ vertical-align: baseline;
+ font-size: 0.92857143em;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+ text-transform: none;
+}
+
+/* Grouped Inline Label */
+
+.ui.form .inline.fields > label {
+ margin: 0.035714em 1em 0em 0em;
+}
+
+/* Inline Input */
+
+.ui.form .inline.fields .field > input,
+.ui.form .inline.fields .field > select,
+.ui.form .inline.field > input,
+.ui.form .inline.field > select {
+ display: inline-block;
+ width: auto;
+ margin-top: 0em;
+ margin-bottom: 0em;
+ vertical-align: middle;
+ font-size: 1em;
+}
+
+/* Label */
+
+.ui.form .inline.fields .field > :first-child,
+.ui.form .inline.field > :first-child {
+ margin: 0em 0.85714286em 0em 0em;
+}
+
+.ui.form .inline.fields .field > :only-child,
+.ui.form .inline.field > :only-child {
+ margin: 0em;
+}
+
+/* Wide */
+
+.ui.form .inline.fields .wide.field {
+ display: flex;
+ align-items: center;
+}
+
+.ui.form .inline.fields .wide.field > input,
+.ui.form .inline.fields .wide.field > select {
+ width: 100%;
+}
+
+/*--------------------
+ Sizes
+---------------------*/
+
+.ui.mini.form {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.form {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.form {
+ font-size: 0.92857143rem;
+}
+
+.ui.form {
+ font-size: 1rem;
+}
+
+.ui.large.form {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.form {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.form {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.form {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Grid
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+.ui.grid {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: stretch;
+ padding: 0em;
+}
+
+/*----------------------
+ Remove Gutters
+-----------------------*/
+
+.ui.grid {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ margin-left: -1rem;
+ margin-right: -1rem;
+}
+
+.ui.relaxed.grid {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+}
+
+.ui[class*="very relaxed"].grid {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+}
+
+/* Preserve Rows Spacing on Consecutive Grids */
+
+.ui.grid + .grid {
+ margin-top: 1rem;
+}
+
+/*-------------------
+ Columns
+--------------------*/
+
+/* Standard 16 column */
+
+.ui.grid > .column:not(.row),
+.ui.grid > .row > .column {
+ position: relative;
+ display: inline-block;
+ width: 6.25%;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ vertical-align: top;
+}
+
+.ui.grid > * {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+/*-------------------
+ Rows
+--------------------*/
+
+.ui.grid > .row {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: inherit;
+ align-items: stretch;
+ width: 100% !important;
+ padding: 0rem;
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+/*-------------------
+ Columns
+--------------------*/
+
+/* Vertical padding when no rows */
+
+.ui.grid > .column:not(.row) {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.ui.grid > .row > .column {
+ margin-top: 0em;
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Content
+--------------------*/
+
+.ui.grid > .row > img,
+.ui.grid > .row > .column > img {
+ max-width: 100%;
+}
+
+/*-------------------
+ Loose Coupling
+--------------------*/
+
+/* Collapse Margin on Consecutive Grid */
+
+.ui.grid > .ui.grid:first-child {
+ margin-top: 0em;
+}
+
+.ui.grid > .ui.grid:last-child {
+ margin-bottom: 0em;
+}
+
+/* Segment inside Aligned Grid */
+
+.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
+.ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
+ width: 100%;
+}
+
+/* Align Dividers with Gutter */
+
+.ui.grid .row + .ui.divider {
+ flex-grow: 1;
+ margin: 1rem 1rem;
+}
+
+.ui.grid .column + .ui.vertical.divider {
+ height: calc(50% - (2rem / 2));
+}
+
+/* Remove Border on Last Horizontal Segment */
+
+.ui.grid > .row > .column:last-child > .horizontal.segment,
+.ui.grid > .column:last-child > .horizontal.segment {
+ box-shadow: none;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-----------------------
+ Page Grid
+-------------------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.page.grid {
+ width: auto;
+ padding-left: 0em;
+ padding-right: 0em;
+ margin-left: 0em;
+ margin-right: 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.page.grid {
+ width: auto;
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .ui.page.grid {
+ width: auto;
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-left: 3%;
+ padding-right: 3%;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1919px) {
+ .ui.page.grid {
+ width: auto;
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-left: 15%;
+ padding-right: 15%;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.page.grid {
+ width: auto;
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-left: 23%;
+ padding-right: 23%;
+ }
+}
+
+/*-------------------
+ Column Count
+--------------------*/
+
+/* Assume full width with one column */
+
+.ui.grid > .column:only-child,
+.ui.grid > .row > .column:only-child {
+ width: 100%;
+}
+
+/* Grid Based */
+
+.ui[class*="one column"].grid > .row > .column,
+.ui[class*="one column"].grid > .column:not(.row) {
+ width: 100%;
+}
+
+.ui[class*="two column"].grid > .row > .column,
+.ui[class*="two column"].grid > .column:not(.row) {
+ width: 50%;
+}
+
+.ui[class*="three column"].grid > .row > .column,
+.ui[class*="three column"].grid > .column:not(.row) {
+ width: 33.33333333%;
+}
+
+.ui[class*="four column"].grid > .row > .column,
+.ui[class*="four column"].grid > .column:not(.row) {
+ width: 25%;
+}
+
+.ui[class*="five column"].grid > .row > .column,
+.ui[class*="five column"].grid > .column:not(.row) {
+ width: 20%;
+}
+
+.ui[class*="six column"].grid > .row > .column,
+.ui[class*="six column"].grid > .column:not(.row) {
+ width: 16.66666667%;
+}
+
+.ui[class*="seven column"].grid > .row > .column,
+.ui[class*="seven column"].grid > .column:not(.row) {
+ width: 14.28571429%;
+}
+
+.ui[class*="eight column"].grid > .row > .column,
+.ui[class*="eight column"].grid > .column:not(.row) {
+ width: 12.5%;
+}
+
+.ui[class*="nine column"].grid > .row > .column,
+.ui[class*="nine column"].grid > .column:not(.row) {
+ width: 11.11111111%;
+}
+
+.ui[class*="ten column"].grid > .row > .column,
+.ui[class*="ten column"].grid > .column:not(.row) {
+ width: 10%;
+}
+
+.ui[class*="eleven column"].grid > .row > .column,
+.ui[class*="eleven column"].grid > .column:not(.row) {
+ width: 9.09090909%;
+}
+
+.ui[class*="twelve column"].grid > .row > .column,
+.ui[class*="twelve column"].grid > .column:not(.row) {
+ width: 8.33333333%;
+}
+
+.ui[class*="thirteen column"].grid > .row > .column,
+.ui[class*="thirteen column"].grid > .column:not(.row) {
+ width: 7.69230769%;
+}
+
+.ui[class*="fourteen column"].grid > .row > .column,
+.ui[class*="fourteen column"].grid > .column:not(.row) {
+ width: 7.14285714%;
+}
+
+.ui[class*="fifteen column"].grid > .row > .column,
+.ui[class*="fifteen column"].grid > .column:not(.row) {
+ width: 6.66666667%;
+}
+
+.ui[class*="sixteen column"].grid > .row > .column,
+.ui[class*="sixteen column"].grid > .column:not(.row) {
+ width: 6.25%;
+}
+
+/* Row Based Overrides */
+
+.ui.grid > [class*="one column"].row > .column {
+ width: 100% !important;
+}
+
+.ui.grid > [class*="two column"].row > .column {
+ width: 50% !important;
+}
+
+.ui.grid > [class*="three column"].row > .column {
+ width: 33.33333333% !important;
+}
+
+.ui.grid > [class*="four column"].row > .column {
+ width: 25% !important;
+}
+
+.ui.grid > [class*="five column"].row > .column {
+ width: 20% !important;
+}
+
+.ui.grid > [class*="six column"].row > .column {
+ width: 16.66666667% !important;
+}
+
+.ui.grid > [class*="seven column"].row > .column {
+ width: 14.28571429% !important;
+}
+
+.ui.grid > [class*="eight column"].row > .column {
+ width: 12.5% !important;
+}
+
+.ui.grid > [class*="nine column"].row > .column {
+ width: 11.11111111% !important;
+}
+
+.ui.grid > [class*="ten column"].row > .column {
+ width: 10% !important;
+}
+
+.ui.grid > [class*="eleven column"].row > .column {
+ width: 9.09090909% !important;
+}
+
+.ui.grid > [class*="twelve column"].row > .column {
+ width: 8.33333333% !important;
+}
+
+.ui.grid > [class*="thirteen column"].row > .column {
+ width: 7.69230769% !important;
+}
+
+.ui.grid > [class*="fourteen column"].row > .column {
+ width: 7.14285714% !important;
+}
+
+.ui.grid > [class*="fifteen column"].row > .column {
+ width: 6.66666667% !important;
+}
+
+.ui.grid > [class*="sixteen column"].row > .column {
+ width: 6.25% !important;
+}
+
+/* Celled Page */
+
+.ui.celled.page.grid {
+ box-shadow: none;
+}
+
+/*-------------------
+ Column Width
+--------------------*/
+
+/* Sizing Combinations */
+
+.ui.grid > .row > [class*="one wide"].column,
+.ui.grid > .column.row > [class*="one wide"].column,
+.ui.grid > [class*="one wide"].column,
+.ui.column.grid > [class*="one wide"].column {
+ width: 6.25% !important;
+}
+
+.ui.grid > .row > [class*="two wide"].column,
+.ui.grid > .column.row > [class*="two wide"].column,
+.ui.grid > [class*="two wide"].column,
+.ui.column.grid > [class*="two wide"].column {
+ width: 12.5% !important;
+}
+
+.ui.grid > .row > [class*="three wide"].column,
+.ui.grid > .column.row > [class*="three wide"].column,
+.ui.grid > [class*="three wide"].column,
+.ui.column.grid > [class*="three wide"].column {
+ width: 18.75% !important;
+}
+
+.ui.grid > .row > [class*="four wide"].column,
+.ui.grid > .column.row > [class*="four wide"].column,
+.ui.grid > [class*="four wide"].column,
+.ui.column.grid > [class*="four wide"].column {
+ width: 25% !important;
+}
+
+.ui.grid > .row > [class*="five wide"].column,
+.ui.grid > .column.row > [class*="five wide"].column,
+.ui.grid > [class*="five wide"].column,
+.ui.column.grid > [class*="five wide"].column {
+ width: 31.25% !important;
+}
+
+.ui.grid > .row > [class*="six wide"].column,
+.ui.grid > .column.row > [class*="six wide"].column,
+.ui.grid > [class*="six wide"].column,
+.ui.column.grid > [class*="six wide"].column {
+ width: 37.5% !important;
+}
+
+.ui.grid > .row > [class*="seven wide"].column,
+.ui.grid > .column.row > [class*="seven wide"].column,
+.ui.grid > [class*="seven wide"].column,
+.ui.column.grid > [class*="seven wide"].column {
+ width: 43.75% !important;
+}
+
+.ui.grid > .row > [class*="eight wide"].column,
+.ui.grid > .column.row > [class*="eight wide"].column,
+.ui.grid > [class*="eight wide"].column,
+.ui.column.grid > [class*="eight wide"].column {
+ width: 50% !important;
+}
+
+.ui.grid > .row > [class*="nine wide"].column,
+.ui.grid > .column.row > [class*="nine wide"].column,
+.ui.grid > [class*="nine wide"].column,
+.ui.column.grid > [class*="nine wide"].column {
+ width: 56.25% !important;
+}
+
+.ui.grid > .row > [class*="ten wide"].column,
+.ui.grid > .column.row > [class*="ten wide"].column,
+.ui.grid > [class*="ten wide"].column,
+.ui.column.grid > [class*="ten wide"].column {
+ width: 62.5% !important;
+}
+
+.ui.grid > .row > [class*="eleven wide"].column,
+.ui.grid > .column.row > [class*="eleven wide"].column,
+.ui.grid > [class*="eleven wide"].column,
+.ui.column.grid > [class*="eleven wide"].column {
+ width: 68.75% !important;
+}
+
+.ui.grid > .row > [class*="twelve wide"].column,
+.ui.grid > .column.row > [class*="twelve wide"].column,
+.ui.grid > [class*="twelve wide"].column,
+.ui.column.grid > [class*="twelve wide"].column {
+ width: 75% !important;
+}
+
+.ui.grid > .row > [class*="thirteen wide"].column,
+.ui.grid > .column.row > [class*="thirteen wide"].column,
+.ui.grid > [class*="thirteen wide"].column,
+.ui.column.grid > [class*="thirteen wide"].column {
+ width: 81.25% !important;
+}
+
+.ui.grid > .row > [class*="fourteen wide"].column,
+.ui.grid > .column.row > [class*="fourteen wide"].column,
+.ui.grid > [class*="fourteen wide"].column,
+.ui.column.grid > [class*="fourteen wide"].column {
+ width: 87.5% !important;
+}
+
+.ui.grid > .row > [class*="fifteen wide"].column,
+.ui.grid > .column.row > [class*="fifteen wide"].column,
+.ui.grid > [class*="fifteen wide"].column,
+.ui.column.grid > [class*="fifteen wide"].column {
+ width: 93.75% !important;
+}
+
+.ui.grid > .row > [class*="sixteen wide"].column,
+.ui.grid > .column.row > [class*="sixteen wide"].column,
+.ui.grid > [class*="sixteen wide"].column,
+.ui.column.grid > [class*="sixteen wide"].column {
+ width: 100% !important;
+}
+
+/*----------------------
+ Width per Device
+-----------------------*/
+
+/* Mobile Sizing Combinations */
+
+@media only screen and (min-width: 320px) and (max-width: 767px) {
+ .ui.grid > .row > [class*="one wide mobile"].column,
+ .ui.grid > .column.row > [class*="one wide mobile"].column,
+ .ui.grid > [class*="one wide mobile"].column,
+ .ui.column.grid > [class*="one wide mobile"].column {
+ width: 6.25% !important;
+ }
+
+ .ui.grid > .row > [class*="two wide mobile"].column,
+ .ui.grid > .column.row > [class*="two wide mobile"].column,
+ .ui.grid > [class*="two wide mobile"].column,
+ .ui.column.grid > [class*="two wide mobile"].column {
+ width: 12.5% !important;
+ }
+
+ .ui.grid > .row > [class*="three wide mobile"].column,
+ .ui.grid > .column.row > [class*="three wide mobile"].column,
+ .ui.grid > [class*="three wide mobile"].column,
+ .ui.column.grid > [class*="three wide mobile"].column {
+ width: 18.75% !important;
+ }
+
+ .ui.grid > .row > [class*="four wide mobile"].column,
+ .ui.grid > .column.row > [class*="four wide mobile"].column,
+ .ui.grid > [class*="four wide mobile"].column,
+ .ui.column.grid > [class*="four wide mobile"].column {
+ width: 25% !important;
+ }
+
+ .ui.grid > .row > [class*="five wide mobile"].column,
+ .ui.grid > .column.row > [class*="five wide mobile"].column,
+ .ui.grid > [class*="five wide mobile"].column,
+ .ui.column.grid > [class*="five wide mobile"].column {
+ width: 31.25% !important;
+ }
+
+ .ui.grid > .row > [class*="six wide mobile"].column,
+ .ui.grid > .column.row > [class*="six wide mobile"].column,
+ .ui.grid > [class*="six wide mobile"].column,
+ .ui.column.grid > [class*="six wide mobile"].column {
+ width: 37.5% !important;
+ }
+
+ .ui.grid > .row > [class*="seven wide mobile"].column,
+ .ui.grid > .column.row > [class*="seven wide mobile"].column,
+ .ui.grid > [class*="seven wide mobile"].column,
+ .ui.column.grid > [class*="seven wide mobile"].column {
+ width: 43.75% !important;
+ }
+
+ .ui.grid > .row > [class*="eight wide mobile"].column,
+ .ui.grid > .column.row > [class*="eight wide mobile"].column,
+ .ui.grid > [class*="eight wide mobile"].column,
+ .ui.column.grid > [class*="eight wide mobile"].column {
+ width: 50% !important;
+ }
+
+ .ui.grid > .row > [class*="nine wide mobile"].column,
+ .ui.grid > .column.row > [class*="nine wide mobile"].column,
+ .ui.grid > [class*="nine wide mobile"].column,
+ .ui.column.grid > [class*="nine wide mobile"].column {
+ width: 56.25% !important;
+ }
+
+ .ui.grid > .row > [class*="ten wide mobile"].column,
+ .ui.grid > .column.row > [class*="ten wide mobile"].column,
+ .ui.grid > [class*="ten wide mobile"].column,
+ .ui.column.grid > [class*="ten wide mobile"].column {
+ width: 62.5% !important;
+ }
+
+ .ui.grid > .row > [class*="eleven wide mobile"].column,
+ .ui.grid > .column.row > [class*="eleven wide mobile"].column,
+ .ui.grid > [class*="eleven wide mobile"].column,
+ .ui.column.grid > [class*="eleven wide mobile"].column {
+ width: 68.75% !important;
+ }
+
+ .ui.grid > .row > [class*="twelve wide mobile"].column,
+ .ui.grid > .column.row > [class*="twelve wide mobile"].column,
+ .ui.grid > [class*="twelve wide mobile"].column,
+ .ui.column.grid > [class*="twelve wide mobile"].column {
+ width: 75% !important;
+ }
+
+ .ui.grid > .row > [class*="thirteen wide mobile"].column,
+ .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
+ .ui.grid > [class*="thirteen wide mobile"].column,
+ .ui.column.grid > [class*="thirteen wide mobile"].column {
+ width: 81.25% !important;
+ }
+
+ .ui.grid > .row > [class*="fourteen wide mobile"].column,
+ .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
+ .ui.grid > [class*="fourteen wide mobile"].column,
+ .ui.column.grid > [class*="fourteen wide mobile"].column {
+ width: 87.5% !important;
+ }
+
+ .ui.grid > .row > [class*="fifteen wide mobile"].column,
+ .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
+ .ui.grid > [class*="fifteen wide mobile"].column,
+ .ui.column.grid > [class*="fifteen wide mobile"].column {
+ width: 93.75% !important;
+ }
+
+ .ui.grid > .row > [class*="sixteen wide mobile"].column,
+ .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
+ .ui.grid > [class*="sixteen wide mobile"].column,
+ .ui.column.grid > [class*="sixteen wide mobile"].column {
+ width: 100% !important;
+ }
+}
+
+/* Tablet Sizing Combinations */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.grid > .row > [class*="one wide tablet"].column,
+ .ui.grid > .column.row > [class*="one wide tablet"].column,
+ .ui.grid > [class*="one wide tablet"].column,
+ .ui.column.grid > [class*="one wide tablet"].column {
+ width: 6.25% !important;
+ }
+
+ .ui.grid > .row > [class*="two wide tablet"].column,
+ .ui.grid > .column.row > [class*="two wide tablet"].column,
+ .ui.grid > [class*="two wide tablet"].column,
+ .ui.column.grid > [class*="two wide tablet"].column {
+ width: 12.5% !important;
+ }
+
+ .ui.grid > .row > [class*="three wide tablet"].column,
+ .ui.grid > .column.row > [class*="three wide tablet"].column,
+ .ui.grid > [class*="three wide tablet"].column,
+ .ui.column.grid > [class*="three wide tablet"].column {
+ width: 18.75% !important;
+ }
+
+ .ui.grid > .row > [class*="four wide tablet"].column,
+ .ui.grid > .column.row > [class*="four wide tablet"].column,
+ .ui.grid > [class*="four wide tablet"].column,
+ .ui.column.grid > [class*="four wide tablet"].column {
+ width: 25% !important;
+ }
+
+ .ui.grid > .row > [class*="five wide tablet"].column,
+ .ui.grid > .column.row > [class*="five wide tablet"].column,
+ .ui.grid > [class*="five wide tablet"].column,
+ .ui.column.grid > [class*="five wide tablet"].column {
+ width: 31.25% !important;
+ }
+
+ .ui.grid > .row > [class*="six wide tablet"].column,
+ .ui.grid > .column.row > [class*="six wide tablet"].column,
+ .ui.grid > [class*="six wide tablet"].column,
+ .ui.column.grid > [class*="six wide tablet"].column {
+ width: 37.5% !important;
+ }
+
+ .ui.grid > .row > [class*="seven wide tablet"].column,
+ .ui.grid > .column.row > [class*="seven wide tablet"].column,
+ .ui.grid > [class*="seven wide tablet"].column,
+ .ui.column.grid > [class*="seven wide tablet"].column {
+ width: 43.75% !important;
+ }
+
+ .ui.grid > .row > [class*="eight wide tablet"].column,
+ .ui.grid > .column.row > [class*="eight wide tablet"].column,
+ .ui.grid > [class*="eight wide tablet"].column,
+ .ui.column.grid > [class*="eight wide tablet"].column {
+ width: 50% !important;
+ }
+
+ .ui.grid > .row > [class*="nine wide tablet"].column,
+ .ui.grid > .column.row > [class*="nine wide tablet"].column,
+ .ui.grid > [class*="nine wide tablet"].column,
+ .ui.column.grid > [class*="nine wide tablet"].column {
+ width: 56.25% !important;
+ }
+
+ .ui.grid > .row > [class*="ten wide tablet"].column,
+ .ui.grid > .column.row > [class*="ten wide tablet"].column,
+ .ui.grid > [class*="ten wide tablet"].column,
+ .ui.column.grid > [class*="ten wide tablet"].column {
+ width: 62.5% !important;
+ }
+
+ .ui.grid > .row > [class*="eleven wide tablet"].column,
+ .ui.grid > .column.row > [class*="eleven wide tablet"].column,
+ .ui.grid > [class*="eleven wide tablet"].column,
+ .ui.column.grid > [class*="eleven wide tablet"].column {
+ width: 68.75% !important;
+ }
+
+ .ui.grid > .row > [class*="twelve wide tablet"].column,
+ .ui.grid > .column.row > [class*="twelve wide tablet"].column,
+ .ui.grid > [class*="twelve wide tablet"].column,
+ .ui.column.grid > [class*="twelve wide tablet"].column {
+ width: 75% !important;
+ }
+
+ .ui.grid > .row > [class*="thirteen wide tablet"].column,
+ .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
+ .ui.grid > [class*="thirteen wide tablet"].column,
+ .ui.column.grid > [class*="thirteen wide tablet"].column {
+ width: 81.25% !important;
+ }
+
+ .ui.grid > .row > [class*="fourteen wide tablet"].column,
+ .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
+ .ui.grid > [class*="fourteen wide tablet"].column,
+ .ui.column.grid > [class*="fourteen wide tablet"].column {
+ width: 87.5% !important;
+ }
+
+ .ui.grid > .row > [class*="fifteen wide tablet"].column,
+ .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
+ .ui.grid > [class*="fifteen wide tablet"].column,
+ .ui.column.grid > [class*="fifteen wide tablet"].column {
+ width: 93.75% !important;
+ }
+
+ .ui.grid > .row > [class*="sixteen wide tablet"].column,
+ .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
+ .ui.grid > [class*="sixteen wide tablet"].column,
+ .ui.column.grid > [class*="sixteen wide tablet"].column {
+ width: 100% !important;
+ }
+}
+
+/* Computer/Desktop Sizing Combinations */
+
+@media only screen and (min-width: 992px) {
+ .ui.grid > .row > [class*="one wide computer"].column,
+ .ui.grid > .column.row > [class*="one wide computer"].column,
+ .ui.grid > [class*="one wide computer"].column,
+ .ui.column.grid > [class*="one wide computer"].column {
+ width: 6.25% !important;
+ }
+
+ .ui.grid > .row > [class*="two wide computer"].column,
+ .ui.grid > .column.row > [class*="two wide computer"].column,
+ .ui.grid > [class*="two wide computer"].column,
+ .ui.column.grid > [class*="two wide computer"].column {
+ width: 12.5% !important;
+ }
+
+ .ui.grid > .row > [class*="three wide computer"].column,
+ .ui.grid > .column.row > [class*="three wide computer"].column,
+ .ui.grid > [class*="three wide computer"].column,
+ .ui.column.grid > [class*="three wide computer"].column {
+ width: 18.75% !important;
+ }
+
+ .ui.grid > .row > [class*="four wide computer"].column,
+ .ui.grid > .column.row > [class*="four wide computer"].column,
+ .ui.grid > [class*="four wide computer"].column,
+ .ui.column.grid > [class*="four wide computer"].column {
+ width: 25% !important;
+ }
+
+ .ui.grid > .row > [class*="five wide computer"].column,
+ .ui.grid > .column.row > [class*="five wide computer"].column,
+ .ui.grid > [class*="five wide computer"].column,
+ .ui.column.grid > [class*="five wide computer"].column {
+ width: 31.25% !important;
+ }
+
+ .ui.grid > .row > [class*="six wide computer"].column,
+ .ui.grid > .column.row > [class*="six wide computer"].column,
+ .ui.grid > [class*="six wide computer"].column,
+ .ui.column.grid > [class*="six wide computer"].column {
+ width: 37.5% !important;
+ }
+
+ .ui.grid > .row > [class*="seven wide computer"].column,
+ .ui.grid > .column.row > [class*="seven wide computer"].column,
+ .ui.grid > [class*="seven wide computer"].column,
+ .ui.column.grid > [class*="seven wide computer"].column {
+ width: 43.75% !important;
+ }
+
+ .ui.grid > .row > [class*="eight wide computer"].column,
+ .ui.grid > .column.row > [class*="eight wide computer"].column,
+ .ui.grid > [class*="eight wide computer"].column,
+ .ui.column.grid > [class*="eight wide computer"].column {
+ width: 50% !important;
+ }
+
+ .ui.grid > .row > [class*="nine wide computer"].column,
+ .ui.grid > .column.row > [class*="nine wide computer"].column,
+ .ui.grid > [class*="nine wide computer"].column,
+ .ui.column.grid > [class*="nine wide computer"].column {
+ width: 56.25% !important;
+ }
+
+ .ui.grid > .row > [class*="ten wide computer"].column,
+ .ui.grid > .column.row > [class*="ten wide computer"].column,
+ .ui.grid > [class*="ten wide computer"].column,
+ .ui.column.grid > [class*="ten wide computer"].column {
+ width: 62.5% !important;
+ }
+
+ .ui.grid > .row > [class*="eleven wide computer"].column,
+ .ui.grid > .column.row > [class*="eleven wide computer"].column,
+ .ui.grid > [class*="eleven wide computer"].column,
+ .ui.column.grid > [class*="eleven wide computer"].column {
+ width: 68.75% !important;
+ }
+
+ .ui.grid > .row > [class*="twelve wide computer"].column,
+ .ui.grid > .column.row > [class*="twelve wide computer"].column,
+ .ui.grid > [class*="twelve wide computer"].column,
+ .ui.column.grid > [class*="twelve wide computer"].column {
+ width: 75% !important;
+ }
+
+ .ui.grid > .row > [class*="thirteen wide computer"].column,
+ .ui.grid > .column.row > [class*="thirteen wide computer"].column,
+ .ui.grid > [class*="thirteen wide computer"].column,
+ .ui.column.grid > [class*="thirteen wide computer"].column {
+ width: 81.25% !important;
+ }
+
+ .ui.grid > .row > [class*="fourteen wide computer"].column,
+ .ui.grid > .column.row > [class*="fourteen wide computer"].column,
+ .ui.grid > [class*="fourteen wide computer"].column,
+ .ui.column.grid > [class*="fourteen wide computer"].column {
+ width: 87.5% !important;
+ }
+
+ .ui.grid > .row > [class*="fifteen wide computer"].column,
+ .ui.grid > .column.row > [class*="fifteen wide computer"].column,
+ .ui.grid > [class*="fifteen wide computer"].column,
+ .ui.column.grid > [class*="fifteen wide computer"].column {
+ width: 93.75% !important;
+ }
+
+ .ui.grid > .row > [class*="sixteen wide computer"].column,
+ .ui.grid > .column.row > [class*="sixteen wide computer"].column,
+ .ui.grid > [class*="sixteen wide computer"].column,
+ .ui.column.grid > [class*="sixteen wide computer"].column {
+ width: 100% !important;
+ }
+}
+
+/* Large Monitor Sizing Combinations */
+
+@media only screen and (min-width: 1200px) and (max-width: 1919px) {
+ .ui.grid > .row > [class*="one wide large screen"].column,
+ .ui.grid > .column.row > [class*="one wide large screen"].column,
+ .ui.grid > [class*="one wide large screen"].column,
+ .ui.column.grid > [class*="one wide large screen"].column {
+ width: 6.25% !important;
+ }
+
+ .ui.grid > .row > [class*="two wide large screen"].column,
+ .ui.grid > .column.row > [class*="two wide large screen"].column,
+ .ui.grid > [class*="two wide large screen"].column,
+ .ui.column.grid > [class*="two wide large screen"].column {
+ width: 12.5% !important;
+ }
+
+ .ui.grid > .row > [class*="three wide large screen"].column,
+ .ui.grid > .column.row > [class*="three wide large screen"].column,
+ .ui.grid > [class*="three wide large screen"].column,
+ .ui.column.grid > [class*="three wide large screen"].column {
+ width: 18.75% !important;
+ }
+
+ .ui.grid > .row > [class*="four wide large screen"].column,
+ .ui.grid > .column.row > [class*="four wide large screen"].column,
+ .ui.grid > [class*="four wide large screen"].column,
+ .ui.column.grid > [class*="four wide large screen"].column {
+ width: 25% !important;
+ }
+
+ .ui.grid > .row > [class*="five wide large screen"].column,
+ .ui.grid > .column.row > [class*="five wide large screen"].column,
+ .ui.grid > [class*="five wide large screen"].column,
+ .ui.column.grid > [class*="five wide large screen"].column {
+ width: 31.25% !important;
+ }
+
+ .ui.grid > .row > [class*="six wide large screen"].column,
+ .ui.grid > .column.row > [class*="six wide large screen"].column,
+ .ui.grid > [class*="six wide large screen"].column,
+ .ui.column.grid > [class*="six wide large screen"].column {
+ width: 37.5% !important;
+ }
+
+ .ui.grid > .row > [class*="seven wide large screen"].column,
+ .ui.grid > .column.row > [class*="seven wide large screen"].column,
+ .ui.grid > [class*="seven wide large screen"].column,
+ .ui.column.grid > [class*="seven wide large screen"].column {
+ width: 43.75% !important;
+ }
+
+ .ui.grid > .row > [class*="eight wide large screen"].column,
+ .ui.grid > .column.row > [class*="eight wide large screen"].column,
+ .ui.grid > [class*="eight wide large screen"].column,
+ .ui.column.grid > [class*="eight wide large screen"].column {
+ width: 50% !important;
+ }
+
+ .ui.grid > .row > [class*="nine wide large screen"].column,
+ .ui.grid > .column.row > [class*="nine wide large screen"].column,
+ .ui.grid > [class*="nine wide large screen"].column,
+ .ui.column.grid > [class*="nine wide large screen"].column {
+ width: 56.25% !important;
+ }
+
+ .ui.grid > .row > [class*="ten wide large screen"].column,
+ .ui.grid > .column.row > [class*="ten wide large screen"].column,
+ .ui.grid > [class*="ten wide large screen"].column,
+ .ui.column.grid > [class*="ten wide large screen"].column {
+ width: 62.5% !important;
+ }
+
+ .ui.grid > .row > [class*="eleven wide large screen"].column,
+ .ui.grid > .column.row > [class*="eleven wide large screen"].column,
+ .ui.grid > [class*="eleven wide large screen"].column,
+ .ui.column.grid > [class*="eleven wide large screen"].column {
+ width: 68.75% !important;
+ }
+
+ .ui.grid > .row > [class*="twelve wide large screen"].column,
+ .ui.grid > .column.row > [class*="twelve wide large screen"].column,
+ .ui.grid > [class*="twelve wide large screen"].column,
+ .ui.column.grid > [class*="twelve wide large screen"].column {
+ width: 75% !important;
+ }
+
+ .ui.grid > .row > [class*="thirteen wide large screen"].column,
+ .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
+ .ui.grid > [class*="thirteen wide large screen"].column,
+ .ui.column.grid > [class*="thirteen wide large screen"].column {
+ width: 81.25% !important;
+ }
+
+ .ui.grid > .row > [class*="fourteen wide large screen"].column,
+ .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
+ .ui.grid > [class*="fourteen wide large screen"].column,
+ .ui.column.grid > [class*="fourteen wide large screen"].column {
+ width: 87.5% !important;
+ }
+
+ .ui.grid > .row > [class*="fifteen wide large screen"].column,
+ .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
+ .ui.grid > [class*="fifteen wide large screen"].column,
+ .ui.column.grid > [class*="fifteen wide large screen"].column {
+ width: 93.75% !important;
+ }
+
+ .ui.grid > .row > [class*="sixteen wide large screen"].column,
+ .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
+ .ui.grid > [class*="sixteen wide large screen"].column,
+ .ui.column.grid > [class*="sixteen wide large screen"].column {
+ width: 100% !important;
+ }
+}
+
+/* Widescreen Sizing Combinations */
+
+@media only screen and (min-width: 1920px) {
+ .ui.grid > .row > [class*="one wide widescreen"].column,
+ .ui.grid > .column.row > [class*="one wide widescreen"].column,
+ .ui.grid > [class*="one wide widescreen"].column,
+ .ui.column.grid > [class*="one wide widescreen"].column {
+ width: 6.25% !important;
+ }
+
+ .ui.grid > .row > [class*="two wide widescreen"].column,
+ .ui.grid > .column.row > [class*="two wide widescreen"].column,
+ .ui.grid > [class*="two wide widescreen"].column,
+ .ui.column.grid > [class*="two wide widescreen"].column {
+ width: 12.5% !important;
+ }
+
+ .ui.grid > .row > [class*="three wide widescreen"].column,
+ .ui.grid > .column.row > [class*="three wide widescreen"].column,
+ .ui.grid > [class*="three wide widescreen"].column,
+ .ui.column.grid > [class*="three wide widescreen"].column {
+ width: 18.75% !important;
+ }
+
+ .ui.grid > .row > [class*="four wide widescreen"].column,
+ .ui.grid > .column.row > [class*="four wide widescreen"].column,
+ .ui.grid > [class*="four wide widescreen"].column,
+ .ui.column.grid > [class*="four wide widescreen"].column {
+ width: 25% !important;
+ }
+
+ .ui.grid > .row > [class*="five wide widescreen"].column,
+ .ui.grid > .column.row > [class*="five wide widescreen"].column,
+ .ui.grid > [class*="five wide widescreen"].column,
+ .ui.column.grid > [class*="five wide widescreen"].column {
+ width: 31.25% !important;
+ }
+
+ .ui.grid > .row > [class*="six wide widescreen"].column,
+ .ui.grid > .column.row > [class*="six wide widescreen"].column,
+ .ui.grid > [class*="six wide widescreen"].column,
+ .ui.column.grid > [class*="six wide widescreen"].column {
+ width: 37.5% !important;
+ }
+
+ .ui.grid > .row > [class*="seven wide widescreen"].column,
+ .ui.grid > .column.row > [class*="seven wide widescreen"].column,
+ .ui.grid > [class*="seven wide widescreen"].column,
+ .ui.column.grid > [class*="seven wide widescreen"].column {
+ width: 43.75% !important;
+ }
+
+ .ui.grid > .row > [class*="eight wide widescreen"].column,
+ .ui.grid > .column.row > [class*="eight wide widescreen"].column,
+ .ui.grid > [class*="eight wide widescreen"].column,
+ .ui.column.grid > [class*="eight wide widescreen"].column {
+ width: 50% !important;
+ }
+
+ .ui.grid > .row > [class*="nine wide widescreen"].column,
+ .ui.grid > .column.row > [class*="nine wide widescreen"].column,
+ .ui.grid > [class*="nine wide widescreen"].column,
+ .ui.column.grid > [class*="nine wide widescreen"].column {
+ width: 56.25% !important;
+ }
+
+ .ui.grid > .row > [class*="ten wide widescreen"].column,
+ .ui.grid > .column.row > [class*="ten wide widescreen"].column,
+ .ui.grid > [class*="ten wide widescreen"].column,
+ .ui.column.grid > [class*="ten wide widescreen"].column {
+ width: 62.5% !important;
+ }
+
+ .ui.grid > .row > [class*="eleven wide widescreen"].column,
+ .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
+ .ui.grid > [class*="eleven wide widescreen"].column,
+ .ui.column.grid > [class*="eleven wide widescreen"].column {
+ width: 68.75% !important;
+ }
+
+ .ui.grid > .row > [class*="twelve wide widescreen"].column,
+ .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
+ .ui.grid > [class*="twelve wide widescreen"].column,
+ .ui.column.grid > [class*="twelve wide widescreen"].column {
+ width: 75% !important;
+ }
+
+ .ui.grid > .row > [class*="thirteen wide widescreen"].column,
+ .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
+ .ui.grid > [class*="thirteen wide widescreen"].column,
+ .ui.column.grid > [class*="thirteen wide widescreen"].column {
+ width: 81.25% !important;
+ }
+
+ .ui.grid > .row > [class*="fourteen wide widescreen"].column,
+ .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
+ .ui.grid > [class*="fourteen wide widescreen"].column,
+ .ui.column.grid > [class*="fourteen wide widescreen"].column {
+ width: 87.5% !important;
+ }
+
+ .ui.grid > .row > [class*="fifteen wide widescreen"].column,
+ .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
+ .ui.grid > [class*="fifteen wide widescreen"].column,
+ .ui.column.grid > [class*="fifteen wide widescreen"].column {
+ width: 93.75% !important;
+ }
+
+ .ui.grid > .row > [class*="sixteen wide widescreen"].column,
+ .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
+ .ui.grid > [class*="sixteen wide widescreen"].column,
+ .ui.column.grid > [class*="sixteen wide widescreen"].column {
+ width: 100% !important;
+ }
+}
+
+/*----------------------
+ Centered
+-----------------------*/
+
+.ui.centered.grid,
+.ui.centered.grid > .row,
+.ui.grid > .centered.row {
+ text-align: center;
+ justify-content: center;
+}
+
+.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
+.ui.centered.grid > .row > .column:not(.aligned):not(.justified),
+.ui.grid .centered.row > .column:not(.aligned):not(.justified) {
+ text-align: left;
+}
+
+.ui.grid > .centered.column,
+.ui.grid > .row > .centered.column {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/*----------------------
+ Relaxed
+-----------------------*/
+
+.ui.relaxed.grid > .column:not(.row),
+.ui.relaxed.grid > .row > .column,
+.ui.grid > .relaxed.row > .column {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.ui[class*="very relaxed"].grid > .column:not(.row),
+.ui[class*="very relaxed"].grid > .row > .column,
+.ui.grid > [class*="very relaxed"].row > .column {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+}
+
+/* Coupling with UI Divider */
+
+.ui.relaxed.grid .row + .ui.divider,
+.ui.grid .relaxed.row + .ui.divider {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+}
+
+.ui[class*="very relaxed"].grid .row + .ui.divider,
+.ui.grid [class*="very relaxed"].row + .ui.divider {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+}
+
+/*----------------------
+ Padded
+-----------------------*/
+
+.ui.padded.grid:not(.vertically):not(.horizontally) {
+ margin: 0em !important;
+}
+
+[class*="horizontally padded"].ui.grid {
+ margin-left: 0em !important;
+ margin-right: 0em !important;
+}
+
+[class*="vertically padded"].ui.grid {
+ margin-top: 0em !important;
+ margin-bottom: 0em !important;
+}
+
+/*----------------------
+ "Floated"
+-----------------------*/
+
+.ui.grid [class*="left floated"].column {
+ margin-right: auto;
+}
+
+.ui.grid [class*="right floated"].column {
+ margin-left: auto;
+}
+
+/*----------------------
+ Divided
+-----------------------*/
+
+.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
+.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
+ box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Swap from padding to margin on columns to have dividers align */
+
+.ui[class*="vertically divided"].grid > .column:not(.row),
+.ui[class*="vertically divided"].grid > .row > .column {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ padding-top: 0rem;
+ padding-bottom: 0rem;
+}
+
+.ui[class*="vertically divided"].grid > .row {
+ margin-top: 0em;
+ margin-bottom: 0em;
+}
+
+/* No divider on first column on row */
+
+.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
+.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
+ box-shadow: none;
+}
+
+/* No space on top of first row */
+
+.ui[class*="vertically divided"].grid > .row:first-child > .column {
+ margin-top: 0em;
+}
+
+/* Divided Row */
+
+.ui.grid > .divided.row > .column {
+ box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+.ui.grid > .divided.row > .column:first-child {
+ box-shadow: none;
+}
+
+/* Vertically Divided */
+
+.ui[class*="vertically divided"].grid > .row {
+ position: relative;
+}
+
+.ui[class*="vertically divided"].grid > .row:before {
+ position: absolute;
+ content: "";
+ top: 0em;
+ left: 0px;
+ width: calc(100% - 2rem);
+ height: 1px;
+ margin: 0% 1rem;
+ box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Padded Horizontally Divided */
+
+[class*="horizontally padded"].ui.divided.grid,
+.ui.padded.divided.grid:not(.vertically):not(.horizontally) {
+ width: 100%;
+}
+
+/* First Row Vertically Divided */
+
+.ui[class*="vertically divided"].grid > .row:first-child:before {
+ box-shadow: none;
+}
+
+/* Inverted Divided */
+
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
+ box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
+}
+
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
+ box-shadow: none;
+}
+
+.ui.inverted[class*="vertically divided"].grid > .row:before {
+ box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
+}
+
+/* Relaxed */
+
+.ui.relaxed[class*="vertically divided"].grid > .row:before {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ width: calc(100% - 3rem);
+}
+
+.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ width: calc(100% - 5rem);
+}
+
+/*----------------------
+ Celled
+-----------------------*/
+
+.ui.celled.grid {
+ width: 100%;
+ margin: 1em 0em;
+ box-shadow: 0px 0px 0px 1px #D4D4D5;
+}
+
+.ui.celled.grid > .row {
+ width: 100% !important;
+ margin: 0em;
+ padding: 0em;
+ box-shadow: 0px -1px 0px 0px #D4D4D5;
+}
+
+.ui.celled.grid > .column:not(.row),
+.ui.celled.grid > .row > .column {
+ box-shadow: -1px 0px 0px 0px #D4D4D5;
+}
+
+.ui.celled.grid > .column:first-child,
+.ui.celled.grid > .row > .column:first-child {
+ box-shadow: none;
+}
+
+.ui.celled.grid > .column:not(.row),
+.ui.celled.grid > .row > .column {
+ padding: 1em;
+}
+
+.ui.relaxed.celled.grid > .column:not(.row),
+.ui.relaxed.celled.grid > .row > .column {
+ padding: 1.5em;
+}
+
+.ui[class*="very relaxed"].celled.grid > .column:not(.row),
+.ui[class*="very relaxed"].celled.grid > .row > .column {
+ padding: 2em;
+}
+
+/* Internally Celled */
+
+.ui[class*="internally celled"].grid {
+ box-shadow: none;
+ margin: 0em;
+}
+
+.ui[class*="internally celled"].grid > .row:first-child {
+ box-shadow: none;
+}
+
+.ui[class*="internally celled"].grid > .row > .column:first-child {
+ box-shadow: none;
+}
+
+/*----------------------
+ Vertically Aligned
+-----------------------*/
+
+/* Top Aligned */
+
+.ui[class*="top aligned"].grid > .column:not(.row),
+.ui[class*="top aligned"].grid > .row > .column,
+.ui.grid > [class*="top aligned"].row > .column,
+.ui.grid > [class*="top aligned"].column:not(.row),
+.ui.grid > .row > [class*="top aligned"].column {
+ flex-direction: column;
+ vertical-align: top;
+ align-self: flex-start !important;
+}
+
+/* Middle Aligned */
+
+.ui[class*="middle aligned"].grid > .column:not(.row),
+.ui[class*="middle aligned"].grid > .row > .column,
+.ui.grid > [class*="middle aligned"].row > .column,
+.ui.grid > [class*="middle aligned"].column:not(.row),
+.ui.grid > .row > [class*="middle aligned"].column {
+ flex-direction: column;
+ vertical-align: middle;
+ align-self: center !important;
+}
+
+/* Bottom Aligned */
+
+.ui[class*="bottom aligned"].grid > .column:not(.row),
+.ui[class*="bottom aligned"].grid > .row > .column,
+.ui.grid > [class*="bottom aligned"].row > .column,
+.ui.grid > [class*="bottom aligned"].column:not(.row),
+.ui.grid > .row > [class*="bottom aligned"].column {
+ flex-direction: column;
+ vertical-align: bottom;
+ align-self: flex-end !important;
+}
+
+/* Stretched */
+
+.ui.stretched.grid > .row > .column,
+.ui.stretched.grid > .column,
+.ui.grid > .stretched.row > .column,
+.ui.grid > .stretched.column:not(.row),
+.ui.grid > .row > .stretched.column {
+ display: inline-flex !important;
+ align-self: stretch;
+ flex-direction: column;
+}
+
+.ui.stretched.grid > .row > .column > *,
+.ui.stretched.grid > .column > *,
+.ui.grid > .stretched.row > .column > *,
+.ui.grid > .stretched.column:not(.row) > *,
+.ui.grid > .row > .stretched.column > * {
+ flex-grow: 1;
+}
+
+/*----------------------
+ Horizontally Centered
+-----------------------*/
+
+/* Left Aligned */
+
+.ui[class*="left aligned"].grid > .column,
+.ui[class*="left aligned"].grid > .row > .column,
+.ui.grid > [class*="left aligned"].row > .column,
+.ui.grid > [class*="left aligned"].column.column,
+.ui.grid > .row > [class*="left aligned"].column.column {
+ text-align: left;
+ align-self: inherit;
+}
+
+/* Center Aligned */
+
+.ui[class*="center aligned"].grid > .column,
+.ui[class*="center aligned"].grid > .row > .column,
+.ui.grid > [class*="center aligned"].row > .column,
+.ui.grid > [class*="center aligned"].column.column,
+.ui.grid > .row > [class*="center aligned"].column.column {
+ text-align: center;
+ align-self: inherit;
+}
+
+.ui[class*="center aligned"].grid {
+ justify-content: center;
+}
+
+/* Right Aligned */
+
+.ui[class*="right aligned"].grid > .column,
+.ui[class*="right aligned"].grid > .row > .column,
+.ui.grid > [class*="right aligned"].row > .column,
+.ui.grid > [class*="right aligned"].column.column,
+.ui.grid > .row > [class*="right aligned"].column.column {
+ text-align: right;
+ align-self: inherit;
+}
+
+/* Justified */
+
+.ui.justified.grid > .column,
+.ui.justified.grid > .row > .column,
+.ui.grid > .justified.row > .column,
+.ui.grid > .justified.column.column,
+.ui.grid > .row > .justified.column.column {
+ text-align: justify;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ hyphens: auto;
+}
+
+/*----------------------
+ Colored
+-----------------------*/
+
+.ui.grid > .row > .red.column,
+.ui.grid > .row > .orange.column,
+.ui.grid > .row > .yellow.column,
+.ui.grid > .row > .olive.column,
+.ui.grid > .row > .green.column,
+.ui.grid > .row > .teal.column,
+.ui.grid > .row > .blue.column,
+.ui.grid > .row > .violet.column,
+.ui.grid > .row > .purple.column,
+.ui.grid > .row > .pink.column,
+.ui.grid > .row > .brown.column,
+.ui.grid > .row > .grey.column,
+.ui.grid > .row > .black.column {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+/* Red */
+
+.ui.grid > .red.row,
+.ui.grid > .red.column,
+.ui.grid > .row > .red.column {
+ background-color: #DB2828 !important;
+ color: #FFFFFF;
+}
+
+/* Orange */
+
+.ui.grid > .orange.row,
+.ui.grid > .orange.column,
+.ui.grid > .row > .orange.column {
+ background-color: #F2711C !important;
+ color: #FFFFFF;
+}
+
+/* Yellow */
+
+.ui.grid > .yellow.row,
+.ui.grid > .yellow.column,
+.ui.grid > .row > .yellow.column {
+ background-color: #FBBD08 !important;
+ color: #FFFFFF;
+}
+
+/* Olive */
+
+.ui.grid > .olive.row,
+.ui.grid > .olive.column,
+.ui.grid > .row > .olive.column {
+ background-color: #B5CC18 !important;
+ color: #FFFFFF;
+}
+
+/* Green */
+
+.ui.grid > .green.row,
+.ui.grid > .green.column,
+.ui.grid > .row > .green.column {
+ background-color: #21BA45 !important;
+ color: #FFFFFF;
+}
+
+/* Teal */
+
+.ui.grid > .teal.row,
+.ui.grid > .teal.column,
+.ui.grid > .row > .teal.column {
+ background-color: #00B5AD !important;
+ color: #FFFFFF;
+}
+
+/* Blue */
+
+.ui.grid > .blue.row,
+.ui.grid > .blue.column,
+.ui.grid > .row > .blue.column {
+ background-color: #2185D0 !important;
+ color: #FFFFFF;
+}
+
+/* Violet */
+
+.ui.grid > .violet.row,
+.ui.grid > .violet.column,
+.ui.grid > .row > .violet.column {
+ background-color: #6435C9 !important;
+ color: #FFFFFF;
+}
+
+/* Purple */
+
+.ui.grid > .purple.row,
+.ui.grid > .purple.column,
+.ui.grid > .row > .purple.column {
+ background-color: #A333C8 !important;
+ color: #FFFFFF;
+}
+
+/* Pink */
+
+.ui.grid > .pink.row,
+.ui.grid > .pink.column,
+.ui.grid > .row > .pink.column {
+ background-color: #E03997 !important;
+ color: #FFFFFF;
+}
+
+/* Brown */
+
+.ui.grid > .brown.row,
+.ui.grid > .brown.column,
+.ui.grid > .row > .brown.column {
+ background-color: #A5673F !important;
+ color: #FFFFFF;
+}
+
+/* Grey */
+
+.ui.grid > .grey.row,
+.ui.grid > .grey.column,
+.ui.grid > .row > .grey.column {
+ background-color: #767676 !important;
+ color: #FFFFFF;
+}
+
+/* Black */
+
+.ui.grid > .black.row,
+.ui.grid > .black.column,
+.ui.grid > .row > .black.column {
+ background-color: #1B1C1D !important;
+ color: #FFFFFF;
+}
+
+/*----------------------
+ Equal Width
+-----------------------*/
+
+.ui[class*="equal width"].grid > .column:not(.row),
+.ui[class*="equal width"].grid > .row > .column,
+.ui.grid > [class*="equal width"].row > .column {
+ display: inline-block;
+ flex-grow: 1;
+}
+
+.ui[class*="equal width"].grid > .wide.column,
+.ui[class*="equal width"].grid > .row > .wide.column,
+.ui.grid > [class*="equal width"].row > .wide.column {
+ flex-grow: 0;
+}
+
+/*----------------------
+ Reverse
+-----------------------*/
+
+/* Mobile */
+
+@media only screen and (max-width: 767px) {
+ .ui[class*="mobile reversed"].grid,
+ .ui[class*="mobile reversed"].grid > .row,
+ .ui.grid > [class*="mobile reversed"].row {
+ flex-direction: row-reverse;
+ }
+
+ .ui[class*="mobile vertically reversed"].grid,
+ .ui.stackable[class*="mobile reversed"] {
+ flex-direction: column-reverse;
+ }
+
+ /* Divided Reversed */
+
+ .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
+ .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
+ .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
+ box-shadow: none;
+ }
+
+ /* Vertically Divided Reversed */
+
+ .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
+ box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
+ box-shadow: none;
+ }
+
+ /* Celled Reversed */
+
+ .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px #D4D4D5;
+ }
+
+ .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
+ box-shadow: none;
+ }
+}
+
+/* Tablet */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui[class*="tablet reversed"].grid,
+ .ui[class*="tablet reversed"].grid > .row,
+ .ui.grid > [class*="tablet reversed"].row {
+ flex-direction: row-reverse;
+ }
+
+ .ui[class*="tablet vertically reversed"].grid {
+ flex-direction: column-reverse;
+ }
+
+ /* Divided Reversed */
+
+ .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
+ .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
+ .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
+ box-shadow: none;
+ }
+
+ /* Vertically Divided Reversed */
+
+ .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
+ box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
+ box-shadow: none;
+ }
+
+ /* Celled Reversed */
+
+ .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px #D4D4D5;
+ }
+
+ .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
+ box-shadow: none;
+ }
+}
+
+/* Computer */
+
+@media only screen and (min-width: 992px) {
+ .ui[class*="computer reversed"].grid,
+ .ui[class*="computer reversed"].grid > .row,
+ .ui.grid > [class*="computer reversed"].row {
+ flex-direction: row-reverse;
+ }
+
+ .ui[class*="computer vertically reversed"].grid {
+ flex-direction: column-reverse;
+ }
+
+ /* Divided Reversed */
+
+ .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
+ .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
+ .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
+ box-shadow: none;
+ }
+
+ /* Vertically Divided Reversed */
+
+ .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
+ box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
+ box-shadow: none;
+ }
+
+ /* Celled Reversed */
+
+ .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px #D4D4D5;
+ }
+
+ .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
+ box-shadow: none;
+ }
+}
+
+/*-------------------
+ Doubling
+--------------------*/
+
+/* Tablet Only */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.doubling.grid {
+ width: auto;
+ }
+
+ .ui.grid > .doubling.row,
+ .ui.doubling.grid > .row {
+ margin: 0em !important;
+ padding: 0em !important;
+ }
+
+ .ui.grid > .doubling.row > .column,
+ .ui.doubling.grid > .row > .column {
+ display: inline-block !important;
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ box-shadow: none !important;
+ margin: 0em;
+ }
+
+ .ui[class*="two column"].doubling.grid > .row > .column,
+ .ui[class*="two column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="two column"].doubling.row.row > .column {
+ width: 100% !important;
+ }
+
+ .ui[class*="three column"].doubling.grid > .row > .column,
+ .ui[class*="three column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="three column"].doubling.row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="four column"].doubling.grid > .row > .column,
+ .ui[class*="four column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="four column"].doubling.row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="five column"].doubling.grid > .row > .column,
+ .ui[class*="five column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="five column"].doubling.row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="six column"].doubling.grid > .row > .column,
+ .ui[class*="six column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="six column"].doubling.row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="seven column"].doubling.grid > .row > .column,
+ .ui[class*="seven column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="seven column"].doubling.row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="eight column"].doubling.grid > .row > .column,
+ .ui[class*="eight column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="eight column"].doubling.row.row > .column {
+ width: 25% !important;
+ }
+
+ .ui[class*="nine column"].doubling.grid > .row > .column,
+ .ui[class*="nine column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="nine column"].doubling.row.row > .column {
+ width: 25% !important;
+ }
+
+ .ui[class*="ten column"].doubling.grid > .row > .column,
+ .ui[class*="ten column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="ten column"].doubling.row.row > .column {
+ width: 20% !important;
+ }
+
+ .ui[class*="eleven column"].doubling.grid > .row > .column,
+ .ui[class*="eleven column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="eleven column"].doubling.row.row > .column {
+ width: 20% !important;
+ }
+
+ .ui[class*="twelve column"].doubling.grid > .row > .column,
+ .ui[class*="twelve column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="twelve column"].doubling.row.row > .column {
+ width: 16.66666667% !important;
+ }
+
+ .ui[class*="thirteen column"].doubling.grid > .row > .column,
+ .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
+ width: 16.66666667% !important;
+ }
+
+ .ui[class*="fourteen column"].doubling.grid > .row > .column,
+ .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
+ width: 14.28571429% !important;
+ }
+
+ .ui[class*="fifteen column"].doubling.grid > .row > .column,
+ .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
+ width: 14.28571429% !important;
+ }
+
+ .ui[class*="sixteen column"].doubling.grid > .row > .column,
+ .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
+ width: 12.5% !important;
+ }
+}
+
+/* Mobile Only */
+
+@media only screen and (max-width: 767px) {
+ .ui.grid > .doubling.row,
+ .ui.doubling.grid > .row {
+ margin: 0em !important;
+ padding: 0em !important;
+ }
+
+ .ui.grid > .doubling.row > .column,
+ .ui.doubling.grid > .row > .column {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ margin: 0em !important;
+ box-shadow: none !important;
+ }
+
+ .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
+ width: 100% !important;
+ }
+
+ .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
+ width: 25% !important;
+ }
+
+ .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
+ width: 25% !important;
+ }
+
+ .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
+ width: 25% !important;
+ }
+}
+
+/*-------------------
+ Stackable
+--------------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.grid {
+ width: auto;
+ margin-left: 0em !important;
+ margin-right: 0em !important;
+ }
+
+ .ui.stackable.grid > .row > .wide.column,
+ .ui.stackable.grid > .wide.column,
+ .ui.stackable.grid > .column.grid > .column,
+ .ui.stackable.grid > .column.row > .column,
+ .ui.stackable.grid > .row > .column,
+ .ui.stackable.grid > .column:not(.row),
+ .ui.grid > .stackable.stackable.row > .column {
+ width: 100% !important;
+ margin: 0em 0em !important;
+ box-shadow: none !important;
+ padding: 1rem 1rem !important;
+ }
+
+ .ui.stackable.grid:not(.vertically) > .row {
+ margin: 0em;
+ padding: 0em;
+ }
+
+ /* Coupling */
+
+ .ui.container > .ui.stackable.grid > .column,
+ .ui.container > .ui.stackable.grid > .row > .column {
+ padding-left: 0em !important;
+ padding-right: 0em !important;
+ }
+
+ /* Don't pad inside segment or nested grid */
+
+ .ui.grid .ui.stackable.grid,
+ .ui.segment:not(.vertical) .ui.stackable.page.grid {
+ margin-left: -1rem !important;
+ margin-right: -1rem !important;
+ }
+
+ /* Divided Stackable */
+
+ .ui.stackable.divided.grid > .row:first-child > .column:first-child,
+ .ui.stackable.celled.grid > .row:first-child > .column:first-child,
+ .ui.stackable.divided.grid > .column:not(.row):first-child,
+ .ui.stackable.celled.grid > .column:not(.row):first-child {
+ border-top: none !important;
+ }
+
+ .ui.inverted.stackable.celled.grid > .column:not(.row),
+ .ui.inverted.stackable.divided.grid > .column:not(.row),
+ .ui.inverted.stackable.celled.grid > .row > .column,
+ .ui.inverted.stackable.divided.grid > .row > .column {
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
+ }
+
+ .ui.stackable.celled.grid > .column:not(.row),
+ .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
+ .ui.stackable.celled.grid > .row > .column,
+ .ui.stackable.divided:not(.vertically).grid > .row > .column {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: none !important;
+ padding-top: 2rem !important;
+ padding-bottom: 2rem !important;
+ }
+
+ .ui.stackable.celled.grid > .row {
+ box-shadow: none !important;
+ }
+
+ .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
+ .ui.stackable.divided:not(.vertically).grid > .row > .column {
+ padding-left: 0em !important;
+ padding-right: 0em !important;
+ }
+}
+
+/*----------------------
+ Only (Device)
+-----------------------*/
+
+/* These include arbitrary class repetitions for forced specificity */
+
+/* Mobile Only Hide */
+
+@media only screen and (max-width: 767px) {
+ .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
+ display: none !important;
+ }
+
+ .ui[class*="computer only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
+ display: none !important;
+ }
+
+ .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
+ display: none !important;
+ }
+
+ .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
+ display: none !important;
+ }
+}
+
+/* Tablet Only Hide */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
+ display: none !important;
+ }
+
+ .ui[class*="computer only"].grid.grid.grid:not(.tablet),
+ .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
+ .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
+ .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
+ display: none !important;
+ }
+
+ .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
+ display: none !important;
+ }
+
+ .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
+ display: none !important;
+ }
+}
+
+/* Computer Only Hide */
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .ui[class*="mobile only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
+ display: none !important;
+ }
+
+ .ui[class*="tablet only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
+ display: none !important;
+ }
+
+ .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
+ display: none !important;
+ }
+
+ .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
+ display: none !important;
+ }
+}
+
+/* Large Screen Only Hide */
+
+@media only screen and (min-width: 1200px) and (max-width: 1919px) {
+ .ui[class*="mobile only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
+ display: none !important;
+ }
+
+ .ui[class*="tablet only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
+ display: none !important;
+ }
+
+ .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
+ display: none !important;
+ }
+}
+
+/* Widescreen Only Hide */
+
+@media only screen and (min-width: 1920px) {
+ .ui[class*="mobile only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
+ display: none !important;
+ }
+
+ .ui[class*="tablet only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
+ display: none !important;
+ }
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*
+ * # Semantic - Menu
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2015 Contributor
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+/*--------------
+ Menu
+---------------*/
+
+.ui.menu {
+ display: flex;
+ margin: 1rem 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ background: #FFFFFF;
+ font-weight: normal;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+ min-height: 2.85714286em;
+}
+
+.ui.menu:after {
+ content: '';
+ display: block;
+ height: 0px;
+ clear: both;
+ visibility: hidden;
+}
+
+.ui.menu:first-child {
+ margin-top: 0rem;
+}
+
+.ui.menu:last-child {
+ margin-bottom: 0rem;
+}
+
+/*--------------
+ Sub-Menu
+---------------*/
+
+.ui.menu .menu {
+ margin: 0em;
+}
+
+.ui.menu:not(.vertical) > .menu {
+ display: flex;
+}
+
+/*--------------
+ Item
+---------------*/
+
+.ui.menu:not(.vertical) .item {
+ display: flex;
+ align-items: center;
+}
+
+.ui.menu .item {
+ position: relative;
+ vertical-align: middle;
+ line-height: 1;
+ text-decoration: none;
+ -webkit-tap-highlight-color: transparent;
+ flex: 0 0 auto;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background: none;
+ padding: 0.92857143em 1.14285714em;
+ text-transform: none;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: normal;
+ transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
+}
+
+.ui.menu > .item:first-child {
+ border-radius: 0.28571429rem 0px 0px 0.28571429rem;
+}
+
+/* Border */
+
+.ui.menu .item:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ right: 0px;
+ height: 100%;
+ width: 1px;
+ background: rgba(34, 36, 38, 0.1);
+}
+
+/*--------------
+ Text Content
+---------------*/
+
+.ui.menu .text.item > *,
+.ui.menu .item > a:not(.ui),
+.ui.menu .item > p:only-child {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ line-height: 1.3;
+}
+
+.ui.menu .item > p:first-child {
+ margin-top: 0;
+}
+
+.ui.menu .item > p:last-child {
+ margin-bottom: 0;
+}
+
+/*--------------
+ Icons
+---------------*/
+
+.ui.menu .item > i.icon {
+ opacity: 0.9;
+ float: none;
+ margin: 0em 0.35714286em 0em 0em;
+}
+
+/*--------------
+ Button
+---------------*/
+
+.ui.menu:not(.vertical) .item > .button {
+ position: relative;
+ top: 0em;
+ margin: -0.5em 0em;
+ padding-bottom: 0.78571429em;
+ padding-top: 0.78571429em;
+ font-size: 1em;
+}
+
+/*----------------
+ Grid / Container
+-----------------*/
+
+.ui.menu > .grid,
+.ui.menu > .container {
+ display: flex;
+ align-items: inherit;
+ flex-direction: inherit;
+}
+
+/*--------------
+ Inputs
+---------------*/
+
+.ui.menu .item > .input {
+ width: 100%;
+}
+
+.ui.menu:not(.vertical) .item > .input {
+ position: relative;
+ top: 0em;
+ margin: -0.5em 0em;
+}
+
+.ui.menu .item > .input input {
+ font-size: 1em;
+ padding-top: 0.57142857em;
+ padding-bottom: 0.57142857em;
+}
+
+/*--------------
+ Header
+---------------*/
+
+.ui.menu .header.item,
+.ui.vertical.menu .header.item {
+ margin: 0em;
+ background: '';
+ text-transform: normal;
+ font-weight: bold;
+}
+
+.ui.vertical.menu .item > .header:not(.ui) {
+ margin: 0em 0em 0.5em;
+ font-size: 1em;
+ font-weight: bold;
+}
+
+/*--------------
+ Dropdowns
+---------------*/
+
+/* Dropdown Icon */
+
+.ui.menu .item > i.dropdown.icon {
+ padding: 0em;
+ float: right;
+ margin: 0em 0em 0em 1em;
+}
+
+/* Menu */
+
+.ui.menu .dropdown.item .menu {
+ min-width: calc(100% - 1px);
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ background: #FFFFFF;
+ margin: 0em 0px 0px;
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
+ flex-direction: column !important;
+}
+
+/* Menu Items */
+
+.ui.menu .ui.dropdown .menu > .item {
+ margin: 0;
+ text-align: left;
+ font-size: 1em !important;
+ padding: 0.78571429em 1.14285714em !important;
+ background: transparent !important;
+ color: rgba(0, 0, 0, 0.87) !important;
+ text-transform: none !important;
+ font-weight: normal !important;
+ box-shadow: none !important;
+ transition: none !important;
+}
+
+.ui.menu .ui.dropdown .menu > .item:hover {
+ background: rgba(0, 0, 0, 0.05) !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.menu .ui.dropdown .menu > .selected.item {
+ background: rgba(0, 0, 0, 0.05) !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.menu .ui.dropdown .menu > .active.item {
+ background: rgba(0, 0, 0, 0.03) !important;
+ font-weight: bold !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
+ display: block;
+}
+
+.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
+ display: inline-block;
+ font-size: 1em !important;
+ float: none;
+ margin: 0em 0.75em 0em 0em !important;
+}
+
+/* Secondary */
+
+.ui.secondary.menu .dropdown.item > .menu,
+.ui.text.menu .dropdown.item > .menu {
+ border-radius: 0.28571429rem;
+ margin-top: 0.35714286em;
+}
+
+/* Pointing */
+
+.ui.menu .pointing.dropdown.item .menu {
+ margin-top: 0.75em;
+}
+
+/* Inverted */
+
+.ui.inverted.menu .search.dropdown.item > .search,
+.ui.inverted.menu .search.dropdown.item > .text {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Vertical */
+
+.ui.vertical.menu .dropdown.item > .icon {
+ float: right;
+ content: "\F0DA";
+ margin-left: 1em;
+}
+
+.ui.vertical.menu .dropdown.item .menu {
+ left: 100%;
+ min-width: 0;
+ margin: 0em 0em 0em 0em;
+ box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
+ border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem;
+}
+
+.ui.vertical.menu .dropdown.item.upward .menu {
+ bottom: 0;
+}
+
+.ui.vertical.menu .dropdown.item:not(.upward) .menu {
+ top: 0;
+}
+
+.ui.vertical.menu .active.dropdown.item {
+ border-top-right-radius: 0em;
+ border-bottom-right-radius: 0em;
+}
+
+.ui.vertical.menu .dropdown.active.item {
+ box-shadow: none;
+}
+
+/* Evenly Divided */
+
+.ui.item.menu .dropdown .menu .item {
+ width: 100%;
+}
+
+/*--------------
+ Labels
+---------------*/
+
+.ui.menu .item > .label {
+ background: #999999;
+ color: #FFFFFF;
+ margin-left: 1em;
+ padding: 0.3em 0.78571429em;
+}
+
+.ui.vertical.menu .item > .label {
+ background: #999999;
+ color: #FFFFFF;
+ margin-top: -0.15em;
+ margin-bottom: -0.15em;
+ padding: 0.3em 0.78571429em;
+}
+
+.ui.menu .item > .floating.label {
+ padding: 0.3em 0.78571429em;
+}
+
+/*--------------
+ Images
+---------------*/
+
+.ui.menu .item > img:not(.ui) {
+ display: inline-block;
+ vertical-align: middle;
+ margin: -0.3em 0em;
+ width: 2.5em;
+}
+
+.ui.vertical.menu .item > img:not(.ui):only-child {
+ display: block;
+ max-width: 100%;
+ width: auto;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+/*--------------
+ List
+---------------*/
+
+/* Menu divider shouldnt apply */
+
+.ui.menu .list .item:before {
+ background: none !important;
+}
+
+/*--------------
+ Sidebar
+---------------*/
+
+/* Show vertical dividers below last */
+
+.ui.vertical.sidebar.menu > .item:first-child:before {
+ display: block !important;
+}
+
+.ui.vertical.sidebar.menu > .item::before {
+ top: auto;
+ bottom: 0px;
+}
+
+/*--------------
+ Container
+---------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.menu > .ui.container {
+ width: 100% !important;
+ margin-left: 0em !important;
+ margin-right: 0em !important;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
+ }
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.link.menu .item:hover,
+.ui.menu .dropdown.item:hover,
+.ui.menu .link.item:hover,
+.ui.menu a.item:hover {
+ cursor: pointer;
+ background: rgba(0, 0, 0, 0.03);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------
+ Pressed
+---------------*/
+
+.ui.link.menu .item:active,
+.ui.menu .link.item:active,
+.ui.menu a.item:active {
+ background: rgba(0, 0, 0, 0.03);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.menu .active.item {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+ font-weight: normal;
+ box-shadow: none;
+}
+
+.ui.menu .active.item > i.icon {
+ opacity: 1;
+}
+
+/*--------------
+ Active Hover
+---------------*/
+
+.ui.menu .active.item:hover,
+.ui.vertical.menu .active.item:hover {
+ background-color: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.menu .item.disabled,
+.ui.menu .item.disabled:hover {
+ cursor: default !important;
+ background-color: transparent !important;
+ color: rgba(40, 40, 40, 0.3) !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*------------------
+Floated Menu / Item
+-------------------*/
+
+/* Left Floated */
+
+.ui.menu:not(.vertical) .left.item,
+.ui.menu:not(.vertical) :not(.dropdown) > .left.menu {
+ display: flex;
+ margin-right: auto !important;
+}
+
+/* Right Floated */
+
+.ui.menu:not(.vertical) .right.item,
+.ui.menu:not(.vertical) .right.menu {
+ display: flex;
+ margin-left: auto !important;
+}
+
+/* Swapped Borders */
+
+.ui.menu .right.item::before,
+.ui.menu .right.menu > .item::before {
+ right: auto;
+ left: 0;
+}
+
+/*--------------
+ Vertical
+---------------*/
+
+.ui.vertical.menu {
+ display: block;
+ flex-direction: column;
+ background: #FFFFFF;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+/*--- Item ---*/
+
+.ui.vertical.menu .item {
+ display: block;
+ background: none;
+ border-top: none;
+ border-right: none;
+}
+
+.ui.vertical.menu > .item:first-child {
+ border-radius: 0.28571429rem 0.28571429rem 0px 0px;
+}
+
+.ui.vertical.menu > .item:last-child {
+ border-radius: 0px 0px 0.28571429rem 0.28571429rem;
+}
+
+/*--- Label ---*/
+
+.ui.vertical.menu .item > .label {
+ float: right;
+ text-align: center;
+}
+
+/*--- Icon ---*/
+
+.ui.vertical.menu .item > i.icon {
+ width: 1.18em;
+ float: right;
+ margin: 0em 0em 0em 0.5em;
+}
+
+.ui.vertical.menu .item > .label + i.icon {
+ float: none;
+ margin: 0em 0.5em 0em 0em;
+}
+
+/*--- Border ---*/
+
+.ui.vertical.menu .item:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 0px;
+ width: 100%;
+ height: 1px;
+ background: rgba(34, 36, 38, 0.1);
+}
+
+.ui.vertical.menu .item:first-child:before {
+ display: none !important;
+}
+
+/*--- Sub Menu ---*/
+
+.ui.vertical.menu .item > .menu {
+ margin: 0.5em -1.14285714em 0em;
+}
+
+.ui.vertical.menu .menu .item {
+ background: none;
+ padding: 0.5em 1.33333333em;
+ font-size: 0.85714286em;
+ color: rgba(0, 0, 0, 0.5);
+}
+
+.ui.vertical.menu .item .menu a.item:hover,
+.ui.vertical.menu .item .menu .link.item:hover {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.vertical.menu .menu .item:before {
+ display: none;
+}
+
+/* Vertical Active */
+
+.ui.vertical.menu .active.item {
+ background: rgba(0, 0, 0, 0.05);
+ border-radius: 0em;
+ box-shadow: none;
+}
+
+.ui.vertical.menu > .active.item:first-child {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.vertical.menu > .active.item:last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.vertical.menu > .active.item:only-child {
+ border-radius: 0.28571429rem;
+}
+
+.ui.vertical.menu .active.item .menu .active.item {
+ border-left: none;
+}
+
+.ui.vertical.menu .item .menu .active.item {
+ background-color: transparent;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------
+ Tabular
+---------------*/
+
+.ui.tabular.menu {
+ border-radius: 0em;
+ box-shadow: none !important;
+ border: none;
+ background: none transparent;
+ border-bottom: 1px solid #D4D4D5;
+}
+
+.ui.tabular.fluid.menu {
+ width: calc(100% + (1px * 2)) !important;
+}
+
+.ui.tabular.menu .item {
+ background: transparent;
+ border-bottom: none;
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
+ border-top: 2px solid transparent;
+ padding: 0.92857143em 1.42857143em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.tabular.menu .item:before {
+ display: none;
+}
+
+/* Hover */
+
+.ui.tabular.menu .item:hover {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Active */
+
+.ui.tabular.menu .active.item {
+ background: none #FFFFFF;
+ color: rgba(0, 0, 0, 0.95);
+ border-top-width: 1px;
+ border-color: #D4D4D5;
+ font-weight: bold;
+ margin-bottom: -1px;
+ box-shadow: none;
+ border-radius: 0.28571429rem 0.28571429rem 0px 0px !important;
+}
+
+/* Coupling with segment for attachment */
+
+.ui.tabular.menu + .attached:not(.top).segment,
+.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
+ border-top: none;
+ margin-left: 0px;
+ margin-top: 0px;
+ margin-right: 0px;
+ width: 100%;
+}
+
+.top.attached.segment + .ui.bottom.tabular.menu {
+ position: relative;
+ width: calc(100% + (1px * 2));
+ left: -1px;
+}
+
+/* Bottom Vertical Tabular */
+
+.ui.bottom.tabular.menu {
+ background: none transparent;
+ border-radius: 0em;
+ box-shadow: none !important;
+ border-bottom: none;
+ border-top: 1px solid #D4D4D5;
+}
+
+.ui.bottom.tabular.menu .item {
+ background: none;
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ border-top: none;
+}
+
+.ui.bottom.tabular.menu .active.item {
+ background: none #FFFFFF;
+ color: rgba(0, 0, 0, 0.95);
+ border-color: #D4D4D5;
+ margin: -1px 0px 0px 0px;
+ border-radius: 0px 0px 0.28571429rem 0.28571429rem !important;
+}
+
+/* Vertical Tabular (Left) */
+
+.ui.vertical.tabular.menu {
+ background: none transparent;
+ border-radius: 0em;
+ box-shadow: none !important;
+ border-bottom: none;
+ border-right: 1px solid #D4D4D5;
+}
+
+.ui.vertical.tabular.menu .item {
+ background: none;
+ border-left: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ border-top: 1px solid transparent;
+ border-right: none;
+}
+
+.ui.vertical.tabular.menu .active.item {
+ background: none #FFFFFF;
+ color: rgba(0, 0, 0, 0.95);
+ border-color: #D4D4D5;
+ margin: 0px -1px 0px 0px;
+ border-radius: 0.28571429rem 0px 0px 0.28571429rem !important;
+}
+
+/* Vertical Right Tabular */
+
+.ui.vertical.right.tabular.menu {
+ background: none transparent;
+ border-radius: 0em;
+ box-shadow: none !important;
+ border-bottom: none;
+ border-right: none;
+ border-left: 1px solid #D4D4D5;
+}
+
+.ui.vertical.right.tabular.menu .item {
+ background: none;
+ border-right: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ border-top: 1px solid transparent;
+ border-left: none;
+}
+
+.ui.vertical.right.tabular.menu .active.item {
+ background: none #FFFFFF;
+ color: rgba(0, 0, 0, 0.95);
+ border-color: #D4D4D5;
+ margin: 0px 0px 0px -1px;
+ border-radius: 0px 0.28571429rem 0.28571429rem 0px !important;
+}
+
+/* Dropdown */
+
+.ui.tabular.menu .active.dropdown.item {
+ margin-bottom: 0px;
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
+ border-top: 2px solid transparent;
+ border-bottom: none;
+}
+
+/*--------------
+ Pagination
+---------------*/
+
+.ui.pagination.menu {
+ margin: 0em;
+ display: inline-flex;
+ vertical-align: middle;
+}
+
+.ui.pagination.menu .item:last-child {
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+.ui.compact.menu .item:last-child {
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+.ui.pagination.menu .item:last-child:before {
+ display: none;
+}
+
+.ui.pagination.menu .item {
+ min-width: 3em;
+ text-align: center;
+}
+
+.ui.pagination.menu .icon.item i.icon {
+ vertical-align: top;
+}
+
+/* Active */
+
+.ui.pagination.menu .active.item {
+ border-top: none;
+ padding-top: 0.92857143em;
+ background-color: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+ box-shadow: none;
+}
+
+/*--------------
+ Secondary
+---------------*/
+
+.ui.secondary.menu {
+ background: none;
+ margin-left: -0.35714286em;
+ margin-right: -0.35714286em;
+ border-radius: 0em;
+ border: none;
+ box-shadow: none;
+}
+
+/* Item */
+
+.ui.secondary.menu .item {
+ align-self: center;
+ box-shadow: none;
+ border: none;
+ padding: 0.78571429em 0.92857143em;
+ margin: 0em 0.35714286em;
+ background: none;
+ transition: color 0.1s ease;
+ border-radius: 0.28571429rem;
+}
+
+/* No Divider */
+
+.ui.secondary.menu .item:before {
+ display: none !important;
+}
+
+/* Header */
+
+.ui.secondary.menu .header.item {
+ border-radius: 0em;
+ border-right: none;
+ background: none transparent;
+}
+
+/* Image */
+
+.ui.secondary.menu .item > img:not(.ui) {
+ margin: 0em;
+}
+
+/* Hover */
+
+.ui.secondary.menu .dropdown.item:hover,
+.ui.secondary.menu .link.item:hover,
+.ui.secondary.menu a.item:hover {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Active */
+
+.ui.secondary.menu .active.item {
+ box-shadow: none;
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+ border-radius: 0.28571429rem;
+}
+
+/* Active Hover */
+
+.ui.secondary.menu .active.item:hover {
+ box-shadow: none;
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Inverted */
+
+.ui.secondary.inverted.menu .link.item,
+.ui.secondary.inverted.menu a.item {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+
+.ui.secondary.inverted.menu .dropdown.item:hover,
+.ui.secondary.inverted.menu .link.item:hover,
+.ui.secondary.inverted.menu a.item:hover {
+ background: rgba(255, 255, 255, 0.08);
+ color: #ffffff !important;
+}
+
+.ui.secondary.inverted.menu .active.item {
+ background: rgba(255, 255, 255, 0.15);
+ color: #ffffff !important;
+}
+
+/* Fix item margins */
+
+.ui.secondary.item.menu {
+ margin-left: 0em;
+ margin-right: 0em;
+}
+
+.ui.secondary.item.menu .item:last-child {
+ margin-right: 0em;
+}
+
+.ui.secondary.attached.menu {
+ box-shadow: none;
+}
+
+/* Sub Menu */
+
+.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
+ margin: 0em -0.92857143em;
+}
+
+.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
+ margin: 0em;
+ padding: 0.5em 1.33333333em;
+}
+
+/*---------------------
+ Secondary Vertical
+-----------------------*/
+
+.ui.secondary.vertical.menu > .item {
+ border: none;
+ margin: 0em 0em 0.35714286em;
+ border-radius: 0.28571429rem !important;
+}
+
+.ui.secondary.vertical.menu > .header.item {
+ border-radius: 0em;
+}
+
+/* Sub Menu */
+
+.ui.vertical.secondary.menu .item > .menu .item {
+ background-color: transparent;
+}
+
+/* Inverted */
+
+.ui.secondary.inverted.menu {
+ background-color: transparent;
+}
+
+/*---------------------
+ Secondary Pointing
+-----------------------*/
+
+.ui.secondary.pointing.menu {
+ margin-left: 0em;
+ margin-right: 0em;
+ border-bottom: 2px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.secondary.pointing.menu .item {
+ border-bottom-color: transparent;
+ border-bottom-style: solid;
+ border-radius: 0em;
+ align-self: flex-end;
+ margin: 0em 0em -2px;
+ padding: 0.85714286em 1.14285714em;
+ border-bottom-width: 2px;
+ transition: color 0.1s ease;
+}
+
+/* Item Types */
+
+.ui.secondary.pointing.menu .header.item {
+ color: rgba(0, 0, 0, 0.85) !important;
+}
+
+.ui.secondary.pointing.menu .text.item {
+ box-shadow: none !important;
+}
+
+.ui.secondary.pointing.menu .item:after {
+ display: none;
+}
+
+/* Hover */
+
+.ui.secondary.pointing.menu .dropdown.item:hover,
+.ui.secondary.pointing.menu .link.item:hover,
+.ui.secondary.pointing.menu a.item:hover {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Pressed */
+
+.ui.secondary.pointing.menu .dropdown.item:active,
+.ui.secondary.pointing.menu .link.item:active,
+.ui.secondary.pointing.menu a.item:active {
+ background-color: transparent;
+ border-color: rgba(34, 36, 38, 0.15);
+}
+
+/* Active */
+
+.ui.secondary.pointing.menu .active.item {
+ background-color: transparent;
+ box-shadow: none;
+ border-color: #1B1C1D;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Active Hover */
+
+.ui.secondary.pointing.menu .active.item:hover {
+ border-color: #1B1C1D;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Active Dropdown */
+
+.ui.secondary.pointing.menu .active.dropdown.item {
+ border-color: transparent;
+}
+
+/* Vertical Pointing */
+
+.ui.secondary.vertical.pointing.menu {
+ border-bottom-width: 0px;
+ border-right-width: 2px;
+ border-right-style: solid;
+ border-right-color: rgba(34, 36, 38, 0.15);
+}
+
+.ui.secondary.vertical.pointing.menu .item {
+ border-bottom: none;
+ border-right-style: solid;
+ border-right-color: transparent;
+ border-radius: 0em !important;
+ margin: 0em -2px 0em 0em;
+ border-right-width: 2px;
+}
+
+/* Vertical Active */
+
+.ui.secondary.vertical.pointing.menu .active.item {
+ border-color: #1B1C1D;
+}
+
+/* Inverted */
+
+.ui.secondary.inverted.pointing.menu {
+ border-color: rgba(255, 255, 255, 0.1);
+}
+
+.ui.secondary.inverted.pointing.menu {
+ border-width: 2px;
+ border-color: rgba(34, 36, 38, 0.15);
+}
+
+.ui.secondary.inverted.pointing.menu .item {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.secondary.inverted.pointing.menu .header.item {
+ color: #FFFFFF !important;
+}
+
+/* Hover */
+
+.ui.secondary.inverted.pointing.menu .link.item:hover,
+.ui.secondary.inverted.pointing.menu a.item:hover {
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Active */
+
+.ui.secondary.inverted.pointing.menu .active.item {
+ border-color: #FFFFFF;
+ color: #ffffff;
+}
+
+/*--------------
+ Text Menu
+---------------*/
+
+.ui.text.menu {
+ background: none transparent;
+ border-radius: 0px;
+ box-shadow: none;
+ border: none;
+ margin: 1em -0.5em;
+}
+
+.ui.text.menu .item {
+ border-radius: 0px;
+ box-shadow: none;
+ align-self: center;
+ margin: 0em 0em;
+ padding: 0.35714286em 0.5em;
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.6);
+ transition: opacity 0.1s ease;
+}
+
+/* Border */
+
+.ui.text.menu .item:before,
+.ui.text.menu .menu .item:before {
+ display: none !important;
+}
+
+/* Header */
+
+.ui.text.menu .header.item {
+ background-color: transparent;
+ opacity: 1;
+ color: rgba(0, 0, 0, 0.85);
+ font-size: 0.92857143em;
+ text-transform: uppercase;
+ font-weight: bold;
+}
+
+/* Image */
+
+.ui.text.menu .item > img:not(.ui) {
+ margin: 0em;
+}
+
+/*--- fluid text ---*/
+
+.ui.text.item.menu .item {
+ margin: 0em;
+}
+
+/*--- vertical text ---*/
+
+.ui.vertical.text.menu {
+ margin: 1em 0em;
+}
+
+.ui.vertical.text.menu:first-child {
+ margin-top: 0rem;
+}
+
+.ui.vertical.text.menu:last-child {
+ margin-bottom: 0rem;
+}
+
+.ui.vertical.text.menu .item {
+ margin: 0.57142857em 0em;
+ padding-left: 0em;
+ padding-right: 0em;
+}
+
+.ui.vertical.text.menu .item > i.icon {
+ float: none;
+ margin: 0em 0.35714286em 0em 0em;
+}
+
+.ui.vertical.text.menu .header.item {
+ margin: 0.57142857em 0em 0.71428571em;
+}
+
+/* Vertical Sub Menu */
+
+.ui.vertical.text.menu .item:not(.dropdown) > .menu {
+ margin: 0em;
+}
+
+.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
+ margin: 0em;
+ padding: 0.5em 0em;
+}
+
+/*--- hover ---*/
+
+.ui.text.menu .item:hover {
+ opacity: 1;
+ background-color: transparent;
+}
+
+/*--- active ---*/
+
+.ui.text.menu .active.item {
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--- active hover ---*/
+
+.ui.text.menu .active.item:hover {
+ background-color: transparent;
+}
+
+/* Disable Bariations */
+
+.ui.text.pointing.menu .active.item:after {
+ box-shadow: none;
+}
+
+.ui.text.attached.menu {
+ box-shadow: none;
+}
+
+/* Inverted */
+
+.ui.inverted.text.menu,
+.ui.inverted.text.menu .item,
+.ui.inverted.text.menu .item:hover,
+.ui.inverted.text.menu .active.item {
+ background-color: transparent !important;
+}
+
+/* Fluid */
+
+.ui.fluid.text.menu {
+ margin-left: 0em;
+ margin-right: 0em;
+}
+
+/*--------------
+ Icon Only
+---------------*/
+
+/* Vertical Menu */
+
+.ui.vertical.icon.menu {
+ display: inline-block;
+ width: auto;
+}
+
+/* Item */
+
+.ui.icon.menu .item {
+ height: auto;
+ text-align: center;
+ color: #1B1C1D;
+}
+
+/* Icon */
+
+.ui.icon.menu .item > .icon:not(.dropdown) {
+ margin: 0;
+ opacity: 1;
+}
+
+/* Icon Gylph */
+
+.ui.icon.menu .icon:before {
+ opacity: 1;
+}
+
+/* (x) Item Icon */
+
+.ui.menu .icon.item > .icon {
+ width: auto;
+ margin: 0em auto;
+}
+
+/* Vertical Icon */
+
+.ui.vertical.icon.menu .item > .icon:not(.dropdown) {
+ display: block;
+ opacity: 1;
+ margin: 0em auto;
+ float: none;
+}
+
+/* Inverted */
+
+.ui.inverted.icon.menu .item {
+ color: #FFFFFF;
+}
+
+/*--------------
+ Labeled Icon
+---------------*/
+
+/* Menu */
+
+.ui.labeled.icon.menu {
+ text-align: center;
+}
+
+/* Item */
+
+.ui.labeled.icon.menu .item {
+ min-width: 6em;
+ flex-direction: column;
+}
+
+/* Icon */
+
+.ui.labeled.icon.menu .item > .icon:not(.dropdown) {
+ height: 1em;
+ display: block;
+ font-size: 1.71428571em !important;
+ margin: 0em auto 0.5rem !important;
+}
+
+/* Fluid */
+
+.ui.fluid.labeled.icon.menu > .item {
+ min-width: 0em;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Stackable
+---------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.menu {
+ flex-direction: column;
+ }
+
+ .ui.stackable.menu .item {
+ width: 100% !important;
+ }
+
+ .ui.stackable.menu .item:before {
+ position: absolute;
+ content: '';
+ top: auto;
+ bottom: 0px;
+ left: 0px;
+ width: 100%;
+ height: 1px;
+ background: rgba(34, 36, 38, 0.1);
+ }
+
+ .ui.stackable.menu .left.menu,
+ .ui.stackable.menu .left.item {
+ margin-right: 0 !important;
+ }
+
+ .ui.stackable.menu .right.menu,
+ .ui.stackable.menu .right.item {
+ margin-left: 0 !important;
+ }
+
+ .ui.stackable.menu .right.menu,
+ .ui.stackable.menu .left.menu {
+ flex-direction: column;
+ }
+}
+
+/*--------------
+ Colors
+---------------*/
+
+/*--- Standard Colors ---*/
+
+.ui.menu .red.active.item,
+.ui.red.menu .active.item {
+ border-color: #DB2828 !important;
+ color: #DB2828 !important;
+}
+
+.ui.menu .orange.active.item,
+.ui.orange.menu .active.item {
+ border-color: #F2711C !important;
+ color: #F2711C !important;
+}
+
+.ui.menu .yellow.active.item,
+.ui.yellow.menu .active.item {
+ border-color: #FBBD08 !important;
+ color: #FBBD08 !important;
+}
+
+.ui.menu .olive.active.item,
+.ui.olive.menu .active.item {
+ border-color: #B5CC18 !important;
+ color: #B5CC18 !important;
+}
+
+.ui.menu .green.active.item,
+.ui.green.menu .active.item {
+ border-color: #21BA45 !important;
+ color: #21BA45 !important;
+}
+
+.ui.menu .teal.active.item,
+.ui.teal.menu .active.item {
+ border-color: #00B5AD !important;
+ color: #00B5AD !important;
+}
+
+.ui.menu .blue.active.item,
+.ui.blue.menu .active.item {
+ border-color: #2185D0 !important;
+ color: #2185D0 !important;
+}
+
+.ui.menu .violet.active.item,
+.ui.violet.menu .active.item {
+ border-color: #6435C9 !important;
+ color: #6435C9 !important;
+}
+
+.ui.menu .purple.active.item,
+.ui.purple.menu .active.item {
+ border-color: #A333C8 !important;
+ color: #A333C8 !important;
+}
+
+.ui.menu .pink.active.item,
+.ui.pink.menu .active.item {
+ border-color: #E03997 !important;
+ color: #E03997 !important;
+}
+
+.ui.menu .brown.active.item,
+.ui.brown.menu .active.item {
+ border-color: #A5673F !important;
+ color: #A5673F !important;
+}
+
+.ui.menu .grey.active.item,
+.ui.grey.menu .active.item {
+ border-color: #767676 !important;
+ color: #767676 !important;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.inverted.menu {
+ border: 0px solid transparent;
+ background: #1B1C1D;
+ box-shadow: none;
+}
+
+/* Menu Item */
+
+.ui.inverted.menu .item,
+.ui.inverted.menu .item > a:not(.ui) {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.menu .item.menu {
+ background: transparent;
+}
+
+/*--- Border ---*/
+
+.ui.inverted.menu .item:before {
+ background: rgba(255, 255, 255, 0.08);
+}
+
+.ui.vertical.inverted.menu .item:before {
+ background: rgba(255, 255, 255, 0.08);
+}
+
+/* Sub Menu */
+
+.ui.vertical.inverted.menu .menu .item,
+.ui.vertical.inverted.menu .menu .item a:not(.ui) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/* Header */
+
+.ui.inverted.menu .header.item {
+ margin: 0em;
+ background: transparent;
+ box-shadow: none;
+}
+
+/* Disabled */
+
+.ui.inverted.menu .item.disabled,
+.ui.inverted.menu .item.disabled:hover {
+ color: rgba(225, 225, 225, 0.3);
+}
+
+/*--- Hover ---*/
+
+.ui.link.inverted.menu .item:hover,
+.ui.inverted.menu .dropdown.item:hover,
+.ui.inverted.menu .link.item:hover,
+.ui.inverted.menu a.item:hover {
+ background: rgba(255, 255, 255, 0.08);
+ color: #ffffff;
+}
+
+.ui.vertical.inverted.menu .item .menu a.item:hover,
+.ui.vertical.inverted.menu .item .menu .link.item:hover {
+ background: transparent;
+ color: #ffffff;
+}
+
+/*--- Pressed ---*/
+
+.ui.inverted.menu a.item:active,
+.ui.inverted.menu .link.item:active {
+ background: rgba(255, 255, 255, 0.08);
+ color: #ffffff;
+}
+
+/*--- Active ---*/
+
+.ui.inverted.menu .active.item {
+ background: rgba(255, 255, 255, 0.15);
+ color: #ffffff !important;
+}
+
+.ui.inverted.vertical.menu .item .menu .active.item {
+ background: transparent;
+ color: #FFFFFF;
+}
+
+.ui.inverted.pointing.menu .active.item:after {
+ background: #3D3E3F !important;
+ margin: 0em !important;
+ box-shadow: none !important;
+ border: none !important;
+}
+
+/*--- Active Hover ---*/
+
+.ui.inverted.menu .active.item:hover {
+ background: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.pointing.menu .active.item:hover:after {
+ background: #3D3E3F !important;
+}
+
+/*--------------
+ Floated
+---------------*/
+
+.ui.floated.menu {
+ float: left;
+ margin: 0rem 0.5rem 0rem 0rem;
+}
+
+.ui.floated.menu .item:last-child:before {
+ display: none;
+}
+
+.ui.right.floated.menu {
+ float: right;
+ margin: 0rem 0rem 0rem 0.5rem;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+/* Red */
+
+.ui.inverted.menu .red.active.item,
+.ui.inverted.red.menu {
+ background-color: #DB2828;
+}
+
+.ui.inverted.red.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.red.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Orange */
+
+.ui.inverted.menu .orange.active.item,
+.ui.inverted.orange.menu {
+ background-color: #F2711C;
+}
+
+.ui.inverted.orange.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.orange.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Yellow */
+
+.ui.inverted.menu .yellow.active.item,
+.ui.inverted.yellow.menu {
+ background-color: #FBBD08;
+}
+
+.ui.inverted.yellow.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.yellow.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Olive */
+
+.ui.inverted.menu .olive.active.item,
+.ui.inverted.olive.menu {
+ background-color: #B5CC18;
+}
+
+.ui.inverted.olive.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.olive.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Green */
+
+.ui.inverted.menu .green.active.item,
+.ui.inverted.green.menu {
+ background-color: #21BA45;
+}
+
+.ui.inverted.green.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.green.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Teal */
+
+.ui.inverted.menu .teal.active.item,
+.ui.inverted.teal.menu {
+ background-color: #00B5AD;
+}
+
+.ui.inverted.teal.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.teal.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Blue */
+
+.ui.inverted.menu .blue.active.item,
+.ui.inverted.blue.menu {
+ background-color: #2185D0;
+}
+
+.ui.inverted.blue.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.blue.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Violet */
+
+.ui.inverted.menu .violet.active.item,
+.ui.inverted.violet.menu {
+ background-color: #6435C9;
+}
+
+.ui.inverted.violet.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.violet.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Purple */
+
+.ui.inverted.menu .purple.active.item,
+.ui.inverted.purple.menu {
+ background-color: #A333C8;
+}
+
+.ui.inverted.purple.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.purple.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Pink */
+
+.ui.inverted.menu .pink.active.item,
+.ui.inverted.pink.menu {
+ background-color: #E03997;
+}
+
+.ui.inverted.pink.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.pink.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Brown */
+
+.ui.inverted.menu .brown.active.item,
+.ui.inverted.brown.menu {
+ background-color: #A5673F;
+}
+
+.ui.inverted.brown.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.brown.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Grey */
+
+.ui.inverted.menu .grey.active.item,
+.ui.inverted.grey.menu {
+ background-color: #767676;
+}
+
+.ui.inverted.grey.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.grey.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/*--------------
+ Fitted
+---------------*/
+
+.ui.fitted.menu .item,
+.ui.fitted.menu .item .menu .item,
+.ui.menu .fitted.item {
+ padding: 0em;
+}
+
+.ui.horizontally.fitted.menu .item,
+.ui.horizontally.fitted.menu .item .menu .item,
+.ui.menu .horizontally.fitted.item {
+ padding-top: 0.92857143em;
+ padding-bottom: 0.92857143em;
+}
+
+.ui.vertically.fitted.menu .item,
+.ui.vertically.fitted.menu .item .menu .item,
+.ui.menu .vertically.fitted.item {
+ padding-left: 1.14285714em;
+ padding-right: 1.14285714em;
+}
+
+/*--------------
+ Borderless
+---------------*/
+
+.ui.borderless.menu .item:before,
+.ui.borderless.menu .item .menu .item:before,
+.ui.menu .borderless.item:before {
+ background: none !important;
+}
+
+/*-------------------
+ Compact
+--------------------*/
+
+.ui.compact.menu {
+ display: inline-flex;
+ margin: 0em;
+ vertical-align: middle;
+}
+
+.ui.compact.vertical.menu {
+ display: inline-block;
+}
+
+.ui.compact.menu .item:last-child {
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+.ui.compact.menu .item:last-child:before {
+ display: none;
+}
+
+.ui.compact.vertical.menu {
+ width: auto !important;
+}
+
+.ui.compact.vertical.menu .item:last-child::before {
+ display: block;
+}
+
+/*-------------------
+ Fluid
+--------------------*/
+
+.ui.menu.fluid,
+.ui.vertical.menu.fluid {
+ width: 100% !important;
+}
+
+/*-------------------
+ Evenly Sized
+--------------------*/
+
+.ui.item.menu,
+.ui.item.menu .item {
+ width: 100%;
+ padding-left: 0em !important;
+ padding-right: 0em !important;
+ margin-left: 0em !important;
+ margin-right: 0em !important;
+ text-align: center;
+ justify-content: center;
+}
+
+.ui.attached.item.menu {
+ margin: 0em -1px !important;
+}
+
+.ui.item.menu .item:last-child:before {
+ display: none;
+}
+
+.ui.menu.two.item .item {
+ width: 50%;
+}
+
+.ui.menu.three.item .item {
+ width: 33.333%;
+}
+
+.ui.menu.four.item .item {
+ width: 25%;
+}
+
+.ui.menu.five.item .item {
+ width: 20%;
+}
+
+.ui.menu.six.item .item {
+ width: 16.666%;
+}
+
+.ui.menu.seven.item .item {
+ width: 14.285%;
+}
+
+.ui.menu.eight.item .item {
+ width: 12.5%;
+}
+
+.ui.menu.nine.item .item {
+ width: 11.11%;
+}
+
+.ui.menu.ten.item .item {
+ width: 10%;
+}
+
+.ui.menu.eleven.item .item {
+ width: 9.09%;
+}
+
+.ui.menu.twelve.item .item {
+ width: 8.333%;
+}
+
+/*--------------
+ Fixed
+---------------*/
+
+.ui.menu.fixed {
+ position: fixed;
+ z-index: 101;
+ margin: 0em;
+ width: 100%;
+}
+
+.ui.menu.fixed,
+.ui.menu.fixed .item:first-child,
+.ui.menu.fixed .item:last-child {
+ border-radius: 0px !important;
+}
+
+.ui.fixed.menu,
+.ui[class*="top fixed"].menu {
+ top: 0px;
+ left: 0px;
+ right: auto;
+ bottom: auto;
+}
+
+.ui[class*="top fixed"].menu {
+ border-top: none;
+ border-left: none;
+ border-right: none;
+}
+
+.ui[class*="right fixed"].menu {
+ border-top: none;
+ border-bottom: none;
+ border-right: none;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ width: auto;
+ height: 100%;
+}
+
+.ui[class*="bottom fixed"].menu {
+ border-bottom: none;
+ border-left: none;
+ border-right: none;
+ bottom: 0px;
+ left: 0px;
+ top: auto;
+ right: auto;
+}
+
+.ui[class*="left fixed"].menu {
+ border-top: none;
+ border-bottom: none;
+ border-left: none;
+ top: 0px;
+ left: 0px;
+ right: auto;
+ bottom: auto;
+ width: auto;
+ height: 100%;
+}
+
+/* Coupling with Grid */
+
+.ui.fixed.menu + .ui.grid {
+ padding-top: 2.75rem;
+}
+
+/*-------------------
+ Pointing
+--------------------*/
+
+.ui.pointing.menu .item:after {
+ visibility: hidden;
+ position: absolute;
+ content: '';
+ top: 100%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ background: none;
+ margin: 0.5px 0em 0em;
+ width: 0.57142857em;
+ height: 0.57142857em;
+ border: none;
+ border-bottom: 1px solid #D4D4D5;
+ border-right: 1px solid #D4D4D5;
+ z-index: 2;
+ transition: background 0.1s ease;
+}
+
+.ui.vertical.pointing.menu .item:after {
+ position: absolute;
+ top: 50%;
+ right: 0%;
+ bottom: auto;
+ left: auto;
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
+ margin: 0em -0.5px 0em 0em;
+ border: none;
+ border-top: 1px solid #D4D4D5;
+ border-right: 1px solid #D4D4D5;
+}
+
+/* Active */
+
+.ui.pointing.menu .active.item:after {
+ visibility: visible;
+}
+
+.ui.pointing.menu .active.dropdown.item:after {
+ visibility: hidden;
+}
+
+/* Don't double up pointers */
+
+.ui.pointing.menu .dropdown.active.item:after,
+.ui.pointing.menu .active.item .menu .active.item:after {
+ display: none;
+}
+
+/* Colors */
+
+.ui.pointing.menu .active.item:hover:after {
+ background-color: #F2F2F2;
+}
+
+.ui.pointing.menu .active.item:after {
+ background-color: #F2F2F2;
+}
+
+.ui.pointing.menu .active.item:hover:after {
+ background-color: #F2F2F2;
+}
+
+.ui.vertical.pointing.menu .active.item:hover:after {
+ background-color: #F2F2F2;
+}
+
+.ui.vertical.pointing.menu .active.item:after {
+ background-color: #F2F2F2;
+}
+
+.ui.vertical.pointing.menu .menu .active.item:after {
+ background-color: #FFFFFF;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+/* Middle */
+
+.ui.attached.menu {
+ top: 0px;
+ bottom: 0px;
+ border-radius: 0px;
+ margin: 0em -1px;
+ width: calc(100% - (-1px * 2));
+ max-width: calc(100% - (-1px * 2));
+ box-shadow: none;
+}
+
+.ui.attached + .ui.attached.menu:not(.top) {
+ border-top: none;
+}
+
+/* Top */
+
+.ui[class*="top attached"].menu {
+ bottom: 0px;
+ margin-bottom: 0em;
+ top: 0px;
+ margin-top: 1rem;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.menu[class*="top attached"]:first-child {
+ margin-top: 0em;
+}
+
+/* Bottom */
+
+.ui[class*="bottom attached"].menu {
+ bottom: 0px;
+ margin-top: 0em;
+ top: 0px;
+ margin-bottom: 1rem;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui[class*="bottom attached"].menu:last-child {
+ margin-bottom: 0em;
+}
+
+/* Attached Menu Item */
+
+.ui.top.attached.menu > .item:first-child {
+ border-radius: 0.28571429rem 0em 0em 0em;
+}
+
+.ui.bottom.attached.menu > .item:first-child {
+ border-radius: 0em 0em 0em 0.28571429rem;
+}
+
+/* Tabular Attached */
+
+.ui.attached.menu:not(.tabular) {
+ border: 1px solid #D4D4D5;
+}
+
+.ui.attached.inverted.menu {
+ border: none;
+}
+
+.ui.attached.tabular.menu {
+ margin-left: 0;
+ margin-right: 0;
+ width: 100%;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+/* Mini */
+
+.ui.mini.menu {
+ font-size: 0.78571429rem;
+}
+
+.ui.mini.vertical.menu {
+ width: 9rem;
+}
+
+/* Tiny */
+
+.ui.tiny.menu {
+ font-size: 0.85714286rem;
+}
+
+.ui.tiny.vertical.menu {
+ width: 11rem;
+}
+
+/* Small */
+
+.ui.small.menu {
+ font-size: 0.92857143rem;
+}
+
+.ui.small.vertical.menu {
+ width: 13rem;
+}
+
+/* Medium */
+
+.ui.menu {
+ font-size: 1rem;
+}
+
+.ui.vertical.menu {
+ width: 15rem;
+}
+
+/* Large */
+
+.ui.large.menu {
+ font-size: 1.07142857rem;
+}
+
+.ui.large.vertical.menu {
+ width: 18rem;
+}
+
+/* Huge */
+
+.ui.huge.menu {
+ font-size: 1.21428571rem;
+}
+
+.ui.huge.vertical.menu {
+ width: 22rem;
+}
+
+/* Big */
+
+.ui.big.menu {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.vertical.menu {
+ width: 20rem;
+}
+
+/* Massive */
+
+.ui.massive.menu {
+ font-size: 1.28571429rem;
+}
+
+.ui.massive.vertical.menu {
+ width: 25rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Message
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Message
+*******************************/
+
+.ui.message {
+ position: relative;
+ min-height: 1em;
+ margin: 1em 0em;
+ background: #F8F8F9;
+ padding: 1em 1.5em;
+ line-height: 1.4285em;
+ color: rgba(0, 0, 0, 0.87);
+ transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.message:first-child {
+ margin-top: 0em;
+}
+
+.ui.message:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Content
+---------------*/
+
+/* Header */
+
+.ui.message .header {
+ display: block;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ margin: -0.14285714em 0em 0rem 0em;
+}
+
+/* Default font size */
+
+.ui.message .header:not(.ui) {
+ font-size: 1.14285714em;
+}
+
+/* Paragraph */
+
+.ui.message p {
+ opacity: 0.85;
+ margin: 0.75em 0em;
+}
+
+.ui.message p:first-child {
+ margin-top: 0em;
+}
+
+.ui.message p:last-child {
+ margin-bottom: 0em;
+}
+
+.ui.message .header + p {
+ margin-top: 0.25em;
+}
+
+/* List */
+
+.ui.message .list:not(.ui) {
+ text-align: left;
+ padding: 0em;
+ opacity: 0.85;
+ list-style-position: inside;
+ margin: 0.5em 0em 0em;
+}
+
+.ui.message .list:not(.ui):first-child {
+ margin-top: 0em;
+}
+
+.ui.message .list:not(.ui):last-child {
+ margin-bottom: 0em;
+}
+
+.ui.message .list:not(.ui) li {
+ position: relative;
+ list-style-type: none;
+ margin: 0em 0em 0.3em 1em;
+ padding: 0em;
+}
+
+.ui.message .list:not(.ui) li:before {
+ position: absolute;
+ content: '\2022';
+ left: -1em;
+ height: 100%;
+ vertical-align: baseline;
+}
+
+.ui.message .list:not(.ui) li:last-child {
+ margin-bottom: 0em;
+}
+
+/* Icon */
+
+.ui.message > .icon {
+ margin-right: 0.6em;
+}
+
+/* Close Icon */
+
+.ui.message > .close.icon {
+ cursor: pointer;
+ position: absolute;
+ margin: 0em;
+ top: 0.78575em;
+ right: 0.5em;
+ opacity: 0.7;
+ transition: opacity 0.1s ease;
+}
+
+.ui.message > .close.icon:hover {
+ opacity: 1;
+}
+
+/* First / Last Element */
+
+.ui.message > :first-child {
+ margin-top: 0em;
+}
+
+.ui.message > :last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+.ui.dropdown .menu > .message {
+ margin: 0px -1px;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Visible
+---------------*/
+
+.ui.visible.visible.visible.visible.message {
+ display: block;
+}
+
+.ui.icon.visible.visible.visible.visible.message {
+ display: flex;
+}
+
+/*--------------
+ Hidden
+---------------*/
+
+.ui.hidden.hidden.hidden.hidden.message {
+ display: none;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Compact
+---------------*/
+
+.ui.compact.message {
+ display: inline-block;
+}
+
+.ui.compact.icon.message {
+ display: inline-flex;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+.ui.attached.message {
+ margin-bottom: -1px;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+ box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
+ margin-left: -1px;
+ margin-right: -1px;
+}
+
+.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
+ margin-top: -1px;
+ border-radius: 0em;
+}
+
+.ui.bottom.attached.message {
+ margin-top: -1px;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ui.bottom.attached.message:not(:last-child) {
+ margin-bottom: 1em;
+}
+
+.ui.attached.icon.message {
+ width: auto;
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.icon.message {
+ display: flex;
+ width: 100%;
+ align-items: center;
+}
+
+.ui.icon.message > .icon:not(.close) {
+ display: block;
+ flex: 0 0 auto;
+ width: auto;
+ line-height: 1;
+ vertical-align: middle;
+ font-size: 3em;
+ opacity: 0.8;
+}
+
+.ui.icon.message > .content {
+ display: block;
+ flex: 1 1 auto;
+ vertical-align: middle;
+}
+
+.ui.icon.message .icon:not(.close) + .content {
+ padding-left: 0rem;
+}
+
+.ui.icon.message .circular.icon {
+ width: 1em;
+}
+
+/*--------------
+ Floating
+---------------*/
+
+.ui.floating.message {
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+/*--------------
+ Colors
+---------------*/
+
+.ui.black.message {
+ background-color: #1B1C1D;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/*--------------
+ Types
+---------------*/
+
+/* Positive */
+
+.ui.positive.message {
+ background-color: #FCFFF5;
+ color: #2C662D;
+}
+
+.ui.positive.message,
+.ui.attached.positive.message {
+ box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.positive.message .header {
+ color: #1A531B;
+}
+
+/* Negative */
+
+.ui.negative.message {
+ background-color: #FFF6F6;
+ color: #9F3A38;
+}
+
+.ui.negative.message,
+.ui.attached.negative.message {
+ box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.negative.message .header {
+ color: #912D2B;
+}
+
+/* Info */
+
+.ui.info.message {
+ background-color: #F8FFFF;
+ color: #276F86;
+}
+
+.ui.info.message,
+.ui.attached.info.message {
+ box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.info.message .header {
+ color: #0E566C;
+}
+
+/* Warning */
+
+.ui.warning.message {
+ background-color: #FFFAF3;
+ color: #573A08;
+}
+
+.ui.warning.message,
+.ui.attached.warning.message {
+ box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.warning.message .header {
+ color: #794B02;
+}
+
+/* Error */
+
+.ui.error.message {
+ background-color: #FFF6F6;
+ color: #9F3A38;
+}
+
+.ui.error.message,
+.ui.attached.error.message {
+ box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.error.message .header {
+ color: #912D2B;
+}
+
+/* Success */
+
+.ui.success.message {
+ background-color: #FCFFF5;
+ color: #2C662D;
+}
+
+.ui.success.message,
+.ui.attached.success.message {
+ box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.success.message .header {
+ color: #1A531B;
+}
+
+/* Colors */
+
+.ui.inverted.message,
+.ui.black.message {
+ background-color: #1B1C1D;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.red.message {
+ background-color: #FFE8E6;
+ color: #DB2828;
+ box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.red.message .header {
+ color: #c82121;
+}
+
+.ui.orange.message {
+ background-color: #FFEDDE;
+ color: #F2711C;
+ box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.orange.message .header {
+ color: #e7640d;
+}
+
+.ui.yellow.message {
+ background-color: #FFF8DB;
+ color: #B58105;
+ box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.yellow.message .header {
+ color: #9c6f04;
+}
+
+.ui.olive.message {
+ background-color: #FBFDEF;
+ color: #8ABC1E;
+ box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.olive.message .header {
+ color: #7aa61a;
+}
+
+.ui.green.message {
+ background-color: #E5F9E7;
+ color: #1EBC30;
+ box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.green.message .header {
+ color: #1aa62a;
+}
+
+.ui.teal.message {
+ background-color: #E1F7F7;
+ color: #10A3A3;
+ box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.teal.message .header {
+ color: #0e8c8c;
+}
+
+.ui.blue.message {
+ background-color: #DFF0FF;
+ color: #2185D0;
+ box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.blue.message .header {
+ color: #1e77ba;
+}
+
+.ui.violet.message {
+ background-color: #EAE7FF;
+ color: #6435C9;
+ box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.violet.message .header {
+ color: #5a30b5;
+}
+
+.ui.purple.message {
+ background-color: #F6E7FF;
+ color: #A333C8;
+ box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.purple.message .header {
+ color: #922eb4;
+}
+
+.ui.pink.message {
+ background-color: #FFE3FB;
+ color: #E03997;
+ box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.pink.message .header {
+ color: #dd238b;
+}
+
+.ui.brown.message {
+ background-color: #F1E2D3;
+ color: #A5673F;
+ box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.brown.message .header {
+ color: #935b38;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.mini.message {
+ font-size: 0.78571429em;
+}
+
+.ui.tiny.message {
+ font-size: 0.85714286em;
+}
+
+.ui.small.message {
+ font-size: 0.92857143em;
+}
+
+.ui.message {
+ font-size: 1em;
+}
+
+.ui.large.message {
+ font-size: 1.14285714em;
+}
+
+.ui.big.message {
+ font-size: 1.28571429em;
+}
+
+.ui.huge.message {
+ font-size: 1.42857143em;
+}
+
+.ui.massive.message {
+ font-size: 1.71428571em;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Table
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Table
+*******************************/
+
+/* Prototype */
+
+.ui.table {
+ width: 100%;
+ background: #FFFFFF;
+ margin: 1em 0em;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: none;
+ border-radius: 0.28571429rem;
+ text-align: left;
+ color: rgba(0, 0, 0, 0.87);
+ border-collapse: separate;
+ border-spacing: 0px;
+}
+
+.ui.table:first-child {
+ margin-top: 0em;
+}
+
+.ui.table:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Parts
+*******************************/
+
+/* Table Content */
+
+.ui.table th,
+.ui.table td {
+ transition: background 0.1s ease, color 0.1s ease;
+}
+
+/* Headers */
+
+.ui.table thead {
+ box-shadow: none;
+}
+
+.ui.table thead th {
+ cursor: auto;
+ background: #F9FAFB;
+ text-align: inherit;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0.92857143em 0.78571429em;
+ vertical-align: inherit;
+ font-style: none;
+ font-weight: bold;
+ text-transform: none;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+ border-left: none;
+}
+
+.ui.table thead tr > th:first-child {
+ border-left: none;
+}
+
+.ui.table thead tr:first-child > th:first-child {
+ border-radius: 0.28571429rem 0em 0em 0em;
+}
+
+.ui.table thead tr:first-child > th:last-child {
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+.ui.table thead tr:first-child > th:only-child {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/* Footer */
+
+.ui.table tfoot {
+ box-shadow: none;
+}
+
+.ui.table tfoot th {
+ cursor: auto;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ background: #F9FAFB;
+ text-align: inherit;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0.78571429em 0.78571429em;
+ vertical-align: middle;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none;
+}
+
+.ui.table tfoot tr > th:first-child {
+ border-left: none;
+}
+
+.ui.table tfoot tr:first-child > th:first-child {
+ border-radius: 0em 0em 0em 0.28571429rem;
+}
+
+.ui.table tfoot tr:first-child > th:last-child {
+ border-radius: 0em 0em 0.28571429rem 0em;
+}
+
+.ui.table tfoot tr:first-child > th:only-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/* Table Row */
+
+.ui.table tr td {
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.table tr:first-child td {
+ border-top: none;
+}
+
+/* Repeated tbody */
+
+.ui.table tbody + tbody tr:first-child td {
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+/* Table Cells */
+
+.ui.table td {
+ padding: 0.78571429em 0.78571429em;
+ text-align: inherit;
+}
+
+/* Icons */
+
+.ui.table > .icon {
+ vertical-align: baseline;
+}
+
+.ui.table > .icon:only-child {
+ margin: 0em;
+}
+
+/* Table Segment */
+
+.ui.table.segment {
+ padding: 0em;
+}
+
+.ui.table.segment:after {
+ display: none;
+}
+
+.ui.table.segment.stacked:after {
+ display: block;
+}
+
+/* Responsive */
+
+@media only screen and (max-width: 767px) {
+ .ui.table:not(.unstackable) {
+ width: 100%;
+ }
+
+ .ui.table:not(.unstackable) tbody,
+ .ui.table:not(.unstackable) tr,
+ .ui.table:not(.unstackable) tr > th,
+ .ui.table:not(.unstackable) tr > td {
+ width: auto !important;
+ display: block !important;
+ }
+
+ .ui.table:not(.unstackable) {
+ padding: 0em;
+ }
+
+ .ui.table:not(.unstackable) thead {
+ display: block;
+ }
+
+ .ui.table:not(.unstackable) tfoot {
+ display: block;
+ }
+
+ .ui.table:not(.unstackable) tr {
+ padding-top: 1em;
+ padding-bottom: 1em;
+ box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+ }
+
+ .ui.table:not(.unstackable) tr > th,
+ .ui.table:not(.unstackable) tr > td {
+ background: none;
+ border: none !important;
+ padding: 0.25em 0.75em !important;
+ box-shadow: none !important;
+ }
+
+ .ui.table:not(.unstackable) th:first-child,
+ .ui.table:not(.unstackable) td:first-child {
+ font-weight: bold;
+ }
+
+ /* Definition Table */
+
+ .ui.definition.table:not(.unstackable) thead th:first-child {
+ box-shadow: none !important;
+ }
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+/* UI Image */
+
+.ui.table th .image,
+.ui.table th .image img,
+.ui.table td .image,
+.ui.table td .image img {
+ max-width: none;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Complex
+---------------*/
+
+.ui.structured.table {
+ border-collapse: collapse;
+}
+
+.ui.structured.table thead th {
+ border-left: none;
+ border-right: none;
+}
+
+.ui.structured.sortable.table thead th {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.structured.basic.table th {
+ border-left: none;
+ border-right: none;
+}
+
+.ui.structured.celled.table tr th,
+.ui.structured.celled.table tr td {
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
+ border-right: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+/*--------------
+ Definition
+---------------*/
+
+.ui.definition.table thead:not(.full-width) th:first-child {
+ pointer-events: none;
+ background: transparent;
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.4);
+ box-shadow: -1px -1px 0px 1px #FFFFFF;
+}
+
+.ui.definition.table tfoot:not(.full-width) th:first-child {
+ pointer-events: none;
+ background: transparent;
+ font-weight: rgba(0, 0, 0, 0.4);
+ color: normal;
+ box-shadow: 1px 1px 0px 1px #FFFFFF;
+}
+
+/* Remove Border */
+
+.ui.celled.definition.table thead:not(.full-width) th:first-child {
+ box-shadow: 0px -1px 0px 1px #FFFFFF;
+}
+
+.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
+ box-shadow: 0px 1px 0px 1px #FFFFFF;
+}
+
+/* Highlight Defining Column */
+
+.ui.definition.table tr td:first-child:not(.ignored),
+.ui.definition.table tr td.definition {
+ background: rgba(0, 0, 0, 0.03);
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.95);
+ text-transform: '';
+ box-shadow: '';
+ text-align: '';
+ font-size: 1em;
+ padding-left: '';
+ padding-right: '';
+}
+
+/* Fix 2nd Column */
+
+.ui.definition.table thead:not(.full-width) th:nth-child(2) {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.definition.table td:nth-child(2) {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Positive
+---------------*/
+
+.ui.table tr.positive,
+.ui.table td.positive {
+ box-shadow: 0px 0px 0px #A3C293 inset;
+}
+
+.ui.table tr.positive,
+.ui.table td.positive {
+ background: #FCFFF5 !important;
+ color: #2C662D !important;
+}
+
+/*--------------
+ Negative
+---------------*/
+
+.ui.table tr.negative,
+.ui.table td.negative {
+ box-shadow: 0px 0px 0px #E0B4B4 inset;
+}
+
+.ui.table tr.negative,
+.ui.table td.negative {
+ background: #FFF6F6 !important;
+ color: #9F3A38 !important;
+}
+
+/*--------------
+ Error
+---------------*/
+
+.ui.table tr.error,
+.ui.table td.error {
+ box-shadow: 0px 0px 0px #E0B4B4 inset;
+}
+
+.ui.table tr.error,
+.ui.table td.error {
+ background: #FFF6F6 !important;
+ color: #9F3A38 !important;
+}
+
+/*--------------
+ Warning
+---------------*/
+
+.ui.table tr.warning,
+.ui.table td.warning {
+ box-shadow: 0px 0px 0px #C9BA9B inset;
+}
+
+.ui.table tr.warning,
+.ui.table td.warning {
+ background: #FFFAF3 !important;
+ color: #573A08 !important;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.table tr.active,
+.ui.table td.active {
+ box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
+}
+
+.ui.table tr.active,
+.ui.table td.active {
+ background: #E0E0E0 !important;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.table tr.disabled td,
+.ui.table tr td.disabled,
+.ui.table tr.disabled:hover,
+.ui.table tr:hover td.disabled {
+ pointer-events: none;
+ color: rgba(40, 40, 40, 0.3);
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Stackable
+---------------*/
+
+@media only screen and (max-width: 991px) {
+ .ui[class*="tablet stackable"].table,
+ .ui[class*="tablet stackable"].table tbody,
+ .ui[class*="tablet stackable"].table tr,
+ .ui[class*="tablet stackable"].table tr > th,
+ .ui[class*="tablet stackable"].table tr > td {
+ width: 100% !important;
+ display: block !important;
+ }
+
+ .ui[class*="tablet stackable"].table {
+ padding: 0em;
+ }
+
+ .ui[class*="tablet stackable"].table thead {
+ display: block;
+ }
+
+ .ui[class*="tablet stackable"].table tfoot {
+ display: block;
+ }
+
+ .ui[class*="tablet stackable"].table tr {
+ padding-top: 1em;
+ padding-bottom: 1em;
+ box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+ }
+
+ .ui[class*="tablet stackable"].table tr > th,
+ .ui[class*="tablet stackable"].table tr > td {
+ background: none;
+ border: none !important;
+ padding: 0.25em 0.75em;
+ box-shadow: none !important;
+ }
+
+ /* Definition Table */
+
+ .ui.definition[class*="tablet stackable"].table thead th:first-child {
+ box-shadow: none !important;
+ }
+}
+
+/*--------------
+ Text Alignment
+---------------*/
+
+.ui.table[class*="left aligned"],
+.ui.table [class*="left aligned"] {
+ text-align: left;
+}
+
+.ui.table[class*="center aligned"],
+.ui.table [class*="center aligned"] {
+ text-align: center;
+}
+
+.ui.table[class*="right aligned"],
+.ui.table [class*="right aligned"] {
+ text-align: right;
+}
+
+/*------------------
+ Vertical Alignment
+------------------*/
+
+.ui.table[class*="top aligned"],
+.ui.table [class*="top aligned"] {
+ vertical-align: top;
+}
+
+.ui.table[class*="middle aligned"],
+.ui.table [class*="middle aligned"] {
+ vertical-align: middle;
+}
+
+.ui.table[class*="bottom aligned"],
+.ui.table [class*="bottom aligned"] {
+ vertical-align: bottom;
+}
+
+/*--------------
+ Collapsing
+---------------*/
+
+.ui.table th.collapsing,
+.ui.table td.collapsing {
+ width: 1px;
+ white-space: nowrap;
+}
+
+/*--------------
+ Fixed
+---------------*/
+
+.ui.fixed.table {
+ table-layout: fixed;
+}
+
+.ui.fixed.table th,
+.ui.fixed.table td {
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+/*--------------
+ Selectable
+---------------*/
+
+.ui.selectable.table tbody tr:hover,
+.ui.table tbody tr td.selectable:hover {
+ background: rgba(0, 0, 0, 0.05) !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.selectable.inverted.table tbody tr:hover,
+.ui.inverted.table tbody tr td.selectable:hover {
+ background: rgba(255, 255, 255, 0.08) !important;
+ color: #ffffff !important;
+}
+
+/* Selectable Cell Link */
+
+.ui.table tbody tr td.selectable {
+ padding: 0em;
+}
+
+.ui.table tbody tr td.selectable > a:not(.ui) {
+ display: block;
+ color: inherit;
+ padding: 0.78571429em 0.78571429em;
+}
+
+/* Other States */
+
+.ui.selectable.table tr.error:hover,
+.ui.table tr td.selectable.error:hover,
+.ui.selectable.table tr:hover td.error {
+ background: #ffe7e7 !important;
+ color: #943634 !important;
+}
+
+.ui.selectable.table tr.warning:hover,
+.ui.table tr td.selectable.warning:hover,
+.ui.selectable.table tr:hover td.warning {
+ background: #fff4e4 !important;
+ color: #493107 !important;
+}
+
+.ui.selectable.table tr.active:hover,
+.ui.table tr td.selectable.active:hover,
+.ui.selectable.table tr:hover td.active {
+ background: #E0E0E0 !important;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.ui.selectable.table tr.positive:hover,
+.ui.table tr td.selectable.positive:hover,
+.ui.selectable.table tr:hover td.positive {
+ background: #f7ffe6 !important;
+ color: #275b28 !important;
+}
+
+.ui.selectable.table tr.negative:hover,
+.ui.table tr td.selectable.negative:hover,
+.ui.selectable.table tr:hover td.negative {
+ background: #ffe7e7 !important;
+ color: #943634 !important;
+}
+
+/*-------------------
+ Attached
+--------------------*/
+
+/* Middle */
+
+.ui.attached.table {
+ top: 0px;
+ bottom: 0px;
+ border-radius: 0px;
+ margin: 0em -1px;
+ width: calc(100% - (-1px * 2));
+ max-width: calc(100% - (-1px * 2));
+ box-shadow: none;
+ border: 1px solid #D4D4D5;
+}
+
+.ui.attached + .ui.attached.table:not(.top) {
+ border-top: none;
+}
+
+/* Top */
+
+.ui[class*="top attached"].table {
+ bottom: 0px;
+ margin-bottom: 0em;
+ top: 0px;
+ margin-top: 1em;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.table[class*="top attached"]:first-child {
+ margin-top: 0em;
+}
+
+/* Bottom */
+
+.ui[class*="bottom attached"].table {
+ bottom: 0px;
+ margin-top: 0em;
+ top: 0px;
+ margin-bottom: 1em;
+ box-shadow: none, none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui[class*="bottom attached"].table:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Striped
+---------------*/
+
+/* Table Striping */
+
+.ui.striped.table > tr:nth-child(2n),
+.ui.striped.table tbody tr:nth-child(2n) {
+ background-color: rgba(0, 0, 50, 0.02);
+}
+
+/* Stripes */
+
+.ui.inverted.striped.table > tr:nth-child(2n),
+.ui.inverted.striped.table tbody tr:nth-child(2n) {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+
+/* Allow striped active hover */
+
+.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
+ background: #EFEFEF !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+/*--------------
+ Single Line
+---------------*/
+
+.ui.table[class*="single line"],
+.ui.table [class*="single line"] {
+ white-space: nowrap;
+}
+
+.ui.table[class*="single line"],
+.ui.table [class*="single line"] {
+ white-space: nowrap;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/* Red */
+
+.ui.red.table {
+ border-top: 0.2em solid #DB2828;
+}
+
+.ui.inverted.red.table {
+ background-color: #DB2828 !important;
+ color: #FFFFFF !important;
+}
+
+/* Orange */
+
+.ui.orange.table {
+ border-top: 0.2em solid #F2711C;
+}
+
+.ui.inverted.orange.table {
+ background-color: #F2711C !important;
+ color: #FFFFFF !important;
+}
+
+/* Yellow */
+
+.ui.yellow.table {
+ border-top: 0.2em solid #FBBD08;
+}
+
+.ui.inverted.yellow.table {
+ background-color: #FBBD08 !important;
+ color: #FFFFFF !important;
+}
+
+/* Olive */
+
+.ui.olive.table {
+ border-top: 0.2em solid #B5CC18;
+}
+
+.ui.inverted.olive.table {
+ background-color: #B5CC18 !important;
+ color: #FFFFFF !important;
+}
+
+/* Green */
+
+.ui.green.table {
+ border-top: 0.2em solid #21BA45;
+}
+
+.ui.inverted.green.table {
+ background-color: #21BA45 !important;
+ color: #FFFFFF !important;
+}
+
+/* Teal */
+
+.ui.teal.table {
+ border-top: 0.2em solid #00B5AD;
+}
+
+.ui.inverted.teal.table {
+ background-color: #00B5AD !important;
+ color: #FFFFFF !important;
+}
+
+/* Blue */
+
+.ui.blue.table {
+ border-top: 0.2em solid #2185D0;
+}
+
+.ui.inverted.blue.table {
+ background-color: #2185D0 !important;
+ color: #FFFFFF !important;
+}
+
+/* Violet */
+
+.ui.violet.table {
+ border-top: 0.2em solid #6435C9;
+}
+
+.ui.inverted.violet.table {
+ background-color: #6435C9 !important;
+ color: #FFFFFF !important;
+}
+
+/* Purple */
+
+.ui.purple.table {
+ border-top: 0.2em solid #A333C8;
+}
+
+.ui.inverted.purple.table {
+ background-color: #A333C8 !important;
+ color: #FFFFFF !important;
+}
+
+/* Pink */
+
+.ui.pink.table {
+ border-top: 0.2em solid #E03997;
+}
+
+.ui.inverted.pink.table {
+ background-color: #E03997 !important;
+ color: #FFFFFF !important;
+}
+
+/* Brown */
+
+.ui.brown.table {
+ border-top: 0.2em solid #A5673F;
+}
+
+.ui.inverted.brown.table {
+ background-color: #A5673F !important;
+ color: #FFFFFF !important;
+}
+
+/* Grey */
+
+.ui.grey.table {
+ border-top: 0.2em solid #767676;
+}
+
+.ui.inverted.grey.table {
+ background-color: #767676 !important;
+ color: #FFFFFF !important;
+}
+
+/* Black */
+
+.ui.black.table {
+ border-top: 0.2em solid #1B1C1D;
+}
+
+.ui.inverted.black.table {
+ background-color: #1B1C1D !important;
+ color: #FFFFFF !important;
+}
+
+/*--------------
+ Column Count
+---------------*/
+
+/* Grid Based */
+
+.ui.one.column.table td {
+ width: 100%;
+}
+
+.ui.two.column.table td {
+ width: 50%;
+}
+
+.ui.three.column.table td {
+ width: 33.33333333%;
+}
+
+.ui.four.column.table td {
+ width: 25%;
+}
+
+.ui.five.column.table td {
+ width: 20%;
+}
+
+.ui.six.column.table td {
+ width: 16.66666667%;
+}
+
+.ui.seven.column.table td {
+ width: 14.28571429%;
+}
+
+.ui.eight.column.table td {
+ width: 12.5%;
+}
+
+.ui.nine.column.table td {
+ width: 11.11111111%;
+}
+
+.ui.ten.column.table td {
+ width: 10%;
+}
+
+.ui.eleven.column.table td {
+ width: 9.09090909%;
+}
+
+.ui.twelve.column.table td {
+ width: 8.33333333%;
+}
+
+.ui.thirteen.column.table td {
+ width: 7.69230769%;
+}
+
+.ui.fourteen.column.table td {
+ width: 7.14285714%;
+}
+
+.ui.fifteen.column.table td {
+ width: 6.66666667%;
+}
+
+.ui.sixteen.column.table td {
+ width: 6.25%;
+}
+
+/* Column Width */
+
+.ui.table th.one.wide,
+.ui.table td.one.wide {
+ width: 6.25%;
+}
+
+.ui.table th.two.wide,
+.ui.table td.two.wide {
+ width: 12.5%;
+}
+
+.ui.table th.three.wide,
+.ui.table td.three.wide {
+ width: 18.75%;
+}
+
+.ui.table th.four.wide,
+.ui.table td.four.wide {
+ width: 25%;
+}
+
+.ui.table th.five.wide,
+.ui.table td.five.wide {
+ width: 31.25%;
+}
+
+.ui.table th.six.wide,
+.ui.table td.six.wide {
+ width: 37.5%;
+}
+
+.ui.table th.seven.wide,
+.ui.table td.seven.wide {
+ width: 43.75%;
+}
+
+.ui.table th.eight.wide,
+.ui.table td.eight.wide {
+ width: 50%;
+}
+
+.ui.table th.nine.wide,
+.ui.table td.nine.wide {
+ width: 56.25%;
+}
+
+.ui.table th.ten.wide,
+.ui.table td.ten.wide {
+ width: 62.5%;
+}
+
+.ui.table th.eleven.wide,
+.ui.table td.eleven.wide {
+ width: 68.75%;
+}
+
+.ui.table th.twelve.wide,
+.ui.table td.twelve.wide {
+ width: 75%;
+}
+
+.ui.table th.thirteen.wide,
+.ui.table td.thirteen.wide {
+ width: 81.25%;
+}
+
+.ui.table th.fourteen.wide,
+.ui.table td.fourteen.wide {
+ width: 87.5%;
+}
+
+.ui.table th.fifteen.wide,
+.ui.table td.fifteen.wide {
+ width: 93.75%;
+}
+
+.ui.table th.sixteen.wide,
+.ui.table td.sixteen.wide {
+ width: 100%;
+}
+
+/*--------------
+ Sortable
+---------------*/
+
+.ui.sortable.table thead th {
+ cursor: pointer;
+ white-space: nowrap;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.sortable.table thead th:first-child {
+ border-left: none;
+}
+
+.ui.sortable.table thead th.sorted,
+.ui.sortable.table thead th.sorted:hover {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.ui.sortable.table thead th:after {
+ display: none;
+ font-style: normal;
+ font-weight: normal;
+ text-decoration: inherit;
+ content: '';
+ height: 1em;
+ width: auto;
+ opacity: 0.8;
+ margin: 0em 0em 0em 0.5em;
+ font-family: 'Icons';
+}
+
+.ui.sortable.table thead th.ascending:after {
+ content: '\F0D8';
+}
+
+.ui.sortable.table thead th.descending:after {
+ content: '\F0D7';
+}
+
+/* Hover */
+
+.ui.sortable.table th.disabled:hover {
+ cursor: auto;
+ color: rgba(40, 40, 40, 0.3);
+}
+
+.ui.sortable.table thead th:hover {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Sorted */
+
+.ui.sortable.table thead th.sorted {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.sortable.table thead th.sorted:after {
+ display: inline-block;
+}
+
+/* Sorted Hover */
+
+.ui.sortable.table thead th.sorted:hover {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Inverted */
+
+.ui.inverted.sortable.table thead th.sorted {
+ background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ color: #ffffff;
+}
+
+.ui.inverted.sortable.table thead th:hover {
+ background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ color: #ffffff;
+}
+
+.ui.inverted.sortable.table thead th {
+ border-left-color: transparent;
+ border-right-color: transparent;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+/* Text Color */
+
+.ui.inverted.table {
+ background: #333333;
+ color: rgba(255, 255, 255, 0.9);
+ border: none;
+}
+
+.ui.inverted.table th {
+ background-color: rgba(0, 0, 0, 0.15);
+ border-color: rgba(255, 255, 255, 0.1) !important;
+ color: rgba(255, 255, 255, 0.9) !important;
+}
+
+.ui.inverted.table tr td {
+ border-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.ui.inverted.table tr.disabled td,
+.ui.inverted.table tr td.disabled,
+.ui.inverted.table tr.disabled:hover td,
+.ui.inverted.table tr:hover td.disabled {
+ pointer-events: none;
+ color: rgba(225, 225, 225, 0.3);
+}
+
+/* Definition */
+
+.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
+.ui.inverted.definition.table thead:not(.full-width) th:first-child {
+ background: #FFFFFF;
+}
+
+.ui.inverted.definition.table tr td:first-child {
+ background: rgba(255, 255, 255, 0.02);
+ color: #ffffff;
+}
+
+/*--------------
+ Collapsing
+---------------*/
+
+.ui.collapsing.table {
+ width: auto;
+}
+
+/*--------------
+ Basic
+---------------*/
+
+.ui.basic.table {
+ background: transparent;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: none;
+}
+
+.ui.basic.table thead,
+.ui.basic.table tfoot {
+ box-shadow: none;
+}
+
+.ui.basic.table th {
+ background: transparent;
+ border-left: none;
+}
+
+.ui.basic.table tbody tr {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.basic.table td {
+ background: transparent;
+}
+
+.ui.basic.striped.table tbody tr:nth-child(2n) {
+ background-color: rgba(0, 0, 0, 0.05) !important;
+}
+
+/* Very Basic */
+
+.ui[class*="very basic"].table {
+ border: none;
+}
+
+.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
+ padding: '';
+}
+
+.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
+ padding-left: 0em;
+}
+
+.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
+ padding-right: 0em;
+}
+
+.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
+ padding-top: 0em;
+}
+
+/*--------------
+ Celled
+---------------*/
+
+.ui.celled.table tr th,
+.ui.celled.table tr td {
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.celled.table tr th:first-child,
+.ui.celled.table tr td:first-child {
+ border-left: none;
+}
+
+/*--------------
+ Padded
+---------------*/
+
+.ui.padded.table th {
+ padding-left: 1em;
+ padding-right: 1em;
+}
+
+.ui.padded.table th,
+.ui.padded.table td {
+ padding: 1em 1em;
+}
+
+/* Very */
+
+.ui[class*="very padded"].table th {
+ padding-left: 1.5em;
+ padding-right: 1.5em;
+}
+
+.ui[class*="very padded"].table td {
+ padding: 1.5em 1.5em;
+}
+
+/*--------------
+ Compact
+---------------*/
+
+.ui.compact.table th {
+ padding-left: 0.7em;
+ padding-right: 0.7em;
+}
+
+.ui.compact.table td {
+ padding: 0.5em 0.7em;
+}
+
+/* Very */
+
+.ui[class*="very compact"].table th {
+ padding-left: 0.6em;
+ padding-right: 0.6em;
+}
+
+.ui[class*="very compact"].table td {
+ padding: 0.4em 0.6em;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+/* Small */
+
+.ui.small.table {
+ font-size: 0.9em;
+}
+
+/* Standard */
+
+.ui.table {
+ font-size: 1em;
+}
+
+/* Large */
+
+.ui.large.table {
+ font-size: 1.1em;
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Ad
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Advertisement
+*******************************/
+
+.ui.ad {
+ display: block;
+ overflow: hidden;
+ margin: 1em 0em;
+}
+
+.ui.ad:first-child {
+ margin: 0em;
+}
+
+.ui.ad:last-child {
+ margin: 0em;
+}
+
+.ui.ad iframe {
+ margin: 0em;
+ padding: 0em;
+ border: none;
+ overflow: hidden;
+}
+
+/*--------------
+ Common
+---------------*/
+
+/* Leaderboard */
+
+.ui.leaderboard.ad {
+ width: 728px;
+ height: 90px;
+}
+
+/* Medium Rectangle */
+
+.ui[class*="medium rectangle"].ad {
+ width: 300px;
+ height: 250px;
+}
+
+/* Large Rectangle */
+
+.ui[class*="large rectangle"].ad {
+ width: 336px;
+ height: 280px;
+}
+
+/* Half Page */
+
+.ui[class*="half page"].ad {
+ width: 300px;
+ height: 600px;
+}
+
+/*--------------
+ Square
+---------------*/
+
+/* Square */
+
+.ui.square.ad {
+ width: 250px;
+ height: 250px;
+}
+
+/* Small Square */
+
+.ui[class*="small square"].ad {
+ width: 200px;
+ height: 200px;
+}
+
+/*--------------
+ Rectangle
+---------------*/
+
+/* Small Rectangle */
+
+.ui[class*="small rectangle"].ad {
+ width: 180px;
+ height: 150px;
+}
+
+/* Vertical Rectangle */
+
+.ui[class*="vertical rectangle"].ad {
+ width: 240px;
+ height: 400px;
+}
+
+/*--------------
+ Button
+---------------*/
+
+.ui.button.ad {
+ width: 120px;
+ height: 90px;
+}
+
+.ui[class*="square button"].ad {
+ width: 125px;
+ height: 125px;
+}
+
+.ui[class*="small button"].ad {
+ width: 120px;
+ height: 60px;
+}
+
+/*--------------
+ Skyscrapers
+---------------*/
+
+/* Skyscraper */
+
+.ui.skyscraper.ad {
+ width: 120px;
+ height: 600px;
+}
+
+/* Wide Skyscraper */
+
+.ui[class*="wide skyscraper"].ad {
+ width: 160px;
+}
+
+/*--------------
+ Banners
+---------------*/
+
+/* Banner */
+
+.ui.banner.ad {
+ width: 468px;
+ height: 60px;
+}
+
+/* Vertical Banner */
+
+.ui[class*="vertical banner"].ad {
+ width: 120px;
+ height: 240px;
+}
+
+/* Top Banner */
+
+.ui[class*="top banner"].ad {
+ width: 930px;
+ height: 180px;
+}
+
+/* Half Banner */
+
+.ui[class*="half banner"].ad {
+ width: 234px;
+ height: 60px;
+}
+
+/*--------------
+ Boards
+---------------*/
+
+/* Leaderboard */
+
+.ui[class*="large leaderboard"].ad {
+ width: 970px;
+ height: 90px;
+}
+
+/* Billboard */
+
+.ui.billboard.ad {
+ width: 970px;
+ height: 250px;
+}
+
+/*--------------
+ Panorama
+---------------*/
+
+/* Panorama */
+
+.ui.panorama.ad {
+ width: 980px;
+ height: 120px;
+}
+
+/*--------------
+ Netboard
+---------------*/
+
+/* Netboard */
+
+.ui.netboard.ad {
+ width: 580px;
+ height: 400px;
+}
+
+/*--------------
+ Mobile
+---------------*/
+
+/* Large Mobile Banner */
+
+.ui[class*="large mobile banner"].ad {
+ width: 320px;
+ height: 100px;
+}
+
+/* Mobile Leaderboard */
+
+.ui[class*="mobile leaderboard"].ad {
+ width: 320px;
+ height: 50px;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/* Mobile Sizes */
+
+.ui.mobile.ad {
+ display: none;
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.mobile.ad {
+ display: block;
+ }
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.centered.ad {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.ui.test.ad {
+ position: relative;
+ background: #545454;
+}
+
+.ui.test.ad:after {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 100%;
+ text-align: center;
+ transform: translateX(-50%) translateY(-50%);
+ content: 'Ad';
+ color: #FFFFFF;
+ font-size: 1em;
+ font-weight: bold;
+}
+
+.ui.mobile.test.ad:after {
+ font-size: 0.85714286em;
+}
+
+.ui.test.ad[data-text]:after {
+ content: attr(data-text);
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Item
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+/*--------------
+ Card
+---------------*/
+
+.ui.cards > .card,
+.ui.card {
+ max-width: 100%;
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 290px;
+ min-height: 0px;
+ background: #FFFFFF;
+ padding: 0em;
+ border: none;
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
+ transition: box-shadow 0.1s ease, transform 0.1s ease;
+ z-index: '';
+}
+
+.ui.card {
+ margin: 1em 0em;
+}
+
+.ui.cards > .card a,
+.ui.card a {
+ cursor: pointer;
+}
+
+.ui.card:first-child {
+ margin-top: 0em;
+}
+
+.ui.card:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Cards
+---------------*/
+
+.ui.cards {
+ display: flex;
+ margin: -0.875em -0.5em;
+ flex-wrap: wrap;
+}
+
+.ui.cards > .card {
+ display: flex;
+ margin: 0.875em 0.5em;
+ float: none;
+}
+
+/* Clearing */
+
+.ui.cards:after,
+.ui.card:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+/* Consecutive Card Groups Preserve Row Spacing */
+
+.ui.cards ~ .ui.cards {
+ margin-top: 0.875em;
+}
+
+/*--------------
+ Rounded Edges
+---------------*/
+
+.ui.cards > .card > :first-child,
+.ui.card > :first-child {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
+ border-top: none !important;
+}
+
+.ui.cards > .card > :last-child,
+.ui.card > :last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
+}
+
+.ui.cards > .card > :only-child,
+.ui.card > :only-child {
+ border-radius: 0.28571429rem !important;
+}
+
+/*--------------
+ Images
+---------------*/
+
+.ui.cards > .card > .image,
+.ui.card > .image {
+ position: relative;
+ display: block;
+ flex: 0 0 auto;
+ padding: 0em;
+ background: rgba(0, 0, 0, 0.05);
+}
+
+.ui.cards > .card > .image > img,
+.ui.card > .image > img {
+ display: block;
+ width: 100%;
+ height: auto;
+ border-radius: inherit;
+}
+
+.ui.cards > .card > .image:not(.ui) > img,
+.ui.card > .image:not(.ui) > img {
+ border: none;
+}
+
+/*--------------
+ Content
+---------------*/
+
+.ui.cards > .card > .content,
+.ui.card > .content {
+ flex-grow: 1;
+ border: none;
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
+ background: none;
+ margin: 0em;
+ padding: 1em 1em;
+ box-shadow: none;
+ font-size: 1em;
+ border-radius: 0em;
+}
+
+.ui.cards > .card > .content:after,
+.ui.card > .content:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+.ui.cards > .card > .content > .header,
+.ui.card > .content > .header {
+ display: block;
+ margin: '';
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/* Default Header Size */
+
+.ui.cards > .card > .content > .header:not(.ui),
+.ui.card > .content > .header:not(.ui) {
+ font-weight: bold;
+ font-size: 1.28571429em;
+ margin-top: -0.21425em;
+ line-height: 1.28571429em;
+}
+
+.ui.cards > .card > .content > .meta + .description,
+.ui.cards > .card > .content > .header + .description,
+.ui.card > .content > .meta + .description,
+.ui.card > .content > .header + .description {
+ margin-top: 0.5em;
+}
+
+/*----------------
+ Floated Content
+-----------------*/
+
+.ui.cards > .card [class*="left floated"],
+.ui.card [class*="left floated"] {
+ float: left;
+}
+
+.ui.cards > .card [class*="right floated"],
+.ui.card [class*="right floated"] {
+ float: right;
+}
+
+/*--------------
+ Aligned
+---------------*/
+
+.ui.cards > .card [class*="left aligned"],
+.ui.card [class*="left aligned"] {
+ text-align: left;
+}
+
+.ui.cards > .card [class*="center aligned"],
+.ui.card [class*="center aligned"] {
+ text-align: center;
+}
+
+.ui.cards > .card [class*="right aligned"],
+.ui.card [class*="right aligned"] {
+ text-align: right;
+}
+
+/*--------------
+ Content Image
+---------------*/
+
+.ui.cards > .card .content img,
+.ui.card .content img {
+ display: inline-block;
+ vertical-align: middle;
+ width: '';
+}
+
+.ui.cards > .card img.avatar,
+.ui.cards > .card .avatar img,
+.ui.card img.avatar,
+.ui.card .avatar img {
+ width: 2em;
+ height: 2em;
+ border-radius: 500rem;
+}
+
+/*--------------
+ Description
+---------------*/
+
+.ui.cards > .card > .content > .description,
+.ui.card > .content > .description {
+ clear: both;
+ color: rgba(0, 0, 0, 0.68);
+}
+
+/*--------------
+ Paragraph
+---------------*/
+
+.ui.cards > .card > .content p,
+.ui.card > .content p {
+ margin: 0em 0em 0.5em;
+}
+
+.ui.cards > .card > .content p:last-child,
+.ui.card > .content p:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Meta
+---------------*/
+
+.ui.cards > .card .meta,
+.ui.card .meta {
+ font-size: 1em;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.cards > .card .meta *,
+.ui.card .meta * {
+ margin-right: 0.3em;
+}
+
+.ui.cards > .card .meta :last-child,
+.ui.card .meta :last-child {
+ margin-right: 0em;
+}
+
+.ui.cards > .card .meta [class*="right floated"],
+.ui.card .meta [class*="right floated"] {
+ margin-right: 0em;
+ margin-left: 0.3em;
+}
+
+/*--------------
+ Links
+---------------*/
+
+/* Generic */
+
+.ui.cards > .card > .content a:not(.ui),
+.ui.card > .content a:not(.ui) {
+ color: '';
+ transition: color 0.1s ease;
+}
+
+.ui.cards > .card > .content a:not(.ui):hover,
+.ui.card > .content a:not(.ui):hover {
+ color: '';
+}
+
+/* Header */
+
+.ui.cards > .card > .content > a.header,
+.ui.card > .content > a.header {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.cards > .card > .content > a.header:hover,
+.ui.card > .content > a.header:hover {
+ color: #1e70bf;
+}
+
+/* Meta */
+
+.ui.cards > .card .meta > a:not(.ui),
+.ui.card .meta > a:not(.ui) {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.cards > .card .meta > a:not(.ui):hover,
+.ui.card .meta > a:not(.ui):hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*--------------
+ Buttons
+---------------*/
+
+.ui.cards > .card > .buttons,
+.ui.card > .buttons,
+.ui.cards > .card > .button,
+.ui.card > .button {
+ margin: 0px -1px;
+ width: calc(100% + 2px );
+}
+
+/*--------------
+ Dimmer
+---------------*/
+
+.ui.cards > .card .dimmer,
+.ui.card .dimmer {
+ background-color: '';
+ z-index: 10;
+}
+
+/*--------------
+ Labels
+---------------*/
+
+/*-----Star----- */
+
+/* Icon */
+
+.ui.cards > .card > .content .star.icon,
+.ui.card > .content .star.icon {
+ cursor: pointer;
+ opacity: 0.75;
+ transition: color 0.1s ease;
+}
+
+.ui.cards > .card > .content .star.icon:hover,
+.ui.card > .content .star.icon:hover {
+ opacity: 1;
+ color: #FFB70A;
+}
+
+.ui.cards > .card > .content .active.star.icon,
+.ui.card > .content .active.star.icon {
+ color: #FFE623;
+}
+
+/*-----Like----- */
+
+/* Icon */
+
+.ui.cards > .card > .content .like.icon,
+.ui.card > .content .like.icon {
+ cursor: pointer;
+ opacity: 0.75;
+ transition: color 0.1s ease;
+}
+
+.ui.cards > .card > .content .like.icon:hover,
+.ui.card > .content .like.icon:hover {
+ opacity: 1;
+ color: #FF2733;
+}
+
+.ui.cards > .card > .content .active.like.icon,
+.ui.card > .content .active.like.icon {
+ color: #FF2733;
+}
+
+/*----------------
+ Extra Content
+-----------------*/
+
+.ui.cards > .card > .extra,
+.ui.card > .extra {
+ max-width: 100%;
+ min-height: 0em !important;
+ flex-grow: 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
+ position: static;
+ background: none;
+ width: auto;
+ margin: 0em 0em;
+ padding: 0.75em 1em;
+ top: 0em;
+ left: 0em;
+ color: rgba(0, 0, 0, 0.4);
+ box-shadow: none;
+ transition: color 0.1s ease;
+}
+
+.ui.cards > .card > .extra a:not(.ui),
+.ui.card > .extra a:not(.ui) {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.cards > .card > .extra a:not(.ui):hover,
+.ui.card > .extra a:not(.ui):hover {
+ color: #1e70bf;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Raised
+--------------------*/
+
+.ui.raised.cards > .card,
+.ui.raised.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+.ui.raised.cards a.card:hover,
+.ui.link.cards .raised.card:hover,
+a.ui.raised.card:hover,
+.ui.link.raised.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
+}
+
+.ui.raised.cards > .card,
+.ui.raised.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+/*-------------------
+ Centered
+--------------------*/
+
+.ui.centered.cards {
+ justify-content: center;
+}
+
+.ui.centered.card {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/*-------------------
+ Fluid
+--------------------*/
+
+.ui.fluid.card {
+ width: 100%;
+ max-width: 9999px;
+}
+
+/*-------------------
+ Link
+--------------------*/
+
+.ui.cards a.card,
+.ui.link.cards .card,
+a.ui.card,
+.ui.link.card {
+ transform: none;
+}
+
+.ui.cards a.card:hover,
+.ui.link.cards .card:hover,
+a.ui.card:hover,
+.ui.link.card:hover {
+ cursor: pointer;
+ z-index: 5;
+ background: #FFFFFF;
+ border: none;
+ box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
+ transform: translateY(-3px);
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/* Red */
+
+.ui.red.cards > .card,
+.ui.cards > .red.card,
+.ui.red.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.red.cards > .card:hover,
+.ui.cards > .red.card:hover,
+.ui.red.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Orange */
+
+.ui.orange.cards > .card,
+.ui.cards > .orange.card,
+.ui.orange.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.orange.cards > .card:hover,
+.ui.cards > .orange.card:hover,
+.ui.orange.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Yellow */
+
+.ui.yellow.cards > .card,
+.ui.cards > .yellow.card,
+.ui.yellow.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.yellow.cards > .card:hover,
+.ui.cards > .yellow.card:hover,
+.ui.yellow.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Olive */
+
+.ui.olive.cards > .card,
+.ui.cards > .olive.card,
+.ui.olive.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.olive.cards > .card:hover,
+.ui.cards > .olive.card:hover,
+.ui.olive.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Green */
+
+.ui.green.cards > .card,
+.ui.cards > .green.card,
+.ui.green.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.green.cards > .card:hover,
+.ui.cards > .green.card:hover,
+.ui.green.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Teal */
+
+.ui.teal.cards > .card,
+.ui.cards > .teal.card,
+.ui.teal.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.teal.cards > .card:hover,
+.ui.cards > .teal.card:hover,
+.ui.teal.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Blue */
+
+.ui.blue.cards > .card,
+.ui.cards > .blue.card,
+.ui.blue.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.blue.cards > .card:hover,
+.ui.cards > .blue.card:hover,
+.ui.blue.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Violet */
+
+.ui.violet.cards > .card,
+.ui.cards > .violet.card,
+.ui.violet.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.violet.cards > .card:hover,
+.ui.cards > .violet.card:hover,
+.ui.violet.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Purple */
+
+.ui.purple.cards > .card,
+.ui.cards > .purple.card,
+.ui.purple.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.purple.cards > .card:hover,
+.ui.cards > .purple.card:hover,
+.ui.purple.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Pink */
+
+.ui.pink.cards > .card,
+.ui.cards > .pink.card,
+.ui.pink.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.pink.cards > .card:hover,
+.ui.cards > .pink.card:hover,
+.ui.pink.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Brown */
+
+.ui.brown.cards > .card,
+.ui.cards > .brown.card,
+.ui.brown.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.brown.cards > .card:hover,
+.ui.cards > .brown.card:hover,
+.ui.brown.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Grey */
+
+.ui.grey.cards > .card,
+.ui.cards > .grey.card,
+.ui.grey.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.grey.cards > .card:hover,
+.ui.cards > .grey.card:hover,
+.ui.grey.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Black */
+
+.ui.black.cards > .card,
+.ui.cards > .black.card,
+.ui.black.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.black.cards > .card:hover,
+.ui.cards > .black.card:hover,
+.ui.black.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;
+}
+
+/*--------------
+ Card Count
+---------------*/
+
+.ui.one.cards {
+ margin-left: 0em;
+ margin-right: 0em;
+}
+
+.ui.one.cards > .card {
+ width: 100%;
+}
+
+.ui.two.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+}
+
+.ui.two.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+}
+
+.ui.three.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+}
+
+.ui.three.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+}
+
+.ui.four.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+}
+
+.ui.four.cards > .card {
+ width: calc( 25% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+}
+
+.ui.five.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+}
+
+.ui.five.cards > .card {
+ width: calc( 20% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+}
+
+.ui.six.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+}
+
+.ui.six.cards > .card {
+ width: calc( 16.66666667% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+}
+
+.ui.seven.cards {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+
+.ui.seven.cards > .card {
+ width: calc( 14.28571429% - 1em );
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+.ui.eight.cards {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+
+.ui.eight.cards > .card {
+ width: calc( 12.5% - 1em );
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ font-size: 11px;
+}
+
+.ui.nine.cards {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+
+.ui.nine.cards > .card {
+ width: calc( 11.11111111% - 1em );
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ font-size: 10px;
+}
+
+.ui.ten.cards {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+
+.ui.ten.cards > .card {
+ width: calc( 10% - 1em );
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+/*-------------------
+ Doubling
+--------------------*/
+
+/* Mobile Only */
+
+@media only screen and (max-width: 767px) {
+ .ui.two.doubling.cards {
+ margin-left: 0em;
+ margin-right: 0em;
+ }
+
+ .ui.two.doubling.cards > .card {
+ width: 100%;
+ margin-left: 0em;
+ margin-right: 0em;
+ }
+
+ .ui.three.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.three.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.four.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.four.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.five.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.five.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.six.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.six.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.seven.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.seven.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.eight.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.eight.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.nine.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.nine.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.ten.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.ten.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+}
+
+/* Tablet Only */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.two.doubling.cards {
+ margin-left: 0em;
+ margin-right: 0em;
+ }
+
+ .ui.two.doubling.cards > .card {
+ width: 100%;
+ margin-left: 0em;
+ margin-right: 0em;
+ }
+
+ .ui.three.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.three.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.four.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.four.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.five.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.five.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.six.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.six.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.eight.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.eight.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.eight.doubling.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+ }
+
+ .ui.eight.doubling.cards > .card {
+ width: calc( 25% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+ }
+
+ .ui.nine.doubling.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+ }
+
+ .ui.nine.doubling.cards > .card {
+ width: calc( 25% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+ }
+
+ .ui.ten.doubling.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+ }
+
+ .ui.ten.doubling.cards > .card {
+ width: calc( 20% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+ }
+}
+
+/*-------------------
+ Stackable
+--------------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.cards {
+ display: block !important;
+ }
+
+ .ui.stackable.cards .card:first-child {
+ margin-top: 0em !important;
+ }
+
+ .ui.stackable.cards > .card {
+ display: block !important;
+ height: auto !important;
+ margin: 1em 1em;
+ padding: 0 !important;
+ width: calc( 100% - 2em ) !important;
+ }
+}
+
+/*--------------
+ Size
+---------------*/
+
+.ui.cards > .card {
+ font-size: 1em;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Comment
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+/*--------------
+ Comments
+---------------*/
+
+.ui.comments {
+ margin: 1.5em 0em;
+ max-width: 650px;
+}
+
+.ui.comments:first-child {
+ margin-top: 0em;
+}
+
+.ui.comments:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Comment
+---------------*/
+
+.ui.comments .comment {
+ position: relative;
+ background: none;
+ margin: 0.5em 0em 0em;
+ padding: 0.5em 0em 0em;
+ border: none;
+ border-top: none;
+ line-height: 1.2;
+}
+
+.ui.comments .comment:first-child {
+ margin-top: 0em;
+ padding-top: 0em;
+}
+
+/*--------------------
+ Nested Comments
+---------------------*/
+
+.ui.comments .comment .comments {
+ margin: 0em 0em 0.5em 0.5em;
+ padding: 1em 0em 1em 1em;
+}
+
+.ui.comments .comment .comments:before {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+}
+
+.ui.comments .comment .comments .comment {
+ border: none;
+ border-top: none;
+ background: none;
+}
+
+/*--------------
+ Avatar
+---------------*/
+
+.ui.comments .comment .avatar {
+ display: block;
+ width: 2.5em;
+ height: auto;
+ float: left;
+ margin: 0.2em 0em 0em;
+}
+
+.ui.comments .comment img.avatar,
+.ui.comments .comment .avatar img {
+ display: block;
+ margin: 0em auto;
+ width: 100%;
+ height: 100%;
+ border-radius: 0.25rem;
+}
+
+/*--------------
+ Content
+---------------*/
+
+.ui.comments .comment > .content {
+ display: block;
+}
+
+/* If there is an avatar move content over */
+
+.ui.comments .comment > .avatar ~ .content {
+ margin-left: 3.5em;
+}
+
+/*--------------
+ Author
+---------------*/
+
+.ui.comments .comment .author {
+ font-size: 1em;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.ui.comments .comment a.author {
+ cursor: pointer;
+}
+
+.ui.comments .comment a.author:hover {
+ color: #1e70bf;
+}
+
+/*--------------
+ Metadata
+---------------*/
+
+.ui.comments .comment .metadata {
+ display: inline-block;
+ margin-left: 0.5em;
+ color: rgba(0, 0, 0, 0.4);
+ font-size: 0.875em;
+}
+
+.ui.comments .comment .metadata > * {
+ display: inline-block;
+ margin: 0em 0.5em 0em 0em;
+}
+
+.ui.comments .comment .metadata > :last-child {
+ margin-right: 0em;
+}
+
+/*--------------------
+ Comment Text
+---------------------*/
+
+.ui.comments .comment .text {
+ margin: 0.25em 0em 0.5em;
+ font-size: 1em;
+ word-wrap: break-word;
+ color: rgba(0, 0, 0, 0.87);
+ line-height: 1.3;
+}
+
+/*--------------------
+ User Actions
+---------------------*/
+
+.ui.comments .comment .actions {
+ font-size: 0.875em;
+}
+
+.ui.comments .comment .actions a {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0em 0.75em 0em 0em;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.comments .comment .actions a:last-child {
+ margin-right: 0em;
+}
+
+.ui.comments .comment .actions a.active,
+.ui.comments .comment .actions a:hover {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/*--------------------
+ Reply Form
+---------------------*/
+
+.ui.comments > .reply.form {
+ margin-top: 1em;
+}
+
+.ui.comments .comment .reply.form {
+ width: 100%;
+ margin-top: 1em;
+}
+
+.ui.comments .reply.form textarea {
+ font-size: 1em;
+ height: 12em;
+}
+
+/*******************************
+ State
+*******************************/
+
+.ui.collapsed.comments,
+.ui.comments .collapsed.comments,
+.ui.comments .collapsed.comment {
+ display: none;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------------
+ Threaded
+---------------------*/
+
+.ui.threaded.comments .comment .comments {
+ margin: -1.5em 0 -1em 1.25em;
+ padding: 3em 0em 2em 2.25em;
+ box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+/*--------------------
+ Minimal
+---------------------*/
+
+.ui.minimal.comments .comment .actions {
+ opacity: 0;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ transition: opacity 0.2s ease;
+ transition-delay: 0.1s;
+}
+
+.ui.minimal.comments .comment > .content:hover > .actions {
+ opacity: 1;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.comments {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.comments {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.comments {
+ font-size: 0.92857143rem;
+}
+
+.ui.comments {
+ font-size: 1rem;
+}
+
+.ui.large.comments {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.comments {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.comments {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.comments {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Feed
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Activity Feed
+*******************************/
+
+.ui.feed {
+ margin: 1em 0em;
+}
+
+.ui.feed:first-child {
+ margin-top: 0em;
+}
+
+.ui.feed:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* Event */
+
+.ui.feed > .event {
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+ padding: 0.21428571rem 0em;
+ margin: 0em;
+ background: none;
+ border-top: none;
+}
+
+.ui.feed > .event:first-child {
+ border-top: 0px;
+ padding-top: 0em;
+}
+
+.ui.feed > .event:last-child {
+ padding-bottom: 0em;
+}
+
+/* Event Label */
+
+.ui.feed > .event > .label {
+ display: block;
+ flex: 0 0 auto;
+ width: 2.5em;
+ height: auto;
+ align-self: stretch;
+ text-align: left;
+}
+
+.ui.feed > .event > .label .icon {
+ opacity: 1;
+ font-size: 1.5em;
+ width: 100%;
+ padding: 0.25em;
+ background: none;
+ border: none;
+ border-radius: none;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.feed > .event > .label img {
+ width: 100%;
+ height: auto;
+ border-radius: 500rem;
+}
+
+.ui.feed > .event > .label + .content {
+ margin: 0.5em 0em 0.35714286em 1.14285714em;
+}
+
+/*--------------
+ Content
+---------------*/
+
+/* Content */
+
+.ui.feed > .event > .content {
+ display: block;
+ flex: 1 1 auto;
+ align-self: stretch;
+ text-align: left;
+ word-wrap: break-word;
+}
+
+.ui.feed > .event:last-child > .content {
+ padding-bottom: 0em;
+}
+
+/* Link */
+
+.ui.feed > .event > .content a {
+ cursor: pointer;
+}
+
+/*--------------
+ Date
+---------------*/
+
+.ui.feed > .event > .content .date {
+ margin: -0.5rem 0em 0em;
+ padding: 0em;
+ font-weight: normal;
+ font-size: 1em;
+ font-style: normal;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/*--------------
+ Summary
+---------------*/
+
+.ui.feed > .event > .content .summary {
+ margin: 0em;
+ font-size: 1em;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Summary Image */
+
+.ui.feed > .event > .content .summary img {
+ display: inline-block;
+ width: auto;
+ height: 10em;
+ margin: -0.25em 0.25em 0em 0em;
+ border-radius: 0.25em;
+ vertical-align: middle;
+}
+
+/*--------------
+ User
+---------------*/
+
+.ui.feed > .event > .content .user {
+ display: inline-block;
+ font-weight: bold;
+ margin-right: 0em;
+ vertical-align: baseline;
+}
+
+.ui.feed > .event > .content .user img {
+ margin: -0.25em 0.25em 0em 0em;
+ width: auto;
+ height: 10em;
+ vertical-align: middle;
+}
+
+/*--------------
+ Inline Date
+---------------*/
+
+/* Date inside Summary */
+
+.ui.feed > .event > .content .summary > .date {
+ display: inline-block;
+ float: none;
+ font-weight: normal;
+ font-size: 0.85714286em;
+ font-style: normal;
+ margin: 0em 0em 0em 0.5em;
+ padding: 0em;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/*--------------
+ Extra Summary
+---------------*/
+
+.ui.feed > .event > .content .extra {
+ margin: 0.5em 0em 0em;
+ background: none;
+ padding: 0em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Images */
+
+.ui.feed > .event > .content .extra.images img {
+ display: inline-block;
+ margin: 0em 0.25em 0em 0em;
+ width: 6em;
+}
+
+/* Text */
+
+.ui.feed > .event > .content .extra.text {
+ padding: 0em;
+ border-left: none;
+ font-size: 1em;
+ max-width: 500px;
+ line-height: 1.4285em;
+}
+
+/*--------------
+ Meta
+---------------*/
+
+.ui.feed > .event > .content .meta {
+ display: inline-block;
+ font-size: 0.85714286em;
+ margin: 0.5em 0em 0em;
+ background: none;
+ border: none;
+ border-radius: 0;
+ box-shadow: none;
+ padding: 0em;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.feed > .event > .content .meta > * {
+ position: relative;
+ margin-left: 0.75em;
+}
+
+.ui.feed > .event > .content .meta > *:after {
+ content: '';
+ color: rgba(0, 0, 0, 0.2);
+ top: 0em;
+ left: -1em;
+ opacity: 1;
+ position: absolute;
+ vertical-align: top;
+}
+
+.ui.feed > .event > .content .meta .like {
+ color: '';
+ transition: 0.2s color ease;
+}
+
+.ui.feed > .event > .content .meta .like:hover .icon {
+ color: #FF2733;
+}
+
+.ui.feed > .event > .content .meta .active.like .icon {
+ color: #EF404A;
+}
+
+/* First element */
+
+.ui.feed > .event > .content .meta > :first-child {
+ margin-left: 0em;
+}
+
+.ui.feed > .event > .content .meta > :first-child::after {
+ display: none;
+}
+
+/* Action */
+
+.ui.feed > .event > .content .meta a,
+.ui.feed > .event > .content .meta > .icon {
+ cursor: pointer;
+ opacity: 1;
+ color: rgba(0, 0, 0, 0.5);
+ transition: color 0.1s ease;
+}
+
+.ui.feed > .event > .content .meta a:hover,
+.ui.feed > .event > .content .meta a:hover .icon,
+.ui.feed > .event > .content .meta > .icon:hover {
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.small.feed {
+ font-size: 0.92857143rem;
+}
+
+.ui.feed {
+ font-size: 1rem;
+}
+
+.ui.large.feed {
+ font-size: 1.14285714rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Item
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+/*--------------
+ Item
+---------------*/
+
+.ui.items > .item {
+ display: flex;
+ margin: 1em 0em;
+ width: 100%;
+ min-height: 0px;
+ background: transparent;
+ padding: 0em;
+ border: none;
+ border-radius: 0rem;
+ box-shadow: none;
+ transition: box-shadow 0.1s ease;
+ z-index: '';
+}
+
+.ui.items > .item a {
+ cursor: pointer;
+}
+
+/*--------------
+ Items
+---------------*/
+
+.ui.items {
+ margin: 1.5em 0em;
+}
+
+.ui.items:first-child {
+ margin-top: 0em !important;
+}
+
+.ui.items:last-child {
+ margin-bottom: 0em !important;
+}
+
+/*--------------
+ Item
+---------------*/
+
+.ui.items > .item:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+.ui.items > .item:first-child {
+ margin-top: 0em;
+}
+
+.ui.items > .item:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Images
+---------------*/
+
+.ui.items > .item > .image {
+ position: relative;
+ flex: 0 0 auto;
+ display: block;
+ float: none;
+ margin: 0em;
+ padding: 0em;
+ max-height: '';
+ align-self: top;
+}
+
+.ui.items > .item > .image > img {
+ display: block;
+ width: 100%;
+ height: auto;
+ border-radius: 0.125rem;
+ border: none;
+}
+
+.ui.items > .item > .image:only-child > img {
+ border-radius: 0rem;
+}
+
+/*--------------
+ Content
+---------------*/
+
+.ui.items > .item > .content {
+ display: block;
+ flex: 1 1 auto;
+ background: none;
+ margin: 0em;
+ padding: 0em;
+ box-shadow: none;
+ font-size: 1em;
+ border: none;
+ border-radius: 0em;
+}
+
+.ui.items > .item > .content:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+.ui.items > .item > .image + .content {
+ min-width: 0;
+ width: auto;
+ display: block;
+ margin-left: 0em;
+ align-self: top;
+ padding-left: 1.5em;
+}
+
+.ui.items > .item > .content > .header {
+ display: inline-block;
+ margin: -0.21425em 0em 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/* Default Header Size */
+
+.ui.items > .item > .content > .header:not(.ui) {
+ font-size: 1.28571429em;
+}
+
+/*--------------
+ Floated
+---------------*/
+
+.ui.items > .item [class*="left floated"] {
+ float: left;
+}
+
+.ui.items > .item [class*="right floated"] {
+ float: right;
+}
+
+/*--------------
+ Content Image
+---------------*/
+
+.ui.items > .item .content img {
+ align-self: middle;
+ width: '';
+}
+
+.ui.items > .item img.avatar,
+.ui.items > .item .avatar img {
+ width: '';
+ height: '';
+ border-radius: 500rem;
+}
+
+/*--------------
+ Description
+---------------*/
+
+.ui.items > .item > .content > .description {
+ margin-top: 0.6em;
+ max-width: auto;
+ font-size: 1em;
+ line-height: 1.4285em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*--------------
+ Paragraph
+---------------*/
+
+.ui.items > .item > .content p {
+ margin: 0em 0em 0.5em;
+}
+
+.ui.items > .item > .content p:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Meta
+---------------*/
+
+.ui.items > .item .meta {
+ margin: 0.5em 0em 0.5em;
+ font-size: 1em;
+ line-height: 1em;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.items > .item .meta * {
+ margin-right: 0.3em;
+}
+
+.ui.items > .item .meta :last-child {
+ margin-right: 0em;
+}
+
+.ui.items > .item .meta [class*="right floated"] {
+ margin-right: 0em;
+ margin-left: 0.3em;
+}
+
+/*--------------
+ Links
+---------------*/
+
+/* Generic */
+
+.ui.items > .item > .content a:not(.ui) {
+ color: '';
+ transition: color 0.1s ease;
+}
+
+.ui.items > .item > .content a:not(.ui):hover {
+ color: '';
+}
+
+/* Header */
+
+.ui.items > .item > .content > a.header {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.items > .item > .content > a.header:hover {
+ color: #1e70bf;
+}
+
+/* Meta */
+
+.ui.items > .item .meta > a:not(.ui) {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.items > .item .meta > a:not(.ui):hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*--------------
+ Labels
+---------------*/
+
+/*-----Star----- */
+
+/* Icon */
+
+.ui.items > .item > .content .favorite.icon {
+ cursor: pointer;
+ opacity: 0.75;
+ transition: color 0.1s ease;
+}
+
+.ui.items > .item > .content .favorite.icon:hover {
+ opacity: 1;
+ color: #FFB70A;
+}
+
+.ui.items > .item > .content .active.favorite.icon {
+ color: #FFE623;
+}
+
+/*-----Like----- */
+
+/* Icon */
+
+.ui.items > .item > .content .like.icon {
+ cursor: pointer;
+ opacity: 0.75;
+ transition: color 0.1s ease;
+}
+
+.ui.items > .item > .content .like.icon:hover {
+ opacity: 1;
+ color: #FF2733;
+}
+
+.ui.items > .item > .content .active.like.icon {
+ color: #FF2733;
+}
+
+/*----------------
+ Extra Content
+-----------------*/
+
+.ui.items > .item .extra {
+ display: block;
+ position: relative;
+ background: none;
+ margin: 0.5rem 0em 0em;
+ width: 100%;
+ padding: 0em 0em 0em;
+ top: 0em;
+ left: 0em;
+ color: rgba(0, 0, 0, 0.4);
+ box-shadow: none;
+ transition: color 0.1s ease;
+ border-top: none;
+}
+
+.ui.items > .item .extra > * {
+ margin: 0.25rem 0.5rem 0.25rem 0em;
+}
+
+.ui.items > .item .extra > [class*="right floated"] {
+ margin: 0.25rem 0em 0.25rem 0.5rem;
+}
+
+.ui.items > .item .extra:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+/*******************************
+ Responsive
+*******************************/
+
+/* Default Image Width */
+
+.ui.items > .item > .image:not(.ui) {
+ width: 175px;
+}
+
+/* Tablet Only */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.items > .item {
+ margin: 1em 0em;
+ }
+
+ .ui.items > .item > .image:not(.ui) {
+ width: 150px;
+ }
+
+ .ui.items > .item > .image + .content {
+ display: block;
+ padding: 0em 0em 0em 1em;
+ }
+}
+
+/* Mobile Only */
+
+@media only screen and (max-width: 767px) {
+ .ui.items:not(.unstackable) > .item {
+ flex-direction: column;
+ margin: 2em 0em;
+ }
+
+ .ui.items:not(.unstackable) > .item > .image {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .ui.items:not(.unstackable) > .item > .image,
+ .ui.items:not(.unstackable) > .item > .image > img {
+ max-width: 100% !important;
+ width: auto !important;
+ max-height: 250px !important;
+ }
+
+ .ui.items:not(.unstackable) > .item > .image + .content {
+ display: block;
+ padding: 1.5em 0em 0em;
+ }
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Aligned
+--------------------*/
+
+.ui.items > .item > .image + [class*="top aligned"].content {
+ align-self: flex-start;
+}
+
+.ui.items > .item > .image + [class*="middle aligned"].content {
+ align-self: center;
+}
+
+.ui.items > .item > .image + [class*="bottom aligned"].content {
+ align-self: flex-end;
+}
+
+/*--------------
+ Relaxed
+---------------*/
+
+.ui.relaxed.items > .item {
+ margin: 1.5em 0em;
+}
+
+.ui[class*="very relaxed"].items > .item {
+ margin: 2em 0em;
+}
+
+/*-------------------
+ Divided
+--------------------*/
+
+.ui.divided.items > .item {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ margin: 0em;
+ padding: 1em 0em;
+}
+
+.ui.divided.items > .item:first-child {
+ border-top: none;
+ margin-top: 0em !important;
+ padding-top: 0em !important;
+}
+
+.ui.divided.items > .item:last-child {
+ margin-bottom: 0em !important;
+ padding-bottom: 0em !important;
+}
+
+/* Relaxed Divided */
+
+.ui.relaxed.divided.items > .item {
+ margin: 0em;
+ padding: 1.5em 0em;
+}
+
+.ui[class*="very relaxed"].divided.items > .item {
+ margin: 0em;
+ padding: 2em 0em;
+}
+
+/*-------------------
+ Link
+--------------------*/
+
+.ui.items a.item:hover,
+.ui.link.items > .item:hover {
+ cursor: pointer;
+}
+
+.ui.items a.item:hover .content .header,
+.ui.link.items > .item:hover .content .header {
+ color: #1e70bf;
+}
+
+/*--------------
+ Size
+---------------*/
+
+.ui.items > .item {
+ font-size: 1em;
+}
+
+/*---------------
+ Unstackable
+----------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.unstackable.items > .item > .image,
+ .ui.unstackable.items > .item > .image > img {
+ width: 125px !important;
+ }
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Statistic
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Statistic
+*******************************/
+
+/* Standalone */
+
+.ui.statistic {
+ display: inline-flex;
+ flex-direction: column;
+ margin: 1em 0em;
+ max-width: auto;
+}
+
+.ui.statistic + .ui.statistic {
+ margin: 0em 0em 0em 1.5em;
+}
+
+.ui.statistic:first-child {
+ margin-top: 0em;
+}
+
+.ui.statistic:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Group
+*******************************/
+
+/* Grouped */
+
+.ui.statistics {
+ display: flex;
+ align-items: flex-start;
+ flex-wrap: wrap;
+}
+
+.ui.statistics > .statistic {
+ display: inline-flex;
+ flex: 0 1 auto;
+ flex-direction: column;
+ margin: 0em 1.5em 1em;
+ max-width: auto;
+}
+
+.ui.statistics {
+ display: flex;
+ margin: 1em -1.5em -1em;
+}
+
+/* Clearing */
+
+.ui.statistics:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+.ui.statistics:first-child {
+ margin-top: 0em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/*--------------
+ Value
+---------------*/
+
+.ui.statistics .statistic > .value,
+.ui.statistic > .value {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 4rem;
+ font-weight: normal;
+ line-height: 1em;
+ color: #1B1C1D;
+ text-transform: uppercase;
+ text-align: center;
+}
+
+/*--------------
+ Label
+---------------*/
+
+.ui.statistics .statistic > .label,
+.ui.statistic > .label {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+ text-transform: uppercase;
+ text-align: center;
+}
+
+/* Top Label */
+
+.ui.statistics .statistic > .label ~ .value,
+.ui.statistic > .label ~ .value {
+ margin-top: 0rem;
+}
+
+/* Bottom Label */
+
+.ui.statistics .statistic > .value ~ .label,
+.ui.statistic > .value ~ .label {
+ margin-top: 0rem;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Icon Value
+---------------*/
+
+.ui.statistics .statistic > .value .icon,
+.ui.statistic > .value .icon {
+ opacity: 1;
+ width: auto;
+ margin: 0em;
+}
+
+/*--------------
+ Text Value
+---------------*/
+
+.ui.statistics .statistic > .text.value,
+.ui.statistic > .text.value {
+ line-height: 1em;
+ min-height: 2em;
+ font-weight: bold;
+ text-align: center;
+}
+
+.ui.statistics .statistic > .text.value + .label,
+.ui.statistic > .text.value + .label {
+ text-align: center;
+}
+
+/*--------------
+ Image Value
+---------------*/
+
+.ui.statistics .statistic > .value img,
+.ui.statistic > .value img {
+ max-height: 3rem;
+ vertical-align: baseline;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Count
+---------------*/
+
+.ui.ten.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.ten.statistics .statistic {
+ min-width: 10%;
+ margin: 0em 0em 1em;
+}
+
+.ui.nine.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.nine.statistics .statistic {
+ min-width: 11.11111111%;
+ margin: 0em 0em 1em;
+}
+
+.ui.eight.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.eight.statistics .statistic {
+ min-width: 12.5%;
+ margin: 0em 0em 1em;
+}
+
+.ui.seven.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.seven.statistics .statistic {
+ min-width: 14.28571429%;
+ margin: 0em 0em 1em;
+}
+
+.ui.six.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.six.statistics .statistic {
+ min-width: 16.66666667%;
+ margin: 0em 0em 1em;
+}
+
+.ui.five.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.five.statistics .statistic {
+ min-width: 20%;
+ margin: 0em 0em 1em;
+}
+
+.ui.four.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.four.statistics .statistic {
+ min-width: 25%;
+ margin: 0em 0em 1em;
+}
+
+.ui.three.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.three.statistics .statistic {
+ min-width: 33.33333333%;
+ margin: 0em 0em 1em;
+}
+
+.ui.two.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.two.statistics .statistic {
+ min-width: 50%;
+ margin: 0em 0em 1em;
+}
+
+.ui.one.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.one.statistics .statistic {
+ min-width: 100%;
+ margin: 0em 0em 1em;
+}
+
+/*--------------
+ Horizontal
+---------------*/
+
+.ui.horizontal.statistic {
+ flex-direction: row;
+ align-items: center;
+}
+
+.ui.horizontal.statistics {
+ flex-direction: column;
+ margin: 0em;
+ max-width: none;
+}
+
+.ui.horizontal.statistics .statistic {
+ flex-direction: row;
+ align-items: center;
+ max-width: none;
+ margin: 1em 0em;
+}
+
+.ui.horizontal.statistic > .text.value,
+.ui.horizontal.statistics > .statistic > .text.value {
+ min-height: 0em !important;
+}
+
+.ui.horizontal.statistics .statistic > .value .icon,
+.ui.horizontal.statistic > .value .icon {
+ width: 1.18em;
+}
+
+.ui.horizontal.statistics .statistic > .value,
+.ui.horizontal.statistic > .value {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.ui.horizontal.statistics .statistic > .label,
+.ui.horizontal.statistic > .label {
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0em 0em 0em 0.75em;
+}
+
+/*--------------
+ Colors
+---------------*/
+
+.ui.red.statistics .statistic > .value,
+.ui.statistics .red.statistic > .value,
+.ui.red.statistic > .value {
+ color: #DB2828;
+}
+
+.ui.orange.statistics .statistic > .value,
+.ui.statistics .orange.statistic > .value,
+.ui.orange.statistic > .value {
+ color: #F2711C;
+}
+
+.ui.yellow.statistics .statistic > .value,
+.ui.statistics .yellow.statistic > .value,
+.ui.yellow.statistic > .value {
+ color: #FBBD08;
+}
+
+.ui.olive.statistics .statistic > .value,
+.ui.statistics .olive.statistic > .value,
+.ui.olive.statistic > .value {
+ color: #B5CC18;
+}
+
+.ui.green.statistics .statistic > .value,
+.ui.statistics .green.statistic > .value,
+.ui.green.statistic > .value {
+ color: #21BA45;
+}
+
+.ui.teal.statistics .statistic > .value,
+.ui.statistics .teal.statistic > .value,
+.ui.teal.statistic > .value {
+ color: #00B5AD;
+}
+
+.ui.blue.statistics .statistic > .value,
+.ui.statistics .blue.statistic > .value,
+.ui.blue.statistic > .value {
+ color: #2185D0;
+}
+
+.ui.violet.statistics .statistic > .value,
+.ui.statistics .violet.statistic > .value,
+.ui.violet.statistic > .value {
+ color: #6435C9;
+}
+
+.ui.purple.statistics .statistic > .value,
+.ui.statistics .purple.statistic > .value,
+.ui.purple.statistic > .value {
+ color: #A333C8;
+}
+
+.ui.pink.statistics .statistic > .value,
+.ui.statistics .pink.statistic > .value,
+.ui.pink.statistic > .value {
+ color: #E03997;
+}
+
+.ui.brown.statistics .statistic > .value,
+.ui.statistics .brown.statistic > .value,
+.ui.brown.statistic > .value {
+ color: #A5673F;
+}
+
+.ui.grey.statistics .statistic > .value,
+.ui.statistics .grey.statistic > .value,
+.ui.grey.statistic > .value {
+ color: #767676;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.inverted.statistics .statistic > .value,
+.ui.inverted.statistic .value {
+ color: #FFFFFF;
+}
+
+.ui.inverted.statistics .statistic > .label,
+.ui.inverted.statistic .label {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.red.statistics .statistic > .value,
+.ui.statistics .inverted.red.statistic > .value,
+.ui.inverted.red.statistic > .value {
+ color: #FF695E;
+}
+
+.ui.inverted.orange.statistics .statistic > .value,
+.ui.statistics .inverted.orange.statistic > .value,
+.ui.inverted.orange.statistic > .value {
+ color: #FF851B;
+}
+
+.ui.inverted.yellow.statistics .statistic > .value,
+.ui.statistics .inverted.yellow.statistic > .value,
+.ui.inverted.yellow.statistic > .value {
+ color: #FFE21F;
+}
+
+.ui.inverted.olive.statistics .statistic > .value,
+.ui.statistics .inverted.olive.statistic > .value,
+.ui.inverted.olive.statistic > .value {
+ color: #D9E778;
+}
+
+.ui.inverted.green.statistics .statistic > .value,
+.ui.statistics .inverted.green.statistic > .value,
+.ui.inverted.green.statistic > .value {
+ color: #2ECC40;
+}
+
+.ui.inverted.teal.statistics .statistic > .value,
+.ui.statistics .inverted.teal.statistic > .value,
+.ui.inverted.teal.statistic > .value {
+ color: #6DFFFF;
+}
+
+.ui.inverted.blue.statistics .statistic > .value,
+.ui.statistics .inverted.blue.statistic > .value,
+.ui.inverted.blue.statistic > .value {
+ color: #54C8FF;
+}
+
+.ui.inverted.violet.statistics .statistic > .value,
+.ui.statistics .inverted.violet.statistic > .value,
+.ui.inverted.violet.statistic > .value {
+ color: #A291FB;
+}
+
+.ui.inverted.purple.statistics .statistic > .value,
+.ui.statistics .inverted.purple.statistic > .value,
+.ui.inverted.purple.statistic > .value {
+ color: #DC73FF;
+}
+
+.ui.inverted.pink.statistics .statistic > .value,
+.ui.statistics .inverted.pink.statistic > .value,
+.ui.inverted.pink.statistic > .value {
+ color: #FF8EDF;
+}
+
+.ui.inverted.brown.statistics .statistic > .value,
+.ui.statistics .inverted.brown.statistic > .value,
+.ui.inverted.brown.statistic > .value {
+ color: #D67C1C;
+}
+
+.ui.inverted.grey.statistics .statistic > .value,
+.ui.statistics .inverted.grey.statistic > .value,
+.ui.inverted.grey.statistic > .value {
+ color: #DCDDDE;
+}
+
+/*--------------
+ Floated
+---------------*/
+
+.ui[class*="left floated"].statistic {
+ float: left;
+ margin: 0em 2em 1em 0em;
+}
+
+.ui[class*="right floated"].statistic {
+ float: right;
+ margin: 0em 0em 1em 2em;
+}
+
+.ui.floated.statistic:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+/* Mini */
+
+.ui.mini.statistics .statistic > .value,
+.ui.mini.statistic > .value {
+ font-size: 1.5rem !important;
+}
+
+.ui.mini.horizontal.statistics .statistic > .value,
+.ui.mini.horizontal.statistic > .value {
+ font-size: 1.5rem !important;
+}
+
+.ui.mini.statistics .statistic > .text.value,
+.ui.mini.statistic > .text.value {
+ font-size: 1rem !important;
+}
+
+/* Tiny */
+
+.ui.tiny.statistics .statistic > .value,
+.ui.tiny.statistic > .value {
+ font-size: 2rem !important;
+}
+
+.ui.tiny.horizontal.statistics .statistic > .value,
+.ui.tiny.horizontal.statistic > .value {
+ font-size: 2rem !important;
+}
+
+.ui.tiny.statistics .statistic > .text.value,
+.ui.tiny.statistic > .text.value {
+ font-size: 1rem !important;
+}
+
+/* Small */
+
+.ui.small.statistics .statistic > .value,
+.ui.small.statistic > .value {
+ font-size: 3rem !important;
+}
+
+.ui.small.horizontal.statistics .statistic > .value,
+.ui.small.horizontal.statistic > .value {
+ font-size: 2rem !important;
+}
+
+.ui.small.statistics .statistic > .text.value,
+.ui.small.statistic > .text.value {
+ font-size: 1rem !important;
+}
+
+/* Medium */
+
+.ui.statistics .statistic > .value,
+.ui.statistic > .value {
+ font-size: 4rem !important;
+}
+
+.ui.horizontal.statistics .statistic > .value,
+.ui.horizontal.statistic > .value {
+ font-size: 3rem !important;
+}
+
+.ui.statistics .statistic > .text.value,
+.ui.statistic > .text.value {
+ font-size: 2rem !important;
+}
+
+/* Large */
+
+.ui.large.statistics .statistic > .value,
+.ui.large.statistic > .value {
+ font-size: 5rem !important;
+}
+
+.ui.large.horizontal.statistics .statistic > .value,
+.ui.large.horizontal.statistic > .value {
+ font-size: 4rem !important;
+}
+
+.ui.large.statistics .statistic > .text.value,
+.ui.large.statistic > .text.value {
+ font-size: 2.5rem !important;
+}
+
+/* Huge */
+
+.ui.huge.statistics .statistic > .value,
+.ui.huge.statistic > .value {
+ font-size: 6rem !important;
+}
+
+.ui.huge.horizontal.statistics .statistic > .value,
+.ui.huge.horizontal.statistic > .value {
+ font-size: 5rem !important;
+}
+
+.ui.huge.statistics .statistic > .text.value,
+.ui.huge.statistic > .text.value {
+ font-size: 2.5rem !important;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Accordion
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Accordion
+*******************************/
+
+.ui.accordion,
+.ui.accordion .accordion {
+ max-width: 100%;
+}
+
+.ui.accordion .accordion {
+ margin: 1em 0em 0em;
+ padding: 0em;
+}
+
+/* Title */
+
+.ui.accordion .title,
+.ui.accordion .accordion .title {
+ cursor: pointer;
+}
+
+/* Default Styling */
+
+.ui.accordion .title:not(.ui) {
+ padding: 0.5em 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Content */
+
+.ui.accordion .title ~ .content,
+.ui.accordion .accordion .title ~ .content {
+ display: none;
+}
+
+/* Default Styling */
+
+.ui.accordion:not(.styled) .title ~ .content:not(.ui),
+.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
+ margin: '';
+ padding: 0.5em 0em 1em;
+}
+
+.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
+ padding-bottom: 0em;
+}
+
+/* Arrow */
+
+.ui.accordion .title .dropdown.icon,
+.ui.accordion .accordion .title .dropdown.icon {
+ display: inline-block;
+ float: none;
+ opacity: 1;
+ width: 1.25em;
+ height: 1em;
+ margin: 0em 0.25rem 0em 0rem;
+ padding: 0em;
+ font-size: 1em;
+ transition: transform 0.1s ease, opacity 0.1s ease;
+ vertical-align: baseline;
+ transform: none;
+}
+
+/*--------------
+ Coupling
+---------------*/
+
+/* Menu */
+
+.ui.accordion.menu .item .title {
+ display: block;
+ padding: 0em;
+}
+
+.ui.accordion.menu .item .title > .dropdown.icon {
+ float: right;
+ margin: 0.21425em 0em 0em 1em;
+ transform: rotate(180deg);
+}
+
+/* Header */
+
+.ui.accordion .ui.header .dropdown.icon {
+ font-size: 1em;
+ margin: 0em 0.25rem 0em 0rem;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.accordion .active.title .dropdown.icon,
+.ui.accordion .accordion .active.title .dropdown.icon {
+ transform: rotate(90deg);
+}
+
+.ui.accordion.menu .item .active.title > .dropdown.icon {
+ transform: rotate(90deg);
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Styled
+---------------*/
+
+.ui.styled.accordion {
+ width: 600px;
+}
+
+.ui.styled.accordion,
+.ui.styled.accordion .accordion {
+ border-radius: 0.28571429rem;
+ background: #FFFFFF;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
+}
+
+.ui.styled.accordion .title,
+.ui.styled.accordion .accordion .title {
+ margin: 0em;
+ padding: 0.75em 1em;
+ color: rgba(0, 0, 0, 0.4);
+ font-weight: bold;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ transition: background 0.1s ease, color 0.1s ease;
+}
+
+.ui.styled.accordion > .title:first-child,
+.ui.styled.accordion .accordion .title:first-child {
+ border-top: none;
+}
+
+/* Content */
+
+.ui.styled.accordion .content,
+.ui.styled.accordion .accordion .content {
+ margin: 0em;
+ padding: 0.5em 1em 1.5em;
+}
+
+.ui.styled.accordion .accordion .content {
+ padding: 0em;
+ padding: 0.5em 1em 1.5em;
+}
+
+/* Hover */
+
+.ui.styled.accordion .title:hover,
+.ui.styled.accordion .active.title,
+.ui.styled.accordion .accordion .title:hover,
+.ui.styled.accordion .accordion .active.title {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.styled.accordion .accordion .title:hover,
+.ui.styled.accordion .accordion .active.title {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Active */
+
+.ui.styled.accordion .active.title {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.styled.accordion .accordion .active.title {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Active
+---------------*/
+
+.ui.accordion .active.content,
+.ui.accordion .accordion .active.content {
+ display: block;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Fluid
+---------------*/
+
+.ui.fluid.accordion,
+.ui.fluid.accordion .accordion {
+ width: 100%;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.inverted.accordion .title:not(.ui) {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+@font-face {
+ font-family: 'Accordion';
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* Dropdown Icon */
+
+.ui.accordion .title .dropdown.icon,
+.ui.accordion .accordion .title .dropdown.icon {
+ font-family: Accordion;
+ line-height: 1;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ font-weight: normal;
+ font-style: normal;
+ text-align: center;
+}
+
+.ui.accordion .title .dropdown.icon:before,
+.ui.accordion .accordion .title .dropdown.icon:before {
+ content: '\F0DA';
+}
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Checkbox
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Checkbox
+*******************************/
+
+/*--------------
+ Content
+---------------*/
+
+.ui.checkbox {
+ position: relative;
+ display: inline-block;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ outline: none;
+ vertical-align: baseline;
+ font-style: normal;
+ min-height: 17px;
+ font-size: 1rem;
+ line-height: 17px;
+ min-width: 17px;
+}
+
+/* HTML Checkbox */
+
+.ui.checkbox input[type="checkbox"],
+.ui.checkbox input[type="radio"] {
+ cursor: pointer;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ opacity: 0 !important;
+ outline: none;
+ z-index: 3;
+ width: 17px;
+ height: 17px;
+}
+
+/*--------------
+ Box
+---------------*/
+
+.ui.checkbox .box,
+.ui.checkbox label {
+ cursor: auto;
+ position: relative;
+ display: block;
+ padding-left: 1.85714em;
+ outline: none;
+ font-size: 1em;
+}
+
+.ui.checkbox .box:before,
+.ui.checkbox label:before {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 17px;
+ height: 17px;
+ content: '';
+ background: #FFFFFF;
+ border-radius: 0.21428571rem;
+ transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
+ border: 1px solid #D4D4D5;
+}
+
+/*--------------
+ Checkmark
+---------------*/
+
+.ui.checkbox .box:after,
+.ui.checkbox label:after {
+ position: absolute;
+ font-size: 14px;
+ top: 0px;
+ left: 0px;
+ width: 17px;
+ height: 17px;
+ text-align: center;
+ opacity: 0;
+ color: rgba(0, 0, 0, 0.87);
+ transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
+}
+
+/*--------------
+ Label
+---------------*/
+
+/* Inside */
+
+.ui.checkbox label,
+.ui.checkbox + label {
+ color: rgba(0, 0, 0, 0.87);
+ transition: color 0.1s ease;
+}
+
+/* Outside */
+
+.ui.checkbox + label {
+ vertical-align: middle;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.checkbox .box:hover::before,
+.ui.checkbox label:hover::before {
+ background: #FFFFFF;
+ border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ui.checkbox label:hover,
+.ui.checkbox + label:hover {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/*--------------
+ Down
+---------------*/
+
+.ui.checkbox .box:active::before,
+.ui.checkbox label:active::before {
+ background: #F9FAFB;
+ border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ui.checkbox .box:active::after,
+.ui.checkbox label:active::after {
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+}
+
+.ui.checkbox input:active ~ label {
+ color: rgba(0, 0, 0, 0.95);
+ /* color: #409eff; */
+}
+
+/*--------------
+ Focus
+---------------*/
+
+.ui.checkbox input:focus ~ .box:before,
+.ui.checkbox input:focus ~ label:before {
+ background: #FFFFFF;
+ border-color: #96C8DA;
+}
+
+.ui.checkbox input:focus ~ .box:after,
+.ui.checkbox input:focus ~ label:after {
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+}
+
+.ui.checkbox input:focus ~ label {
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.checkbox input:checked ~ .box:before,
+.ui.checkbox input:checked ~ label:before {
+ background: #FFFFFF;
+ border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ui.checkbox input:checked ~ .box:after,
+.ui.checkbox input:checked ~ label:after {
+ opacity: 1;
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+
+
+}
+
+/*--------------
+ Indeterminate
+---------------*/
+
+.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
+.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
+ background: #FFFFFF;
+ border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
+.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
+ opacity: 1;
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+
+}
+
+/*--------------
+ Active Focus
+---------------*/
+
+.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
+.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
+.ui.checkbox input:checked:focus ~ .box:before,
+.ui.checkbox input:checked:focus ~ label:before {
+ background: #FFFFFF;
+ border-color: #96C8DA;
+}
+
+.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
+.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
+.ui.checkbox input:checked:focus ~ .box:after,
+.ui.checkbox input:checked:focus ~ label:after {
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+}
+
+/*--------------
+ Read-Only
+---------------*/
+
+.ui.read-only.checkbox,
+.ui.read-only.checkbox label {
+ cursor: default;
+}
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.disabled.checkbox .box:after,
+.ui.disabled.checkbox label,
+.ui.checkbox input[disabled] ~ .box:after,
+.ui.checkbox input[disabled] ~ label {
+ cursor: default !important;
+ opacity: 0.5;
+ color: #000000;
+}
+
+/*--------------
+ Hidden
+---------------*/
+
+/* Initialized checkbox moves input below element
+ to prevent manually triggering */
+
+.ui.checkbox input.hidden {
+ z-index: -1;
+}
+
+/* Selectable Label */
+
+.ui.checkbox input.hidden + label {
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Radio
+---------------*/
+
+.ui.radio.checkbox {
+ min-height: 15px;
+}
+
+.ui.radio.checkbox .box,
+.ui.radio.checkbox label {
+ padding-left: 1.85714em;
+}
+
+/* Box */
+
+.ui.radio.checkbox .box:before,
+.ui.radio.checkbox label:before {
+ content: '';
+ transform: none;
+ width: 15px;
+ height: 15px;
+ border-radius: 500rem;
+ top: 1px;
+ left: 0px;
+}
+
+/* Bullet */
+
+.ui.radio.checkbox .box:after,
+.ui.radio.checkbox label:after {
+ border: none;
+ content: '' !important;
+ width: 15px;
+ height: 15px;
+ line-height: 15px;
+}
+
+/* Radio Checkbox */
+
+.ui.radio.checkbox .box:after,
+.ui.radio.checkbox label:after {
+ top: 1px;
+ left: 0px;
+ width: 15px;
+ height: 15px;
+ border-radius: 500rem;
+ transform: scale(0.46666667);
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+/* Focus */
+
+.ui.radio.checkbox input:focus ~ .box:before,
+.ui.radio.checkbox input:focus ~ label:before {
+ background-color: #FFFFFF;
+}
+
+.ui.radio.checkbox input:focus ~ .box:after,
+.ui.radio.checkbox input:focus ~ label:after {
+ /* background-color: rgba(0, 0, 0, 0.95); */
+ background-color: #409eff;
+
+}
+
+/* Indeterminate */
+
+.ui.radio.checkbox input:indeterminate ~ .box:after,
+.ui.radio.checkbox input:indeterminate ~ label:after {
+ opacity: 0;
+}
+
+/* Active */
+
+.ui.radio.checkbox input:checked ~ .box:before,
+.ui.radio.checkbox input:checked ~ label:before {
+ background-color: #FFFFFF;
+}
+
+.ui.radio.checkbox input:checked ~ .box:after,
+.ui.radio.checkbox input:checked ~ label:after {
+ /* background-color: rgba(0, 0, 0, 0.95); */
+ background-color: #409eff;
+
+}
+
+/* Active Focus */
+
+.ui.radio.checkbox input:focus:checked ~ .box:before,
+.ui.radio.checkbox input:focus:checked ~ label:before {
+ background-color: #FFFFFF;
+}
+
+.ui.radio.checkbox input:focus:checked ~ .box:after,
+.ui.radio.checkbox input:focus:checked ~ label:after {
+ /* background-color: rgba(0, 0, 0, 0.95); */
+ background-color: #409eff;
+}
+
+/*--------------
+ Slider
+---------------*/
+
+.ui.slider.checkbox {
+ min-height: 1.25rem;
+}
+
+/* Input */
+
+.ui.slider.checkbox input {
+ width: 3.5rem;
+ height: 1.25rem;
+}
+
+/* Label */
+
+.ui.slider.checkbox .box,
+.ui.slider.checkbox label {
+ padding-left: 4.5rem;
+ line-height: 1rem;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/* Line */
+
+.ui.slider.checkbox .box:before,
+.ui.slider.checkbox label:before {
+ display: block;
+ position: absolute;
+ content: '';
+ border: none !important;
+ left: 0em;
+ z-index: 1;
+ top: 0.4rem;
+ background-color: rgba(0, 0, 0, 0.05);
+ width: 3.5rem;
+ height: 0.21428571rem;
+ transform: none;
+ border-radius: 500rem;
+ transition: background 0.3s ease;
+}
+
+/* Handle */
+
+.ui.slider.checkbox .box:after,
+.ui.slider.checkbox label:after {
+ background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ position: absolute;
+ content: '' !important;
+ opacity: 1;
+ z-index: 2;
+ border: none;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+ width: 1.5rem;
+ height: 1.5rem;
+ top: -0.25rem;
+ left: 0em;
+ transform: none;
+ border-radius: 500rem;
+ transition: left 0.3s ease;
+}
+
+/* Focus */
+
+.ui.slider.checkbox input:focus ~ .box:before,
+.ui.slider.checkbox input:focus ~ label:before {
+ background-color: rgba(0, 0, 0, 0.15);
+ border: none;
+}
+
+/* Hover */
+
+.ui.slider.checkbox .box:hover,
+.ui.slider.checkbox label:hover {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.slider.checkbox .box:hover::before,
+.ui.slider.checkbox label:hover::before {
+ background: rgba(0, 0, 0, 0.15);
+}
+
+/* Active */
+
+.ui.slider.checkbox input:checked ~ .box,
+.ui.slider.checkbox input:checked ~ label {
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.slider.checkbox input:checked ~ .box:before,
+.ui.slider.checkbox input:checked ~ label:before {
+ background-color: #545454 !important;
+}
+
+.ui.slider.checkbox input:checked ~ .box:after,
+.ui.slider.checkbox input:checked ~ label:after {
+ left: 2rem;
+}
+
+/* Active Focus */
+
+.ui.slider.checkbox input:focus:checked ~ .box,
+.ui.slider.checkbox input:focus:checked ~ label {
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.slider.checkbox input:focus:checked ~ .box:before,
+.ui.slider.checkbox input:focus:checked ~ label:before {
+ background-color: #000000 !important;
+}
+
+/*--------------
+ Toggle
+---------------*/
+
+.ui.toggle.checkbox {
+ min-height: 1.5rem;
+}
+
+/* Input */
+
+.ui.toggle.checkbox input {
+ width: 3.5rem;
+ height: 1.5rem;
+}
+
+/* Label */
+
+.ui.toggle.checkbox .box,
+.ui.toggle.checkbox label {
+ min-height: 1.5rem;
+ padding-left: 4.5rem;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.toggle.checkbox label {
+ padding-top: 0.15em;
+}
+
+/* Switch */
+
+.ui.toggle.checkbox .box:before,
+.ui.toggle.checkbox label:before {
+ display: block;
+ position: absolute;
+ content: '';
+ z-index: 1;
+ transform: none;
+ border: none;
+ top: 0rem;
+ background: rgba(0, 0, 0, 0.05);
+ box-shadow: none;
+ width: 3.5rem;
+ height: 1.5rem;
+ border-radius: 500rem;
+}
+
+/* Handle */
+
+.ui.toggle.checkbox .box:after,
+.ui.toggle.checkbox label:after {
+ background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ position: absolute;
+ content: '' !important;
+ opacity: 1;
+ z-index: 2;
+ border: none;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+ width: 1.5rem;
+ height: 1.5rem;
+ top: 0rem;
+ left: 0em;
+ border-radius: 500rem;
+ transition: background 0.3s ease, left 0.3s ease;
+}
+
+.ui.toggle.checkbox input ~ .box:after,
+.ui.toggle.checkbox input ~ label:after {
+ left: -0.05rem;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+/* Focus */
+
+.ui.toggle.checkbox input:focus ~ .box:before,
+.ui.toggle.checkbox input:focus ~ label:before {
+ background-color: rgba(0, 0, 0, 0.15);
+ border: none;
+}
+
+/* Hover */
+
+.ui.toggle.checkbox .box:hover::before,
+.ui.toggle.checkbox label:hover::before {
+ background-color: rgba(0, 0, 0, 0.15);
+ border: none;
+}
+
+/* Active */
+
+.ui.toggle.checkbox input:checked ~ .box,
+.ui.toggle.checkbox input:checked ~ label {
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.toggle.checkbox input:checked ~ .box:before,
+.ui.toggle.checkbox input:checked ~ label:before {
+ background-color: #2185D0 !important;
+}
+
+.ui.toggle.checkbox input:checked ~ .box:after,
+.ui.toggle.checkbox input:checked ~ label:after {
+ left: 2.15rem;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+/* Active Focus */
+
+.ui.toggle.checkbox input:focus:checked ~ .box,
+.ui.toggle.checkbox input:focus:checked ~ label {
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.toggle.checkbox input:focus:checked ~ .box:before,
+.ui.toggle.checkbox input:focus:checked ~ label:before {
+ background-color: #0d71bb !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Fitted
+---------------*/
+
+.ui.fitted.checkbox .box,
+.ui.fitted.checkbox label {
+ padding-left: 0em !important;
+}
+
+.ui.fitted.toggle.checkbox,
+.ui.fitted.toggle.checkbox {
+ width: 3.5rem;
+}
+
+.ui.fitted.slider.checkbox,
+.ui.fitted.slider.checkbox {
+ width: 3.5rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+@font-face {
+ font-family: 'Checkbox';
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
+}
+
+/* Checkmark */
+
+.ui.checkbox label:after,
+.ui.checkbox .box:after {
+ font-family: 'Checkbox';
+}
+
+/* Checked */
+
+.ui.checkbox input:checked ~ .box:after,
+.ui.checkbox input:checked ~ label:after {
+ content: '\E800';
+}
+
+/* Indeterminate */
+
+.ui.checkbox input:indeterminate ~ .box:after,
+.ui.checkbox input:indeterminate ~ label:after {
+ font-size: 12px;
+ content: '\E801';
+}
+
+/* UTF Reference
+.check:before { content: '\e800'; }
+.dash:before { content: '\e801'; }
+.plus:before { content: '\e802'; }
+*/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Dimmer
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Dimmer
+*******************************/
+
+.dimmable:not(body) {
+ position: relative;
+}
+
+.ui.dimmer {
+ display: none;
+ position: absolute;
+ top: 0em !important;
+ left: 0em !important;
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ vertical-align: middle;
+ padding: 1em;
+ background-color: rgba(0, 0, 0, 0.5);
+ opacity: 0;
+ line-height: 1;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+ transition: background-color 0.5s linear;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ will-change: opacity;
+ z-index: 1000;
+}
+
+/* Dimmer Content */
+
+.ui.dimmer > .content {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ color: #FFFFFF;
+}
+
+/* Loose Coupling */
+
+.ui.segment > .ui.dimmer {
+ border-radius: inherit !important;
+}
+
+/* Scrollbars */
+
+.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
+ background: rgba(255, 255, 255, 0.25);
+}
+
+.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
+ background: rgba(255, 255, 255, 0.15);
+}
+
+.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
+ background: rgba(255, 255, 255, 0.35);
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Animating */
+
+.animating.dimmable:not(body),
+.dimmed.dimmable:not(body) {
+ overflow: hidden;
+}
+
+/* Animating / Active / Visible */
+
+.dimmed.dimmable > .ui.animating.dimmer,
+.dimmed.dimmable > .ui.visible.dimmer,
+.ui.active.dimmer {
+ display: flex;
+ opacity: 1;
+}
+
+/* Disabled */
+
+.ui.disabled.dimmer {
+ width: 0 !important;
+ height: 0 !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Legacy
+---------------*/
+
+/* Animating / Active / Visible */
+
+.dimmed.dimmable > .ui.animating.legacy.dimmer,
+.dimmed.dimmable > .ui.visible.legacy.dimmer,
+.ui.active.legacy.dimmer {
+ display: block;
+}
+
+/*--------------
+ Alignment
+---------------*/
+
+.ui[class*="top aligned"].dimmer {
+ justify-content: flex-start;
+}
+
+.ui[class*="bottom aligned"].dimmer {
+ justify-content: flex-end;
+}
+
+/*--------------
+ Page
+---------------*/
+
+.ui.page.dimmer {
+ position: fixed;
+ transform-style: '';
+ perspective: 2000px;
+ transform-origin: center center;
+}
+
+body.animating.in.dimmable,
+body.dimmed.dimmable {
+ overflow: hidden;
+}
+
+body.dimmable > .dimmer {
+ position: fixed;
+}
+
+/*--------------
+ Blurring
+---------------*/
+
+.blurring.dimmable > :not(.dimmer) {
+ -webkit-filter: blur(0px) grayscale(0);
+ filter: blur(0px) grayscale(0);
+ transition: 800ms -webkit-filter ease;
+ transition: 800ms filter ease;
+ transition: 800ms filter ease, 800ms -webkit-filter ease;
+}
+
+.blurring.dimmed.dimmable > :not(.dimmer) {
+ -webkit-filter: blur(5px) grayscale(0.7);
+ filter: blur(5px) grayscale(0.7);
+}
+
+/* Dimmer Color */
+
+.blurring.dimmable > .dimmer {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.blurring.dimmable > .inverted.dimmer {
+ background-color: rgba(255, 255, 255, 0.6);
+}
+
+/*--------------
+ Aligned
+---------------*/
+
+.ui.dimmer > .top.aligned.content > * {
+ vertical-align: top;
+}
+
+.ui.dimmer > .bottom.aligned.content > * {
+ vertical-align: bottom;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.inverted.dimmer {
+ background-color: rgba(255, 255, 255, 0.85);
+}
+
+.ui.inverted.dimmer > .content > * {
+ color: #FFFFFF;
+}
+
+/*--------------
+ Simple
+---------------*/
+
+/* Displays without javascript */
+
+.ui.simple.dimmer {
+ display: block;
+ overflow: hidden;
+ opacity: 1;
+ width: 0%;
+ height: 0%;
+ z-index: -100;
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.dimmed.dimmable > .ui.simple.dimmer {
+ overflow: visible;
+ opacity: 1;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.85);
+ z-index: 1;
+}
+
+.ui.simple.inverted.dimmer {
+ background-color: rgba(255, 255, 255, 0);
+}
+
+.dimmed.dimmable > .ui.simple.inverted.dimmer {
+ background-color: rgba(255, 255, 255, 0.85);
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Dropdown
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Dropdown
+*******************************/
+
+.ui.dropdown {
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+ outline: none;
+ text-align: left;
+ transition: box-shadow 0.1s ease, width 0.1s ease;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/*******************************
+ Content
+*******************************/
+
+/*--------------
+ Menu
+---------------*/
+
+.ui.dropdown .menu {
+ cursor: auto;
+ position: absolute;
+ display: none;
+ outline: none;
+ top: 100%;
+ min-width: -webkit-max-content;
+ min-width: -moz-max-content;
+ min-width: max-content;
+ margin: 0em;
+ padding: 0em 0em;
+ background: #FFFFFF;
+ font-size: 1em;
+ text-shadow: none;
+ text-align: left;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+ transition: opacity 0.1s ease;
+ z-index: 11;
+ will-change: transform, opacity;
+}
+
+.ui.dropdown .menu > * {
+ white-space: nowrap;
+}
+
+/*--------------
+ Hidden Input
+---------------*/
+
+.ui.dropdown > input:not(.search):first-child,
+.ui.dropdown > select {
+ display: none !important;
+}
+
+/*--------------
+ Dropdown Icon
+---------------*/
+
+.ui.dropdown > .dropdown.icon {
+ position: relative;
+ width: auto;
+ font-size: 0.85714286em;
+ margin: 0em 0em 0em 1em;
+}
+
+.ui.dropdown .menu > .item .dropdown.icon {
+ width: auto;
+ float: right;
+ margin: 0em 0em 0em 1em;
+}
+
+.ui.dropdown .menu > .item .dropdown.icon + .text {
+ margin-right: 1em;
+}
+
+/*--------------
+ Text
+---------------*/
+
+.ui.dropdown > .text {
+ display: inline-block;
+ transition: none;
+}
+
+/*--------------
+ Menu Item
+---------------*/
+
+.ui.dropdown .menu > .item {
+ position: relative;
+ cursor: pointer;
+ display: block;
+ border: none;
+ height: auto;
+ text-align: left;
+ border-top: none;
+ line-height: 1em;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0.78571429rem 1.14285714rem !important;
+ font-size: 1rem;
+ text-transform: none;
+ font-weight: normal;
+ box-shadow: none;
+ -webkit-touch-callout: none;
+}
+
+.ui.dropdown .menu > .item:first-child {
+ border-top-width: 0px;
+}
+
+/*--------------
+ Floated Content
+---------------*/
+
+.ui.dropdown > .text > [class*="right floated"],
+.ui.dropdown .menu .item > [class*="right floated"] {
+ float: right !important;
+ margin-right: 0em !important;
+ margin-left: 1em !important;
+}
+
+.ui.dropdown > .text > [class*="left floated"],
+.ui.dropdown .menu .item > [class*="left floated"] {
+ float: left !important;
+ margin-left: 0em !important;
+ margin-right: 1em !important;
+}
+
+.ui.dropdown .menu .item > .icon.floated,
+.ui.dropdown .menu .item > .flag.floated,
+.ui.dropdown .menu .item > .image.floated,
+.ui.dropdown .menu .item > img.floated {
+ margin-top: 0em;
+}
+
+/*--------------
+ Menu Divider
+---------------*/
+
+.ui.dropdown .menu > .header {
+ margin: 1rem 0rem 0.75rem;
+ padding: 0em 1.14285714rem;
+ color: rgba(0, 0, 0, 0.85);
+ font-size: 0.78571429em;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+.ui.dropdown .menu > .divider {
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
+ height: 0em;
+ margin: 0.5em 0em;
+}
+
+.ui.dropdown.dropdown .menu > .input {
+ width: auto;
+ display: flex;
+ margin: 1.14285714rem 0.78571429rem;
+ min-width: 10rem;
+}
+
+.ui.dropdown .menu > .header + .input {
+ margin-top: 0em;
+}
+
+.ui.dropdown .menu > .input:not(.transparent) input {
+ padding: 0.5em 1em;
+}
+
+.ui.dropdown .menu > .input:not(.transparent) .button,
+.ui.dropdown .menu > .input:not(.transparent) .icon,
+.ui.dropdown .menu > .input:not(.transparent) .label {
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+}
+
+/*-----------------
+ Item Description
+-------------------*/
+
+.ui.dropdown > .text > .description,
+.ui.dropdown .menu > .item > .description {
+ float: right;
+ margin: 0em 0em 0em 1em;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/*-----------------
+ Message
+-------------------*/
+
+.ui.dropdown .menu > .message {
+ padding: 0.78571429rem 1.14285714rem;
+ font-weight: normal;
+}
+
+.ui.dropdown .menu > .message:not(.ui) {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/*--------------
+ Sub Menu
+---------------*/
+
+.ui.dropdown .menu .menu {
+ top: 0% !important;
+ left: 100%;
+ right: auto;
+ margin: 0em 0em 0em -0.5em !important;
+ border-radius: 0.28571429rem !important;
+ z-index: 21 !important;
+}
+
+/* Hide Arrow */
+
+.ui.dropdown .menu .menu:after {
+ display: none;
+}
+
+/*--------------
+ Sub Elements
+---------------*/
+
+/* Icons / Flags / Labels / Image */
+
+.ui.dropdown > .text > .icon,
+.ui.dropdown > .text > .label,
+.ui.dropdown > .text > .flag,
+.ui.dropdown > .text > img,
+.ui.dropdown > .text > .image {
+ margin-top: 0em;
+}
+
+.ui.dropdown .menu > .item > .icon,
+.ui.dropdown .menu > .item > .label,
+.ui.dropdown .menu > .item > .flag,
+.ui.dropdown .menu > .item > .image,
+.ui.dropdown .menu > .item > img {
+ margin-top: 0em;
+}
+
+.ui.dropdown > .text > .icon,
+.ui.dropdown > .text > .label,
+.ui.dropdown > .text > .flag,
+.ui.dropdown > .text > img,
+.ui.dropdown > .text > .image,
+.ui.dropdown .menu > .item > .icon,
+.ui.dropdown .menu > .item > .label,
+.ui.dropdown .menu > .item > .flag,
+.ui.dropdown .menu > .item > .image,
+.ui.dropdown .menu > .item > img {
+ margin-left: 0em;
+ float: none;
+ margin-right: 0.78571429rem;
+}
+
+/*--------------
+ Image
+---------------*/
+
+.ui.dropdown > .text > img,
+.ui.dropdown > .text > .image,
+.ui.dropdown .menu > .item > .image,
+.ui.dropdown .menu > .item > img {
+ display: inline-block;
+ vertical-align: top;
+ width: auto;
+ margin-top: -0.5em;
+ margin-bottom: -0.5em;
+ max-height: 2em;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+/*--------------
+ Menu
+---------------*/
+
+/* Remove Menu Item Divider */
+
+.ui.dropdown .ui.menu > .item:before,
+.ui.menu .ui.dropdown .menu > .item:before {
+ display: none;
+}
+
+/* Prevent Menu Item Border */
+
+.ui.menu .ui.dropdown .menu .active.item {
+ border-left: none;
+}
+
+/* Automatically float dropdown menu right on last menu item */
+
+.ui.menu .right.menu .dropdown:last-child > .menu,
+.ui.menu .right.dropdown.item > .menu,
+.ui.buttons > .ui.dropdown:last-child > .menu {
+ left: auto;
+ right: 0em;
+}
+
+/*--------------
+ Label
+---------------*/
+
+/* Dropdown Menu */
+
+.ui.label.dropdown .menu {
+ min-width: 100%;
+}
+
+/*--------------
+ Button
+---------------*/
+
+/* No Margin On Icon Button */
+
+.ui.dropdown.icon.button > .dropdown.icon {
+ margin: 0em;
+}
+
+.ui.button.dropdown .menu {
+ min-width: 100%;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Selection
+---------------*/
+
+/* Displays like a select box */
+
+.ui.selection.dropdown {
+ cursor: pointer;
+ word-wrap: break-word;
+ line-height: 1em;
+ white-space: normal;
+ outline: 0;
+ transform: rotateZ(0deg);
+ min-width: 14em;
+ min-height: 2.71428571em;
+ background: #FFFFFF;
+ display: inline-block;
+ padding: 0.78571429em 2.1em 0.78571429em 1em;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+ transition: box-shadow 0.1s ease, width 0.1s ease;
+}
+
+.ui.selection.dropdown.visible,
+.ui.selection.dropdown.active {
+ z-index: 10;
+}
+
+select.ui.dropdown {
+ height: 38px;
+ padding: 0.5em;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ visibility: visible;
+}
+
+.ui.selection.dropdown > .search.icon,
+.ui.selection.dropdown > .delete.icon,
+.ui.selection.dropdown > .dropdown.icon {
+ cursor: pointer;
+ position: absolute;
+ width: auto;
+ height: auto;
+ line-height: 1.21428571em;
+ top: 0.78571429em;
+ right: 1em;
+ z-index: 3;
+ margin: -0.78571429em;
+ padding: 0.91666667em;
+ opacity: 0.8;
+ transition: opacity 0.1s ease;
+}
+
+/* Compact */
+
+.ui.compact.selection.dropdown {
+ min-width: 0px;
+}
+
+/* Selection Menu */
+
+.ui.selection.dropdown .menu {
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ border-top-width: 0px !important;
+ width: auto;
+ outline: none;
+ margin: 0px -1px;
+ min-width: calc(100% + 2px );
+ width: calc(100% + 2px );
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+ transition: opacity 0.1s ease;
+}
+
+.ui.selection.dropdown .menu:after,
+.ui.selection.dropdown .menu:before {
+ display: none;
+}
+
+/*--------------
+ Message
+---------------*/
+
+.ui.selection.dropdown .menu > .message {
+ padding: 0.78571429rem 1.14285714rem;
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.selection.dropdown .menu {
+ max-height: 8.01428571rem;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.selection.dropdown .menu {
+ max-height: 10.68571429rem;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.selection.dropdown .menu {
+ max-height: 16.02857143rem;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.selection.dropdown .menu {
+ max-height: 21.37142857rem;
+ }
+}
+
+/* Menu Item */
+
+.ui.selection.dropdown .menu > .item {
+ border-top: 1px solid #FAFAFA;
+ padding: 0.78571429rem 1.14285714rem !important;
+ white-space: normal;
+ word-wrap: normal;
+}
+
+/* User Item */
+
+.ui.selection.dropdown .menu > .hidden.addition.item {
+ display: none;
+}
+
+/* Hover */
+
+.ui.selection.dropdown:hover {
+ border-color: rgba(34, 36, 38, 0.35);
+ box-shadow: none;
+}
+
+/* Active */
+
+.ui.selection.active.dropdown {
+ border-color: #96C8DA;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+}
+
+.ui.selection.active.dropdown .menu {
+ border-color: #96C8DA;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Focus */
+
+.ui.selection.dropdown:focus {
+ border-color: #96C8DA;
+ box-shadow: none;
+}
+
+.ui.selection.dropdown:focus .menu {
+ border-color: #96C8DA;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Visible */
+
+.ui.selection.visible.dropdown > .text:not(.default) {
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Visible Hover */
+
+.ui.selection.active.dropdown:hover {
+ border-color: #96C8DA;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+}
+
+.ui.selection.active.dropdown:hover .menu {
+ border-color: #96C8DA;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Dropdown Icon */
+
+.ui.active.selection.dropdown > .dropdown.icon,
+.ui.visible.selection.dropdown > .dropdown.icon {
+ opacity: '';
+ z-index: 3;
+}
+
+/* Connecting Border */
+
+.ui.active.selection.dropdown {
+ border-bottom-left-radius: 0em !important;
+ border-bottom-right-radius: 0em !important;
+}
+
+/* Empty Connecting Border */
+
+.ui.active.empty.selection.dropdown {
+ border-radius: 0.28571429rem !important;
+ box-shadow: none !important;
+}
+
+.ui.active.empty.selection.dropdown .menu {
+ border: none !important;
+ box-shadow: none !important;
+}
+
+/*--------------
+ Searchable
+---------------*/
+
+/* Search Selection */
+
+.ui.search.dropdown {
+ min-width: '';
+}
+
+/* Search Dropdown */
+
+.ui.search.dropdown > input.search {
+ background: none transparent !important;
+ border: none !important;
+ box-shadow: none !important;
+ cursor: text;
+ top: 0em;
+ left: 1px;
+ width: 100%;
+ outline: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ padding: inherit;
+}
+
+/* Text Layering */
+
+.ui.search.dropdown > input.search {
+ position: absolute;
+ z-index: 2;
+}
+
+.ui.search.dropdown > .text {
+ cursor: text;
+ position: relative;
+ left: 1px;
+ z-index: 3;
+}
+
+/* Search Selection */
+
+.ui.search.selection.dropdown > input.search {
+ line-height: 1.21428571em;
+ padding: 0.67857143em 2.1em 0.67857143em 1em;
+}
+
+/* Used to size multi select input to character width */
+
+.ui.search.selection.dropdown > span.sizer {
+ line-height: 1.21428571em;
+ padding: 0.67857143em 2.1em 0.67857143em 1em;
+ display: none;
+ white-space: pre;
+}
+
+/* Active/Visible Search */
+
+.ui.search.dropdown.active > input.search,
+.ui.search.dropdown.visible > input.search {
+ cursor: auto;
+}
+
+.ui.search.dropdown.active > .text,
+.ui.search.dropdown.visible > .text {
+ pointer-events: none;
+}
+
+/* Filtered Text */
+
+.ui.active.search.dropdown input.search:focus + .text .icon,
+.ui.active.search.dropdown input.search:focus + .text .flag {
+ opacity: 0.45;
+}
+
+.ui.active.search.dropdown input.search:focus + .text {
+ color: rgba(115, 115, 115, 0.87) !important;
+}
+
+/* Search Menu */
+
+.ui.search.dropdown .menu {
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.search.dropdown .menu {
+ max-height: 8.01428571rem;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.search.dropdown .menu {
+ max-height: 10.68571429rem;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.search.dropdown .menu {
+ max-height: 16.02857143rem;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.search.dropdown .menu {
+ max-height: 21.37142857rem;
+ }
+}
+
+/*--------------
+ Multiple
+---------------*/
+
+/* Multiple Selection */
+
+.ui.multiple.dropdown {
+ padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
+}
+
+.ui.multiple.dropdown .menu {
+ cursor: auto;
+}
+
+/* Multiple Search Selection */
+
+.ui.multiple.search.dropdown,
+.ui.multiple.search.dropdown > input.search {
+ cursor: text;
+}
+
+/* Selection Label */
+
+.ui.multiple.dropdown > .label {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ display: inline-block;
+ vertical-align: top;
+ white-space: normal;
+ font-size: 1em;
+ padding: 0.35714286em 0.78571429em;
+ margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+/* Dropdown Icon */
+
+.ui.multiple.dropdown .dropdown.icon {
+ margin: '';
+ padding: '';
+}
+
+/* Text */
+
+.ui.multiple.dropdown > .text {
+ position: static;
+ padding: 0;
+ max-width: 100%;
+ margin: 0.45238095em 0em 0.45238095em 0.64285714em;
+ line-height: 1.21428571em;
+}
+
+.ui.multiple.dropdown > .label ~ input.search {
+ margin-left: 0.14285714em !important;
+}
+
+.ui.multiple.dropdown > .label ~ .text {
+ display: none;
+}
+
+/*-----------------
+ Multiple Search
+-----------------*/
+
+/* Prompt Text */
+
+.ui.multiple.search.dropdown > .text {
+ display: inline-block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ padding: inherit;
+ margin: 0.45238095em 0em 0.45238095em 0.64285714em;
+ line-height: 1.21428571em;
+}
+
+.ui.multiple.search.dropdown > .label ~ .text {
+ display: none;
+}
+
+/* Search */
+
+.ui.multiple.search.dropdown > input.search {
+ position: static;
+ padding: 0;
+ max-width: 100%;
+ margin: 0.45238095em 0em 0.45238095em 0.64285714em;
+ width: 2.2em;
+ line-height: 1.21428571em;
+}
+
+/*--------------
+ Inline
+---------------*/
+
+.ui.inline.dropdown {
+ cursor: pointer;
+ display: inline-block;
+ color: inherit;
+}
+
+.ui.inline.dropdown .dropdown.icon {
+ margin: 0em 0.21428571em 0em 0.21428571em;
+ vertical-align: baseline;
+}
+
+.ui.inline.dropdown > .text {
+ font-weight: bold;
+}
+
+.ui.inline.dropdown .menu {
+ cursor: auto;
+ margin-top: 0.21428571em;
+ border-radius: 0.28571429rem;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------------
+ Active
+----------------------*/
+
+/* Menu Item Active */
+
+.ui.dropdown .menu .active.item {
+ background: transparent;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.95);
+ box-shadow: none;
+ z-index: 12;
+}
+
+/*--------------------
+ Hover
+----------------------*/
+
+/* Menu Item Hover */
+
+.ui.dropdown .menu > .item:hover {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+ z-index: 13;
+}
+
+/*--------------------
+ Loading
+---------------------*/
+
+.ui.loading.dropdown > i.icon {
+ height: 1em !important;
+}
+
+.ui.loading.selection.dropdown > i.icon {
+ padding: 1.5em 1.28571429em !important;
+}
+
+.ui.loading.dropdown > i.icon:before {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.loading.dropdown > i.icon:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ box-shadow: 0px 0px 0px 1px transparent;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ -webkit-animation: dropdown-spin 0.6s linear;
+ animation: dropdown-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+}
+
+/* Coupling */
+
+.ui.loading.dropdown.button > i.icon:before,
+.ui.loading.dropdown.button > i.icon:after {
+ display: none;
+}
+
+@-webkit-keyframes dropdown-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes dropdown-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/*--------------------
+ Default Text
+----------------------*/
+
+.ui.dropdown:not(.button) > .default.text,
+.ui.default.dropdown:not(.button) > .text {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+.ui.dropdown:not(.button) > input:focus ~ .default.text,
+.ui.default.dropdown:not(.button) > input:focus ~ .text {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+/*--------------------
+ Loading
+----------------------*/
+
+.ui.loading.dropdown > .text {
+ transition: none;
+}
+
+/* Used To Check Position */
+
+.ui.dropdown .loading.menu {
+ display: block;
+ visibility: hidden;
+ z-index: -1;
+}
+
+.ui.dropdown > .loading.menu {
+ left: 0px !important;
+ right: auto !important;
+}
+
+.ui.dropdown > .menu .loading.menu {
+ left: 100% !important;
+ right: auto !important;
+}
+
+/*--------------------
+ Keyboard Select
+----------------------*/
+
+/* Selected Item */
+
+.ui.dropdown.selected,
+.ui.dropdown .menu .selected.item {
+ background: rgba(0, 0, 0, 0.03);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------------
+ Search Filtered
+----------------------*/
+
+/* Filtered Item */
+
+.ui.dropdown > .filtered.text {
+ visibility: hidden;
+}
+
+.ui.dropdown .filtered.item {
+ display: none !important;
+}
+
+/*--------------------
+ Error
+----------------------*/
+
+.ui.dropdown.error,
+.ui.dropdown.error > .text,
+.ui.dropdown.error > .default.text {
+ color: #9F3A38;
+}
+
+.ui.selection.dropdown.error {
+ background: #FFF6F6;
+ border-color: #E0B4B4;
+}
+
+.ui.selection.dropdown.error:hover {
+ border-color: #E0B4B4;
+}
+
+.ui.dropdown.error > .menu,
+.ui.dropdown.error > .menu .menu {
+ border-color: #E0B4B4;
+}
+
+.ui.dropdown.error > .menu > .item {
+ color: #9F3A38;
+}
+
+.ui.multiple.selection.error.dropdown > .label {
+ border-color: #E0B4B4;
+}
+
+/* Item Hover */
+
+.ui.dropdown.error > .menu > .item:hover {
+ background-color: #FFF2F2;
+}
+
+/* Item Active */
+
+.ui.dropdown.error > .menu .active.item {
+ background-color: #FDCFCF;
+}
+
+/*--------------------
+ Clear
+----------------------*/
+
+.ui.dropdown > .clear.dropdown.icon {
+ opacity: 0.8;
+ transition: opacity 0.1s ease;
+}
+
+.ui.dropdown > .clear.dropdown.icon:hover {
+ opacity: 1;
+}
+
+/*--------------------
+ Disabled
+----------------------*/
+
+/* Disabled */
+
+.ui.disabled.dropdown,
+.ui.dropdown .menu > .disabled.item {
+ cursor: default;
+ pointer-events: none;
+ opacity: 0.45;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Direction
+---------------*/
+
+/* Flyout Direction */
+
+.ui.dropdown .menu {
+ left: 0px;
+}
+
+/* Default Side (Right) */
+
+.ui.dropdown .right.menu > .menu,
+.ui.dropdown .menu .right.menu {
+ left: 100% !important;
+ right: auto !important;
+ border-radius: 0.28571429rem !important;
+}
+
+/* Leftward Opening Menu */
+
+.ui.dropdown > .left.menu {
+ left: auto !important;
+ right: 0px !important;
+}
+
+.ui.dropdown > .left.menu .menu,
+.ui.dropdown .menu .left.menu {
+ left: auto;
+ right: 100%;
+ margin: 0em -0.5em 0em 0em !important;
+ border-radius: 0.28571429rem !important;
+}
+
+.ui.dropdown .item .left.dropdown.icon,
+.ui.dropdown .left.menu .item .dropdown.icon {
+ width: auto;
+ float: left;
+ margin: 0em 0em 0em 0em;
+}
+
+.ui.dropdown .item .left.dropdown.icon,
+.ui.dropdown .left.menu .item .dropdown.icon {
+ width: auto;
+ float: left;
+ margin: 0em 0em 0em 0em;
+}
+
+.ui.dropdown .item .left.dropdown.icon + .text,
+.ui.dropdown .left.menu .item .dropdown.icon + .text {
+ margin-left: 1em;
+ margin-right: 0em;
+}
+
+/*--------------
+ Upward
+---------------*/
+
+/* Upward Main Menu */
+
+.ui.upward.dropdown > .menu {
+ top: auto;
+ bottom: 100%;
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/* Upward Sub Menu */
+
+.ui.dropdown .upward.menu {
+ top: auto !important;
+ bottom: 0 !important;
+}
+
+/* Active Upward */
+
+.ui.simple.upward.active.dropdown,
+.ui.simple.upward.dropdown:hover {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
+}
+
+.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/* Selection */
+
+.ui.upward.selection.dropdown .menu {
+ border-top-width: 1px !important;
+ border-bottom-width: 0px !important;
+ box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
+}
+
+.ui.upward.selection.dropdown:hover {
+ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
+}
+
+/* Active Upward */
+
+.ui.active.upward.selection.dropdown {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
+}
+
+/* Visible Upward */
+
+.ui.upward.selection.dropdown.visible {
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
+}
+
+/* Visible Hover Upward */
+
+.ui.upward.active.selection.dropdown:hover {
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
+}
+
+.ui.upward.active.selection.dropdown:hover .menu {
+ box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
+}
+
+/*--------------
+ Simple
+---------------*/
+
+/* Selection Menu */
+
+.ui.scrolling.dropdown .menu,
+.ui.dropdown .scrolling.menu {
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+
+.ui.scrolling.dropdown .menu {
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ min-width: 100% !important;
+ width: auto !important;
+}
+
+.ui.dropdown .scrolling.menu {
+ position: static;
+ overflow-y: auto;
+ border: none;
+ box-shadow: none !important;
+ border-radius: 0 !important;
+ margin: 0 !important;
+ min-width: 100% !important;
+ width: auto !important;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.scrolling.dropdown .menu .item.item.item,
+.ui.dropdown .scrolling.menu > .item.item.item {
+ border-top: none;
+}
+
+.ui.scrolling.dropdown .menu .item:first-child,
+.ui.dropdown .scrolling.menu .item:first-child {
+ border-top: none;
+}
+
+.ui.dropdown > .animating.menu .scrolling.menu,
+.ui.dropdown > .visible.menu .scrolling.menu {
+ display: block;
+}
+
+/* Scrollbar in IE */
+
+@media all and (-ms-high-contrast: none) {
+ .ui.scrolling.dropdown .menu,
+ .ui.dropdown .scrolling.menu {
+ min-width: calc(100% - 17px);
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.scrolling.dropdown .menu,
+ .ui.dropdown .scrolling.menu {
+ max-height: 10.28571429rem;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.scrolling.dropdown .menu,
+ .ui.dropdown .scrolling.menu {
+ max-height: 15.42857143rem;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.scrolling.dropdown .menu,
+ .ui.dropdown .scrolling.menu {
+ max-height: 20.57142857rem;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.scrolling.dropdown .menu,
+ .ui.dropdown .scrolling.menu {
+ max-height: 20.57142857rem;
+ }
+}
+
+/*--------------
+ Simple
+---------------*/
+
+/* Displays without javascript */
+
+.ui.simple.dropdown .menu:before,
+.ui.simple.dropdown .menu:after {
+ display: none;
+}
+
+.ui.simple.dropdown .menu {
+ position: absolute;
+ display: block;
+ overflow: hidden;
+ top: -9999px !important;
+ opacity: 0;
+ width: 0;
+ height: 0;
+ transition: opacity 0.1s ease;
+}
+
+.ui.simple.active.dropdown,
+.ui.simple.dropdown:hover {
+ border-bottom-left-radius: 0em !important;
+ border-bottom-right-radius: 0em !important;
+}
+
+.ui.simple.active.dropdown > .menu,
+.ui.simple.dropdown:hover > .menu {
+ overflow: visible;
+ width: auto;
+ height: auto;
+ top: 100% !important;
+ opacity: 1;
+}
+
+.ui.simple.dropdown > .menu > .item:active > .menu,
+.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
+ overflow: visible;
+ width: auto;
+ height: auto;
+ top: 0% !important;
+ left: 100% !important;
+ opacity: 1;
+}
+
+.ui.simple.disabled.dropdown:hover .menu {
+ display: none;
+ height: 0px;
+ width: 0px;
+ overflow: hidden;
+}
+
+/* Visible */
+
+.ui.simple.visible.dropdown > .menu {
+ display: block;
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+.ui.fluid.dropdown {
+ display: block;
+ width: 100%;
+ min-width: 0em;
+}
+
+.ui.fluid.dropdown > .dropdown.icon {
+ float: right;
+}
+
+/*--------------
+ Floating
+---------------*/
+
+.ui.floating.dropdown .menu {
+ left: 0;
+ right: auto;
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
+ border-radius: 0.28571429rem !important;
+}
+
+.ui.floating.dropdown > .menu {
+ margin-top: 0.5em !important;
+ border-radius: 0.28571429rem !important;
+}
+
+/*--------------
+ Pointing
+---------------*/
+
+.ui.pointing.dropdown > .menu {
+ top: 100%;
+ margin-top: 0.78571429rem;
+ border-radius: 0.28571429rem;
+}
+
+.ui.pointing.dropdown > .menu:after {
+ display: block;
+ position: absolute;
+ pointer-events: none;
+ content: '';
+ visibility: visible;
+ transform: rotate(45deg);
+ width: 0.5em;
+ height: 0.5em;
+ box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
+ background: #FFFFFF;
+ z-index: 2;
+}
+
+.ui.pointing.dropdown > .menu:after {
+ top: -0.25em;
+ left: 50%;
+ margin: 0em 0em 0em -0.25em;
+}
+
+/* Top Left Pointing */
+
+.ui.top.left.pointing.dropdown > .menu {
+ top: 100%;
+ bottom: auto;
+ left: 0%;
+ right: auto;
+ margin: 1em 0em 0em;
+}
+
+.ui.top.left.pointing.dropdown > .menu {
+ top: 100%;
+ bottom: auto;
+ left: 0%;
+ right: auto;
+ margin: 1em 0em 0em;
+}
+
+.ui.top.left.pointing.dropdown > .menu:after {
+ top: -0.25em;
+ left: 1em;
+ right: auto;
+ margin: 0em;
+ transform: rotate(45deg);
+}
+
+/* Top Right Pointing */
+
+.ui.top.right.pointing.dropdown > .menu {
+ top: 100%;
+ bottom: auto;
+ right: 0%;
+ left: auto;
+ margin: 1em 0em 0em;
+}
+
+.ui.top.pointing.dropdown > .left.menu:after,
+.ui.top.right.pointing.dropdown > .menu:after {
+ top: -0.25em;
+ left: auto !important;
+ right: 1em !important;
+ margin: 0em;
+ transform: rotate(45deg);
+}
+
+/* Left Pointing */
+
+.ui.left.pointing.dropdown > .menu {
+ top: 0%;
+ left: 100%;
+ right: auto;
+ margin: 0em 0em 0em 1em;
+}
+
+.ui.left.pointing.dropdown > .menu:after {
+ top: 1em;
+ left: -0.25em;
+ margin: 0em 0em 0em 0em;
+ transform: rotate(-45deg);
+}
+
+.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
+ left: auto !important;
+ right: 100% !important;
+ margin: 0em 1em 0em 0em;
+}
+
+.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
+ top: 1em;
+ left: auto;
+ right: -0.25em;
+ margin: 0em 0em 0em 0em;
+ transform: rotate(135deg);
+}
+
+/* Right Pointing */
+
+.ui.right.pointing.dropdown > .menu {
+ top: 0%;
+ left: auto;
+ right: 100%;
+ margin: 0em 1em 0em 0em;
+}
+
+.ui.right.pointing.dropdown > .menu:after {
+ top: 1em;
+ left: auto;
+ right: -0.25em;
+ margin: 0em 0em 0em 0em;
+ transform: rotate(135deg);
+}
+
+/* Bottom Pointing */
+
+.ui.bottom.pointing.dropdown > .menu {
+ top: auto;
+ bottom: 100%;
+ left: 0%;
+ right: auto;
+ margin: 0em 0em 1em;
+}
+
+.ui.bottom.pointing.dropdown > .menu:after {
+ top: auto;
+ bottom: -0.25em;
+ right: auto;
+ margin: 0em;
+ transform: rotate(-135deg);
+}
+
+/* Reverse Sub-Menu Direction */
+
+.ui.bottom.pointing.dropdown > .menu .menu {
+ top: auto !important;
+ bottom: 0px !important;
+}
+
+/* Bottom Left */
+
+.ui.bottom.left.pointing.dropdown > .menu {
+ left: 0%;
+ right: auto;
+}
+
+.ui.bottom.left.pointing.dropdown > .menu:after {
+ left: 1em;
+ right: auto;
+}
+
+/* Bottom Right */
+
+.ui.bottom.right.pointing.dropdown > .menu {
+ right: 0%;
+ left: auto;
+}
+
+.ui.bottom.right.pointing.dropdown > .menu:after {
+ left: auto;
+ right: 1em;
+}
+
+/* Upward pointing */
+
+.ui.pointing.upward.dropdown .menu,
+.ui.top.pointing.upward.dropdown .menu {
+ top: auto !important;
+ bottom: 100% !important;
+ margin: 0em 0em 0.78571429rem;
+ border-radius: 0.28571429rem;
+}
+
+.ui.pointing.upward.dropdown .menu:after,
+.ui.top.pointing.upward.dropdown .menu:after {
+ top: 100% !important;
+ bottom: auto !important;
+ box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
+ margin: -0.25em 0em 0em;
+}
+
+/* Right Pointing Upward */
+
+.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
+ top: auto !important;
+ bottom: 0 !important;
+ margin: 0em 1em 0em 0em;
+}
+
+.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
+ top: auto !important;
+ bottom: 0 !important;
+ margin: 0em 0em 1em 0em;
+ box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Left Pointing Upward */
+
+.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
+ top: auto !important;
+ bottom: 0 !important;
+ margin: 0em 0em 0em 1em;
+}
+
+.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
+ top: auto !important;
+ bottom: 0 !important;
+ margin: 0em 0em 1em 0em;
+ box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/* Dropdown Carets */
+
+@font-face {
+ font-family: 'Dropdown';
+ src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+.ui.dropdown > .dropdown.icon {
+ font-family: 'Dropdown';
+ line-height: 1;
+ height: 1em;
+ width: 1.23em;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ font-weight: normal;
+ font-style: normal;
+ text-align: center;
+}
+
+.ui.dropdown > .dropdown.icon {
+ width: auto;
+}
+
+.ui.dropdown > .dropdown.icon:before {
+ content: '\F0D7';
+}
+
+/* Sub Menu */
+
+.ui.dropdown .menu .item .dropdown.icon:before {
+ content: '\F0DA';
+}
+
+.ui.dropdown .item .left.dropdown.icon:before,
+.ui.dropdown .left.menu .item .dropdown.icon:before {
+ content: "\F0D9";
+}
+
+/* Vertical Menu Dropdown */
+
+.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
+ content: "\F0DA";
+}
+
+.ui.dropdown > .clear.icon:before {
+ content: "\F00D";
+}
+
+/* Icons for Reference (Subsetted in 2.4.0)
+ .dropdown.down:before { content: "\f0d7"; }
+ .dropdown.up:before { content: "\f0d8"; }
+ .dropdown.left:before { content: "\f0d9"; }
+ .dropdown.right:before { content: "\f0da"; }
+ .dropdown.close:before { content: "\f00d"; }
+*/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Video
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Types
+*******************************/
+
+.ui.embed {
+ position: relative;
+ max-width: 100%;
+ height: 0px;
+ overflow: hidden;
+ background: #DCDDDE;
+ padding-bottom: 56.25%;
+}
+
+/*-----------------
+ Embedded Content
+------------------*/
+
+.ui.embed iframe,
+.ui.embed embed,
+.ui.embed object {
+ position: absolute;
+ border: none;
+ width: 100%;
+ height: 100%;
+ top: 0px;
+ left: 0px;
+ margin: 0em;
+ padding: 0em;
+}
+
+/*-----------------
+ Embed
+------------------*/
+
+.ui.embed > .embed {
+ display: none;
+}
+
+/*--------------
+ Placeholder
+---------------*/
+
+.ui.embed > .placeholder {
+ position: absolute;
+ cursor: pointer;
+ top: 0px;
+ left: 0px;
+ display: block;
+ width: 100%;
+ height: 100%;
+ background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.embed > .icon {
+ cursor: pointer;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+}
+
+.ui.embed > .icon:after {
+ position: absolute;
+ top: 0%;
+ left: 0%;
+ width: 100%;
+ height: 100%;
+ z-index: 3;
+ content: '';
+ background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+ opacity: 0.5;
+ transition: opacity 0.5s ease;
+}
+
+.ui.embed > .icon:before {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 4;
+ transform: translateX(-50%) translateY(-50%);
+ color: #FFFFFF;
+ font-size: 6rem;
+ text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
+ transition: opacity 0.5s ease, color 0.5s ease;
+ z-index: 10;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.embed .icon:hover:after {
+ background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+ opacity: 1;
+}
+
+.ui.embed .icon:hover:before {
+ color: #FFFFFF;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.active.embed > .icon,
+.ui.active.embed > .placeholder {
+ display: none;
+}
+
+.ui.active.embed > .embed {
+ display: block;
+}
+
+/*******************************
+ Video Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.square.embed {
+ padding-bottom: 100%;
+}
+
+.ui[class*="4:3"].embed {
+ padding-bottom: 75%;
+}
+
+.ui[class*="16:9"].embed {
+ padding-bottom: 56.25%;
+}
+
+.ui[class*="21:9"].embed {
+ padding-bottom: 42.85714286%;
+}
+/*!
+ * # Semantic UI 2.5.0 - Modal
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Modal
+*******************************/
+
+.ui.modal {
+ position: absolute;
+ display: none;
+ z-index: 1001;
+ text-align: left;
+ background: #FFFFFF;
+ border: none;
+ box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
+ transform-origin: 50% 25%;
+ flex: 0 0 auto;
+ border-radius: 0.28571429rem;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ will-change: top, left, margin, transform, opacity;
+}
+
+.ui.modal > :first-child:not(.icon),
+.ui.modal > .icon:first-child + * {
+ border-top-left-radius: 0.28571429rem;
+ border-top-right-radius: 0.28571429rem;
+}
+
+.ui.modal > :last-child {
+ border-bottom-left-radius: 0.28571429rem;
+ border-bottom-right-radius: 0.28571429rem;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/*--------------
+ Close
+---------------*/
+
+.ui.modal > .close {
+ cursor: pointer;
+ position: absolute;
+ top: -2.5rem;
+ right: -2.5rem;
+ z-index: 1;
+ opacity: 0.8;
+ font-size: 1.25em;
+ color: #FFFFFF;
+ width: 2.25rem;
+ height: 2.25rem;
+ padding: 0.625rem 0rem 0rem 0rem;
+}
+
+.ui.modal > .close:hover {
+ opacity: 1;
+}
+
+/*--------------
+ Header
+---------------*/
+
+.ui.modal > .header {
+ display: block;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ background: #FFFFFF;
+ margin: 0em;
+ padding: 1.25rem 1.5rem;
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.85);
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.modal > .header:not(.ui) {
+ font-size: 1.42857143rem;
+ line-height: 1.28571429em;
+ font-weight: bold;
+}
+
+/*--------------
+ Content
+---------------*/
+
+.ui.modal > .content {
+ display: block;
+ width: 100%;
+ font-size: 1em;
+ line-height: 1.4;
+ padding: 1.5rem;
+ background: #FFFFFF;
+}
+
+.ui.modal > .image.content {
+ display: flex;
+ flex-direction: row;
+}
+
+/* Image */
+
+.ui.modal > .content > .image {
+ display: block;
+ flex: 0 1 auto;
+ width: '';
+ align-self: top;
+}
+
+.ui.modal > [class*="top aligned"] {
+ align-self: top;
+}
+
+.ui.modal > [class*="middle aligned"] {
+ align-self: middle;
+}
+
+.ui.modal > [class*="stretched"] {
+ align-self: stretch;
+}
+
+/* Description */
+
+.ui.modal > .content > .description {
+ display: block;
+ flex: 1 0 auto;
+ min-width: 0px;
+ align-self: top;
+}
+
+.ui.modal > .content > .icon + .description,
+.ui.modal > .content > .image + .description {
+ flex: 0 1 auto;
+ min-width: '';
+ width: auto;
+ padding-left: 2em;
+}
+
+/*rtl:ignore*/
+
+.ui.modal > .content > .image > i.icon {
+ margin: 0em;
+ opacity: 1;
+ width: auto;
+ line-height: 1;
+ font-size: 8rem;
+}
+
+/*--------------
+ Actions
+---------------*/
+
+.ui.modal > .actions {
+ background: #F9FAFB;
+ padding: 1rem 1rem;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ text-align: right;
+}
+
+.ui.modal .actions > .button {
+ margin-left: 0.75em;
+}
+
+/*-------------------
+ Responsive
+--------------------*/
+
+/* Modal Width */
+
+@media only screen and (max-width: 767px) {
+ .ui.modal {
+ width: 95%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.modal {
+ width: 88%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.modal {
+ width: 850px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .ui.modal {
+ width: 900px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.modal {
+ width: 950px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+/* Tablet and Mobile */
+
+@media only screen and (max-width: 991px) {
+ .ui.modal > .header {
+ padding-right: 2.25rem;
+ }
+
+ .ui.modal > .close {
+ top: 1.0535rem;
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ }
+}
+
+/* Mobile */
+
+@media only screen and (max-width: 767px) {
+ .ui.modal > .header {
+ padding: 0.75rem 1rem !important;
+ padding-right: 2.25rem !important;
+ }
+
+ .ui.modal > .content {
+ display: block;
+ padding: 1rem !important;
+ }
+
+ .ui.modal > .close {
+ top: 0.5rem !important;
+ right: 0.5rem !important;
+ }
+
+ /*rtl:ignore*/
+
+ .ui.modal .image.content {
+ flex-direction: column;
+ }
+
+ .ui.modal .content > .image {
+ display: block;
+ max-width: 100%;
+ margin: 0em auto !important;
+ text-align: center;
+ padding: 0rem 0rem 1rem !important;
+ }
+
+ .ui.modal > .content > .image > i.icon {
+ font-size: 5rem;
+ text-align: center;
+ }
+
+ /*rtl:ignore*/
+
+ .ui.modal .content > .description {
+ display: block;
+ width: 100% !important;
+ margin: 0em !important;
+ padding: 1rem 0rem !important;
+ box-shadow: none;
+ }
+
+ /* Let Buttons Stack */
+
+ .ui.modal > .actions {
+ padding: 1rem 1rem 0rem !important;
+ }
+
+ .ui.modal .actions > .buttons,
+ .ui.modal .actions > .button {
+ margin-bottom: 1rem;
+ }
+}
+
+/*--------------
+ Coupling
+---------------*/
+
+.ui.inverted.dimmer > .ui.modal {
+ box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
+}
+
+/*******************************
+ Types
+*******************************/
+
+.ui.basic.modal {
+ background-color: transparent;
+ border: none;
+ border-radius: 0em;
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.basic.modal > .header,
+.ui.basic.modal > .content,
+.ui.basic.modal > .actions {
+ background-color: transparent;
+}
+
+.ui.basic.modal > .header {
+ color: #FFFFFF;
+}
+
+.ui.basic.modal > .close {
+ top: 1rem;
+ right: 1.5rem;
+}
+
+.ui.inverted.dimmer > .basic.modal {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.inverted.dimmer > .ui.basic.modal > .header {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/* Resort to margin positioning if legacy */
+
+.ui.legacy.modal,
+.ui.legacy.page.dimmer > .ui.modal {
+ top: 50%;
+ left: 50%;
+}
+
+.ui.legacy.page.dimmer > .ui.scrolling.modal,
+.ui.page.dimmer > .ui.scrolling.legacy.modal,
+.ui.top.aligned.legacy.page.dimmer > .ui.modal,
+.ui.top.aligned.dimmer > .ui.legacy.modal {
+ top: auto;
+}
+
+/* Tablet and Mobile */
+
+@media only screen and (max-width: 991px) {
+ .ui.basic.modal > .close {
+ color: #FFFFFF;
+ }
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.loading.modal {
+ display: block;
+ visibility: hidden;
+ z-index: -1;
+}
+
+.ui.active.modal {
+ display: block;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Top Aligned
+---------------*/
+
+/* Top Aligned Modal */
+
+.modals.dimmer[class*="top aligned"] .modal {
+ margin: 5vh auto;
+}
+
+@media only screen and (max-width: 767px) {
+ .modals.dimmer[class*="top aligned"] .modal {
+ margin: 1rem auto;
+ }
+}
+
+/* Legacy Top Aligned */
+
+.legacy.modals.dimmer[class*="top aligned"] {
+ padding-top: 5vh;
+}
+
+@media only screen and (max-width: 767px) {
+ .legacy.modals.dimmer[class*="top aligned"] {
+ padding-top: 1rem;
+ }
+}
+
+/*--------------
+ Scrolling
+---------------*/
+
+/* Scrolling Dimmer */
+
+.scrolling.dimmable.dimmed {
+ overflow: hidden;
+}
+
+.scrolling.dimmable > .dimmer {
+ justify-content: flex-start;
+}
+
+.scrolling.dimmable.dimmed > .dimmer {
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.scrolling.dimmable > .dimmer {
+ position: fixed;
+}
+
+.modals.dimmer .ui.scrolling.modal {
+ margin: 1rem auto;
+}
+
+/* Undetached Scrolling */
+
+.scrolling.undetached.dimmable.dimmed {
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.scrolling.undetached.dimmable.dimmed > .dimmer {
+ overflow: hidden;
+}
+
+.scrolling.undetached.dimmable .ui.scrolling.modal {
+ position: absolute;
+ left: 50%;
+ margin-top: 1rem !important;
+}
+
+/* Scrolling Content */
+
+.ui.modal .scrolling.content {
+ max-height: calc(80vh - 10em);
+ overflow: auto;
+}
+
+/*--------------
+ Full Screen
+---------------*/
+
+.ui.fullscreen.modal {
+ width: 95% !important;
+ margin: 1em auto;
+}
+
+.ui.fullscreen.modal > .header {
+ padding-right: 2.25rem;
+}
+
+.ui.fullscreen.modal > .close {
+ top: 1.0535rem;
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*--------------
+ Size
+---------------*/
+
+.ui.modal {
+ font-size: 1rem;
+}
+
+/* Mini */
+
+.ui.mini.modal > .header:not(.ui) {
+ font-size: 1.3em;
+}
+
+/* Mini Modal Width */
+
+@media only screen and (max-width: 767px) {
+ .ui.mini.modal {
+ width: 95%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.mini.modal {
+ width: 35.2%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.mini.modal {
+ width: 340px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .ui.mini.modal {
+ width: 360px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.mini.modal {
+ width: 380px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+/* mini */
+
+.ui.small.modal > .header:not(.ui) {
+ font-size: 1.3em;
+}
+
+/* Tiny Modal Width */
+
+@media only screen and (max-width: 767px) {
+ .ui.tiny.modal {
+ width: 95%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.tiny.modal {
+ width: 52.8%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.tiny.modal {
+ width: 510px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .ui.tiny.modal {
+ width: 540px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.tiny.modal {
+ width: 570px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+/* Small */
+
+.ui.small.modal > .header:not(.ui) {
+ font-size: 1.3em;
+}
+
+/* Small Modal Width */
+
+@media only screen and (max-width: 767px) {
+ .ui.small.modal {
+ width: 95%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.small.modal {
+ width: 70.4%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.small.modal {
+ width: 680px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .ui.small.modal {
+ width: 720px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.small.modal {
+ width: 760px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+/* Large Modal Width */
+
+.ui.large.modal > .header {
+ font-size: 1.6em;
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.large.modal {
+ width: 95%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.large.modal {
+ width: 88%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.large.modal {
+ width: 1020px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .ui.large.modal {
+ width: 1080px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.large.modal {
+ width: 1140px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Nag
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Nag
+*******************************/
+
+.ui.nag {
+ display: none;
+ opacity: 0.95;
+ position: relative;
+ top: 0em;
+ left: 0px;
+ z-index: 999;
+ min-height: 0em;
+ width: 100%;
+ margin: 0em;
+ padding: 0.75em 1em;
+ background: #555555;
+ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
+ font-size: 1rem;
+ text-align: center;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ transition: 0.2s background ease;
+}
+
+a.ui.nag {
+ cursor: pointer;
+}
+
+.ui.nag > .title {
+ display: inline-block;
+ margin: 0em 0.5em;
+ color: #FFFFFF;
+}
+
+.ui.nag > .close.icon {
+ cursor: pointer;
+ opacity: 0.4;
+ position: absolute;
+ top: 50%;
+ right: 1em;
+ font-size: 1em;
+ margin: -0.5em 0em 0em;
+ color: #FFFFFF;
+ transition: opacity 0.2s ease;
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Hover */
+
+.ui.nag:hover {
+ background: #555555;
+ opacity: 1;
+}
+
+.ui.nag .close:hover {
+ opacity: 1;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Static
+---------------*/
+
+.ui.overlay.nag {
+ position: absolute;
+ display: block;
+}
+
+/*--------------
+ Fixed
+---------------*/
+
+.ui.fixed.nag {
+ position: fixed;
+}
+
+/*--------------
+ Bottom
+---------------*/
+
+.ui.bottom.nags,
+.ui.bottom.nag {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+ top: auto;
+ bottom: 0em;
+}
+
+/*--------------
+ White
+---------------*/
+
+.ui.inverted.nags .nag,
+.ui.inverted.nag {
+ background-color: #F3F4F5;
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.inverted.nags .nag .close,
+.ui.inverted.nags .nag .title,
+.ui.inverted.nag .close,
+.ui.inverted.nag .title {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/*******************************
+ Groups
+*******************************/
+
+.ui.nags .nag {
+ border-radius: 0em !important;
+}
+
+.ui.nags .nag:last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.bottom.nags .nag:last-child {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Popup
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Popup
+*******************************/
+
+.ui.popup {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ /* Fixes content being squished when inline (moz only) */
+ min-width: -webkit-min-content;
+ min-width: -moz-min-content;
+ min-width: min-content;
+ z-index: 1900;
+ border: 1px solid #D4D4D5;
+ line-height: 1.4285em;
+ max-width: 250px;
+ background: #FFFFFF;
+ padding: 0.833em 1em;
+ font-weight: normal;
+ font-style: normal;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+.ui.popup > .header {
+ padding: 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1.14285714em;
+ line-height: 1.2;
+ font-weight: bold;
+}
+
+.ui.popup > .header + .content {
+ padding-top: 0.5em;
+}
+
+.ui.popup:before {
+ position: absolute;
+ content: '';
+ width: 0.71428571em;
+ height: 0.71428571em;
+ background: #FFFFFF;
+ transform: rotate(45deg);
+ z-index: 2;
+ box-shadow: 1px 1px 0px 0px #bababc;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Tooltip
+---------------*/
+
+/* Content */
+
+[data-tooltip] {
+ position: relative;
+}
+
+/* Arrow */
+
+[data-tooltip]:before {
+ pointer-events: none;
+ position: absolute;
+ content: '';
+ font-size: 1rem;
+ width: 0.71428571em;
+ height: 0.71428571em;
+ background: #FFFFFF;
+ transform: rotate(45deg);
+ z-index: 2;
+ box-shadow: 1px 1px 0px 0px #bababc;
+}
+
+/* Popup */
+
+[data-tooltip]:after {
+ pointer-events: none;
+ content: attr(data-tooltip);
+ position: absolute;
+ text-transform: none;
+ text-align: left;
+ white-space: nowrap;
+ font-size: 1rem;
+ border: 1px solid #D4D4D5;
+ line-height: 1.4285em;
+ max-width: none;
+ background: #FFFFFF;
+ padding: 0.833em 1em;
+ font-weight: normal;
+ font-style: normal;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+ z-index: 1;
+}
+
+/* Default Position (Top Center) */
+
+[data-tooltip]:not([data-position]):before {
+ top: auto;
+ right: auto;
+ bottom: 100%;
+ left: 50%;
+ background: #FFFFFF;
+ margin-left: -0.07142857rem;
+ margin-bottom: 0.14285714rem;
+}
+
+[data-tooltip]:not([data-position]):after {
+ left: 50%;
+ transform: translateX(-50%);
+ bottom: 100%;
+ margin-bottom: 0.5em;
+}
+
+/* Animation */
+
+[data-tooltip]:before,
+[data-tooltip]:after {
+ pointer-events: none;
+ visibility: hidden;
+}
+
+[data-tooltip]:before {
+ opacity: 0;
+ transform: rotate(45deg) scale(0) !important;
+ transform-origin: center top;
+ transition: all 0.1s ease;
+}
+
+[data-tooltip]:after {
+ opacity: 1;
+ transform-origin: center bottom;
+ transition: all 0.1s ease;
+}
+
+[data-tooltip]:hover:before,
+[data-tooltip]:hover:after {
+ visibility: visible;
+ pointer-events: auto;
+}
+
+[data-tooltip]:hover:before {
+ transform: rotate(45deg) scale(1) !important;
+ opacity: 1;
+}
+
+/* Animation Position */
+
+[data-tooltip]:after,
+[data-tooltip][data-position="top center"]:after,
+[data-tooltip][data-position="bottom center"]:after {
+ transform: translateX(-50%) scale(0) !important;
+}
+
+[data-tooltip]:hover:after,
+[data-tooltip][data-position="bottom center"]:hover:after {
+ transform: translateX(-50%) scale(1) !important;
+}
+
+[data-tooltip][data-position="left center"]:after,
+[data-tooltip][data-position="right center"]:after {
+ transform: translateY(-50%) scale(0) !important;
+}
+
+[data-tooltip][data-position="left center"]:hover:after,
+[data-tooltip][data-position="right center"]:hover:after {
+ transform: translateY(-50%) scale(1) !important;
+}
+
+[data-tooltip][data-position="top left"]:after,
+[data-tooltip][data-position="top right"]:after,
+[data-tooltip][data-position="bottom left"]:after,
+[data-tooltip][data-position="bottom right"]:after {
+ transform: scale(0) !important;
+}
+
+[data-tooltip][data-position="top left"]:hover:after,
+[data-tooltip][data-position="top right"]:hover:after,
+[data-tooltip][data-position="bottom left"]:hover:after,
+[data-tooltip][data-position="bottom right"]:hover:after {
+ transform: scale(1) !important;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+/* Arrow */
+
+[data-tooltip][data-inverted]:before {
+ box-shadow: none !important;
+}
+
+/* Arrow Position */
+
+[data-tooltip][data-inverted]:before {
+ background: #1B1C1D;
+}
+
+/* Popup */
+
+[data-tooltip][data-inverted]:after {
+ background: #1B1C1D;
+ color: #FFFFFF;
+ border: none;
+ box-shadow: none;
+}
+
+[data-tooltip][data-inverted]:after .header {
+ background-color: none;
+ color: #FFFFFF;
+}
+
+/*--------------
+ Position
+---------------*/
+
+/* Top Center */
+
+[data-position="top center"][data-tooltip]:after {
+ top: auto;
+ right: auto;
+ left: 50%;
+ bottom: 100%;
+ transform: translateX(-50%);
+ margin-bottom: 0.5em;
+}
+
+[data-position="top center"][data-tooltip]:before {
+ top: auto;
+ right: auto;
+ bottom: 100%;
+ left: 50%;
+ background: #FFFFFF;
+ margin-left: -0.07142857rem;
+ margin-bottom: 0.14285714rem;
+}
+
+/* Top Left */
+
+[data-position="top left"][data-tooltip]:after {
+ top: auto;
+ right: auto;
+ left: 0;
+ bottom: 100%;
+ margin-bottom: 0.5em;
+}
+
+[data-position="top left"][data-tooltip]:before {
+ top: auto;
+ right: auto;
+ bottom: 100%;
+ left: 1em;
+ margin-left: -0.07142857rem;
+ margin-bottom: 0.14285714rem;
+}
+
+/* Top Right */
+
+[data-position="top right"][data-tooltip]:after {
+ top: auto;
+ left: auto;
+ right: 0;
+ bottom: 100%;
+ margin-bottom: 0.5em;
+}
+
+[data-position="top right"][data-tooltip]:before {
+ top: auto;
+ left: auto;
+ bottom: 100%;
+ right: 1em;
+ margin-left: -0.07142857rem;
+ margin-bottom: 0.14285714rem;
+}
+
+/* Bottom Center */
+
+[data-position="bottom center"][data-tooltip]:after {
+ bottom: auto;
+ right: auto;
+ left: 50%;
+ top: 100%;
+ transform: translateX(-50%);
+ margin-top: 0.5em;
+}
+
+[data-position="bottom center"][data-tooltip]:before {
+ bottom: auto;
+ right: auto;
+ top: 100%;
+ left: 50%;
+ margin-left: -0.07142857rem;
+ margin-top: 0.14285714rem;
+}
+
+/* Bottom Left */
+
+[data-position="bottom left"][data-tooltip]:after {
+ left: 0;
+ top: 100%;
+ margin-top: 0.5em;
+}
+
+[data-position="bottom left"][data-tooltip]:before {
+ bottom: auto;
+ right: auto;
+ top: 100%;
+ left: 1em;
+ margin-left: -0.07142857rem;
+ margin-top: 0.14285714rem;
+}
+
+/* Bottom Right */
+
+[data-position="bottom right"][data-tooltip]:after {
+ right: 0;
+ top: 100%;
+ margin-top: 0.5em;
+}
+
+[data-position="bottom right"][data-tooltip]:before {
+ bottom: auto;
+ left: auto;
+ top: 100%;
+ right: 1em;
+ margin-left: -0.14285714rem;
+ margin-top: 0.07142857rem;
+}
+
+/* Left Center */
+
+[data-position="left center"][data-tooltip]:after {
+ right: 100%;
+ top: 50%;
+ margin-right: 0.5em;
+ transform: translateY(-50%);
+}
+
+[data-position="left center"][data-tooltip]:before {
+ right: 100%;
+ top: 50%;
+ margin-top: -0.14285714rem;
+ margin-right: -0.07142857rem;
+}
+
+/* Right Center */
+
+[data-position="right center"][data-tooltip]:after {
+ left: 100%;
+ top: 50%;
+ margin-left: 0.5em;
+ transform: translateY(-50%);
+}
+
+[data-position="right center"][data-tooltip]:before {
+ left: 100%;
+ top: 50%;
+ margin-top: -0.07142857rem;
+ margin-left: 0.14285714rem;
+}
+
+/* Arrow */
+
+[data-position~="bottom"][data-tooltip]:before {
+ background: #FFFFFF;
+ box-shadow: -1px -1px 0px 0px #bababc;
+}
+
+[data-position="left center"][data-tooltip]:before {
+ background: #FFFFFF;
+ box-shadow: 1px -1px 0px 0px #bababc;
+}
+
+[data-position="right center"][data-tooltip]:before {
+ background: #FFFFFF;
+ box-shadow: -1px 1px 0px 0px #bababc;
+}
+
+[data-position~="top"][data-tooltip]:before {
+ background: #FFFFFF;
+}
+
+/* Inverted Arrow Color */
+
+[data-inverted][data-position~="bottom"][data-tooltip]:before {
+ background: #1B1C1D;
+ box-shadow: -1px -1px 0px 0px #bababc;
+}
+
+[data-inverted][data-position="left center"][data-tooltip]:before {
+ background: #1B1C1D;
+ box-shadow: 1px -1px 0px 0px #bababc;
+}
+
+[data-inverted][data-position="right center"][data-tooltip]:before {
+ background: #1B1C1D;
+ box-shadow: -1px 1px 0px 0px #bababc;
+}
+
+[data-inverted][data-position~="top"][data-tooltip]:before {
+ background: #1B1C1D;
+}
+
+[data-position~="bottom"][data-tooltip]:before {
+ transform-origin: center bottom;
+}
+
+[data-position~="bottom"][data-tooltip]:after {
+ transform-origin: center top;
+}
+
+[data-position="left center"][data-tooltip]:before {
+ transform-origin: top center;
+}
+
+[data-position="left center"][data-tooltip]:after {
+ transform-origin: right center;
+}
+
+[data-position="right center"][data-tooltip]:before {
+ transform-origin: right center;
+}
+
+[data-position="right center"][data-tooltip]:after {
+ transform-origin: left center;
+}
+
+/*--------------
+ Spacing
+---------------*/
+
+.ui.popup {
+ margin: 0em;
+}
+
+/* Extending from Top */
+
+.ui.top.popup {
+ margin: 0em 0em 0.71428571em;
+}
+
+.ui.top.left.popup {
+ transform-origin: left bottom;
+}
+
+.ui.top.center.popup {
+ transform-origin: center bottom;
+}
+
+.ui.top.right.popup {
+ transform-origin: right bottom;
+}
+
+/* Extending from Vertical Center */
+
+.ui.left.center.popup {
+ margin: 0em 0.71428571em 0em 0em;
+ transform-origin: right 50%;
+}
+
+.ui.right.center.popup {
+ margin: 0em 0em 0em 0.71428571em;
+ transform-origin: left 50%;
+}
+
+/* Extending from Bottom */
+
+.ui.bottom.popup {
+ margin: 0.71428571em 0em 0em;
+}
+
+.ui.bottom.left.popup {
+ transform-origin: left top;
+}
+
+.ui.bottom.center.popup {
+ transform-origin: center top;
+}
+
+.ui.bottom.right.popup {
+ transform-origin: right top;
+}
+
+/*--------------
+ Pointer
+---------------*/
+
+/*--- Below ---*/
+
+.ui.bottom.center.popup:before {
+ margin-left: -0.30714286em;
+ top: -0.30714286em;
+ left: 50%;
+ right: auto;
+ bottom: auto;
+ box-shadow: -1px -1px 0px 0px #bababc;
+}
+
+.ui.bottom.left.popup {
+ margin-left: 0em;
+}
+
+/*rtl:rename*/
+
+.ui.bottom.left.popup:before {
+ top: -0.30714286em;
+ left: 1em;
+ right: auto;
+ bottom: auto;
+ margin-left: 0em;
+ box-shadow: -1px -1px 0px 0px #bababc;
+}
+
+.ui.bottom.right.popup {
+ margin-right: 0em;
+}
+
+/*rtl:rename*/
+
+.ui.bottom.right.popup:before {
+ top: -0.30714286em;
+ right: 1em;
+ bottom: auto;
+ left: auto;
+ margin-left: 0em;
+ box-shadow: -1px -1px 0px 0px #bababc;
+}
+
+/*--- Above ---*/
+
+.ui.top.center.popup:before {
+ top: auto;
+ right: auto;
+ bottom: -0.30714286em;
+ left: 50%;
+ margin-left: -0.30714286em;
+}
+
+.ui.top.left.popup {
+ margin-left: 0em;
+}
+
+/*rtl:rename*/
+
+.ui.top.left.popup:before {
+ bottom: -0.30714286em;
+ left: 1em;
+ top: auto;
+ right: auto;
+ margin-left: 0em;
+}
+
+.ui.top.right.popup {
+ margin-right: 0em;
+}
+
+/*rtl:rename*/
+
+.ui.top.right.popup:before {
+ bottom: -0.30714286em;
+ right: 1em;
+ top: auto;
+ left: auto;
+ margin-left: 0em;
+}
+
+/*--- Left Center ---*/
+
+/*rtl:rename*/
+
+.ui.left.center.popup:before {
+ top: 50%;
+ right: -0.30714286em;
+ bottom: auto;
+ left: auto;
+ margin-top: -0.30714286em;
+ box-shadow: 1px -1px 0px 0px #bababc;
+}
+
+/*--- Right Center ---*/
+
+/*rtl:rename*/
+
+.ui.right.center.popup:before {
+ top: 50%;
+ left: -0.30714286em;
+ bottom: auto;
+ right: auto;
+ margin-top: -0.30714286em;
+ box-shadow: -1px 1px 0px 0px #bababc;
+}
+
+/* Arrow Color By Location */
+
+.ui.bottom.popup:before {
+ background: #FFFFFF;
+}
+
+.ui.right.center.popup:before,
+.ui.left.center.popup:before {
+ background: #FFFFFF;
+}
+
+.ui.top.popup:before {
+ background: #FFFFFF;
+}
+
+/* Inverted Arrow Color */
+
+.ui.inverted.bottom.popup:before {
+ background: #1B1C1D;
+}
+
+.ui.inverted.right.center.popup:before,
+.ui.inverted.left.center.popup:before {
+ background: #1B1C1D;
+}
+
+.ui.inverted.top.popup:before {
+ background: #1B1C1D;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+/* Immediate Nested Grid */
+
+.ui.popup > .ui.grid:not(.padded) {
+ width: calc(100% + 1.75rem);
+ margin: -0.7rem -0.875rem;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.loading.popup {
+ display: block;
+ visibility: hidden;
+ z-index: -1;
+}
+
+.ui.animating.popup,
+.ui.visible.popup {
+ display: block;
+}
+
+.ui.visible.popup {
+ transform: translateZ(0px);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Basic
+---------------*/
+
+.ui.basic.popup:before {
+ display: none;
+}
+
+/*--------------
+ Wide
+---------------*/
+
+.ui.wide.popup {
+ max-width: 350px;
+}
+
+.ui[class*="very wide"].popup {
+ max-width: 550px;
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.wide.popup,
+ .ui[class*="very wide"].popup {
+ max-width: 250px;
+ }
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+.ui.fluid.popup {
+ width: 100%;
+ max-width: none;
+}
+
+/*--------------
+ Colors
+---------------*/
+
+/* Inverted colors */
+
+.ui.inverted.popup {
+ background: #1B1C1D;
+ color: #FFFFFF;
+ border: none;
+ box-shadow: none;
+}
+
+.ui.inverted.popup .header {
+ background-color: none;
+ color: #FFFFFF;
+}
+
+.ui.inverted.popup:before {
+ background-color: #1B1C1D;
+ box-shadow: none !important;
+}
+
+/*--------------
+ Flowing
+---------------*/
+
+.ui.flowing.popup {
+ max-width: none;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.mini.popup {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.popup {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.popup {
+ font-size: 0.92857143rem;
+}
+
+.ui.popup {
+ font-size: 1rem;
+}
+
+.ui.large.popup {
+ font-size: 1.14285714rem;
+}
+
+.ui.huge.popup {
+ font-size: 1.42857143rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Progress Bar
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Progress
+*******************************/
+
+.ui.progress {
+ position: relative;
+ display: block;
+ max-width: 100%;
+ border: none;
+ margin: 1em 0em 2.5em;
+ box-shadow: none;
+ background: rgba(0, 0, 0, 0.1);
+ padding: 0em;
+ border-radius: 0.28571429rem;
+}
+
+.ui.progress:first-child {
+ margin: 0em 0em 2.5em;
+}
+
+.ui.progress:last-child {
+ margin: 0em 0em 1.5em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* Activity Bar */
+
+.ui.progress .bar {
+ display: block;
+ line-height: 1;
+ position: relative;
+ width: 0%;
+ min-width: 2em;
+ background: #888888;
+ border-radius: 0.28571429rem;
+ transition: width 0.1s ease, background-color 0.1s ease;
+}
+
+/* Percent Complete */
+
+.ui.progress .bar > .progress {
+ white-space: nowrap;
+ position: absolute;
+ width: auto;
+ font-size: 0.92857143em;
+ top: 50%;
+ right: 0.5em;
+ left: auto;
+ bottom: auto;
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+ margin-top: -0.5em;
+ font-weight: bold;
+ text-align: left;
+}
+
+/* Label */
+
+.ui.progress > .label {
+ position: absolute;
+ width: 100%;
+ font-size: 1em;
+ top: 100%;
+ right: auto;
+ left: 0%;
+ bottom: auto;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+ text-shadow: none;
+ margin-top: 0.2em;
+ text-align: center;
+ transition: color 0.4s ease;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/* Indicating */
+
+.ui.indicating.progress[data-percent^="1"] .bar,
+.ui.indicating.progress[data-percent^="2"] .bar {
+ background-color: #D95C5C;
+}
+
+.ui.indicating.progress[data-percent^="3"] .bar {
+ background-color: #EFBC72;
+}
+
+.ui.indicating.progress[data-percent^="4"] .bar,
+.ui.indicating.progress[data-percent^="5"] .bar {
+ background-color: #E6BB48;
+}
+
+.ui.indicating.progress[data-percent^="6"] .bar {
+ background-color: #DDC928;
+}
+
+.ui.indicating.progress[data-percent^="7"] .bar,
+.ui.indicating.progress[data-percent^="8"] .bar {
+ background-color: #B4D95C;
+}
+
+.ui.indicating.progress[data-percent^="9"] .bar,
+.ui.indicating.progress[data-percent^="100"] .bar {
+ background-color: #66DA81;
+}
+
+/* Indicating Label */
+
+.ui.indicating.progress[data-percent^="1"] .label,
+.ui.indicating.progress[data-percent^="2"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.indicating.progress[data-percent^="3"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.indicating.progress[data-percent^="4"] .label,
+.ui.indicating.progress[data-percent^="5"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.indicating.progress[data-percent^="6"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.indicating.progress[data-percent^="7"] .label,
+.ui.indicating.progress[data-percent^="8"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.indicating.progress[data-percent^="9"] .label,
+.ui.indicating.progress[data-percent^="100"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Single Digits */
+
+.ui.indicating.progress[data-percent="1"] .bar,
+.ui.indicating.progress[data-percent="2"] .bar,
+.ui.indicating.progress[data-percent="3"] .bar,
+.ui.indicating.progress[data-percent="4"] .bar,
+.ui.indicating.progress[data-percent="5"] .bar,
+.ui.indicating.progress[data-percent="6"] .bar,
+.ui.indicating.progress[data-percent="7"] .bar,
+.ui.indicating.progress[data-percent="8"] .bar,
+.ui.indicating.progress[data-percent="9"] .bar {
+ background-color: #D95C5C;
+}
+
+.ui.indicating.progress[data-percent="1"] .label,
+.ui.indicating.progress[data-percent="2"] .label,
+.ui.indicating.progress[data-percent="3"] .label,
+.ui.indicating.progress[data-percent="4"] .label,
+.ui.indicating.progress[data-percent="5"] .label,
+.ui.indicating.progress[data-percent="6"] .label,
+.ui.indicating.progress[data-percent="7"] .label,
+.ui.indicating.progress[data-percent="8"] .label,
+.ui.indicating.progress[data-percent="9"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Indicating Success */
+
+.ui.indicating.progress.success .label {
+ color: #1A531B;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Success
+---------------*/
+
+.ui.progress.success .bar {
+ background-color: #21BA45 !important;
+}
+
+.ui.progress.success .bar,
+.ui.progress.success .bar::after {
+ -webkit-animation: none !important;
+ animation: none !important;
+}
+
+.ui.progress.success > .label {
+ color: #1A531B;
+}
+
+/*--------------
+ Warning
+---------------*/
+
+.ui.progress.warning .bar {
+ background-color: #F2C037 !important;
+}
+
+.ui.progress.warning .bar,
+.ui.progress.warning .bar::after {
+ -webkit-animation: none !important;
+ animation: none !important;
+}
+
+.ui.progress.warning > .label {
+ color: #794B02;
+}
+
+/*--------------
+ Error
+---------------*/
+
+.ui.progress.error .bar {
+ background-color: #DB2828 !important;
+}
+
+.ui.progress.error .bar,
+.ui.progress.error .bar::after {
+ -webkit-animation: none !important;
+ animation: none !important;
+}
+
+.ui.progress.error > .label {
+ color: #912D2B;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.active.progress .bar {
+ position: relative;
+ min-width: 2em;
+}
+
+.ui.active.progress .bar::after {
+ content: '';
+ opacity: 0;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ background: #FFFFFF;
+ border-radius: 0.28571429rem;
+ -webkit-animation: progress-active 2s ease infinite;
+ animation: progress-active 2s ease infinite;
+}
+
+@-webkit-keyframes progress-active {
+ 0% {
+ opacity: 0.3;
+ width: 0;
+ }
+
+ 100% {
+ opacity: 0;
+ width: 100%;
+ }
+}
+
+@keyframes progress-active {
+ 0% {
+ opacity: 0.3;
+ width: 0;
+ }
+
+ 100% {
+ opacity: 0;
+ width: 100%;
+ }
+}
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.disabled.progress {
+ opacity: 0.35;
+}
+
+.ui.disabled.progress .bar,
+.ui.disabled.progress .bar::after {
+ -webkit-animation: none !important;
+ animation: none !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.inverted.progress {
+ background: rgba(255, 255, 255, 0.08);
+ border: none;
+}
+
+.ui.inverted.progress .bar {
+ background: #888888;
+}
+
+.ui.inverted.progress .bar > .progress {
+ color: #F9FAFB;
+}
+
+.ui.inverted.progress > .label {
+ color: #FFFFFF;
+}
+
+.ui.inverted.progress.success > .label {
+ color: #21BA45;
+}
+
+.ui.inverted.progress.warning > .label {
+ color: #F2C037;
+}
+
+.ui.inverted.progress.error > .label {
+ color: #DB2828;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+/* bottom attached */
+
+.ui.progress.attached {
+ background: transparent;
+ position: relative;
+ border: none;
+ margin: 0em;
+}
+
+.ui.progress.attached,
+.ui.progress.attached .bar {
+ display: block;
+ height: 0.2rem;
+ padding: 0px;
+ overflow: hidden;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.progress.attached .bar {
+ border-radius: 0em;
+}
+
+/* top attached */
+
+.ui.progress.top.attached,
+.ui.progress.top.attached .bar {
+ top: 0px;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.progress.top.attached .bar {
+ border-radius: 0em;
+}
+
+/* Coupling */
+
+.ui.segment > .ui.attached.progress,
+.ui.card > .ui.attached.progress {
+ position: absolute;
+ top: auto;
+ left: 0;
+ bottom: 100%;
+ width: 100%;
+}
+
+.ui.segment > .ui.bottom.attached.progress,
+.ui.card > .ui.bottom.attached.progress {
+ top: 100%;
+ bottom: auto;
+}
+
+/*--------------
+ Colors
+---------------*/
+
+/* Red */
+
+.ui.red.progress .bar {
+ background-color: #DB2828;
+}
+
+.ui.red.inverted.progress .bar {
+ background-color: #FF695E;
+}
+
+/* Orange */
+
+.ui.orange.progress .bar {
+ background-color: #F2711C;
+}
+
+.ui.orange.inverted.progress .bar {
+ background-color: #FF851B;
+}
+
+/* Yellow */
+
+.ui.yellow.progress .bar {
+ background-color: #FBBD08;
+}
+
+.ui.yellow.inverted.progress .bar {
+ background-color: #FFE21F;
+}
+
+/* Olive */
+
+.ui.olive.progress .bar {
+ background-color: #B5CC18;
+}
+
+.ui.olive.inverted.progress .bar {
+ background-color: #D9E778;
+}
+
+/* Green */
+
+.ui.green.progress .bar {
+ background-color: #21BA45;
+}
+
+.ui.green.inverted.progress .bar {
+ background-color: #2ECC40;
+}
+
+/* Teal */
+
+.ui.teal.progress .bar {
+ background-color: #00B5AD;
+}
+
+.ui.teal.inverted.progress .bar {
+ background-color: #6DFFFF;
+}
+
+/* Blue */
+
+.ui.blue.progress .bar {
+ background-color: #2185D0;
+}
+
+.ui.blue.inverted.progress .bar {
+ background-color: #54C8FF;
+}
+
+/* Violet */
+
+.ui.violet.progress .bar {
+ background-color: #6435C9;
+}
+
+.ui.violet.inverted.progress .bar {
+ background-color: #A291FB;
+}
+
+/* Purple */
+
+.ui.purple.progress .bar {
+ background-color: #A333C8;
+}
+
+.ui.purple.inverted.progress .bar {
+ background-color: #DC73FF;
+}
+
+/* Pink */
+
+.ui.pink.progress .bar {
+ background-color: #E03997;
+}
+
+.ui.pink.inverted.progress .bar {
+ background-color: #FF8EDF;
+}
+
+/* Brown */
+
+.ui.brown.progress .bar {
+ background-color: #A5673F;
+}
+
+.ui.brown.inverted.progress .bar {
+ background-color: #D67C1C;
+}
+
+/* Grey */
+
+.ui.grey.progress .bar {
+ background-color: #767676;
+}
+
+.ui.grey.inverted.progress .bar {
+ background-color: #DCDDDE;
+}
+
+/* Black */
+
+.ui.black.progress .bar {
+ background-color: #1B1C1D;
+}
+
+.ui.black.inverted.progress .bar {
+ background-color: #545454;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.tiny.progress {
+ font-size: 0.85714286rem;
+}
+
+.ui.tiny.progress .bar {
+ height: 0.5em;
+}
+
+.ui.small.progress {
+ font-size: 0.92857143rem;
+}
+
+.ui.small.progress .bar {
+ height: 1em;
+}
+
+.ui.progress {
+ font-size: 1rem;
+}
+
+.ui.progress .bar {
+ height: 1.75em;
+}
+
+.ui.large.progress {
+ font-size: 1.14285714rem;
+}
+
+.ui.large.progress .bar {
+ height: 2.5em;
+}
+
+.ui.big.progress {
+ font-size: 1.28571429rem;
+}
+
+.ui.big.progress .bar {
+ height: 3.5em;
+}
+
+/*******************************
+ Progress
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Rating
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Rating
+*******************************/
+
+.ui.rating {
+ display: inline-flex;
+ white-space: nowrap;
+ vertical-align: baseline;
+}
+
+.ui.rating:last-child {
+ margin-right: 0em;
+}
+
+/* Icon */
+
+.ui.rating .icon {
+ padding: 0em;
+ margin: 0em;
+ text-align: center;
+ font-weight: normal;
+ font-style: normal;
+ flex: 1 0 auto;
+ cursor: pointer;
+ width: 1.25em;
+ height: auto;
+ transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Standard
+--------------------*/
+
+/* Inactive Icon */
+
+.ui.rating .icon {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.15);
+}
+
+/* Active Icon */
+
+.ui.rating .active.icon {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/* Selected Icon */
+
+.ui.rating .icon.selected,
+.ui.rating .icon.selected.active {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*-------------------
+ Star
+--------------------*/
+
+/* Inactive */
+
+.ui.star.rating .icon {
+ width: 1.25em;
+ height: auto;
+ background: transparent;
+ color: rgba(0, 0, 0, 0.15);
+ text-shadow: none;
+}
+
+/* Active Star */
+
+.ui.star.rating .active.icon {
+ background: transparent !important;
+ color: #FFE623 !important;
+ text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important;
+}
+
+/* Selected Star */
+
+.ui.star.rating .icon.selected,
+.ui.star.rating .icon.selected.active {
+ background: transparent !important;
+ color: #FFCC00 !important;
+ text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important;
+}
+
+/*-------------------
+ Heart
+--------------------*/
+
+.ui.heart.rating .icon {
+ width: 1.4em;
+ height: auto;
+ background: transparent;
+ color: rgba(0, 0, 0, 0.15);
+ text-shadow: none !important;
+}
+
+/* Active Heart */
+
+.ui.heart.rating .active.icon {
+ background: transparent !important;
+ color: #FF6D75 !important;
+ text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important;
+}
+
+/* Selected Heart */
+
+.ui.heart.rating .icon.selected,
+.ui.heart.rating .icon.selected.active {
+ background: transparent !important;
+ color: #FF3000 !important;
+ text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*-------------------
+ Disabled
+--------------------*/
+
+/* disabled rating */
+
+.ui.disabled.rating .icon {
+ cursor: default;
+}
+
+/*-------------------
+ User Interactive
+--------------------*/
+
+/* Selected Rating */
+
+.ui.rating.selected .active.icon {
+ opacity: 1;
+}
+
+.ui.rating.selected .icon.selected,
+.ui.rating .icon.selected {
+ opacity: 1;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.mini.rating {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.rating {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.rating {
+ font-size: 0.92857143rem;
+}
+
+.ui.rating {
+ font-size: 1rem;
+}
+
+.ui.large.rating {
+ font-size: 1.14285714rem;
+}
+
+.ui.huge.rating {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.rating {
+ font-size: 2rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+@font-face {
+ font-family: 'Rating';
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+.ui.rating .icon {
+ font-family: 'Rating';
+ line-height: 1;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ font-weight: normal;
+ font-style: normal;
+ text-align: center;
+}
+
+/* Empty Star */
+
+.ui.rating .icon:before {
+ content: '\F005';
+}
+
+/* Active Star */
+
+.ui.rating .active.icon:before {
+ content: '\F005';
+}
+
+/*-------------------
+ Star
+--------------------*/
+
+/* Unfilled Star */
+
+.ui.star.rating .icon:before {
+ content: '\F005';
+}
+
+/* Active Star */
+
+.ui.star.rating .active.icon:before {
+ content: '\F005';
+}
+
+/* Partial */
+
+.ui.star.rating .partial.icon:before {
+ content: '\F006';
+}
+
+.ui.star.rating .partial.icon {
+ content: '\F005';
+}
+
+/*-------------------
+ Heart
+--------------------*/
+
+/* Empty Heart
+.ui.heart.rating .icon:before {
+ content: '\f08a';
+}
+*/
+
+.ui.heart.rating .icon:before {
+ content: '\F004';
+}
+
+/* Active */
+
+.ui.heart.rating .active.icon:before {
+ content: '\F004';
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Search
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Search
+*******************************/
+
+.ui.search {
+ position: relative;
+}
+
+.ui.search > .prompt {
+ margin: 0em;
+ outline: none;
+ -webkit-appearance: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ text-shadow: none;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1.21428571em;
+ padding: 0.67857143em 1em;
+ font-size: 1em;
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0em 0em 0em 0em transparent inset;
+ transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
+}
+
+.ui.search .prompt {
+ border-radius: 500rem;
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.search .prompt ~ .search.icon {
+ cursor: pointer;
+}
+
+/*--------------
+ Results
+---------------*/
+
+.ui.search > .results {
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0%;
+ transform-origin: center top;
+ white-space: normal;
+ text-align: left;
+ text-transform: none;
+ background: #FFFFFF;
+ margin-top: 0.5em;
+ width: 18em;
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+ border: 1px solid #D4D4D5;
+ z-index: 998;
+}
+
+.ui.search > .results > :first-child {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.search > .results > :last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/*--------------
+ Result
+---------------*/
+
+.ui.search > .results .result {
+ cursor: pointer;
+ display: block;
+ overflow: hidden;
+ font-size: 1em;
+ padding: 0.85714286em 1.14285714em;
+ color: rgba(0, 0, 0, 0.87);
+ line-height: 1.33;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.search > .results .result:last-child {
+ border-bottom: none !important;
+}
+
+/* Image */
+
+.ui.search > .results .result .image {
+ float: right;
+ overflow: hidden;
+ background: none;
+ width: 5em;
+ height: 3em;
+ border-radius: 0.25em;
+}
+
+.ui.search > .results .result .image img {
+ display: block;
+ width: auto;
+ height: 100%;
+}
+
+/*--------------
+ Info
+---------------*/
+
+.ui.search > .results .result .image + .content {
+ margin: 0em 6em 0em 0em;
+}
+
+.ui.search > .results .result .title {
+ margin: -0.14285714em 0em 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 1em;
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.search > .results .result .description {
+ margin-top: 0;
+ font-size: 0.92857143em;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.search > .results .result .price {
+ float: right;
+ color: #21BA45;
+}
+
+/*--------------
+ Message
+---------------*/
+
+.ui.search > .results > .message {
+ padding: 1em 1em;
+}
+
+.ui.search > .results > .message .header {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1rem;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.search > .results > .message .description {
+ margin-top: 0.25rem;
+ font-size: 1em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* View All Results */
+
+.ui.search > .results > .action {
+ display: block;
+ border-top: none;
+ background: #F3F4F5;
+ padding: 0.92857143em 1em;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+ text-align: center;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------------
+ Focus
+---------------------*/
+
+.ui.search > .prompt:focus {
+ border-color: rgba(34, 36, 38, 0.35);
+ background: #FFFFFF;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------------
+ Loading
+---------------------*/
+
+.ui.loading.search .input > i.icon:before {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.loading.search .input > i.icon:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ -webkit-animation: button-spin 0.6s linear;
+ animation: button-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.search > .results .result:hover,
+.ui.category.search > .results .category .result:hover {
+ background: #F9FAFB;
+}
+
+.ui.search .action:hover {
+ background: #E0E0E0;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.category.search > .results .category.active {
+ background: #F3F4F5;
+}
+
+.ui.category.search > .results .category.active > .name {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.search > .results .result.active,
+.ui.category.search > .results .category .result.active {
+ position: relative;
+ border-left-color: rgba(34, 36, 38, 0.1);
+ background: #F3F4F5;
+ box-shadow: none;
+}
+
+.ui.search > .results .result.active .title {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.search > .results .result.active .description {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/*--------------------
+ Disabled
+----------------------*/
+
+/* Disabled */
+
+.ui.disabled.search {
+ cursor: default;
+ pointer-events: none;
+ opacity: 0.45;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Selection
+---------------*/
+
+.ui.search.selection .prompt {
+ border-radius: 0.28571429rem;
+}
+
+/* Remove input */
+
+.ui.search.selection > .icon.input > .remove.icon {
+ pointer-events: none;
+ position: absolute;
+ left: auto;
+ opacity: 0;
+ color: '';
+ top: 0em;
+ right: 0em;
+ transition: color 0.1s ease, opacity 0.1s ease;
+}
+
+.ui.search.selection > .icon.input > .active.remove.icon {
+ cursor: pointer;
+ opacity: 0.8;
+ pointer-events: auto;
+}
+
+.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
+ right: 1.85714em;
+}
+
+.ui.search.selection > .icon.input > .remove.icon:hover {
+ opacity: 1;
+ color: #DB2828;
+}
+
+/*--------------
+ Category
+---------------*/
+
+.ui.category.search .results {
+ width: 28em;
+}
+
+.ui.category.search .results.animating,
+.ui.category.search .results.visible {
+ display: table;
+}
+
+/* Category */
+
+.ui.category.search > .results .category {
+ display: table-row;
+ background: #F3F4F5;
+ box-shadow: none;
+ transition: background 0.1s ease, border-color 0.1s ease;
+}
+
+/* Last Category */
+
+.ui.category.search > .results .category:last-child {
+ border-bottom: none;
+}
+
+/* First / Last */
+
+.ui.category.search > .results .category:first-child .name + .result {
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+.ui.category.search > .results .category:last-child .result:last-child {
+ border-radius: 0em 0em 0.28571429rem 0em;
+}
+
+/* Category Result Name */
+
+.ui.category.search > .results .category > .name {
+ display: table-cell;
+ text-overflow: ellipsis;
+ width: 100px;
+ white-space: nowrap;
+ background: transparent;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ padding: 0.4em 1em;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.4);
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+/* Category Result */
+
+.ui.category.search > .results .category .results {
+ display: table-cell;
+ background: #FFFFFF;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.category.search > .results .category .result {
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+ transition: background 0.1s ease, border-color 0.1s ease;
+ padding: 0.85714286em 1.14285714em;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Left / Right
+--------------------*/
+
+.ui[class*="left aligned"].search > .results {
+ right: auto;
+ left: 0%;
+}
+
+.ui[class*="right aligned"].search > .results {
+ right: 0%;
+ left: auto;
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+.ui.fluid.search .results {
+ width: 100%;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.mini.search {
+ font-size: 0.78571429em;
+}
+
+.ui.small.search {
+ font-size: 0.92857143em;
+}
+
+.ui.search {
+ font-size: 1em;
+}
+
+.ui.large.search {
+ font-size: 1.14285714em;
+}
+
+.ui.big.search {
+ font-size: 1.28571429em;
+}
+
+.ui.huge.search {
+ font-size: 1.42857143em;
+}
+
+.ui.massive.search {
+ font-size: 1.71428571em;
+}
+
+/*--------------
+ Mobile
+---------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.search .results {
+ max-width: calc(100vw - 2rem);
+ }
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Shape
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Shape
+*******************************/
+
+.ui.shape {
+ position: relative;
+ vertical-align: top;
+ display: inline-block;
+ perspective: 2000px;
+ transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
+}
+
+.ui.shape .sides {
+ transform-style: preserve-3d;
+}
+
+.ui.shape .side {
+ opacity: 1;
+ width: 100%;
+ margin: 0em !important;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.ui.shape .side {
+ display: none;
+}
+
+.ui.shape .side * {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+.ui.cube.shape .side {
+ min-width: 15em;
+ height: 15em;
+ padding: 2em;
+ background-color: #E6E6E6;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
+}
+
+.ui.cube.shape .side > .content {
+ width: 100%;
+ height: 100%;
+ display: table;
+ text-align: center;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+
+.ui.cube.shape .side > .content > div {
+ display: table-cell;
+ vertical-align: middle;
+ font-size: 2em;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.text.shape.animating .sides {
+ position: static;
+}
+
+.ui.text.shape .side {
+ white-space: nowrap;
+}
+
+.ui.text.shape .side > * {
+ white-space: normal;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Loading
+---------------*/
+
+.ui.loading.shape {
+ position: absolute;
+ top: -9999px;
+ left: -9999px;
+}
+
+/*--------------
+ Animating
+---------------*/
+
+.ui.shape .animating.side {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ display: block;
+ z-index: 100;
+}
+
+.ui.shape .hidden.side {
+ opacity: 0.6;
+}
+
+/*--------------
+ CSS
+---------------*/
+
+.ui.shape.animating .sides {
+ position: absolute;
+}
+
+.ui.shape.animating .sides {
+ transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
+}
+
+.ui.shape.animating .side {
+ transition: opacity 0.6s ease-in-out;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.shape .active.side {
+ display: block;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Sidebar
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Sidebar
+*******************************/
+
+/* Sidebar Menu */
+
+.ui.sidebar {
+ position: fixed;
+ top: 0;
+ left: 0;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: none;
+ will-change: transform;
+ transform: translate3d(0, 0, 0);
+ visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ height: 100% !important;
+ max-height: 100%;
+ border-radius: 0em !important;
+ margin: 0em !important;
+ overflow-y: auto !important;
+ z-index: 102;
+}
+
+/* GPU Layers for Child Elements */
+
+.ui.sidebar > * {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+/*--------------
+ Direction
+---------------*/
+
+.ui.left.sidebar {
+ right: auto;
+ left: 0px;
+ transform: translate3d(-100%, 0, 0);
+}
+
+.ui.right.sidebar {
+ right: 0px !important;
+ left: auto !important;
+ transform: translate3d(100%, 0%, 0);
+}
+
+.ui.top.sidebar,
+.ui.bottom.sidebar {
+ width: 100% !important;
+ height: auto !important;
+}
+
+.ui.top.sidebar {
+ top: 0px !important;
+ bottom: auto !important;
+ transform: translate3d(0, -100%, 0);
+}
+
+.ui.bottom.sidebar {
+ top: auto !important;
+ bottom: 0px !important;
+ transform: translate3d(0, 100%, 0);
+}
+
+/*--------------
+ Pushable
+---------------*/
+
+.pushable {
+ height: 100%;
+ overflow-x: hidden;
+ padding: 0em !important;
+}
+
+/* Whole Page */
+
+body.pushable {
+ background: #545454 !important;
+}
+
+/* Page Context */
+
+.pushable:not(body) {
+ transform: translate3d(0, 0, 0);
+}
+
+.pushable:not(body) > .ui.sidebar,
+.pushable:not(body) > .fixed,
+.pushable:not(body) > .pusher:after {
+ position: absolute;
+}
+
+/*--------------
+ Fixed
+---------------*/
+
+.pushable > .fixed {
+ position: fixed;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: transform 500ms ease;
+ will-change: transform;
+ z-index: 101;
+}
+
+/*--------------
+ Page
+---------------*/
+
+.pushable > .pusher {
+ position: relative;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ overflow: hidden;
+ min-height: 100%;
+ transition: transform 500ms ease;
+ z-index: 2;
+}
+
+body.pushable > .pusher {
+ background: #FFFFFF;
+}
+
+/* Pusher should inherit background from context */
+
+.pushable > .pusher {
+ background: inherit;
+}
+
+/*--------------
+ Dimmer
+---------------*/
+
+.pushable > .pusher:after {
+ position: fixed;
+ top: 0px;
+ right: 0px;
+ content: '';
+ background-color: rgba(0, 0, 0, 0.4);
+ overflow: hidden;
+ opacity: 0;
+ transition: opacity 500ms;
+ will-change: opacity;
+ z-index: 1000;
+}
+
+/*--------------
+ Coupling
+---------------*/
+
+.ui.sidebar.menu .item {
+ border-radius: 0em !important;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Dimmed
+---------------*/
+
+.pushable > .pusher.dimmed:after {
+ width: 100% !important;
+ height: 100% !important;
+ opacity: 1 !important;
+}
+
+/*--------------
+ Animating
+---------------*/
+
+.ui.animating.sidebar {
+ visibility: visible;
+}
+
+/*--------------
+ Visible
+---------------*/
+
+.ui.visible.sidebar {
+ visibility: visible;
+ transform: translate3d(0, 0, 0);
+}
+
+/* Shadow Direction */
+
+.ui.left.visible.sidebar,
+.ui.right.visible.sidebar {
+ box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
+}
+
+.ui.top.visible.sidebar,
+.ui.bottom.visible.sidebar {
+ box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
+}
+
+/* Visible On Load */
+
+.ui.visible.left.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .pusher {
+ transform: translate3d(260px, 0, 0);
+}
+
+.ui.visible.right.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .pusher {
+ transform: translate3d(-260px, 0, 0);
+}
+
+.ui.visible.top.sidebar ~ .fixed,
+.ui.visible.top.sidebar ~ .pusher {
+ transform: translate3d(0, 36px, 0);
+}
+
+.ui.visible.bottom.sidebar ~ .fixed,
+.ui.visible.bottom.sidebar ~ .pusher {
+ transform: translate3d(0, -36px, 0);
+}
+
+/* opposite sides visible forces content overlay */
+
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
+ transform: translate3d(0, 0, 0);
+}
+
+/*--------------
+ iOS
+---------------*/
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Width
+---------------*/
+
+/* Left / Right */
+
+.ui.thin.left.sidebar,
+.ui.thin.right.sidebar {
+ width: 150px;
+}
+
+.ui[class*="very thin"].left.sidebar,
+.ui[class*="very thin"].right.sidebar {
+ width: 60px;
+}
+
+.ui.left.sidebar,
+.ui.right.sidebar {
+ width: 260px;
+}
+
+.ui.wide.left.sidebar,
+.ui.wide.right.sidebar {
+ width: 350px;
+}
+
+.ui[class*="very wide"].left.sidebar,
+.ui[class*="very wide"].right.sidebar {
+ width: 475px;
+}
+
+/* Left Visible */
+
+.ui.visible.thin.left.sidebar ~ .fixed,
+.ui.visible.thin.left.sidebar ~ .pusher {
+ transform: translate3d(150px, 0, 0);
+}
+
+.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
+ transform: translate3d(60px, 0, 0);
+}
+
+.ui.visible.wide.left.sidebar ~ .fixed,
+.ui.visible.wide.left.sidebar ~ .pusher {
+ transform: translate3d(350px, 0, 0);
+}
+
+.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
+ transform: translate3d(475px, 0, 0);
+}
+
+/* Right Visible */
+
+.ui.visible.thin.right.sidebar ~ .fixed,
+.ui.visible.thin.right.sidebar ~ .pusher {
+ transform: translate3d(-150px, 0, 0);
+}
+
+.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
+ transform: translate3d(-60px, 0, 0);
+}
+
+.ui.visible.wide.right.sidebar ~ .fixed,
+.ui.visible.wide.right.sidebar ~ .pusher {
+ transform: translate3d(-350px, 0, 0);
+}
+
+.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
+ transform: translate3d(-475px, 0, 0);
+}
+
+/*******************************
+ Animations
+*******************************/
+
+/*--------------
+ Overlay
+---------------*/
+
+/* Set-up */
+
+.ui.overlay.sidebar {
+ z-index: 102;
+}
+
+/* Initial */
+
+.ui.left.overlay.sidebar {
+ transform: translate3d(-100%, 0%, 0);
+}
+
+.ui.right.overlay.sidebar {
+ transform: translate3d(100%, 0%, 0);
+}
+
+.ui.top.overlay.sidebar {
+ transform: translate3d(0%, -100%, 0);
+}
+
+.ui.bottom.overlay.sidebar {
+ transform: translate3d(0%, 100%, 0);
+}
+
+/* Animation */
+
+.animating.ui.overlay.sidebar,
+.ui.visible.overlay.sidebar {
+ transition: transform 500ms ease;
+}
+
+/* End - Sidebar */
+
+.ui.visible.left.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+
+.ui.visible.right.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+
+.ui.visible.top.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+
+.ui.visible.bottom.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+
+/* End - Pusher */
+
+.ui.visible.overlay.sidebar ~ .fixed,
+.ui.visible.overlay.sidebar ~ .pusher {
+ transform: none !important;
+}
+
+/*--------------
+ Push
+---------------*/
+
+/* Initial */
+
+.ui.push.sidebar {
+ transition: transform 500ms ease;
+ z-index: 102;
+}
+
+/* Sidebar - Initial */
+
+.ui.left.push.sidebar {
+ transform: translate3d(-100%, 0, 0);
+}
+
+.ui.right.push.sidebar {
+ transform: translate3d(100%, 0, 0);
+}
+
+.ui.top.push.sidebar {
+ transform: translate3d(0%, -100%, 0);
+}
+
+.ui.bottom.push.sidebar {
+ transform: translate3d(0%, 100%, 0);
+}
+
+/* End */
+
+.ui.visible.push.sidebar {
+ transform: translate3d(0%, 0, 0);
+}
+
+/*--------------
+ Uncover
+---------------*/
+
+/* Initial */
+
+.ui.uncover.sidebar {
+ transform: translate3d(0, 0, 0);
+ z-index: 1;
+}
+
+/* End */
+
+.ui.visible.uncover.sidebar {
+ transform: translate3d(0, 0, 0);
+ transition: transform 500ms ease;
+}
+
+/*--------------
+ Slide Along
+---------------*/
+
+/* Initial */
+
+.ui.slide.along.sidebar {
+ z-index: 1;
+}
+
+/* Sidebar - Initial */
+
+.ui.left.slide.along.sidebar {
+ transform: translate3d(-50%, 0, 0);
+}
+
+.ui.right.slide.along.sidebar {
+ transform: translate3d(50%, 0, 0);
+}
+
+.ui.top.slide.along.sidebar {
+ transform: translate3d(0, -50%, 0);
+}
+
+.ui.bottom.slide.along.sidebar {
+ transform: translate3d(0%, 50%, 0);
+}
+
+/* Animation */
+
+.ui.animating.slide.along.sidebar {
+ transition: transform 500ms ease;
+}
+
+/* End */
+
+.ui.visible.slide.along.sidebar {
+ transform: translate3d(0%, 0, 0);
+}
+
+/*--------------
+ Slide Out
+---------------*/
+
+/* Initial */
+
+.ui.slide.out.sidebar {
+ z-index: 1;
+}
+
+/* Sidebar - Initial */
+
+.ui.left.slide.out.sidebar {
+ transform: translate3d(50%, 0, 0);
+}
+
+.ui.right.slide.out.sidebar {
+ transform: translate3d(-50%, 0, 0);
+}
+
+.ui.top.slide.out.sidebar {
+ transform: translate3d(0%, 50%, 0);
+}
+
+.ui.bottom.slide.out.sidebar {
+ transform: translate3d(0%, -50%, 0);
+}
+
+/* Animation */
+
+.ui.animating.slide.out.sidebar {
+ transition: transform 500ms ease;
+}
+
+/* End */
+
+.ui.visible.slide.out.sidebar {
+ transform: translate3d(0%, 0, 0);
+}
+
+/*--------------
+ Scale Down
+---------------*/
+
+/* Initial */
+
+.ui.scale.down.sidebar {
+ transition: transform 500ms ease;
+ z-index: 102;
+}
+
+/* Sidebar - Initial */
+
+.ui.left.scale.down.sidebar {
+ transform: translate3d(-100%, 0, 0);
+}
+
+.ui.right.scale.down.sidebar {
+ transform: translate3d(100%, 0, 0);
+}
+
+.ui.top.scale.down.sidebar {
+ transform: translate3d(0%, -100%, 0);
+}
+
+.ui.bottom.scale.down.sidebar {
+ transform: translate3d(0%, 100%, 0);
+}
+
+/* Pusher - Initial */
+
+.ui.scale.down.left.sidebar ~ .pusher {
+ transform-origin: 75% 50%;
+}
+
+.ui.scale.down.right.sidebar ~ .pusher {
+ transform-origin: 25% 50%;
+}
+
+.ui.scale.down.top.sidebar ~ .pusher {
+ transform-origin: 50% 75%;
+}
+
+.ui.scale.down.bottom.sidebar ~ .pusher {
+ transform-origin: 50% 25%;
+}
+
+/* Animation */
+
+.ui.animating.scale.down > .visible.ui.sidebar {
+ transition: transform 500ms ease;
+}
+
+.ui.visible.scale.down.sidebar ~ .pusher,
+.ui.animating.scale.down.sidebar ~ .pusher {
+ display: block !important;
+ width: 100%;
+ height: 100%;
+ overflow: hidden !important;
+}
+
+/* End */
+
+.ui.visible.scale.down.sidebar {
+ transform: translate3d(0, 0, 0);
+}
+
+.ui.visible.scale.down.sidebar ~ .pusher {
+ transform: scale(0.75);
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Sticky
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Sticky
+*******************************/
+
+.ui.sticky {
+ position: static;
+ transition: none;
+ z-index: 800;
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Bound */
+
+.ui.sticky.bound {
+ position: absolute;
+ left: auto;
+ right: auto;
+}
+
+/* Fixed */
+
+.ui.sticky.fixed {
+ position: fixed;
+ left: auto;
+ right: auto;
+}
+
+/* Bound/Fixed Position */
+
+.ui.sticky.bound.top,
+.ui.sticky.fixed.top {
+ top: 0px;
+ bottom: auto;
+}
+
+.ui.sticky.bound.bottom,
+.ui.sticky.fixed.bottom {
+ top: auto;
+ bottom: 0px;
+}
+
+/*******************************
+ Types
+*******************************/
+
+.ui.native.sticky {
+ position: -webkit-sticky;
+ position: -moz-sticky;
+ position: -ms-sticky;
+ position: -o-sticky;
+ position: sticky;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Tab
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ UI Tabs
+*******************************/
+
+.ui.tab {
+ display: none;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------------
+ Active
+---------------------*/
+
+.ui.tab.active,
+.ui.tab.open {
+ display: block;
+}
+
+/*--------------------
+ Loading
+---------------------*/
+
+.ui.tab.loading {
+ position: relative;
+ overflow: hidden;
+ display: block;
+ min-height: 250px;
+}
+
+.ui.tab.loading * {
+ position: relative !important;
+ left: -10000px !important;
+}
+
+.ui.tab.loading:before,
+.ui.tab.loading.segment:before {
+ position: absolute;
+ content: '';
+ top: 100px;
+ left: 50%;
+ margin: -1.25em 0em 0em -1.25em;
+ width: 2.5em;
+ height: 2.5em;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.tab.loading:after,
+.ui.tab.loading.segment:after {
+ position: absolute;
+ content: '';
+ top: 100px;
+ left: 50%;
+ margin: -1.25em 0em 0em -1.25em;
+ width: 2.5em;
+ height: 2.5em;
+ -webkit-animation: button-spin 0.6s linear;
+ animation: button-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+/*******************************
+ Tab Overrides
+*******************************/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Transition
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Transitions
+*******************************/
+
+.transition {
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+ -webkit-animation-duration: 300ms;
+ animation-duration: 300ms;
+ -webkit-animation-timing-function: ease;
+ animation-timing-function: ease;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Animating */
+
+.animating.transition {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ visibility: visible !important;
+}
+
+/* Loading */
+
+.loading.transition {
+ position: absolute;
+ top: -99999px;
+ left: -99999px;
+}
+
+/* Hidden */
+
+.hidden.transition {
+ display: none;
+ visibility: hidden;
+}
+
+/* Visible */
+
+.visible.transition {
+ display: block !important;
+ visibility: visible !important;
+ /* backface-visibility: @backfaceVisibility;
+ transform: @use3DAcceleration;*/
+}
+
+/* Disabled */
+
+.disabled.transition {
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.looping.transition {
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+
+/*******************************
+ Transitions
+*******************************/
+
+/*
+ Some transitions adapted from Animate CSS
+ https://github.com/daneden/animate.css
+
+ Additional transitions adapted from Glide
+ by Nick Pettit - https://github.com/nickpettit/glide
+*/
+
+/*--------------
+ Browse
+---------------*/
+
+.transition.browse {
+ -webkit-animation-duration: 500ms;
+ animation-duration: 500ms;
+}
+
+.transition.browse.in {
+ -webkit-animation-name: browseIn;
+ animation-name: browseIn;
+}
+
+.transition.browse.out,
+.transition.browse.left.out {
+ -webkit-animation-name: browseOutLeft;
+ animation-name: browseOutLeft;
+}
+
+.transition.browse.right.out {
+ -webkit-animation-name: browseOutRight;
+ animation-name: browseOutRight;
+}
+
+/* In */
+
+@-webkit-keyframes browseIn {
+ 0% {
+ transform: scale(0.8) translateZ(0px);
+ z-index: -1;
+ }
+
+ 10% {
+ transform: scale(0.8) translateZ(0px);
+ z-index: -1;
+ opacity: 0.7;
+ }
+
+ 80% {
+ transform: scale(1.05) translateZ(0px);
+ opacity: 1;
+ z-index: 999;
+ }
+
+ 100% {
+ transform: scale(1) translateZ(0px);
+ z-index: 999;
+ }
+}
+
+@keyframes browseIn {
+ 0% {
+ transform: scale(0.8) translateZ(0px);
+ z-index: -1;
+ }
+
+ 10% {
+ transform: scale(0.8) translateZ(0px);
+ z-index: -1;
+ opacity: 0.7;
+ }
+
+ 80% {
+ transform: scale(1.05) translateZ(0px);
+ opacity: 1;
+ z-index: 999;
+ }
+
+ 100% {
+ transform: scale(1) translateZ(0px);
+ z-index: 999;
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes browseOutLeft {
+ 0% {
+ z-index: 999;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+ }
+
+ 50% {
+ z-index: -1;
+ transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
+ }
+
+ 80% {
+ opacity: 1;
+ }
+
+ 100% {
+ z-index: -1;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+ opacity: 0;
+ }
+}
+
+@keyframes browseOutLeft {
+ 0% {
+ z-index: 999;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+ }
+
+ 50% {
+ z-index: -1;
+ transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
+ }
+
+ 80% {
+ opacity: 1;
+ }
+
+ 100% {
+ z-index: -1;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes browseOutRight {
+ 0% {
+ z-index: 999;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+ }
+
+ 50% {
+ z-index: 1;
+ transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
+ }
+
+ 80% {
+ opacity: 1;
+ }
+
+ 100% {
+ z-index: 1;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+ opacity: 0;
+ }
+}
+
+@keyframes browseOutRight {
+ 0% {
+ z-index: 999;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+ }
+
+ 50% {
+ z-index: 1;
+ transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
+ }
+
+ 80% {
+ opacity: 1;
+ }
+
+ 100% {
+ z-index: 1;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+ opacity: 0;
+ }
+}
+
+/*--------------
+ Drop
+---------------*/
+
+.drop.transition {
+ transform-origin: top center;
+ -webkit-animation-duration: 400ms;
+ animation-duration: 400ms;
+ -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
+}
+
+.drop.transition.in {
+ -webkit-animation-name: dropIn;
+ animation-name: dropIn;
+}
+
+.drop.transition.out {
+ -webkit-animation-name: dropOut;
+ animation-name: dropOut;
+}
+
+/* Drop */
+
+@-webkit-keyframes dropIn {
+ 0% {
+ opacity: 0;
+ transform: scale(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@keyframes dropIn {
+ 0% {
+ opacity: 0;
+ transform: scale(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@-webkit-keyframes dropOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale(0);
+ }
+}
+
+@keyframes dropOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale(0);
+ }
+}
+
+/*--------------
+ Fade
+---------------*/
+
+.transition.fade.in {
+ -webkit-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+
+.transition[class*="fade up"].in {
+ -webkit-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+
+.transition[class*="fade down"].in {
+ -webkit-animation-name: fadeInDown;
+ animation-name: fadeInDown;
+}
+
+.transition[class*="fade left"].in {
+ -webkit-animation-name: fadeInLeft;
+ animation-name: fadeInLeft;
+}
+
+.transition[class*="fade right"].in {
+ -webkit-animation-name: fadeInRight;
+ animation-name: fadeInRight;
+}
+
+.transition.fade.out {
+ -webkit-animation-name: fadeOut;
+ animation-name: fadeOut;
+}
+
+.transition[class*="fade up"].out {
+ -webkit-animation-name: fadeOutUp;
+ animation-name: fadeOutUp;
+}
+
+.transition[class*="fade down"].out {
+ -webkit-animation-name: fadeOutDown;
+ animation-name: fadeOutDown;
+}
+
+.transition[class*="fade left"].out {
+ -webkit-animation-name: fadeOutLeft;
+ animation-name: fadeOutLeft;
+}
+
+.transition[class*="fade right"].out {
+ -webkit-animation-name: fadeOutRight;
+ animation-name: fadeOutRight;
+}
+
+/* In */
+
+@-webkit-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+}
+
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+}
+
+@-webkit-keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ transform: translateY(-10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+}
+
+@keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ transform: translateY(-10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+}
+
+@-webkit-keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ transform: translateX(10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+}
+
+@keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ transform: translateX(10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+}
+
+@-webkit-keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ transform: translateX(-10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+}
+
+@keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ transform: translateX(-10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+@keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes fadeOutUp {
+ 0% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateY(5%);
+ }
+}
+
+@keyframes fadeOutUp {
+ 0% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateY(5%);
+ }
+}
+
+@-webkit-keyframes fadeOutDown {
+ 0% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateY(-5%);
+ }
+}
+
+@keyframes fadeOutDown {
+ 0% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateY(-5%);
+ }
+}
+
+@-webkit-keyframes fadeOutLeft {
+ 0% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateX(5%);
+ }
+}
+
+@keyframes fadeOutLeft {
+ 0% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateX(5%);
+ }
+}
+
+@-webkit-keyframes fadeOutRight {
+ 0% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateX(-5%);
+ }
+}
+
+@keyframes fadeOutRight {
+ 0% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateX(-5%);
+ }
+}
+
+/*--------------
+ Flips
+---------------*/
+
+.flip.transition.in,
+.flip.transition.out {
+ -webkit-animation-duration: 600ms;
+ animation-duration: 600ms;
+}
+
+.horizontal.flip.transition.in {
+ -webkit-animation-name: horizontalFlipIn;
+ animation-name: horizontalFlipIn;
+}
+
+.horizontal.flip.transition.out {
+ -webkit-animation-name: horizontalFlipOut;
+ animation-name: horizontalFlipOut;
+}
+
+.vertical.flip.transition.in {
+ -webkit-animation-name: verticalFlipIn;
+ animation-name: verticalFlipIn;
+}
+
+.vertical.flip.transition.out {
+ -webkit-animation-name: verticalFlipOut;
+ animation-name: verticalFlipOut;
+}
+
+/* In */
+
+@-webkit-keyframes horizontalFlipIn {
+ 0% {
+ transform: perspective(2000px) rotateY(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateY(0deg);
+ opacity: 1;
+ }
+}
+
+@keyframes horizontalFlipIn {
+ 0% {
+ transform: perspective(2000px) rotateY(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateY(0deg);
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes verticalFlipIn {
+ 0% {
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateX(0deg);
+ opacity: 1;
+ }
+}
+
+@keyframes verticalFlipIn {
+ 0% {
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateX(0deg);
+ opacity: 1;
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes horizontalFlipOut {
+ 0% {
+ transform: perspective(2000px) rotateY(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateY(90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes horizontalFlipOut {
+ 0% {
+ transform: perspective(2000px) rotateY(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateY(90deg);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes verticalFlipOut {
+ 0% {
+ transform: perspective(2000px) rotateX(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes verticalFlipOut {
+ 0% {
+ transform: perspective(2000px) rotateX(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0;
+ }
+}
+
+/*--------------
+ Scale
+---------------*/
+
+.scale.transition.in {
+ -webkit-animation-name: scaleIn;
+ animation-name: scaleIn;
+}
+
+.scale.transition.out {
+ -webkit-animation-name: scaleOut;
+ animation-name: scaleOut;
+}
+
+@-webkit-keyframes scaleIn {
+ 0% {
+ opacity: 0;
+ transform: scale(0.8);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@keyframes scaleIn {
+ 0% {
+ opacity: 0;
+ transform: scale(0.8);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes scaleOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale(0.9);
+ }
+}
+
+@keyframes scaleOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale(0.9);
+ }
+}
+
+/*--------------
+ Fly
+---------------*/
+
+/* Inward */
+
+.transition.fly {
+ -webkit-animation-duration: 0.6s;
+ animation-duration: 0.6s;
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.transition.fly.in {
+ -webkit-animation-name: flyIn;
+ animation-name: flyIn;
+}
+
+.transition[class*="fly up"].in {
+ -webkit-animation-name: flyInUp;
+ animation-name: flyInUp;
+}
+
+.transition[class*="fly down"].in {
+ -webkit-animation-name: flyInDown;
+ animation-name: flyInDown;
+}
+
+.transition[class*="fly left"].in {
+ -webkit-animation-name: flyInLeft;
+ animation-name: flyInLeft;
+}
+
+.transition[class*="fly right"].in {
+ -webkit-animation-name: flyInRight;
+ animation-name: flyInRight;
+}
+
+/* Outward */
+
+.transition.fly.out {
+ -webkit-animation-name: flyOut;
+ animation-name: flyOut;
+}
+
+.transition[class*="fly up"].out {
+ -webkit-animation-name: flyOutUp;
+ animation-name: flyOutUp;
+}
+
+.transition[class*="fly down"].out {
+ -webkit-animation-name: flyOutDown;
+ animation-name: flyOutDown;
+}
+
+.transition[class*="fly left"].out {
+ -webkit-animation-name: flyOutLeft;
+ animation-name: flyOutLeft;
+}
+
+.transition[class*="fly right"].out {
+ -webkit-animation-name: flyOutRight;
+ animation-name: flyOutRight;
+}
+
+/* In */
+
+@-webkit-keyframes flyIn {
+ 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);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes flyIn {
+ 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);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@-webkit-keyframes flyInUp {
+ 0% {
+ opacity: 0;
+ transform: translate3d(0, 1500px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 75% {
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 90% {
+ transform: translate3d(0, -5px, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes flyInUp {
+ 0% {
+ opacity: 0;
+ transform: translate3d(0, 1500px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 75% {
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 90% {
+ transform: translate3d(0, -5px, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@-webkit-keyframes flyInDown {
+ 0% {
+ opacity: 0;
+ transform: translate3d(0, -1500px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(0, 25px, 0);
+ }
+
+ 75% {
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 90% {
+ transform: translate3d(0, 5px, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+@keyframes flyInDown {
+ 0% {
+ opacity: 0;
+ transform: translate3d(0, -1500px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(0, 25px, 0);
+ }
+
+ 75% {
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 90% {
+ transform: translate3d(0, 5px, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+@-webkit-keyframes flyInLeft {
+ 0% {
+ opacity: 0;
+ transform: translate3d(1500px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(-25px, 0, 0);
+ }
+
+ 75% {
+ transform: translate3d(10px, 0, 0);
+ }
+
+ 90% {
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+@keyframes flyInLeft {
+ 0% {
+ opacity: 0;
+ transform: translate3d(1500px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(-25px, 0, 0);
+ }
+
+ 75% {
+ transform: translate3d(10px, 0, 0);
+ }
+
+ 90% {
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+@-webkit-keyframes flyInRight {
+ 0% {
+ opacity: 0;
+ transform: translate3d(-1500px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(25px, 0, 0);
+ }
+
+ 75% {
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 90% {
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+@keyframes flyInRight {
+ 0% {
+ opacity: 0;
+ transform: translate3d(-1500px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(25px, 0, 0);
+ }
+
+ 75% {
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 90% {
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes flyOut {
+ 20% {
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+
+ 50%, 55% {
+ opacity: 1;
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+}
+
+@keyframes flyOut {
+ 20% {
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+
+ 50%, 55% {
+ opacity: 1;
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+}
+
+@-webkit-keyframes flyOutUp {
+ 20% {
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+@keyframes flyOutUp {
+ 20% {
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+@-webkit-keyframes flyOutDown {
+ 20% {
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ transform: translate3d(0, 20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+@keyframes flyOutDown {
+ 20% {
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ transform: translate3d(0, 20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+@-webkit-keyframes flyOutRight {
+ 20% {
+ opacity: 1;
+ transform: translate3d(20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+@keyframes flyOutRight {
+ 20% {
+ opacity: 1;
+ transform: translate3d(20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+@-webkit-keyframes flyOutLeft {
+ 20% {
+ opacity: 1;
+ transform: translate3d(-20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+@keyframes flyOutLeft {
+ 20% {
+ opacity: 1;
+ transform: translate3d(-20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+/*--------------
+ Slide
+---------------*/
+
+.transition.slide.in,
+.transition[class*="slide down"].in {
+ -webkit-animation-name: slideInY;
+ animation-name: slideInY;
+ transform-origin: top center;
+}
+
+.transition[class*="slide up"].in {
+ -webkit-animation-name: slideInY;
+ animation-name: slideInY;
+ transform-origin: bottom center;
+}
+
+.transition[class*="slide left"].in {
+ -webkit-animation-name: slideInX;
+ animation-name: slideInX;
+ transform-origin: center right;
+}
+
+.transition[class*="slide right"].in {
+ -webkit-animation-name: slideInX;
+ animation-name: slideInX;
+ transform-origin: center left;
+}
+
+.transition.slide.out,
+.transition[class*="slide down"].out {
+ -webkit-animation-name: slideOutY;
+ animation-name: slideOutY;
+ transform-origin: top center;
+}
+
+.transition[class*="slide up"].out {
+ -webkit-animation-name: slideOutY;
+ animation-name: slideOutY;
+ transform-origin: bottom center;
+}
+
+.transition[class*="slide left"].out {
+ -webkit-animation-name: slideOutX;
+ animation-name: slideOutX;
+ transform-origin: center right;
+}
+
+.transition[class*="slide right"].out {
+ -webkit-animation-name: slideOutX;
+ animation-name: slideOutX;
+ transform-origin: center left;
+}
+
+/* In */
+
+@-webkit-keyframes slideInY {
+ 0% {
+ opacity: 0;
+ transform: scaleY(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scaleY(1);
+ }
+}
+
+@keyframes slideInY {
+ 0% {
+ opacity: 0;
+ transform: scaleY(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scaleY(1);
+ }
+}
+
+@-webkit-keyframes slideInX {
+ 0% {
+ opacity: 0;
+ transform: scaleX(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scaleX(1);
+ }
+}
+
+@keyframes slideInX {
+ 0% {
+ opacity: 0;
+ transform: scaleX(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scaleX(1);
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes slideOutY {
+ 0% {
+ opacity: 1;
+ transform: scaleY(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scaleY(0);
+ }
+}
+
+@keyframes slideOutY {
+ 0% {
+ opacity: 1;
+ transform: scaleY(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scaleY(0);
+ }
+}
+
+@-webkit-keyframes slideOutX {
+ 0% {
+ opacity: 1;
+ transform: scaleX(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scaleX(0);
+ }
+}
+
+@keyframes slideOutX {
+ 0% {
+ opacity: 1;
+ transform: scaleX(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scaleX(0);
+ }
+}
+
+/*--------------
+ Swing
+---------------*/
+
+.transition.swing {
+ -webkit-animation-duration: 800ms;
+ animation-duration: 800ms;
+}
+
+.transition[class*="swing down"].in {
+ -webkit-animation-name: swingInX;
+ animation-name: swingInX;
+ transform-origin: top center;
+}
+
+.transition[class*="swing up"].in {
+ -webkit-animation-name: swingInX;
+ animation-name: swingInX;
+ transform-origin: bottom center;
+}
+
+.transition[class*="swing left"].in {
+ -webkit-animation-name: swingInY;
+ animation-name: swingInY;
+ transform-origin: center right;
+}
+
+.transition[class*="swing right"].in {
+ -webkit-animation-name: swingInY;
+ animation-name: swingInY;
+ transform-origin: center left;
+}
+
+.transition.swing.out,
+.transition[class*="swing down"].out {
+ -webkit-animation-name: swingOutX;
+ animation-name: swingOutX;
+ transform-origin: top center;
+}
+
+.transition[class*="swing up"].out {
+ -webkit-animation-name: swingOutX;
+ animation-name: swingOutX;
+ transform-origin: bottom center;
+}
+
+.transition[class*="swing left"].out {
+ -webkit-animation-name: swingOutY;
+ animation-name: swingOutY;
+ transform-origin: center right;
+}
+
+.transition[class*="swing right"].out {
+ -webkit-animation-name: swingOutY;
+ animation-name: swingOutY;
+ transform-origin: center left;
+}
+
+/* In */
+
+@-webkit-keyframes swingInX {
+ 0% {
+ transform: perspective(1000px) rotateX(90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateX(-30deg);
+ opacity: 1;
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateX(15deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateX(-7.5deg);
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateX(0deg);
+ }
+}
+
+@keyframes swingInX {
+ 0% {
+ transform: perspective(1000px) rotateX(90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateX(-30deg);
+ opacity: 1;
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateX(15deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateX(-7.5deg);
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateX(0deg);
+ }
+}
+
+@-webkit-keyframes swingInY {
+ 0% {
+ transform: perspective(1000px) rotateY(-90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateY(30deg);
+ opacity: 1;
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateY(-17.5deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateY(7.5deg);
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateY(0deg);
+ }
+}
+
+@keyframes swingInY {
+ 0% {
+ transform: perspective(1000px) rotateY(-90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateY(30deg);
+ opacity: 1;
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateY(-17.5deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateY(7.5deg);
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateY(0deg);
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes swingOutX {
+ 0% {
+ transform: perspective(1000px) rotateX(0deg);
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateX(-7.5deg);
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateX(17.5deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateX(-30deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateX(90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes swingOutX {
+ 0% {
+ transform: perspective(1000px) rotateX(0deg);
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateX(-7.5deg);
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateX(17.5deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateX(-30deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateX(90deg);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes swingOutY {
+ 0% {
+ transform: perspective(1000px) rotateY(0deg);
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateY(7.5deg);
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateY(-10deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateY(30deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateY(-90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes swingOutY {
+ 0% {
+ transform: perspective(1000px) rotateY(0deg);
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateY(7.5deg);
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateY(-10deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateY(30deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateY(-90deg);
+ opacity: 0;
+ }
+}
+
+/*--------------
+ Zoom
+---------------*/
+
+.transition.zoom.in {
+ -webkit-animation-name: zoomIn;
+ animation-name: zoomIn;
+}
+
+.transition.zoom.out {
+ -webkit-animation-name: zoomOut;
+ animation-name: zoomOut;
+}
+
+@-webkit-keyframes zoomIn {
+ 0% {
+ opacity: 1;
+ transform: scale(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@keyframes zoomIn {
+ 0% {
+ opacity: 1;
+ transform: scale(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@-webkit-keyframes zoomOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(0);
+ }
+}
+
+@keyframes zoomOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(0);
+ }
+}
+
+/*******************************
+ Static Animations
+*******************************/
+
+/*--------------
+ Emphasis
+---------------*/
+
+.flash.transition {
+ -webkit-animation-duration: 750ms;
+ animation-duration: 750ms;
+ -webkit-animation-name: flash;
+ animation-name: flash;
+}
+
+.shake.transition {
+ -webkit-animation-duration: 750ms;
+ animation-duration: 750ms;
+ -webkit-animation-name: shake;
+ animation-name: shake;
+}
+
+.bounce.transition {
+ -webkit-animation-duration: 750ms;
+ animation-duration: 750ms;
+ -webkit-animation-name: bounce;
+ animation-name: bounce;
+}
+
+.tada.transition {
+ -webkit-animation-duration: 750ms;
+ animation-duration: 750ms;
+ -webkit-animation-name: tada;
+ animation-name: tada;
+}
+
+.pulse.transition {
+ -webkit-animation-duration: 500ms;
+ animation-duration: 500ms;
+ -webkit-animation-name: pulse;
+ animation-name: pulse;
+}
+
+.jiggle.transition {
+ -webkit-animation-duration: 750ms;
+ animation-duration: 750ms;
+ -webkit-animation-name: jiggle;
+ animation-name: jiggle;
+}
+
+.transition.glow {
+ -webkit-animation-duration: 2000ms;
+ animation-duration: 2000ms;
+ -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+ animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+}
+
+.transition.glow {
+ -webkit-animation-name: glow;
+ animation-name: glow;
+}
+
+/* Flash */
+
+@-webkit-keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+@keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+/* Shake */
+
+@-webkit-keyframes shake {
+ 0%, 100% {
+ transform: translateX(0);
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ transform: translateX(-10px);
+ }
+
+ 20%, 40%, 60%, 80% {
+ transform: translateX(10px);
+ }
+}
+
+@keyframes shake {
+ 0%, 100% {
+ transform: translateX(0);
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ transform: translateX(-10px);
+ }
+
+ 20%, 40%, 60%, 80% {
+ transform: translateX(10px);
+ }
+}
+
+/* Bounce */
+
+@-webkit-keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ transform: translateY(0);
+ }
+
+ 40% {
+ transform: translateY(-30px);
+ }
+
+ 60% {
+ transform: translateY(-15px);
+ }
+}
+
+@keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ transform: translateY(0);
+ }
+
+ 40% {
+ transform: translateY(-30px);
+ }
+
+ 60% {
+ transform: translateY(-15px);
+ }
+}
+
+/* Tada */
+
+@-webkit-keyframes tada {
+ 0% {
+ transform: scale(1);
+ }
+
+ 10%, 20% {
+ transform: scale(0.9) rotate(-3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ transform: scale(1.1) rotate(3deg);
+ }
+
+ 40%, 60%, 80% {
+ transform: scale(1.1) rotate(-3deg);
+ }
+
+ 100% {
+ transform: scale(1) rotate(0);
+ }
+}
+
+@keyframes tada {
+ 0% {
+ transform: scale(1);
+ }
+
+ 10%, 20% {
+ transform: scale(0.9) rotate(-3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ transform: scale(1.1) rotate(3deg);
+ }
+
+ 40%, 60%, 80% {
+ transform: scale(1.1) rotate(-3deg);
+ }
+
+ 100% {
+ transform: scale(1) rotate(0);
+ }
+}
+
+/* Pulse */
+
+@-webkit-keyframes pulse {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 50% {
+ transform: scale(0.9);
+ opacity: 0.7;
+ }
+
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@keyframes pulse {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 50% {
+ transform: scale(0.9);
+ opacity: 0.7;
+ }
+
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+
+/* Jiggle */
+
+@-webkit-keyframes jiggle {
+ 0% {
+ 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);
+ }
+
+ 100% {
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes jiggle {
+ 0% {
+ 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);
+ }
+
+ 100% {
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+/* Glow */
+
+@-webkit-keyframes glow {
+ 0% {
+ background-color: #FCFCFD;
+ }
+
+ 30% {
+ background-color: #FFF6CD;
+ }
+
+ 100% {
+ background-color: #FCFCFD;
+ }
+}
+
+@keyframes glow {
+ 0% {
+ background-color: #FCFCFD;
+ }
+
+ 30% {
+ background-color: #FFF6CD;
+ }
+
+ 100% {
+ background-color: #FCFCFD;
+ }
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+.xzparams-design {
+ width: 100%;
+}
+.xzparams-design .xzparams-color-409eff {
+ color: #409eff;
+}
+.xzparams-design .xzparams-pointer {
+ cursor: pointer;
+}
+.xzparams-design .xzparams-design-panel {
+ width: 400px;
+ height: 600px;
+ position: absolute;
+ z-index: 1000;
+ top: 150px;
+ right: 10px;
+ background: #fff;
+ box-shadow: 0px 0px 15px rgba(24, 144, 255, 0.1);
+ border-radius: 8px;
+}
+.xzparams-design .xzparams-design-panel .xzparams-move_position {
+ height: 17px;
+ display: flex;
+ justify-content: space-between;
+ padding: 14px 14px 12px;
+ border-bottom: 1px solid #e4e7ed;
+ box-sizing: content-box;
+}
+.xzparams-design .xzparams-design-panel .xzparams-move_position span {
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 18px;
+ color: #58657d;
+}
+.xzparams-design .xzparams-design-panel-main {
+ width: 100%;
+ height: calc(100% - 44px);
+ padding: 14px 12px;
+}
+.xzparams-design .xzparams-design-panel-main .xzparams-table .xzparams-checkContainer {
+ display: flex;
+ justify-content: center;
+}
+.xzparams-design .xzparams-design-panel-main .table {
+ table-layout: fixed;
+}
+.xzparams-design .xzparams-design-panel-main .table thead th {
+ padding: 10px 5px;
+ font-size: 12px;
+ font-weight: 400;
+ padding: 5px;
+}
+.xzparams-design .xzparams-design-panel-main .table tbody td {
+ padding: 5px;
+ overflow: hidden;
+ /* 确保超出容器的文本被裁剪 */
+ white-space: nowrap;
+ /* 确保文本在一行内显示 */
+ text-overflow: ellipsis;
+ /* 使用省略号表示文本被裁剪 */
+}
+.xzparams-design .xzparams-design-panel-main .xzparams-table-td-max_width {
+ max-width: 100px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.xzparams-design .xzparams-design-panel-main .xzparams-flex {
+ display: flex;
+ align-items: baseline;
+ cursor: pointer;
+ margin-right: 10px;
+}
+.xzparams-design .xzparams-design-panel-main .xzparams-design-panel-toolbar {
+ display: flex;
+ align-items: center;
+ color: #409eff;
+ font-size: 12px;
+ -webkit-user-select: none;
+ /* Chrome/Safari */
+ -moz-user-select: none;
+ /* Firefox */
+ -ms-user-select: none;
+ /* IE10+ */
+ user-select: none;
+ /* Standard */
+}
+.xzparams-design-params_dialog {
+ top: 0;
+ width: 550px !important;
+}
+.xzparams-design-params_dialog .xzparams-dialog__header {
+ width: 100%;
+ height: 47px;
+ padding: 12px 20px 11px 18px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid #e4e7ed;
+}
+.xzparams-design-params_dialog .xzparams-dialog__header span {
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 150%;
+ color: #58657d;
+}
+.xzparams-design-params_dialog .xzparams-dialog__body {
+ width: 100%;
+ padding: 18px 18px 30px 18px;
+ max-height: 730px;
+ overflow: auto;
+ min-height: 500px;
+}
+.xzparams-design-params_dialog .xzparams-dialog__footer {
+ display: flex;
+ justify-content: flex-end;
+ padding: 12px 20px;
+ border-top: 1px solid #e4e7ed;
+}
+
+.xzparams-checkbox_label {
+ max-width: 300px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
+.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
+.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
+.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
+.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
+.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
+.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}
+
+.xzparams-report-params_dialog {
+ top: 0;
+ width: 700px !important;
+}
+.xzparams-report-params_dialog .xzparams-dialog__header {
+ width: 100%;
+ height: 47px;
+ padding: 12px 20px 11px 18px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid #e4e7ed;
+}
+.xzparams-report-params_dialog .xzparams-dialog__header span {
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 150%;
+ color: #58657d;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body {
+ width: 100%;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main {
+ display: flex;
+ height: 400px;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left {
+ width: 200px;
+ border-right: 1px solid #e4e7ed;
+ padding: 8px;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .left_accordion_title {
+ display: flex;
+ padding: 10px 18px;
+ justify-content: space-between;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .left_accordion_title:hover {
+ background-color: #ecf5ff;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-left-toolbar {
+ display: flex;
+ background: rgba(0, 0, 0, 0.05);
+ padding: 10px;
+ justify-content: space-around;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-left-public,
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-left-private {
+ padding-top: 5px;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-left-public .public_title,
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-left-private .public_title {
+ font-weight: bold;
+ color: #606266;
+ font-size: 14px;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-left-public .public_content,
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-left-private .public_content,
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-left-public .private_content,
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-left-private .private_content {
+ overflow: auto;
+ max-height: 240px;
+ display: block !important;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-plan_item {
+ padding: 10px 20px 10px 30px;
+ cursor: pointer;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-plan_item:hover {
+ background-color: #ecf5ff;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .plan_item_active {
+ background-color: #ecf5ff;
+ color: #409eff;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-right {
+ width: 500px;
+ padding: 8px;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-right_title {
+ color: #348fff;
+ font-size: 14px;
+ padding: 10px;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-right_content {
+ height: 360px;
+ max-height: 360px;
+ overflow-y: auto;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-right_content .xzparams-params-form_item {
+ border-bottom: 1px solid #e8e8e8;
+ padding-bottom: 5px;
+ vertical-align: top;
+ margin-bottom: 10px !important;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-right_content .xzparams-params-form_item .require:before {
+ margin: 0em 0.4em 0em 0.2em;
+ content: '*';
+ color: #DB2828;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-right_content .xzparams-params-form_item .xzparams-params-item_title {
+ display: inline-block;
+ font-weight: 400 !important;
+ font-size: 14px !important;
+ color: #58657d !important;
+ height: 100%;
+ vertical-align: top;
+ line-height: 32px;
+ margin-right: 15px;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-right_content .xzparams-params-form_item .xzparams-params-item_content {
+ display: inline-block;
+}
+.xzparams-report-params_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-right_content .xzparams-params-form_item .xzparams-params-item_content label {
+ color: #58657d !important;
+}
+.xzparams-report-params_dialog .xzparams-dialog__footer {
+ display: flex;
+ justify-content: flex-end;
+ padding: 12px 20px;
+ border-top: 1px solid #e4e7ed;
+}
+
+.xzparams-message {
+ min-width: 380px;
+ box-sizing: border-box;
+ border-radius: 4px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #EBEEF5;
+ position: fixed;
+ left: 50%;
+ top: 20px;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ background-color: #edf2fc;
+ -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
+ transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
+ transition: opacity 0.3s, transform 0.4s, top 0.4s;
+ transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s;
+ overflow: hidden;
+ padding: 15px 15px 15px 20px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ z-index: 2300;
+}
+.xzparams-message p {
+ margin: 0;
+}
+.xzparams-message__icon {
+ margin-right: 10px;
+ width: 16px;
+ height: 16px;
+ line-height: 16px;
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ fill: currentColor;
+ font-size: inherit;
+}
+.xzparams-message__content {
+ padding: 0;
+ font-size: 14px;
+ line-height: 1;
+}
+.xzparams-message--error {
+ background-color: #fef0f0;
+ border-color: #fde2e2;
+ color: #f56c6c;
+}
+.xzparams-message__icon {
+ position: relative;
+ width: 16px;
+ height: 16px;
+ border-radius: 50%;
+}
+.xzparams-message--success {
+ background-color: #f0f9eb;
+ border-color: #e1f3d8;
+ color: #67c23a;
+}
+.xzparams-message--warning {
+ background-color: #fdf6ec;
+ border-color: #faecd8;
+ color: #e6a23c;
+}
+.xzparams-message--info {
+ background-color: #f4f4f5;
+ border-color: #e9e9eb;
+ color: #909399;
+}
+
+.xzparams-divider--vertical {
+ display: inline-block;
+ width: 1px;
+ margin: 0 10px;
+ vertical-align: middle;
+ position: relative;
+ border-left: 1px #606266 solid;
+}
+
+.xzparams-save-plan_dialog {
+ top: 0;
+ width: 400px !important;
+ z-index: 1002 !important;
+}
+.xzparams-save-plan_dialog .xzparams-dialog__header {
+ width: 100%;
+ height: 47px;
+ padding: 12px 20px 11px 18px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid #e4e7ed;
+}
+.xzparams-save-plan_dialog .xzparams-dialog__header span {
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 150%;
+ color: #58657d;
+}
+.xzparams-save-plan_dialog .xzparams-dialog__body {
+ width: 100%;
+ padding: 20px;
+}
+.xzparams-save-plan_dialog .xzparams-dialog__footer {
+ display: flex;
+ justify-content: flex-end;
+ padding: 12px 20px;
+ border-top: 1px solid #e4e7ed;
+}
+
+.xzparams-confirm-modal {
+ display: inline-block;
+ width: 420px !important;
+ padding-bottom: 10px;
+ vertical-align: middle;
+ background-color: #fff;
+ border-radius: 4px;
+ border: 1px solid #ebeef5;
+ font-size: 18px;
+ -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+ text-align: left;
+ overflow: hidden;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.xzparams-confirm-modal .xzparams-confirm-header {
+ position: relative;
+ padding: 15px 15px 10px;
+}
+.xzparams-confirm-modal .xzparams-confirm-header .xzparams-confirm-title {
+ padding-left: 0;
+ margin-bottom: 0;
+ font-size: 18px;
+ line-height: 1;
+ color: #303133;
+}
+.xzparams-confirm-modal .xzparams-confirm-content {
+ padding: 10px 15px;
+ color: #606266;
+ font-size: 14px;
+}
+.xzparams-confirm-modal .xzparams-confirm-content .xzparams-confirm-container {
+ position: relative;
+}
+.xzparams-confirm-modal .xzparams-confirm-content .xzparams-confirm-container .xzparams-confirm-message {
+ padding-right: 12px;
+ margin: 0;
+}
+.xzparams-confirm-modal .xzparams-confirm-content .xzparams-confirm-container .xzparams-confirm-message p {
+ margin: 0;
+ line-height: 24px;
+}
+.xzparams-confirm-modal .xzparams-confirm-btns {
+ padding: 5px 15px 0;
+ text-align: right;
+}
+
+.xzparams-api-dataset_dialog {
+ top: 0;
+ width: 800px !important;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__header {
+ width: 100%;
+ height: 47px;
+ padding: 12px 20px 11px 18px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid #e4e7ed;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__header span {
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 150%;
+ color: #58657d;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body {
+ width: 100%;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main {
+ display: flex;
+ height: 500px;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-left {
+ width: 350px;
+ border-right: 1px solid #e4e7ed;
+ padding: 10px 20px;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-Auth-config-main {
+ padding: 5px 0px 15px 0px;
+ border-bottom: 1px solid #e4e7ed;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-Auth-config-main .xzparams-Auth-config {
+ color: #58657d;
+ font-size: 14px;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-dataset-main .xzparams-toolbar {
+ padding: 10px 0px;
+ margin-top: 10px;
+ display: flex;
+ justify-content: space-between;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-dataset-main .xzparams-toolbar-input {
+ width: 215px;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-dataset-main .xzparams-dataset-content {
+ padding-top: 10px;
+ height: 440px;
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-dataset-main .xzparams-dataset-content .xzparams-dataset-item {
+ margin-bottom: 10px;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-left .xzparams-dataset-main .xzparams-dataset-content .xzparams-dataset-item label {
+ color: #58657d;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-right {
+ width: 450px;
+ padding: 15px 30px;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-toolbar {
+ display: flex;
+ justify-content: space-between;
+ font-size: 14px;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-toolbar .xzparams-select-dataset-clear {
+ color: #409eff;
+ cursor: pointer;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-select-dataset-content {
+ margin-top: 20px;
+ height: 440px;
+ overflow-y: auto;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__body .xzparams-main .xzparams-right .xzparams-select-dataset-content .xzparams-select-dataset-item {
+ padding: 10px;
+ background: #409eff1f;
+ border: 1px solid #409eff4f;
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 5px;
+}
+.xzparams-api-dataset_dialog .xzparams-dialog__footer {
+ display: flex;
+ justify-content: flex-end;
+ padding: 12px 20px;
+ border-top: 1px solid #e4e7ed;
+}
+
+.xzparams-auth_dialog {
+ top: 0;
+ width: 450px !important;
+ z-index: 1002 !important;
+}
+.xzparams-auth_dialog .xzparams-dialog__header {
+ width: 100%;
+ height: 47px;
+ padding: 12px 20px 11px 18px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid #e4e7ed;
+}
+.xzparams-auth_dialog .xzparams-dialog__header span {
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 150%;
+ color: #58657d;
+}
+.xzparams-auth_dialog .xzparams-dialog__body {
+ width: 100%;
+ padding: 20px;
+}
+.xzparams-auth_dialog .xzparams-dialog__footer {
+ display: flex;
+ justify-content: flex-end;
+ padding: 12px 20px;
+ border-top: 1px solid #e4e7ed;
+}
+
+.xzparams-xIcon {
+ color: #58657d;
+ cursor: pointer;
+}
+.xzparams-xIcon-primary {
+ color: #409eff;
+ cursor: pointer;
+}
+.xzparams-xIcon-primary_b6 {
+ color: #40a0ffb6;
+ cursor: pointer;
+}
+.xzparams-datePicker {
+ z-index: 3000;
+}
+.xzparams-form_item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 22px !important;
+}
+.xzparams-form_item span {
+ width: 180px;
+ font-weight: 400 !important;
+ font-size: 14px !important;
+ color: #58657d !important;
+}
+.xzparams-form_item .span_padding:before {
+ margin: 0em 0.4em 0em 0.2em;
+ content: '*';
+ color: #fff;
+}
+.xzparams-form_item .require:before {
+ margin: 0em 0.4em 0em 0.2em;
+ content: '*';
+ color: #DB2828;
+}
+.xzparams-form_item .xzparams-item_content {
+ width: 100%;
+ position: relative;
+}
+.xzparams-form_item .xzparams-item_content label {
+ color: #58657d !important;
+}
+.xzparams-form_item .xzparams-item__error {
+ display: none;
+ color: #f56c6c;
+ font-size: 12px;
+ line-height: 1;
+ padding-top: 4px;
+ position: absolute;
+ top: 100%;
+ left: 0;
+}
+
+
+.xzdesign-checkbox {
+ color: #606266;
+ font-weight: 500;
+ font-size: 14px;
+ position: relative;
+ cursor: pointer;
+ display: inline-block;
+ white-space: nowrap;
+ user-select: none;
+}
+.xzdesign-checkbox__input {
+ white-space: nowrap;
+ cursor: pointer;
+ outline: none;
+ display: inline-block;
+ line-height: 1;
+ position: relative;
+ vertical-align: middle;
+}
+.xzdesign-checkbox__original {
+ opacity: 0;
+ outline: none;
+ position: absolute;
+ margin: 0;
+ width: 0;
+ height: 0;
+ z-index: -1;
+}
+.xzdesign-checkbox__inner {
+ display: inline-block;
+ position: relative;
+ border: 1px solid #dcdfe6;
+ border-radius: 2px;
+ box-sizing: border-box;
+ width: 16px;
+ height: 16px;
+ background-color: #fff;
+ z-index: 1;
+ transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
+}
+.xzdesign-checkbox__inner:after {
+ box-sizing: content-box;
+ content: "";
+ border: 2px solid #fff;
+ border-left: 0;
+ border-top: 0;
+ height: 7px;
+ left: 4px;
+ position: absolute;
+ top: 1px;
+ transform: rotate(45deg) scaleY(0);
+ width: 4px;
+ transition: transform 0.15s ease-in 0.05s;
+ transform-origin: center;
+}
+.xzdesign-checkbox__label {
+ display: inline-block;
+ padding-left: 10px;
+ line-height: 22px;
+ font-size: 12px;
+ color: #58657D;
+}
+.xzdesign-checkbox__input.is-checked + .xzdesign-checkbox__label {
+ color: #409eff;
+}
+.xzdesign-checkbox__input.is-checked .xzdesign-checkbox__inner:after {
+ transform: rotate(45deg) scaleY(1);
+}
+.xzdesign-checkbox__input.is-checked .xzdesign-checkbox__inner {
+ background-color: #409eff;
+ border-color: #409eff;
+}
+
+.xzdesign-moveable_zindex {
+ z-index: 99 !important;
+}
+.xzdesign-charts-main {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 99;
+ padding: 20px;
+ width: 440px;
+ height: 540px;
+}
+.xzdesign-charts-main .xzdesign-charts {
+ width: 400px;
+ height: 500px;
+}
+.xzdesign-charts-main .xzdesign-chart-empty {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ text-align: center;
+ box-sizing: border-box;
+ padding: 40px 0;
+ height: 100%;
+}
+.xzdesign-charts-main .xzdesign-chart-empty span {
+ font-size: 14px;
+ color: #5e6d82;
+ line-height: 1.5em;
+}
+.xzdesign-selector-main {
+ position: relative;
+ width: 100%;
+ height: 35px;
+}
+.xzdesign-selector-main .xzdesign-selector-content {
+ display: flex;
+ width: 100%;
+ height: 100%;
+}
+.xzdesign-selector-main .xzdesign-selector-event {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+}
+.xzdesign-filter_drop-main {
+ position: absolute;
+ top: -305px;
+ left: 0;
+ background: #fff;
+ width: 200px;
+ height: 300px;
+ border: 1px solid #ebebeb;
+ border-radius: 10px;
+ padding: 10px;
+}
+.xzdesign-filter_drop-main .columns_main {
+ height: 220px;
+ overflow-y: auto;
+ padding: 10px;
+ border: 1px solid #DCDFE6;
+}
+.xzdesign-filter_drop-main .columns_main .check-list-main {
+ display: flex;
+ flex-direction: column;
+}
+.xzdesign-filter_drop-main .footer {
+ display: flex;
+ position: absolute;
+ bottom: 10px;
+ justify-content: flex-end;
+ flex-direction: row;
+ width: calc(100% - 20px);
+}
+
+@font-face {
+ font-family: 'fontawesome';
+ src: url(font/b06871f281fee6b241d60582ae9369b9.ttf);
+}
+body {
+ margin: 0;
+}
+.xzdesign {
+ font-size: 13px;
+ line-height: normal;
+ user-select: none;
+ -moz-user-select: none;
+ font-family: "Lato", "Source Sans Pro", Roboto, Helvetica, Arial, sans-serif, "\5B8B\4F53", "\9ED1\4F53", "\6977\4F53", "\4EFF\5B8B", "\65B0\5B8B\4F53";
+ box-sizing: content-box;
+ -webkit-font-smoothing: antialiased;
+}
+.xzdesign textarea {
+ font: 400 13px Arial, "PingFang SC", "Lato", "Source Sans Pro", Roboto, Helvetica, sans-serif, "\5B8B\4F53", "\9ED1\4F53", "\6977\4F53", "\4EFF\5B8B", "\65B0\5B8B\4F53";
+}
+.xzdesign * {
+ box-sizing: border-box;
+}
+.xzdesign ::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+.xzdesign ::-webkit-scrollbar-track-piece {
+ background-color: rgba(0, 0, 0, 0.2);
+ -webkit-border-radius: 6px;
+}
+.xzdesign ::-webkit-scrollbar-thumb:vertical {
+ height: 5px;
+ background-color: rgba(125, 125, 125, 0.7);
+ -webkit-border-radius: 6px;
+}
+.xzdesign ::-webkit-scrollbar-thumb:horizontal {
+ width: 5px;
+ background-color: rgba(125, 125, 125, 0.7);
+ -webkit-border-radius: 6px;
+}
+.xzdesign-sheet {
+ position: relative;
+ overflow: hidden;
+}
+.xzdesign-table {
+ vertical-align: bottom;
+}
+.xzdesign-container {
+ display: block;
+}
+.xzdesign-tooltip {
+ font-family: inherit;
+ position: absolute;
+ padding: 5px 10px;
+ color: #fff;
+ border-radius: 1px;
+ background: #000000;
+ font-size: 12px;
+ z-index: 201;
+}
+.xzdesign-tooltip:before {
+ pointer-events: none;
+ position: absolute;
+ left: calc(50% - 4px);
+ top: -4px;
+ content: "";
+ width: 8px;
+ height: 8px;
+ background: inherit;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ z-index: 1;
+ box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3);
+}
+.xzdesign-color-palette {
+ padding: 5px;
+}
+.xzdesign-color-palette table {
+ margin: 0;
+ padding: 0;
+ border-collapse: separate;
+ border-spacing: 2;
+ background: #fff;
+}
+.xzdesign-color-palette table td {
+ margin: 0;
+ cursor: pointer;
+ border: 1px solid transparent;
+}
+.xzdesign-color-palette table td:hover {
+ border-color: #ddd;
+}
+.xzdesign-color-palette table td .xzdesign-color-palette-cell {
+ width: 16px;
+ height: 16px;
+}
+.xzdesign-border-palette {
+ padding: 6px;
+}
+.xzdesign-border-palette table {
+ margin: 0;
+ padding: 0;
+ border-collapse: separate;
+ border-spacing: 0;
+ background: #fff;
+ table-layout: fixed;
+}
+.xzdesign-border-palette table td {
+ margin: 0;
+}
+.xzdesign-border-palette .xzdesign-border-palette-left {
+ border-right: 1px solid #eee;
+ padding-right: 6px;
+}
+.xzdesign-border-palette .xzdesign-border-palette-left .xzdesign-border-palette-cell {
+ width: 18px;
+ height: 18px;
+ padding: 1px;
+ cursor: pointer;
+ text-align: center;
+}
+.xzdesign-border-palette .xzdesign-border-palette-left .xzdesign-border-palette-cell .xzdesign-icon-img {
+ opacity: 0.8;
+}
+.xzdesign-border-palette .xzdesign-border-palette-left .xzdesign-border-palette-cell:hover {
+ background-color: #eee;
+}
+.xzdesign-border-palette .xzdesign-border-palette-right {
+ padding-left: 6px;
+}
+.xzdesign-border-palette .xzdesign-border-palette-right .xzdesign-toolbar-item {
+ margin-top: 0;
+ margin-bottom: 3px;
+}
+.xzdesign-border-palette .xzdesign-border-palette-right .xzdesign-line-type {
+ position: relative;
+ left: 0;
+ top: -3px;
+}
+.xzdesign-dropdown {
+ position: relative;
+}
+.xzdesign-dropdown .xzdesign-dropdown-content {
+ position: absolute;
+ z-index: 200;
+ background: #fff;
+ box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15);
+}
+.xzdesign-dropdown.bottom-left .xzdesign-dropdown-content {
+ top: calc(100% + 5px);
+ left: 0;
+}
+.xzdesign-dropdown.bottom-right .xzdesign-dropdown-content {
+ top: calc(100% + 5px);
+ right: 0;
+}
+.xzdesign-dropdown.top-left .xzdesign-dropdown-content {
+ bottom: calc(100% + 5px);
+ left: 0;
+}
+.xzdesign-dropdown.top-right .xzdesign-dropdown-content {
+ bottom: calc(100% + 5px);
+ right: 0;
+}
+.xzdesign-dropdown .xzdesign-dropdown-title {
+ padding: 0 5px;
+ display: inline-block;
+}
+.xzdesign-dropdown .xzdesign-dropdown-header .xzdesign-icon.arrow-right {
+ width: 10px;
+ margin-right: 4px;
+ height: 15px;
+}
+.xzdesign-dropdown .xzdesign-dropdown-header .xzdesign-icon.arrow-right .arrow-down {
+ left: -130px;
+}
+/* resizer **/
+.xzdesign-resizer {
+ position: absolute;
+ z-index: 11;
+}
+.xzdesign-resizer .xzdesign-resizer-hover {
+ background-color: rgba(75, 137, 255, 0.25);
+}
+.xzdesign-resizer .xzdesign-resizer-line {
+ position: absolute;
+}
+.xzdesign-resizer.horizontal {
+ cursor: row-resize;
+}
+.xzdesign-resizer.horizontal .xzdesign-resizer-line {
+ border-bottom: 2px dashed #4b89ff;
+ left: 0;
+ bottom: 0;
+}
+.xzdesign-resizer.vertical {
+ cursor: col-resize;
+}
+.xzdesign-resizer.vertical .xzdesign-resizer-line {
+ border-right: 2px dashed #4b89ff;
+ top: 0;
+ right: 0;
+}
+/* scrollbar */
+.xzdesign-scrollbar {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ background-color: #f4f5f8;
+ opacity: 0.9;
+ z-index: 12;
+}
+.xzdesign-scrollbar.horizontal {
+ right: 15px;
+ overflow-x: scroll;
+ overflow-y: hidden;
+}
+.xzdesign-scrollbar.horizontal > div {
+ height: 1px;
+ background: #ddd;
+}
+.xzdesign-scrollbar.vertical {
+ bottom: 15px;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ margin-right: 5px;
+}
+.xzdesign-scrollbar.vertical > div {
+ width: 1px;
+ background: #ddd;
+}
+.xzdesign-scrollbar:hover {
+ opacity: 0.85;
+}
+.xzdesign-moveablelayer {
+ position: absolute;
+ left: 0;
+ top: 0;
+ overflow: hidden;
+}
+/* @{css-prefix}-overlayer */
+.xzdesign-overlayer {
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 10;
+}
+.xzdesign-overlayer .xzdesign-overlayer-content {
+ position: absolute;
+ overflow: hidden;
+ pointer-events: none;
+ width: 100%;
+ height: 100%;
+}
+.xzdesign-editor,
+.xzdesign-selector {
+ box-sizing: content-box;
+ position: absolute;
+ overflow: hidden;
+ pointer-events: none;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+/* @{css-prefix}-selector */
+.xzdesign-selector {
+ border: none;
+}
+.xzdesign-selector .hide-input {
+ position: absolute;
+ z-index: 0;
+}
+.xzdesign-selector .hide-input input {
+ width: 0;
+ border: none;
+ outline: none;
+ margin: 0;
+ padding: 0;
+}
+.xzdesign-selector .xzdesign-selector-area {
+ position: absolute;
+ border: 2px solid #4b89ff;
+ background: rgba(75, 137, 255, 0.1);
+ z-index: 5;
+}
+.xzdesign-selector .xzdesign-selector-clipboard,
+.xzdesign-selector .xzdesign-selector-autofill {
+ position: absolute;
+ background: transparent;
+ z-index: 100;
+}
+.xzdesign-selector .xzdesign-selector-clipboard {
+ border: 2px dashed #4b89ff;
+}
+@keyframes shine {
+ 0% {
+ background-position: -1px -1px;
+ }
+ 100% {
+ background-position: -12px -12px;
+ }
+}
+.xzdesign-selector .xzdesign-selector-autofill {
+ border: 1px dashed rgba(0, 0, 0, 0.45);
+}
+.xzdesign-selector .xzdesign-selector-corner {
+ pointer-events: auto;
+ position: absolute;
+ cursor: crosshair;
+ font-size: 0;
+ height: 8px;
+ width: 8px;
+ right: -6px;
+ bottom: -6px;
+ border: 2px solid #ffffff;
+ background: #4b89ff;
+}
+.xzdesign-editor {
+ z-index: 20;
+}
+.xzdesign-editor .xzdesign-editor-area {
+ position: absolute;
+ text-align: left;
+ border: 2px solid #4b89ff;
+ line-height: 0;
+ z-index: 100;
+ pointer-events: auto;
+}
+.xzdesign-editor .xzdesign-editor-area textarea {
+ box-sizing: content-box;
+ border: none;
+ padding: 0 3px;
+ outline: none;
+ resize: none;
+ text-align: start;
+ overflow-y: hidden;
+ font: 400 13px Arial, "Lato", "Source Sans Pro", Roboto, Helvetica, sans-serif, "\5B8B\4F53", "\9ED1\4F53", "\6977\4F53", "\4EFF\5B8B", "\65B0\5B8B\4F53";
+ color: inherit;
+ white-space: normal;
+ word-wrap: break-word;
+ line-height: 22px;
+ margin: 0;
+}
+.xzdesign-editor .xzdesign-editor-area .textline {
+ overflow: hidden;
+ visibility: hidden;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+.xzdesign-item {
+ user-select: none;
+ background: 0;
+ border: 1px solid transparent;
+ outline: none;
+ height: 26px;
+ color: rgba(0, 0, 0, 0.9);
+ line-height: 26px;
+ list-style: none;
+ padding: 2px 10px;
+ cursor: default;
+ text-align: left;
+ overflow: hidden;
+ box-sizing: content-box;
+}
+.xzdesign-item.disabled {
+ pointer-events: none;
+ opacity: 0.5;
+}
+.xzdesign-item:hover,
+.xzdesign-item.active {
+ background: rgba(0, 0, 0, 0.05);
+}
+.xzdesign-item.divider {
+ height: 0;
+ padding: 0;
+ margin: 5px 0;
+ border: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.xzdesign-item .label {
+ float: right;
+ opacity: 0.65;
+ font-size: 1em;
+}
+.xzdesign-item.state,
+.xzdesign-header.state {
+ padding-left: 35px !important;
+ position: relative;
+}
+.xzdesign-item.state:before,
+.xzdesign-header.state:before {
+ content: "";
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ left: 12px;
+ top: calc(50% - 5px);
+ background: rgba(0, 0, 0, 0.08);
+ border-radius: 2px;
+}
+.xzdesign-item.state.checked:before,
+.xzdesign-header.state.checked:before {
+ background: #4b89ff;
+}
+.xzdesign-checkbox {
+ position: relative;
+ display: inline-block;
+ backface-visibility: hidden;
+ outline: 0;
+ vertical-align: baseline;
+ font-style: normal;
+ font-size: 1rem;
+ line-height: 1em;
+ text-align: left;
+}
+.xzdesign-checkbox > input {
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0 !important;
+ outline: 0;
+ z-index: -1;
+}
+.xzdesign-suggest,
+.xzdesign-contextmenu,
+.xzdesign-sort-filter {
+ position: absolute;
+ box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15);
+ background: #fff;
+ z-index: 100;
+ width: 260px;
+ pointer-events: auto;
+ overflow: auto;
+ border-radius: 3px;
+}
+.xzdesign-dragflag {
+ position: absolute;
+ border-color: #409eff #fff0 #fff0 #fff0;
+ border-style: solid;
+ border-width: 8px 5px 0px 5px;
+ height: 0;
+ width: 0;
+ display: none;
+ z-index: 200;
+}
+.xzdesign-suggest {
+ width: 200px;
+}
+.xzdesign-filter {
+ border: 1px solid #e9e9e9;
+ font-size: 12px;
+ margin: 10px;
+}
+.xzdesign-filter .xzdesign-header {
+ padding: 0.5em 0.75em;
+ background: #f8f8f9;
+ border-bottom: 1px solid #e9e9e9;
+ border-left: 1px solid transparent;
+}
+.xzdesign-filter .xzdesign-body {
+ height: 200px;
+ overflow-y: auto;
+}
+.xzdesign-filter .xzdesign-body .xzdesign-item {
+ height: 20px;
+ line-height: 20px;
+}
+.xzdesign-sort-filter .xzdesign-buttons {
+ margin: 10px;
+}
+.xzdesign-toolbar {
+ height: 60px;
+ padding: 7px 20px;
+ text-align: left;
+ background: #fff;
+ display: flex;
+}
+.xzdesign-bottombar {
+ height: 40px;
+ padding: 0 30px;
+ text-align: left;
+ background: #fff;
+ display: flex;
+}
+.xzdesign-bottombar {
+ position: relative;
+ border-top: 1px solid #e0e2e4;
+}
+.xzdesign-bottombar .xzdesign-bottombar-menu {
+ height: 100%;
+ overflow-x: auto;
+ overflow-y: hidden;
+ display: flex;
+ border-left: 1px solid #e8eaed;
+}
+.xzdesign-bottombar .xzdesign-bottombar-menu .xzdesign-menu {
+ display: inline-flex;
+}
+.xzdesign-bottombar .xzdesign-bottombar-menu li {
+ line-height: 40px;
+ height: 40px;
+ padding-top: 0;
+ padding-bottom: 0;
+ vertical-align: middle;
+ border-right: 1px solid #e8eaed;
+}
+.xzdesign-menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ user-select: none;
+}
+.xzdesign-menu .xzdesign-icon {
+ width: 14px !important;
+ height: 14px !important;
+}
+.xzdesign-bottombar-menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ user-select: none;
+}
+.xzdesign-menu > li {
+ float: left;
+ line-height: 1.25em;
+ padding: 0.785em 1em;
+ margin: 0;
+ vertical-align: middle;
+ text-align: left;
+ font-weight: 400;
+ color: #80868b;
+ white-space: nowrap;
+ cursor: pointer;
+ transition: all 0.3s;
+ font-weight: bold;
+}
+.xzdesign-menu > li.active {
+ background-color: #fff;
+ color: #409eff;
+}
+.xzdesign-menu > li .xzdesign-icon {
+ margin: 0 6px;
+}
+.xzdesign-menu > li .xzdesign-icon .xzdesign-icon-img:hover {
+ opacity: 0.85;
+}
+.xzdesign-menu > li .xzdesign-dropdown {
+ display: inline-block;
+}
+.xzdesign-bottombar-menu > li {
+ float: left;
+ line-height: 1.25em;
+ padding: 0.785em 1em;
+ margin: 0;
+ vertical-align: middle;
+ text-align: left;
+ font-weight: 400;
+ color: #80868b;
+ white-space: nowrap;
+ cursor: pointer;
+ transition: all 0.3s;
+ font-weight: bold;
+}
+.xzdesign-bottombar-menu > li.active {
+ background-color: #fff;
+ color: #409eff;
+}
+.xzdesign-bottombar-menu > li .xzdesign-icon {
+ margin: 0 6px;
+}
+.xzdesign-bottombar-menu > li .xzdesign-icon .xzdesign-icon-img:hover {
+ opacity: 0.85;
+}
+.xzdesign-bottombar-menu > li .xzdesign-dropdown {
+ display: inline-block;
+}
+.xzdesign-toolbar .xzdesign-toolbar-more {
+ padding: 0 6px 6px;
+ text-align: left;
+}
+.xzdesign-toolbar .xzdesign-toolbar-more .xzdesign-toolbar-divider {
+ margin-top: 0;
+}
+.xzdesign-toolbar .xzdesign-toolbar-item {
+ flex: 0 0 auto;
+ padding: 1px;
+ text-align: center;
+}
+.xzdesign-toolbar .xzdesign-toolbar-item.disabled {
+ pointer-events: none;
+ opacity: 0.5;
+}
+.xzdesign-toolbar .xzdesign-toolbar-helpTip {
+ flex: 0 0 auto;
+ display: inline-block;
+ font-size: 10px;
+ line-height: 26px;
+ margin: 6px 6px 0;
+ padding: 0;
+ text-align: center;
+}
+.xzdesign-toolbar .xzdesign-toolbar-helpTip.disabled {
+ pointer-events: none;
+ opacity: 0.5;
+}
+.inputstyle {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+ opacity: 1;
+ cursor: pointer;
+}
+.buttonstyle {
+ width: 62px;
+ height: 34px;
+ position: relative;
+ background-color: #4da7fe;
+ color: #fff;
+ border-radius: 5px;
+ outline: none;
+ border: none;
+ margin: 25px 0px 0px 5px;
+ -webkit-transition-duration: 0.4s;
+ /* Safari */
+ transition-duration: 0.4s;
+}
+.buttonstyle:hover,
+.buttonstyle.active {
+ background: #3084d6;
+}
+.xzdesign-print {
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 100;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+}
+.xzdesign-print-bar {
+ background: #424242;
+ height: 60px;
+ line-height: 60px;
+ padding: 0 30px;
+}
+.xzdesign-print-bar .-title {
+ color: #fff;
+ font-weight: bold;
+ font-size: 1.2em;
+ float: left;
+}
+.xzdesign-print-bar .-right {
+ float: right;
+ margin-top: 12px;
+}
+.xzdesign-print-content {
+ display: flex;
+ flex: auto;
+ flex-direction: row;
+ background: #d0d0d0;
+ height: calc(100% - 60px);
+}
+.xzdesign-print-content .-sider {
+ flex: 0 0 300px;
+ width: 300px;
+ border-left: 2px solid #ccc;
+ background: #fff;
+}
+.xzdesign-print-content .-content {
+ flex: auto;
+ overflow-x: auto;
+ overflow-y: scroll;
+ height: 100%;
+}
+.xzdesign-print-input {
+ font-size: 1.1em;
+ width: 100%;
+ background-color: #fff;
+ border: none;
+ border-bottom: 2px solid #ddd;
+ padding: 0.5em 0.85em;
+ border-radius: 2px;
+}
+.xzdesign-canvas-card-wraper {
+ margin: 40px 20px;
+}
+.xzdesign-canvas {
+ background: #fff;
+ margin: 0;
+}
+.xzdesign-canvas-card {
+ background: #fff;
+ margin: auto;
+ box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.2);
+}
+.xzdesign-calendar {
+ color: rgba(0, 0, 0, 0.65);
+ background: #ffffff;
+ user-select: none;
+}
+.xzdesign-calendar .calendar-header {
+ font-weight: 700;
+ line-height: 30px;
+ text-align: center;
+ width: 100%;
+ float: left;
+ background: #f9fafb;
+}
+.xzdesign-calendar .calendar-header .calendar-header-left {
+ padding-left: 5px;
+ float: left;
+}
+.xzdesign-calendar .calendar-header .calendar-header-right {
+ float: right;
+}
+.xzdesign-calendar .calendar-header .calendar-header-right a {
+ padding: 3px 0;
+ margin-right: 2px;
+ border-radius: 2px;
+}
+.xzdesign-calendar .calendar-header .calendar-header-right a:hover {
+ background: rgba(0, 0, 0, 0.08);
+}
+.xzdesign-calendar .calendar-body {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+.xzdesign-calendar .calendar-body th,
+.xzdesign-calendar .calendar-body td {
+ width: 14.28571429%;
+ min-width: 32px;
+ text-align: center;
+ font-weight: 700;
+ line-height: 30px;
+ padding: 0;
+}
+.xzdesign-calendar .calendar-body td > .cell:hover {
+ background: #ecf6fd;
+}
+.xzdesign-calendar .calendar-body td > .cell.active,
+.xzdesign-calendar .calendar-body td > .cell.active:hover {
+ background: #ecf6fd;
+ color: #2185d0;
+}
+.xzdesign-calendar .calendar-body td > .cell.disabled {
+ pointer-events: none;
+ opacity: 0.5;
+}
+.xzdesign-datepicker {
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
+ position: absolute;
+ left: 0;
+ top: calc(100% + 5px);
+ z-index: 10;
+ width: auto;
+}
+.xzdesign-buttons {
+ display: flex;
+ justify-content: flex-end;
+}
+.xzdesign-buttons .xzdesign-button {
+ margin-left: 8px;
+}
+.xzdesign-button {
+ display: inline-block;
+ border-radius: 3px;
+ line-height: 1em;
+ min-height: 1em;
+ white-space: nowrap;
+ text-align: center;
+ cursor: pointer;
+ font-size: 1em;
+ font-weight: 700;
+ padding: 0.75em 1em;
+ color: rgba(0, 0, 0, 0.6);
+ background: #e0e1e2;
+ text-decoration: none;
+ font-family: "Lato", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
+ outline: none;
+ vertical-align: baseline;
+ zoom: 1;
+ user-select: none;
+ transition: all 0.1s linear;
+}
+.xzdesign-button.active,
+.xzdesign-button:hover {
+ background-color: #c0c1c2;
+ color: rgba(0, 0, 0, 0.8);
+}
+.xzdesign-button.primary {
+ color: #fff;
+ background-color: #2185d0;
+}
+.xzdesign-button.primary:hover,
+.xzdesign-button.primary.active {
+ color: #fff;
+ background-color: #1678c2;
+}
+.xzdesign-form-input {
+ font-size: 1em;
+ position: relative;
+ font-weight: 400;
+ display: inline-flex;
+ color: rgba(0, 0, 0, 0.87);
+}
+.xzdesign-form-input input {
+ z-index: 1;
+ margin: 0;
+ max-width: 100%;
+ flex: 1 0 auto;
+ outline: 0;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ text-align: left;
+ line-height: 30px;
+ height: 30px;
+ padding: 0 8px;
+ background: #fff;
+ border: 1px solid #e9e9e9;
+ border-radius: 3px;
+ transition: box-shadow 0.1s ease, border-color 0.1s ease;
+ box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.06);
+}
+.xzdesign-form-input input:focus {
+ border-color: #4b89ff;
+ box-shadow: inset 0 1px 2px rgba(75, 137, 255, 0.2);
+}
+.xzdesign-dialog_wrapper {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ overflow: auto;
+ margin: 0;
+ background-color: #00000080;
+}
+.xzdesign-dialog {
+ position: relative;
+ margin: 0 auto 50px;
+ background: #fff;
+ border-radius: 2px;
+ /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); */
+ box-sizing: border-box;
+ /* width: 25%; */
+ width: 429px;
+ height: 288px;
+ box-shadow: 0px 4px 15px rgba(24, 144, 255, 0.1);
+}
+.xzdesign-dialog_header {
+ padding: 12px 20px 0px 18px;
+ text-align: left;
+ height: 35px;
+ border-bottom: 1px solid #e4e7ed;
+ box-sizing: content-box;
+}
+.xzdesign-dialog__body {
+ box-sizing: content-box;
+ text-align: left;
+ margin: 12px 18px;
+ border: 1px dashed #d9d9d9;
+ border-radius: 5px;
+ height: 110px;
+ padding: 17px 16px 0px 16px;
+}
+.xzdesign-dialog_title {
+ line-height: 24px;
+ font-size: 16px;
+ font-weight: 500;
+ /* color: #303133; */
+ color: #58657d;
+ font-style: normal;
+}
+.xzdesign-dialog__headerbtn {
+ position: absolute;
+ top: 15px;
+ right: 20px;
+ padding: 0;
+ background: transparent;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ font-size: 16px;
+}
+.xzdesign-dialog__close {
+ color: #606266;
+ display: inline-block;
+ width: 12px;
+ height: 2px;
+ background: #606266;
+ line-height: 0;
+ font-size: 0;
+ vertical-align: middle;
+ -webkit-transform: rotate(45deg);
+}
+.xzdesign-dialog__close::after {
+ content: "/";
+ display: block;
+ width: 12px;
+ height: 2px;
+ background: #606266;
+ -webkit-transform: rotate(-90deg);
+}
+.xzdesign-dialog_body_span {
+ font-family: "PingFang SC";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657D;
+}
+.xzdesign-dialog_body_item {
+ padding-bottom: 17px;
+ display: flex;
+ align-items: center;
+}
+.radio {
+ display: flex;
+ margin-right: 16px;
+}
+.radio input[type=radio] {
+ opacity: 1;
+ margin: 0;
+ cursor: pointer;
+ width: 16px;
+}
+.radio input[type=radio]:checked + .radio-label:before {
+ background-color: #3197EE;
+ box-shadow: inset 0 0 0 4px #f4f4f4;
+}
+.radio input[type=radio]:focus + .radio-label:before {
+ outline: none;
+ border-color: #3197EE;
+}
+.radio input[type=radio]:disabled + .radio-label:before {
+ box-shadow: inset 0 0 0 4px #f4f4f4;
+ border-color: #b4b4b4;
+ background: #b4b4b4;
+}
+.radio input[type=radio] + .radio-label:empty:before {
+ margin-right: 0;
+}
+.radio-label {
+ margin-left: 8px;
+}
+.xzdesign-dialog_body_radio {
+ display: flex;
+ margin-right: 16px;
+}
+.xzdesign-dialog_input {
+ -webkit-appearance: none;
+ background-color: #fff;
+ background-image: none;
+ border-radius: 4px;
+ border: 1px solid #dcdfe6;
+ box-sizing: border-box;
+ color: #58657D;
+ display: inline-block;
+ font-size: inherit;
+ height: 32px;
+ line-height: 32px;
+ outline: none;
+ padding: 0 15px;
+ margin: 0px 8px 0px 20px;
+ transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+ width: 256px;
+}
+.xzdesign-dialog__footer {
+ box-sizing: content-box;
+ padding: 18px;
+ text-align: right;
+}
+.dialog-footer {
+ text-align: right;
+}
+.dialog-footer button:first-child {
+ margin-right: 4px;
+}
+.xzdesign-dialog_button + .xzdesign-dialog_button {
+ margin-left: 4px;
+}
+.xzdesign-dialog_button {
+ display: inline-block;
+ line-height: 1;
+ white-space: nowrap;
+ cursor: pointer;
+ background: #fff;
+ border: 1px solid #dcdfe6;
+ color: #8F8F8F;
+ -webkit-appearance: none;
+ text-align: center;
+ box-sizing: border-box;
+ outline: none;
+ margin: 0;
+ transition: 0.1s;
+ font-family: "PingFang SC";
+ font-weight: 500;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ padding: 8px 12px;
+ font-size: 14px;
+ border-radius: 3px;
+}
+.xzdesign-border_none {
+ border: none;
+}
+.el-button-primary {
+ color: #fff;
+ background-color: #4E89FB;
+ border-color: #4E89FB;
+}
+.el-button-primary:hover {
+ background-color: #66b1ff;
+ border-color: #66b1ff;
+}
+.el-button-default {
+ color: #8F8F8F;
+ background-color: #fff;
+ border-color: #dcdfe6;
+}
+.el-button-default:hover {
+ background-color: #ecf8fe;
+ color: #66b1ff;
+}
+.xzdesign-form-select {
+ position: relative;
+ display: inline-block;
+ background: #fff;
+ border: 1px solid #e9e9e9;
+ border-radius: 2px;
+ cursor: pointer;
+ color: rgba(0, 0, 0, 0.87);
+ user-select: none;
+ box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.06);
+}
+.xzdesign-form-select .input-text {
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ min-width: 60px;
+ width: auto;
+ height: 30px;
+ line-height: 30px;
+ padding: 0 8px;
+}
+.xzdesign-form-fields {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+}
+.xzdesign-form-fields .xzdesign-form-field {
+ flex: 0 1 auto;
+}
+.xzdesign-form-fields .xzdesign-form-field .label {
+ display: inline-block;
+ margin: 0 10px 0 0;
+}
+.xzdesign-form-field {
+ display: block;
+ vertical-align: middle;
+ margin-left: 10px;
+ margin-bottom: 10px;
+}
+.xzdesign-form-field:first-child {
+ margin-left: 0;
+}
+.xzdesign-form-field.error .xzdesign-form-select,
+.xzdesign-form-field.error input {
+ border-color: #f04134;
+}
+.xzdesign-form-field .tip {
+ color: #f04134;
+ font-size: 0.9em;
+}
+.xzdesign-dimmer {
+ display: none;
+ position: absolute;
+ top: 0 !important;
+ left: 0 !important;
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ vertical-align: middle;
+ background-color: rgba(0, 0, 0, 0.6);
+ opacity: 0;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+ transition: background-color 0.5s linear;
+ user-select: none;
+ z-index: 1000;
+}
+.xzdesign-dimmer.active {
+ display: block;
+ opacity: 1;
+}
+form fieldset {
+ border: none;
+ outline: none;
+ padding: 0.5em;
+}
+form fieldset label {
+ display: block;
+ margin-bottom: 0.5em;
+ font-size: 1em;
+ color: #666;
+ text-align: left;
+ margin-left: 0.5em;
+ outline: none;
+}
+form fieldset select {
+ font-size: 1.1em;
+ width: 100%;
+ background-color: #fff;
+ border: none;
+ border-bottom: 2px solid #ddd;
+ padding: 0.5em 0.85em;
+ border-radius: 2px;
+ outline: none;
+}
+form fieldset input {
+ font-size: 1.1em;
+ width: 100%;
+ background-color: #fff;
+ border: 2px solid #ddd;
+ outline: none;
+ padding: 0.5em 0em;
+}
+.print_fontBox {
+ padding: 0.6em 0.85em;
+ text-align: left;
+}
+.print_font {
+ display: inline;
+ font-size: 1em;
+ color: #666;
+ margin-left: 0.2em;
+}
+.print_select {
+ font-size: 0.8em;
+ width: 50px;
+ background-color: #fff;
+ border: none;
+ outline: none;
+ border-bottom: 2px solid #ddd;
+ padding: 0.5em 0em;
+ margin-left: 5px;
+ border-radius: 2px;
+}
+.print_input {
+ font-size: 1.1em;
+ width: 70px;
+ height: 28px;
+ background-color: #fff;
+ border: none;
+ border-bottom: 2px solid #ddd;
+ outline: none;
+ padding: 0.5em 0em;
+ border-radius: 2px;
+}
+.button_primary {
+ float: right;
+ margin-right: 0.5em;
+ margin-top: 0.85em;
+ font-size: 1.1em;
+ padding: 0.5em 0.85em;
+ outline: none;
+ border: none;
+ background-color: #409eff;
+ border-color: #409eff;
+ color: #fff;
+ white-space: nowrap;
+ border-radius: 4px;
+ cursor: pointer;
+}
+.button_primary:hover {
+ background-color: #66b1ff;
+}
+.xzdesign-modal,
+.xzdesign-toast {
+ font-size: 13px;
+ position: fixed;
+ z-index: 1001;
+ text-align: left;
+ line-height: 1.25em;
+ min-width: 360px;
+ color: rgba(0, 0, 0, 0.87);
+ font-family: "Lato", "Source Sans Pro", Roboto, Helvetica, Arial, sans-serif, "\5B8B\4F53", "\9ED1\4F53", "\6977\4F53", "\4EFF\5B8B", "\65B0\5B8B\4F53";
+ border-radius: 4px;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ background-color: #fff;
+ background-clip: padding-box;
+ box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;
+}
+.xzdesign-toast {
+ background-color: rgba(255, 255, 255, 0.85);
+}
+.xzdesign-modal-header,
+.xzdesign-toast-header {
+ font-weight: 600;
+ background-clip: padding-box;
+ background-color: rgba(255, 255, 255, 0.85);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ border-radius: 4px 4px 0 0;
+}
+.xzdesign-modal-header .xzdesign-icon,
+.xzdesign-toast-header .xzdesign-icon {
+ position: absolute;
+ right: 0.8em;
+ top: 0.65em;
+ border-radius: 18px;
+}
+.xzdesign-modal-header .xzdesign-icon:hover,
+.xzdesign-toast-header .xzdesign-icon:hover {
+ opacity: 1;
+ background: rgba(0, 0, 0, 0.08);
+}
+.xzdesign-toast-header {
+ color: #f2711c;
+}
+.xzdesign-modal-header {
+ border-bottom: 1px solid #e0e2e4;
+ background: rgba(0, 0, 0, 0.08);
+ font-size: 1.0785em;
+}
+.xzdesign-modal-header,
+.xzdesign-modal-content,
+.xzdesign-toast-header,
+.xzdesign-toast-content {
+ padding: 0.75em 1em;
+}
+.xzdesign-icon {
+ width: 24px;
+ height: 24px;
+ margin: 2px auto 4px;
+ text-align: center;
+ vertical-align: middle;
+ user-select: none;
+ overflow: hidden;
+ position: relative;
+ display: inline-block;
+}
+.xzdesign-icon .xzdesign-icon-img {
+ background-image: url(icons/706226c18e35176d140c34475ba98754.svg);
+ position: absolute;
+ width: 262px;
+ height: 444px;
+ opacity: 0.56;
+}
+.xzdesign-icon .xzdesign-icon-img.undo {
+ left: 0;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.redo {
+ left: -18px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.print {
+ left: -36px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.paintformat {
+ left: -54px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.clearformat {
+ left: -72px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.font-bold {
+ left: -90px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.font-italic {
+ left: -108px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.underline {
+ left: -126px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.strike {
+ left: -144px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.color {
+ left: -162px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.bgcolor {
+ left: -176.4px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.merge {
+ left: -198px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.align-left {
+ left: -216px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.align-center {
+ left: -234px;
+ top: 0;
+}
+.xzdesign-icon .xzdesign-icon-img.align-right {
+ left: 0;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.align-top {
+ left: -18px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.align-middle {
+ left: -36px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.align-bottom {
+ left: -54px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.textwrap {
+ left: -72px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.autofilter {
+ left: -90px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.formula {
+ left: -108px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.arrow-down {
+ left: -126px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.arrow-right {
+ left: -144px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.link {
+ left: -162px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.chart {
+ left: -180px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.freeze {
+ left: -198px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.ellipsis {
+ left: -216px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.add {
+ left: -234px;
+ top: -18px;
+}
+.xzdesign-icon .xzdesign-icon-img.border-all {
+ left: 0;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.border-inside {
+ left: -18px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.border-horizontal {
+ left: -36px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.border-vertical {
+ left: -54px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.border-outside {
+ left: -72px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.border-left {
+ left: -90px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.border-top {
+ left: -108px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.border-right {
+ left: -126px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.border-bottom {
+ left: -144px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.border-none {
+ left: -162px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.line-color {
+ left: -180px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.line-type {
+ left: -198px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.close {
+ left: -234px;
+ top: -36px;
+}
+.xzdesign-icon .xzdesign-icon-img.chevron-down {
+ left: 0;
+ top: -54px;
+}
+.xzdesign-icon .xzdesign-icon-img.chevron-up {
+ left: -18px;
+ top: -54px;
+}
+.xzdesign-icon .xzdesign-icon-img.chevron-left {
+ left: -36px;
+ top: -54px;
+}
+.xzdesign-icon .xzdesign-icon-img.chevron-right {
+ left: -54px;
+ top: -54px;
+}
+.xzdesign-icon .xzdesign-icon-img.indent-left {
+ left: -54px;
+ top: -54px;
+}
+.xzdesign-select-dropdown {
+ position: absolute;
+ z-index: 100;
+ border: 1px solid #e4e7ed;
+ border-radius: 4px;
+ background-color: #fff;
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+ box-sizing: border-box;
+ padding: 5px 0;
+ margin: 5px 0;
+ max-height: 500px;
+ overflow: auto;
+}
+.xzdesign-select-dropdown .xzdesign-item {
+ font-size: 14px;
+ padding: 0 20px;
+ position: relative;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: #606266;
+ height: 34px;
+ line-height: 34px;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+.xzdesign-icon1 {
+ width: 22px;
+ height: 22px;
+ margin: 1px 1px 2px 1px;
+ text-align: center;
+ vertical-align: middle;
+ user-select: none;
+ overflow: hidden;
+ position: relative;
+ display: inline-block;
+}
+.xzdesign-icon-img-indent {
+ background-image: url(icons/ae4aef82fca0a72fda1cb69da9763885.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-indentReduce {
+ background-image: url(icons/945c847352d65bd55f77746f28ca8bb0.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-add {
+ background-image: url(icons/07563b9c0f47c9a2341f3d57a5ea4cb0.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-close {
+ background-image: url(icons/d17def0a6cc4575392b96175423a2e8a.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-ellipsis {
+ background-image: url(icons/56b428e5ac223d0f11b9ca77abeba70a.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+
+.moveable-control-box{
+ z-index: 99 !important;
+}
+/* codemirror colorview */
+.codemirror-colorview {
+ border: 1px solid #cecece;
+ position: relative;
+ display: inline-block;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0px 2px;
+ width: 10px;
+ height: 10px;
+ cursor: pointer;
+ vertical-align: middle;
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NctWrVfwYkEBYWxojMZ6SDAmT7QGx0K1EcRBsFAADeG/3M/HteAAAAAElFTkSuQmCC") repeat;
+}
+.codemirror-colorview .codemirror-colorview-background {
+ content: "";
+ position: absolute;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ top: 0px;
+}
+.codemirror-colorview:hover {
+ border-color: #494949;
+}
+/* codemirror-colorpicker */
+.codemirror-colorpicker {
+ position: relative;
+ width: 224px;
+ z-index: 1000;
+ display: inline-block;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ background-color: #fff;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.12);
+ /* theme */
+}
+.codemirror-colorpicker > .arrow {
+ position: absolute;
+ top: -10px;
+ left: 7px;
+ width: 0;
+ height: 0;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ display: none;
+ border-bottom: 10px solid rgba(0, 0, 0, 0.2);
+ pointer-events: none;
+}
+.codemirror-colorpicker > .arrow:after {
+ position: absolute;
+ content: "";
+ top: 1px;
+ left: -9px;
+ width: 0;
+ height: 0;
+ border-left: 9px solid transparent;
+ border-right: 9px solid transparent;
+ border-bottom: 9px solid white;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .arrow-button {
+ position: relative;
+ width: 10px;
+ height: 12px;
+ padding: 0px;
+ background-color: transparent;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .arrow-button:before {
+ content: "";
+ display: inline-block;
+ position: absolute;
+ left: 0px;
+ right: 0px;
+ top: 0px;
+ height: 50%;
+ width: 0;
+ height: 0;
+ border-left: 3px solid transparent;
+ border-right: 3px solid transparent;
+ border-bottom: 3px solid black;
+ pointer-events: none;
+ margin: 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .arrow-button:after {
+ content: "";
+ display: inline-block;
+ position: absolute;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ top: 50%;
+ width: 0;
+ height: 0;
+ border-left: 3px solid transparent;
+ border-right: 3px solid transparent;
+ border-top: 3px solid black;
+ pointer-events: none;
+ margin: 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color {
+ position: relative;
+ height: 120px;
+ overflow: hidden;
+ cursor: pointer;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color > .saturation {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color > .saturation > .value {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color > .saturation > .value > .drag-pointer {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color > .saturation {
+ background-color: rgba(204, 154, 129, 0);
+ background-image: -webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(204, 154, 129, 0)));
+ background-image: linear-gradient(to right, #FFF, rgba(204, 154, 129, 0));
+ background-repeat: repeat-x;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color > .saturation > .value {
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(204, 154, 129, 0)));
+ background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0));
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color > .saturation > .value > .drag-pointer {
+ border: 1px solid #fff;
+ -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
+ box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control {
+ position: relative;
+ padding: 10px 0px 10px 0px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control.has-eyedropper {
+ padding-left: 30px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control.has-eyedropper .el-cp-color-control__left {
+ position: absolute;
+ left: 12px;
+ top: 20px;
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control.has-eyedropper > .color,
+.codemirror-colorpicker .codemirror-colorpicker-body .control.has-eyedropper > .empty {
+ left: 45px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .color,
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .empty {
+ position: absolute;
+ left: 12px;
+ top: 14px;
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .color {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .hue {
+ position: relative;
+ padding: 6px 16px;
+ margin: 0px 0px 0px 42px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .hue > .hue-container {
+ position: relative;
+ width: 100%;
+ height: 10px;
+ border-radius: 3px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .opacity {
+ position: relative;
+ padding: 3px 16px;
+ margin: 0px 0px 0px 42px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .opacity > .opacity-container {
+ position: relative;
+ width: 100%;
+ height: 10px;
+ border-radius: 3px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control .drag-bar,
+.codemirror-colorpicker .codemirror-colorpicker-body .control .drag-bar2 {
+ position: absolute;
+ cursor: pointer;
+ top: 50%;
+ left: 0px;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+ width: 12px;
+ height: 12px;
+ border-radius: 50%;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .hue > .hue-container {
+ background: -webkit-gradient(linear, left top, right top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));
+ background: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .opacity > .opacity-container {
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NctWrVfwYkEBYWxojMZ6SDAmT7QGx0K1EcRBsFAADeG/3M/HteAAAAAElFTkSuQmCC") repeat;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .opacity > .opacity-container > .color-bar {
+ position: absolute;
+ display: block;
+ content: "";
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ top: 0px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control > .empty {
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NctWrVfwYkEBYWxojMZ6SDAmT7QGx0K1EcRBsFAADeG/3M/HteAAAAAElFTkSuQmCC") repeat;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .control .drag-bar,
+.codemirror-colorpicker .codemirror-colorpicker-body .control .drag-bar2 {
+ border: 1px solid rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
+ background-color: #fefefe;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information {
+ /*border-top: 1px solid #e8e8e8;*/
+ position: relative;
+ -webkit-box-sizing: padding-box;
+ box-sizing: padding-box;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > input {
+ position: absolute;
+ font-size: 10px;
+ height: 20px;
+ bottom: 20px;
+ padding: 0 0 0 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > input[type=number] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > input[type=number]::-webkit-inner-spin-button,
+.codemirror-colorpicker .codemirror-colorpicker-body .information > input[type=number]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ appearance: none;
+ margin: 0;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information.hex > .information-item.hex {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information.rgb > .information-item.rgb {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information.hsl > .information-item.hsl {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-item {
+ display: none;
+ position: relative;
+ padding: 0px 5px;
+ padding-left: 9px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-right: 40px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-item > .input-field {
+ display: block;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding: 3px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ position: relative;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-item > .input-field > .title {
+ text-align: center;
+ font-size: 12px;
+ color: #a9a9a9;
+ padding-top: 2px;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-item > .input-field input {
+ text-align: center;
+ width: 100%;
+ padding: 3px;
+ height: 21px;
+ font-size: 11px;
+ color: #333;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ border: 1px solid #cbcbcb;
+ border-radius: 2px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-item > .input-field input[type=number] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-item > .input-field input[type=number]::-webkit-inner-spin-button,
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-item > .input-field input[type=number]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ appearance: none;
+ margin: 0;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-item > .input-field.hsl-l input[type=number],
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-item > .input-field.hsl-s input[type=number] {
+ padding-left: 1px;
+ padding-right: 10px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-item > .input-field .postfix {
+ display: inline-block;
+ position: absolute;
+ right: 3px;
+ top: 2px;
+ height: 21px;
+ line-height: 2;
+ padding: 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ text-align: center;
+ font-size: 11px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-change {
+ position: absolute;
+ display: block;
+ width: 40px;
+ top: 0px;
+ right: 0px;
+ bottom: 0px;
+ text-align: center;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding-top: 5px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .information-change > .format-change-button {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ background: transparent;
+ border: 0px;
+ cursor: pointer;
+ outline: none;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .title {
+ color: #a3a3a3;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .information > .input {
+ color: #333;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorconfirm {
+ border-top: 1px solid #e2e2e2;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorconfirm .confirm_main {
+ padding: 8px 0px;
+ text-align: center;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorconfirm .confirm_main div {
+ display: inline-block;
+ line-height: 1;
+ white-space: nowrap;
+ cursor: pointer;
+ background: #fff;
+ border: 1px solid #dcdfe6;
+ color: #606266;
+ -webkit-appearance: none;
+ text-align: center;
+ box-sizing: border-box;
+ outline: none;
+ transition: 0.1s;
+ font-weight: 500;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ font-size: 12px;
+ border-radius: 4px;
+ padding: 5px 8px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorconfirm .confirm_item-primary {
+ margin-right: 4px !important;
+ color: #fff !important;
+ background-color: #409eff !important;
+ border-color: #409eff !important;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorconfirm .confirm_item-primary:hover {
+ background-color: #66b1ff !important;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorconfirm .confirm_item-default {
+ margin-left: 4px;
+ color: #606266;
+ background-color: #fff;
+ border-color: #dcdfe6;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorconfirm .confirm_item-default:hover {
+ background-color: #ecf8fe;
+ color: #66b1ff;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorsets {
+ border-top: 1px solid #e2e2e2;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorsets > .menu {
+ float: right;
+ padding: 10px 5px;
+ padding-right: 15px;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorsets > .menu button {
+ border: 0px;
+ font-size: 14px;
+ font-weight: 300;
+ font-family: serif, sans-serif;
+ outline: none;
+ cursor: pointer;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorsets > .color-list {
+ margin-right: 30px;
+ display: block;
+ padding: 12px 0px 0px 12px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ line-height: 0;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorsets > .color-list .color-item {
+ width: 13px;
+ height: 13px;
+ border-radius: 2px;
+ display: inline-block;
+ margin-right: 12px;
+ margin-bottom: 12px;
+ position: relative;
+ background-size: contain;
+ overflow: hidden;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+ vertical-align: middle;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorsets > .color-list .color-item:hover {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorsets > .color-list .color-item .empty {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NctWrVfwYkEBYWxojMZ6SDAmT7QGx0K1EcRBsFAADeG/3M/HteAAAAAElFTkSuQmCC") repeat;
+ width: 100%;
+ height: 100%;
+ padding: 0px;
+ margin: 0px;
+ pointer-events: none;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorsets > .color-list .color-item .color-view {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+ padding: 0px;
+ margin: 0px;
+ pointer-events: none;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .colorsets > .color-list .add-color-item {
+ width: 13px;
+ height: 13px;
+ display: inline-block;
+ margin-right: 12px;
+ margin-bottom: 12px;
+ cursor: pointer;
+ line-height: 1;
+ text-align: center;
+ font-size: 16px;
+ font-weight: 400;
+ font-family: serif, sans-serif;
+ color: #8e8e8e;
+ vertical-align: middle;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser {
+ position: absolute;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ top: 0px;
+ opacity: 0;
+ background-color: rgba(0, 0, 0, 0.5);
+ -webkit-transition: opacity 0.05s ease-out;
+ transition: opacity 0.05s ease-out;
+ pointer-events: none;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser.open {
+ opacity: 1;
+ pointer-events: all;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container {
+ position: absolute;
+ top: 120px;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ background-color: white;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ height: 34px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ padding: 3px 0px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .title {
+ -webkit-box-flex: 2;
+ -ms-flex: 2;
+ flex: 2;
+ font-weight: bold;
+ font-size: 15px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-right: 30px;
+ vertical-align: middle;
+ margin: 0px;
+ padding: 5px;
+ padding-left: 14px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: #000;
+ text-align: left;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container .colorsets-item-header .items {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: right;
+ padding-right: 10px;
+ display: block;
+ height: 100%;
+ line-height: 2;
+ cursor: pointer;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container .colorsets-list {
+ position: absolute;
+ top: 34px;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ overflow: auto;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item {
+ cursor: pointer;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ padding: 3px 0px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item:hover {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .title {
+ -webkit-box-flex: 2;
+ -ms-flex: 2;
+ flex: 2;
+ font-size: 14px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-right: 30px;
+ vertical-align: middle;
+ pointer-events: none;
+ margin: 0px;
+ padding: 5px;
+ padding-left: 14px;
+ font-weight: normal;
+ font-size: 13px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: #000;
+ text-align: left;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items {
+ -webkit-box-flex: 3;
+ -ms-flex: 3;
+ flex: 3;
+ display: block;
+ height: 100%;
+ line-height: 1.6;
+ cursor: pointer;
+ pointer-events: none;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item {
+ width: 13px;
+ height: 13px;
+ border-radius: 3px;
+ display: inline-block;
+ margin-right: 10px;
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NctWrVfwYkEBYWxojMZ6SDAmT7QGx0K1EcRBsFAADeG/3M/HteAAAAAElFTkSuQmCC") repeat;
+ background-size: contain;
+ border: 1px solid #dddddd;
+ overflow: hidden;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+ vertical-align: middle;
+}
+.codemirror-colorpicker .codemirror-colorpicker-body .color-chooser .color-chooser-container .colorsets-list .colorsets-item .items .color-item .color-view {
+ width: 100%;
+ height: 100%;
+ padding: 0px;
+ margin: 0px;
+ pointer-events: none;
+}
+.codemirror-colorpicker.sketch {
+ border-radius: 5px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .color {
+ margin: 10px 10px 2px 10px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 150px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control {
+ padding: 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control.has-eyedropper {
+ padding-left: 30px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control.has-eyedropper .el-cp-color-control__left {
+ top: 4px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control > .color,
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control > .empty {
+ position: absolute;
+ right: 10px;
+ left: auto;
+ top: 1px;
+ width: 26px;
+ height: 26px;
+ border-radius: 2px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control > .color {
+ -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control > .hue {
+ position: relative;
+ padding: 2px 2px 2px 10px;
+ margin: 0px 38px 0px 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control > .hue > .hue-container {
+ border-radius: 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control > .opacity {
+ position: relative;
+ padding: 2px 2px 2px 10px;
+ margin: 0px 38px 0px 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control > .opacity > .opacity-container {
+ border-radius: 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control .drag-bar,
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control .drag-bar2 {
+ border-radius: 0px;
+ top: 50%;
+ left: 0px;
+ width: 2px;
+ height: 50%;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+ border-radius: 1px;
+ bottom: 1px !important;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control .drag-bar.first,
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control .drag-bar2.first {
+ left: 0px;
+ -webkit-transform: translateX(50%) translateY(-50%) !important;
+ transform: translateX(50%) translateY(-50%) !important;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control .drag-bar.last,
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .control .drag-bar2.last {
+ -webkit-transform: translateX(-150%) translateY(-50%) !important;
+ transform: translateX(-150%) translateY(-50%) !important;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information .information-change {
+ display: none;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information.rgb .information-item.rgb {
+ display: inherit;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information.rgb .information-item.hsl {
+ display: none !important;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information.hex .information-item.hex {
+ display: inherit;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information.hex .information-item.hsl {
+ display: none !important;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information.hsl .information-item.rgb {
+ display: none !important;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information.hsl .information-item.hsl {
+ display: inherit;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information .information-item {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ margin-right: 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information .information-item > .input-field {
+ padding-left: 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information .information-item > .input-field:last-child {
+ padding-right: 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information .information-item > .input-field > .title {
+ color: black;
+ font-size: 11px;
+ cursor: pointer;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information .information-item > .input-field:last-child:not(:first-child) {
+ padding-right: 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information .information-item.hex {
+ width: 74px;
+ padding-right: 0px;
+ padding-left: 5px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information .information-item.rgb {
+ width: 140px;
+ padding-left: 0px;
+ padding-right: 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .information .information-item.hsl {
+ display: none;
+ width: 140px;
+ padding-left: 0px;
+ padding-right: 0px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .colorsets > .color-list {
+ margin-right: 0px;
+ padding-right: 12px;
+}
+.codemirror-colorpicker.sketch > .codemirror-colorpicker-body > .colorsets > .color-list .color-item {
+ width: 16px;
+ height: 16px;
+ border-radius: 3px;
+ margin-right: 9px;
+ margin-bottom: 10px;
+}
+.codemirror-colorpicker.palette {
+ border-radius: 3px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .color {
+ display: none;
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .control {
+ display: none;
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .information {
+ display: none;
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .colorsets {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-top: 0px;
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .colorsets > .color-list .color-item {
+ width: 15px;
+ height: 15px;
+ margin-right: 10px;
+ margin-bottom: 10px;
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .color-chooser {
+ display: none;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .color-chooser.open {
+ display: block;
+ top: -1px;
+ left: -1px;
+ right: -1px;
+ bottom: auto;
+ border-radius: 3px;
+ border: 1px solid #d8d8d8;
+ -webkit-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.12);
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .color-chooser.open .color-chooser-container {
+ position: relative;
+ top: auto;
+ left: auto;
+ right: auto;
+ bottom: auto;
+ background-color: white;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 2px;
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .color-chooser.open .color-chooser-container .colorsets-item-header {
+ position: relative;
+ left: auto;
+ top: auto;
+ right: auto;
+ bottom: auto;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .color-chooser.open .color-chooser-container .colorsets-list {
+ position: relative;
+ top: auto;
+ left: auto;
+ right: auto;
+ bottom: auto;
+ overflow: auto;
+}
+.codemirror-colorpicker.palette > .codemirror-colorpicker-body > .color-chooser.open .color-chooser-container .colorsets-list .colorsets-item:last-child {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.codemirror-colorpicker.macos .codemirror-colorpicker-body .wheel {
+ width: 224px;
+ height: 224px;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker.macos .codemirror-colorpicker-body .wheel .wheel-canvas {
+ width: 214px;
+ height: 214px;
+ border-radius: 50%;
+ position: absolute;
+ left: 5px;
+ top: 5px;
+}
+.codemirror-colorpicker.macos .codemirror-colorpicker-body .wheel .drag-pointer {
+ display: inline-block;
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ left: 50%;
+ top: 50%;
+ border: 1px solid white;
+ border-radius: 50%;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+ z-index: 2;
+}
+.codemirror-colorpicker.macos .control {
+ padding-top: 0px;
+}
+.codemirror-colorpicker.macos .control > .color,
+.codemirror-colorpicker.macos .control > .empty {
+ top: 4px;
+}
+.codemirror-colorpicker.macos .control.has-eyedropper {
+ padding-left: 30px;
+}
+.codemirror-colorpicker.macos .control.has-eyedropper .el-cp-color-control__left {
+ top: 9px;
+}
+.codemirror-colorpicker.macos .value {
+ position: relative;
+ padding: 6px 16px;
+ margin: 0px 0px 0px 42px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+.codemirror-colorpicker.macos .value > .value-container {
+ position: relative;
+ width: 100%;
+ height: 10px;
+ border-radius: 3px;
+ background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(rgba(255, 255, 255, 0)));
+ background-image: linear-gradient(to right, #000000 0%, rgba(255, 255, 255, 0) 100%);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker.macos .value > .value-container .drag-bar {
+ position: absolute;
+ cursor: pointer;
+ top: 50%;
+ left: 0px;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+ width: 12px;
+ height: 12px;
+ border-radius: 50%;
+}
+.codemirror-colorpicker.mini {
+ width: 180px;
+ display: inline-block;
+}
+.codemirror-colorpicker.mini .control {
+ padding: 0px;
+}
+.codemirror-colorpicker.mini .control .hue,
+.codemirror-colorpicker.mini .control .opacity {
+ margin: 0px;
+ padding: 0px;
+}
+.codemirror-colorpicker.mini .control .hue > .hue-container {
+ border-radius: 0px;
+ overflow: hidden;
+ height: 20px;
+}
+.codemirror-colorpicker.mini .control .opacity > .opacity-container {
+ border-radius: 0px;
+ overflow: hidden;
+ height: 20px;
+}
+.codemirror-colorpicker.mini .control .drag-bar,
+.codemirror-colorpicker.mini .control .drag-bar2 {
+ border: 0px;
+ background-color: transparent;
+ height: 100%;
+ width: 5px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.codemirror-colorpicker.mini .control .drag-bar.last:before,
+.codemirror-colorpicker.mini .control .drag-bar.lastafter,
+.codemirror-colorpicker.mini .control .drag-bar2.last:before,
+.codemirror-colorpicker.mini .control .drag-bar2.lastafter {
+ left: 1px;
+}
+.codemirror-colorpicker.mini .control .drag-bar.first:before,
+.codemirror-colorpicker.mini .control .drag-bar.first:after,
+.codemirror-colorpicker.mini .control .drag-bar2.first:before,
+.codemirror-colorpicker.mini .control .drag-bar2.first:after {
+ left: 3px;
+}
+.codemirror-colorpicker.mini .control .drag-bar:before,
+.codemirror-colorpicker.mini .control .drag-bar2:before {
+ content: "";
+ position: absolute;
+ left: 2px;
+ top: 0px;
+ width: 0;
+ height: 0;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid black;
+}
+.codemirror-colorpicker.mini .control .drag-bar:after,
+.codemirror-colorpicker.mini .control .drag-bar2:after {
+ content: "";
+ position: absolute;
+ left: 2px;
+ bottom: 0px;
+ width: 0;
+ height: 0;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-bottom: 4px solid black;
+}
+.codemirror-colorpicker.mini-vertical {
+ width: 180px;
+ display: inline-block;
+}
+.codemirror-colorpicker.mini-vertical .color {
+ display: inline-block;
+ width: 140px;
+ height: 160px;
+ vertical-align: middle;
+}
+.codemirror-colorpicker.mini-vertical .control {
+ height: 160px;
+ padding: 0px;
+ vertical-align: middle;
+ display: inline-block;
+}
+.codemirror-colorpicker.mini-vertical .control .hue,
+.codemirror-colorpicker.mini-vertical .control .opacity {
+ margin: 0px;
+ padding: 0px;
+ width: 20px;
+ display: inline-block;
+ vertical-align: middle;
+ height: 100%;
+ position: relative;
+}
+.codemirror-colorpicker.mini-vertical .control .hue > .hue-container {
+ border-radius: 0px;
+ overflow: hidden;
+ height: 100%;
+ background: -webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));
+ background: linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
+}
+.codemirror-colorpicker.mini-vertical .control .opacity > .opacity-container {
+ border-radius: 0px;
+ overflow: hidden;
+ height: 100%;
+ width: 20px;
+}
+.codemirror-colorpicker.mini-vertical .control .drag-bar,
+.codemirror-colorpicker.mini-vertical .control .drag-bar2 {
+ border: 0px;
+ background-color: transparent;
+ height: 2px;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-transform: none;
+ transform: none;
+}
+.codemirror-colorpicker.mini-vertical .control .drag-bar.last:before,
+.codemirror-colorpicker.mini-vertical .control .drag-bar.last:after,
+.codemirror-colorpicker.mini-vertical .control .drag-bar2.last:before,
+.codemirror-colorpicker.mini-vertical .control .drag-bar2.last:after {
+ top: 2px;
+}
+.codemirror-colorpicker.mini-vertical .control .drag-bar.first:before,
+.codemirror-colorpicker.mini-vertical .control .drag-bar.first:after,
+.codemirror-colorpicker.mini-vertical .control .drag-bar2.first:before,
+.codemirror-colorpicker.mini-vertical .control .drag-bar2.first:after {
+ top: -1px;
+}
+.codemirror-colorpicker.mini-vertical .control .drag-bar:before,
+.codemirror-colorpicker.mini-vertical .control .drag-bar2:before {
+ content: "";
+ position: absolute;
+ left: 0px;
+ top: 2px;
+ width: 0;
+ height: 0;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+ border-top: 4px solid transparent;
+ border-bottom: 4px solid transparent;
+ border-left: 4px solid black;
+}
+.codemirror-colorpicker.mini-vertical .control .drag-bar:after,
+.codemirror-colorpicker.mini-vertical .control .drag-bar2:after {
+ content: "";
+ position: absolute;
+ top: 2px;
+ right: 0px;
+ width: 0;
+ height: 0;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+ border-top: 4px solid transparent;
+ border-bottom: 4px solid transparent;
+ border-right: 4px solid black;
+}
+.codemirror-colorpicker.ring .codemirror-colorpicker-body > .color {
+ position: absolute;
+ width: 120px;
+ height: 120px;
+ left: 52px;
+ top: 52px;
+}
+.codemirror-colorpicker.ring .codemirror-colorpicker-body .wheel {
+ width: 224px;
+ height: 224px;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker.ring .codemirror-colorpicker-body .wheel .wheel-canvas {
+ width: 214px;
+ height: 214px;
+ border-radius: 50%;
+ position: absolute;
+ left: 5px;
+ top: 5px;
+}
+.codemirror-colorpicker.ring .codemirror-colorpicker-body .wheel .drag-pointer {
+ display: inline-block;
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ left: 50%;
+ top: 50%;
+ border: 1px solid white;
+ border-radius: 50%;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+ z-index: 2;
+}
+.codemirror-colorpicker.ring .control {
+ padding-top: 0px;
+}
+.codemirror-colorpicker.ring .control .value {
+ display: none;
+}
+.codemirror-colorpicker.ring .control > .color,
+.codemirror-colorpicker.ring .control > .empty {
+ top: -17px;
+ width: 30px;
+ height: 30px;
+ border-radius: 2px;
+}
+.codemirror-colorpicker.ring .control.has-eyedropper {
+ padding-left: 30px;
+ padding-top: 10px;
+}
+.codemirror-colorpicker.ring .control.has-eyedropper > .color,
+.codemirror-colorpicker.ring .control.has-eyedropper > .empty {
+ top: -2px;
+}
+.codemirror-colorpicker.ring .control.has-eyedropper .el-cp-color-control__left {
+ top: 4px;
+}
+.codemirror-colorpicker.xd {
+ display: inline-block;
+ padding-top: 12px;
+ width: 245px;
+}
+.codemirror-colorpicker.xd .color {
+ display: inline-block;
+ margin-left: 12px;
+ margin-bottom: 12px;
+ width: 170px;
+ height: 170px;
+ vertical-align: middle;
+ border-radius: 3px;
+ overflow: hidden;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 1px solid #cecece;
+}
+.codemirror-colorpicker.xd .color > .saturation > .value > .drag-pointer {
+ border: 2px solid white;
+ width: 7px;
+ height: 7px;
+ -webkit-box-shadow: 0 0 1px 0px black, inset 0 0 1px 0px black;
+ box-shadow: 0 0 1px 0px black, inset 0 0 1px 0px black;
+}
+.codemirror-colorpicker.xd .control {
+ height: 170px;
+ padding: 0px;
+ vertical-align: middle;
+ display: inline-block;
+ margin-right: 12px;
+ margin-bottom: 12px;
+}
+.codemirror-colorpicker.xd .control .hue,
+.codemirror-colorpicker.xd .control .opacity {
+ margin: 0px;
+ padding: 0px;
+ width: 13px;
+ display: inline-block;
+ vertical-align: middle;
+ height: 100%;
+ position: relative;
+ overflow: hidden;
+ border-radius: 3px;
+ margin-left: 8px;
+}
+.codemirror-colorpicker.xd .control .hue > .hue-container {
+ border-radius: 0px;
+ overflow: hidden;
+ height: 100%;
+ background: -webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));
+ background: linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
+}
+.codemirror-colorpicker.xd .control .opacity > .opacity-container {
+ border-radius: 0px;
+ overflow: hidden;
+ height: 100%;
+}
+.codemirror-colorpicker.xd .control .drag-bar,
+.codemirror-colorpicker.xd .control .drag-bar2 {
+ border: 0px;
+ background-color: transparent;
+ border: 2px solid white;
+ -webkit-box-shadow: 0 0 1px 0px black, inset 0 0 1px 0px black;
+ box-shadow: 0 0 1px 0px black, inset 0 0 1px 0px black;
+ width: 10px;
+ height: 10px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-transform: none;
+ transform: none;
+ overflow: hidden;
+ left: 50%;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+}
+.codemirror-colorpicker.xd .information {
+ margin-top: 5px;
+}
+.codemirror-colorpicker.vscode {
+ width: 336px;
+ display: inline-block;
+ background-color: #333;
+ border: 1px solid #ececec;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 0px;
+}
+.codemirror-colorpicker.vscode .codemirror-colorpicker-body {
+ border-radius: 0px;
+ display: inline-block;
+}
+.codemirror-colorpicker.vscode .codemirror-colorpicker-body .color-view {
+ height: 34px;
+}
+.codemirror-colorpicker.vscode .codemirror-colorpicker-body .color-view.has-eyedropper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+.codemirror-colorpicker.vscode .codemirror-colorpicker-body .color-view.has-eyedropper .color-view-container {
+ width: 254px;
+ display: inline-block;
+}
+.codemirror-colorpicker.vscode .codemirror-colorpicker-body .color-view.has-eyedropper .el-cp-color-control__left {
+ float: right;
+ width: 80px;
+ text-align: center;
+ padding: 6px 0px;
+}
+.codemirror-colorpicker.vscode .codemirror-colorpicker-body .color-view.has-eyedropper .el-cp-color-control__left button {
+ display: inline-block;
+}
+.codemirror-colorpicker.vscode .codemirror-colorpicker-body .color-view.has-eyedropper .el-cp-color-control__left button svg path {
+ fill: white;
+}
+.codemirror-colorpicker.vscode .codemirror-colorpicker-body .color-view .color-view-container {
+ line-height: 34px;
+ font-size: 14px;
+ text-align: center;
+ width: 100%;
+ height: 100%;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ text-shadow: 0 0 3px #535353;
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NctWrVfwYkEBYWxojMZ6SDAmT7QGx0K1EcRBsFAADeG/3M/HteAAAAAElFTkSuQmCC") repeat;
+}
+.codemirror-colorpicker.vscode .codemirror-colorpicker-body .color-view .color-view-container .preview {
+ display: block;
+ height: 100%;
+}
+.codemirror-colorpicker.vscode .codemirror-colorpicker-body .color-tool {
+ padding: 8px;
+}
+.codemirror-colorpicker.vscode .color {
+ display: inline-block;
+ width: 240px;
+ height: 160px;
+ vertical-align: middle;
+}
+.codemirror-colorpicker.vscode .control {
+ height: 160px;
+ vertical-align: middle;
+ display: inline-block;
+ padding: 0px 0px 0px 4px;
+}
+.codemirror-colorpicker.vscode .control .hue,
+.codemirror-colorpicker.vscode .control .opacity {
+ margin: 0px;
+ padding: 0px;
+ width: 30px;
+ display: inline-block;
+ vertical-align: middle;
+ height: 100%;
+ position: relative;
+}
+.codemirror-colorpicker.vscode .control .hue {
+ padding-left: 5px;
+ width: 35px;
+}
+.codemirror-colorpicker.vscode .control .hue > .hue-container {
+ border-radius: 0px;
+ height: 100%;
+ background: -webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));
+ background: linear-gradient(to top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
+}
+.codemirror-colorpicker.vscode .control .opacity > .opacity-container {
+ border-radius: 0px;
+ height: 100%;
+ width: 30px;
+}
+.codemirror-colorpicker.vscode .control .drag-bar,
+.codemirror-colorpicker.vscode .control .drag-bar2 {
+ background-color: transparent;
+ height: 5px;
+ width: 33px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-transform: translateY(-50%) translateX(-2px);
+ transform: translateY(-50%) translateX(-2px);
+ border: 1px solid white;
+ border-radius: 0px;
+ -webkit-box-shadow: 0 0 2px 0 black, inset 0 0 0 0 black;
+ box-shadow: 0 0 2px 0 black, inset 0 0 0 0 black;
+}
+.codemirror-colorpicker.box {
+ width: 420px;
+ border-radius: 10px;
+}
+.codemirror-colorpicker.box .codemirror-colorpicker-body {
+ display: grid;
+ padding: 10px 20px 10px 10px;
+ grid-template-columns: 200px 1fr;
+ -webkit-column-gap: 10px;
+ -moz-column-gap: 10px;
+ column-gap: 10px;
+ grid-template-rows: auto;
+}
+.codemirror-colorpicker.box .codemirror-colorpicker-body > .color {
+ height: 100%;
+ border-radius: 8px;
+ overflow: hidden;
+}
+.codemirror-colorpicker.box .control {
+ padding: 0px !important;
+}
+.codemirror-colorpicker.box .control > * {
+ vertical-align: middle;
+}
+.codemirror-colorpicker.box .control .color-info {
+ position: relative;
+ height: 30px;
+ width: 30px;
+ display: inline-block;
+}
+.codemirror-colorpicker.box .control .color-info > .color,
+.codemirror-colorpicker.box .control .color-info > .empty {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker.box .control .color-info > .color {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+}
+.codemirror-colorpicker.box .control > .color,
+.codemirror-colorpicker.box .control > .empty {
+ top: 4px;
+}
+.codemirror-colorpicker.box .control.has-eyedropper {
+ padding-left: 30px;
+}
+.codemirror-colorpicker.box .control.has-eyedropper .el-cp-color-control__left {
+ display: inline-block;
+ width: 30px;
+ height: 30px;
+ position: relative;
+ top: auto;
+ left: auto;
+}
+.codemirror-colorpicker.box .control .hue,
+.codemirror-colorpicker.box .control .opacity {
+ padding-left: 0px !important;
+ margin-left: 0px !important;
+ padding-right: 0px !important;
+}
+.codemirror-colorpicker.box .value {
+ position: relative;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+.codemirror-colorpicker.box .value > .value-container {
+ position: relative;
+ width: 100%;
+ height: 10px;
+ border-radius: 3px;
+ background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(rgba(255, 255, 255, 0)));
+ background-image: linear-gradient(to right, #000000 0%, rgba(255, 255, 255, 0) 100%);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.codemirror-colorpicker.box .value > .value-container .drag-bar {
+ position: absolute;
+ cursor: pointer;
+ top: 50%;
+ left: 0px;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+ width: 12px;
+ height: 12px;
+ border-radius: 50%;
+}
+.codemirror-colorpicker.box .information {
+ margin-top: 6px;
+}
+.codemirror-colorpicker.box .information .information-change {
+ display: none;
+}
+.codemirror-colorpicker.box .information > .information-item {
+ margin: 0px !important;
+ padding: 0px !important;
+}
+.codemirror-colorpicker.box .colorsets {
+ border: 0px;
+ position: relative;
+}
+.codemirror-colorpicker.box .colorsets .color-list {
+ padding: 0px !important;
+ margin-right: 0px !important;
+}
+.codemirror-colorpicker.box .colorsets .color-list .current-color-sets .color-item {
+ width: 20px;
+ height: 20px;
+ margin-right: 4px !important;
+ margin-bottom: 4px !important;
+}
+.codemirror-colorpicker.box .colorsets .menu {
+ float: none;
+ position: absolute;
+ right: -20px;
+ top: -15px;
+}
+.codemirror-colorpicker.box .color-chooser .color-chooser-container {
+ top: 0px;
+ left: 200px;
+}
+.colorsets-contextmenu {
+ position: fixed;
+ padding-top: 4px;
+ padding-bottom: 4px;
+ border-radius: 6px;
+ background-color: #ececec;
+ border: 1px solid #cccccc;
+ display: none;
+ list-style: none;
+ font-size: 13px;
+ padding-left: 0px;
+ padding-right: 0px;
+}
+.colorsets-contextmenu.show {
+ display: inline-block;
+}
+.colorsets-contextmenu .menu-item {
+ padding: 2px 20px;
+ cursor: default;
+}
+.colorsets-contextmenu .menu-item:hover {
+ background-color: #5ea3fb;
+ color: white;
+}
+.colorsets-contextmenu.small .menu-item.small-hide {
+ display: none;
+}
+.el-cp-color-eyedropper button {
+ display: block;
+ width: 30px;
+ height: 30px;
+ padding: 0;
+ margin: -4px;
+ font-size: 0;
+ border: none;
+ border-radius: var(--size-radius);
+ cursor: pointer;
+ outline: none;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ background: none;
+ -webkit-transition: opacity var(--speed-focus) ease-out, -webkit-box-shadow var(--speed-focus) ease-out;
+ transition: opacity var(--speed-focus) ease-out, -webkit-box-shadow var(--speed-focus) ease-out;
+ transition: box-shadow var(--speed-focus) ease-out, opacity var(--speed-focus) ease-out;
+ transition: box-shadow var(--speed-focus) ease-out, opacity var(--speed-focus) ease-out, -webkit-box-shadow var(--speed-focus) ease-out;
+}
+.el-cp-color-eyedropper button:focus-visible {
+ -webkit-box-shadow: 0 0 0 2px var(--color-key);
+ box-shadow: 0 0 0 2px var(--color-key);
+}
+.el-cp-color-eyedropper button:active {
+ opacity: 0.5;
+}
+.el-cp-color-eyedropper svg {
+ display: block;
+ margin: 0 auto;
+ color: var(--color-fill);
+}
+
+.xzdesign-design {
+ overflow: hidden;
+ position: relative;
+ background: "#fff";
+}
+.xzdesign-design * {
+ box-sizing: border-box;
+}
+.xzdesign-design .active {
+ background: rgba(0, 0, 0, 0.08);
+}
+.xzdesign-toolbar-scroll {
+ position: relative;
+ height: 60px;
+ border-bottom: 1px solid #e0e2e4;
+ user-select: none;
+}
+.xzdesign-toolbar-scroll .xzdesign-toolbar {
+ position: absolute;
+}
+.xzdesign-toolbar-scroll .xzdesign-scroll_left {
+ position: absolute;
+ left: 0;
+ width: 20px;
+ height: 60px;
+ background: #409ef4;
+ z-index: 2;
+ cursor: pointer;
+ background-color: #f2f4f7;
+}
+.xzdesign-toolbar-scroll .xzdesign-scroll_right {
+ position: absolute;
+ right: 0;
+ width: 20px;
+ height: 60px;
+ background: #409ef4;
+ cursor: pointer;
+ z-index: 2;
+ background-color: #f2f4f7;
+}
+.xzdesign-toolbar-item {
+ font-weight: 400;
+ font-size: 12px;
+ color: #666666;
+}
+.xzdesign-toolbar-item .xzdesign-base_item {
+ display: flex;
+ flex-direction: column;
+ cursor: pointer;
+ box-sizing: content-box;
+ padding: 1px 2px;
+}
+.xzdesign-toolbar-item .xzdesign-base_item .xzdesign-item_title {
+ line-height: 12px;
+}
+.xzdesign-toolbar-item .xzdesign-base_item:hover,
+.xzdesign-toolbar-item .xzdesign-base_item.active {
+ background: #d8d8d8;
+}
+.xzdesign-icon_size {
+ width: 18px !important;
+ height: 18px !important;
+ margin: 0;
+ margin-right: 2px;
+}
+.xzdesign-direction-column_item {
+ display: flex;
+ flex-direction: column;
+ flex-shrink: 0;
+}
+.xzdesign-hover {
+ cursor: pointer;
+ margin-top: 2px;
+ padding: 1px 2px;
+}
+.xzdesign-hover:hover,
+.xzdesign-hover.active {
+ background: #d8d8d8;
+}
+.xzdesign-base--hover:hover,
+.xzdesign-base--hover.active {
+ background: #d8d8d8;
+}
+.xzdesign-margin--0 {
+ margin: 0 !important;
+}
+.xzdesign-suffix_item {
+ display: flex;
+ height: 20px;
+ text-align: left;
+ cursor: pointer;
+ padding: 1px 2px;
+ box-sizing: content-box;
+}
+.xzdesign-suffix_item .xzdesign-item_title {
+ line-height: 20px;
+}
+.xzdesign-suffix_item:hover,
+.xzdesign-suffix_item.active {
+ background: #d8d8d8;
+}
+.xzdesign-font_item {
+ padding: 1px 0px !important;
+ height: 23px;
+}
+.xzdesign-padding--0 {
+ padding: 0px !important;
+}
+.xzdesign-base_item--felx {
+ width: 18px;
+ height: 18px;
+ padding: 0px !important;
+ display: flex;
+ align-items: flex-end;
+ justify-content: center;
+ margin-top: 3px;
+ margin-right: 2px;
+}
+.xzdesign-icon_size--14 {
+ width: 14px !important;
+ height: 14px !important;
+ margin: 0;
+ margin-right: 2px;
+}
+.xzdesign-icon_size--16 {
+ width: 16px !important;
+ height: 16px !important;
+}
+.xzdesign-base_item--21 {
+ width: 16px !important;
+ height: 16px !important;
+ padding: 2px !important;
+}
+.xzdesign-icon_size--21 {
+ width: 16px !important;
+ height: 16px !important;
+ margin: 0;
+}
+.xzdesign-position--relative {
+ position: relative;
+}
+.xzdesign-valuetype_arrowright {
+ position: absolute;
+ right: 2px;
+ top: 2px;
+}
+.xzdesign-valuetype_content {
+ top: 28px;
+ left: 28px;
+}
+.xzdesign-flex--center {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.xzdesign-flex--center .xzdesign-radio_margin {
+ margin-right: 8px;
+}
+.xzdesign-data_type--input {
+ padding: 2px 7px !important;
+ width: 115px;
+ text-align: left;
+ border: 1px solid #e1e2e4;
+}
+.xzdesign-dropdown--felx {
+ display: flex;
+}
+.xzdesign-cell-config_item {
+ display: flex;
+ flex-wrap: wrap;
+ width: 196px;
+ flex-shrink: 0;
+}
+.xzdesign-width--91 {
+ width: 91px !important;
+}
+.xzdesign-width--150 {
+ width: 150px !important;
+}
+.xzdesign-width--121 {
+ width: 121px !important;
+ margin-left: 8px;
+}
+.xzdesign-icon-margin {
+ margin-top: -2px;
+}
+.xzdesign-icon-img-paste {
+ background-image: url(icons/2911fa1fa2aa9c0568fe588522f68ce1.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-cut {
+ background-image: url(icons/6457fbd6b43468c4733d75c4360ec63c.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-copy {
+ background-image: url(icons/fbb2b3291d57740af0f80bc3435f0cd8.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-redo {
+ background-image: url(icons/6c5958607a03be9c3ebaed29cdd742a1.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-undo {
+ background-image: url(icons/06baa9bea05ee535df4b87d4c27b1804.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-paintformat {
+ background-image: url(icons/d6d558e7906c2f4fbe79f3961452b3e7.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-clearformat {
+ background-image: url(icons/0a0ed5e1c43fbdffe2ed58113cb78291.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-font-bold {
+ background-image: url(icons/8e3066ff1379696217f374208d4de757.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-font-italic {
+ background-image: url(icons/2dfa0324217486e1523aab08dc099555.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-strike {
+ background-image: url(icons/aa393ce76c03a014ff7f37f9f57c3fa9.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-underline {
+ background-image: url(icons/f939c08dedfd8378cfd0490f6812f94b.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-color {
+ background-image: url(icons/e5e4972f318428b3ccf9207e38a737b8.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-border-all {
+ background-image: url(icons/20ab82eee97e0930430b200f202a26ba.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-line-color {
+ background-image: url(icons/ec810582da8e088bcd9f30cc85ca85b4.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-line-type {
+ background-image: url(icons/87e960042a1ec602b2eebf7463bfb7da.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-border-inside {
+ background-image: url(icons/1fe3e21959fc7a76d7ccf390f51ca2a2.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-border-horizontal {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE3SURBVHgB7Zc9boMwFMdfEQMbAx9zu3OH0BvkBEAmWCvOgXoAhjJwgPYETe6B6MyHxMwA1C81lCRS9BgShvgvIRv7b/mHLfyeAR5dT/OXsiw9SZI2cEP1fX8wTTO5AOCTf8AdxCB2I4Q8a7d5iR0HoGkE3lHMbGKbfaTLVzk5BxhNJ0t0TXVdHwF0Xaf6sXDnbRKsLAEgAATA6gDTQVQUhaooClRVpQZB8EwZ3DTNsaT6syxTNU0DWf4//6ZY4Pv+9zAMNtxBbJ59HMevWF99C6YVyPM86brOZVvxlqbpJ2VwGIY/WEZR9ELxO46zNQzjvW3bL8uytiedLBwnLFgMGJaBKPTjs8Dv8TFT2Be/oQAQAALgIivGlJlnr2ThAUO0bq4B7OEvZfb4s0SLLjSY+o/11a9mQr//koQrnGvX9wAAAABJRU5ErkJggg==");
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-border-vertical {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFPSURBVHgB7Vc9boMwFH4gxAzib+UmyRF6ARSyMbJwABYWhrIw1xIX6BGaa7C0XfkRqVgYEKpNICJpA2ZKpPiT0PuMefaHZb0fgGcHNx1kWWbzPL+hcazrGoIgMAl3XfdoGMaRxq/ruoOu62gcC1ebvwEl2rYFjjvpF0WR1g3wHjbeC0YRwmRuO1gycVhaKM9zCZtXwsuydGVZ/lnywX+/xQJ2wymjawHjRxdHdAuO45ijgCRJ3uM4/l7yKYqCmN30HQ93BhPABDABTMA5GeH4jEiYpHWsqgrCMOy553mAQzGsAFJVdU/I3U/gv1ywX5ELPgmPosikzAU2NhcZl11CJoAJYAIeLxKSknmoXmeRpqmEEOq5ZVkvvu8vluUYmzkBH3Aqme3hmYWmaWeuKEoEK0BK/z8CSPwnHQtta9Y0jYQ7I6lfRBC+gBK0fcfz4Bd+bHA6nanAoAAAAABJRU5ErkJggg==");
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-border-outside {
+ background-image: url(icons/d1738e6b8945520338a86f5e05197502.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-border-left {
+ background-image: url(icons/c4a3a8e052ebe9b5422e21ac4f76ff3b.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-border-top {
+ background-image: url(icons/c4a3a8e052ebe9b5422e21ac4f76ff3b.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-border-right {
+ background-image: url(icons/517875f0eabd9383ac57902626f68448.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-border-bottom {
+ background-image: url(icons/d2807418c46d9d430ff116a04990211b.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-border-none {
+ background-image: url(icons/e1d59002049f76bfa4c659a976f8da33.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-bgcolor {
+ background-image: url(icons/c83799d30d4f936990cb28061f250134.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-slash {
+ background-image: url(icons/10bcd0f3ee14c1b04b48c478548ef27d.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-align-top {
+ background-image: url(icons/1fc982c1d65d36f381ad9bcfdbdc38ee.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-align-middle {
+ background-image: url(icons/d2894213ca1aeb27a78b3f42299cdc59.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-align-bottom {
+ background-image: url(icons/ef8c118a9e0f79130ed62c69218fd995.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-indent {
+ background-image: url(icons/d67291650cc9ca77e09a156e6a1b485b.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-indentReduce {
+ background-image: url(icons/59bff42fbd04697e5106df27249c0971.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-align-left {
+ background-image: url(icons/0ab5cf2659f31f5f1085716115a9c131.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-align-center {
+ background-image: url(icons/5ac9aa61dca6869e476acabb9cc87c05.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-align-right {
+ background-image: url(icons/11bc11f4311c499cbe76c0c23dbe8fa2.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-merge {
+ background-image: url(icons/86a80bd88cfcdabe1945ab6264e2478b.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-sheetSetting {
+ background-image: url(icons/bd9b83e4f1597f22f689c7433389f5b5.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-filter {
+ background-image: url(icons/72108dac73cb9eecb8b130781beef69b.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-warn {
+ background-image: url(icons/09c906378cd445fbfc73119b68e443cd.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-hyperlink {
+ background-image: url(icons/0056bb944056b52740204e64e3e36496.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-headerSetting {
+ background-image: url(icons/d0a24cb04ea80cc59c5abd05c6c1386d.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-reportSetting {
+ background-image: url(icons/f2f831990a25264bcd0d14621a373a34.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-printSetting {
+ background-image: url(icons/360823c5f0718d1c8a282151282e5385.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-insertImage {
+ background-image: url(icons/4008c53f9d0cef23b1f296bcb7847e75.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-import {
+ background-image: url(icons/dde42d35d287d2e0534b8cdae0eed545.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-group {
+ background-image: url(icons/ec70ba5d58baa47c7d10f1bbf7ab2ca7.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-chart {
+ background-image: url(icons/b8312f3651b1c469bd46e1f9cb5b1ab2.svg);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-icon-img-condition_add {
+ background-image: url(icons/a480c22f1f913139c31ff510ecf33a87.svg);
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+ cursor: pointer;
+}
+.xzdesign-icon-img-condition_delete {
+ background-image: url(icons/8ca5f0f612e96c8e96e3017e4ed04533.svg);
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+ cursor: pointer;
+}
+.xzdesign-icon-img-condition_edit {
+ background-image: url(icons/e585f376cbbe3a389c214f3057bfac93.svg);
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+ cursor: pointer;
+}
+.xzdesign-icon-img-warn_edit {
+ background-image: url(icons/2d6ea5e4689dcdb7ca8e3897fa4bacba.svg);
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+ cursor: pointer;
+}
+.xzdesign-icon-img-warn_close {
+ background-image: url(icons/f7ebe952c24254de7f6255453aa18767.svg);
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+ cursor: pointer;
+}
+.xzdesign-padding_item {
+ padding: 6px 32px 0 20px;
+ position: relative;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 20px;
+ box-sizing: border-box;
+ cursor: pointer;
+ font-size: 14px;
+}
+.xzdesign-padding_item .xzdesign-padding_content {
+ display: flex;
+ flex-wrap: wrap;
+}
+.xzdesign-padding_item .xzdesign-padding_content span {
+ width: 50%;
+}
+
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+.fa {
+ display: inline-block;
+ font: 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale
+}
+
+.fa-lg {
+ font-size: 1.33333333em;
+ line-height: .75em;
+ vertical-align: -15%
+}
+
+.fa-2x {
+ font-size: 2em
+}
+
+.fa-3x {
+ font-size: 3em
+}
+
+.fa-4x {
+ font-size: 4em
+}
+
+.fa-5x {
+ font-size: 5em
+}
+
+.fa-fw {
+ width: 1.28571429em;
+ text-align: center
+}
+
+.fa-ul {
+ padding-left: 0;
+ margin-left: 2.14285714em;
+ list-style-type: none
+}
+
+.fa-ul>li {
+ position: relative
+}
+
+.fa-li {
+ position: absolute;
+ left: -2.14285714em;
+ width: 2.14285714em;
+ top: .14285714em;
+ text-align: center
+}
+
+.fa-li.fa-lg {
+ left: -1.85714286em
+}
+
+.fa-border {
+ padding: .2em .25em .15em;
+ border: solid .08em #eeeeee;
+ border-radius: .1em
+}
+
+.fa-pull-left {
+ float: left
+}
+
+.fa-pull-right {
+ float: right
+}
+
+.fa.fa-pull-left {
+ margin-right: .3em
+}
+
+.fa.fa-pull-right {
+ margin-left: .3em
+}
+
+.pull-right {
+ float: right
+}
+
+.pull-left {
+ float: left
+}
+
+.fa.pull-left {
+ margin-right: .3em
+}
+
+.fa.pull-right {
+ margin-left: .3em
+}
+
+.fa-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear
+}
+
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8)
+}
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0)
+ }
+
+ to {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg)
+ }
+}
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0)
+ }
+
+ to {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg)
+ }
+}
+
+.fa-rotate-90 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg)
+}
+
+.fa-rotate-180 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg)
+}
+
+.fa-rotate-270 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg)
+}
+
+.fa-flip-horizontal {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+ -webkit-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scaleX(-1)
+}
+
+.fa-flip-vertical {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+ -webkit-transform: scale(1, -1);
+ -ms-transform: scale(1, -1);
+ transform: scaleY(-1)
+}
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+ filter: none
+}
+
+.fa-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle
+}
+
+.fa-stack-1x,
+.fa-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center
+}
+
+.fa-stack-1x {
+ line-height: inherit
+}
+
+.fa-stack-2x {
+ font-size: 2em
+}
+
+.fa-inverse {
+ color: #fff
+}
+
+.fa-glass:before {
+ content: "\F000"
+}
+
+.fa-music:before {
+ content: "\F001"
+}
+
+.fa-search:before {
+ content: "\F002"
+}
+
+.fa-envelope-o:before {
+ content: "\F003"
+}
+
+.fa-heart:before {
+ content: "\F004"
+}
+
+.fa-star:before {
+ content: "\F005"
+}
+
+.fa-star-o:before {
+ content: "\F006"
+}
+
+.fa-user:before {
+ content: "\F007"
+}
+
+.fa-film:before {
+ content: "\F008"
+}
+
+.fa-th-large:before {
+ content: "\F009"
+}
+
+.fa-th:before {
+ content: "\F00A"
+}
+
+.fa-th-list:before {
+ content: "\F00B"
+}
+
+.fa-check:before {
+ content: "\F00C"
+}
+
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+ content: "\F00D"
+}
+
+.fa-search-plus:before {
+ content: "\F00E"
+}
+
+.fa-search-minus:before {
+ content: "\F010"
+}
+
+.fa-power-off:before {
+ content: "\F011"
+}
+
+.fa-signal:before {
+ content: "\F012"
+}
+
+.fa-gear:before,
+.fa-cog:before {
+ content: "\F013"
+}
+
+.fa-trash-o:before {
+ content: "\F014"
+}
+
+.fa-home:before {
+ content: "\F015"
+}
+
+.fa-file-o:before {
+ content: "\F016"
+}
+
+.fa-clock-o:before {
+ content: "\F017"
+}
+
+.fa-road:before {
+ content: "\F018"
+}
+
+.fa-download:before {
+ content: "\F019"
+}
+
+.fa-arrow-circle-o-down:before {
+ content: "\F01A"
+}
+
+.fa-arrow-circle-o-up:before {
+ content: "\F01B"
+}
+
+.fa-inbox:before {
+ content: "\F01C"
+}
+
+.fa-play-circle-o:before {
+ content: "\F01D"
+}
+
+.fa-rotate-right:before,
+.fa-repeat:before {
+ content: "\F01E"
+}
+
+.fa-refresh:before {
+ content: "\F021"
+}
+
+.fa-list-alt:before {
+ content: "\F022"
+}
+
+.fa-lock:before {
+ content: "\F023"
+}
+
+.fa-flag:before {
+ content: "\F024"
+}
+
+.fa-headphones:before {
+ content: "\F025"
+}
+
+.fa-volume-off:before {
+ content: "\F026"
+}
+
+.fa-volume-down:before {
+ content: "\F027"
+}
+
+.fa-volume-up:before {
+ content: "\F028"
+}
+
+.fa-qrcode:before {
+ content: "\F029"
+}
+
+.fa-barcode:before {
+ content: "\F02A"
+}
+
+.fa-tag:before {
+ content: "\F02B"
+}
+
+.fa-tags:before {
+ content: "\F02C"
+}
+
+.fa-book:before {
+ content: "\F02D"
+}
+
+.fa-bookmark:before {
+ content: "\F02E"
+}
+
+.fa-print:before {
+ content: "\F02F"
+}
+
+.fa-camera:before {
+ content: "\F030"
+}
+
+.fa-font:before {
+ content: "\F031"
+}
+
+.fa-bold:before {
+ content: "\F032"
+}
+
+.fa-italic:before {
+ content: "\F033"
+}
+
+.fa-text-height:before {
+ content: "\F034"
+}
+
+.fa-text-width:before {
+ content: "\F035"
+}
+
+.fa-align-left:before {
+ content: "\F036"
+}
+
+.fa-align-center:before {
+ content: "\F037"
+}
+
+.fa-align-right:before {
+ content: "\F038"
+}
+
+.fa-align-justify:before {
+ content: "\F039"
+}
+
+.fa-list:before {
+ content: "\F03A"
+}
+
+.fa-dedent:before,
+.fa-outdent:before {
+ content: "\F03B"
+}
+
+.fa-indent:before {
+ content: "\F03C"
+}
+
+.fa-video-camera:before {
+ content: "\F03D"
+}
+
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+ content: "\F03E"
+}
+
+.fa-pencil:before {
+ content: "\F040"
+}
+
+.fa-map-marker:before {
+ content: "\F041"
+}
+
+.fa-adjust:before {
+ content: "\F042"
+}
+
+.fa-tint:before {
+ content: "\F043"
+}
+
+.fa-edit:before,
+.fa-pencil-square-o:before {
+ content: "\F044"
+}
+
+.fa-share-square-o:before {
+ content: "\F045"
+}
+
+.fa-check-square-o:before {
+ content: "\F046"
+}
+
+.fa-arrows:before {
+ content: "\F047"
+}
+
+.fa-step-backward:before {
+ content: "\F048"
+}
+
+.fa-fast-backward:before {
+ content: "\F049"
+}
+
+.fa-backward:before {
+ content: "\F04A"
+}
+
+.fa-play:before {
+ content: "\F04B"
+}
+
+.fa-pause:before {
+ content: "\F04C"
+}
+
+.fa-stop:before {
+ content: "\F04D"
+}
+
+.fa-forward:before {
+ content: "\F04E"
+}
+
+.fa-fast-forward:before {
+ content: "\F050"
+}
+
+.fa-step-forward:before {
+ content: "\F051"
+}
+
+.fa-eject:before {
+ content: "\F052"
+}
+
+.fa-chevron-left:before {
+ content: "\F053"
+}
+
+.fa-chevron-right:before {
+ content: "\F054"
+}
+
+.fa-plus-circle:before {
+ content: "\F055"
+}
+
+.fa-minus-circle:before {
+ content: "\F056"
+}
+
+.fa-times-circle:before {
+ content: "\F057"
+}
+
+.fa-check-circle:before {
+ content: "\F058"
+}
+
+.fa-question-circle:before {
+ content: "\F059"
+}
+
+.fa-info-circle:before {
+ content: "\F05A"
+}
+
+.fa-crosshairs:before {
+ content: "\F05B"
+}
+
+.fa-times-circle-o:before {
+ content: "\F05C"
+}
+
+.fa-check-circle-o:before {
+ content: "\F05D"
+}
+
+.fa-ban:before {
+ content: "\F05E"
+}
+
+.fa-arrow-left:before {
+ content: "\F060"
+}
+
+.fa-arrow-right:before {
+ content: "\F061"
+}
+
+.fa-arrow-up:before {
+ content: "\F062"
+}
+
+.fa-arrow-down:before {
+ content: "\F063"
+}
+
+.fa-mail-forward:before,
+.fa-share:before {
+ content: "\F064"
+}
+
+.fa-expand:before {
+ content: "\F065"
+}
+
+.fa-compress:before {
+ content: "\F066"
+}
+
+.fa-plus:before {
+ content: "\F067"
+}
+
+.fa-minus:before {
+ content: "\F068"
+}
+
+.fa-asterisk:before {
+ content: "\F069"
+}
+
+.fa-exclamation-circle:before {
+ content: "\F06A"
+}
+
+.fa-gift:before {
+ content: "\F06B"
+}
+
+.fa-leaf:before {
+ content: "\F06C"
+}
+
+.fa-fire:before {
+ content: "\F06D"
+}
+
+.fa-eye:before {
+ content: "\F06E"
+}
+
+.fa-eye-slash:before {
+ content: "\F070"
+}
+
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+ content: "\F071"
+}
+
+.fa-plane:before {
+ content: "\F072"
+}
+
+.fa-calendar:before {
+ content: "\F073"
+}
+
+.fa-random:before {
+ content: "\F074"
+}
+
+.fa-comment:before {
+ content: "\F075"
+}
+
+.fa-magnet:before {
+ content: "\F076"
+}
+
+.fa-chevron-up:before {
+ content: "\F077"
+}
+
+.fa-chevron-down:before {
+ content: "\F078"
+}
+
+.fa-retweet:before {
+ content: "\F079"
+}
+
+.fa-shopping-cart:before {
+ content: "\F07A"
+}
+
+.fa-folder:before {
+ content: "\F07B"
+}
+
+.fa-folder-open:before {
+ content: "\F07C"
+}
+
+.fa-arrows-v:before {
+ content: "\F07D"
+}
+
+.fa-arrows-h:before {
+ content: "\F07E"
+}
+
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+ content: "\F080"
+}
+
+.fa-twitter-square:before {
+ content: "\F081"
+}
+
+.fa-facebook-square:before {
+ content: "\F082"
+}
+
+.fa-camera-retro:before {
+ content: "\F083"
+}
+
+.fa-key:before {
+ content: "\F084"
+}
+
+.fa-gears:before,
+.fa-cogs:before {
+ content: "\F085"
+}
+
+.fa-comments:before {
+ content: "\F086"
+}
+
+.fa-thumbs-o-up:before {
+ content: "\F087"
+}
+
+.fa-thumbs-o-down:before {
+ content: "\F088"
+}
+
+.fa-star-half:before {
+ content: "\F089"
+}
+
+.fa-heart-o:before {
+ content: "\F08A"
+}
+
+.fa-sign-out:before {
+ content: "\F08B"
+}
+
+.fa-linkedin-square:before {
+ content: "\F08C"
+}
+
+.fa-thumb-tack:before {
+ content: "\F08D"
+}
+
+.fa-external-link:before {
+ content: "\F08E"
+}
+
+.fa-sign-in:before {
+ content: "\F090"
+}
+
+.fa-trophy:before {
+ content: "\F091"
+}
+
+.fa-github-square:before {
+ content: "\F092"
+}
+
+.fa-upload:before {
+ content: "\F093"
+}
+
+.fa-lemon-o:before {
+ content: "\F094"
+}
+
+.fa-phone:before {
+ content: "\F095"
+}
+
+.fa-square-o:before {
+ content: "\F096"
+}
+
+.fa-bookmark-o:before {
+ content: "\F097"
+}
+
+.fa-phone-square:before {
+ content: "\F098"
+}
+
+.fa-twitter:before {
+ content: "\F099"
+}
+
+.fa-facebook-f:before,
+.fa-facebook:before {
+ content: "\F09A"
+}
+
+.fa-github:before {
+ content: "\F09B"
+}
+
+.fa-unlock:before {
+ content: "\F09C"
+}
+
+.fa-credit-card:before {
+ content: "\F09D"
+}
+
+.fa-feed:before,
+.fa-rss:before {
+ content: "\F09E"
+}
+
+.fa-hdd-o:before {
+ content: "\F0A0"
+}
+
+.fa-bullhorn:before {
+ content: "\F0A1"
+}
+
+.fa-bell:before {
+ content: "\F0F3"
+}
+
+.fa-certificate:before {
+ content: "\F0A3"
+}
+
+.fa-hand-o-right:before {
+ content: "\F0A4"
+}
+
+.fa-hand-o-left:before {
+ content: "\F0A5"
+}
+
+.fa-hand-o-up:before {
+ content: "\F0A6"
+}
+
+.fa-hand-o-down:before {
+ content: "\F0A7"
+}
+
+.fa-arrow-circle-left:before {
+ content: "\F0A8"
+}
+
+.fa-arrow-circle-right:before {
+ content: "\F0A9"
+}
+
+.fa-arrow-circle-up:before {
+ content: "\F0AA"
+}
+
+.fa-arrow-circle-down:before {
+ content: "\F0AB"
+}
+
+.fa-globe:before {
+ content: "\F0AC"
+}
+
+.fa-wrench:before {
+ content: "\F0AD"
+}
+
+.fa-tasks:before {
+ content: "\F0AE"
+}
+
+.fa-filter:before {
+ content: "\F0B0"
+}
+
+.fa-briefcase:before {
+ content: "\F0B1"
+}
+
+.fa-arrows-alt:before {
+ content: "\F0B2"
+}
+
+.fa-group:before,
+.fa-users:before {
+ content: "\F0C0"
+}
+
+.fa-chain:before,
+.fa-link:before {
+ content: "\F0C1"
+}
+
+.fa-cloud:before {
+ content: "\F0C2"
+}
+
+.fa-flask:before {
+ content: "\F0C3"
+}
+
+.fa-cut:before,
+.fa-scissors:before {
+ content: "\F0C4"
+}
+
+.fa-copy:before,
+.fa-files-o:before {
+ content: "\F0C5"
+}
+
+.fa-paperclip:before {
+ content: "\F0C6"
+}
+
+.fa-save:before,
+.fa-floppy-o:before {
+ content: "\F0C7"
+}
+
+.fa-square:before {
+ content: "\F0C8"
+}
+
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+ content: "\F0C9"
+}
+
+.fa-list-ul:before {
+ content: "\F0CA"
+}
+
+.fa-list-ol:before {
+ content: "\F0CB"
+}
+
+.fa-strikethrough:before {
+ content: "\F0CC"
+}
+
+.fa-underline:before {
+ content: "\F0CD"
+}
+
+.fa-table:before {
+ content: "\F0CE"
+}
+
+.fa-magic:before {
+ content: "\F0D0"
+}
+
+.fa-truck:before {
+ content: "\F0D1"
+}
+
+.fa-pinterest:before {
+ content: "\F0D2"
+}
+
+.fa-pinterest-square:before {
+ content: "\F0D3"
+}
+
+.fa-google-plus-square:before {
+ content: "\F0D4"
+}
+
+.fa-google-plus:before {
+ content: "\F0D5"
+}
+
+.fa-money:before {
+ content: "\F0D6"
+}
+
+.fa-caret-down:before {
+ content: "\F0D7"
+}
+
+.fa-caret-up:before {
+ content: "\F0D8"
+}
+
+.fa-caret-left:before {
+ content: "\F0D9"
+}
+
+.fa-caret-right:before {
+ content: "\F0DA"
+}
+
+.fa-columns:before {
+ content: "\F0DB"
+}
+
+.fa-unsorted:before,
+.fa-sort:before {
+ content: "\F0DC"
+}
+
+.fa-sort-down:before,
+.fa-sort-desc:before {
+ content: "\F0DD"
+}
+
+.fa-sort-up:before,
+.fa-sort-asc:before {
+ content: "\F0DE"
+}
+
+.fa-envelope:before {
+ content: "\F0E0"
+}
+
+.fa-linkedin:before {
+ content: "\F0E1"
+}
+
+.fa-rotate-left:before,
+.fa-undo:before {
+ content: "\F0E2"
+}
+
+.fa-legal:before,
+.fa-gavel:before {
+ content: "\F0E3"
+}
+
+.fa-dashboard:before,
+.fa-tachometer:before {
+ content: "\F0E4"
+}
+
+.fa-comment-o:before {
+ content: "\F0E5"
+}
+
+.fa-comments-o:before {
+ content: "\F0E6"
+}
+
+.fa-flash:before,
+.fa-bolt:before {
+ content: "\F0E7"
+}
+
+.fa-sitemap:before {
+ content: "\F0E8"
+}
+
+.fa-umbrella:before {
+ content: "\F0E9"
+}
+
+.fa-paste:before,
+.fa-clipboard:before {
+ content: "\F0EA"
+}
+
+.fa-lightbulb-o:before {
+ content: "\F0EB"
+}
+
+.fa-exchange:before {
+ content: "\F0EC"
+}
+
+.fa-cloud-download:before {
+ content: "\F0ED"
+}
+
+.fa-cloud-upload:before {
+ content: "\F0EE"
+}
+
+.fa-user-md:before {
+ content: "\F0F0"
+}
+
+.fa-stethoscope:before {
+ content: "\F0F1"
+}
+
+.fa-suitcase:before {
+ content: "\F0F2"
+}
+
+.fa-bell-o:before {
+ content: "\F0A2"
+}
+
+.fa-coffee:before {
+ content: "\F0F4"
+}
+
+.fa-cutlery:before {
+ content: "\F0F5"
+}
+
+.fa-file-text-o:before {
+ content: "\F0F6"
+}
+
+.fa-building-o:before {
+ content: "\F0F7"
+}
+
+.fa-hospital-o:before {
+ content: "\F0F8"
+}
+
+.fa-ambulance:before {
+ content: "\F0F9"
+}
+
+.fa-medkit:before {
+ content: "\F0FA"
+}
+
+.fa-fighter-jet:before {
+ content: "\F0FB"
+}
+
+.fa-beer:before {
+ content: "\F0FC"
+}
+
+.fa-h-square:before {
+ content: "\F0FD"
+}
+
+.fa-plus-square:before {
+ content: "\F0FE"
+}
+
+.fa-angle-double-left:before {
+ content: "\F100"
+}
+
+.fa-angle-double-right:before {
+ content: "\F101"
+}
+
+.fa-angle-double-up:before {
+ content: "\F102"
+}
+
+.fa-angle-double-down:before {
+ content: "\F103"
+}
+
+.fa-angle-left:before {
+ content: "\F104"
+}
+
+.fa-angle-right:before {
+ content: "\F105"
+}
+
+.fa-angle-up:before {
+ content: "\F106"
+}
+
+.fa-angle-down:before {
+ content: "\F107"
+}
+
+.fa-desktop:before {
+ content: "\F108"
+}
+
+.fa-laptop:before {
+ content: "\F109"
+}
+
+.fa-tablet:before {
+ content: "\F10A"
+}
+
+.fa-mobile-phone:before,
+.fa-mobile:before {
+ content: "\F10B"
+}
+
+.fa-circle-o:before {
+ content: "\F10C"
+}
+
+.fa-quote-left:before {
+ content: "\F10D"
+}
+
+.fa-quote-right:before {
+ content: "\F10E"
+}
+
+.fa-spinner:before {
+ content: "\F110"
+}
+
+.fa-circle:before {
+ content: "\F111"
+}
+
+.fa-mail-reply:before,
+.fa-reply:before {
+ content: "\F112"
+}
+
+.fa-github-alt:before {
+ content: "\F113"
+}
+
+.fa-folder-o:before {
+ content: "\F114"
+}
+
+.fa-folder-open-o:before {
+ content: "\F115"
+}
+
+.fa-smile-o:before {
+ content: "\F118"
+}
+
+.fa-frown-o:before {
+ content: "\F119"
+}
+
+.fa-meh-o:before {
+ content: "\F11A"
+}
+
+.fa-gamepad:before {
+ content: "\F11B"
+}
+
+.fa-keyboard-o:before {
+ content: "\F11C"
+}
+
+.fa-flag-o:before {
+ content: "\F11D"
+}
+
+.fa-flag-checkered:before {
+ content: "\F11E"
+}
+
+.fa-terminal:before {
+ content: "\F120"
+}
+
+.fa-code:before {
+ content: "\F121"
+}
+
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+ content: "\F122"
+}
+
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+ content: "\F123"
+}
+
+.fa-location-arrow:before {
+ content: "\F124"
+}
+
+.fa-crop:before {
+ content: "\F125"
+}
+
+.fa-code-fork:before {
+ content: "\F126"
+}
+
+.fa-unlink:before,
+.fa-chain-broken:before {
+ content: "\F127"
+}
+
+.fa-question:before {
+ content: "\F128"
+}
+
+.fa-info:before {
+ content: "\F129"
+}
+
+.fa-exclamation:before {
+ content: "\F12A"
+}
+
+.fa-superscript:before {
+ content: "\F12B"
+}
+
+.fa-subscript:before {
+ content: "\F12C"
+}
+
+.fa-eraser:before {
+ content: "\F12D"
+}
+
+.fa-puzzle-piece:before {
+ content: "\F12E"
+}
+
+.fa-microphone:before {
+ content: "\F130"
+}
+
+.fa-microphone-slash:before {
+ content: "\F131"
+}
+
+.fa-shield:before {
+ content: "\F132"
+}
+
+.fa-calendar-o:before {
+ content: "\F133"
+}
+
+.fa-fire-extinguisher:before {
+ content: "\F134"
+}
+
+.fa-rocket:before {
+ content: "\F135"
+}
+
+.fa-maxcdn:before {
+ content: "\F136"
+}
+
+.fa-chevron-circle-left:before {
+ content: "\F137"
+}
+
+.fa-chevron-circle-right:before {
+ content: "\F138"
+}
+
+.fa-chevron-circle-up:before {
+ content: "\F139"
+}
+
+.fa-chevron-circle-down:before {
+ content: "\F13A"
+}
+
+.fa-html5:before {
+ content: "\F13B"
+}
+
+.fa-css3:before {
+ content: "\F13C"
+}
+
+.fa-anchor:before {
+ content: "\F13D"
+}
+
+.fa-unlock-alt:before {
+ content: "\F13E"
+}
+
+.fa-bullseye:before {
+ content: "\F140"
+}
+
+.fa-ellipsis-h:before {
+ content: "\F141"
+}
+
+.fa-ellipsis-v:before {
+ content: "\F142"
+}
+
+.fa-rss-square:before {
+ content: "\F143"
+}
+
+.fa-play-circle:before {
+ content: "\F144"
+}
+
+.fa-ticket:before {
+ content: "\F145"
+}
+
+.fa-minus-square:before {
+ content: "\F146"
+}
+
+.fa-minus-square-o:before {
+ content: "\F147"
+}
+
+.fa-level-up:before {
+ content: "\F148"
+}
+
+.fa-level-down:before {
+ content: "\F149"
+}
+
+.fa-check-square:before {
+ content: "\F14A"
+}
+
+.fa-pencil-square:before {
+ content: "\F14B"
+}
+
+.fa-external-link-square:before {
+ content: "\F14C"
+}
+
+.fa-share-square:before {
+ content: "\F14D"
+}
+
+.fa-compass:before {
+ content: "\F14E"
+}
+
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+ content: "\F150"
+}
+
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+ content: "\F151"
+}
+
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+ content: "\F152"
+}
+
+.fa-euro:before,
+.fa-eur:before {
+ content: "\F153"
+}
+
+.fa-gbp:before {
+ content: "\F154"
+}
+
+.fa-dollar:before,
+.fa-usd:before {
+ content: "\F155"
+}
+
+.fa-rupee:before,
+.fa-inr:before {
+ content: "\F156"
+}
+
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+ content: "\F157"
+}
+
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+ content: "\F158"
+}
+
+.fa-won:before,
+.fa-krw:before {
+ content: "\F159"
+}
+
+.fa-bitcoin:before,
+.fa-btc:before {
+ content: "\F15A"
+}
+
+.fa-file:before {
+ content: "\F15B"
+}
+
+.fa-file-text:before {
+ content: "\F15C"
+}
+
+.fa-sort-alpha-asc:before {
+ content: "\F15D"
+}
+
+.fa-sort-alpha-desc:before {
+ content: "\F15E"
+}
+
+.fa-sort-amount-asc:before {
+ content: "\F160"
+}
+
+.fa-sort-amount-desc:before {
+ content: "\F161"
+}
+
+.fa-sort-numeric-asc:before {
+ content: "\F162"
+}
+
+.fa-sort-numeric-desc:before {
+ content: "\F163"
+}
+
+.fa-thumbs-up:before {
+ content: "\F164"
+}
+
+.fa-thumbs-down:before {
+ content: "\F165"
+}
+
+.fa-youtube-square:before {
+ content: "\F166"
+}
+
+.fa-youtube:before {
+ content: "\F167"
+}
+
+.fa-xing:before {
+ content: "\F168"
+}
+
+.fa-xing-square:before {
+ content: "\F169"
+}
+
+.fa-youtube-play:before {
+ content: "\F16A"
+}
+
+.fa-dropbox:before {
+ content: "\F16B"
+}
+
+.fa-stack-overflow:before {
+ content: "\F16C"
+}
+
+.fa-instagram:before {
+ content: "\F16D"
+}
+
+.fa-flickr:before {
+ content: "\F16E"
+}
+
+.fa-adn:before {
+ content: "\F170"
+}
+
+.fa-bitbucket:before {
+ content: "\F171"
+}
+
+.fa-bitbucket-square:before {
+ content: "\F172"
+}
+
+.fa-tumblr:before {
+ content: "\F173"
+}
+
+.fa-tumblr-square:before {
+ content: "\F174"
+}
+
+.fa-long-arrow-down:before {
+ content: "\F175"
+}
+
+.fa-long-arrow-up:before {
+ content: "\F176"
+}
+
+.fa-long-arrow-left:before {
+ content: "\F177"
+}
+
+.fa-long-arrow-right:before {
+ content: "\F178"
+}
+
+.fa-apple:before {
+ content: "\F179"
+}
+
+.fa-windows:before {
+ content: "\F17A"
+}
+
+.fa-android:before {
+ content: "\F17B"
+}
+
+.fa-linux:before {
+ content: "\F17C"
+}
+
+.fa-dribbble:before {
+ content: "\F17D"
+}
+
+.fa-skype:before {
+ content: "\F17E"
+}
+
+.fa-foursquare:before {
+ content: "\F180"
+}
+
+.fa-trello:before {
+ content: "\F181"
+}
+
+.fa-female:before {
+ content: "\F182"
+}
+
+.fa-male:before {
+ content: "\F183"
+}
+
+.fa-gittip:before,
+.fa-gratipay:before {
+ content: "\F184"
+}
+
+.fa-sun-o:before {
+ content: "\F185"
+}
+
+.fa-moon-o:before {
+ content: "\F186"
+}
+
+.fa-archive:before {
+ content: "\F187"
+}
+
+.fa-bug:before {
+ content: "\F188"
+}
+
+.fa-vk:before {
+ content: "\F189"
+}
+
+.fa-weibo:before {
+ content: "\F18A"
+}
+
+.fa-renren:before {
+ content: "\F18B"
+}
+
+.fa-pagelines:before {
+ content: "\F18C"
+}
+
+.fa-stack-exchange:before {
+ content: "\F18D"
+}
+
+.fa-arrow-circle-o-right:before {
+ content: "\F18E"
+}
+
+.fa-arrow-circle-o-left:before {
+ content: "\F190"
+}
+
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+ content: "\F191"
+}
+
+.fa-dot-circle-o:before {
+ content: "\F192"
+}
+
+.fa-wheelchair:before {
+ content: "\F193"
+}
+
+.fa-vimeo-square:before {
+ content: "\F194"
+}
+
+.fa-turkish-lira:before,
+.fa-try:before {
+ content: "\F195"
+}
+
+.fa-plus-square-o:before {
+ content: "\F196"
+}
+
+.fa-space-shuttle:before {
+ content: "\F197"
+}
+
+.fa-slack:before {
+ content: "\F198"
+}
+
+.fa-envelope-square:before {
+ content: "\F199"
+}
+
+.fa-wordpress:before {
+ content: "\F19A"
+}
+
+.fa-openid:before {
+ content: "\F19B"
+}
+
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+ content: "\F19C"
+}
+
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+ content: "\F19D"
+}
+
+.fa-yahoo:before {
+ content: "\F19E"
+}
+
+.fa-google:before {
+ content: "\F1A0"
+}
+
+.fa-reddit:before {
+ content: "\F1A1"
+}
+
+.fa-reddit-square:before {
+ content: "\F1A2"
+}
+
+.fa-stumbleupon-circle:before {
+ content: "\F1A3"
+}
+
+.fa-stumbleupon:before {
+ content: "\F1A4"
+}
+
+.fa-delicious:before {
+ content: "\F1A5"
+}
+
+.fa-digg:before {
+ content: "\F1A6"
+}
+
+.fa-pied-piper-pp:before {
+ content: "\F1A7"
+}
+
+.fa-pied-piper-alt:before {
+ content: "\F1A8"
+}
+
+.fa-drupal:before {
+ content: "\F1A9"
+}
+
+.fa-joomla:before {
+ content: "\F1AA"
+}
+
+.fa-language:before {
+ content: "\F1AB"
+}
+
+.fa-fax:before {
+ content: "\F1AC"
+}
+
+.fa-building:before {
+ content: "\F1AD"
+}
+
+.fa-child:before {
+ content: "\F1AE"
+}
+
+.fa-paw:before {
+ content: "\F1B0"
+}
+
+.fa-spoon:before {
+ content: "\F1B1"
+}
+
+.fa-cube:before {
+ content: "\F1B2"
+}
+
+.fa-cubes:before {
+ content: "\F1B3"
+}
+
+.fa-behance:before {
+ content: "\F1B4"
+}
+
+.fa-behance-square:before {
+ content: "\F1B5"
+}
+
+.fa-steam:before {
+ content: "\F1B6"
+}
+
+.fa-steam-square:before {
+ content: "\F1B7"
+}
+
+.fa-recycle:before {
+ content: "\F1B8"
+}
+
+.fa-automobile:before,
+.fa-car:before {
+ content: "\F1B9"
+}
+
+.fa-cab:before,
+.fa-taxi:before {
+ content: "\F1BA"
+}
+
+.fa-tree:before {
+ content: "\F1BB"
+}
+
+.fa-spotify:before {
+ content: "\F1BC"
+}
+
+.fa-deviantart:before {
+ content: "\F1BD"
+}
+
+.fa-soundcloud:before {
+ content: "\F1BE"
+}
+
+.fa-database:before {
+ content: "\F1C0"
+}
+
+.fa-file-pdf-o:before {
+ content: "\F1C1"
+}
+
+.fa-file-word-o:before {
+ content: "\F1C2"
+}
+
+.fa-file-excel-o:before {
+ content: "\F1C3"
+}
+
+.fa-file-powerpoint-o:before {
+ content: "\F1C4"
+}
+
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+ content: "\F1C5"
+}
+
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+ content: "\F1C6"
+}
+
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+ content: "\F1C7"
+}
+
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+ content: "\F1C8"
+}
+
+.fa-file-code-o:before {
+ content: "\F1C9"
+}
+
+.fa-vine:before {
+ content: "\F1CA"
+}
+
+.fa-codepen:before {
+ content: "\F1CB"
+}
+
+.fa-jsfiddle:before {
+ content: "\F1CC"
+}
+
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+ content: "\F1CD"
+}
+
+.fa-circle-o-notch:before {
+ content: "\F1CE"
+}
+
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+ content: "\F1D0"
+}
+
+.fa-ge:before,
+.fa-empire:before {
+ content: "\F1D1"
+}
+
+.fa-git-square:before {
+ content: "\F1D2"
+}
+
+.fa-git:before {
+ content: "\F1D3"
+}
+
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+ content: "\F1D4"
+}
+
+.fa-tencent-weibo:before {
+ content: "\F1D5"
+}
+
+.fa-qq:before {
+ content: "\F1D6"
+}
+
+.fa-wechat:before,
+.fa-weixin:before {
+ content: "\F1D7"
+}
+
+.fa-send:before,
+.fa-paper-plane:before {
+ content: "\F1D8"
+}
+
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+ content: "\F1D9"
+}
+
+.fa-history:before {
+ content: "\F1DA"
+}
+
+.fa-circle-thin:before {
+ content: "\F1DB"
+}
+
+.fa-header:before {
+ content: "\F1DC"
+}
+
+.fa-paragraph:before {
+ content: "\F1DD"
+}
+
+.fa-sliders:before {
+ content: "\F1DE"
+}
+
+.fa-share-alt:before {
+ content: "\F1E0"
+}
+
+.fa-share-alt-square:before {
+ content: "\F1E1"
+}
+
+.fa-bomb:before {
+ content: "\F1E2"
+}
+
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+ content: "\F1E3"
+}
+
+.fa-tty:before {
+ content: "\F1E4"
+}
+
+.fa-binoculars:before {
+ content: "\F1E5"
+}
+
+.fa-plug:before {
+ content: "\F1E6"
+}
+
+.fa-slideshare:before {
+ content: "\F1E7"
+}
+
+.fa-twitch:before {
+ content: "\F1E8"
+}
+
+.fa-yelp:before {
+ content: "\F1E9"
+}
+
+.fa-newspaper-o:before {
+ content: "\F1EA"
+}
+
+.fa-wifi:before {
+ content: "\F1EB"
+}
+
+.fa-calculator:before {
+ content: "\F1EC"
+}
+
+.fa-paypal:before {
+ content: "\F1ED"
+}
+
+.fa-google-wallet:before {
+ content: "\F1EE"
+}
+
+.fa-cc-visa:before {
+ content: "\F1F0"
+}
+
+.fa-cc-mastercard:before {
+ content: "\F1F1"
+}
+
+.fa-cc-discover:before {
+ content: "\F1F2"
+}
+
+.fa-cc-amex:before {
+ content: "\F1F3"
+}
+
+.fa-cc-paypal:before {
+ content: "\F1F4"
+}
+
+.fa-cc-stripe:before {
+ content: "\F1F5"
+}
+
+.fa-bell-slash:before {
+ content: "\F1F6"
+}
+
+.fa-bell-slash-o:before {
+ content: "\F1F7"
+}
+
+.fa-trash:before {
+ content: "\F1F8"
+}
+
+.fa-copyright:before {
+ content: "\F1F9"
+}
+
+.fa-at:before {
+ content: "\F1FA"
+}
+
+.fa-eyedropper:before {
+ content: "\F1FB"
+}
+
+.fa-paint-brush:before {
+ content: "\F1FC"
+}
+
+.fa-birthday-cake:before {
+ content: "\F1FD"
+}
+
+.fa-area-chart:before {
+ content: "\F1FE"
+}
+
+.fa-pie-chart:before {
+ content: "\F200"
+}
+
+.fa-line-chart:before {
+ content: "\F201"
+}
+
+.fa-lastfm:before {
+ content: "\F202"
+}
+
+.fa-lastfm-square:before {
+ content: "\F203"
+}
+
+.fa-toggle-off:before {
+ content: "\F204"
+}
+
+.fa-toggle-on:before {
+ content: "\F205"
+}
+
+.fa-bicycle:before {
+ content: "\F206"
+}
+
+.fa-bus:before {
+ content: "\F207"
+}
+
+.fa-ioxhost:before {
+ content: "\F208"
+}
+
+.fa-angellist:before {
+ content: "\F209"
+}
+
+.fa-cc:before {
+ content: "\F20A"
+}
+
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+ content: "\F20B"
+}
+
+.fa-meanpath:before {
+ content: "\F20C"
+}
+
+.fa-buysellads:before {
+ content: "\F20D"
+}
+
+.fa-connectdevelop:before {
+ content: "\F20E"
+}
+
+.fa-dashcube:before {
+ content: "\F210"
+}
+
+.fa-forumbee:before {
+ content: "\F211"
+}
+
+.fa-leanpub:before {
+ content: "\F212"
+}
+
+.fa-sellsy:before {
+ content: "\F213"
+}
+
+.fa-shirtsinbulk:before {
+ content: "\F214"
+}
+
+.fa-simplybuilt:before {
+ content: "\F215"
+}
+
+.fa-skyatlas:before {
+ content: "\F216"
+}
+
+.fa-cart-plus:before {
+ content: "\F217"
+}
+
+.fa-cart-arrow-down:before {
+ content: "\F218"
+}
+
+.fa-diamond:before {
+ content: "\F219"
+}
+
+.fa-ship:before {
+ content: "\F21A"
+}
+
+.fa-user-secret:before {
+ content: "\F21B"
+}
+
+.fa-motorcycle:before {
+ content: "\F21C"
+}
+
+.fa-street-view:before {
+ content: "\F21D"
+}
+
+.fa-heartbeat:before {
+ content: "\F21E"
+}
+
+.fa-venus:before {
+ content: "\F221"
+}
+
+.fa-mars:before {
+ content: "\F222"
+}
+
+.fa-mercury:before {
+ content: "\F223"
+}
+
+.fa-intersex:before,
+.fa-transgender:before {
+ content: "\F224"
+}
+
+.fa-transgender-alt:before {
+ content: "\F225"
+}
+
+.fa-venus-double:before {
+ content: "\F226"
+}
+
+.fa-mars-double:before {
+ content: "\F227"
+}
+
+.fa-venus-mars:before {
+ content: "\F228"
+}
+
+.fa-mars-stroke:before {
+ content: "\F229"
+}
+
+.fa-mars-stroke-v:before {
+ content: "\F22A"
+}
+
+.fa-mars-stroke-h:before {
+ content: "\F22B"
+}
+
+.fa-neuter:before {
+ content: "\F22C"
+}
+
+.fa-genderless:before {
+ content: "\F22D"
+}
+
+.fa-facebook-official:before {
+ content: "\F230"
+}
+
+.fa-pinterest-p:before {
+ content: "\F231"
+}
+
+.fa-whatsapp:before {
+ content: "\F232"
+}
+
+.fa-server:before {
+ content: "\F233"
+}
+
+.fa-user-plus:before {
+ content: "\F234"
+}
+
+.fa-user-times:before {
+ content: "\F235"
+}
+
+.fa-hotel:before,
+.fa-bed:before {
+ content: "\F236"
+}
+
+.fa-viacoin:before {
+ content: "\F237"
+}
+
+.fa-train:before {
+ content: "\F238"
+}
+
+.fa-subway:before {
+ content: "\F239"
+}
+
+.fa-medium:before {
+ content: "\F23A"
+}
+
+.fa-yc:before,
+.fa-y-combinator:before {
+ content: "\F23B"
+}
+
+.fa-optin-monster:before {
+ content: "\F23C"
+}
+
+.fa-opencart:before {
+ content: "\F23D"
+}
+
+.fa-expeditedssl:before {
+ content: "\F23E"
+}
+
+.fa-battery-4:before,
+.fa-battery:before,
+.fa-battery-full:before {
+ content: "\F240"
+}
+
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+ content: "\F241"
+}
+
+.fa-battery-2:before,
+.fa-battery-half:before {
+ content: "\F242"
+}
+
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+ content: "\F243"
+}
+
+.fa-battery-0:before,
+.fa-battery-empty:before {
+ content: "\F244"
+}
+
+.fa-mouse-pointer:before {
+ content: "\F245"
+}
+
+.fa-i-cursor:before {
+ content: "\F246"
+}
+
+.fa-object-group:before {
+ content: "\F247"
+}
+
+.fa-object-ungroup:before {
+ content: "\F248"
+}
+
+.fa-sticky-note:before {
+ content: "\F249"
+}
+
+.fa-sticky-note-o:before {
+ content: "\F24A"
+}
+
+.fa-cc-jcb:before {
+ content: "\F24B"
+}
+
+.fa-cc-diners-club:before {
+ content: "\F24C"
+}
+
+.fa-clone:before {
+ content: "\F24D"
+}
+
+.fa-balance-scale:before {
+ content: "\F24E"
+}
+
+.fa-hourglass-o:before {
+ content: "\F250"
+}
+
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+ content: "\F251"
+}
+
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+ content: "\F252"
+}
+
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+ content: "\F253"
+}
+
+.fa-hourglass:before {
+ content: "\F254"
+}
+
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+ content: "\F255"
+}
+
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+ content: "\F256"
+}
+
+.fa-hand-scissors-o:before {
+ content: "\F257"
+}
+
+.fa-hand-lizard-o:before {
+ content: "\F258"
+}
+
+.fa-hand-spock-o:before {
+ content: "\F259"
+}
+
+.fa-hand-pointer-o:before {
+ content: "\F25A"
+}
+
+.fa-hand-peace-o:before {
+ content: "\F25B"
+}
+
+.fa-trademark:before {
+ content: "\F25C"
+}
+
+.fa-registered:before {
+ content: "\F25D"
+}
+
+.fa-creative-commons:before {
+ content: "\F25E"
+}
+
+.fa-gg:before {
+ content: "\F260"
+}
+
+.fa-gg-circle:before {
+ content: "\F261"
+}
+
+.fa-tripadvisor:before {
+ content: "\F262"
+}
+
+.fa-odnoklassniki:before {
+ content: "\F263"
+}
+
+.fa-odnoklassniki-square:before {
+ content: "\F264"
+}
+
+.fa-get-pocket:before {
+ content: "\F265"
+}
+
+.fa-wikipedia-w:before {
+ content: "\F266"
+}
+
+.fa-safari:before {
+ content: "\F267"
+}
+
+.fa-chrome:before {
+ content: "\F268"
+}
+
+.fa-firefox:before {
+ content: "\F269"
+}
+
+.fa-opera:before {
+ content: "\F26A"
+}
+
+.fa-internet-explorer:before {
+ content: "\F26B"
+}
+
+.fa-tv:before,
+.fa-television:before {
+ content: "\F26C"
+}
+
+.fa-contao:before {
+ content: "\F26D"
+}
+
+.fa-500px:before {
+ content: "\F26E"
+}
+
+.fa-amazon:before {
+ content: "\F270"
+}
+
+.fa-calendar-plus-o:before {
+ content: "\F271"
+}
+
+.fa-calendar-minus-o:before {
+ content: "\F272"
+}
+
+.fa-calendar-times-o:before {
+ content: "\F273"
+}
+
+.fa-calendar-check-o:before {
+ content: "\F274"
+}
+
+.fa-industry:before {
+ content: "\F275"
+}
+
+.fa-map-pin:before {
+ content: "\F276"
+}
+
+.fa-map-signs:before {
+ content: "\F277"
+}
+
+.fa-map-o:before {
+ content: "\F278"
+}
+
+.fa-map:before {
+ content: "\F279"
+}
+
+.fa-commenting:before {
+ content: "\F27A"
+}
+
+.fa-commenting-o:before {
+ content: "\F27B"
+}
+
+.fa-houzz:before {
+ content: "\F27C"
+}
+
+.fa-vimeo:before {
+ content: "\F27D"
+}
+
+.fa-black-tie:before {
+ content: "\F27E"
+}
+
+.fa-fonticons:before {
+ content: "\F280"
+}
+
+.fa-reddit-alien:before {
+ content: "\F281"
+}
+
+.fa-edge:before {
+ content: "\F282"
+}
+
+.fa-credit-card-alt:before {
+ content: "\F283"
+}
+
+.fa-codiepie:before {
+ content: "\F284"
+}
+
+.fa-modx:before {
+ content: "\F285"
+}
+
+.fa-fort-awesome:before {
+ content: "\F286"
+}
+
+.fa-usb:before {
+ content: "\F287"
+}
+
+.fa-product-hunt:before {
+ content: "\F288"
+}
+
+.fa-mixcloud:before {
+ content: "\F289"
+}
+
+.fa-scribd:before {
+ content: "\F28A"
+}
+
+.fa-pause-circle:before {
+ content: "\F28B"
+}
+
+.fa-pause-circle-o:before {
+ content: "\F28C"
+}
+
+.fa-stop-circle:before {
+ content: "\F28D"
+}
+
+.fa-stop-circle-o:before {
+ content: "\F28E"
+}
+
+.fa-shopping-bag:before {
+ content: "\F290"
+}
+
+.fa-shopping-basket:before {
+ content: "\F291"
+}
+
+.fa-hashtag:before {
+ content: "\F292"
+}
+
+.fa-bluetooth:before {
+ content: "\F293"
+}
+
+.fa-bluetooth-b:before {
+ content: "\F294"
+}
+
+.fa-percent:before {
+ content: "\F295"
+}
+
+.fa-gitlab:before {
+ content: "\F296"
+}
+
+.fa-wpbeginner:before {
+ content: "\F297"
+}
+
+.fa-wpforms:before {
+ content: "\F298"
+}
+
+.fa-envira:before {
+ content: "\F299"
+}
+
+.fa-universal-access:before {
+ content: "\F29A"
+}
+
+.fa-wheelchair-alt:before {
+ content: "\F29B"
+}
+
+.fa-question-circle-o:before {
+ content: "\F29C"
+}
+
+.fa-blind:before {
+ content: "\F29D"
+}
+
+.fa-audio-description:before {
+ content: "\F29E"
+}
+
+.fa-volume-control-phone:before {
+ content: "\F2A0"
+}
+
+.fa-braille:before {
+ content: "\F2A1"
+}
+
+.fa-assistive-listening-systems:before {
+ content: "\F2A2"
+}
+
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+ content: "\F2A3"
+}
+
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+ content: "\F2A4"
+}
+
+.fa-glide:before {
+ content: "\F2A5"
+}
+
+.fa-glide-g:before {
+ content: "\F2A6"
+}
+
+.fa-signing:before,
+.fa-sign-language:before {
+ content: "\F2A7"
+}
+
+.fa-low-vision:before {
+ content: "\F2A8"
+}
+
+.fa-viadeo:before {
+ content: "\F2A9"
+}
+
+.fa-viadeo-square:before {
+ content: "\F2AA"
+}
+
+.fa-snapchat:before {
+ content: "\F2AB"
+}
+
+.fa-snapchat-ghost:before {
+ content: "\F2AC"
+}
+
+.fa-snapchat-square:before {
+ content: "\F2AD"
+}
+
+.fa-pied-piper:before {
+ content: "\F2AE"
+}
+
+.fa-first-order:before {
+ content: "\F2B0"
+}
+
+.fa-yoast:before {
+ content: "\F2B1"
+}
+
+.fa-themeisle:before {
+ content: "\F2B2"
+}
+
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+ content: "\F2B3"
+}
+
+.fa-fa:before,
+.fa-font-awesome:before {
+ content: "\F2B4"
+}
+
+.fa-handshake-o:before {
+ content: "\F2B5"
+}
+
+.fa-envelope-open:before {
+ content: "\F2B6"
+}
+
+.fa-envelope-open-o:before {
+ content: "\F2B7"
+}
+
+.fa-linode:before {
+ content: "\F2B8"
+}
+
+.fa-address-book:before {
+ content: "\F2B9"
+}
+
+.fa-address-book-o:before {
+ content: "\F2BA"
+}
+
+.fa-vcard:before,
+.fa-address-card:before {
+ content: "\F2BB"
+}
+
+.fa-vcard-o:before,
+.fa-address-card-o:before {
+ content: "\F2BC"
+}
+
+.fa-user-circle:before {
+ content: "\F2BD"
+}
+
+.fa-user-circle-o:before {
+ content: "\F2BE"
+}
+
+.fa-user-o:before {
+ content: "\F2C0"
+}
+
+.fa-id-badge:before {
+ content: "\F2C1"
+}
+
+.fa-drivers-license:before,
+.fa-id-card:before {
+ content: "\F2C2"
+}
+
+.fa-drivers-license-o:before,
+.fa-id-card-o:before {
+ content: "\F2C3"
+}
+
+.fa-quora:before {
+ content: "\F2C4"
+}
+
+.fa-free-code-camp:before {
+ content: "\F2C5"
+}
+
+.fa-telegram:before {
+ content: "\F2C6"
+}
+
+.fa-thermometer-4:before,
+.fa-thermometer:before,
+.fa-thermometer-full:before {
+ content: "\F2C7"
+}
+
+.fa-thermometer-3:before,
+.fa-thermometer-three-quarters:before {
+ content: "\F2C8"
+}
+
+.fa-thermometer-2:before,
+.fa-thermometer-half:before {
+ content: "\F2C9"
+}
+
+.fa-thermometer-1:before,
+.fa-thermometer-quarter:before {
+ content: "\F2CA"
+}
+
+.fa-thermometer-0:before,
+.fa-thermometer-empty:before {
+ content: "\F2CB"
+}
+
+.fa-shower:before {
+ content: "\F2CC"
+}
+
+.fa-bathtub:before,
+.fa-s15:before,
+.fa-bath:before {
+ content: "\F2CD"
+}
+
+.fa-podcast:before {
+ content: "\F2CE"
+}
+
+.fa-window-maximize:before {
+ content: "\F2D0"
+}
+
+.fa-window-minimize:before {
+ content: "\F2D1"
+}
+
+.fa-window-restore:before {
+ content: "\F2D2"
+}
+
+.fa-times-rectangle:before,
+.fa-window-close:before {
+ content: "\F2D3"
+}
+
+.fa-times-rectangle-o:before,
+.fa-window-close-o:before {
+ content: "\F2D4"
+}
+
+.fa-bandcamp:before {
+ content: "\F2D5"
+}
+
+.fa-grav:before {
+ content: "\F2D6"
+}
+
+.fa-etsy:before {
+ content: "\F2D7"
+}
+
+.fa-imdb:before {
+ content: "\F2D8"
+}
+
+.fa-ravelry:before {
+ content: "\F2D9"
+}
+
+.fa-eercast:before {
+ content: "\F2DA"
+}
+
+.fa-microchip:before {
+ content: "\F2DB"
+}
+
+.fa-snowflake-o:before {
+ content: "\F2DC"
+}
+
+.fa-superpowers:before {
+ content: "\F2DD"
+}
+
+.fa-wpexplorer:before {
+ content: "\F2DE"
+}
+
+.fa-meetup:before {
+ content: "\F2E0"
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto
+}
+@font-face {
+ font-family: 'xzreporticon';
+ src: url(font/c2ae772610e2b65c2d47965c45fc1a9f.ttf);
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+}
+
+[class^="xzreport-icon-"], [class*=" xzreport-icon-"] {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'xzreporticon' !important;
+ speak: never;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.xzreport-icon-arrow-left-filling:before {
+ content: "\E900";
+}
+.xzreport-icon-arrow-right-filling:before {
+ content: "\E901";
+}
+
+ /*
+ * # Semantic UI - 2.5.0
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
+ *
+ * Copyright 2022 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/* @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin'); */
+/*!
+ * # Semantic UI 2.5.0 - Reset
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Reset
+*******************************/
+
+/* Border-Box */
+
+*,
+*:before,
+*:after {
+ box-sizing: inherit;
+}
+
+html {
+ box-sizing: border-box;
+}
+
+/* iPad Input Shadows */
+
+input[type="text"],
+input[type="email"],
+input[type="search"],
+input[type="password"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ /* mobile firefox too! */
+}
+
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+html {
+ line-height: 1.15;
+ /* 1 */
+ -ms-text-size-adjust: 100%;
+ /* 2 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main {
+ /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box;
+ /* 1 */
+ height: 0;
+ /* 1 */
+ overflow: visible;
+ /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+ background-color: transparent;
+ /* 1 */
+ -webkit-text-decoration-skip: objects;
+ /* 2 */
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none;
+ /* 1 */
+ text-decoration: underline;
+ /* 2 */
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ line-height: 1.15;
+ /* 1 */
+ margin: 0;
+ /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input {
+ /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select {
+ /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+ /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ display: table;
+ /* 1 */
+ max-width: 100%;
+ /* 1 */
+ padding: 0;
+ /* 3 */
+ white-space: normal;
+ /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block;
+ /* 1 */
+ vertical-align: baseline;
+ /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details,
+menu {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* Hidden
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Site
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Page
+*******************************/
+
+html,
+body {
+ height: 100%;
+}
+
+html {
+ font-size: 14px;
+}
+
+body {
+ margin: 0px;
+ padding: 0px;
+ overflow-x: hidden;
+ min-width: 320px;
+ background: #FFFFFF;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ line-height: 1.4285em;
+ /* color: rgba(0, 0, 0, 0.87); */
+ color: #58657d;
+ font-smoothing: antialiased;
+}
+
+/*******************************
+ Headers
+*******************************/
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ line-height: 1.28571429em;
+ margin: calc(2rem - 0.14285714em ) 0em 1rem;
+ font-weight: bold;
+ padding: 0em;
+}
+
+h1 {
+ min-height: 1rem;
+ font-size: 2rem;
+}
+
+h2 {
+ font-size: 1.71428571rem;
+}
+
+h3 {
+ font-size: 1.28571429rem;
+}
+
+h4 {
+ font-size: 1.07142857rem;
+}
+
+h5 {
+ font-size: 1rem;
+}
+
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child {
+ margin-top: 0em;
+}
+
+h1:last-child,
+h2:last-child,
+h3:last-child,
+h4:last-child,
+h5:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Text
+*******************************/
+
+p {
+ margin: 0em 0em 1em;
+ line-height: 1.4285em;
+}
+
+p:first-child {
+ margin-top: 0em;
+}
+
+p:last-child {
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Links
+--------------------*/
+
+a {
+ color: #4183C4;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #1e70bf;
+ text-decoration: none;
+}
+
+/*******************************
+ Scrollbars
+*******************************/
+
+/*******************************
+ Highlighting
+*******************************/
+
+/* Site */
+
+::-webkit-selection {
+ background-color: #CCE2FF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+::-moz-selection {
+ background-color: #CCE2FF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+::selection {
+ background-color: #CCE2FF;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Form */
+
+textarea::-webkit-selection,
+input::-webkit-selection {
+ background-color: rgba(100, 100, 100, 0.4);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+textarea::-moz-selection,
+input::-moz-selection {
+ background-color: rgba(100, 100, 100, 0.4);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+textarea::-moz-selection,
+input::-moz-selection {
+ background-color: rgba(100, 100, 100, 0.4);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+textarea::selection,
+input::selection {
+ background-color: rgba(100, 100, 100, 0.4);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Force Simple Scrollbars */
+
+body ::-webkit-scrollbar {
+ -webkit-appearance: none;
+ width: 10px;
+ height: 10px;
+}
+
+body ::-webkit-scrollbar-track {
+ background: rgba(0, 0, 0, 0.1);
+ border-radius: 0px;
+}
+
+body ::-webkit-scrollbar-thumb {
+ cursor: pointer;
+ border-radius: 5px;
+ background: rgba(0, 0, 0, 0.25);
+ -webkit-transition: color 0.2s ease;
+ transition: color 0.2s ease;
+}
+
+body ::-webkit-scrollbar-thumb:window-inactive {
+ background: rgba(0, 0, 0, 0.15);
+}
+
+body ::-webkit-scrollbar-thumb:hover {
+ background: rgba(128, 135, 139, 0.8);
+}
+
+/* Inverted UI */
+
+body .ui.inverted::-webkit-scrollbar-track {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+body .ui.inverted::-webkit-scrollbar-thumb {
+ background: rgba(255, 255, 255, 0.25);
+}
+
+body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
+ background: rgba(255, 255, 255, 0.15);
+}
+
+body .ui.inverted::-webkit-scrollbar-thumb:hover {
+ background: rgba(255, 255, 255, 0.35);
+}
+
+/*******************************
+ Global Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Button
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Button
+*******************************/
+
+.ui.button {
+ cursor: pointer;
+ display: inline-block;
+ min-height: 1em;
+ outline: none;
+ border: none;
+ vertical-align: baseline;
+ background: #E0E1E2 none;
+ color: rgba(0, 0, 0, 0.6);
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ margin: 0em 0.25em 0em 0em;
+ padding: 0.78571429em 1.5em 0.78571429em;
+ text-transform: none;
+ text-shadow: none;
+ font-weight: bold;
+ line-height: 1em;
+ font-style: normal;
+ text-align: center;
+ text-decoration: none;
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
+ will-change: '';
+ -webkit-tap-highlight-color: transparent;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.button:hover {
+ background-color: #CACBCD;
+ background-image: none;
+ box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.button:hover .icon {
+ opacity: 0.85;
+}
+
+/*--------------
+ Focus
+---------------*/
+
+.ui.button:focus {
+ background-color: #CACBCD;
+ color: rgba(0, 0, 0, 0.8);
+ background-image: '' !important;
+ box-shadow: '' !important;
+}
+
+.ui.button:focus .icon {
+ opacity: 0.85;
+}
+
+/*--------------
+ Down
+---------------*/
+
+.ui.button:active,
+.ui.active.button:active {
+ background-color: #BABBBC;
+ background-image: '';
+ color: rgba(0, 0, 0, 0.9);
+ box-shadow: 0px 0px 0px 1px transparent inset, none;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.active.button {
+ background-color: #C0C1C2;
+ background-image: none;
+ box-shadow: 0px 0px 0px 1px transparent inset;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.active.button:hover {
+ background-color: #C0C1C2;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.active.button:active {
+ background-color: #C0C1C2;
+ background-image: none;
+}
+
+/*--------------
+ Loading
+---------------*/
+
+/* Specificity hack */
+
+.ui.loading.loading.loading.loading.loading.loading.button {
+ position: relative;
+ cursor: default;
+ text-shadow: none !important;
+ color: transparent !important;
+ opacity: 1;
+ pointer-events: auto;
+ transition: all 0s linear, opacity 0.1s ease;
+}
+
+.ui.loading.button:before {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.15);
+}
+
+.ui.loading.button:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ -webkit-animation: button-spin 0.6s linear;
+ animation: button-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #FFFFFF transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+.ui.labeled.icon.loading.button .icon {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+@-webkit-keyframes button-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes button-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+.ui.basic.loading.button:not(.inverted):before {
+ border-color: rgba(0, 0, 0, 0.1);
+}
+
+.ui.basic.loading.button:not(.inverted):after {
+ border-top-color: #767676;
+}
+
+/*-------------------
+ Disabled
+--------------------*/
+
+.ui.buttons .disabled.button,
+.ui.disabled.button,
+.ui.button:disabled,
+.ui.disabled.button:hover,
+.ui.disabled.active.button {
+ cursor: default;
+ opacity: 0.45 !important;
+ background-image: none !important;
+ box-shadow: none !important;
+ pointer-events: none !important;
+}
+
+/* Basic Group With Disabled */
+
+.ui.basic.buttons .ui.disabled.button {
+ border-color: rgba(34, 36, 38, 0.5);
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Animated
+--------------------*/
+
+.ui.animated.button {
+ position: relative;
+ overflow: hidden;
+ padding-right: 0em !important;
+ vertical-align: middle;
+ z-index: 1;
+}
+
+.ui.animated.button .content {
+ will-change: transform, opacity;
+}
+
+.ui.animated.button .visible.content {
+ position: relative;
+ margin-right: 1.5em;
+}
+
+.ui.animated.button .hidden.content {
+ position: absolute;
+ width: 100%;
+}
+
+/* Horizontal */
+
+.ui.animated.button .visible.content,
+.ui.animated.button .hidden.content {
+ transition: right 0.3s ease 0s;
+}
+
+.ui.animated.button .visible.content {
+ left: auto;
+ right: 0%;
+}
+
+.ui.animated.button .hidden.content {
+ top: 50%;
+ left: auto;
+ right: -100%;
+ margin-top: -0.5em;
+}
+
+.ui.animated.button:focus .visible.content,
+.ui.animated.button:hover .visible.content {
+ left: auto;
+ right: 200%;
+}
+
+.ui.animated.button:focus .hidden.content,
+.ui.animated.button:hover .hidden.content {
+ left: auto;
+ right: 0%;
+}
+
+/* Vertical */
+
+.ui.vertical.animated.button .visible.content,
+.ui.vertical.animated.button .hidden.content {
+ transition: top 0.3s ease, transform 0.3s ease;
+}
+
+.ui.vertical.animated.button .visible.content {
+ transform: translateY(0%);
+ right: auto;
+}
+
+.ui.vertical.animated.button .hidden.content {
+ top: -50%;
+ left: 0%;
+ right: auto;
+}
+
+.ui.vertical.animated.button:focus .visible.content,
+.ui.vertical.animated.button:hover .visible.content {
+ transform: translateY(200%);
+ right: auto;
+}
+
+.ui.vertical.animated.button:focus .hidden.content,
+.ui.vertical.animated.button:hover .hidden.content {
+ top: 50%;
+ right: auto;
+}
+
+/* Fade */
+
+.ui.fade.animated.button .visible.content,
+.ui.fade.animated.button .hidden.content {
+ transition: opacity 0.3s ease, transform 0.3s ease;
+}
+
+.ui.fade.animated.button .visible.content {
+ left: auto;
+ right: auto;
+ opacity: 1;
+ transform: scale(1);
+}
+
+.ui.fade.animated.button .hidden.content {
+ opacity: 0;
+ left: 0%;
+ right: auto;
+ transform: scale(1.5);
+}
+
+.ui.fade.animated.button:focus .visible.content,
+.ui.fade.animated.button:hover .visible.content {
+ left: auto;
+ right: auto;
+ opacity: 0;
+ transform: scale(0.75);
+}
+
+.ui.fade.animated.button:focus .hidden.content,
+.ui.fade.animated.button:hover .hidden.content {
+ left: 0%;
+ right: auto;
+ opacity: 1;
+ transform: scale(1);
+}
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.button {
+ box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
+ background: transparent none;
+ color: #FFFFFF;
+ text-shadow: none !important;
+}
+
+/* Group */
+
+.ui.inverted.buttons .button {
+ margin: 0px 0px 0px -2px;
+}
+
+.ui.inverted.buttons .button:first-child {
+ margin-left: 0em;
+}
+
+.ui.inverted.vertical.buttons .button {
+ margin: 0px 0px -2px 0px;
+}
+
+.ui.inverted.vertical.buttons .button:first-child {
+ margin-top: 0em;
+}
+
+/* States */
+
+/* Hover */
+
+.ui.inverted.button:hover {
+ background: #FFFFFF;
+ box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Active / Focus */
+
+.ui.inverted.button:focus,
+.ui.inverted.button.active {
+ background: #FFFFFF;
+ box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Active Focus */
+
+.ui.inverted.button.active:focus {
+ background: #DCDDDE;
+ box-shadow: 0px 0px 0px 2px #DCDDDE inset !important;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/*-------------------
+ Labeled Button
+--------------------*/
+
+.ui.labeled.button:not(.icon) {
+ display: inline-flex;
+ flex-direction: row;
+ background: none !important;
+ padding: 0px !important;
+ border: none !important;
+ box-shadow: none !important;
+}
+
+.ui.labeled.button > .button {
+ margin: 0px;
+}
+
+.ui.labeled.button > .label {
+ display: flex;
+ align-items: center;
+ margin: 0px 0px 0px -1px !important;
+ padding: '';
+ font-size: 1em;
+ border-color: rgba(34, 36, 38, 0.15);
+}
+
+/* Tag */
+
+.ui.labeled.button > .tag.label:before {
+ width: 1.85em;
+ height: 1.85em;
+}
+
+/* Right */
+
+.ui.labeled.button:not([class*="left labeled"]) > .button {
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+.ui.labeled.button:not([class*="left labeled"]) > .label {
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+/* Left Side */
+
+.ui[class*="left labeled"].button > .button {
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+.ui[class*="left labeled"].button > .label {
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+/*-------------------
+ Social
+--------------------*/
+
+/* Facebook */
+
+.ui.facebook.button {
+ background-color: #3B5998;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.facebook.button:hover {
+ background-color: #304d8a;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.facebook.button:active {
+ background-color: #2d4373;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Twitter */
+
+.ui.twitter.button {
+ background-color: #55ACEE;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.twitter.button:hover {
+ background-color: #35a2f4;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.twitter.button:active {
+ background-color: #2795e9;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Google Plus */
+
+.ui.google.plus.button {
+ background-color: #DD4B39;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.google.plus.button:hover {
+ background-color: #e0321c;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.google.plus.button:active {
+ background-color: #c23321;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Linked In */
+
+.ui.linkedin.button {
+ background-color: #1F88BE;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.linkedin.button:hover {
+ background-color: #147baf;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.linkedin.button:active {
+ background-color: #186992;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* YouTube */
+
+.ui.youtube.button {
+ background-color: #FF0000;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.youtube.button:hover {
+ background-color: #e60000;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.youtube.button:active {
+ background-color: #cc0000;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Instagram */
+
+.ui.instagram.button {
+ background-color: #49769C;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.instagram.button:hover {
+ background-color: #3d698e;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.instagram.button:active {
+ background-color: #395c79;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Pinterest */
+
+.ui.pinterest.button {
+ background-color: #BD081C;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.pinterest.button:hover {
+ background-color: #ac0013;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.pinterest.button:active {
+ background-color: #8c0615;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* VK */
+
+.ui.vk.button {
+ background-color: #4D7198;
+ color: #FFFFFF;
+ background-image: none;
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.vk.button:hover {
+ background-color: #41648a;
+ color: #FFFFFF;
+}
+
+.ui.vk.button:active {
+ background-color: #3c5876;
+ color: #FFFFFF;
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.button > .icon:not(.button) {
+ height: 0.85714286em;
+ opacity: 0.8;
+ margin: 0em 0.42857143em 0em -0.21428571em;
+ transition: opacity 0.1s ease;
+ vertical-align: '';
+ color: '';
+}
+
+.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
+ margin: 0em 0.42857143em 0em -0.21428571em;
+}
+
+.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
+ margin: 0em -0.21428571em 0em 0.42857143em;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Floated
+--------------------*/
+
+.ui[class*="left floated"].buttons,
+.ui[class*="left floated"].button {
+ float: left;
+ margin-left: 0em;
+ margin-right: 0.25em;
+}
+
+.ui[class*="right floated"].buttons,
+.ui[class*="right floated"].button {
+ float: right;
+ margin-right: 0em;
+ margin-left: 0.25em;
+}
+
+/*-------------------
+ Compact
+--------------------*/
+
+.ui.compact.buttons .button,
+.ui.compact.button {
+ padding: 0.58928571em 1.125em 0.58928571em;
+}
+
+.ui.compact.icon.buttons .button,
+.ui.compact.icon.button {
+ padding: 0.58928571em 0.58928571em 0.58928571em;
+}
+
+.ui.compact.labeled.icon.buttons .button,
+.ui.compact.labeled.icon.button {
+ padding: 0.58928571em 3.69642857em 0.58928571em;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.buttons .button,
+.ui.mini.buttons .or,
+.ui.mini.button {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.buttons .button,
+.ui.tiny.buttons .or,
+.ui.tiny.button {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.buttons .button,
+.ui.small.buttons .or,
+.ui.small.button {
+ font-size: 0.92857143rem;
+}
+
+.ui.buttons .button,
+.ui.buttons .or,
+.ui.button {
+ font-size: 1rem;
+}
+
+.ui.large.buttons .button,
+.ui.large.buttons .or,
+.ui.large.button {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.buttons .button,
+.ui.big.buttons .or,
+.ui.big.button {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.buttons .button,
+.ui.huge.buttons .or,
+.ui.huge.button {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.buttons .button,
+.ui.massive.buttons .or,
+.ui.massive.button {
+ font-size: 1.71428571rem;
+}
+
+/*--------------
+ Icon Only
+---------------*/
+
+.ui.icon.buttons .button,
+.ui.icon.button {
+ padding: 0.78571429em 0.78571429em 0.78571429em;
+}
+
+.ui.icon.buttons .button > .icon,
+.ui.icon.button > .icon {
+ opacity: 0.9;
+ margin: 0em !important;
+ vertical-align: top;
+}
+
+/*-------------------
+ Basic
+--------------------*/
+
+.ui.basic.buttons .button,
+.ui.basic.button {
+ background: transparent none !important;
+ color: rgba(0, 0, 0, 0.6) !important;
+ font-weight: normal;
+ border-radius: 0.28571429rem;
+ text-transform: none;
+ text-shadow: none !important;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons {
+ box-shadow: none;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+}
+
+.ui.basic.buttons .button {
+ border-radius: 0em;
+}
+
+.ui.basic.buttons .button:hover,
+.ui.basic.button:hover {
+ background: #FFFFFF !important;
+ color: rgba(0, 0, 0, 0.8) !important;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .button:focus,
+.ui.basic.button:focus {
+ background: #FFFFFF !important;
+ color: rgba(0, 0, 0, 0.8) !important;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .button:active,
+.ui.basic.button:active {
+ background: #F8F8F8 !important;
+ color: rgba(0, 0, 0, 0.9) !important;
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .active.button,
+.ui.basic.active.button {
+ background: rgba(0, 0, 0, 0.05) !important;
+ box-shadow: '' !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.basic.buttons .active.button:hover,
+.ui.basic.active.button:hover {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+
+/* Vertical */
+
+.ui.basic.buttons .button:hover {
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset;
+}
+
+.ui.basic.buttons .button:active {
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset;
+}
+
+.ui.basic.buttons .active.button {
+ box-shadow: '' !important;
+}
+
+/* Standard Basic Inverted */
+
+.ui.basic.inverted.buttons .button,
+.ui.basic.inverted.button {
+ background-color: transparent !important;
+ color: #F9FAFB !important;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+}
+
+.ui.basic.inverted.buttons .button:hover,
+.ui.basic.inverted.button:hover {
+ color: #FFFFFF !important;
+ box-shadow: 0px 0px 0px 2px #ffffff inset !important;
+}
+
+.ui.basic.inverted.buttons .button:focus,
+.ui.basic.inverted.button:focus {
+ color: #FFFFFF !important;
+ box-shadow: 0px 0px 0px 2px #ffffff inset !important;
+}
+
+.ui.basic.inverted.buttons .button:active,
+.ui.basic.inverted.button:active {
+ background-color: rgba(255, 255, 255, 0.08) !important;
+ color: #FFFFFF !important;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;
+}
+
+.ui.basic.inverted.buttons .active.button,
+.ui.basic.inverted.active.button {
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+ text-shadow: none;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;
+}
+
+.ui.basic.inverted.buttons .active.button:hover,
+.ui.basic.inverted.active.button:hover {
+ background-color: rgba(255, 255, 255, 0.15);
+ box-shadow: 0px 0px 0px 2px #ffffff inset !important;
+}
+
+/* Basic Group */
+
+.ui.basic.buttons .button {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: none;
+}
+
+.ui.basic.vertical.buttons .button {
+ border-left: none;
+}
+
+.ui.basic.vertical.buttons .button {
+ border-left-width: 0px;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.basic.vertical.buttons .button:first-child {
+ border-top-width: 0px;
+}
+
+/*--------------
+ Labeled Icon
+---------------*/
+
+.ui.labeled.icon.buttons .button,
+.ui.labeled.icon.button {
+ position: relative;
+ padding-left: 4.07142857em !important;
+ padding-right: 1.5em !important;
+}
+
+/* Left Labeled */
+
+.ui.labeled.icon.buttons > .button > .icon,
+.ui.labeled.icon.button > .icon {
+ position: absolute;
+ height: 100%;
+ line-height: 1;
+ border-radius: 0px;
+ border-top-left-radius: inherit;
+ border-bottom-left-radius: inherit;
+ text-align: center;
+ margin: 0em;
+ width: 2.57142857em;
+ background-color: rgba(0, 0, 0, 0.05);
+ color: '';
+ box-shadow: -1px 0px 0px 0px transparent inset;
+}
+
+/* Left Labeled */
+
+.ui.labeled.icon.buttons > .button > .icon,
+.ui.labeled.icon.button > .icon {
+ top: 0em;
+ left: 0em;
+}
+
+/* Right Labeled */
+
+.ui[class*="right labeled"].icon.button {
+ padding-right: 4.07142857em !important;
+ padding-left: 1.5em !important;
+}
+
+.ui[class*="right labeled"].icon.button > .icon {
+ left: auto;
+ right: 0em;
+ border-radius: 0px;
+ border-top-right-radius: inherit;
+ border-bottom-right-radius: inherit;
+ box-shadow: 1px 0px 0px 0px transparent inset;
+}
+
+.ui.labeled.icon.buttons > .button > .icon:before,
+.ui.labeled.icon.button > .icon:before,
+.ui.labeled.icon.buttons > .button > .icon:after,
+.ui.labeled.icon.button > .icon:after {
+ display: block;
+ position: absolute;
+ width: 100%;
+ top: 50%;
+ text-align: center;
+ transform: translateY(-50%);
+}
+
+/* Loading */
+
+.ui.labeled.icon.button > .icon.loading {
+ -webkit-animation: none;
+ animation: none;
+}
+
+.ui.labeled.icon.button > .icon.loading:before {
+ -webkit-animation: labeled-button-icon-loading 2s linear infinite;
+ animation: labeled-button-icon-loading 2s linear infinite;
+}
+
+@-webkit-keyframes labeled-button-icon-loading {
+ from {
+ transform: translateY(-50%) rotate(0deg);
+ }
+
+ to {
+ transform: translateY(-50%) rotate(360deg);
+ }
+}
+
+@keyframes labeled-button-icon-loading {
+ from {
+ transform: translateY(-50%) rotate(0deg);
+ }
+
+ to {
+ transform: translateY(-50%) rotate(360deg);
+ }
+}
+
+.ui.labeled.icon.buttons .button > .icon {
+ border-radius: 0em;
+}
+
+.ui.labeled.icon.buttons .button:first-child > .icon {
+ border-top-left-radius: 0.28571429rem;
+ border-bottom-left-radius: 0.28571429rem;
+}
+
+.ui.labeled.icon.buttons .button:last-child > .icon {
+ border-top-right-radius: 0.28571429rem;
+ border-bottom-right-radius: 0.28571429rem;
+}
+
+.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
+ border-radius: 0em;
+ border-top-left-radius: 0.28571429rem;
+}
+
+.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
+ border-radius: 0em;
+ border-bottom-left-radius: 0.28571429rem;
+}
+
+/* Fluid Labeled */
+
+.ui.fluid[class*="left labeled"].icon.button,
+.ui.fluid[class*="right labeled"].icon.button {
+ padding-left: 1.5em !important;
+ padding-right: 1.5em !important;
+}
+
+/*--------------
+ Toggle
+---------------*/
+
+/* Toggle (Modifies active state to give affordances) */
+
+.ui.toggle.buttons .active.button,
+.ui.buttons .button.toggle.active,
+.ui.button.toggle.active {
+ background-color: #21BA45 !important;
+ box-shadow: none !important;
+ text-shadow: none;
+ color: #FFFFFF !important;
+}
+
+.ui.button.toggle.active:hover {
+ background-color: #16ab39 !important;
+ text-shadow: none;
+ color: #FFFFFF !important;
+}
+
+/*--------------
+ Circular
+---------------*/
+
+.ui.circular.button {
+ border-radius: 10em;
+}
+
+.ui.circular.button > .icon {
+ width: 1em;
+ vertical-align: baseline;
+}
+
+/*-------------------
+ Or Buttons
+--------------------*/
+
+.ui.buttons .or {
+ position: relative;
+ width: 0.3em;
+ height: 2.57142857em;
+ z-index: 3;
+}
+
+.ui.buttons .or:before {
+ position: absolute;
+ text-align: center;
+ border-radius: 500rem;
+ content: 'or';
+ top: 50%;
+ left: 50%;
+ background-color: #FFFFFF;
+ text-shadow: none;
+ margin-top: -0.89285714em;
+ margin-left: -0.89285714em;
+ width: 1.78571429em;
+ height: 1.78571429em;
+ line-height: 1.78571429em;
+ color: rgba(0, 0, 0, 0.4);
+ font-style: normal;
+ font-weight: bold;
+ box-shadow: 0px 0px 0px 1px transparent inset;
+}
+
+.ui.buttons .or[data-text]:before {
+ content: attr(data-text);
+}
+
+/* Fluid Or */
+
+.ui.fluid.buttons .or {
+ width: 0em !important;
+}
+
+.ui.fluid.buttons .or:after {
+ display: none;
+}
+
+/*-------------------
+ Attached
+--------------------*/
+
+/* Singular */
+
+.ui.attached.button {
+ position: relative;
+ display: block;
+ margin: 0em;
+ border-radius: 0em;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;
+}
+
+/* Top / Bottom */
+
+.ui.attached.top.button {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.attached.bottom.button {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/* Left / Right */
+
+.ui.left.attached.button {
+ display: inline-block;
+ border-left: none;
+ text-align: right;
+ padding-right: 0.75em;
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+.ui.right.attached.button {
+ display: inline-block;
+ text-align: left;
+ padding-left: 0.75em;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+/* Plural */
+
+.ui.attached.buttons {
+ position: relative;
+ display: flex;
+ border-radius: 0em;
+ width: auto !important;
+ z-index: 2;
+ margin-left: -1px;
+ margin-right: -1px;
+}
+
+.ui.attached.buttons .button {
+ margin: 0em;
+}
+
+.ui.attached.buttons .button:first-child {
+ border-radius: 0em;
+}
+
+.ui.attached.buttons .button:last-child {
+ border-radius: 0em;
+}
+
+/* Top / Bottom */
+
+.ui[class*="top attached"].buttons {
+ margin-bottom: -1px;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui[class*="top attached"].buttons .button:first-child {
+ border-radius: 0.28571429rem 0em 0em 0em;
+}
+
+.ui[class*="top attached"].buttons .button:last-child {
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+.ui[class*="bottom attached"].buttons {
+ margin-top: -1px;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui[class*="bottom attached"].buttons .button:first-child {
+ border-radius: 0em 0em 0em 0.28571429rem;
+}
+
+.ui[class*="bottom attached"].buttons .button:last-child {
+ border-radius: 0em 0em 0.28571429rem 0em;
+}
+
+/* Left / Right */
+
+.ui[class*="left attached"].buttons {
+ display: inline-flex;
+ margin-right: 0em;
+ margin-left: -1px;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+.ui[class*="left attached"].buttons .button:first-child {
+ margin-left: -1px;
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+.ui[class*="left attached"].buttons .button:last-child {
+ margin-left: -1px;
+ border-radius: 0em 0em 0.28571429rem 0em;
+}
+
+.ui[class*="right attached"].buttons {
+ display: inline-flex;
+ margin-left: 0em;
+ margin-right: -1px;
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+.ui[class*="right attached"].buttons .button:first-child {
+ margin-left: -1px;
+ border-radius: 0.28571429rem 0em 0em 0em;
+}
+
+.ui[class*="right attached"].buttons .button:last-child {
+ margin-left: -1px;
+ border-radius: 0em 0em 0em 0.28571429rem;
+}
+
+/*-------------------
+ Fluid
+--------------------*/
+
+.ui.fluid.buttons,
+.ui.fluid.button {
+ width: 100%;
+}
+
+.ui.fluid.button {
+ display: block;
+}
+
+.ui.two.buttons {
+ width: 100%;
+}
+
+.ui.two.buttons > .button {
+ width: 50%;
+}
+
+.ui.three.buttons {
+ width: 100%;
+}
+
+.ui.three.buttons > .button {
+ width: 33.333%;
+}
+
+.ui.four.buttons {
+ width: 100%;
+}
+
+.ui.four.buttons > .button {
+ width: 25%;
+}
+
+.ui.five.buttons {
+ width: 100%;
+}
+
+.ui.five.buttons > .button {
+ width: 20%;
+}
+
+.ui.six.buttons {
+ width: 100%;
+}
+
+.ui.six.buttons > .button {
+ width: 16.666%;
+}
+
+.ui.seven.buttons {
+ width: 100%;
+}
+
+.ui.seven.buttons > .button {
+ width: 14.285%;
+}
+
+.ui.eight.buttons {
+ width: 100%;
+}
+
+.ui.eight.buttons > .button {
+ width: 12.5%;
+}
+
+.ui.nine.buttons {
+ width: 100%;
+}
+
+.ui.nine.buttons > .button {
+ width: 11.11%;
+}
+
+.ui.ten.buttons {
+ width: 100%;
+}
+
+.ui.ten.buttons > .button {
+ width: 10%;
+}
+
+.ui.eleven.buttons {
+ width: 100%;
+}
+
+.ui.eleven.buttons > .button {
+ width: 9.09%;
+}
+
+.ui.twelve.buttons {
+ width: 100%;
+}
+
+.ui.twelve.buttons > .button {
+ width: 8.3333%;
+}
+
+/* Fluid Vertical Buttons */
+
+.ui.fluid.vertical.buttons,
+.ui.fluid.vertical.buttons > .button {
+ display: flex;
+ width: auto;
+}
+
+.ui.two.vertical.buttons > .button {
+ height: 50%;
+}
+
+.ui.three.vertical.buttons > .button {
+ height: 33.333%;
+}
+
+.ui.four.vertical.buttons > .button {
+ height: 25%;
+}
+
+.ui.five.vertical.buttons > .button {
+ height: 20%;
+}
+
+.ui.six.vertical.buttons > .button {
+ height: 16.666%;
+}
+
+.ui.seven.vertical.buttons > .button {
+ height: 14.285%;
+}
+
+.ui.eight.vertical.buttons > .button {
+ height: 12.5%;
+}
+
+.ui.nine.vertical.buttons > .button {
+ height: 11.11%;
+}
+
+.ui.ten.vertical.buttons > .button {
+ height: 10%;
+}
+
+.ui.eleven.vertical.buttons > .button {
+ height: 9.09%;
+}
+
+.ui.twelve.vertical.buttons > .button {
+ height: 8.3333%;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/*--- Black ---*/
+
+.ui.black.buttons .button,
+.ui.black.button {
+ background-color: #1B1C1D;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.black.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.black.buttons .button:hover,
+.ui.black.button:hover {
+ background-color: #27292a;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.black.buttons .button:focus,
+.ui.black.button:focus {
+ background-color: #2f3032;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.black.buttons .button:active,
+.ui.black.button:active {
+ background-color: #343637;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.black.buttons .active.button,
+.ui.black.buttons .active.button:active,
+.ui.black.active.button,
+.ui.black.button .active.button:active {
+ background-color: #0f0f10;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.black.buttons .button,
+.ui.basic.black.button {
+ box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
+ color: #1B1C1D !important;
+}
+
+.ui.basic.black.buttons .button:hover,
+.ui.basic.black.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #27292a inset !important;
+ color: #27292a !important;
+}
+
+.ui.basic.black.buttons .button:focus,
+.ui.basic.black.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #2f3032 inset !important;
+ color: #27292a !important;
+}
+
+.ui.basic.black.buttons .active.button,
+.ui.basic.black.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;
+ color: #343637 !important;
+}
+
+.ui.basic.black.buttons .button:active,
+.ui.basic.black.button:active {
+ box-shadow: 0px 0px 0px 1px #343637 inset !important;
+ color: #343637 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.black.buttons .button,
+.ui.inverted.black.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.black.buttons .button:hover,
+.ui.inverted.black.button:hover,
+.ui.inverted.black.buttons .button:focus,
+.ui.inverted.black.button:focus,
+.ui.inverted.black.buttons .button.active,
+.ui.inverted.black.button.active,
+.ui.inverted.black.buttons .button:active,
+.ui.inverted.black.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.black.buttons .button:hover,
+.ui.inverted.black.button:hover {
+ background-color: #000000;
+}
+
+.ui.inverted.black.buttons .button:focus,
+.ui.inverted.black.button:focus {
+ background-color: #000000;
+}
+
+.ui.inverted.black.buttons .active.button,
+.ui.inverted.black.active.button {
+ background-color: #000000;
+}
+
+.ui.inverted.black.buttons .button:active,
+.ui.inverted.black.button:active {
+ background-color: #000000;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.black.basic.buttons .button,
+.ui.inverted.black.buttons .basic.button,
+.ui.inverted.black.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.black.basic.buttons .button:hover,
+.ui.inverted.black.buttons .basic.button:hover,
+.ui.inverted.black.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #000000 inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.black.basic.buttons .button:focus,
+.ui.inverted.black.basic.buttons .button:focus,
+.ui.inverted.black.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #000000 inset !important;
+ color: #545454 !important;
+}
+
+.ui.inverted.black.basic.buttons .active.button,
+.ui.inverted.black.buttons .basic.active.button,
+.ui.inverted.black.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #000000 inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.black.basic.buttons .button:active,
+.ui.inverted.black.buttons .basic.button:active,
+.ui.inverted.black.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #000000 inset !important;
+ color: #FFFFFF !important;
+}
+
+/*--- Grey ---*/
+
+.ui.grey.buttons .button,
+.ui.grey.button {
+ background-color: #767676;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.grey.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.grey.buttons .button:hover,
+.ui.grey.button:hover {
+ background-color: #838383;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.grey.buttons .button:focus,
+.ui.grey.button:focus {
+ background-color: #8a8a8a;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.grey.buttons .button:active,
+.ui.grey.button:active {
+ background-color: #909090;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.grey.buttons .active.button,
+.ui.grey.buttons .active.button:active,
+.ui.grey.active.button,
+.ui.grey.button .active.button:active {
+ background-color: #696969;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.grey.buttons .button,
+.ui.basic.grey.button {
+ box-shadow: 0px 0px 0px 1px #767676 inset !important;
+ color: #767676 !important;
+}
+
+.ui.basic.grey.buttons .button:hover,
+.ui.basic.grey.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #838383 inset !important;
+ color: #838383 !important;
+}
+
+.ui.basic.grey.buttons .button:focus,
+.ui.basic.grey.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #8a8a8a inset !important;
+ color: #838383 !important;
+}
+
+.ui.basic.grey.buttons .active.button,
+.ui.basic.grey.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #696969 inset !important;
+ color: #909090 !important;
+}
+
+.ui.basic.grey.buttons .button:active,
+.ui.basic.grey.button:active {
+ box-shadow: 0px 0px 0px 1px #909090 inset !important;
+ color: #909090 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.grey.buttons .button,
+.ui.inverted.grey.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.grey.buttons .button:hover,
+.ui.inverted.grey.button:hover,
+.ui.inverted.grey.buttons .button:focus,
+.ui.inverted.grey.button:focus,
+.ui.inverted.grey.buttons .button.active,
+.ui.inverted.grey.button.active,
+.ui.inverted.grey.buttons .button:active,
+.ui.inverted.grey.button:active {
+ box-shadow: none !important;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.inverted.grey.buttons .button:hover,
+.ui.inverted.grey.button:hover {
+ background-color: #cfd0d2;
+}
+
+.ui.inverted.grey.buttons .button:focus,
+.ui.inverted.grey.button:focus {
+ background-color: #c7c9cb;
+}
+
+.ui.inverted.grey.buttons .active.button,
+.ui.inverted.grey.active.button {
+ background-color: #cfd0d2;
+}
+
+.ui.inverted.grey.buttons .button:active,
+.ui.inverted.grey.button:active {
+ background-color: #c2c4c5;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.grey.basic.buttons .button,
+.ui.inverted.grey.buttons .basic.button,
+.ui.inverted.grey.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.grey.basic.buttons .button:hover,
+.ui.inverted.grey.buttons .basic.button:hover,
+.ui.inverted.grey.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.grey.basic.buttons .button:focus,
+.ui.inverted.grey.basic.buttons .button:focus,
+.ui.inverted.grey.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #c7c9cb inset !important;
+ color: #DCDDDE !important;
+}
+
+.ui.inverted.grey.basic.buttons .active.button,
+.ui.inverted.grey.buttons .basic.active.button,
+.ui.inverted.grey.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.grey.basic.buttons .button:active,
+.ui.inverted.grey.buttons .basic.button:active,
+.ui.inverted.grey.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important;
+ color: #FFFFFF !important;
+}
+
+/*--- Brown ---*/
+
+.ui.brown.buttons .button,
+.ui.brown.button {
+ background-color: #A5673F;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.brown.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.brown.buttons .button:hover,
+.ui.brown.button:hover {
+ background-color: #975b33;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.brown.buttons .button:focus,
+.ui.brown.button:focus {
+ background-color: #90532b;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.brown.buttons .button:active,
+.ui.brown.button:active {
+ background-color: #805031;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.brown.buttons .active.button,
+.ui.brown.buttons .active.button:active,
+.ui.brown.active.button,
+.ui.brown.button .active.button:active {
+ background-color: #995a31;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.brown.buttons .button,
+.ui.basic.brown.button {
+ box-shadow: 0px 0px 0px 1px #A5673F inset !important;
+ color: #A5673F !important;
+}
+
+.ui.basic.brown.buttons .button:hover,
+.ui.basic.brown.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #975b33 inset !important;
+ color: #975b33 !important;
+}
+
+.ui.basic.brown.buttons .button:focus,
+.ui.basic.brown.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #90532b inset !important;
+ color: #975b33 !important;
+}
+
+.ui.basic.brown.buttons .active.button,
+.ui.basic.brown.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #995a31 inset !important;
+ color: #805031 !important;
+}
+
+.ui.basic.brown.buttons .button:active,
+.ui.basic.brown.button:active {
+ box-shadow: 0px 0px 0px 1px #805031 inset !important;
+ color: #805031 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.brown.buttons .button,
+.ui.inverted.brown.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #D67C1C inset !important;
+ color: #D67C1C;
+}
+
+.ui.inverted.brown.buttons .button:hover,
+.ui.inverted.brown.button:hover,
+.ui.inverted.brown.buttons .button:focus,
+.ui.inverted.brown.button:focus,
+.ui.inverted.brown.buttons .button.active,
+.ui.inverted.brown.button.active,
+.ui.inverted.brown.buttons .button:active,
+.ui.inverted.brown.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.brown.buttons .button:hover,
+.ui.inverted.brown.button:hover {
+ background-color: #c86f11;
+}
+
+.ui.inverted.brown.buttons .button:focus,
+.ui.inverted.brown.button:focus {
+ background-color: #c16808;
+}
+
+.ui.inverted.brown.buttons .active.button,
+.ui.inverted.brown.active.button {
+ background-color: #cc6f0d;
+}
+
+.ui.inverted.brown.buttons .button:active,
+.ui.inverted.brown.button:active {
+ background-color: #a96216;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.brown.basic.buttons .button,
+.ui.inverted.brown.buttons .basic.button,
+.ui.inverted.brown.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.brown.basic.buttons .button:hover,
+.ui.inverted.brown.buttons .basic.button:hover,
+.ui.inverted.brown.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #c86f11 inset !important;
+ color: #D67C1C !important;
+}
+
+.ui.inverted.brown.basic.buttons .button:focus,
+.ui.inverted.brown.basic.buttons .button:focus,
+.ui.inverted.brown.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #c16808 inset !important;
+ color: #D67C1C !important;
+}
+
+.ui.inverted.brown.basic.buttons .active.button,
+.ui.inverted.brown.buttons .basic.active.button,
+.ui.inverted.brown.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;
+ color: #D67C1C !important;
+}
+
+.ui.inverted.brown.basic.buttons .button:active,
+.ui.inverted.brown.buttons .basic.button:active,
+.ui.inverted.brown.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #a96216 inset !important;
+ color: #D67C1C !important;
+}
+
+/*--- Blue ---*/
+
+.ui.blue.buttons .button,
+.ui.blue.button {
+ background-color: #2185D0;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.blue.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.blue.buttons .button:hover,
+.ui.blue.button:hover {
+ background-color: #1678c2;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.blue.buttons .button:focus,
+.ui.blue.button:focus {
+ background-color: #0d71bb;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.blue.buttons .button:active,
+.ui.blue.button:active {
+ background-color: #1a69a4;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.blue.buttons .active.button,
+.ui.blue.buttons .active.button:active,
+.ui.blue.active.button,
+.ui.blue.button .active.button:active {
+ background-color: #1279c6;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.blue.buttons .button,
+.ui.basic.blue.button {
+ box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
+ color: #2185D0 !important;
+}
+
+.ui.basic.blue.buttons .button:hover,
+.ui.basic.blue.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
+ color: #1678c2 !important;
+}
+
+.ui.basic.blue.buttons .button:focus,
+.ui.basic.blue.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
+ color: #1678c2 !important;
+}
+
+.ui.basic.blue.buttons .active.button,
+.ui.basic.blue.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
+ color: #1a69a4 !important;
+}
+
+.ui.basic.blue.buttons .button:active,
+.ui.basic.blue.button:active {
+ box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
+ color: #1a69a4 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.blue.buttons .button,
+.ui.inverted.blue.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
+ color: #54C8FF;
+}
+
+.ui.inverted.blue.buttons .button:hover,
+.ui.inverted.blue.button:hover,
+.ui.inverted.blue.buttons .button:focus,
+.ui.inverted.blue.button:focus,
+.ui.inverted.blue.buttons .button.active,
+.ui.inverted.blue.button.active,
+.ui.inverted.blue.buttons .button:active,
+.ui.inverted.blue.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.blue.buttons .button:hover,
+.ui.inverted.blue.button:hover {
+ background-color: #3ac0ff;
+}
+
+.ui.inverted.blue.buttons .button:focus,
+.ui.inverted.blue.button:focus {
+ background-color: #2bbbff;
+}
+
+.ui.inverted.blue.buttons .active.button,
+.ui.inverted.blue.active.button {
+ background-color: #3ac0ff;
+}
+
+.ui.inverted.blue.buttons .button:active,
+.ui.inverted.blue.button:active {
+ background-color: #21b8ff;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.blue.basic.buttons .button,
+.ui.inverted.blue.buttons .basic.button,
+.ui.inverted.blue.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.blue.basic.buttons .button:hover,
+.ui.inverted.blue.buttons .basic.button:hover,
+.ui.inverted.blue.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.blue.basic.buttons .button:focus,
+.ui.inverted.blue.basic.buttons .button:focus,
+.ui.inverted.blue.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.blue.basic.buttons .active.button,
+.ui.inverted.blue.buttons .basic.active.button,
+.ui.inverted.blue.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.blue.basic.buttons .button:active,
+.ui.inverted.blue.buttons .basic.button:active,
+.ui.inverted.blue.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
+ color: #54C8FF !important;
+}
+
+/*--- Green ---*/
+
+.ui.green.buttons .button,
+.ui.green.button {
+ background-color: #21BA45;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.green.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.green.buttons .button:hover,
+.ui.green.button:hover {
+ background-color: #16ab39;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.green.buttons .button:focus,
+.ui.green.button:focus {
+ background-color: #0ea432;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.green.buttons .button:active,
+.ui.green.button:active {
+ background-color: #198f35;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.green.buttons .active.button,
+.ui.green.buttons .active.button:active,
+.ui.green.active.button,
+.ui.green.button .active.button:active {
+ background-color: #13ae38;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.green.buttons .button,
+.ui.basic.green.button {
+ box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
+ color: #21BA45 !important;
+}
+
+.ui.basic.green.buttons .button:hover,
+.ui.basic.green.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
+ color: #16ab39 !important;
+}
+
+.ui.basic.green.buttons .button:focus,
+.ui.basic.green.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
+ color: #16ab39 !important;
+}
+
+.ui.basic.green.buttons .active.button,
+.ui.basic.green.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
+ color: #198f35 !important;
+}
+
+.ui.basic.green.buttons .button:active,
+.ui.basic.green.button:active {
+ box-shadow: 0px 0px 0px 1px #198f35 inset !important;
+ color: #198f35 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.green.buttons .button,
+.ui.inverted.green.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;
+ color: #2ECC40;
+}
+
+.ui.inverted.green.buttons .button:hover,
+.ui.inverted.green.button:hover,
+.ui.inverted.green.buttons .button:focus,
+.ui.inverted.green.button:focus,
+.ui.inverted.green.buttons .button.active,
+.ui.inverted.green.button.active,
+.ui.inverted.green.buttons .button:active,
+.ui.inverted.green.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.green.buttons .button:hover,
+.ui.inverted.green.button:hover {
+ background-color: #22be34;
+}
+
+.ui.inverted.green.buttons .button:focus,
+.ui.inverted.green.button:focus {
+ background-color: #19b82b;
+}
+
+.ui.inverted.green.buttons .active.button,
+.ui.inverted.green.active.button {
+ background-color: #1fc231;
+}
+
+.ui.inverted.green.buttons .button:active,
+.ui.inverted.green.button:active {
+ background-color: #25a233;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.green.basic.buttons .button,
+.ui.inverted.green.buttons .basic.button,
+.ui.inverted.green.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.green.basic.buttons .button:hover,
+.ui.inverted.green.buttons .basic.button:hover,
+.ui.inverted.green.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #22be34 inset !important;
+ color: #2ECC40 !important;
+}
+
+.ui.inverted.green.basic.buttons .button:focus,
+.ui.inverted.green.basic.buttons .button:focus,
+.ui.inverted.green.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #19b82b inset !important;
+ color: #2ECC40 !important;
+}
+
+.ui.inverted.green.basic.buttons .active.button,
+.ui.inverted.green.buttons .basic.active.button,
+.ui.inverted.green.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #1fc231 inset !important;
+ color: #2ECC40 !important;
+}
+
+.ui.inverted.green.basic.buttons .button:active,
+.ui.inverted.green.buttons .basic.button:active,
+.ui.inverted.green.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #25a233 inset !important;
+ color: #2ECC40 !important;
+}
+
+/*--- Orange ---*/
+
+.ui.orange.buttons .button,
+.ui.orange.button {
+ background-color: #F2711C;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.orange.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.orange.buttons .button:hover,
+.ui.orange.button:hover {
+ background-color: #f26202;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.orange.buttons .button:focus,
+.ui.orange.button:focus {
+ background-color: #e55b00;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.orange.buttons .button:active,
+.ui.orange.button:active {
+ background-color: #cf590c;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.orange.buttons .active.button,
+.ui.orange.buttons .active.button:active,
+.ui.orange.active.button,
+.ui.orange.button .active.button:active {
+ background-color: #f56100;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.orange.buttons .button,
+.ui.basic.orange.button {
+ box-shadow: 0px 0px 0px 1px #F2711C inset !important;
+ color: #F2711C !important;
+}
+
+.ui.basic.orange.buttons .button:hover,
+.ui.basic.orange.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #f26202 inset !important;
+ color: #f26202 !important;
+}
+
+.ui.basic.orange.buttons .button:focus,
+.ui.basic.orange.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
+ color: #f26202 !important;
+}
+
+.ui.basic.orange.buttons .active.button,
+.ui.basic.orange.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #f56100 inset !important;
+ color: #cf590c !important;
+}
+
+.ui.basic.orange.buttons .button:active,
+.ui.basic.orange.button:active {
+ box-shadow: 0px 0px 0px 1px #cf590c inset !important;
+ color: #cf590c !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.orange.buttons .button,
+.ui.inverted.orange.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #FF851B inset !important;
+ color: #FF851B;
+}
+
+.ui.inverted.orange.buttons .button:hover,
+.ui.inverted.orange.button:hover,
+.ui.inverted.orange.buttons .button:focus,
+.ui.inverted.orange.button:focus,
+.ui.inverted.orange.buttons .button.active,
+.ui.inverted.orange.button.active,
+.ui.inverted.orange.buttons .button:active,
+.ui.inverted.orange.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.orange.buttons .button:hover,
+.ui.inverted.orange.button:hover {
+ background-color: #ff7701;
+}
+
+.ui.inverted.orange.buttons .button:focus,
+.ui.inverted.orange.button:focus {
+ background-color: #f17000;
+}
+
+.ui.inverted.orange.buttons .active.button,
+.ui.inverted.orange.active.button {
+ background-color: #ff7701;
+}
+
+.ui.inverted.orange.buttons .button:active,
+.ui.inverted.orange.button:active {
+ background-color: #e76b00;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.orange.basic.buttons .button,
+.ui.inverted.orange.buttons .basic.button,
+.ui.inverted.orange.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.orange.basic.buttons .button:hover,
+.ui.inverted.orange.buttons .basic.button:hover,
+.ui.inverted.orange.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
+ color: #FF851B !important;
+}
+
+.ui.inverted.orange.basic.buttons .button:focus,
+.ui.inverted.orange.basic.buttons .button:focus,
+.ui.inverted.orange.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #f17000 inset !important;
+ color: #FF851B !important;
+}
+
+.ui.inverted.orange.basic.buttons .active.button,
+.ui.inverted.orange.buttons .basic.active.button,
+.ui.inverted.orange.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
+ color: #FF851B !important;
+}
+
+.ui.inverted.orange.basic.buttons .button:active,
+.ui.inverted.orange.buttons .basic.button:active,
+.ui.inverted.orange.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
+ color: #FF851B !important;
+}
+
+/*--- Pink ---*/
+
+.ui.pink.buttons .button,
+.ui.pink.button {
+ background-color: #E03997;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.pink.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.pink.buttons .button:hover,
+.ui.pink.button:hover {
+ background-color: #e61a8d;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.pink.buttons .button:focus,
+.ui.pink.button:focus {
+ background-color: #e10f85;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.pink.buttons .button:active,
+.ui.pink.button:active {
+ background-color: #c71f7e;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.pink.buttons .active.button,
+.ui.pink.buttons .active.button:active,
+.ui.pink.active.button,
+.ui.pink.button .active.button:active {
+ background-color: #ea158d;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.pink.buttons .button,
+.ui.basic.pink.button {
+ box-shadow: 0px 0px 0px 1px #E03997 inset !important;
+ color: #E03997 !important;
+}
+
+.ui.basic.pink.buttons .button:hover,
+.ui.basic.pink.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #e61a8d inset !important;
+ color: #e61a8d !important;
+}
+
+.ui.basic.pink.buttons .button:focus,
+.ui.basic.pink.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #e10f85 inset !important;
+ color: #e61a8d !important;
+}
+
+.ui.basic.pink.buttons .active.button,
+.ui.basic.pink.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #ea158d inset !important;
+ color: #c71f7e !important;
+}
+
+.ui.basic.pink.buttons .button:active,
+.ui.basic.pink.button:active {
+ box-shadow: 0px 0px 0px 1px #c71f7e inset !important;
+ color: #c71f7e !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.pink.buttons .button,
+.ui.inverted.pink.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;
+ color: #FF8EDF;
+}
+
+.ui.inverted.pink.buttons .button:hover,
+.ui.inverted.pink.button:hover,
+.ui.inverted.pink.buttons .button:focus,
+.ui.inverted.pink.button:focus,
+.ui.inverted.pink.buttons .button.active,
+.ui.inverted.pink.button.active,
+.ui.inverted.pink.buttons .button:active,
+.ui.inverted.pink.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.pink.buttons .button:hover,
+.ui.inverted.pink.button:hover {
+ background-color: #ff74d8;
+}
+
+.ui.inverted.pink.buttons .button:focus,
+.ui.inverted.pink.button:focus {
+ background-color: #ff65d3;
+}
+
+.ui.inverted.pink.buttons .active.button,
+.ui.inverted.pink.active.button {
+ background-color: #ff74d8;
+}
+
+.ui.inverted.pink.buttons .button:active,
+.ui.inverted.pink.button:active {
+ background-color: #ff5bd1;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.pink.basic.buttons .button,
+.ui.inverted.pink.buttons .basic.button,
+.ui.inverted.pink.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.pink.basic.buttons .button:hover,
+.ui.inverted.pink.buttons .basic.button:hover,
+.ui.inverted.pink.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
+ color: #FF8EDF !important;
+}
+
+.ui.inverted.pink.basic.buttons .button:focus,
+.ui.inverted.pink.basic.buttons .button:focus,
+.ui.inverted.pink.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;
+ color: #FF8EDF !important;
+}
+
+.ui.inverted.pink.basic.buttons .active.button,
+.ui.inverted.pink.buttons .basic.active.button,
+.ui.inverted.pink.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
+ color: #FF8EDF !important;
+}
+
+.ui.inverted.pink.basic.buttons .button:active,
+.ui.inverted.pink.buttons .basic.button:active,
+.ui.inverted.pink.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;
+ color: #FF8EDF !important;
+}
+
+/*--- Violet ---*/
+
+.ui.violet.buttons .button,
+.ui.violet.button {
+ background-color: #6435C9;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.violet.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.violet.buttons .button:hover,
+.ui.violet.button:hover {
+ background-color: #5829bb;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.violet.buttons .button:focus,
+.ui.violet.button:focus {
+ background-color: #4f20b5;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.violet.buttons .button:active,
+.ui.violet.button:active {
+ background-color: #502aa1;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.violet.buttons .active.button,
+.ui.violet.buttons .active.button:active,
+.ui.violet.active.button,
+.ui.violet.button .active.button:active {
+ background-color: #5626bf;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.violet.buttons .button,
+.ui.basic.violet.button {
+ box-shadow: 0px 0px 0px 1px #6435C9 inset !important;
+ color: #6435C9 !important;
+}
+
+.ui.basic.violet.buttons .button:hover,
+.ui.basic.violet.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #5829bb inset !important;
+ color: #5829bb !important;
+}
+
+.ui.basic.violet.buttons .button:focus,
+.ui.basic.violet.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;
+ color: #5829bb !important;
+}
+
+.ui.basic.violet.buttons .active.button,
+.ui.basic.violet.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #5626bf inset !important;
+ color: #502aa1 !important;
+}
+
+.ui.basic.violet.buttons .button:active,
+.ui.basic.violet.button:active {
+ box-shadow: 0px 0px 0px 1px #502aa1 inset !important;
+ color: #502aa1 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.violet.buttons .button,
+.ui.inverted.violet.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #A291FB inset !important;
+ color: #A291FB;
+}
+
+.ui.inverted.violet.buttons .button:hover,
+.ui.inverted.violet.button:hover,
+.ui.inverted.violet.buttons .button:focus,
+.ui.inverted.violet.button:focus,
+.ui.inverted.violet.buttons .button.active,
+.ui.inverted.violet.button.active,
+.ui.inverted.violet.buttons .button:active,
+.ui.inverted.violet.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.violet.buttons .button:hover,
+.ui.inverted.violet.button:hover {
+ background-color: #8a73ff;
+}
+
+.ui.inverted.violet.buttons .button:focus,
+.ui.inverted.violet.button:focus {
+ background-color: #7d64ff;
+}
+
+.ui.inverted.violet.buttons .active.button,
+.ui.inverted.violet.active.button {
+ background-color: #8a73ff;
+}
+
+.ui.inverted.violet.buttons .button:active,
+.ui.inverted.violet.button:active {
+ background-color: #7860f9;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.violet.basic.buttons .button,
+.ui.inverted.violet.buttons .basic.button,
+.ui.inverted.violet.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.violet.basic.buttons .button:hover,
+.ui.inverted.violet.buttons .basic.button:hover,
+.ui.inverted.violet.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
+ color: #A291FB !important;
+}
+
+.ui.inverted.violet.basic.buttons .button:focus,
+.ui.inverted.violet.basic.buttons .button:focus,
+.ui.inverted.violet.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #7d64ff inset !important;
+ color: #A291FB !important;
+}
+
+.ui.inverted.violet.basic.buttons .active.button,
+.ui.inverted.violet.buttons .basic.active.button,
+.ui.inverted.violet.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
+ color: #A291FB !important;
+}
+
+.ui.inverted.violet.basic.buttons .button:active,
+.ui.inverted.violet.buttons .basic.button:active,
+.ui.inverted.violet.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #7860f9 inset !important;
+ color: #A291FB !important;
+}
+
+/*--- Purple ---*/
+
+.ui.purple.buttons .button,
+.ui.purple.button {
+ background-color: #A333C8;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.purple.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.purple.buttons .button:hover,
+.ui.purple.button:hover {
+ background-color: #9627ba;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.purple.buttons .button:focus,
+.ui.purple.button:focus {
+ background-color: #8f1eb4;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.purple.buttons .button:active,
+.ui.purple.button:active {
+ background-color: #82299f;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.purple.buttons .active.button,
+.ui.purple.buttons .active.button:active,
+.ui.purple.active.button,
+.ui.purple.button .active.button:active {
+ background-color: #9724be;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.purple.buttons .button,
+.ui.basic.purple.button {
+ box-shadow: 0px 0px 0px 1px #A333C8 inset !important;
+ color: #A333C8 !important;
+}
+
+.ui.basic.purple.buttons .button:hover,
+.ui.basic.purple.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #9627ba inset !important;
+ color: #9627ba !important;
+}
+
+.ui.basic.purple.buttons .button:focus,
+.ui.basic.purple.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;
+ color: #9627ba !important;
+}
+
+.ui.basic.purple.buttons .active.button,
+.ui.basic.purple.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #9724be inset !important;
+ color: #82299f !important;
+}
+
+.ui.basic.purple.buttons .button:active,
+.ui.basic.purple.button:active {
+ box-shadow: 0px 0px 0px 1px #82299f inset !important;
+ color: #82299f !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.purple.buttons .button,
+.ui.inverted.purple.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #DC73FF inset !important;
+ color: #DC73FF;
+}
+
+.ui.inverted.purple.buttons .button:hover,
+.ui.inverted.purple.button:hover,
+.ui.inverted.purple.buttons .button:focus,
+.ui.inverted.purple.button:focus,
+.ui.inverted.purple.buttons .button.active,
+.ui.inverted.purple.button.active,
+.ui.inverted.purple.buttons .button:active,
+.ui.inverted.purple.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.purple.buttons .button:hover,
+.ui.inverted.purple.button:hover {
+ background-color: #d65aff;
+}
+
+.ui.inverted.purple.buttons .button:focus,
+.ui.inverted.purple.button:focus {
+ background-color: #d24aff;
+}
+
+.ui.inverted.purple.buttons .active.button,
+.ui.inverted.purple.active.button {
+ background-color: #d65aff;
+}
+
+.ui.inverted.purple.buttons .button:active,
+.ui.inverted.purple.button:active {
+ background-color: #cf40ff;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.purple.basic.buttons .button,
+.ui.inverted.purple.buttons .basic.button,
+.ui.inverted.purple.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.purple.basic.buttons .button:hover,
+.ui.inverted.purple.buttons .basic.button:hover,
+.ui.inverted.purple.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #d65aff inset !important;
+ color: #DC73FF !important;
+}
+
+.ui.inverted.purple.basic.buttons .button:focus,
+.ui.inverted.purple.basic.buttons .button:focus,
+.ui.inverted.purple.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #d24aff inset !important;
+ color: #DC73FF !important;
+}
+
+.ui.inverted.purple.basic.buttons .active.button,
+.ui.inverted.purple.buttons .basic.active.button,
+.ui.inverted.purple.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #d65aff inset !important;
+ color: #DC73FF !important;
+}
+
+.ui.inverted.purple.basic.buttons .button:active,
+.ui.inverted.purple.buttons .basic.button:active,
+.ui.inverted.purple.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #cf40ff inset !important;
+ color: #DC73FF !important;
+}
+
+/*--- Red ---*/
+
+.ui.red.buttons .button,
+.ui.red.button {
+ background-color: #DB2828;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.red.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.red.buttons .button:hover,
+.ui.red.button:hover {
+ background-color: #d01919;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.red.buttons .button:focus,
+.ui.red.button:focus {
+ background-color: #ca1010;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.red.buttons .button:active,
+.ui.red.button:active {
+ background-color: #b21e1e;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.red.buttons .active.button,
+.ui.red.buttons .active.button:active,
+.ui.red.active.button,
+.ui.red.button .active.button:active {
+ background-color: #d41515;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.red.buttons .button,
+.ui.basic.red.button {
+ box-shadow: 0px 0px 0px 1px #DB2828 inset !important;
+ color: #DB2828 !important;
+}
+
+.ui.basic.red.buttons .button:hover,
+.ui.basic.red.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #d01919 inset !important;
+ color: #d01919 !important;
+}
+
+.ui.basic.red.buttons .button:focus,
+.ui.basic.red.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
+ color: #d01919 !important;
+}
+
+.ui.basic.red.buttons .active.button,
+.ui.basic.red.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #d41515 inset !important;
+ color: #b21e1e !important;
+}
+
+.ui.basic.red.buttons .button:active,
+.ui.basic.red.button:active {
+ box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
+ color: #b21e1e !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.red.buttons .button,
+.ui.inverted.red.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #FF695E inset !important;
+ color: #FF695E;
+}
+
+.ui.inverted.red.buttons .button:hover,
+.ui.inverted.red.button:hover,
+.ui.inverted.red.buttons .button:focus,
+.ui.inverted.red.button:focus,
+.ui.inverted.red.buttons .button.active,
+.ui.inverted.red.button.active,
+.ui.inverted.red.buttons .button:active,
+.ui.inverted.red.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.red.buttons .button:hover,
+.ui.inverted.red.button:hover {
+ background-color: #ff5144;
+}
+
+.ui.inverted.red.buttons .button:focus,
+.ui.inverted.red.button:focus {
+ background-color: #ff4335;
+}
+
+.ui.inverted.red.buttons .active.button,
+.ui.inverted.red.active.button {
+ background-color: #ff5144;
+}
+
+.ui.inverted.red.buttons .button:active,
+.ui.inverted.red.button:active {
+ background-color: #ff392b;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.red.basic.buttons .button,
+.ui.inverted.red.buttons .basic.button,
+.ui.inverted.red.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.red.basic.buttons .button:hover,
+.ui.inverted.red.buttons .basic.button:hover,
+.ui.inverted.red.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
+ color: #FF695E !important;
+}
+
+.ui.inverted.red.basic.buttons .button:focus,
+.ui.inverted.red.basic.buttons .button:focus,
+.ui.inverted.red.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #ff4335 inset !important;
+ color: #FF695E !important;
+}
+
+.ui.inverted.red.basic.buttons .active.button,
+.ui.inverted.red.buttons .basic.active.button,
+.ui.inverted.red.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
+ color: #FF695E !important;
+}
+
+.ui.inverted.red.basic.buttons .button:active,
+.ui.inverted.red.buttons .basic.button:active,
+.ui.inverted.red.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #ff392b inset !important;
+ color: #FF695E !important;
+}
+
+/*--- Teal ---*/
+
+.ui.teal.buttons .button,
+.ui.teal.button {
+ background-color: #00B5AD;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.teal.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.teal.buttons .button:hover,
+.ui.teal.button:hover {
+ background-color: #009c95;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.teal.buttons .button:focus,
+.ui.teal.button:focus {
+ background-color: #008c86;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.teal.buttons .button:active,
+.ui.teal.button:active {
+ background-color: #00827c;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.teal.buttons .active.button,
+.ui.teal.buttons .active.button:active,
+.ui.teal.active.button,
+.ui.teal.button .active.button:active {
+ background-color: #009c95;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.teal.buttons .button,
+.ui.basic.teal.button {
+ box-shadow: 0px 0px 0px 1px #00B5AD inset !important;
+ color: #00B5AD !important;
+}
+
+.ui.basic.teal.buttons .button:hover,
+.ui.basic.teal.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #009c95 inset !important;
+ color: #009c95 !important;
+}
+
+.ui.basic.teal.buttons .button:focus,
+.ui.basic.teal.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #008c86 inset !important;
+ color: #009c95 !important;
+}
+
+.ui.basic.teal.buttons .active.button,
+.ui.basic.teal.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #009c95 inset !important;
+ color: #00827c !important;
+}
+
+.ui.basic.teal.buttons .button:active,
+.ui.basic.teal.button:active {
+ box-shadow: 0px 0px 0px 1px #00827c inset !important;
+ color: #00827c !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.teal.buttons .button,
+.ui.inverted.teal.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #6DFFFF inset !important;
+ color: #6DFFFF;
+}
+
+.ui.inverted.teal.buttons .button:hover,
+.ui.inverted.teal.button:hover,
+.ui.inverted.teal.buttons .button:focus,
+.ui.inverted.teal.button:focus,
+.ui.inverted.teal.buttons .button.active,
+.ui.inverted.teal.button.active,
+.ui.inverted.teal.buttons .button:active,
+.ui.inverted.teal.button:active {
+ box-shadow: none !important;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.inverted.teal.buttons .button:hover,
+.ui.inverted.teal.button:hover {
+ background-color: #54ffff;
+}
+
+.ui.inverted.teal.buttons .button:focus,
+.ui.inverted.teal.button:focus {
+ background-color: #44ffff;
+}
+
+.ui.inverted.teal.buttons .active.button,
+.ui.inverted.teal.active.button {
+ background-color: #54ffff;
+}
+
+.ui.inverted.teal.buttons .button:active,
+.ui.inverted.teal.button:active {
+ background-color: #3affff;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.teal.basic.buttons .button,
+.ui.inverted.teal.buttons .basic.button,
+.ui.inverted.teal.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.teal.basic.buttons .button:hover,
+.ui.inverted.teal.buttons .basic.button:hover,
+.ui.inverted.teal.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #54ffff inset !important;
+ color: #6DFFFF !important;
+}
+
+.ui.inverted.teal.basic.buttons .button:focus,
+.ui.inverted.teal.basic.buttons .button:focus,
+.ui.inverted.teal.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #44ffff inset !important;
+ color: #6DFFFF !important;
+}
+
+.ui.inverted.teal.basic.buttons .active.button,
+.ui.inverted.teal.buttons .basic.active.button,
+.ui.inverted.teal.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #54ffff inset !important;
+ color: #6DFFFF !important;
+}
+
+.ui.inverted.teal.basic.buttons .button:active,
+.ui.inverted.teal.buttons .basic.button:active,
+.ui.inverted.teal.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #3affff inset !important;
+ color: #6DFFFF !important;
+}
+
+/*--- Olive ---*/
+
+.ui.olive.buttons .button,
+.ui.olive.button {
+ background-color: #B5CC18;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.olive.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.olive.buttons .button:hover,
+.ui.olive.button:hover {
+ background-color: #a7bd0d;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.olive.buttons .button:focus,
+.ui.olive.button:focus {
+ background-color: #a0b605;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.olive.buttons .button:active,
+.ui.olive.button:active {
+ background-color: #8d9e13;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.olive.buttons .active.button,
+.ui.olive.buttons .active.button:active,
+.ui.olive.active.button,
+.ui.olive.button .active.button:active {
+ background-color: #aac109;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.olive.buttons .button,
+.ui.basic.olive.button {
+ box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;
+ color: #B5CC18 !important;
+}
+
+.ui.basic.olive.buttons .button:hover,
+.ui.basic.olive.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;
+ color: #a7bd0d !important;
+}
+
+.ui.basic.olive.buttons .button:focus,
+.ui.basic.olive.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #a0b605 inset !important;
+ color: #a7bd0d !important;
+}
+
+.ui.basic.olive.buttons .active.button,
+.ui.basic.olive.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #aac109 inset !important;
+ color: #8d9e13 !important;
+}
+
+.ui.basic.olive.buttons .button:active,
+.ui.basic.olive.button:active {
+ box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;
+ color: #8d9e13 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.olive.buttons .button,
+.ui.inverted.olive.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #D9E778 inset !important;
+ color: #D9E778;
+}
+
+.ui.inverted.olive.buttons .button:hover,
+.ui.inverted.olive.button:hover,
+.ui.inverted.olive.buttons .button:focus,
+.ui.inverted.olive.button:focus,
+.ui.inverted.olive.buttons .button.active,
+.ui.inverted.olive.button.active,
+.ui.inverted.olive.buttons .button:active,
+.ui.inverted.olive.button:active {
+ box-shadow: none !important;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.inverted.olive.buttons .button:hover,
+.ui.inverted.olive.button:hover {
+ background-color: #d8ea5c;
+}
+
+.ui.inverted.olive.buttons .button:focus,
+.ui.inverted.olive.button:focus {
+ background-color: #daef47;
+}
+
+.ui.inverted.olive.buttons .active.button,
+.ui.inverted.olive.active.button {
+ background-color: #daed59;
+}
+
+.ui.inverted.olive.buttons .button:active,
+.ui.inverted.olive.button:active {
+ background-color: #cddf4d;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.olive.basic.buttons .button,
+.ui.inverted.olive.buttons .basic.button,
+.ui.inverted.olive.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.olive.basic.buttons .button:hover,
+.ui.inverted.olive.buttons .basic.button:hover,
+.ui.inverted.olive.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;
+ color: #D9E778 !important;
+}
+
+.ui.inverted.olive.basic.buttons .button:focus,
+.ui.inverted.olive.basic.buttons .button:focus,
+.ui.inverted.olive.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #daef47 inset !important;
+ color: #D9E778 !important;
+}
+
+.ui.inverted.olive.basic.buttons .active.button,
+.ui.inverted.olive.buttons .basic.active.button,
+.ui.inverted.olive.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #daed59 inset !important;
+ color: #D9E778 !important;
+}
+
+.ui.inverted.olive.basic.buttons .button:active,
+.ui.inverted.olive.buttons .basic.button:active,
+.ui.inverted.olive.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #cddf4d inset !important;
+ color: #D9E778 !important;
+}
+
+/*--- Yellow ---*/
+
+.ui.yellow.buttons .button,
+.ui.yellow.button {
+ background-color: #FBBD08;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.yellow.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.yellow.buttons .button:hover,
+.ui.yellow.button:hover {
+ background-color: #eaae00;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.yellow.buttons .button:focus,
+.ui.yellow.button:focus {
+ background-color: #daa300;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.yellow.buttons .button:active,
+.ui.yellow.button:active {
+ background-color: #cd9903;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.yellow.buttons .active.button,
+.ui.yellow.buttons .active.button:active,
+.ui.yellow.active.button,
+.ui.yellow.button .active.button:active {
+ background-color: #eaae00;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.yellow.buttons .button,
+.ui.basic.yellow.button {
+ box-shadow: 0px 0px 0px 1px #FBBD08 inset !important;
+ color: #FBBD08 !important;
+}
+
+.ui.basic.yellow.buttons .button:hover,
+.ui.basic.yellow.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
+ color: #eaae00 !important;
+}
+
+.ui.basic.yellow.buttons .button:focus,
+.ui.basic.yellow.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #daa300 inset !important;
+ color: #eaae00 !important;
+}
+
+.ui.basic.yellow.buttons .active.button,
+.ui.basic.yellow.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
+ color: #cd9903 !important;
+}
+
+.ui.basic.yellow.buttons .button:active,
+.ui.basic.yellow.button:active {
+ box-shadow: 0px 0px 0px 1px #cd9903 inset !important;
+ color: #cd9903 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.yellow.buttons .button,
+.ui.inverted.yellow.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #FFE21F inset !important;
+ color: #FFE21F;
+}
+
+.ui.inverted.yellow.buttons .button:hover,
+.ui.inverted.yellow.button:hover,
+.ui.inverted.yellow.buttons .button:focus,
+.ui.inverted.yellow.button:focus,
+.ui.inverted.yellow.buttons .button.active,
+.ui.inverted.yellow.button.active,
+.ui.inverted.yellow.buttons .button:active,
+.ui.inverted.yellow.button:active {
+ box-shadow: none !important;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.inverted.yellow.buttons .button:hover,
+.ui.inverted.yellow.button:hover {
+ background-color: #ffdf05;
+}
+
+.ui.inverted.yellow.buttons .button:focus,
+.ui.inverted.yellow.button:focus {
+ background-color: #f5d500;
+}
+
+.ui.inverted.yellow.buttons .active.button,
+.ui.inverted.yellow.active.button {
+ background-color: #ffdf05;
+}
+
+.ui.inverted.yellow.buttons .button:active,
+.ui.inverted.yellow.button:active {
+ background-color: #ebcd00;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.yellow.basic.buttons .button,
+.ui.inverted.yellow.buttons .basic.button,
+.ui.inverted.yellow.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.yellow.basic.buttons .button:hover,
+.ui.inverted.yellow.buttons .basic.button:hover,
+.ui.inverted.yellow.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
+ color: #FFE21F !important;
+}
+
+.ui.inverted.yellow.basic.buttons .button:focus,
+.ui.inverted.yellow.basic.buttons .button:focus,
+.ui.inverted.yellow.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #f5d500 inset !important;
+ color: #FFE21F !important;
+}
+
+.ui.inverted.yellow.basic.buttons .active.button,
+.ui.inverted.yellow.buttons .basic.active.button,
+.ui.inverted.yellow.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
+ color: #FFE21F !important;
+}
+
+.ui.inverted.yellow.basic.buttons .button:active,
+.ui.inverted.yellow.buttons .basic.button:active,
+.ui.inverted.yellow.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;
+ color: #FFE21F !important;
+}
+
+/*-------------------
+ Primary
+--------------------*/
+
+/*--- Standard ---*/
+
+.ui.primary.buttons .button,
+.ui.primary.button {
+ background-color: #2185D0;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.primary.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.primary.buttons .button:hover,
+.ui.primary.button:hover {
+ background-color: #1678c2;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.primary.buttons .button:focus,
+.ui.primary.button:focus {
+ background-color: #0d71bb;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.primary.buttons .button:active,
+.ui.primary.button:active {
+ background-color: #1a69a4;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.primary.buttons .active.button,
+.ui.primary.buttons .active.button:active,
+.ui.primary.active.button,
+.ui.primary.button .active.button:active {
+ background-color: #1279c6;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.primary.buttons .button,
+.ui.basic.primary.button {
+ box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
+ color: #2185D0 !important;
+}
+
+.ui.basic.primary.buttons .button:hover,
+.ui.basic.primary.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
+ color: #1678c2 !important;
+}
+
+.ui.basic.primary.buttons .button:focus,
+.ui.basic.primary.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
+ color: #1678c2 !important;
+}
+
+.ui.basic.primary.buttons .active.button,
+.ui.basic.primary.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
+ color: #1a69a4 !important;
+}
+
+.ui.basic.primary.buttons .button:active,
+.ui.basic.primary.button:active {
+ box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
+ color: #1a69a4 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.primary.buttons .button,
+.ui.inverted.primary.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
+ color: #54C8FF;
+}
+
+.ui.inverted.primary.buttons .button:hover,
+.ui.inverted.primary.button:hover,
+.ui.inverted.primary.buttons .button:focus,
+.ui.inverted.primary.button:focus,
+.ui.inverted.primary.buttons .button.active,
+.ui.inverted.primary.button.active,
+.ui.inverted.primary.buttons .button:active,
+.ui.inverted.primary.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.primary.buttons .button:hover,
+.ui.inverted.primary.button:hover {
+ background-color: #3ac0ff;
+}
+
+.ui.inverted.primary.buttons .button:focus,
+.ui.inverted.primary.button:focus {
+ background-color: #2bbbff;
+}
+
+.ui.inverted.primary.buttons .active.button,
+.ui.inverted.primary.active.button {
+ background-color: #3ac0ff;
+}
+
+.ui.inverted.primary.buttons .button:active,
+.ui.inverted.primary.button:active {
+ background-color: #21b8ff;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.primary.basic.buttons .button,
+.ui.inverted.primary.buttons .basic.button,
+.ui.inverted.primary.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.primary.basic.buttons .button:hover,
+.ui.inverted.primary.buttons .basic.button:hover,
+.ui.inverted.primary.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.primary.basic.buttons .button:focus,
+.ui.inverted.primary.basic.buttons .button:focus,
+.ui.inverted.primary.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.primary.basic.buttons .active.button,
+.ui.inverted.primary.buttons .basic.active.button,
+.ui.inverted.primary.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
+ color: #54C8FF !important;
+}
+
+.ui.inverted.primary.basic.buttons .button:active,
+.ui.inverted.primary.buttons .basic.button:active,
+.ui.inverted.primary.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
+ color: #54C8FF !important;
+}
+
+/*-------------------
+ Secondary
+--------------------*/
+
+/* Standard */
+
+.ui.secondary.buttons .button,
+.ui.secondary.button {
+ background-color: #1B1C1D;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.secondary.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.secondary.buttons .button:hover,
+.ui.secondary.button:hover {
+ background-color: #27292a;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.secondary.buttons .button:focus,
+.ui.secondary.button:focus {
+ background-color: #2e3032;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.secondary.buttons .button:active,
+.ui.secondary.button:active {
+ background-color: #343637;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.secondary.buttons .active.button,
+.ui.secondary.buttons .active.button:active,
+.ui.secondary.active.button,
+.ui.secondary.button .active.button:active {
+ background-color: #27292a;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.secondary.buttons .button,
+.ui.basic.secondary.button {
+ box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
+ color: #1B1C1D !important;
+}
+
+.ui.basic.secondary.buttons .button:hover,
+.ui.basic.secondary.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #27292a inset !important;
+ color: #27292a !important;
+}
+
+.ui.basic.secondary.buttons .button:focus,
+.ui.basic.secondary.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #2e3032 inset !important;
+ color: #27292a !important;
+}
+
+.ui.basic.secondary.buttons .active.button,
+.ui.basic.secondary.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #27292a inset !important;
+ color: #343637 !important;
+}
+
+.ui.basic.secondary.buttons .button:active,
+.ui.basic.secondary.button:active {
+ box-shadow: 0px 0px 0px 1px #343637 inset !important;
+ color: #343637 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/* Inverted */
+
+.ui.inverted.secondary.buttons .button,
+.ui.inverted.secondary.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px #545454 inset !important;
+ color: #545454;
+}
+
+.ui.inverted.secondary.buttons .button:hover,
+.ui.inverted.secondary.button:hover,
+.ui.inverted.secondary.buttons .button:focus,
+.ui.inverted.secondary.button:focus,
+.ui.inverted.secondary.buttons .button.active,
+.ui.inverted.secondary.button.active,
+.ui.inverted.secondary.buttons .button:active,
+.ui.inverted.secondary.button:active {
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.inverted.secondary.buttons .button:hover,
+.ui.inverted.secondary.button:hover {
+ background-color: #616161;
+}
+
+.ui.inverted.secondary.buttons .button:focus,
+.ui.inverted.secondary.button:focus {
+ background-color: #686868;
+}
+
+.ui.inverted.secondary.buttons .active.button,
+.ui.inverted.secondary.active.button {
+ background-color: #616161;
+}
+
+.ui.inverted.secondary.buttons .button:active,
+.ui.inverted.secondary.button:active {
+ background-color: #6e6e6e;
+}
+
+/* Inverted Basic */
+
+.ui.inverted.secondary.basic.buttons .button,
+.ui.inverted.secondary.buttons .basic.button,
+.ui.inverted.secondary.basic.button {
+ background-color: transparent;
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.secondary.basic.buttons .button:hover,
+.ui.inverted.secondary.buttons .basic.button:hover,
+.ui.inverted.secondary.basic.button:hover {
+ box-shadow: 0px 0px 0px 2px #616161 inset !important;
+ color: #545454 !important;
+}
+
+.ui.inverted.secondary.basic.buttons .button:focus,
+.ui.inverted.secondary.basic.buttons .button:focus,
+.ui.inverted.secondary.basic.button:focus {
+ box-shadow: 0px 0px 0px 2px #686868 inset !important;
+ color: #545454 !important;
+}
+
+.ui.inverted.secondary.basic.buttons .active.button,
+.ui.inverted.secondary.buttons .basic.active.button,
+.ui.inverted.secondary.basic.active.button {
+ box-shadow: 0px 0px 0px 2px #616161 inset !important;
+ color: #545454 !important;
+}
+
+.ui.inverted.secondary.basic.buttons .button:active,
+.ui.inverted.secondary.buttons .basic.button:active,
+.ui.inverted.secondary.basic.button:active {
+ box-shadow: 0px 0px 0px 2px #6e6e6e inset !important;
+ color: #545454 !important;
+}
+
+/*---------------
+ Positive
+----------------*/
+
+/* Standard */
+
+.ui.positive.buttons .button,
+.ui.positive.button {
+ background-color: #21BA45;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.positive.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.positive.buttons .button:hover,
+.ui.positive.button:hover {
+ background-color: #16ab39;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.positive.buttons .button:focus,
+.ui.positive.button:focus {
+ background-color: #0ea432;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.positive.buttons .button:active,
+.ui.positive.button:active {
+ background-color: #198f35;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.positive.buttons .active.button,
+.ui.positive.buttons .active.button:active,
+.ui.positive.active.button,
+.ui.positive.button .active.button:active {
+ background-color: #13ae38;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.positive.buttons .button,
+.ui.basic.positive.button {
+ box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
+ color: #21BA45 !important;
+}
+
+.ui.basic.positive.buttons .button:hover,
+.ui.basic.positive.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
+ color: #16ab39 !important;
+}
+
+.ui.basic.positive.buttons .button:focus,
+.ui.basic.positive.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
+ color: #16ab39 !important;
+}
+
+.ui.basic.positive.buttons .active.button,
+.ui.basic.positive.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
+ color: #198f35 !important;
+}
+
+.ui.basic.positive.buttons .button:active,
+.ui.basic.positive.button:active {
+ box-shadow: 0px 0px 0px 1px #198f35 inset !important;
+ color: #198f35 !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/*---------------
+ Negative
+----------------*/
+
+/* Standard */
+
+.ui.negative.buttons .button,
+.ui.negative.button {
+ background-color: #DB2828;
+ color: #FFFFFF;
+ text-shadow: none;
+ background-image: none;
+}
+
+.ui.negative.button {
+ box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.negative.buttons .button:hover,
+.ui.negative.button:hover {
+ background-color: #d01919;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.negative.buttons .button:focus,
+.ui.negative.button:focus {
+ background-color: #ca1010;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.negative.buttons .button:active,
+.ui.negative.button:active {
+ background-color: #b21e1e;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.ui.negative.buttons .active.button,
+.ui.negative.buttons .active.button:active,
+.ui.negative.active.button,
+.ui.negative.button .active.button:active {
+ background-color: #d41515;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+/* Basic */
+
+.ui.basic.negative.buttons .button,
+.ui.basic.negative.button {
+ box-shadow: 0px 0px 0px 1px #DB2828 inset !important;
+ color: #DB2828 !important;
+}
+
+.ui.basic.negative.buttons .button:hover,
+.ui.basic.negative.button:hover {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #d01919 inset !important;
+ color: #d01919 !important;
+}
+
+.ui.basic.negative.buttons .button:focus,
+.ui.basic.negative.button:focus {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
+ color: #d01919 !important;
+}
+
+.ui.basic.negative.buttons .active.button,
+.ui.basic.negative.active.button {
+ background: transparent !important;
+ box-shadow: 0px 0px 0px 1px #d41515 inset !important;
+ color: #b21e1e !important;
+}
+
+.ui.basic.negative.buttons .button:active,
+.ui.basic.negative.button:active {
+ box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
+ color: #b21e1e !important;
+}
+
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+ margin-left: -1px;
+}
+
+/*******************************
+ Groups
+*******************************/
+
+.ui.buttons {
+ display: inline-flex;
+ flex-direction: row;
+ font-size: 0em;
+ vertical-align: baseline;
+ margin: 0em 0.25em 0em 0em;
+}
+
+.ui.buttons:not(.basic):not(.inverted) {
+ box-shadow: none;
+}
+
+/* Clearfix */
+
+.ui.buttons:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+/* Standard Group */
+
+.ui.buttons .button {
+ flex: 1 0 auto;
+ margin: 0em;
+ border-radius: 0em;
+ margin: 0px 0px 0px 0px;
+}
+
+.ui.buttons > .ui.button:not(.basic):not(.inverted),
+.ui.buttons:not(.basic):not(.inverted) > .button {
+ box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.buttons .button:first-child {
+ border-left: none;
+ margin-left: 0em;
+ border-top-left-radius: 0.28571429rem;
+ border-bottom-left-radius: 0.28571429rem;
+}
+
+.ui.buttons .button:last-child {
+ border-top-right-radius: 0.28571429rem;
+ border-bottom-right-radius: 0.28571429rem;
+}
+
+/* Vertical Style */
+
+.ui.vertical.buttons {
+ display: inline-flex;
+ flex-direction: column;
+}
+
+.ui.vertical.buttons .button {
+ display: block;
+ float: none;
+ width: 100%;
+ margin: 0px 0px 0px 0px;
+ box-shadow: none;
+ border-radius: 0em;
+}
+
+.ui.vertical.buttons .button:first-child {
+ border-top-left-radius: 0.28571429rem;
+ border-top-right-radius: 0.28571429rem;
+}
+
+.ui.vertical.buttons .button:last-child {
+ margin-bottom: 0px;
+ border-bottom-left-radius: 0.28571429rem;
+ border-bottom-right-radius: 0.28571429rem;
+}
+
+.ui.vertical.buttons .button:only-child {
+ border-radius: 0.28571429rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Container
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Container
+*******************************/
+
+/* All Sizes */
+
+.ui.container {
+ display: block;
+ max-width: 100% !important;
+}
+
+/* Mobile */
+
+@media only screen and (max-width: 767px) {
+ .ui.container {
+ width: auto !important;
+ margin-left: 1em !important;
+ margin-right: 1em !important;
+ }
+
+ .ui.grid.container {
+ width: auto !important;
+ }
+
+ .ui.relaxed.grid.container {
+ width: auto !important;
+ }
+
+ .ui.very.relaxed.grid.container {
+ width: auto !important;
+ }
+}
+
+/* Tablet */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.container {
+ width: 723px;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+
+ .ui.grid.container {
+ width: calc( 723px + 2rem ) !important;
+ }
+
+ .ui.relaxed.grid.container {
+ width: calc( 723px + 3rem ) !important;
+ }
+
+ .ui.very.relaxed.grid.container {
+ width: calc( 723px + 5rem ) !important;
+ }
+}
+
+/* Small Monitor */
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .ui.container {
+ width: 933px;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+
+ .ui.grid.container {
+ width: calc( 933px + 2rem ) !important;
+ }
+
+ .ui.relaxed.grid.container {
+ width: calc( 933px + 3rem ) !important;
+ }
+
+ .ui.very.relaxed.grid.container {
+ width: calc( 933px + 5rem ) !important;
+ }
+}
+
+/* Large Monitor */
+
+@media only screen and (min-width: 1200px) {
+ .ui.container {
+ width: 1127px;
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+
+ .ui.grid.container {
+ width: calc( 1127px + 2rem ) !important;
+ }
+
+ .ui.relaxed.grid.container {
+ width: calc( 1127px + 3rem ) !important;
+ }
+
+ .ui.very.relaxed.grid.container {
+ width: calc( 1127px + 5rem ) !important;
+ }
+}
+
+/*******************************
+ Types
+*******************************/
+
+/* Text Container */
+
+.ui.text.container {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ max-width: 700px !important;
+ line-height: 1.5;
+}
+
+.ui.text.container {
+ font-size: 1.14285714rem;
+}
+
+/* Fluid */
+
+.ui.fluid.container {
+ width: 100%;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui[class*="left aligned"].container {
+ text-align: left;
+}
+
+.ui[class*="center aligned"].container {
+ text-align: center;
+}
+
+.ui[class*="right aligned"].container {
+ text-align: right;
+}
+
+.ui.justified.container {
+ text-align: justify;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ hyphens: auto;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Divider
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Divider
+*******************************/
+
+.ui.divider {
+ margin: 1rem 0rem;
+ line-height: 1;
+ height: 0em;
+ font-weight: bold;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ color: rgba(0, 0, 0, 0.85);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/*--------------
+ Basic
+---------------*/
+
+.ui.divider:not(.vertical):not(.horizontal) {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/*--------------
+ Coupling
+---------------*/
+
+/* Allow divider between each column row */
+
+.ui.grid > .column + .divider,
+.ui.grid > .row > .column + .divider {
+ left: auto;
+}
+
+/*--------------
+ Horizontal
+---------------*/
+
+.ui.horizontal.divider {
+ display: table;
+ white-space: nowrap;
+ height: auto;
+ margin: '';
+ line-height: 1;
+ text-align: center;
+}
+
+.ui.horizontal.divider:before,
+.ui.horizontal.divider:after {
+ content: '';
+ display: table-cell;
+ position: relative;
+ top: 50%;
+ width: 50%;
+ background-repeat: no-repeat;
+}
+
+.ui.horizontal.divider:before {
+ background-position: right 1em top 50%;
+}
+
+.ui.horizontal.divider:after {
+ background-position: left 1em top 50%;
+}
+
+/*--------------
+ Vertical
+---------------*/
+
+.ui.vertical.divider {
+ position: absolute;
+ z-index: 2;
+ top: 50%;
+ left: 50%;
+ margin: 0rem;
+ padding: 0em;
+ width: auto;
+ height: 50%;
+ line-height: 0em;
+ text-align: center;
+ transform: translateX(-50%);
+}
+
+.ui.vertical.divider:before,
+.ui.vertical.divider:after {
+ position: absolute;
+ left: 50%;
+ content: '';
+ z-index: 3;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ border-right: 1px solid rgba(255, 255, 255, 0.1);
+ width: 0%;
+ height: calc(100% - 1rem );
+}
+
+.ui.vertical.divider:before {
+ top: -100%;
+}
+
+.ui.vertical.divider:after {
+ top: auto;
+ bottom: 0px;
+}
+
+/* Inside grid */
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.grid .ui.vertical.divider,
+ .ui.grid .stackable.row .ui.vertical.divider {
+ display: table;
+ white-space: nowrap;
+ height: auto;
+ margin: '';
+ overflow: hidden;
+ line-height: 1;
+ text-align: center;
+ position: static;
+ top: 0;
+ left: 0;
+ transform: none;
+ }
+
+ .ui.stackable.grid .ui.vertical.divider:before,
+ .ui.grid .stackable.row .ui.vertical.divider:before,
+ .ui.stackable.grid .ui.vertical.divider:after,
+ .ui.grid .stackable.row .ui.vertical.divider:after {
+ position: static;
+ left: 0;
+ border-left: none;
+ border-right: none;
+ content: '';
+ display: table-cell;
+ position: relative;
+ top: 50%;
+ width: 50%;
+ background-repeat: no-repeat;
+ }
+
+ .ui.stackable.grid .ui.vertical.divider:before,
+ .ui.grid .stackable.row .ui.vertical.divider:before {
+ background-position: right 1em top 50%;
+ }
+
+ .ui.stackable.grid .ui.vertical.divider:after,
+ .ui.grid .stackable.row .ui.vertical.divider:after {
+ background-position: left 1em top 50%;
+ }
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.divider > .icon {
+ margin: 0rem;
+ font-size: 1rem;
+ height: 1em;
+ vertical-align: middle;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Hidden
+---------------*/
+
+.ui.hidden.divider {
+ border-color: transparent !important;
+}
+
+.ui.hidden.divider:before,
+.ui.hidden.divider:after {
+ display: none;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.divider.inverted,
+.ui.vertical.inverted.divider,
+.ui.horizontal.inverted.divider {
+ color: #FFFFFF;
+}
+
+.ui.divider.inverted,
+.ui.divider.inverted:after,
+.ui.divider.inverted:before {
+ border-top-color: rgba(34, 36, 38, 0.15) !important;
+ border-left-color: rgba(34, 36, 38, 0.15) !important;
+ border-bottom-color: rgba(255, 255, 255, 0.15) !important;
+ border-right-color: rgba(255, 255, 255, 0.15) !important;
+}
+
+/*--------------
+ Fitted
+---------------*/
+
+.ui.fitted.divider {
+ margin: 0em;
+}
+
+/*--------------
+ Clearing
+---------------*/
+
+.ui.clearing.divider {
+ clear: both;
+}
+
+/*--------------
+ Section
+---------------*/
+
+.ui.section.divider {
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.divider {
+ font-size: 1rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+.ui.horizontal.divider:before,
+.ui.horizontal.divider:after {
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.grid .ui.vertical.divider:before,
+ .ui.grid .stackable.row .ui.vertical.divider:before,
+ .ui.stackable.grid .ui.vertical.divider:after,
+ .ui.grid .stackable.row .ui.vertical.divider:after {
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
+ }
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Flag
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Flag
+*******************************/
+
+i.flag:not(.icon) {
+ display: inline-block;
+ width: 16px;
+ height: 11px;
+ line-height: 11px;
+ vertical-align: baseline;
+ margin: 0em 0.5em 0em 0em;
+ text-decoration: inherit;
+ speak: none;
+ font-smoothing: antialiased;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+/* Sprite */
+
+i.flag:not(.icon):before {
+ display: inline-block;
+ content: '';
+ background: url(icons/9c74e172f87984c48ddf5c8108cabe67.png) no-repeat -108px -1976px;
+ width: 16px;
+ height: 11px;
+}
+
+/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+i.flag.ad:before,
+i.flag.andorra:before {
+ background-position: 0px 0px;
+}
+
+i.flag.ae:before,
+i.flag.united.arab.emirates:before,
+i.flag.uae:before {
+ background-position: 0px -26px;
+}
+
+i.flag.af:before,
+i.flag.afghanistan:before {
+ background-position: 0px -52px;
+}
+
+i.flag.ag:before,
+i.flag.antigua:before {
+ background-position: 0px -78px;
+}
+
+i.flag.ai:before,
+i.flag.anguilla:before {
+ background-position: 0px -104px;
+}
+
+i.flag.al:before,
+i.flag.albania:before {
+ background-position: 0px -130px;
+}
+
+i.flag.am:before,
+i.flag.armenia:before {
+ background-position: 0px -156px;
+}
+
+i.flag.an:before,
+i.flag.netherlands.antilles:before {
+ background-position: 0px -182px;
+}
+
+i.flag.ao:before,
+i.flag.angola:before {
+ background-position: 0px -208px;
+}
+
+i.flag.ar:before,
+i.flag.argentina:before {
+ background-position: 0px -234px;
+}
+
+i.flag.as:before,
+i.flag.american.samoa:before {
+ background-position: 0px -260px;
+}
+
+i.flag.at:before,
+i.flag.austria:before {
+ background-position: 0px -286px;
+}
+
+i.flag.au:before,
+i.flag.australia:before {
+ background-position: 0px -312px;
+}
+
+i.flag.aw:before,
+i.flag.aruba:before {
+ background-position: 0px -338px;
+}
+
+i.flag.ax:before,
+i.flag.aland.islands:before {
+ background-position: 0px -364px;
+}
+
+i.flag.az:before,
+i.flag.azerbaijan:before {
+ background-position: 0px -390px;
+}
+
+i.flag.ba:before,
+i.flag.bosnia:before {
+ background-position: 0px -416px;
+}
+
+i.flag.bb:before,
+i.flag.barbados:before {
+ background-position: 0px -442px;
+}
+
+i.flag.bd:before,
+i.flag.bangladesh:before {
+ background-position: 0px -468px;
+}
+
+i.flag.be:before,
+i.flag.belgium:before {
+ background-position: 0px -494px;
+}
+
+i.flag.bf:before,
+i.flag.burkina.faso:before {
+ background-position: 0px -520px;
+}
+
+i.flag.bg:before,
+i.flag.bulgaria:before {
+ background-position: 0px -546px;
+}
+
+i.flag.bh:before,
+i.flag.bahrain:before {
+ background-position: 0px -572px;
+}
+
+i.flag.bi:before,
+i.flag.burundi:before {
+ background-position: 0px -598px;
+}
+
+i.flag.bj:before,
+i.flag.benin:before {
+ background-position: 0px -624px;
+}
+
+i.flag.bm:before,
+i.flag.bermuda:before {
+ background-position: 0px -650px;
+}
+
+i.flag.bn:before,
+i.flag.brunei:before {
+ background-position: 0px -676px;
+}
+
+i.flag.bo:before,
+i.flag.bolivia:before {
+ background-position: 0px -702px;
+}
+
+i.flag.br:before,
+i.flag.brazil:before {
+ background-position: 0px -728px;
+}
+
+i.flag.bs:before,
+i.flag.bahamas:before {
+ background-position: 0px -754px;
+}
+
+i.flag.bt:before,
+i.flag.bhutan:before {
+ background-position: 0px -780px;
+}
+
+i.flag.bv:before,
+i.flag.bouvet.island:before {
+ background-position: 0px -806px;
+}
+
+i.flag.bw:before,
+i.flag.botswana:before {
+ background-position: 0px -832px;
+}
+
+i.flag.by:before,
+i.flag.belarus:before {
+ background-position: 0px -858px;
+}
+
+i.flag.bz:before,
+i.flag.belize:before {
+ background-position: 0px -884px;
+}
+
+i.flag.ca:before,
+i.flag.canada:before {
+ background-position: 0px -910px;
+}
+
+i.flag.cc:before,
+i.flag.cocos.islands:before {
+ background-position: 0px -962px;
+}
+
+i.flag.cd:before,
+i.flag.congo:before {
+ background-position: 0px -988px;
+}
+
+i.flag.cf:before,
+i.flag.central.african.republic:before {
+ background-position: 0px -1014px;
+}
+
+i.flag.cg:before,
+i.flag.congo.brazzaville:before {
+ background-position: 0px -1040px;
+}
+
+i.flag.ch:before,
+i.flag.switzerland:before {
+ background-position: 0px -1066px;
+}
+
+i.flag.ci:before,
+i.flag.cote.divoire:before {
+ background-position: 0px -1092px;
+}
+
+i.flag.ck:before,
+i.flag.cook.islands:before {
+ background-position: 0px -1118px;
+}
+
+i.flag.cl:before,
+i.flag.chile:before {
+ background-position: 0px -1144px;
+}
+
+i.flag.cm:before,
+i.flag.cameroon:before {
+ background-position: 0px -1170px;
+}
+
+i.flag.cn:before,
+i.flag.china:before {
+ background-position: 0px -1196px;
+}
+
+i.flag.co:before,
+i.flag.colombia:before {
+ background-position: 0px -1222px;
+}
+
+i.flag.cr:before,
+i.flag.costa.rica:before {
+ background-position: 0px -1248px;
+}
+
+i.flag.cs:before,
+i.flag.serbia:before {
+ background-position: 0px -1274px;
+}
+
+i.flag.cu:before,
+i.flag.cuba:before {
+ background-position: 0px -1300px;
+}
+
+i.flag.cv:before,
+i.flag.cape.verde:before {
+ background-position: 0px -1326px;
+}
+
+i.flag.cx:before,
+i.flag.christmas.island:before {
+ background-position: 0px -1352px;
+}
+
+i.flag.cy:before,
+i.flag.cyprus:before {
+ background-position: 0px -1378px;
+}
+
+i.flag.cz:before,
+i.flag.czech.republic:before {
+ background-position: 0px -1404px;
+}
+
+i.flag.de:before,
+i.flag.germany:before {
+ background-position: 0px -1430px;
+}
+
+i.flag.dj:before,
+i.flag.djibouti:before {
+ background-position: 0px -1456px;
+}
+
+i.flag.dk:before,
+i.flag.denmark:before {
+ background-position: 0px -1482px;
+}
+
+i.flag.dm:before,
+i.flag.dominica:before {
+ background-position: 0px -1508px;
+}
+
+i.flag.do:before,
+i.flag.dominican.republic:before {
+ background-position: 0px -1534px;
+}
+
+i.flag.dz:before,
+i.flag.algeria:before {
+ background-position: 0px -1560px;
+}
+
+i.flag.ec:before,
+i.flag.ecuador:before {
+ background-position: 0px -1586px;
+}
+
+i.flag.ee:before,
+i.flag.estonia:before {
+ background-position: 0px -1612px;
+}
+
+i.flag.eg:before,
+i.flag.egypt:before {
+ background-position: 0px -1638px;
+}
+
+i.flag.eh:before,
+i.flag.western.sahara:before {
+ background-position: 0px -1664px;
+}
+
+i.flag.gb.eng:before,
+i.flag.england:before {
+ background-position: 0px -1690px;
+}
+
+i.flag.er:before,
+i.flag.eritrea:before {
+ background-position: 0px -1716px;
+}
+
+i.flag.es:before,
+i.flag.spain:before {
+ background-position: 0px -1742px;
+}
+
+i.flag.et:before,
+i.flag.ethiopia:before {
+ background-position: 0px -1768px;
+}
+
+i.flag.eu:before,
+i.flag.european.union:before {
+ background-position: 0px -1794px;
+}
+
+i.flag.fi:before,
+i.flag.finland:before {
+ background-position: 0px -1846px;
+}
+
+i.flag.fj:before,
+i.flag.fiji:before {
+ background-position: 0px -1872px;
+}
+
+i.flag.fk:before,
+i.flag.falkland.islands:before {
+ background-position: 0px -1898px;
+}
+
+i.flag.fm:before,
+i.flag.micronesia:before {
+ background-position: 0px -1924px;
+}
+
+i.flag.fo:before,
+i.flag.faroe.islands:before {
+ background-position: 0px -1950px;
+}
+
+i.flag.fr:before,
+i.flag.france:before {
+ background-position: 0px -1976px;
+}
+
+i.flag.ga:before,
+i.flag.gabon:before {
+ background-position: -36px 0px;
+}
+
+i.flag.gb:before,
+i.flag.uk:before,
+i.flag.united.kingdom:before {
+ background-position: -36px -26px;
+}
+
+i.flag.gd:before,
+i.flag.grenada:before {
+ background-position: -36px -52px;
+}
+
+i.flag.ge:before,
+i.flag.georgia:before {
+ background-position: -36px -78px;
+}
+
+i.flag.gf:before,
+i.flag.french.guiana:before {
+ background-position: -36px -104px;
+}
+
+i.flag.gh:before,
+i.flag.ghana:before {
+ background-position: -36px -130px;
+}
+
+i.flag.gi:before,
+i.flag.gibraltar:before {
+ background-position: -36px -156px;
+}
+
+i.flag.gl:before,
+i.flag.greenland:before {
+ background-position: -36px -182px;
+}
+
+i.flag.gm:before,
+i.flag.gambia:before {
+ background-position: -36px -208px;
+}
+
+i.flag.gn:before,
+i.flag.guinea:before {
+ background-position: -36px -234px;
+}
+
+i.flag.gp:before,
+i.flag.guadeloupe:before {
+ background-position: -36px -260px;
+}
+
+i.flag.gq:before,
+i.flag.equatorial.guinea:before {
+ background-position: -36px -286px;
+}
+
+i.flag.gr:before,
+i.flag.greece:before {
+ background-position: -36px -312px;
+}
+
+i.flag.gs:before,
+i.flag.sandwich.islands:before {
+ background-position: -36px -338px;
+}
+
+i.flag.gt:before,
+i.flag.guatemala:before {
+ background-position: -36px -364px;
+}
+
+i.flag.gu:before,
+i.flag.guam:before {
+ background-position: -36px -390px;
+}
+
+i.flag.gw:before,
+i.flag.guinea-bissau:before {
+ background-position: -36px -416px;
+}
+
+i.flag.gy:before,
+i.flag.guyana:before {
+ background-position: -36px -442px;
+}
+
+i.flag.hk:before,
+i.flag.hong.kong:before {
+ background-position: -36px -468px;
+}
+
+i.flag.hm:before,
+i.flag.heard.island:before {
+ background-position: -36px -494px;
+}
+
+i.flag.hn:before,
+i.flag.honduras:before {
+ background-position: -36px -520px;
+}
+
+i.flag.hr:before,
+i.flag.croatia:before {
+ background-position: -36px -546px;
+}
+
+i.flag.ht:before,
+i.flag.haiti:before {
+ background-position: -36px -572px;
+}
+
+i.flag.hu:before,
+i.flag.hungary:before {
+ background-position: -36px -598px;
+}
+
+i.flag.id:before,
+i.flag.indonesia:before {
+ background-position: -36px -624px;
+}
+
+i.flag.ie:before,
+i.flag.ireland:before {
+ background-position: -36px -650px;
+}
+
+i.flag.il:before,
+i.flag.israel:before {
+ background-position: -36px -676px;
+}
+
+i.flag.in:before,
+i.flag.india:before {
+ background-position: -36px -702px;
+}
+
+i.flag.io:before,
+i.flag.indian.ocean.territory:before {
+ background-position: -36px -728px;
+}
+
+i.flag.iq:before,
+i.flag.iraq:before {
+ background-position: -36px -754px;
+}
+
+i.flag.ir:before,
+i.flag.iran:before {
+ background-position: -36px -780px;
+}
+
+i.flag.is:before,
+i.flag.iceland:before {
+ background-position: -36px -806px;
+}
+
+i.flag.it:before,
+i.flag.italy:before {
+ background-position: -36px -832px;
+}
+
+i.flag.jm:before,
+i.flag.jamaica:before {
+ background-position: -36px -858px;
+}
+
+i.flag.jo:before,
+i.flag.jordan:before {
+ background-position: -36px -884px;
+}
+
+i.flag.jp:before,
+i.flag.japan:before {
+ background-position: -36px -910px;
+}
+
+i.flag.ke:before,
+i.flag.kenya:before {
+ background-position: -36px -936px;
+}
+
+i.flag.kg:before,
+i.flag.kyrgyzstan:before {
+ background-position: -36px -962px;
+}
+
+i.flag.kh:before,
+i.flag.cambodia:before {
+ background-position: -36px -988px;
+}
+
+i.flag.ki:before,
+i.flag.kiribati:before {
+ background-position: -36px -1014px;
+}
+
+i.flag.km:before,
+i.flag.comoros:before {
+ background-position: -36px -1040px;
+}
+
+i.flag.kn:before,
+i.flag.saint.kitts.and.nevis:before {
+ background-position: -36px -1066px;
+}
+
+i.flag.kp:before,
+i.flag.north.korea:before {
+ background-position: -36px -1092px;
+}
+
+i.flag.kr:before,
+i.flag.south.korea:before {
+ background-position: -36px -1118px;
+}
+
+i.flag.kw:before,
+i.flag.kuwait:before {
+ background-position: -36px -1144px;
+}
+
+i.flag.ky:before,
+i.flag.cayman.islands:before {
+ background-position: -36px -1170px;
+}
+
+i.flag.kz:before,
+i.flag.kazakhstan:before {
+ background-position: -36px -1196px;
+}
+
+i.flag.la:before,
+i.flag.laos:before {
+ background-position: -36px -1222px;
+}
+
+i.flag.lb:before,
+i.flag.lebanon:before {
+ background-position: -36px -1248px;
+}
+
+i.flag.lc:before,
+i.flag.saint.lucia:before {
+ background-position: -36px -1274px;
+}
+
+i.flag.li:before,
+i.flag.liechtenstein:before {
+ background-position: -36px -1300px;
+}
+
+i.flag.lk:before,
+i.flag.sri.lanka:before {
+ background-position: -36px -1326px;
+}
+
+i.flag.lr:before,
+i.flag.liberia:before {
+ background-position: -36px -1352px;
+}
+
+i.flag.ls:before,
+i.flag.lesotho:before {
+ background-position: -36px -1378px;
+}
+
+i.flag.lt:before,
+i.flag.lithuania:before {
+ background-position: -36px -1404px;
+}
+
+i.flag.lu:before,
+i.flag.luxembourg:before {
+ background-position: -36px -1430px;
+}
+
+i.flag.lv:before,
+i.flag.latvia:before {
+ background-position: -36px -1456px;
+}
+
+i.flag.ly:before,
+i.flag.libya:before {
+ background-position: -36px -1482px;
+}
+
+i.flag.ma:before,
+i.flag.morocco:before {
+ background-position: -36px -1508px;
+}
+
+i.flag.mc:before,
+i.flag.monaco:before {
+ background-position: -36px -1534px;
+}
+
+i.flag.md:before,
+i.flag.moldova:before {
+ background-position: -36px -1560px;
+}
+
+i.flag.me:before,
+i.flag.montenegro:before {
+ background-position: -36px -1586px;
+}
+
+i.flag.mg:before,
+i.flag.madagascar:before {
+ background-position: -36px -1613px;
+}
+
+i.flag.mh:before,
+i.flag.marshall.islands:before {
+ background-position: -36px -1639px;
+}
+
+i.flag.mk:before,
+i.flag.macedonia:before {
+ background-position: -36px -1665px;
+}
+
+i.flag.ml:before,
+i.flag.mali:before {
+ background-position: -36px -1691px;
+}
+
+i.flag.mm:before,
+i.flag.myanmar:before,
+i.flag.burma:before {
+ background-position: -73px -1821px;
+}
+
+i.flag.mn:before,
+i.flag.mongolia:before {
+ background-position: -36px -1743px;
+}
+
+i.flag.mo:before,
+i.flag.macau:before {
+ background-position: -36px -1769px;
+}
+
+i.flag.mp:before,
+i.flag.northern.mariana.islands:before {
+ background-position: -36px -1795px;
+}
+
+i.flag.mq:before,
+i.flag.martinique:before {
+ background-position: -36px -1821px;
+}
+
+i.flag.mr:before,
+i.flag.mauritania:before {
+ background-position: -36px -1847px;
+}
+
+i.flag.ms:before,
+i.flag.montserrat:before {
+ background-position: -36px -1873px;
+}
+
+i.flag.mt:before,
+i.flag.malta:before {
+ background-position: -36px -1899px;
+}
+
+i.flag.mu:before,
+i.flag.mauritius:before {
+ background-position: -36px -1925px;
+}
+
+i.flag.mv:before,
+i.flag.maldives:before {
+ background-position: -36px -1951px;
+}
+
+i.flag.mw:before,
+i.flag.malawi:before {
+ background-position: -36px -1977px;
+}
+
+i.flag.mx:before,
+i.flag.mexico:before {
+ background-position: -72px 0px;
+}
+
+i.flag.my:before,
+i.flag.malaysia:before {
+ background-position: -72px -26px;
+}
+
+i.flag.mz:before,
+i.flag.mozambique:before {
+ background-position: -72px -52px;
+}
+
+i.flag.na:before,
+i.flag.namibia:before {
+ background-position: -72px -78px;
+}
+
+i.flag.nc:before,
+i.flag.new.caledonia:before {
+ background-position: -72px -104px;
+}
+
+i.flag.ne:before,
+i.flag.niger:before {
+ background-position: -72px -130px;
+}
+
+i.flag.nf:before,
+i.flag.norfolk.island:before {
+ background-position: -72px -156px;
+}
+
+i.flag.ng:before,
+i.flag.nigeria:before {
+ background-position: -72px -182px;
+}
+
+i.flag.ni:before,
+i.flag.nicaragua:before {
+ background-position: -72px -208px;
+}
+
+i.flag.nl:before,
+i.flag.netherlands:before {
+ background-position: -72px -234px;
+}
+
+i.flag.no:before,
+i.flag.norway:before {
+ background-position: -72px -260px;
+}
+
+i.flag.np:before,
+i.flag.nepal:before {
+ background-position: -72px -286px;
+}
+
+i.flag.nr:before,
+i.flag.nauru:before {
+ background-position: -72px -312px;
+}
+
+i.flag.nu:before,
+i.flag.niue:before {
+ background-position: -72px -338px;
+}
+
+i.flag.nz:before,
+i.flag.new.zealand:before {
+ background-position: -72px -364px;
+}
+
+i.flag.om:before,
+i.flag.oman:before {
+ background-position: -72px -390px;
+}
+
+i.flag.pa:before,
+i.flag.panama:before {
+ background-position: -72px -416px;
+}
+
+i.flag.pe:before,
+i.flag.peru:before {
+ background-position: -72px -442px;
+}
+
+i.flag.pf:before,
+i.flag.french.polynesia:before {
+ background-position: -72px -468px;
+}
+
+i.flag.pg:before,
+i.flag.new.guinea:before {
+ background-position: -72px -494px;
+}
+
+i.flag.ph:before,
+i.flag.philippines:before {
+ background-position: -72px -520px;
+}
+
+i.flag.pk:before,
+i.flag.pakistan:before {
+ background-position: -72px -546px;
+}
+
+i.flag.pl:before,
+i.flag.poland:before {
+ background-position: -72px -572px;
+}
+
+i.flag.pm:before,
+i.flag.saint.pierre:before {
+ background-position: -72px -598px;
+}
+
+i.flag.pn:before,
+i.flag.pitcairn.islands:before {
+ background-position: -72px -624px;
+}
+
+i.flag.pr:before,
+i.flag.puerto.rico:before {
+ background-position: -72px -650px;
+}
+
+i.flag.ps:before,
+i.flag.palestine:before {
+ background-position: -72px -676px;
+}
+
+i.flag.pt:before,
+i.flag.portugal:before {
+ background-position: -72px -702px;
+}
+
+i.flag.pw:before,
+i.flag.palau:before {
+ background-position: -72px -728px;
+}
+
+i.flag.py:before,
+i.flag.paraguay:before {
+ background-position: -72px -754px;
+}
+
+i.flag.qa:before,
+i.flag.qatar:before {
+ background-position: -72px -780px;
+}
+
+i.flag.re:before,
+i.flag.reunion:before {
+ background-position: -72px -806px;
+}
+
+i.flag.ro:before,
+i.flag.romania:before {
+ background-position: -72px -832px;
+}
+
+i.flag.rs:before,
+i.flag.serbia:before {
+ background-position: -72px -858px;
+}
+
+i.flag.ru:before,
+i.flag.russia:before {
+ background-position: -72px -884px;
+}
+
+i.flag.rw:before,
+i.flag.rwanda:before {
+ background-position: -72px -910px;
+}
+
+i.flag.sa:before,
+i.flag.saudi.arabia:before {
+ background-position: -72px -936px;
+}
+
+i.flag.sb:before,
+i.flag.solomon.islands:before {
+ background-position: -72px -962px;
+}
+
+i.flag.sc:before,
+i.flag.seychelles:before {
+ background-position: -72px -988px;
+}
+
+i.flag.gb.sct:before,
+i.flag.scotland:before {
+ background-position: -72px -1014px;
+}
+
+i.flag.sd:before,
+i.flag.sudan:before {
+ background-position: -72px -1040px;
+}
+
+i.flag.se:before,
+i.flag.sweden:before {
+ background-position: -72px -1066px;
+}
+
+i.flag.sg:before,
+i.flag.singapore:before {
+ background-position: -72px -1092px;
+}
+
+i.flag.sh:before,
+i.flag.saint.helena:before {
+ background-position: -72px -1118px;
+}
+
+i.flag.si:before,
+i.flag.slovenia:before {
+ background-position: -72px -1144px;
+}
+
+i.flag.sj:before,
+i.flag.svalbard:before,
+i.flag.jan.mayen:before {
+ background-position: -72px -1170px;
+}
+
+i.flag.sk:before,
+i.flag.slovakia:before {
+ background-position: -72px -1196px;
+}
+
+i.flag.sl:before,
+i.flag.sierra.leone:before {
+ background-position: -72px -1222px;
+}
+
+i.flag.sm:before,
+i.flag.san.marino:before {
+ background-position: -72px -1248px;
+}
+
+i.flag.sn:before,
+i.flag.senegal:before {
+ background-position: -72px -1274px;
+}
+
+i.flag.so:before,
+i.flag.somalia:before {
+ background-position: -72px -1300px;
+}
+
+i.flag.sr:before,
+i.flag.suriname:before {
+ background-position: -72px -1326px;
+}
+
+i.flag.st:before,
+i.flag.sao.tome:before {
+ background-position: -72px -1352px;
+}
+
+i.flag.sv:before,
+i.flag.el.salvador:before {
+ background-position: -72px -1378px;
+}
+
+i.flag.sy:before,
+i.flag.syria:before {
+ background-position: -72px -1404px;
+}
+
+i.flag.sz:before,
+i.flag.swaziland:before {
+ background-position: -72px -1430px;
+}
+
+i.flag.tc:before,
+i.flag.caicos.islands:before {
+ background-position: -72px -1456px;
+}
+
+i.flag.td:before,
+i.flag.chad:before {
+ background-position: -72px -1482px;
+}
+
+i.flag.tf:before,
+i.flag.french.territories:before {
+ background-position: -72px -1508px;
+}
+
+i.flag.tg:before,
+i.flag.togo:before {
+ background-position: -72px -1534px;
+}
+
+i.flag.th:before,
+i.flag.thailand:before {
+ background-position: -72px -1560px;
+}
+
+i.flag.tj:before,
+i.flag.tajikistan:before {
+ background-position: -72px -1586px;
+}
+
+i.flag.tk:before,
+i.flag.tokelau:before {
+ background-position: -72px -1612px;
+}
+
+i.flag.tl:before,
+i.flag.timorleste:before {
+ background-position: -72px -1638px;
+}
+
+i.flag.tm:before,
+i.flag.turkmenistan:before {
+ background-position: -72px -1664px;
+}
+
+i.flag.tn:before,
+i.flag.tunisia:before {
+ background-position: -72px -1690px;
+}
+
+i.flag.to:before,
+i.flag.tonga:before {
+ background-position: -72px -1716px;
+}
+
+i.flag.tr:before,
+i.flag.turkey:before {
+ background-position: -72px -1742px;
+}
+
+i.flag.tt:before,
+i.flag.trinidad:before {
+ background-position: -72px -1768px;
+}
+
+i.flag.tv:before,
+i.flag.tuvalu:before {
+ background-position: -72px -1794px;
+}
+
+i.flag.tw:before,
+i.flag.taiwan:before {
+ background-position: -72px -1820px;
+}
+
+i.flag.tz:before,
+i.flag.tanzania:before {
+ background-position: -72px -1846px;
+}
+
+i.flag.ua:before,
+i.flag.ukraine:before {
+ background-position: -72px -1872px;
+}
+
+i.flag.ug:before,
+i.flag.uganda:before {
+ background-position: -72px -1898px;
+}
+
+i.flag.um:before,
+i.flag.us.minor.islands:before {
+ background-position: -72px -1924px;
+}
+
+i.flag.us:before,
+i.flag.america:before,
+i.flag.united.states:before {
+ background-position: -72px -1950px;
+}
+
+i.flag.uy:before,
+i.flag.uruguay:before {
+ background-position: -72px -1976px;
+}
+
+i.flag.uz:before,
+i.flag.uzbekistan:before {
+ background-position: -108px 0px;
+}
+
+i.flag.va:before,
+i.flag.vatican.city:before {
+ background-position: -108px -26px;
+}
+
+i.flag.vc:before,
+i.flag.saint.vincent:before {
+ background-position: -108px -52px;
+}
+
+i.flag.ve:before,
+i.flag.venezuela:before {
+ background-position: -108px -78px;
+}
+
+i.flag.vg:before,
+i.flag.british.virgin.islands:before {
+ background-position: -108px -104px;
+}
+
+i.flag.vi:before,
+i.flag.us.virgin.islands:before {
+ background-position: -108px -130px;
+}
+
+i.flag.vn:before,
+i.flag.vietnam:before {
+ background-position: -108px -156px;
+}
+
+i.flag.vu:before,
+i.flag.vanuatu:before {
+ background-position: -108px -182px;
+}
+
+i.flag.gb.wls:before,
+i.flag.wales:before {
+ background-position: -108px -208px;
+}
+
+i.flag.wf:before,
+i.flag.wallis.and.futuna:before {
+ background-position: -108px -234px;
+}
+
+i.flag.ws:before,
+i.flag.samoa:before {
+ background-position: -108px -260px;
+}
+
+i.flag.ye:before,
+i.flag.yemen:before {
+ background-position: -108px -286px;
+}
+
+i.flag.yt:before,
+i.flag.mayotte:before {
+ background-position: -108px -312px;
+}
+
+i.flag.za:before,
+i.flag.south.africa:before {
+ background-position: -108px -338px;
+}
+
+i.flag.zm:before,
+i.flag.zambia:before {
+ background-position: -108px -364px;
+}
+
+i.flag.zw:before,
+i.flag.zimbabwe:before {
+ background-position: -108px -390px;
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Header
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Header
+*******************************/
+
+/* Standard */
+
+.ui.header {
+ border: none;
+ margin: calc(2rem - 0.14285714em ) 0em 1rem;
+ padding: 0em 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ line-height: 1.28571429em;
+ text-transform: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.header:first-child {
+ margin-top: -0.14285714em;
+}
+
+.ui.header:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Sub Header
+---------------*/
+
+.ui.header .sub.header {
+ display: block;
+ font-weight: normal;
+ padding: 0em;
+ margin: 0em;
+ font-size: 1rem;
+ line-height: 1.2em;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.header > .icon {
+ display: table-cell;
+ opacity: 1;
+ font-size: 1.5em;
+ padding-top: 0em;
+ vertical-align: middle;
+}
+
+/* With Text Node */
+
+.ui.header .icon:only-child {
+ display: inline-block;
+ padding: 0em;
+ margin-right: 0.75rem;
+}
+
+/*-------------------
+ Image
+--------------------*/
+
+.ui.header > .image:not(.icon),
+.ui.header > img {
+ display: inline-block;
+ margin-top: 0.14285714em;
+ width: 2.5em;
+ height: auto;
+ vertical-align: middle;
+}
+
+.ui.header > .image:not(.icon):only-child,
+.ui.header > img:only-child {
+ margin-right: 0.75rem;
+}
+
+/*--------------
+ Content
+---------------*/
+
+.ui.header .content {
+ display: inline-block;
+ vertical-align: top;
+}
+
+/* After Image */
+
+.ui.header > img + .content,
+.ui.header > .image + .content {
+ padding-left: 0.75rem;
+ vertical-align: middle;
+}
+
+/* After Icon */
+
+.ui.header > .icon + .content {
+ padding-left: 0.75rem;
+ display: table-cell;
+ vertical-align: middle;
+}
+
+/*--------------
+ Loose Coupling
+---------------*/
+
+.ui.header .ui.label {
+ font-size: '';
+ margin-left: 0.5rem;
+ vertical-align: middle;
+}
+
+/* Positioning */
+
+.ui.header + p {
+ margin-top: 0em;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Page
+---------------*/
+
+h1.ui.header {
+ font-size: 2rem;
+}
+
+h2.ui.header {
+ font-size: 1.71428571rem;
+}
+
+h3.ui.header {
+ font-size: 1.28571429rem;
+}
+
+h4.ui.header {
+ font-size: 1.07142857rem;
+}
+
+h5.ui.header {
+ font-size: 1rem;
+}
+
+/* Sub Header */
+
+h1.ui.header .sub.header {
+ font-size: 1.14285714rem;
+}
+
+h2.ui.header .sub.header {
+ font-size: 1.14285714rem;
+}
+
+h3.ui.header .sub.header {
+ font-size: 1rem;
+}
+
+h4.ui.header .sub.header {
+ font-size: 1rem;
+}
+
+h5.ui.header .sub.header {
+ font-size: 0.92857143rem;
+}
+
+/*--------------
+ Content Heading
+---------------*/
+
+.ui.huge.header {
+ min-height: 1em;
+ font-size: 2em;
+}
+
+.ui.large.header {
+ font-size: 1.71428571em;
+}
+
+.ui.medium.header {
+ font-size: 1.28571429em;
+}
+
+.ui.small.header {
+ font-size: 1.07142857em;
+}
+
+.ui.tiny.header {
+ font-size: 1em;
+}
+
+/* Sub Header */
+
+.ui.huge.header .sub.header {
+ font-size: 1.14285714rem;
+}
+
+.ui.large.header .sub.header {
+ font-size: 1.14285714rem;
+}
+
+.ui.header .sub.header {
+ font-size: 1rem;
+}
+
+.ui.small.header .sub.header {
+ font-size: 1rem;
+}
+
+.ui.tiny.header .sub.header {
+ font-size: 0.92857143rem;
+}
+
+/*--------------
+ Sub Heading
+---------------*/
+
+.ui.sub.header {
+ padding: 0em;
+ margin-bottom: 0.14285714rem;
+ font-weight: bold;
+ font-size: 0.85714286em;
+ text-transform: uppercase;
+ color: '';
+}
+
+.ui.small.sub.header {
+ font-size: 0.78571429em;
+}
+
+.ui.sub.header {
+ font-size: 0.85714286em;
+}
+
+.ui.large.sub.header {
+ font-size: 0.92857143em;
+}
+
+.ui.huge.sub.header {
+ font-size: 1em;
+}
+
+/*-------------------
+ Icon
+--------------------*/
+
+.ui.icon.header {
+ display: inline-block;
+ text-align: center;
+ margin: 2rem 0em 1rem;
+}
+
+.ui.icon.header:after {
+ content: '';
+ display: block;
+ height: 0px;
+ clear: both;
+ visibility: hidden;
+}
+
+.ui.icon.header:first-child {
+ margin-top: 0em;
+}
+
+.ui.icon.header .icon {
+ float: none;
+ display: block;
+ width: auto;
+ height: auto;
+ line-height: 1;
+ padding: 0em;
+ font-size: 3em;
+ margin: 0em auto 0.5rem;
+ opacity: 1;
+}
+
+.ui.icon.header .content {
+ display: block;
+ padding: 0em;
+}
+
+.ui.icon.header .circular.icon {
+ font-size: 2em;
+}
+
+.ui.icon.header .square.icon {
+ font-size: 2em;
+}
+
+.ui.block.icon.header .icon {
+ margin-bottom: 0em;
+}
+
+.ui.icon.header.aligned {
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.disabled.header {
+ opacity: 0.45;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.header {
+ color: #FFFFFF;
+}
+
+.ui.inverted.header .sub.header {
+ color: rgba(255, 255, 255, 0.8);
+}
+
+.ui.inverted.attached.header {
+ background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ box-shadow: none;
+ border-color: transparent;
+}
+
+.ui.inverted.block.header {
+ background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ box-shadow: none;
+}
+
+.ui.inverted.block.header {
+ border-bottom: none;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/*--- Red ---*/
+
+.ui.red.header {
+ color: #DB2828 !important;
+}
+
+a.ui.red.header:hover {
+ color: #d01919 !important;
+}
+
+.ui.red.dividing.header {
+ border-bottom: 2px solid #DB2828;
+}
+
+/* Inverted */
+
+.ui.inverted.red.header {
+ color: #FF695E !important;
+}
+
+a.ui.inverted.red.header:hover {
+ color: #ff5144 !important;
+}
+
+/*--- Orange ---*/
+
+.ui.orange.header {
+ color: #F2711C !important;
+}
+
+a.ui.orange.header:hover {
+ color: #f26202 !important;
+}
+
+.ui.orange.dividing.header {
+ border-bottom: 2px solid #F2711C;
+}
+
+/* Inverted */
+
+.ui.inverted.orange.header {
+ color: #FF851B !important;
+}
+
+a.ui.inverted.orange.header:hover {
+ color: #ff7701 !important;
+}
+
+/*--- Olive ---*/
+
+.ui.olive.header {
+ color: #B5CC18 !important;
+}
+
+a.ui.olive.header:hover {
+ color: #a7bd0d !important;
+}
+
+.ui.olive.dividing.header {
+ border-bottom: 2px solid #B5CC18;
+}
+
+/* Inverted */
+
+.ui.inverted.olive.header {
+ color: #D9E778 !important;
+}
+
+a.ui.inverted.olive.header:hover {
+ color: #d8ea5c !important;
+}
+
+/*--- Yellow ---*/
+
+.ui.yellow.header {
+ color: #FBBD08 !important;
+}
+
+a.ui.yellow.header:hover {
+ color: #eaae00 !important;
+}
+
+.ui.yellow.dividing.header {
+ border-bottom: 2px solid #FBBD08;
+}
+
+/* Inverted */
+
+.ui.inverted.yellow.header {
+ color: #FFE21F !important;
+}
+
+a.ui.inverted.yellow.header:hover {
+ color: #ffdf05 !important;
+}
+
+/*--- Green ---*/
+
+.ui.green.header {
+ color: #21BA45 !important;
+}
+
+a.ui.green.header:hover {
+ color: #16ab39 !important;
+}
+
+.ui.green.dividing.header {
+ border-bottom: 2px solid #21BA45;
+}
+
+/* Inverted */
+
+.ui.inverted.green.header {
+ color: #2ECC40 !important;
+}
+
+a.ui.inverted.green.header:hover {
+ color: #22be34 !important;
+}
+
+/*--- Teal ---*/
+
+.ui.teal.header {
+ color: #00B5AD !important;
+}
+
+a.ui.teal.header:hover {
+ color: #009c95 !important;
+}
+
+.ui.teal.dividing.header {
+ border-bottom: 2px solid #00B5AD;
+}
+
+/* Inverted */
+
+.ui.inverted.teal.header {
+ color: #6DFFFF !important;
+}
+
+a.ui.inverted.teal.header:hover {
+ color: #54ffff !important;
+}
+
+/*--- Blue ---*/
+
+.ui.blue.header {
+ color: #2185D0 !important;
+}
+
+a.ui.blue.header:hover {
+ color: #1678c2 !important;
+}
+
+.ui.blue.dividing.header {
+ border-bottom: 2px solid #2185D0;
+}
+
+/* Inverted */
+
+.ui.inverted.blue.header {
+ color: #54C8FF !important;
+}
+
+a.ui.inverted.blue.header:hover {
+ color: #3ac0ff !important;
+}
+
+/*--- Violet ---*/
+
+.ui.violet.header {
+ color: #6435C9 !important;
+}
+
+a.ui.violet.header:hover {
+ color: #5829bb !important;
+}
+
+.ui.violet.dividing.header {
+ border-bottom: 2px solid #6435C9;
+}
+
+/* Inverted */
+
+.ui.inverted.violet.header {
+ color: #A291FB !important;
+}
+
+a.ui.inverted.violet.header:hover {
+ color: #8a73ff !important;
+}
+
+/*--- Purple ---*/
+
+.ui.purple.header {
+ color: #A333C8 !important;
+}
+
+a.ui.purple.header:hover {
+ color: #9627ba !important;
+}
+
+.ui.purple.dividing.header {
+ border-bottom: 2px solid #A333C8;
+}
+
+/* Inverted */
+
+.ui.inverted.purple.header {
+ color: #DC73FF !important;
+}
+
+a.ui.inverted.purple.header:hover {
+ color: #d65aff !important;
+}
+
+/*--- Pink ---*/
+
+.ui.pink.header {
+ color: #E03997 !important;
+}
+
+a.ui.pink.header:hover {
+ color: #e61a8d !important;
+}
+
+.ui.pink.dividing.header {
+ border-bottom: 2px solid #E03997;
+}
+
+/* Inverted */
+
+.ui.inverted.pink.header {
+ color: #FF8EDF !important;
+}
+
+a.ui.inverted.pink.header:hover {
+ color: #ff74d8 !important;
+}
+
+/*--- Brown ---*/
+
+.ui.brown.header {
+ color: #A5673F !important;
+}
+
+a.ui.brown.header:hover {
+ color: #975b33 !important;
+}
+
+.ui.brown.dividing.header {
+ border-bottom: 2px solid #A5673F;
+}
+
+/* Inverted */
+
+.ui.inverted.brown.header {
+ color: #D67C1C !important;
+}
+
+a.ui.inverted.brown.header:hover {
+ color: #c86f11 !important;
+}
+
+/*--- Grey ---*/
+
+.ui.grey.header {
+ color: #767676 !important;
+}
+
+a.ui.grey.header:hover {
+ color: #838383 !important;
+}
+
+.ui.grey.dividing.header {
+ border-bottom: 2px solid #767676;
+}
+
+/* Inverted */
+
+.ui.inverted.grey.header {
+ color: #DCDDDE !important;
+}
+
+a.ui.inverted.grey.header:hover {
+ color: #cfd0d2 !important;
+}
+
+/*-------------------
+ Aligned
+--------------------*/
+
+.ui.left.aligned.header {
+ text-align: left;
+}
+
+.ui.right.aligned.header {
+ text-align: right;
+}
+
+.ui.centered.header,
+.ui.center.aligned.header {
+ text-align: center;
+}
+
+.ui.justified.header {
+ text-align: justify;
+}
+
+.ui.justified.header:after {
+ display: inline-block;
+ content: '';
+ width: 100%;
+}
+
+/*-------------------
+ Floated
+--------------------*/
+
+.ui.floated.header,
+.ui[class*="left floated"].header {
+ float: left;
+ margin-top: 0em;
+ margin-right: 0.5em;
+}
+
+.ui[class*="right floated"].header {
+ float: right;
+ margin-top: 0em;
+ margin-left: 0.5em;
+}
+
+/*-------------------
+ Fitted
+--------------------*/
+
+.ui.fitted.header {
+ padding: 0em;
+}
+
+/*-------------------
+ Dividing
+--------------------*/
+
+.ui.dividing.header {
+ padding-bottom: 0.21428571rem;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.dividing.header .sub.header {
+ padding-bottom: 0.21428571rem;
+}
+
+.ui.dividing.header .icon {
+ margin-bottom: 0em;
+}
+
+.ui.inverted.dividing.header {
+ border-bottom-color: rgba(255, 255, 255, 0.1);
+}
+
+/*-------------------
+ Block
+--------------------*/
+
+.ui.block.header {
+ background: #F3F4F5;
+ padding: 0.78571429rem 1rem;
+ box-shadow: none;
+ border: 1px solid #D4D4D5;
+ border-radius: 0.28571429rem;
+}
+
+.ui.tiny.block.header {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.block.header {
+ font-size: 0.92857143rem;
+}
+
+.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+ font-size: 1rem;
+}
+
+.ui.large.block.header {
+ font-size: 1.14285714rem;
+}
+
+.ui.huge.block.header {
+ font-size: 1.42857143rem;
+}
+
+/*-------------------
+ Attached
+--------------------*/
+
+.ui.attached.header {
+ background: #FFFFFF;
+ padding: 0.78571429rem 1rem;
+ margin-left: -1px;
+ margin-right: -1px;
+ box-shadow: none;
+ border: 1px solid #D4D4D5;
+}
+
+.ui.attached.block.header {
+ background: #F3F4F5;
+}
+
+.ui.attached:not(.top):not(.bottom).header {
+ margin-top: 0em;
+ margin-bottom: 0em;
+ border-top: none;
+ border-radius: 0em;
+}
+
+.ui.top.attached.header {
+ margin-bottom: 0em;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.bottom.attached.header {
+ margin-top: 0em;
+ border-top: none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/* Attached Sizes */
+
+.ui.tiny.attached.header {
+ font-size: 0.85714286em;
+}
+
+.ui.small.attached.header {
+ font-size: 0.92857143em;
+}
+
+.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+ font-size: 1em;
+}
+
+.ui.large.attached.header {
+ font-size: 1.14285714em;
+}
+
+.ui.huge.attached.header {
+ font-size: 1.42857143em;
+}
+
+/*-------------------
+ Sizing
+--------------------*/
+
+.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
+ font-size: 1.28571429em;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Icon
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Icon
+*******************************/
+
+@font-face {
+ font-family: 'Icons';
+ src: url(font/8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot);
+ src: url(font/8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot?#iefix) format('embedded-opentype'), url(font/0ab54153eeeca0ce03978cc463b257f7.woff2) format('woff2'), url(font/faff92145777a3cbaf8e7367b4807987.woff) format('woff'), url(font/b87b9ba532ace76ae9f6edfe9f72ded2.ttf) format('truetype'), url(icons/962a1bf31c081691065fe333d9fa8105.svg#icons) format('svg');
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-decoration: inherit;
+ text-transform: none;
+}
+
+i.icon {
+ display: inline-block;
+ opacity: 1;
+ margin: 0em 0.25rem 0em 0em;
+ width: 1.18em;
+ height: 1em;
+ font-family: 'Icons';
+ font-style: normal;
+ font-weight: normal;
+ text-decoration: inherit;
+ text-align: center;
+ speak: none;
+ font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+i.icon:before {
+ background: none !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Loading
+---------------*/
+
+i.icon.loading {
+ height: 1em;
+ line-height: 1;
+}
+
+i.icon.loading {
+ -webkit-animation: icon-loading 2s linear infinite;
+ animation: icon-loading 2s linear infinite;
+}
+
+@-webkit-keyframes icon-loading {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes icon-loading {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/*******************************
+ States
+*******************************/
+
+i.icon.hover {
+ opacity: 1 !important;
+}
+
+i.icon.active {
+ opacity: 1 !important;
+}
+
+i.emphasized.icon {
+ opacity: 1 !important;
+}
+
+i.disabled.icon {
+ opacity: 0.45 !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Fitted
+--------------------*/
+
+i.fitted.icon {
+ width: auto;
+ margin: 0em !important;
+}
+
+/*-------------------
+ Link
+--------------------*/
+
+i.link.icon,
+i.link.icons {
+ cursor: pointer;
+ opacity: 0.8;
+ transition: opacity 0.1s ease;
+}
+
+i.link.icon:hover,
+i.link.icons:hover {
+ opacity: 1 !important;
+}
+
+/*-------------------
+ Circular
+--------------------*/
+
+i.circular.icon {
+ border-radius: 500em !important;
+ line-height: 1 !important;
+ padding: 0.5em 0em !important;
+ box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
+ width: 2em !important;
+ height: 2em !important;
+}
+
+i.circular.inverted.icon {
+ border: none;
+ box-shadow: none;
+}
+
+/*-------------------
+ Flipped
+--------------------*/
+
+i.flipped.icon,
+i.horizontally.flipped.icon {
+ transform: scale(-1, 1);
+}
+
+i.vertically.flipped.icon {
+ transform: scale(1, -1);
+}
+
+/*-------------------
+ Rotated
+--------------------*/
+
+i.rotated.icon,
+i.right.rotated.icon,
+i.clockwise.rotated.icon {
+ transform: rotate(90deg);
+}
+
+i.left.rotated.icon,
+i.counterclockwise.rotated.icon {
+ transform: rotate(-90deg);
+}
+
+/*-------------------
+ Bordered
+--------------------*/
+
+i.bordered.icon {
+ line-height: 1;
+ vertical-align: baseline;
+ width: 2em;
+ height: 2em;
+ padding: 0.5em 0em !important;
+ box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
+}
+
+i.bordered.inverted.icon {
+ border: none;
+ box-shadow: none;
+}
+
+/*-------------------
+ Inverted
+--------------------*/
+
+/* Inverted Shapes */
+
+i.inverted.bordered.icon,
+i.inverted.circular.icon {
+ background-color: #1B1C1D !important;
+ color: #FFFFFF !important;
+}
+
+i.inverted.icon {
+ color: #FFFFFF;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/* Red */
+
+i.red.icon {
+ color: #DB2828 !important;
+}
+
+i.inverted.red.icon {
+ color: #FF695E !important;
+}
+
+i.inverted.bordered.red.icon,
+i.inverted.circular.red.icon {
+ background-color: #DB2828 !important;
+ color: #FFFFFF !important;
+}
+
+/* Orange */
+
+i.orange.icon {
+ color: #F2711C !important;
+}
+
+i.inverted.orange.icon {
+ color: #FF851B !important;
+}
+
+i.inverted.bordered.orange.icon,
+i.inverted.circular.orange.icon {
+ background-color: #F2711C !important;
+ color: #FFFFFF !important;
+}
+
+/* Yellow */
+
+i.yellow.icon {
+ color: #FBBD08 !important;
+}
+
+i.inverted.yellow.icon {
+ color: #FFE21F !important;
+}
+
+i.inverted.bordered.yellow.icon,
+i.inverted.circular.yellow.icon {
+ background-color: #FBBD08 !important;
+ color: #FFFFFF !important;
+}
+
+/* Olive */
+
+i.olive.icon {
+ color: #B5CC18 !important;
+}
+
+i.inverted.olive.icon {
+ color: #D9E778 !important;
+}
+
+i.inverted.bordered.olive.icon,
+i.inverted.circular.olive.icon {
+ background-color: #B5CC18 !important;
+ color: #FFFFFF !important;
+}
+
+/* Green */
+
+i.green.icon {
+ color: #21BA45 !important;
+}
+
+i.inverted.green.icon {
+ color: #2ECC40 !important;
+}
+
+i.inverted.bordered.green.icon,
+i.inverted.circular.green.icon {
+ background-color: #21BA45 !important;
+ color: #FFFFFF !important;
+}
+
+/* Teal */
+
+i.teal.icon {
+ color: #00B5AD !important;
+}
+
+i.inverted.teal.icon {
+ color: #6DFFFF !important;
+}
+
+i.inverted.bordered.teal.icon,
+i.inverted.circular.teal.icon {
+ background-color: #00B5AD !important;
+ color: #FFFFFF !important;
+}
+
+/* Blue */
+
+i.blue.icon {
+ color: #2185D0 !important;
+}
+
+i.inverted.blue.icon {
+ color: #54C8FF !important;
+}
+
+i.inverted.bordered.blue.icon,
+i.inverted.circular.blue.icon {
+ background-color: #2185D0 !important;
+ color: #FFFFFF !important;
+}
+
+/* Violet */
+
+i.violet.icon {
+ color: #6435C9 !important;
+}
+
+i.inverted.violet.icon {
+ color: #A291FB !important;
+}
+
+i.inverted.bordered.violet.icon,
+i.inverted.circular.violet.icon {
+ background-color: #6435C9 !important;
+ color: #FFFFFF !important;
+}
+
+/* Purple */
+
+i.purple.icon {
+ color: #A333C8 !important;
+}
+
+i.inverted.purple.icon {
+ color: #DC73FF !important;
+}
+
+i.inverted.bordered.purple.icon,
+i.inverted.circular.purple.icon {
+ background-color: #A333C8 !important;
+ color: #FFFFFF !important;
+}
+
+/* Pink */
+
+i.pink.icon {
+ color: #E03997 !important;
+}
+
+i.inverted.pink.icon {
+ color: #FF8EDF !important;
+}
+
+i.inverted.bordered.pink.icon,
+i.inverted.circular.pink.icon {
+ background-color: #E03997 !important;
+ color: #FFFFFF !important;
+}
+
+/* Brown */
+
+i.brown.icon {
+ color: #A5673F !important;
+}
+
+i.inverted.brown.icon {
+ color: #D67C1C !important;
+}
+
+i.inverted.bordered.brown.icon,
+i.inverted.circular.brown.icon {
+ background-color: #A5673F !important;
+ color: #FFFFFF !important;
+}
+
+/* Grey */
+
+i.grey.icon {
+ color: #767676 !important;
+}
+
+i.inverted.grey.icon {
+ color: #DCDDDE !important;
+}
+
+i.inverted.bordered.grey.icon,
+i.inverted.circular.grey.icon {
+ background-color: #767676 !important;
+ color: #FFFFFF !important;
+}
+
+/* Black */
+
+i.black.icon {
+ color: #1B1C1D !important;
+}
+
+i.inverted.black.icon {
+ color: #545454 !important;
+}
+
+i.inverted.bordered.black.icon,
+i.inverted.circular.black.icon {
+ background-color: #1B1C1D !important;
+ color: #FFFFFF !important;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+i.mini.icon,
+i.mini.icons {
+ line-height: 1;
+ font-size: 0.4em;
+}
+
+i.tiny.icon,
+i.tiny.icons {
+ line-height: 1;
+ font-size: 0.5em;
+}
+
+i.small.icon,
+i.small.icons {
+ line-height: 1;
+ font-size: 0.75em;
+}
+
+i.icon,
+i.icons {
+ font-size: 1em;
+}
+
+i.large.icon,
+i.large.icons {
+ line-height: 1;
+ vertical-align: middle;
+ font-size: 1.5em;
+}
+
+i.big.icon,
+i.big.icons {
+ line-height: 1;
+ vertical-align: middle;
+ font-size: 2em;
+}
+
+i.huge.icon,
+i.huge.icons {
+ line-height: 1;
+ vertical-align: middle;
+ font-size: 4em;
+}
+
+i.massive.icon,
+i.massive.icons {
+ line-height: 1;
+ vertical-align: middle;
+ font-size: 8em;
+}
+
+/*******************************
+ Groups
+*******************************/
+
+i.icons {
+ display: inline-block;
+ position: relative;
+ line-height: 1;
+}
+
+i.icons .icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ margin: 0em;
+ margin: 0;
+}
+
+i.icons .icon:first-child {
+ position: static;
+ width: auto;
+ height: auto;
+ vertical-align: top;
+ transform: none;
+ margin-right: 0.25rem;
+}
+
+/* Corner Icon */
+
+i.icons .corner.icon {
+ top: auto;
+ left: auto;
+ right: 0;
+ bottom: 0;
+ transform: none;
+ font-size: 0.45em;
+ text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
+}
+
+i.icons .top.right.corner.icon {
+ top: 0;
+ left: auto;
+ right: 0;
+ bottom: auto;
+}
+
+i.icons .top.left.corner.icon {
+ top: 0;
+ left: 0;
+ right: auto;
+ bottom: auto;
+}
+
+i.icons .bottom.left.corner.icon {
+ top: auto;
+ left: 0;
+ right: auto;
+ bottom: 0;
+}
+
+i.icons .bottom.right.corner.icon {
+ top: auto;
+ left: auto;
+ right: 0;
+ bottom: 0;
+}
+
+i.icons .inverted.corner.icon {
+ text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
+}
+
+/*
+ * Font Awesome 5.0.8 by @fontawesome - http://fontawesome.io - @fontawesome
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
+ */
+
+/*******************************
+
+Semantic-UI integration of font-awesome :
+
+///class names are separated
+i.icon.circle => i.icon.circle
+i.icon.circle-o => i.icon.circle.outline
+
+//abbreviation are replaced by full letters:
+i.icon.ellipsis-h => i.icon.ellipsis.horizontal
+i.icon.ellipsis-v => i.icon.ellipsis.vertical
+.alpha => .i.icon.alphabet
+.asc => .i.icon.ascending
+.desc => .i.icon.descending
+.alt =>.alternate
+
+ASCII order is conserved for easier maintenance.
+
+Icons that only have one style 'outline', 'square' etc do not require this class
+for instance `lemon icon` not `lemon outline icon` since there is only one lemon
+
+*******************************/
+
+/*******************************
+ Icons
+*******************************/
+
+/* Deprecated *In/Out Naming Conflict) */
+
+i.icon.linkedin.in:before {
+ content: "\F0E1";
+}
+
+i.icon.zoom.in:before {
+ content: "\F00E";
+}
+
+i.icon.zoom.out:before {
+ content: "\F010";
+}
+
+i.icon.sign.in:before {
+ content: "\F2F6";
+}
+
+i.icon.in.cart:before {
+ content: "\F218";
+}
+
+i.icon.log.out:before {
+ content: "\F2F5";
+}
+
+i.icon.sign.out:before {
+ content: "\F2F5";
+}
+
+/* Icons */
+
+i.icon.\35 00px:before {
+ content: "\F26E";
+}
+
+i.icon.accessible.icon:before {
+ content: "\F368";
+}
+
+i.icon.accusoft:before {
+ content: "\F369";
+}
+
+i.icon.address.book:before {
+ content: "\F2B9";
+}
+
+i.icon.address.card:before {
+ content: "\F2BB";
+}
+
+i.icon.adjust:before {
+ content: "\F042";
+}
+
+i.icon.adn:before {
+ content: "\F170";
+}
+
+i.icon.adversal:before {
+ content: "\F36A";
+}
+
+i.icon.affiliatetheme:before {
+ content: "\F36B";
+}
+
+i.icon.algolia:before {
+ content: "\F36C";
+}
+
+i.icon.align.center:before {
+ content: "\F037";
+}
+
+i.icon.align.justify:before {
+ content: "\F039";
+}
+
+i.icon.align.left:before {
+ content: "\F036";
+}
+
+i.icon.align.right:before {
+ content: "\F038";
+}
+
+i.icon.amazon:before {
+ content: "\F270";
+}
+
+i.icon.amazon.pay:before {
+ content: "\F42C";
+}
+
+i.icon.ambulance:before {
+ content: "\F0F9";
+}
+
+i.icon.american.sign.language.interpreting:before {
+ content: "\F2A3";
+}
+
+i.icon.amilia:before {
+ content: "\F36D";
+}
+
+i.icon.anchor:before {
+ content: "\F13D";
+}
+
+i.icon.android:before {
+ content: "\F17B";
+}
+
+i.icon.angellist:before {
+ content: "\F209";
+}
+
+i.icon.angle.double.down:before {
+ content: "\F103";
+}
+
+i.icon.angle.double.left:before {
+ content: "\F100";
+}
+
+i.icon.angle.double.right:before {
+ content: "\F101";
+}
+
+i.icon.angle.double.up:before {
+ content: "\F102";
+}
+
+i.icon.angle.down:before {
+ content: "\F107";
+}
+
+i.icon.angle.left:before {
+ content: "\F104";
+}
+
+i.icon.angle.right:before {
+ content: "\F105";
+}
+
+i.icon.angle.up:before {
+ content: "\F106";
+}
+
+i.icon.angrycreative:before {
+ content: "\F36E";
+}
+
+i.icon.angular:before {
+ content: "\F420";
+}
+
+i.icon.app.store:before {
+ content: "\F36F";
+}
+
+i.icon.app.store.ios:before {
+ content: "\F370";
+}
+
+i.icon.apper:before {
+ content: "\F371";
+}
+
+i.icon.apple:before {
+ content: "\F179";
+}
+
+i.icon.apple.pay:before {
+ content: "\F415";
+}
+
+i.icon.archive:before {
+ content: "\F187";
+}
+
+i.icon.arrow.alternate.circle.down:before {
+ content: "\F358";
+}
+
+i.icon.arrow.alternate.circle.left:before {
+ content: "\F359";
+}
+
+i.icon.arrow.alternate.circle.right:before {
+ content: "\F35A";
+}
+
+i.icon.arrow.alternate.circle.up:before {
+ content: "\F35B";
+}
+
+i.icon.arrow.circle.down:before {
+ content: "\F0AB";
+}
+
+i.icon.arrow.circle.left:before {
+ content: "\F0A8";
+}
+
+i.icon.arrow.circle.right:before {
+ content: "\F0A9";
+}
+
+i.icon.arrow.circle.up:before {
+ content: "\F0AA";
+}
+
+i.icon.arrow.down:before {
+ content: "\F063";
+}
+
+i.icon.arrow.left:before {
+ content: "\F060";
+}
+
+i.icon.arrow.right:before {
+ content: "\F061";
+}
+
+i.icon.arrow.up:before {
+ content: "\F062";
+}
+
+i.icon.arrows.alternate:before {
+ content: "\F0B2";
+}
+
+i.icon.arrows.alternate.horizontal:before {
+ content: "\F337";
+}
+
+i.icon.arrows.alternate.vertical:before {
+ content: "\F338";
+}
+
+i.icon.assistive.listening.systems:before {
+ content: "\F2A2";
+}
+
+i.icon.asterisk:before {
+ content: "\F069";
+}
+
+i.icon.asymmetrik:before {
+ content: "\F372";
+}
+
+i.icon.at:before {
+ content: "\F1FA";
+}
+
+i.icon.audible:before {
+ content: "\F373";
+}
+
+i.icon.audio.description:before {
+ content: "\F29E";
+}
+
+i.icon.autoprefixer:before {
+ content: "\F41C";
+}
+
+i.icon.avianex:before {
+ content: "\F374";
+}
+
+i.icon.aviato:before {
+ content: "\F421";
+}
+
+i.icon.aws:before {
+ content: "\F375";
+}
+
+i.icon.backward:before {
+ content: "\F04A";
+}
+
+i.icon.balance.scale:before {
+ content: "\F24E";
+}
+
+i.icon.ban:before {
+ content: "\F05E";
+}
+
+i.icon.band.aid:before {
+ content: "\F462";
+}
+
+i.icon.bandcamp:before {
+ content: "\F2D5";
+}
+
+i.icon.barcode:before {
+ content: "\F02A";
+}
+
+i.icon.bars:before {
+ content: "\F0C9";
+}
+
+i.icon.baseball.ball:before {
+ content: "\F433";
+}
+
+i.icon.basketball.ball:before {
+ content: "\F434";
+}
+
+i.icon.bath:before {
+ content: "\F2CD";
+}
+
+i.icon.battery.empty:before {
+ content: "\F244";
+}
+
+i.icon.battery.full:before {
+ content: "\F240";
+}
+
+i.icon.battery.half:before {
+ content: "\F242";
+}
+
+i.icon.battery.quarter:before {
+ content: "\F243";
+}
+
+i.icon.battery.three.quarters:before {
+ content: "\F241";
+}
+
+i.icon.bed:before {
+ content: "\F236";
+}
+
+i.icon.beer:before {
+ content: "\F0FC";
+}
+
+i.icon.behance:before {
+ content: "\F1B4";
+}
+
+i.icon.behance.square:before {
+ content: "\F1B5";
+}
+
+i.icon.bell:before {
+ content: "\F0F3";
+}
+
+i.icon.bell.slash:before {
+ content: "\F1F6";
+}
+
+i.icon.bicycle:before {
+ content: "\F206";
+}
+
+i.icon.bimobject:before {
+ content: "\F378";
+}
+
+i.icon.binoculars:before {
+ content: "\F1E5";
+}
+
+i.icon.birthday.cake:before {
+ content: "\F1FD";
+}
+
+i.icon.bitbucket:before {
+ content: "\F171";
+}
+
+i.icon.bitcoin:before {
+ content: "\F379";
+}
+
+i.icon.bity:before {
+ content: "\F37A";
+}
+
+i.icon.black.tie:before {
+ content: "\F27E";
+}
+
+i.icon.blackberry:before {
+ content: "\F37B";
+}
+
+i.icon.blind:before {
+ content: "\F29D";
+}
+
+i.icon.blogger:before {
+ content: "\F37C";
+}
+
+i.icon.blogger.b:before {
+ content: "\F37D";
+}
+
+i.icon.bluetooth:before {
+ content: "\F293";
+}
+
+i.icon.bluetooth.b:before {
+ content: "\F294";
+}
+
+i.icon.bold:before {
+ content: "\F032";
+}
+
+i.icon.bolt:before {
+ content: "\F0E7";
+}
+
+i.icon.bomb:before {
+ content: "\F1E2";
+}
+
+i.icon.book:before {
+ content: "\F02D";
+}
+
+i.icon.bookmark:before {
+ content: "\F02E";
+}
+
+i.icon.bowling.ball:before {
+ content: "\F436";
+}
+
+i.icon.box:before {
+ content: "\F466";
+}
+
+i.icon.boxes:before {
+ content: "\F468";
+}
+
+i.icon.braille:before {
+ content: "\F2A1";
+}
+
+i.icon.briefcase:before {
+ content: "\F0B1";
+}
+
+i.icon.btc:before {
+ content: "\F15A";
+}
+
+i.icon.bug:before {
+ content: "\F188";
+}
+
+i.icon.building:before {
+ content: "\F1AD";
+}
+
+i.icon.bullhorn:before {
+ content: "\F0A1";
+}
+
+i.icon.bullseye:before {
+ content: "\F140";
+}
+
+i.icon.buromobelexperte:before {
+ content: "\F37F";
+}
+
+i.icon.bus:before {
+ content: "\F207";
+}
+
+i.icon.buysellads:before {
+ content: "\F20D";
+}
+
+i.icon.calculator:before {
+ content: "\F1EC";
+}
+
+i.icon.calendar:before {
+ content: "\F133";
+}
+
+i.icon.calendar.alternate:before {
+ content: "\F073";
+}
+
+i.icon.calendar.check:before {
+ content: "\F274";
+}
+
+i.icon.calendar.minus:before {
+ content: "\F272";
+}
+
+i.icon.calendar.plus:before {
+ content: "\F271";
+}
+
+i.icon.calendar.times:before {
+ content: "\F273";
+}
+
+i.icon.camera:before {
+ content: "\F030";
+}
+
+i.icon.camera.retro:before {
+ content: "\F083";
+}
+
+i.icon.car:before {
+ content: "\F1B9";
+}
+
+i.icon.caret.down:before {
+ content: "\F0D7";
+}
+
+i.icon.caret.left:before {
+ content: "\F0D9";
+}
+
+i.icon.caret.right:before {
+ content: "\F0DA";
+}
+
+i.icon.caret.square.down:before {
+ content: "\F150";
+}
+
+i.icon.caret.square.left:before {
+ content: "\F191";
+}
+
+i.icon.caret.square.right:before {
+ content: "\F152";
+}
+
+i.icon.caret.square.up:before {
+ content: "\F151";
+}
+
+i.icon.caret.up:before {
+ content: "\F0D8";
+}
+
+i.icon.cart.arrow.down:before {
+ content: "\F218";
+}
+
+i.icon.cart.plus:before {
+ content: "\F217";
+}
+
+i.icon.cc.amazon.pay:before {
+ content: "\F42D";
+}
+
+i.icon.cc.amex:before {
+ content: "\F1F3";
+}
+
+i.icon.cc.apple.pay:before {
+ content: "\F416";
+}
+
+i.icon.cc.diners.club:before {
+ content: "\F24C";
+}
+
+i.icon.cc.discover:before {
+ content: "\F1F2";
+}
+
+i.icon.cc.jcb:before {
+ content: "\F24B";
+}
+
+i.icon.cc.mastercard:before {
+ content: "\F1F1";
+}
+
+i.icon.cc.paypal:before {
+ content: "\F1F4";
+}
+
+i.icon.cc.stripe:before {
+ content: "\F1F5";
+}
+
+i.icon.cc.visa:before {
+ content: "\F1F0";
+}
+
+i.icon.centercode:before {
+ content: "\F380";
+}
+
+i.icon.certificate:before {
+ content: "\F0A3";
+}
+
+i.icon.chart.area:before {
+ content: "\F1FE";
+}
+
+i.icon.chart.bar:before {
+ content: "\F080";
+}
+
+i.icon.chart.line:before {
+ content: "\F201";
+}
+
+i.icon.chart.pie:before {
+ content: "\F200";
+}
+
+i.icon.check:before {
+ content: "\F00C";
+}
+
+i.icon.check.circle:before {
+ content: "\F058";
+}
+
+i.icon.check.square:before {
+ content: "\F14A";
+}
+
+i.icon.chess:before {
+ content: "\F439";
+}
+
+i.icon.chess.bishop:before {
+ content: "\F43A";
+}
+
+i.icon.chess.board:before {
+ content: "\F43C";
+}
+
+i.icon.chess.king:before {
+ content: "\F43F";
+}
+
+i.icon.chess.knight:before {
+ content: "\F441";
+}
+
+i.icon.chess.pawn:before {
+ content: "\F443";
+}
+
+i.icon.chess.queen:before {
+ content: "\F445";
+}
+
+i.icon.chess.rook:before {
+ content: "\F447";
+}
+
+i.icon.chevron.circle.down:before {
+ content: "\F13A";
+}
+
+i.icon.chevron.circle.left:before {
+ content: "\F137";
+}
+
+i.icon.chevron.circle.right:before {
+ content: "\F138";
+}
+
+i.icon.chevron.circle.up:before {
+ content: "\F139";
+}
+
+i.icon.chevron.down:before {
+ content: "\F078";
+}
+
+i.icon.chevron.left:before {
+ content: "\F053";
+}
+
+i.icon.chevron.right:before {
+ content: "\F054";
+}
+
+i.icon.chevron.up:before {
+ content: "\F077";
+}
+
+i.icon.child:before {
+ content: "\F1AE";
+}
+
+i.icon.chrome:before {
+ content: "\F268";
+}
+
+i.icon.circle:before {
+ content: "\F111";
+}
+
+i.icon.circle.notch:before {
+ content: "\F1CE";
+}
+
+i.icon.clipboard:before {
+ content: "\F328";
+}
+
+i.icon.clipboard.check:before {
+ content: "\F46C";
+}
+
+i.icon.clipboard.list:before {
+ content: "\F46D";
+}
+
+i.icon.clock:before {
+ content: "\F017";
+}
+
+i.icon.clone:before {
+ content: "\F24D";
+}
+
+i.icon.closed.captioning:before {
+ content: "\F20A";
+}
+
+i.icon.cloud:before {
+ content: "\F0C2";
+}
+
+i.icon.cloudscale:before {
+ content: "\F383";
+}
+
+i.icon.cloudsmith:before {
+ content: "\F384";
+}
+
+i.icon.cloudversify:before {
+ content: "\F385";
+}
+
+i.icon.code:before {
+ content: "\F121";
+}
+
+i.icon.code.branch:before {
+ content: "\F126";
+}
+
+i.icon.codepen:before {
+ content: "\F1CB";
+}
+
+i.icon.codiepie:before {
+ content: "\F284";
+}
+
+i.icon.coffee:before {
+ content: "\F0F4";
+}
+
+i.icon.cog:before {
+ content: "\F013";
+}
+
+i.icon.cogs:before {
+ content: "\F085";
+}
+
+i.icon.columns:before {
+ content: "\F0DB";
+}
+
+i.icon.comment:before {
+ content: "\F075";
+}
+
+i.icon.comment.alternate:before {
+ content: "\F27A";
+}
+
+i.icon.comments:before {
+ content: "\F086";
+}
+
+i.icon.compass:before {
+ content: "\F14E";
+}
+
+i.icon.compress:before {
+ content: "\F066";
+}
+
+i.icon.connectdevelop:before {
+ content: "\F20E";
+}
+
+i.icon.contao:before {
+ content: "\F26D";
+}
+
+i.icon.copy:before {
+ content: "\F0C5";
+}
+
+i.icon.copyright:before {
+ content: "\F1F9";
+}
+
+i.icon.cpanel:before {
+ content: "\F388";
+}
+
+i.icon.creative.commons:before {
+ content: "\F25E";
+}
+
+i.icon.credit.card:before {
+ content: "\F09D";
+}
+
+i.icon.crop:before {
+ content: "\F125";
+}
+
+i.icon.crosshairs:before {
+ content: "\F05B";
+}
+
+i.icon.css3:before {
+ content: "\F13C";
+}
+
+i.icon.css3.alternate:before {
+ content: "\F38B";
+}
+
+i.icon.cube:before {
+ content: "\F1B2";
+}
+
+i.icon.cubes:before {
+ content: "\F1B3";
+}
+
+i.icon.cut:before {
+ content: "\F0C4";
+}
+
+i.icon.cuttlefish:before {
+ content: "\F38C";
+}
+
+i.icon.d.and.d:before {
+ content: "\F38D";
+}
+
+i.icon.dashcube:before {
+ content: "\F210";
+}
+
+i.icon.database:before {
+ content: "\F1C0";
+}
+
+i.icon.deaf:before {
+ content: "\F2A4";
+}
+
+i.icon.delicious:before {
+ content: "\F1A5";
+}
+
+i.icon.deploydog:before {
+ content: "\F38E";
+}
+
+i.icon.deskpro:before {
+ content: "\F38F";
+}
+
+i.icon.desktop:before {
+ content: "\F108";
+}
+
+i.icon.deviantart:before {
+ content: "\F1BD";
+}
+
+i.icon.digg:before {
+ content: "\F1A6";
+}
+
+i.icon.digital.ocean:before {
+ content: "\F391";
+}
+
+i.icon.discord:before {
+ content: "\F392";
+}
+
+i.icon.discourse:before {
+ content: "\F393";
+}
+
+i.icon.dna:before {
+ content: "\F471";
+}
+
+i.icon.dochub:before {
+ content: "\F394";
+}
+
+i.icon.docker:before {
+ content: "\F395";
+}
+
+i.icon.dollar.sign:before {
+ content: "\F155";
+}
+
+i.icon.dolly:before {
+ content: "\F472";
+}
+
+i.icon.dolly.flatbed:before {
+ content: "\F474";
+}
+
+i.icon.dot.circle:before {
+ content: "\F192";
+}
+
+i.icon.download:before {
+ content: "\F019";
+}
+
+i.icon.draft2digital:before {
+ content: "\F396";
+}
+
+i.icon.dribbble:before {
+ content: "\F17D";
+}
+
+i.icon.dribbble.square:before {
+ content: "\F397";
+}
+
+i.icon.dropbox:before {
+ content: "\F16B";
+}
+
+i.icon.drupal:before {
+ content: "\F1A9";
+}
+
+i.icon.dyalog:before {
+ content: "\F399";
+}
+
+i.icon.earlybirds:before {
+ content: "\F39A";
+}
+
+i.icon.edge:before {
+ content: "\F282";
+}
+
+i.icon.edit:before {
+ content: "\F044";
+}
+
+i.icon.eject:before {
+ content: "\F052";
+}
+
+i.icon.elementor:before {
+ content: "\F430";
+}
+
+i.icon.ellipsis.horizontal:before {
+ content: "\F141";
+}
+
+i.icon.ellipsis.vertical:before {
+ content: "\F142";
+}
+
+i.icon.ember:before {
+ content: "\F423";
+}
+
+i.icon.empire:before {
+ content: "\F1D1";
+}
+
+i.icon.envelope:before {
+ content: "\F0E0";
+}
+
+i.icon.envelope.open:before {
+ content: "\F2B6";
+}
+
+i.icon.envelope.square:before {
+ content: "\F199";
+}
+
+i.icon.envira:before {
+ content: "\F299";
+}
+
+i.icon.eraser:before {
+ content: "\F12D";
+}
+
+i.icon.erlang:before {
+ content: "\F39D";
+}
+
+i.icon.ethereum:before {
+ content: "\F42E";
+}
+
+i.icon.etsy:before {
+ content: "\F2D7";
+}
+
+i.icon.euro.sign:before {
+ content: "\F153";
+}
+
+i.icon.exchange.alternate:before {
+ content: "\F362";
+}
+
+i.icon.exclamation:before {
+ content: "\F12A";
+}
+
+i.icon.exclamation.circle:before {
+ content: "\F06A";
+}
+
+i.icon.exclamation.triangle:before {
+ content: "\F071";
+}
+
+i.icon.expand:before {
+ content: "\F065";
+}
+
+i.icon.expand.arrows.alternate:before {
+ content: "\F31E";
+}
+
+i.icon.expeditedssl:before {
+ content: "\F23E";
+}
+
+i.icon.external.alternate:before {
+ content: "\F35D";
+}
+
+i.icon.external.square.alternate:before {
+ content: "\F360";
+}
+
+i.icon.eye:before {
+ content: "\F06E";
+}
+
+i.icon.eye.dropper:before {
+ content: "\F1FB";
+}
+
+i.icon.eye.slash:before {
+ content: "\F070";
+}
+
+i.icon.facebook:before {
+ content: "\F09A";
+}
+
+i.icon.facebook.f:before {
+ content: "\F39E";
+}
+
+i.icon.facebook.messenger:before {
+ content: "\F39F";
+}
+
+i.icon.facebook.square:before {
+ content: "\F082";
+}
+
+i.icon.fast.backward:before {
+ content: "\F049";
+}
+
+i.icon.fast.forward:before {
+ content: "\F050";
+}
+
+i.icon.fax:before {
+ content: "\F1AC";
+}
+
+i.icon.female:before {
+ content: "\F182";
+}
+
+i.icon.fighter.jet:before {
+ content: "\F0FB";
+}
+
+i.icon.file:before {
+ content: "\F15B";
+}
+
+i.icon.file.alternate:before {
+ content: "\F15C";
+}
+
+i.icon.file.archive:before {
+ content: "\F1C6";
+}
+
+i.icon.file.audio:before {
+ content: "\F1C7";
+}
+
+i.icon.file.code:before {
+ content: "\F1C9";
+}
+
+i.icon.file.excel:before {
+ content: "\F1C3";
+}
+
+i.icon.file.image:before {
+ content: "\F1C5";
+}
+
+i.icon.file.pdf:before {
+ content: "\F1C1";
+}
+
+i.icon.file.powerpoint:before {
+ content: "\F1C4";
+}
+
+i.icon.file.video:before {
+ content: "\F1C8";
+}
+
+i.icon.file.word:before {
+ content: "\F1C2";
+}
+
+i.icon.film:before {
+ content: "\F008";
+}
+
+i.icon.filter:before {
+ content: "\F0B0";
+}
+
+i.icon.fire:before {
+ content: "\F06D";
+}
+
+i.icon.fire.extinguisher:before {
+ content: "\F134";
+}
+
+i.icon.firefox:before {
+ content: "\F269";
+}
+
+i.icon.first.aid:before {
+ content: "\F479";
+}
+
+i.icon.first.order:before {
+ content: "\F2B0";
+}
+
+i.icon.firstdraft:before {
+ content: "\F3A1";
+}
+
+i.icon.flag:before {
+ content: "\F024";
+}
+
+i.icon.flag.checkered:before {
+ content: "\F11E";
+}
+
+i.icon.flask:before {
+ content: "\F0C3";
+}
+
+i.icon.flickr:before {
+ content: "\F16E";
+}
+
+i.icon.flipboard:before {
+ content: "\F44D";
+}
+
+i.icon.fly:before {
+ content: "\F417";
+}
+
+i.icon.folder:before {
+ content: "\F07B";
+}
+
+i.icon.folder.open:before {
+ content: "\F07C";
+}
+
+i.icon.font:before {
+ content: "\F031";
+}
+
+i.icon.font.awesome:before {
+ content: "\F2B4";
+}
+
+i.icon.font.awesome.alternate:before {
+ content: "\F35C";
+}
+
+i.icon.font.awesome.flag:before {
+ content: "\F425";
+}
+
+i.icon.fonticons:before {
+ content: "\F280";
+}
+
+i.icon.fonticons.fi:before {
+ content: "\F3A2";
+}
+
+i.icon.football.ball:before {
+ content: "\F44E";
+}
+
+i.icon.fort.awesome:before {
+ content: "\F286";
+}
+
+i.icon.fort.awesome.alternate:before {
+ content: "\F3A3";
+}
+
+i.icon.forumbee:before {
+ content: "\F211";
+}
+
+i.icon.forward:before {
+ content: "\F04E";
+}
+
+i.icon.foursquare:before {
+ content: "\F180";
+}
+
+i.icon.free.code.camp:before {
+ content: "\F2C5";
+}
+
+i.icon.freebsd:before {
+ content: "\F3A4";
+}
+
+i.icon.frown:before {
+ content: "\F119";
+}
+
+i.icon.futbol:before {
+ content: "\F1E3";
+}
+
+i.icon.gamepad:before {
+ content: "\F11B";
+}
+
+i.icon.gavel:before {
+ content: "\F0E3";
+}
+
+i.icon.gem:before {
+ content: "\F3A5";
+}
+
+i.icon.genderless:before {
+ content: "\F22D";
+}
+
+i.icon.get.pocket:before {
+ content: "\F265";
+}
+
+i.icon.gg:before {
+ content: "\F260";
+}
+
+i.icon.gg.circle:before {
+ content: "\F261";
+}
+
+i.icon.gift:before {
+ content: "\F06B";
+}
+
+i.icon.git:before {
+ content: "\F1D3";
+}
+
+i.icon.git.square:before {
+ content: "\F1D2";
+}
+
+i.icon.github:before {
+ content: "\F09B";
+}
+
+i.icon.github.alternate:before {
+ content: "\F113";
+}
+
+i.icon.github.square:before {
+ content: "\F092";
+}
+
+i.icon.gitkraken:before {
+ content: "\F3A6";
+}
+
+i.icon.gitlab:before {
+ content: "\F296";
+}
+
+i.icon.gitter:before {
+ content: "\F426";
+}
+
+i.icon.glass.martini:before {
+ content: "\F000";
+}
+
+i.icon.glide:before {
+ content: "\F2A5";
+}
+
+i.icon.glide.g:before {
+ content: "\F2A6";
+}
+
+i.icon.globe:before {
+ content: "\F0AC";
+}
+
+i.icon.gofore:before {
+ content: "\F3A7";
+}
+
+i.icon.golf.ball:before {
+ content: "\F450";
+}
+
+i.icon.goodreads:before {
+ content: "\F3A8";
+}
+
+i.icon.goodreads.g:before {
+ content: "\F3A9";
+}
+
+i.icon.google:before {
+ content: "\F1A0";
+}
+
+i.icon.google.drive:before {
+ content: "\F3AA";
+}
+
+i.icon.google.play:before {
+ content: "\F3AB";
+}
+
+i.icon.google.plus:before {
+ content: "\F2B3";
+}
+
+i.icon.google.plus.g:before {
+ content: "\F0D5";
+}
+
+i.icon.google.plus.square:before {
+ content: "\F0D4";
+}
+
+i.icon.google.wallet:before {
+ content: "\F1EE";
+}
+
+i.icon.graduation.cap:before {
+ content: "\F19D";
+}
+
+i.icon.gratipay:before {
+ content: "\F184";
+}
+
+i.icon.grav:before {
+ content: "\F2D6";
+}
+
+i.icon.gripfire:before {
+ content: "\F3AC";
+}
+
+i.icon.grunt:before {
+ content: "\F3AD";
+}
+
+i.icon.gulp:before {
+ content: "\F3AE";
+}
+
+i.icon.h.square:before {
+ content: "\F0FD";
+}
+
+i.icon.hacker.news:before {
+ content: "\F1D4";
+}
+
+i.icon.hacker.news.square:before {
+ content: "\F3AF";
+}
+
+i.icon.hand.lizard:before {
+ content: "\F258";
+}
+
+i.icon.hand.paper:before {
+ content: "\F256";
+}
+
+i.icon.hand.peace:before {
+ content: "\F25B";
+}
+
+i.icon.hand.point.down:before {
+ content: "\F0A7";
+}
+
+i.icon.hand.point.left:before {
+ content: "\F0A5";
+}
+
+i.icon.hand.point.right:before {
+ content: "\F0A4";
+}
+
+i.icon.hand.point.up:before {
+ content: "\F0A6";
+}
+
+i.icon.hand.pointer:before {
+ content: "\F25A";
+}
+
+i.icon.hand.rock:before {
+ content: "\F255";
+}
+
+i.icon.hand.scissors:before {
+ content: "\F257";
+}
+
+i.icon.hand.spock:before {
+ content: "\F259";
+}
+
+i.icon.handshake:before {
+ content: "\F2B5";
+}
+
+i.icon.hashtag:before {
+ content: "\F292";
+}
+
+i.icon.hdd:before {
+ content: "\F0A0";
+}
+
+i.icon.heading:before {
+ content: "\F1DC";
+}
+
+i.icon.headphones:before {
+ content: "\F025";
+}
+
+i.icon.heart:before {
+ content: "\F004";
+}
+
+i.icon.heartbeat:before {
+ content: "\F21E";
+}
+
+i.icon.hips:before {
+ content: "\F452";
+}
+
+i.icon.hire.a.helper:before {
+ content: "\F3B0";
+}
+
+i.icon.history:before {
+ content: "\F1DA";
+}
+
+i.icon.hockey.puck:before {
+ content: "\F453";
+}
+
+i.icon.home:before {
+ content: "\F015";
+}
+
+i.icon.hooli:before {
+ content: "\F427";
+}
+
+i.icon.hospital:before {
+ content: "\F0F8";
+}
+
+i.icon.hospital.symbol:before {
+ content: "\F47E";
+}
+
+i.icon.hotjar:before {
+ content: "\F3B1";
+}
+
+i.icon.hourglass:before {
+ content: "\F254";
+}
+
+i.icon.hourglass.end:before {
+ content: "\F253";
+}
+
+i.icon.hourglass.half:before {
+ content: "\F252";
+}
+
+i.icon.hourglass.start:before {
+ content: "\F251";
+}
+
+i.icon.houzz:before {
+ content: "\F27C";
+}
+
+i.icon.html5:before {
+ content: "\F13B";
+}
+
+i.icon.hubspot:before {
+ content: "\F3B2";
+}
+
+i.icon.i.cursor:before {
+ content: "\F246";
+}
+
+i.icon.id.badge:before {
+ content: "\F2C1";
+}
+
+i.icon.id.card:before {
+ content: "\F2C2";
+}
+
+i.icon.image:before {
+ content: "\F03E";
+}
+
+i.icon.images:before {
+ content: "\F302";
+}
+
+i.icon.imdb:before {
+ content: "\F2D8";
+}
+
+i.icon.inbox:before {
+ content: "\F01C";
+}
+
+i.icon.indent:before {
+ content: "\F03C";
+}
+
+i.icon.industry:before {
+ content: "\F275";
+}
+
+i.icon.info:before {
+ content: "\F129";
+}
+
+i.icon.info.circle:before {
+ content: "\F05A";
+}
+
+i.icon.instagram:before {
+ content: "\F16D";
+}
+
+i.icon.internet.explorer:before {
+ content: "\F26B";
+}
+
+i.icon.ioxhost:before {
+ content: "\F208";
+}
+
+i.icon.italic:before {
+ content: "\F033";
+}
+
+i.icon.itunes:before {
+ content: "\F3B4";
+}
+
+i.icon.itunes.note:before {
+ content: "\F3B5";
+}
+
+i.icon.jenkins:before {
+ content: "\F3B6";
+}
+
+i.icon.joget:before {
+ content: "\F3B7";
+}
+
+i.icon.joomla:before {
+ content: "\F1AA";
+}
+
+i.icon.js:before {
+ content: "\F3B8";
+}
+
+i.icon.js.square:before {
+ content: "\F3B9";
+}
+
+i.icon.jsfiddle:before {
+ content: "\F1CC";
+}
+
+i.icon.key:before {
+ content: "\F084";
+}
+
+i.icon.keyboard:before {
+ content: "\F11C";
+}
+
+i.icon.keycdn:before {
+ content: "\F3BA";
+}
+
+i.icon.kickstarter:before {
+ content: "\F3BB";
+}
+
+i.icon.kickstarter.k:before {
+ content: "\F3BC";
+}
+
+i.icon.korvue:before {
+ content: "\F42F";
+}
+
+i.icon.language:before {
+ content: "\F1AB";
+}
+
+i.icon.laptop:before {
+ content: "\F109";
+}
+
+i.icon.laravel:before {
+ content: "\F3BD";
+}
+
+i.icon.lastfm:before {
+ content: "\F202";
+}
+
+i.icon.lastfm.square:before {
+ content: "\F203";
+}
+
+i.icon.leaf:before {
+ content: "\F06C";
+}
+
+i.icon.leanpub:before {
+ content: "\F212";
+}
+
+i.icon.lemon:before {
+ content: "\F094";
+}
+
+i.icon.less:before {
+ content: "\F41D";
+}
+
+i.icon.level.down.alternate:before {
+ content: "\F3BE";
+}
+
+i.icon.level.up.alternate:before {
+ content: "\F3BF";
+}
+
+i.icon.life.ring:before {
+ content: "\F1CD";
+}
+
+i.icon.lightbulb:before {
+ content: "\F0EB";
+}
+
+i.icon.linechat:before {
+ content: "\F3C0";
+}
+
+i.icon.linkify:before {
+ content: "\F0C1";
+}
+
+i.icon.linkedin:before {
+ content: "\F08C";
+}
+
+i.icon.linkedin.alt:before {
+ content: "\F0E1";
+}
+
+i.icon.linode:before {
+ content: "\F2B8";
+}
+
+i.icon.linux:before {
+ content: "\F17C";
+}
+
+i.icon.lira.sign:before {
+ content: "\F195";
+}
+
+i.icon.list:before {
+ content: "\F03A";
+}
+
+i.icon.list.alternate:before {
+ content: "\F022";
+}
+
+i.icon.list.ol:before {
+ content: "\F0CB";
+}
+
+i.icon.list.ul:before {
+ content: "\F0CA";
+}
+
+i.icon.location.arrow:before {
+ content: "\F124";
+}
+
+i.icon.lock:before {
+ content: "\F023";
+}
+
+i.icon.lock.open:before {
+ content: "\F3C1";
+}
+
+i.icon.long.arrow.alternate.down:before {
+ content: "\F309";
+}
+
+i.icon.long.arrow.alternate.left:before {
+ content: "\F30A";
+}
+
+i.icon.long.arrow.alternate.right:before {
+ content: "\F30B";
+}
+
+i.icon.long.arrow.alternate.up:before {
+ content: "\F30C";
+}
+
+i.icon.low.vision:before {
+ content: "\F2A8";
+}
+
+i.icon.lyft:before {
+ content: "\F3C3";
+}
+
+i.icon.magento:before {
+ content: "\F3C4";
+}
+
+i.icon.magic:before {
+ content: "\F0D0";
+}
+
+i.icon.magnet:before {
+ content: "\F076";
+}
+
+i.icon.male:before {
+ content: "\F183";
+}
+
+i.icon.map:before {
+ content: "\F279";
+}
+
+i.icon.map.marker:before {
+ content: "\F041";
+}
+
+i.icon.map.marker.alternate:before {
+ content: "\F3C5";
+}
+
+i.icon.map.pin:before {
+ content: "\F276";
+}
+
+i.icon.map.signs:before {
+ content: "\F277";
+}
+
+i.icon.mars:before {
+ content: "\F222";
+}
+
+i.icon.mars.double:before {
+ content: "\F227";
+}
+
+i.icon.mars.stroke:before {
+ content: "\F229";
+}
+
+i.icon.mars.stroke.horizontal:before {
+ content: "\F22B";
+}
+
+i.icon.mars.stroke.vertical:before {
+ content: "\F22A";
+}
+
+i.icon.maxcdn:before {
+ content: "\F136";
+}
+
+i.icon.medapps:before {
+ content: "\F3C6";
+}
+
+i.icon.medium:before {
+ content: "\F23A";
+}
+
+i.icon.medium.m:before {
+ content: "\F3C7";
+}
+
+i.icon.medkit:before {
+ content: "\F0FA";
+}
+
+i.icon.medrt:before {
+ content: "\F3C8";
+}
+
+i.icon.meetup:before {
+ content: "\F2E0";
+}
+
+i.icon.meh:before {
+ content: "\F11A";
+}
+
+i.icon.mercury:before {
+ content: "\F223";
+}
+
+i.icon.microchip:before {
+ content: "\F2DB";
+}
+
+i.icon.microphone:before {
+ content: "\F130";
+}
+
+i.icon.microphone.slash:before {
+ content: "\F131";
+}
+
+i.icon.microsoft:before {
+ content: "\F3CA";
+}
+
+i.icon.minus:before {
+ content: "\F068";
+}
+
+i.icon.minus.circle:before {
+ content: "\F056";
+}
+
+i.icon.minus.square:before {
+ content: "\F146";
+}
+
+i.icon.mix:before {
+ content: "\F3CB";
+}
+
+i.icon.mixcloud:before {
+ content: "\F289";
+}
+
+i.icon.mizuni:before {
+ content: "\F3CC";
+}
+
+i.icon.mobile:before {
+ content: "\F10B";
+}
+
+i.icon.mobile.alternate:before {
+ content: "\F3CD";
+}
+
+i.icon.modx:before {
+ content: "\F285";
+}
+
+i.icon.monero:before {
+ content: "\F3D0";
+}
+
+i.icon.money.bill.alternate:before {
+ content: "\F3D1";
+}
+
+i.icon.moon:before {
+ content: "\F186";
+}
+
+i.icon.motorcycle:before {
+ content: "\F21C";
+}
+
+i.icon.mouse.pointer:before {
+ content: "\F245";
+}
+
+i.icon.music:before {
+ content: "\F001";
+}
+
+i.icon.napster:before {
+ content: "\F3D2";
+}
+
+i.icon.neuter:before {
+ content: "\F22C";
+}
+
+i.icon.newspaper:before {
+ content: "\F1EA";
+}
+
+i.icon.nintendo.switch:before {
+ content: "\F418";
+}
+
+i.icon.node:before {
+ content: "\F419";
+}
+
+i.icon.node.js:before {
+ content: "\F3D3";
+}
+
+i.icon.npm:before {
+ content: "\F3D4";
+}
+
+i.icon.ns8:before {
+ content: "\F3D5";
+}
+
+i.icon.nutritionix:before {
+ content: "\F3D6";
+}
+
+i.icon.object.group:before {
+ content: "\F247";
+}
+
+i.icon.object.ungroup:before {
+ content: "\F248";
+}
+
+i.icon.odnoklassniki:before {
+ content: "\F263";
+}
+
+i.icon.odnoklassniki.square:before {
+ content: "\F264";
+}
+
+i.icon.opencart:before {
+ content: "\F23D";
+}
+
+i.icon.openid:before {
+ content: "\F19B";
+}
+
+i.icon.opera:before {
+ content: "\F26A";
+}
+
+i.icon.optin.monster:before {
+ content: "\F23C";
+}
+
+i.icon.osi:before {
+ content: "\F41A";
+}
+
+i.icon.outdent:before {
+ content: "\F03B";
+}
+
+i.icon.page4:before {
+ content: "\F3D7";
+}
+
+i.icon.pagelines:before {
+ content: "\F18C";
+}
+
+i.icon.paint.brush:before {
+ content: "\F1FC";
+}
+
+i.icon.palfed:before {
+ content: "\F3D8";
+}
+
+i.icon.pallet:before {
+ content: "\F482";
+}
+
+i.icon.paper.plane:before {
+ content: "\F1D8";
+}
+
+i.icon.paperclip:before {
+ content: "\F0C6";
+}
+
+i.icon.paragraph:before {
+ content: "\F1DD";
+}
+
+i.icon.paste:before {
+ content: "\F0EA";
+}
+
+i.icon.patreon:before {
+ content: "\F3D9";
+}
+
+i.icon.pause:before {
+ content: "\F04C";
+}
+
+i.icon.pause.circle:before {
+ content: "\F28B";
+}
+
+i.icon.paw:before {
+ content: "\F1B0";
+}
+
+i.icon.paypal:before {
+ content: "\F1ED";
+}
+
+i.icon.pen.square:before {
+ content: "\F14B";
+}
+
+i.icon.pencil.alternate:before {
+ content: "\F303";
+}
+
+i.icon.percent:before {
+ content: "\F295";
+}
+
+i.icon.periscope:before {
+ content: "\F3DA";
+}
+
+i.icon.phabricator:before {
+ content: "\F3DB";
+}
+
+i.icon.phoenix.framework:before {
+ content: "\F3DC";
+}
+
+i.icon.phone:before {
+ content: "\F095";
+}
+
+i.icon.phone.square:before {
+ content: "\F098";
+}
+
+i.icon.phone.volume:before {
+ content: "\F2A0";
+}
+
+i.icon.php:before {
+ content: "\F457";
+}
+
+i.icon.pied.piper:before {
+ content: "\F2AE";
+}
+
+i.icon.pied.piper.alternate:before {
+ content: "\F1A8";
+}
+
+i.icon.pied.piper.pp:before {
+ content: "\F1A7";
+}
+
+i.icon.pills:before {
+ content: "\F484";
+}
+
+i.icon.pinterest:before {
+ content: "\F0D2";
+}
+
+i.icon.pinterest.p:before {
+ content: "\F231";
+}
+
+i.icon.pinterest.square:before {
+ content: "\F0D3";
+}
+
+i.icon.plane:before {
+ content: "\F072";
+}
+
+i.icon.play:before {
+ content: "\F04B";
+}
+
+i.icon.play.circle:before {
+ content: "\F144";
+}
+
+i.icon.playstation:before {
+ content: "\F3DF";
+}
+
+i.icon.plug:before {
+ content: "\F1E6";
+}
+
+i.icon.plus:before {
+ content: "\F067";
+}
+
+i.icon.plus.circle:before {
+ content: "\F055";
+}
+
+i.icon.plus.square:before {
+ content: "\F0FE";
+}
+
+i.icon.podcast:before {
+ content: "\F2CE";
+}
+
+i.icon.pound.sign:before {
+ content: "\F154";
+}
+
+i.icon.power.off:before {
+ content: "\F011";
+}
+
+i.icon.print:before {
+ content: "\F02F";
+}
+
+i.icon.product.hunt:before {
+ content: "\F288";
+}
+
+i.icon.pushed:before {
+ content: "\F3E1";
+}
+
+i.icon.puzzle.piece:before {
+ content: "\F12E";
+}
+
+i.icon.python:before {
+ content: "\F3E2";
+}
+
+i.icon.qq:before {
+ content: "\F1D6";
+}
+
+i.icon.qrcode:before {
+ content: "\F029";
+}
+
+i.icon.question:before {
+ content: "\F128";
+}
+
+i.icon.question.circle:before {
+ content: "\F059";
+}
+
+i.icon.quidditch:before {
+ content: "\F458";
+}
+
+i.icon.quinscape:before {
+ content: "\F459";
+}
+
+i.icon.quora:before {
+ content: "\F2C4";
+}
+
+i.icon.quote.left:before {
+ content: "\F10D";
+}
+
+i.icon.quote.right:before {
+ content: "\F10E";
+}
+
+i.icon.random:before {
+ content: "\F074";
+}
+
+i.icon.ravelry:before {
+ content: "\F2D9";
+}
+
+i.icon.react:before {
+ content: "\F41B";
+}
+
+i.icon.rebel:before {
+ content: "\F1D0";
+}
+
+i.icon.recycle:before {
+ content: "\F1B8";
+}
+
+i.icon.redriver:before {
+ content: "\F3E3";
+}
+
+i.icon.reddit:before {
+ content: "\F1A1";
+}
+
+i.icon.reddit.alien:before {
+ content: "\F281";
+}
+
+i.icon.reddit.square:before {
+ content: "\F1A2";
+}
+
+i.icon.redo:before {
+ content: "\F01E";
+}
+
+i.icon.redo.alternate:before {
+ content: "\F2F9";
+}
+
+i.icon.registered:before {
+ content: "\F25D";
+}
+
+i.icon.rendact:before {
+ content: "\F3E4";
+}
+
+i.icon.renren:before {
+ content: "\F18B";
+}
+
+i.icon.reply:before {
+ content: "\F3E5";
+}
+
+i.icon.reply.all:before {
+ content: "\F122";
+}
+
+i.icon.replyd:before {
+ content: "\F3E6";
+}
+
+i.icon.resolving:before {
+ content: "\F3E7";
+}
+
+i.icon.retweet:before {
+ content: "\F079";
+}
+
+i.icon.road:before {
+ content: "\F018";
+}
+
+i.icon.rocket:before {
+ content: "\F135";
+}
+
+i.icon.rocketchat:before {
+ content: "\F3E8";
+}
+
+i.icon.rockrms:before {
+ content: "\F3E9";
+}
+
+i.icon.rss:before {
+ content: "\F09E";
+}
+
+i.icon.rss.square:before {
+ content: "\F143";
+}
+
+i.icon.ruble.sign:before {
+ content: "\F158";
+}
+
+i.icon.rupee.sign:before {
+ content: "\F156";
+}
+
+i.icon.safari:before {
+ content: "\F267";
+}
+
+i.icon.sass:before {
+ content: "\F41E";
+}
+
+i.icon.save:before {
+ content: "\F0C7";
+}
+
+i.icon.schlix:before {
+ content: "\F3EA";
+}
+
+i.icon.scribd:before {
+ content: "\F28A";
+}
+
+i.icon.search:before {
+ content: "\F002";
+}
+
+i.icon.search.minus:before {
+ content: "\F010";
+}
+
+i.icon.search.plus:before {
+ content: "\F00E";
+}
+
+i.icon.searchengin:before {
+ content: "\F3EB";
+}
+
+i.icon.sellcast:before {
+ content: "\F2DA";
+}
+
+i.icon.sellsy:before {
+ content: "\F213";
+}
+
+i.icon.server:before {
+ content: "\F233";
+}
+
+i.icon.servicestack:before {
+ content: "\F3EC";
+}
+
+i.icon.share:before {
+ content: "\F064";
+}
+
+i.icon.share.alternate:before {
+ content: "\F1E0";
+}
+
+i.icon.share.alternate.square:before {
+ content: "\F1E1";
+}
+
+i.icon.share.square:before {
+ content: "\F14D";
+}
+
+i.icon.shekel.sign:before {
+ content: "\F20B";
+}
+
+i.icon.shield.alternate:before {
+ content: "\F3ED";
+}
+
+i.icon.ship:before {
+ content: "\F21A";
+}
+
+i.icon.shipping.fast:before {
+ content: "\F48B";
+}
+
+i.icon.shirtsinbulk:before {
+ content: "\F214";
+}
+
+i.icon.shopping.bag:before {
+ content: "\F290";
+}
+
+i.icon.shopping.basket:before {
+ content: "\F291";
+}
+
+i.icon.shopping.cart:before {
+ content: "\F07A";
+}
+
+i.icon.shower:before {
+ content: "\F2CC";
+}
+
+i.icon.sign.language:before {
+ content: "\F2A7";
+}
+
+i.icon.signal:before {
+ content: "\F012";
+}
+
+i.icon.simplybuilt:before {
+ content: "\F215";
+}
+
+i.icon.sistrix:before {
+ content: "\F3EE";
+}
+
+i.icon.sitemap:before {
+ content: "\F0E8";
+}
+
+i.icon.skyatlas:before {
+ content: "\F216";
+}
+
+i.icon.skype:before {
+ content: "\F17E";
+}
+
+i.icon.slack:before {
+ content: "\F198";
+}
+
+i.icon.slack.hash:before {
+ content: "\F3EF";
+}
+
+i.icon.sliders.horizontal:before {
+ content: "\F1DE";
+}
+
+i.icon.slideshare:before {
+ content: "\F1E7";
+}
+
+i.icon.smile:before {
+ content: "\F118";
+}
+
+i.icon.snapchat:before {
+ content: "\F2AB";
+}
+
+i.icon.snapchat.ghost:before {
+ content: "\F2AC";
+}
+
+i.icon.snapchat.square:before {
+ content: "\F2AD";
+}
+
+i.icon.snowflake:before {
+ content: "\F2DC";
+}
+
+i.icon.sort:before {
+ content: "\F0DC";
+}
+
+i.icon.sort.alphabet.down:before {
+ content: "\F15D";
+}
+
+i.icon.sort.alphabet.up:before {
+ content: "\F15E";
+}
+
+i.icon.sort.amount.down:before {
+ content: "\F160";
+}
+
+i.icon.sort.amount.up:before {
+ content: "\F161";
+}
+
+i.icon.sort.down:before {
+ content: "\F0DD";
+}
+
+i.icon.sort.numeric.down:before {
+ content: "\F162";
+}
+
+i.icon.sort.numeric.up:before {
+ content: "\F163";
+}
+
+i.icon.sort.up:before {
+ content: "\F0DE";
+}
+
+i.icon.soundcloud:before {
+ content: "\F1BE";
+}
+
+i.icon.space.shuttle:before {
+ content: "\F197";
+}
+
+i.icon.speakap:before {
+ content: "\F3F3";
+}
+
+i.icon.spinner:before {
+ content: "\F110";
+}
+
+i.icon.spotify:before {
+ content: "\F1BC";
+}
+
+i.icon.square:before {
+ content: "\F0C8";
+}
+
+i.icon.square.full:before {
+ content: "\F45C";
+}
+
+i.icon.stack.exchange:before {
+ content: "\F18D";
+}
+
+i.icon.stack.overflow:before {
+ content: "\F16C";
+}
+
+i.icon.star:before {
+ content: "\F005";
+}
+
+i.icon.star.half:before {
+ content: "\F089";
+}
+
+i.icon.staylinked:before {
+ content: "\F3F5";
+}
+
+i.icon.steam:before {
+ content: "\F1B6";
+}
+
+i.icon.steam.square:before {
+ content: "\F1B7";
+}
+
+i.icon.steam.symbol:before {
+ content: "\F3F6";
+}
+
+i.icon.step.backward:before {
+ content: "\F048";
+}
+
+i.icon.step.forward:before {
+ content: "\F051";
+}
+
+i.icon.stethoscope:before {
+ content: "\F0F1";
+}
+
+i.icon.sticker.mule:before {
+ content: "\F3F7";
+}
+
+i.icon.sticky.note:before {
+ content: "\F249";
+}
+
+i.icon.stop:before {
+ content: "\F04D";
+}
+
+i.icon.stop.circle:before {
+ content: "\F28D";
+}
+
+i.icon.stopwatch:before {
+ content: "\F2F2";
+}
+
+i.icon.strava:before {
+ content: "\F428";
+}
+
+i.icon.street.view:before {
+ content: "\F21D";
+}
+
+i.icon.strikethrough:before {
+ content: "\F0CC";
+}
+
+i.icon.stripe:before {
+ content: "\F429";
+}
+
+i.icon.stripe.s:before {
+ content: "\F42A";
+}
+
+i.icon.studiovinari:before {
+ content: "\F3F8";
+}
+
+i.icon.stumbleupon:before {
+ content: "\F1A4";
+}
+
+i.icon.stumbleupon.circle:before {
+ content: "\F1A3";
+}
+
+i.icon.subscript:before {
+ content: "\F12C";
+}
+
+i.icon.subway:before {
+ content: "\F239";
+}
+
+i.icon.suitcase:before {
+ content: "\F0F2";
+}
+
+i.icon.sun:before {
+ content: "\F185";
+}
+
+i.icon.superpowers:before {
+ content: "\F2DD";
+}
+
+i.icon.superscript:before {
+ content: "\F12B";
+}
+
+i.icon.supple:before {
+ content: "\F3F9";
+}
+
+i.icon.sync:before {
+ content: "\F021";
+}
+
+i.icon.sync.alternate:before {
+ content: "\F2F1";
+}
+
+i.icon.syringe:before {
+ content: "\F48E";
+}
+
+i.icon.table:before {
+ content: "\F0CE";
+}
+
+i.icon.table.tennis:before {
+ content: "\F45D";
+}
+
+i.icon.tablet:before {
+ content: "\F10A";
+}
+
+i.icon.tablet.alternate:before {
+ content: "\F3FA";
+}
+
+i.icon.tachometer.alternate:before {
+ content: "\F3FD";
+}
+
+i.icon.tag:before {
+ content: "\F02B";
+}
+
+i.icon.tags:before {
+ content: "\F02C";
+}
+
+i.icon.tasks:before {
+ content: "\F0AE";
+}
+
+i.icon.taxi:before {
+ content: "\F1BA";
+}
+
+i.icon.telegram:before {
+ content: "\F2C6";
+}
+
+i.icon.telegram.plane:before {
+ content: "\F3FE";
+}
+
+i.icon.tencent.weibo:before {
+ content: "\F1D5";
+}
+
+i.icon.terminal:before {
+ content: "\F120";
+}
+
+i.icon.text.height:before {
+ content: "\F034";
+}
+
+i.icon.text.width:before {
+ content: "\F035";
+}
+
+i.icon.th:before {
+ content: "\F00A";
+}
+
+i.icon.th.large:before {
+ content: "\F009";
+}
+
+i.icon.th.list:before {
+ content: "\F00B";
+}
+
+i.icon.themeisle:before {
+ content: "\F2B2";
+}
+
+i.icon.thermometer:before {
+ content: "\F491";
+}
+
+i.icon.thermometer.empty:before {
+ content: "\F2CB";
+}
+
+i.icon.thermometer.full:before {
+ content: "\F2C7";
+}
+
+i.icon.thermometer.half:before {
+ content: "\F2C9";
+}
+
+i.icon.thermometer.quarter:before {
+ content: "\F2CA";
+}
+
+i.icon.thermometer.three.quarters:before {
+ content: "\F2C8";
+}
+
+i.icon.thumbs.down:before {
+ content: "\F165";
+}
+
+i.icon.thumbs.up:before {
+ content: "\F164";
+}
+
+i.icon.thumbtack:before {
+ content: "\F08D";
+}
+
+i.icon.ticket.alternate:before {
+ content: "\F3FF";
+}
+
+i.icon.times:before {
+ content: "\F00D";
+}
+
+i.icon.times.circle:before {
+ content: "\F057";
+}
+
+i.icon.tint:before {
+ content: "\F043";
+}
+
+i.icon.toggle.off:before {
+ content: "\F204";
+}
+
+i.icon.toggle.on:before {
+ content: "\F205";
+}
+
+i.icon.trademark:before {
+ content: "\F25C";
+}
+
+i.icon.train:before {
+ content: "\F238";
+}
+
+i.icon.transgender:before {
+ content: "\F224";
+}
+
+i.icon.transgender.alternate:before {
+ content: "\F225";
+}
+
+i.icon.trash:before {
+ content: "\F1F8";
+}
+
+i.icon.trash.alternate:before {
+ content: "\F2ED";
+}
+
+i.icon.tree:before {
+ content: "\F1BB";
+}
+
+i.icon.trello:before {
+ content: "\F181";
+}
+
+i.icon.tripadvisor:before {
+ content: "\F262";
+}
+
+i.icon.trophy:before {
+ content: "\F091";
+}
+
+i.icon.truck:before {
+ content: "\F0D1";
+}
+
+i.icon.tty:before {
+ content: "\F1E4";
+}
+
+i.icon.tumblr:before {
+ content: "\F173";
+}
+
+i.icon.tumblr.square:before {
+ content: "\F174";
+}
+
+i.icon.tv:before {
+ content: "\F26C";
+}
+
+i.icon.twitch:before {
+ content: "\F1E8";
+}
+
+i.icon.twitter:before {
+ content: "\F099";
+}
+
+i.icon.twitter.square:before {
+ content: "\F081";
+}
+
+i.icon.typo3:before {
+ content: "\F42B";
+}
+
+i.icon.uber:before {
+ content: "\F402";
+}
+
+i.icon.uikit:before {
+ content: "\F403";
+}
+
+i.icon.umbrella:before {
+ content: "\F0E9";
+}
+
+i.icon.underline:before {
+ content: "\F0CD";
+}
+
+i.icon.undo:before {
+ content: "\F0E2";
+}
+
+i.icon.undo.alternate:before {
+ content: "\F2EA";
+}
+
+i.icon.uniregistry:before {
+ content: "\F404";
+}
+
+i.icon.universal.access:before {
+ content: "\F29A";
+}
+
+i.icon.university:before {
+ content: "\F19C";
+}
+
+i.icon.unlink:before {
+ content: "\F127";
+}
+
+i.icon.unlock:before {
+ content: "\F09C";
+}
+
+i.icon.unlock.alternate:before {
+ content: "\F13E";
+}
+
+i.icon.untappd:before {
+ content: "\F405";
+}
+
+i.icon.upload:before {
+ content: "\F093";
+}
+
+i.icon.usb:before {
+ content: "\F287";
+}
+
+i.icon.user:before {
+ content: "\F007";
+}
+
+i.icon.user.circle:before {
+ content: "\F2BD";
+}
+
+i.icon.user.md:before {
+ content: "\F0F0";
+}
+
+i.icon.user.plus:before {
+ content: "\F234";
+}
+
+i.icon.user.secret:before {
+ content: "\F21B";
+}
+
+i.icon.user.times:before {
+ content: "\F235";
+}
+
+i.icon.users:before {
+ content: "\F0C0";
+}
+
+i.icon.ussunnah:before {
+ content: "\F407";
+}
+
+i.icon.utensil.spoon:before {
+ content: "\F2E5";
+}
+
+i.icon.utensils:before {
+ content: "\F2E7";
+}
+
+i.icon.vaadin:before {
+ content: "\F408";
+}
+
+i.icon.venus:before {
+ content: "\F221";
+}
+
+i.icon.venus.double:before {
+ content: "\F226";
+}
+
+i.icon.venus.mars:before {
+ content: "\F228";
+}
+
+i.icon.viacoin:before {
+ content: "\F237";
+}
+
+i.icon.viadeo:before {
+ content: "\F2A9";
+}
+
+i.icon.viadeo.square:before {
+ content: "\F2AA";
+}
+
+i.icon.viber:before {
+ content: "\F409";
+}
+
+i.icon.video:before {
+ content: "\F03D";
+}
+
+i.icon.vimeo:before {
+ content: "\F40A";
+}
+
+i.icon.vimeo.square:before {
+ content: "\F194";
+}
+
+i.icon.vimeo.v:before {
+ content: "\F27D";
+}
+
+i.icon.vine:before {
+ content: "\F1CA";
+}
+
+i.icon.vk:before {
+ content: "\F189";
+}
+
+i.icon.vnv:before {
+ content: "\F40B";
+}
+
+i.icon.volleyball.ball:before {
+ content: "\F45F";
+}
+
+i.icon.volume.down:before {
+ content: "\F027";
+}
+
+i.icon.volume.off:before {
+ content: "\F026";
+}
+
+i.icon.volume.up:before {
+ content: "\F028";
+}
+
+i.icon.vuejs:before {
+ content: "\F41F";
+}
+
+i.icon.warehouse:before {
+ content: "\F494";
+}
+
+i.icon.weibo:before {
+ content: "\F18A";
+}
+
+i.icon.weight:before {
+ content: "\F496";
+}
+
+i.icon.weixin:before {
+ content: "\F1D7";
+}
+
+i.icon.whatsapp:before {
+ content: "\F232";
+}
+
+i.icon.whatsapp.square:before {
+ content: "\F40C";
+}
+
+i.icon.wheelchair:before {
+ content: "\F193";
+}
+
+i.icon.whmcs:before {
+ content: "\F40D";
+}
+
+i.icon.wifi:before {
+ content: "\F1EB";
+}
+
+i.icon.wikipedia.w:before {
+ content: "\F266";
+}
+
+i.icon.window.close:before {
+ content: "\F410";
+}
+
+i.icon.window.maximize:before {
+ content: "\F2D0";
+}
+
+i.icon.window.minimize:before {
+ content: "\F2D1";
+}
+
+i.icon.window.restore:before {
+ content: "\F2D2";
+}
+
+i.icon.windows:before {
+ content: "\F17A";
+}
+
+i.icon.won.sign:before {
+ content: "\F159";
+}
+
+i.icon.wordpress:before {
+ content: "\F19A";
+}
+
+i.icon.wordpress.simple:before {
+ content: "\F411";
+}
+
+i.icon.wpbeginner:before {
+ content: "\F297";
+}
+
+i.icon.wpexplorer:before {
+ content: "\F2DE";
+}
+
+i.icon.wpforms:before {
+ content: "\F298";
+}
+
+i.icon.wrench:before {
+ content: "\F0AD";
+}
+
+i.icon.xbox:before {
+ content: "\F412";
+}
+
+i.icon.xing:before {
+ content: "\F168";
+}
+
+i.icon.xing.square:before {
+ content: "\F169";
+}
+
+i.icon.y.combinator:before {
+ content: "\F23B";
+}
+
+i.icon.yahoo:before {
+ content: "\F19E";
+}
+
+i.icon.yandex:before {
+ content: "\F413";
+}
+
+i.icon.yandex.international:before {
+ content: "\F414";
+}
+
+i.icon.yelp:before {
+ content: "\F1E9";
+}
+
+i.icon.yen.sign:before {
+ content: "\F157";
+}
+
+i.icon.yoast:before {
+ content: "\F2B1";
+}
+
+i.icon.youtube:before {
+ content: "\F167";
+}
+
+i.icon.youtube.square:before {
+ content: "\F431";
+}
+
+/* Aliases */
+
+i.icon.chess.rock:before {
+ content: "\F447";
+}
+
+i.icon.ordered.list:before {
+ content: "\F0CB";
+}
+
+i.icon.unordered.list:before {
+ content: "\F0CA";
+}
+
+i.icon.user.doctor:before {
+ content: "\F0F0";
+}
+
+i.icon.shield:before {
+ content: "\F3ED";
+}
+
+i.icon.puzzle:before {
+ content: "\F12E";
+}
+
+i.icon.credit.card.amazon.pay:before {
+ content: "\F42D";
+}
+
+i.icon.credit.card.american.express:before {
+ content: "\F1F3";
+}
+
+i.icon.credit.card.diners.club:before {
+ content: "\F24C";
+}
+
+i.icon.credit.card.discover:before {
+ content: "\F1F2";
+}
+
+i.icon.credit.card.jcb:before {
+ content: "\F24B";
+}
+
+i.icon.credit.card.mastercard:before {
+ content: "\F1F1";
+}
+
+i.icon.credit.card.paypal:before {
+ content: "\F1F4";
+}
+
+i.icon.credit.card.stripe:before {
+ content: "\F1F5";
+}
+
+i.icon.credit.card.visa:before {
+ content: "\F1F0";
+}
+
+i.icon.add.circle:before {
+ content: "\F055";
+}
+
+i.icon.add.square:before {
+ content: "\F0FE";
+}
+
+i.icon.add.to.calendar:before {
+ content: "\F271";
+}
+
+i.icon.add.to.cart:before {
+ content: "\F217";
+}
+
+i.icon.add.user:before {
+ content: "\F234";
+}
+
+i.icon.add:before {
+ content: "\F067";
+}
+
+i.icon.alarm.mute:before {
+ content: "\F1F6";
+}
+
+i.icon.alarm:before {
+ content: "\F0F3";
+}
+
+i.icon.ald:before {
+ content: "\F2A2";
+}
+
+i.icon.als:before {
+ content: "\F2A2";
+}
+
+i.icon.american.express.card:before {
+ content: "\F1F3";
+}
+
+i.icon.american.express:before {
+ content: "\F1F3";
+}
+
+i.icon.amex:before {
+ content: "\F1F3";
+}
+
+i.icon.announcement:before {
+ content: "\F0A1";
+}
+
+i.icon.area.chart:before {
+ content: "\F1FE";
+}
+
+i.icon.area.graph:before {
+ content: "\F1FE";
+}
+
+i.icon.arrow.down.cart:before {
+ content: "\F218";
+}
+
+i.icon.asexual:before {
+ content: "\F22D";
+}
+
+i.icon.asl.interpreting:before {
+ content: "\F2A3";
+}
+
+i.icon.asl:before {
+ content: "\F2A3";
+}
+
+i.icon.assistive.listening.devices:before {
+ content: "\F2A2";
+}
+
+i.icon.attach:before {
+ content: "\F0C6";
+}
+
+i.icon.attention:before {
+ content: "\F06A";
+}
+
+i.icon.balance:before {
+ content: "\F24E";
+}
+
+i.icon.bar:before {
+ content: "\F0FC";
+}
+
+i.icon.bathtub:before {
+ content: "\F2CD";
+}
+
+i.icon.battery.four:before {
+ content: "\F240";
+}
+
+i.icon.battery.high:before {
+ content: "\F241";
+}
+
+i.icon.battery.low:before {
+ content: "\F243";
+}
+
+i.icon.battery.medium:before {
+ content: "\F242";
+}
+
+i.icon.battery.one:before {
+ content: "\F243";
+}
+
+i.icon.battery.three:before {
+ content: "\F241";
+}
+
+i.icon.battery.two:before {
+ content: "\F242";
+}
+
+i.icon.battery.zero:before {
+ content: "\F244";
+}
+
+i.icon.birthday:before {
+ content: "\F1FD";
+}
+
+i.icon.block.layout:before {
+ content: "\F009";
+}
+
+i.icon.bluetooth.alternative:before {
+ content: "\F294";
+}
+
+i.icon.broken.chain:before {
+ content: "\F127";
+}
+
+i.icon.browser:before {
+ content: "\F022";
+}
+
+i.icon.call.square:before {
+ content: "\F098";
+}
+
+i.icon.call:before {
+ content: "\F095";
+}
+
+i.icon.cancel:before {
+ content: "\F00D";
+}
+
+i.icon.cart:before {
+ content: "\F07A";
+}
+
+i.icon.cc:before {
+ content: "\F20A";
+}
+
+i.icon.chain:before {
+ content: "\F0C1";
+}
+
+i.icon.chat:before {
+ content: "\F075";
+}
+
+i.icon.checked.calendar:before {
+ content: "\F274";
+}
+
+i.icon.checkmark:before {
+ content: "\F00C";
+}
+
+i.icon.circle.notched:before {
+ content: "\F1CE";
+}
+
+i.icon.close:before {
+ content: "\F00D";
+}
+
+i.icon.cny:before {
+ content: "\F157";
+}
+
+i.icon.cocktail:before {
+ content: "\F000";
+}
+
+i.icon.commenting:before {
+ content: "\F27A";
+}
+
+i.icon.computer:before {
+ content: "\F108";
+}
+
+i.icon.configure:before {
+ content: "\F0AD";
+}
+
+i.icon.content:before {
+ content: "\F0C9";
+}
+
+i.icon.deafness:before {
+ content: "\F2A4";
+}
+
+i.icon.delete.calendar:before {
+ content: "\F273";
+}
+
+i.icon.delete:before {
+ content: "\F00D";
+}
+
+i.icon.detective:before {
+ content: "\F21B";
+}
+
+i.icon.diners.club.card:before {
+ content: "\F24C";
+}
+
+i.icon.diners.club:before {
+ content: "\F24C";
+}
+
+i.icon.discover.card:before {
+ content: "\F1F2";
+}
+
+i.icon.discover:before {
+ content: "\F1F2";
+}
+
+i.icon.discussions:before {
+ content: "\F086";
+}
+
+i.icon.doctor:before {
+ content: "\F0F0";
+}
+
+i.icon.dollar:before {
+ content: "\F155";
+}
+
+i.icon.dont:before {
+ content: "\F05E";
+}
+
+i.icon.dribble:before {
+ content: "\F17D";
+}
+
+i.icon.drivers.license:before {
+ content: "\F2C2";
+}
+
+i.icon.dropdown:before {
+ content: "\F0D7";
+}
+
+i.icon.eercast:before {
+ content: "\F2DA";
+}
+
+i.icon.emergency:before {
+ content: "\F0F9";
+}
+
+i.icon.envira.gallery:before {
+ content: "\F299";
+}
+
+i.icon.erase:before {
+ content: "\F12D";
+}
+
+i.icon.eur:before {
+ content: "\F153";
+}
+
+i.icon.euro:before {
+ content: "\F153";
+}
+
+i.icon.eyedropper:before {
+ content: "\F1FB";
+}
+
+i.icon.fa:before {
+ content: "\F2B4";
+}
+
+i.icon.factory:before {
+ content: "\F275";
+}
+
+i.icon.favorite:before {
+ content: "\F005";
+}
+
+i.icon.feed:before {
+ content: "\F09E";
+}
+
+i.icon.female.homosexual:before {
+ content: "\F226";
+}
+
+i.icon.file.text:before {
+ content: "\F15C";
+}
+
+i.icon.find:before {
+ content: "\F1E5";
+}
+
+i.icon.first.aid:before {
+ content: "\F0FA";
+}
+
+i.icon.five.hundred.pixels:before {
+ content: "\F26E";
+}
+
+i.icon.fork:before {
+ content: "\F126";
+}
+
+i.icon.game:before {
+ content: "\F11B";
+}
+
+i.icon.gay:before {
+ content: "\F227";
+}
+
+i.icon.gbp:before {
+ content: "\F154";
+}
+
+i.icon.gittip:before {
+ content: "\F184";
+}
+
+i.icon.google.plus.circle:before {
+ content: "\F2B3";
+}
+
+i.icon.google.plus.official:before {
+ content: "\F2B3";
+}
+
+i.icon.grab:before {
+ content: "\F255";
+}
+
+i.icon.graduation:before {
+ content: "\F19D";
+}
+
+i.icon.grid.layout:before {
+ content: "\F00A";
+}
+
+i.icon.group:before {
+ content: "\F0C0";
+}
+
+i.icon.h:before {
+ content: "\F0FD";
+}
+
+i.icon.hand.victory:before {
+ content: "\F25B";
+}
+
+i.icon.handicap:before {
+ content: "\F193";
+}
+
+i.icon.hard.of.hearing:before {
+ content: "\F2A4";
+}
+
+i.icon.header:before {
+ content: "\F1DC";
+}
+
+i.icon.help.circle:before {
+ content: "\F059";
+}
+
+i.icon.help:before {
+ content: "\F128";
+}
+
+i.icon.heterosexual:before {
+ content: "\F228";
+}
+
+i.icon.hide:before {
+ content: "\F070";
+}
+
+i.icon.hotel:before {
+ content: "\F236";
+}
+
+i.icon.hourglass.four:before {
+ content: "\F254";
+}
+
+i.icon.hourglass.full:before {
+ content: "\F254";
+}
+
+i.icon.hourglass.one:before {
+ content: "\F251";
+}
+
+i.icon.hourglass.three:before {
+ content: "\F253";
+}
+
+i.icon.hourglass.two:before {
+ content: "\F252";
+}
+
+i.icon.idea:before {
+ content: "\F0EB";
+}
+
+i.icon.ils:before {
+ content: "\F20B";
+}
+
+i.icon.in-cart:before {
+ content: "\F218";
+}
+
+i.icon.inr:before {
+ content: "\F156";
+}
+
+i.icon.intergender:before {
+ content: "\F224";
+}
+
+i.icon.intersex:before {
+ content: "\F224";
+}
+
+i.icon.japan.credit.bureau.card:before {
+ content: "\F24B";
+}
+
+i.icon.japan.credit.bureau:before {
+ content: "\F24B";
+}
+
+i.icon.jcb:before {
+ content: "\F24B";
+}
+
+i.icon.jpy:before {
+ content: "\F157";
+}
+
+i.icon.krw:before {
+ content: "\F159";
+}
+
+i.icon.lab:before {
+ content: "\F0C3";
+}
+
+i.icon.law:before {
+ content: "\F24E";
+}
+
+i.icon.legal:before {
+ content: "\F0E3";
+}
+
+i.icon.lesbian:before {
+ content: "\F226";
+}
+
+i.icon.lightning:before {
+ content: "\F0E7";
+}
+
+i.icon.like:before {
+ content: "\F004";
+}
+
+i.icon.line.graph:before {
+ content: "\F201";
+}
+
+i.icon.linkedin.square:before {
+ content: "\F08C";
+}
+
+i.icon.linkify:before {
+ content: "\F0C1";
+}
+
+i.icon.lira:before {
+ content: "\F195";
+}
+
+i.icon.list.layout:before {
+ content: "\F00B";
+}
+
+i.icon.magnify:before {
+ content: "\F00E";
+}
+
+i.icon.mail.forward:before {
+ content: "\F064";
+}
+
+i.icon.mail.square:before {
+ content: "\F199";
+}
+
+i.icon.mail:before {
+ content: "\F0E0";
+}
+
+i.icon.male.homosexual:before {
+ content: "\F227";
+}
+
+i.icon.man:before {
+ content: "\F222";
+}
+
+i.icon.marker:before {
+ content: "\F041";
+}
+
+i.icon.mars.alternate:before {
+ content: "\F229";
+}
+
+i.icon.mars.horizontal:before {
+ content: "\F22B";
+}
+
+i.icon.mars.vertical:before {
+ content: "\F22A";
+}
+
+i.icon.mastercard.card:before {
+ content: "\F1F1";
+}
+
+i.icon.mastercard:before {
+ content: "\F1F1";
+}
+
+i.icon.microsoft.edge:before {
+ content: "\F282";
+}
+
+i.icon.military:before {
+ content: "\F0FB";
+}
+
+i.icon.ms.edge:before {
+ content: "\F282";
+}
+
+i.icon.mute:before {
+ content: "\F131";
+}
+
+i.icon.new.pied.piper:before {
+ content: "\F2AE";
+}
+
+i.icon.non.binary.transgender:before {
+ content: "\F223";
+}
+
+i.icon.numbered.list:before {
+ content: "\F0CB";
+}
+
+i.icon.optinmonster:before {
+ content: "\F23C";
+}
+
+i.icon.options:before {
+ content: "\F1DE";
+}
+
+i.icon.other.gender.horizontal:before {
+ content: "\F22B";
+}
+
+i.icon.other.gender.vertical:before {
+ content: "\F22A";
+}
+
+i.icon.other.gender:before {
+ content: "\F229";
+}
+
+i.icon.payment:before {
+ content: "\F09D";
+}
+
+i.icon.paypal.card:before {
+ content: "\F1F4";
+}
+
+i.icon.pencil.square:before {
+ content: "\F14B";
+}
+
+i.icon.photo:before {
+ content: "\F030";
+}
+
+i.icon.picture:before {
+ content: "\F03E";
+}
+
+i.icon.pie.chart:before {
+ content: "\F200";
+}
+
+i.icon.pie.graph:before {
+ content: "\F200";
+}
+
+i.icon.pied.piper.hat:before {
+ content: "\F2AE";
+}
+
+i.icon.pin:before {
+ content: "\F08D";
+}
+
+i.icon.plus.cart:before {
+ content: "\F217";
+}
+
+i.icon.pocket:before {
+ content: "\F265";
+}
+
+i.icon.point:before {
+ content: "\F041";
+}
+
+i.icon.pointing.down:before {
+ content: "\F0A7";
+}
+
+i.icon.pointing.left:before {
+ content: "\F0A5";
+}
+
+i.icon.pointing.right:before {
+ content: "\F0A4";
+}
+
+i.icon.pointing.up:before {
+ content: "\F0A6";
+}
+
+i.icon.pound:before {
+ content: "\F154";
+}
+
+i.icon.power.cord:before {
+ content: "\F1E6";
+}
+
+i.icon.power:before {
+ content: "\F011";
+}
+
+i.icon.privacy:before {
+ content: "\F084";
+}
+
+i.icon.r.circle:before {
+ content: "\F25D";
+}
+
+i.icon.rain:before {
+ content: "\F0E9";
+}
+
+i.icon.record:before {
+ content: "\F03D";
+}
+
+i.icon.refresh:before {
+ content: "\F021";
+}
+
+i.icon.remove.circle:before {
+ content: "\F057";
+}
+
+i.icon.remove.from.calendar:before {
+ content: "\F272";
+}
+
+i.icon.remove.user:before {
+ content: "\F235";
+}
+
+i.icon.remove:before {
+ content: "\F00D";
+}
+
+i.icon.repeat:before {
+ content: "\F01E";
+}
+
+i.icon.rmb:before {
+ content: "\F157";
+}
+
+i.icon.rouble:before {
+ content: "\F158";
+}
+
+i.icon.rub:before {
+ content: "\F158";
+}
+
+i.icon.ruble:before {
+ content: "\F158";
+}
+
+i.icon.rupee:before {
+ content: "\F156";
+}
+
+i.icon.s15:before {
+ content: "\F2CD";
+}
+
+i.icon.selected.radio:before {
+ content: "\F192";
+}
+
+i.icon.send:before {
+ content: "\F1D8";
+}
+
+i.icon.setting:before {
+ content: "\F013";
+}
+
+i.icon.settings:before {
+ content: "\F085";
+}
+
+i.icon.shekel:before {
+ content: "\F20B";
+}
+
+i.icon.sheqel:before {
+ content: "\F20B";
+}
+
+i.icon.shipping:before {
+ content: "\F0D1";
+}
+
+i.icon.shop:before {
+ content: "\F07A";
+}
+
+i.icon.shuffle:before {
+ content: "\F074";
+}
+
+i.icon.shutdown:before {
+ content: "\F011";
+}
+
+i.icon.sidebar:before {
+ content: "\F0C9";
+}
+
+i.icon.signing:before {
+ content: "\F2A7";
+}
+
+i.icon.signup:before {
+ content: "\F044";
+}
+
+i.icon.sliders:before {
+ content: "\F1DE";
+}
+
+i.icon.soccer:before {
+ content: "\F1E3";
+}
+
+i.icon.sort.alphabet.ascending:before {
+ content: "\F15D";
+}
+
+i.icon.sort.alphabet.descending:before {
+ content: "\F15E";
+}
+
+i.icon.sort.ascending:before {
+ content: "\F0DE";
+}
+
+i.icon.sort.content.ascending:before {
+ content: "\F160";
+}
+
+i.icon.sort.content.descending:before {
+ content: "\F161";
+}
+
+i.icon.sort.descending:before {
+ content: "\F0DD";
+}
+
+i.icon.sort.numeric.ascending:before {
+ content: "\F162";
+}
+
+i.icon.sort.numeric.descending:before {
+ content: "\F163";
+}
+
+i.icon.sound:before {
+ content: "\F025";
+}
+
+i.icon.spy:before {
+ content: "\F21B";
+}
+
+i.icon.stripe.card:before {
+ content: "\F1F5";
+}
+
+i.icon.student:before {
+ content: "\F19D";
+}
+
+i.icon.talk:before {
+ content: "\F27A";
+}
+
+i.icon.target:before {
+ content: "\F140";
+}
+
+i.icon.teletype:before {
+ content: "\F1E4";
+}
+
+i.icon.television:before {
+ content: "\F26C";
+}
+
+i.icon.text.cursor:before {
+ content: "\F246";
+}
+
+i.icon.text.telephone:before {
+ content: "\F1E4";
+}
+
+i.icon.theme.isle:before {
+ content: "\F2B2";
+}
+
+i.icon.theme:before {
+ content: "\F043";
+}
+
+i.icon.thermometer:before {
+ content: "\F2C7";
+}
+
+i.icon.thumb.tack:before {
+ content: "\F08D";
+}
+
+i.icon.time:before {
+ content: "\F017";
+}
+
+i.icon.tm:before {
+ content: "\F25C";
+}
+
+i.icon.toggle.down:before {
+ content: "\F150";
+}
+
+i.icon.toggle.left:before {
+ content: "\F191";
+}
+
+i.icon.toggle.right:before {
+ content: "\F152";
+}
+
+i.icon.toggle.up:before {
+ content: "\F151";
+}
+
+i.icon.translate:before {
+ content: "\F1AB";
+}
+
+i.icon.travel:before {
+ content: "\F0B1";
+}
+
+i.icon.treatment:before {
+ content: "\F0F1";
+}
+
+i.icon.triangle.down:before {
+ content: "\F0D7";
+}
+
+i.icon.triangle.left:before {
+ content: "\F0D9";
+}
+
+i.icon.triangle.right:before {
+ content: "\F0DA";
+}
+
+i.icon.triangle.up:before {
+ content: "\F0D8";
+}
+
+i.icon.try:before {
+ content: "\F195";
+}
+
+i.icon.unhide:before {
+ content: "\F06E";
+}
+
+i.icon.unlinkify:before {
+ content: "\F127";
+}
+
+i.icon.unmute:before {
+ content: "\F130";
+}
+
+i.icon.usd:before {
+ content: "\F155";
+}
+
+i.icon.user.cancel:before {
+ content: "\F235";
+}
+
+i.icon.user.close:before {
+ content: "\F235";
+}
+
+i.icon.user.delete:before {
+ content: "\F235";
+}
+
+i.icon.user.x:before {
+ content: "\F235";
+}
+
+i.icon.vcard:before {
+ content: "\F2BB";
+}
+
+i.icon.video.camera:before {
+ content: "\F03D";
+}
+
+i.icon.video.play:before {
+ content: "\F144";
+}
+
+i.icon.visa.card:before {
+ content: "\F1F0";
+}
+
+i.icon.visa:before {
+ content: "\F1F0";
+}
+
+i.icon.volume.control.phone:before {
+ content: "\F2A0";
+}
+
+i.icon.wait:before {
+ content: "\F017";
+}
+
+i.icon.warning.circle:before {
+ content: "\F06A";
+}
+
+i.icon.warning.sign:before {
+ content: "\F071";
+}
+
+i.icon.warning:before {
+ content: "\F12A";
+}
+
+i.icon.wechat:before {
+ content: "\F1D7";
+}
+
+i.icon.wi-fi:before {
+ content: "\F1EB";
+}
+
+i.icon.wikipedia:before {
+ content: "\F266";
+}
+
+i.icon.winner:before {
+ content: "\F091";
+}
+
+i.icon.wizard:before {
+ content: "\F0D0";
+}
+
+i.icon.woman:before {
+ content: "\F221";
+}
+
+i.icon.won:before {
+ content: "\F159";
+}
+
+i.icon.wordpress.beginner:before {
+ content: "\F297";
+}
+
+i.icon.wordpress.forms:before {
+ content: "\F298";
+}
+
+i.icon.world:before {
+ content: "\F0AC";
+}
+
+i.icon.write.square:before {
+ content: "\F14B";
+}
+
+i.icon.x:before {
+ content: "\F00D";
+}
+
+i.icon.yc:before {
+ content: "\F23B";
+}
+
+i.icon.ycombinator:before {
+ content: "\F23B";
+}
+
+i.icon.yen:before {
+ content: "\F157";
+}
+
+i.icon.zip:before {
+ content: "\F187";
+}
+
+i.icon.zoom-in:before {
+ content: "\F00E";
+}
+
+i.icon.zoom-out:before {
+ content: "\F010";
+}
+
+i.icon.zoom:before {
+ content: "\F00E";
+}
+
+i.icon.bitbucket.square:before {
+ content: "\F171";
+}
+
+i.icon.checkmark.box:before {
+ content: "\F14A";
+}
+
+i.icon.circle.thin:before {
+ content: "\F111";
+}
+
+i.icon.cloud.download:before {
+ content: "\F381";
+}
+
+i.icon.cloud.upload:before {
+ content: "\F382";
+}
+
+i.icon.compose:before {
+ content: "\F303";
+}
+
+i.icon.conversation:before {
+ content: "\F086";
+}
+
+i.icon.credit.card.alternative:before {
+ content: "\F09D";
+}
+
+i.icon.currency:before {
+ content: "\F3D1";
+}
+
+i.icon.dashboard:before {
+ content: "\F3FD";
+}
+
+i.icon.diamond:before {
+ content: "\F3A5";
+}
+
+i.icon.disk:before {
+ content: "\F0A0";
+}
+
+i.icon.exchange:before {
+ content: "\F362";
+}
+
+i.icon.external.share:before {
+ content: "\F14D";
+}
+
+i.icon.external.square:before {
+ content: "\F360";
+}
+
+i.icon.external:before {
+ content: "\F35D";
+}
+
+i.icon.facebook.official:before {
+ content: "\F082";
+}
+
+i.icon.food:before {
+ content: "\F2E7";
+}
+
+i.icon.hourglass.zero:before {
+ content: "\F253";
+}
+
+i.icon.level.down:before {
+ content: "\F3BE";
+}
+
+i.icon.level.up:before {
+ content: "\F3BF";
+}
+
+i.icon.logout:before {
+ content: "\F2F5";
+}
+
+i.icon.meanpath:before {
+ content: "\F0C8";
+}
+
+i.icon.money:before {
+ content: "\F3D1";
+}
+
+i.icon.move:before {
+ content: "\F0B2";
+}
+
+i.icon.pencil:before {
+ content: "\F303";
+}
+
+i.icon.protect:before {
+ content: "\F023";
+}
+
+i.icon.radio:before {
+ content: "\F192";
+}
+
+i.icon.remove.bookmark:before {
+ content: "\F02E";
+}
+
+i.icon.resize.horizontal:before {
+ content: "\F337";
+}
+
+i.icon.resize.vertical:before {
+ content: "\F338";
+}
+
+i.icon.sign-in:before {
+ content: "\F2F6";
+}
+
+i.icon.sign-out:before {
+ content: "\F2F5";
+}
+
+i.icon.spoon:before {
+ content: "\F2E5";
+}
+
+i.icon.star.half.empty:before {
+ content: "\F089";
+}
+
+i.icon.star.half.full:before {
+ content: "\F089";
+}
+
+i.icon.ticket:before {
+ content: "\F3FF";
+}
+
+i.icon.times.rectangle:before {
+ content: "\F410";
+}
+
+i.icon.write:before {
+ content: "\F303";
+}
+
+i.icon.youtube.play:before {
+ content: "\F167";
+}
+
+/*******************************
+ Outline Icons
+*******************************/
+
+/* Outline Icon */
+
+/* Load & Define Icon Font */
+
+@font-face {
+ font-family: 'outline-icons';
+ src: url(font/701ae6abd4719e9c2ada3535a497b341.eot);
+ src: url(font/701ae6abd4719e9c2ada3535a497b341.eot?#iefix) format('embedded-opentype'), url(font/cd6c777f1945164224dee082abaea03a.woff2) format('woff2'), url(font/ef60a4f6c25ef7f39f2d25a748dbecfe.woff) format('woff'), url(font/ad97afd3337e8cda302d10ff5a4026b8.ttf) format('truetype'), url(icons/82f60bd0b94a1ed68b1e6e309ce2e8c3.svg#icons) format('svg');
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-decoration: inherit;
+ text-transform: none;
+}
+
+i.icon.outline {
+ font-family: 'outline-icons';
+}
+
+/* Icon Definitions */
+
+i.icon.address.book.outline:before {
+ content: "\F2B9";
+}
+
+i.icon.address.card.outline:before {
+ content: "\F2BB";
+}
+
+i.icon.arrow.alternate.circle.down.outline:before {
+ content: "\F358";
+}
+
+i.icon.arrow.alternate.circle.left.outline:before {
+ content: "\F359";
+}
+
+i.icon.arrow.alternate.circle.right.outline:before {
+ content: "\F35A";
+}
+
+i.icon.arrow.alternate.circle.up.outline:before {
+ content: "\F35B";
+}
+
+i.icon.bell.outline:before {
+ content: "\F0F3";
+}
+
+i.icon.bell.slash.outline:before {
+ content: "\F1F6";
+}
+
+i.icon.bookmark.outline:before {
+ content: "\F02E";
+}
+
+i.icon.building.outline:before {
+ content: "\F1AD";
+}
+
+i.icon.calendar.outline:before {
+ content: "\F133";
+}
+
+i.icon.calendar.alternate.outline:before {
+ content: "\F073";
+}
+
+i.icon.calendar.check.outline:before {
+ content: "\F274";
+}
+
+i.icon.calendar.minus.outline:before {
+ content: "\F272";
+}
+
+i.icon.calendar.plus.outline:before {
+ content: "\F271";
+}
+
+i.icon.calendar.times.outline:before {
+ content: "\F273";
+}
+
+i.icon.caret.square.down.outline:before {
+ content: "\F150";
+}
+
+i.icon.caret.square.left.outline:before {
+ content: "\F191";
+}
+
+i.icon.caret.square.right.outline:before {
+ content: "\F152";
+}
+
+i.icon.caret.square.up.outline:before {
+ content: "\F151";
+}
+
+i.icon.chart.bar.outline:before {
+ content: "\F080";
+}
+
+i.icon.check.circle.outline:before {
+ content: "\F058";
+}
+
+i.icon.check.square.outline:before {
+ content: "\F14A";
+}
+
+i.icon.circle.outline:before {
+ content: "\F111";
+}
+
+i.icon.clipboard.outline:before {
+ content: "\F328";
+}
+
+i.icon.clock.outline:before {
+ content: "\F017";
+}
+
+i.icon.clone.outline:before {
+ content: "\F24D";
+}
+
+i.icon.closed.captioning.outline:before {
+ content: "\F20A";
+}
+
+i.icon.comment.outline:before {
+ content: "\F075";
+}
+
+i.icon.comment.alternate.outline:before {
+ content: "\F27A";
+}
+
+i.icon.comments.outline:before {
+ content: "\F086";
+}
+
+i.icon.compass.outline:before {
+ content: "\F14E";
+}
+
+i.icon.copy.outline:before {
+ content: "\F0C5";
+}
+
+i.icon.copyright.outline:before {
+ content: "\F1F9";
+}
+
+i.icon.credit.card.outline:before {
+ content: "\F09D";
+}
+
+i.icon.dot.circle.outline:before {
+ content: "\F192";
+}
+
+i.icon.edit.outline:before {
+ content: "\F044";
+}
+
+i.icon.envelope.outline:before {
+ content: "\F0E0";
+}
+
+i.icon.envelope.open.outline:before {
+ content: "\F2B6";
+}
+
+i.icon.eye.slash.outline:before {
+ content: "\F070";
+}
+
+i.icon.file.outline:before {
+ content: "\F15B";
+}
+
+i.icon.file.alternate.outline:before {
+ content: "\F15C";
+}
+
+i.icon.file.archive.outline:before {
+ content: "\F1C6";
+}
+
+i.icon.file.audio.outline:before {
+ content: "\F1C7";
+}
+
+i.icon.file.code.outline:before {
+ content: "\F1C9";
+}
+
+i.icon.file.excel.outline:before {
+ content: "\F1C3";
+}
+
+i.icon.file.image.outline:before {
+ content: "\F1C5";
+}
+
+i.icon.file.pdf.outline:before {
+ content: "\F1C1";
+}
+
+i.icon.file.powerpoint.outline:before {
+ content: "\F1C4";
+}
+
+i.icon.file.video.outline:before {
+ content: "\F1C8";
+}
+
+i.icon.file.word.outline:before {
+ content: "\F1C2";
+}
+
+i.icon.flag.outline:before {
+ content: "\F024";
+}
+
+i.icon.folder.outline:before {
+ content: "\F07B";
+}
+
+i.icon.folder.open.outline:before {
+ content: "\F07C";
+}
+
+i.icon.frown.outline:before {
+ content: "\F119";
+}
+
+i.icon.futbol.outline:before {
+ content: "\F1E3";
+}
+
+i.icon.gem.outline:before {
+ content: "\F3A5";
+}
+
+i.icon.hand.lizard.outline:before {
+ content: "\F258";
+}
+
+i.icon.hand.paper.outline:before {
+ content: "\F256";
+}
+
+i.icon.hand.peace.outline:before {
+ content: "\F25B";
+}
+
+i.icon.hand.point.down.outline:before {
+ content: "\F0A7";
+}
+
+i.icon.hand.point.left.outline:before {
+ content: "\F0A5";
+}
+
+i.icon.hand.point.right.outline:before {
+ content: "\F0A4";
+}
+
+i.icon.hand.point.up.outline:before {
+ content: "\F0A6";
+}
+
+i.icon.hand.pointer.outline:before {
+ content: "\F25A";
+}
+
+i.icon.hand.rock.outline:before {
+ content: "\F255";
+}
+
+i.icon.hand.scissors.outline:before {
+ content: "\F257";
+}
+
+i.icon.hand.spock.outline:before {
+ content: "\F259";
+}
+
+i.icon.handshake.outline:before {
+ content: "\F2B5";
+}
+
+i.icon.hdd.outline:before {
+ content: "\F0A0";
+}
+
+i.icon.heart.outline:before {
+ content: "\F004";
+}
+
+i.icon.hospital.outline:before {
+ content: "\F0F8";
+}
+
+i.icon.hourglass.outline:before {
+ content: "\F254";
+}
+
+i.icon.id.badge.outline:before {
+ content: "\F2C1";
+}
+
+i.icon.id.card.outline:before {
+ content: "\F2C2";
+}
+
+i.icon.image.outline:before {
+ content: "\F03E";
+}
+
+i.icon.images.outline:before {
+ content: "\F302";
+}
+
+i.icon.keyboard.outline:before {
+ content: "\F11C";
+}
+
+i.icon.lemon.outline:before {
+ content: "\F094";
+}
+
+i.icon.life.ring.outline:before {
+ content: "\F1CD";
+}
+
+i.icon.lightbulb.outline:before {
+ content: "\F0EB";
+}
+
+i.icon.list.alternate.outline:before {
+ content: "\F022";
+}
+
+i.icon.map.outline:before {
+ content: "\F279";
+}
+
+i.icon.meh.outline:before {
+ content: "\F11A";
+}
+
+i.icon.minus.square.outline:before {
+ content: "\F146";
+}
+
+i.icon.money.bill.alternate.outline:before {
+ content: "\F3D1";
+}
+
+i.icon.moon.outline:before {
+ content: "\F186";
+}
+
+i.icon.newspaper.outline:before {
+ content: "\F1EA";
+}
+
+i.icon.object.group.outline:before {
+ content: "\F247";
+}
+
+i.icon.object.ungroup.outline:before {
+ content: "\F248";
+}
+
+i.icon.paper.plane.outline:before {
+ content: "\F1D8";
+}
+
+i.icon.pause.circle.outline:before {
+ content: "\F28B";
+}
+
+i.icon.play.circle.outline:before {
+ content: "\F144";
+}
+
+i.icon.plus.square.outline:before {
+ content: "\F0FE";
+}
+
+i.icon.question.circle.outline:before {
+ content: "\F059";
+}
+
+i.icon.registered.outline:before {
+ content: "\F25D";
+}
+
+i.icon.save.outline:before {
+ content: "\F0C7";
+}
+
+i.icon.share.square.outline:before {
+ content: "\F14D";
+}
+
+i.icon.smile.outline:before {
+ content: "\F118";
+}
+
+i.icon.snowflake.outline:before {
+ content: "\F2DC";
+}
+
+i.icon.square.outline:before {
+ content: "\F0C8";
+}
+
+i.icon.star.outline:before {
+ content: "\F005";
+}
+
+i.icon.star.half.outline:before {
+ content: "\F089";
+}
+
+i.icon.sticky.note.outline:before {
+ content: "\F249";
+}
+
+i.icon.stop.circle.outline:before {
+ content: "\F28D";
+}
+
+i.icon.sun.outline:before {
+ content: "\F185";
+}
+
+i.icon.thumbs.down.outline:before {
+ content: "\F165";
+}
+
+i.icon.thumbs.up.outline:before {
+ content: "\F164";
+}
+
+i.icon.times.circle.outline:before {
+ content: "\F057";
+}
+
+i.icon.trash.alternate.outline:before {
+ content: "\F2ED";
+}
+
+i.icon.user.outline:before {
+ content: "\F007";
+}
+
+i.icon.user.circle.outline:before {
+ content: "\F2BD";
+}
+
+i.icon.window.close.outline:before {
+ content: "\F410";
+}
+
+i.icon.window.maximize.outline:before {
+ content: "\F2D0";
+}
+
+i.icon.window.minimize.outline:before {
+ content: "\F2D1";
+}
+
+i.icon.window.restore.outline:before {
+ content: "\F2D2";
+}
+
+/* Outline Aliases */
+
+i.icon.disk.outline:before {
+ content: "\F0A0";
+}
+
+i.icon.heart.empty,
+i.icon.star.empty {
+ font-family: 'outline-icons';
+}
+
+i.icon.heart.empty:before {
+ content: "\F004";
+}
+
+i.icon.star.empty:before {
+ content: "\F089";
+}
+
+/*******************************
+ Brand Icons
+*******************************/
+
+/* Load & Define Brand Font */
+
+@font-face {
+ font-family: 'brand-icons';
+ src: url(font/13db00b7a34fee4d819ab7f9838cc428.eot);
+ src: url(font/13db00b7a34fee4d819ab7f9838cc428.eot?#iefix) format('embedded-opentype'), url(font/e8c322de9658cbeb8a774b6624167c2c.woff2) format('woff2'), url(font/a046592bac8f2fd96e994733faf3858c.woff) format('woff'), url(font/c5ebe0b32dc1b5cc449a76c4204d13bb.ttf) format('truetype'), url(icons/a1a749e89f578a49306ec2b055c073da.svg#icons) format('svg');
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-decoration: inherit;
+ text-transform: none;
+}
+
+/* Brand Icon Font Family */
+
+i.icon.\35 00px,
+i.icon.accessible.icon,
+i.icon.accusoft,
+i.icon.adn,
+i.icon.adversal,
+i.icon.affiliatetheme,
+i.icon.algolia,
+i.icon.amazon,
+i.icon.amazon.pay,
+i.icon.amilia,
+i.icon.android,
+i.icon.angellist,
+i.icon.angrycreative,
+i.icon.angular,
+i.icon.app.store,
+i.icon.app.store.ios,
+i.icon.apper,
+i.icon.apple,
+i.icon.apple.pay,
+i.icon.asymmetrik,
+i.icon.audible,
+i.icon.autoprefixer,
+i.icon.avianex,
+i.icon.aviato,
+i.icon.aws,
+i.icon.bandcamp,
+i.icon.behance,
+i.icon.behance.square,
+i.icon.bimobject,
+i.icon.bitbucket,
+i.icon.bitcoin,
+i.icon.bity,
+i.icon.black.tie,
+i.icon.blackberry,
+i.icon.blogger,
+i.icon.blogger.b,
+i.icon.bluetooth,
+i.icon.bluetooth.b,
+i.icon.btc,
+i.icon.buromobelexperte,
+i.icon.buysellads,
+i.icon.cc.amazon.pay,
+i.icon.cc.amex,
+i.icon.cc.apple.pay,
+i.icon.cc.diners.club,
+i.icon.cc.discover,
+i.icon.cc.jcb,
+i.icon.cc.mastercard,
+i.icon.cc.paypal,
+i.icon.cc.stripe,
+i.icon.cc.visa,
+i.icon.centercode,
+i.icon.chrome,
+i.icon.cloudscale,
+i.icon.cloudsmith,
+i.icon.cloudversify,
+i.icon.codepen,
+i.icon.codiepie,
+i.icon.connectdevelop,
+i.icon.contao,
+i.icon.cpanel,
+i.icon.creative.commons,
+i.icon.css3,
+i.icon.css3.alternate,
+i.icon.cuttlefish,
+i.icon.d.and.d,
+i.icon.dashcube,
+i.icon.delicious,
+i.icon.deploydog,
+i.icon.deskpro,
+i.icon.deviantart,
+i.icon.digg,
+i.icon.digital.ocean,
+i.icon.discord,
+i.icon.discourse,
+i.icon.dochub,
+i.icon.docker,
+i.icon.draft2digital,
+i.icon.dribbble,
+i.icon.dribbble.square,
+i.icon.dropbox,
+i.icon.drupal,
+i.icon.dyalog,
+i.icon.earlybirds,
+i.icon.edge,
+i.icon.elementor,
+i.icon.ember,
+i.icon.empire,
+i.icon.envira,
+i.icon.erlang,
+i.icon.ethereum,
+i.icon.etsy,
+i.icon.expeditedssl,
+i.icon.facebook,
+i.icon.facebook.f,
+i.icon.facebook.messenger,
+i.icon.facebook.square,
+i.icon.firefox,
+i.icon.first.order,
+i.icon.firstdraft,
+i.icon.flickr,
+i.icon.flipboard,
+i.icon.fly,
+i.icon.font.awesome,
+i.icon.font.awesome.alternate,
+i.icon.font.awesome.flag,
+i.icon.fonticons,
+i.icon.fonticons.fi,
+i.icon.fort.awesome,
+i.icon.fort.awesome.alternate,
+i.icon.forumbee,
+i.icon.foursquare,
+i.icon.free.code.camp,
+i.icon.freebsd,
+i.icon.get.pocket,
+i.icon.gg,
+i.icon.gg.circle,
+i.icon.git,
+i.icon.git.square,
+i.icon.github,
+i.icon.github.alternate,
+i.icon.github.square,
+i.icon.gitkraken,
+i.icon.gitlab,
+i.icon.gitter,
+i.icon.glide,
+i.icon.glide.g,
+i.icon.gofore,
+i.icon.goodreads,
+i.icon.goodreads.g,
+i.icon.google,
+i.icon.google.drive,
+i.icon.google.play,
+i.icon.google.plus,
+i.icon.google.plus.g,
+i.icon.google.plus.square,
+i.icon.google.wallet,
+i.icon.gratipay,
+i.icon.grav,
+i.icon.gripfire,
+i.icon.grunt,
+i.icon.gulp,
+i.icon.hacker.news,
+i.icon.hacker.news.square,
+i.icon.hips,
+i.icon.hire.a.helper,
+i.icon.hooli,
+i.icon.hotjar,
+i.icon.houzz,
+i.icon.html5,
+i.icon.hubspot,
+i.icon.imdb,
+i.icon.instagram,
+i.icon.internet.explorer,
+i.icon.ioxhost,
+i.icon.itunes,
+i.icon.itunes.note,
+i.icon.jenkins,
+i.icon.joget,
+i.icon.joomla,
+i.icon.js,
+i.icon.js.square,
+i.icon.jsfiddle,
+i.icon.keycdn,
+i.icon.kickstarter,
+i.icon.kickstarter.k,
+i.icon.korvue,
+i.icon.laravel,
+i.icon.lastfm,
+i.icon.lastfm.square,
+i.icon.leanpub,
+i.icon.less,
+i.icon.linechat,
+i.icon.linkedin,
+i.icon.linkedin.alternate,
+i.icon.linkedin.in,
+i.icon.linode,
+i.icon.linux,
+i.icon.lyft,
+i.icon.magento,
+i.icon.maxcdn,
+i.icon.medapps,
+i.icon.medium,
+i.icon.medium.m,
+i.icon.medrt,
+i.icon.meetup,
+i.icon.microsoft,
+i.icon.mix,
+i.icon.mixcloud,
+i.icon.mizuni,
+i.icon.modx,
+i.icon.monero,
+i.icon.napster,
+i.icon.nintendo.switch,
+i.icon.node,
+i.icon.node.js,
+i.icon.npm,
+i.icon.ns8,
+i.icon.nutritionix,
+i.icon.odnoklassniki,
+i.icon.odnoklassniki.square,
+i.icon.opencart,
+i.icon.openid,
+i.icon.opera,
+i.icon.optin.monster,
+i.icon.osi,
+i.icon.page4,
+i.icon.pagelines,
+i.icon.palfed,
+i.icon.patreon,
+i.icon.paypal,
+i.icon.periscope,
+i.icon.phabricator,
+i.icon.phoenix.framework,
+i.icon.php,
+i.icon.pied.piper,
+i.icon.pied.piper.alternate,
+i.icon.pied.piper.pp,
+i.icon.pinterest,
+i.icon.pinterest.p,
+i.icon.pinterest.square,
+i.icon.playstation,
+i.icon.product.hunt,
+i.icon.pushed,
+i.icon.python,
+i.icon.qq,
+i.icon.quinscape,
+i.icon.quora,
+i.icon.ravelry,
+i.icon.react,
+i.icon.rebel,
+i.icon.redriver,
+i.icon.reddit,
+i.icon.reddit.alien,
+i.icon.reddit.square,
+i.icon.rendact,
+i.icon.renren,
+i.icon.replyd,
+i.icon.resolving,
+i.icon.rocketchat,
+i.icon.rockrms,
+i.icon.safari,
+i.icon.sass,
+i.icon.schlix,
+i.icon.scribd,
+i.icon.searchengin,
+i.icon.sellcast,
+i.icon.sellsy,
+i.icon.servicestack,
+i.icon.shirtsinbulk,
+i.icon.simplybuilt,
+i.icon.sistrix,
+i.icon.skyatlas,
+i.icon.skype,
+i.icon.slack,
+i.icon.slack.hash,
+i.icon.slideshare,
+i.icon.snapchat,
+i.icon.snapchat.ghost,
+i.icon.snapchat.square,
+i.icon.soundcloud,
+i.icon.speakap,
+i.icon.spotify,
+i.icon.stack.exchange,
+i.icon.stack.overflow,
+i.icon.staylinked,
+i.icon.steam,
+i.icon.steam.square,
+i.icon.steam.symbol,
+i.icon.sticker.mule,
+i.icon.strava,
+i.icon.stripe,
+i.icon.stripe.s,
+i.icon.studiovinari,
+i.icon.stumbleupon,
+i.icon.stumbleupon.circle,
+i.icon.superpowers,
+i.icon.supple,
+i.icon.telegram,
+i.icon.telegram.plane,
+i.icon.tencent.weibo,
+i.icon.themeisle,
+i.icon.trello,
+i.icon.tripadvisor,
+i.icon.tumblr,
+i.icon.tumblr.square,
+i.icon.twitch,
+i.icon.twitter,
+i.icon.twitter.square,
+i.icon.typo3,
+i.icon.uber,
+i.icon.uikit,
+i.icon.uniregistry,
+i.icon.untappd,
+i.icon.usb,
+i.icon.ussunnah,
+i.icon.vaadin,
+i.icon.viacoin,
+i.icon.viadeo,
+i.icon.viadeo.square,
+i.icon.viber,
+i.icon.vimeo,
+i.icon.vimeo.square,
+i.icon.vimeo.v,
+i.icon.vine,
+i.icon.vk,
+i.icon.vnv,
+i.icon.vuejs,
+i.icon.wechat,
+i.icon.weibo,
+i.icon.weixin,
+i.icon.whatsapp,
+i.icon.whatsapp.square,
+i.icon.whmcs,
+i.icon.wikipedia.w,
+i.icon.windows,
+i.icon.wordpress,
+i.icon.wordpress.simple,
+i.icon.wpbeginner,
+i.icon.wpexplorer,
+i.icon.wpforms,
+i.icon.xbox,
+i.icon.xing,
+i.icon.xing.square,
+i.icon.y.combinator,
+i.icon.yahoo,
+i.icon.yandex,
+i.icon.yandex.international,
+i.icon.yelp,
+i.icon.yoast,
+i.icon.youtube,
+i.icon.youtube.square {
+ font-family: 'brand-icons';
+}
+
+/* Brand Icons Ideally Would Be Defined Here */
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Image
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Image
+*******************************/
+
+.ui.image {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 100%;
+ background-color: transparent;
+}
+
+img.ui.image {
+ display: block;
+}
+
+.ui.image svg,
+.ui.image img {
+ display: block;
+ max-width: 100%;
+ height: auto;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.hidden.images,
+.ui.hidden.image {
+ display: none;
+}
+
+.ui.hidden.transition.images,
+.ui.hidden.transition.image {
+ display: block;
+ visibility: hidden;
+}
+
+.ui.images > .hidden.transition {
+ display: inline-block;
+ visibility: hidden;
+}
+
+.ui.disabled.images,
+.ui.disabled.image {
+ cursor: default;
+ opacity: 0.45;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Inline
+---------------*/
+
+.ui.inline.image,
+.ui.inline.image svg,
+.ui.inline.image img {
+ display: inline-block;
+}
+
+/*------------------
+ Vertical Aligned
+-------------------*/
+
+.ui.top.aligned.images .image,
+.ui.top.aligned.image,
+.ui.top.aligned.image svg,
+.ui.top.aligned.image img {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.ui.middle.aligned.images .image,
+.ui.middle.aligned.image,
+.ui.middle.aligned.image svg,
+.ui.middle.aligned.image img {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.ui.bottom.aligned.images .image,
+.ui.bottom.aligned.image,
+.ui.bottom.aligned.image svg,
+.ui.bottom.aligned.image img {
+ display: inline-block;
+ vertical-align: bottom;
+}
+
+/*--------------
+ Rounded
+---------------*/
+
+.ui.rounded.images .image,
+.ui.rounded.image,
+.ui.rounded.images .image > *,
+.ui.rounded.image > * {
+ border-radius: 0.3125em;
+}
+
+/*--------------
+ Bordered
+---------------*/
+
+.ui.bordered.images .image,
+.ui.bordered.images img,
+.ui.bordered.images svg,
+.ui.bordered.image img,
+.ui.bordered.image svg,
+img.ui.bordered.image {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/*--------------
+ Circular
+---------------*/
+
+.ui.circular.images,
+.ui.circular.image {
+ overflow: hidden;
+}
+
+.ui.circular.images .image,
+.ui.circular.image,
+.ui.circular.images .image > *,
+.ui.circular.image > * {
+ border-radius: 500rem;
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+.ui.fluid.images,
+.ui.fluid.image,
+.ui.fluid.images img,
+.ui.fluid.images svg,
+.ui.fluid.image svg,
+.ui.fluid.image img {
+ display: block;
+ width: 100%;
+ height: auto;
+}
+
+/*--------------
+ Avatar
+---------------*/
+
+.ui.avatar.images .image,
+.ui.avatar.images img,
+.ui.avatar.images svg,
+.ui.avatar.image img,
+.ui.avatar.image svg,
+.ui.avatar.image {
+ margin-right: 0.25em;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ border-radius: 500rem;
+}
+
+/*-------------------
+ Spaced
+--------------------*/
+
+.ui.spaced.image {
+ display: inline-block !important;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+.ui[class*="left spaced"].image {
+ margin-left: 0.5em;
+ margin-right: 0em;
+}
+
+.ui[class*="right spaced"].image {
+ margin-left: 0em;
+ margin-right: 0.5em;
+}
+
+/*-------------------
+ Floated
+--------------------*/
+
+.ui.floated.image,
+.ui.floated.images {
+ float: left;
+ margin-right: 1em;
+ margin-bottom: 1em;
+}
+
+.ui.right.floated.images,
+.ui.right.floated.image {
+ float: right;
+ margin-right: 0em;
+ margin-bottom: 1em;
+ margin-left: 1em;
+}
+
+.ui.floated.images:last-child,
+.ui.floated.image:last-child {
+ margin-bottom: 0em;
+}
+
+.ui.centered.images,
+.ui.centered.image {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.mini.images .image,
+.ui.mini.images img,
+.ui.mini.images svg,
+.ui.mini.image {
+ width: 35px;
+ height: auto;
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.images .image,
+.ui.tiny.images img,
+.ui.tiny.images svg,
+.ui.tiny.image {
+ width: 80px;
+ height: auto;
+ font-size: 0.85714286rem;
+}
+
+.ui.small.images .image,
+.ui.small.images img,
+.ui.small.images svg,
+.ui.small.image {
+ width: 150px;
+ height: auto;
+ font-size: 0.92857143rem;
+}
+
+.ui.medium.images .image,
+.ui.medium.images img,
+.ui.medium.images svg,
+.ui.medium.image {
+ width: 300px;
+ height: auto;
+ font-size: 1rem;
+}
+
+.ui.large.images .image,
+.ui.large.images img,
+.ui.large.images svg,
+.ui.large.image {
+ width: 450px;
+ height: auto;
+ font-size: 1.14285714rem;
+}
+
+.ui.big.images .image,
+.ui.big.images img,
+.ui.big.images svg,
+.ui.big.image {
+ width: 600px;
+ height: auto;
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.images .image,
+.ui.huge.images img,
+.ui.huge.images svg,
+.ui.huge.image {
+ width: 800px;
+ height: auto;
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.images .image,
+.ui.massive.images img,
+.ui.massive.images svg,
+.ui.massive.image {
+ width: 960px;
+ height: auto;
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Groups
+*******************************/
+
+.ui.images {
+ font-size: 0em;
+ margin: 0em -0.25rem 0rem;
+}
+
+.ui.images .image,
+.ui.images > img,
+.ui.images > svg {
+ display: inline-block;
+ margin: 0em 0.25rem 0.5rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Input
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+/*--------------------
+ Inputs
+---------------------*/
+
+.ui.input {
+ position: relative;
+ font-weight: normal;
+ font-style: normal;
+ display: inline-flex;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.input > input {
+ margin: 0em;
+ max-width: 100%;
+ flex: 1 0 auto;
+ outline: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ text-align: left;
+ line-height: 1.21428571em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ padding: 0.67857143em 1em;
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0.28571429rem;
+ transition: box-shadow 0.1s ease, border-color 0.1s ease;
+ box-shadow: none;
+}
+
+/*--------------------
+ Placeholder
+---------------------*/
+
+/* browsers require these rules separate */
+
+.ui.input > input::-webkit-input-placeholder {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+.ui.input > input::-moz-placeholder {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+.ui.input > input:-ms-input-placeholder {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------------
+ Disabled
+---------------------*/
+
+.ui.disabled.input,
+.ui.input:not(.disabled) input[disabled] {
+ opacity: 0.45;
+}
+
+.ui.disabled.input > input,
+.ui.input:not(.disabled) input[disabled] {
+ pointer-events: none;
+}
+
+/*--------------------
+ Active
+---------------------*/
+
+.ui.input > input:active,
+.ui.input.down input {
+ border-color: rgba(0, 0, 0, 0.3);
+ background: #FAFAFA;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+/*--------------------
+ Loading
+---------------------*/
+
+.ui.loading.loading.input > i.icon:before {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.loading.loading.input > i.icon:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ -webkit-animation: button-spin 0.6s linear;
+ animation: button-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+/*--------------------
+ Focus
+---------------------*/
+
+.ui.input.focus > input,
+.ui.input > input:focus {
+ border-color: #85B7D9;
+ background: #FFFFFF;
+ color: rgba(0, 0, 0, 0.8);
+ box-shadow: none;
+}
+
+.ui.input.focus > input::-webkit-input-placeholder,
+.ui.input > input:focus::-webkit-input-placeholder {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+.ui.input.focus > input::-moz-placeholder,
+.ui.input > input:focus::-moz-placeholder {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+.ui.input.focus > input:-ms-input-placeholder,
+.ui.input > input:focus:-ms-input-placeholder {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+/*--------------------
+ Error
+---------------------*/
+
+.ui.input.error > input {
+ background-color: #FFF6F6;
+ border-color: #E0B4B4;
+ color: #9F3A38;
+ box-shadow: none;
+}
+
+/* Error Placeholder */
+
+.ui.input.error > input::-webkit-input-placeholder {
+ color: #e7bdbc;
+}
+
+.ui.input.error > input::-moz-placeholder {
+ color: #e7bdbc;
+}
+
+.ui.input.error > input:-ms-input-placeholder {
+ color: #e7bdbc !important;
+}
+
+/* Focused Error Placeholder */
+
+.ui.input.error > input:focus::-webkit-input-placeholder {
+ color: #da9796;
+}
+
+.ui.input.error > input:focus::-moz-placeholder {
+ color: #da9796;
+}
+
+.ui.input.error > input:focus:-ms-input-placeholder {
+ color: #da9796 !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------------
+ Transparent
+---------------------*/
+
+.ui.transparent.input > input {
+ border-color: transparent !important;
+ background-color: transparent !important;
+ padding: 0em !important;
+ box-shadow: none !important;
+ border-radius: 0px !important;
+}
+
+/* Transparent Icon */
+
+.ui.transparent.icon.input > i.icon {
+ width: 1.1em;
+}
+
+.ui.transparent.icon.input > input {
+ padding-left: 0em !important;
+ padding-right: 2em !important;
+}
+
+.ui.transparent[class*="left icon"].input > input {
+ padding-left: 2em !important;
+ padding-right: 0em !important;
+}
+
+/* Transparent Inverted */
+
+.ui.transparent.inverted.input {
+ color: #FFFFFF;
+}
+
+.ui.transparent.inverted.input > input {
+ color: inherit;
+}
+
+.ui.transparent.inverted.input > input::-webkit-input-placeholder {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.ui.transparent.inverted.input > input::-moz-placeholder {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.ui.transparent.inverted.input > input:-ms-input-placeholder {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/*--------------------
+ Icon
+---------------------*/
+
+.ui.icon.input > i.icon {
+ cursor: default;
+ position: absolute;
+ line-height: 1;
+ text-align: center;
+ top: 0px;
+ right: 0px;
+ margin: 0em;
+ height: 100%;
+ width: 2.67142857em;
+ opacity: 0.5;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+ transition: opacity 0.3s ease;
+}
+
+.ui.icon.input > i.icon:not(.link) {
+ pointer-events: none;
+}
+
+.ui.icon.input > input {
+ padding-right: 2.67142857em !important;
+}
+
+.ui.icon.input > i.icon:before,
+.ui.icon.input > i.icon:after {
+ left: 0;
+ position: absolute;
+ text-align: center;
+ top: 50%;
+ width: 100%;
+ margin-top: -0.5em;
+}
+
+.ui.icon.input > i.link.icon {
+ cursor: pointer;
+}
+
+.ui.icon.input > i.circular.icon {
+ top: 0.35em;
+ right: 0.5em;
+}
+
+/* Left Icon Input */
+
+.ui[class*="left icon"].input > i.icon {
+ right: auto;
+ left: 1px;
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+.ui[class*="left icon"].input > i.circular.icon {
+ right: auto;
+ left: 0.5em;
+}
+
+.ui[class*="left icon"].input > input {
+ padding-left: 2.67142857em !important;
+ padding-right: 1em !important;
+}
+
+/* Focus */
+
+.ui.icon.input > input:focus ~ i.icon {
+ opacity: 1;
+}
+
+/*--------------------
+ Labeled
+---------------------*/
+
+/* Adjacent Label */
+
+.ui.labeled.input > .label {
+ flex: 0 0 auto;
+ margin: 0;
+ font-size: 1em;
+}
+
+.ui.labeled.input > .label:not(.corner) {
+ padding-top: 0.78571429em;
+ padding-bottom: 0.78571429em;
+}
+
+/* Regular Label on Left */
+
+.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+ border-left-color: transparent;
+}
+
+.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
+ border-left-color: #85B7D9;
+}
+
+/* Regular Label on Right */
+
+.ui[class*="right labeled"].input > input {
+ border-top-right-radius: 0px !important;
+ border-bottom-right-radius: 0px !important;
+ border-right-color: transparent !important;
+}
+
+.ui[class*="right labeled"].input > input + .label {
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+.ui[class*="right labeled"].input > input:focus {
+ border-right-color: #85B7D9 !important;
+}
+
+/* Corner Label */
+
+.ui.labeled.input .corner.label {
+ top: 1px;
+ right: 1px;
+ font-size: 0.64285714em;
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+/* Spacing with corner label */
+
+.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
+ padding-right: 2.5em !important;
+}
+
+.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
+ padding-right: 3.25em !important;
+}
+
+.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
+ margin-right: 1.25em;
+}
+
+/* Left Labeled */
+
+.ui[class*="left corner labeled"].labeled.input > input {
+ padding-left: 2.5em !important;
+}
+
+.ui[class*="left corner labeled"].icon.input > input {
+ padding-left: 3.25em !important;
+}
+
+.ui[class*="left corner labeled"].icon.input > .icon {
+ margin-left: 1.25em;
+}
+
+/* Corner Label Position */
+
+.ui.input > .ui.corner.label {
+ top: 1px;
+ right: 1px;
+}
+
+.ui.input > .ui.left.corner.label {
+ right: auto;
+ left: 1px;
+}
+
+/*--------------------
+ Action
+---------------------*/
+
+.ui.action.input > .button,
+.ui.action.input > .buttons {
+ display: flex;
+ align-items: center;
+ flex: 0 0 auto;
+}
+
+.ui.action.input > .button,
+.ui.action.input > .buttons > .button {
+ padding-top: 0.78571429em;
+ padding-bottom: 0.78571429em;
+ margin: 0;
+}
+
+/* Button on Right */
+
+.ui.action.input:not([class*="left action"]) > input {
+ border-top-right-radius: 0px !important;
+ border-bottom-right-radius: 0px !important;
+ border-right-color: transparent !important;
+}
+
+.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
+.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
+.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
+ border-radius: 0px;
+}
+
+.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
+.ui.action.input:not([class*="left action"]) > .button:last-child,
+.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
+ border-radius: 0px 0.28571429rem 0.28571429rem 0px;
+}
+
+/* Input Focus */
+
+.ui.action.input:not([class*="left action"]) > input:focus {
+ border-right-color: #85B7D9 !important;
+}
+
+/* Button on Left */
+
+.ui[class*="left action"].input > input {
+ border-top-left-radius: 0px !important;
+ border-bottom-left-radius: 0px !important;
+ border-left-color: transparent !important;
+}
+
+.ui[class*="left action"].input > .dropdown,
+.ui[class*="left action"].input > .button,
+.ui[class*="left action"].input > .buttons > .button {
+ border-radius: 0px;
+}
+
+.ui[class*="left action"].input > .dropdown:first-child,
+.ui[class*="left action"].input > .button:first-child,
+.ui[class*="left action"].input > .buttons:first-child > .button {
+ border-radius: 0.28571429rem 0px 0px 0.28571429rem;
+}
+
+/* Input Focus */
+
+.ui[class*="left action"].input > input:focus {
+ border-left-color: #85B7D9 !important;
+}
+
+/*--------------------
+ Inverted
+---------------------*/
+
+/* Standard */
+
+.ui.inverted.input > input {
+ border: none;
+}
+
+/*--------------------
+ Fluid
+---------------------*/
+
+.ui.fluid.input {
+ display: flex;
+}
+
+.ui.fluid.input > input {
+ width: 0px !important;
+}
+
+/*--------------------
+ Size
+---------------------*/
+
+.ui.mini.input {
+ font-size: 0.78571429em;
+}
+
+.ui.small.input {
+ font-size: 0.92857143em;
+}
+
+.ui.input {
+ font-size: 1em;
+}
+
+.ui.large.input {
+ font-size: 1.14285714em;
+}
+
+.ui.big.input {
+ font-size: 1.28571429em;
+}
+
+.ui.huge.input {
+ font-size: 1.42857143em;
+}
+
+.ui.massive.input {
+ font-size: 1.71428571em;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Label
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Label
+*******************************/
+
+.ui.label {
+ display: inline-block;
+ line-height: 1;
+ vertical-align: baseline;
+ margin: 0em 0.14285714em;
+ background-color: #E8E8E8;
+ background-image: none;
+ padding: 0.5833em 0.833em;
+ color: rgba(0, 0, 0, 0.6);
+ text-transform: none;
+ font-weight: bold;
+ border: 0px solid transparent;
+ border-radius: 0.28571429rem;
+ transition: background 0.1s ease;
+}
+
+.ui.label:first-child {
+ margin-left: 0em;
+}
+
+.ui.label:last-child {
+ margin-right: 0em;
+}
+
+/* Link */
+
+a.ui.label {
+ cursor: pointer;
+}
+
+/* Inside Link */
+
+.ui.label > a {
+ cursor: pointer;
+ color: inherit;
+ opacity: 0.5;
+ transition: 0.1s opacity ease;
+}
+
+.ui.label > a:hover {
+ opacity: 1;
+}
+
+/* Image */
+
+.ui.label > img {
+ width: auto !important;
+ vertical-align: middle;
+ height: 2.1666em !important;
+}
+
+/* Icon */
+
+.ui.label > .icon {
+ width: auto;
+ margin: 0em 0.75em 0em 0em;
+}
+
+/* Detail */
+
+.ui.label > .detail {
+ display: inline-block;
+ vertical-align: top;
+ font-weight: bold;
+ margin-left: 1em;
+ opacity: 0.8;
+}
+
+.ui.label > .detail .icon {
+ margin: 0em 0.25em 0em 0em;
+}
+
+/* Removable label */
+
+.ui.label > .close.icon,
+.ui.label > .delete.icon {
+ cursor: pointer;
+ margin-right: 0em;
+ margin-left: 0.5em;
+ font-size: 0.92857143em;
+ opacity: 0.5;
+ transition: background 0.1s ease;
+}
+
+.ui.label > .delete.icon:hover {
+ opacity: 1;
+}
+
+/*-------------------
+ Group
+--------------------*/
+
+.ui.labels > .label {
+ margin: 0em 0.5em 0.5em 0em;
+}
+
+/*-------------------
+ Coupling
+--------------------*/
+
+.ui.header > .ui.label {
+ margin-top: -0.29165em;
+}
+
+/* Remove border radius on attached segment */
+
+.ui.attached.segment > .ui.top.left.attached.label,
+.ui.bottom.attached.segment > .ui.top.left.attached.label {
+ border-top-left-radius: 0;
+}
+
+.ui.attached.segment > .ui.top.right.attached.label,
+.ui.bottom.attached.segment > .ui.top.right.attached.label {
+ border-top-right-radius: 0;
+}
+
+.ui.top.attached.segment > .ui.bottom.left.attached.label {
+ border-bottom-left-radius: 0;
+}
+
+.ui.top.attached.segment > .ui.bottom.right.attached.label {
+ border-bottom-right-radius: 0;
+}
+
+/* Padding on next content after a label */
+
+.ui.top.attached.label:first-child + :not(.attached),
+.ui.top.attached.label + [class*="right floated"] + * {
+ margin-top: 2rem !important;
+}
+
+.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
+ margin-top: 0em;
+ margin-bottom: 2rem !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+.ui.image.label {
+ width: auto !important;
+ margin-top: 0em;
+ margin-bottom: 0em;
+ max-width: 9999px;
+ vertical-align: baseline;
+ text-transform: none;
+ background: #E8E8E8;
+ padding: 0.5833em 0.833em 0.5833em 0.5em;
+ border-radius: 0.28571429rem;
+ box-shadow: none;
+}
+
+.ui.image.label img {
+ display: inline-block;
+ vertical-align: top;
+ height: 2.1666em;
+ margin: -0.5833em 0.5em -0.5833em -0.5em;
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+.ui.image.label .detail {
+ background: rgba(0, 0, 0, 0.1);
+ margin: -0.5833em -0.833em -0.5833em 0.5em;
+ padding: 0.5833em 0.833em;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+/*-------------------
+ Tag
+--------------------*/
+
+.ui.tag.labels .label,
+.ui.tag.label {
+ margin-left: 1em;
+ position: relative;
+ padding-left: 1.5em;
+ padding-right: 1.5em;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+ transition: none;
+}
+
+.ui.tag.labels .label:before,
+.ui.tag.label:before {
+ position: absolute;
+ transform: translateY(-50%) translateX(50%) rotate(-45deg);
+ top: 50%;
+ right: 100%;
+ content: '';
+ background-color: inherit;
+ background-image: none;
+ width: 1.56em;
+ height: 1.56em;
+ transition: none;
+}
+
+.ui.tag.labels .label:after,
+.ui.tag.label:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: -0.25em;
+ margin-top: -0.25em;
+ background-color: #FFFFFF !important;
+ width: 0.5em;
+ height: 0.5em;
+ box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
+ border-radius: 500rem;
+}
+
+/*-------------------
+ Corner Label
+--------------------*/
+
+.ui.corner.label {
+ position: absolute;
+ top: 0em;
+ right: 0em;
+ margin: 0em;
+ padding: 0em;
+ text-align: center;
+ border-color: #E8E8E8;
+ width: 4em;
+ height: 4em;
+ z-index: 1;
+ transition: border-color 0.1s ease;
+}
+
+/* Icon Label */
+
+.ui.corner.label {
+ background-color: transparent !important;
+}
+
+.ui.corner.label:after {
+ position: absolute;
+ content: "";
+ right: 0em;
+ top: 0em;
+ z-index: -1;
+ width: 0em;
+ height: 0em;
+ background-color: transparent !important;
+ border-top: 0em solid transparent;
+ border-right: 4em solid transparent;
+ border-bottom: 4em solid transparent;
+ border-left: 0em solid transparent;
+ border-right-color: inherit;
+ transition: border-color 0.1s ease;
+}
+
+.ui.corner.label .icon {
+ cursor: default;
+ position: relative;
+ top: 0.64285714em;
+ left: 0.78571429em;
+ font-size: 1.14285714em;
+ margin: 0em;
+}
+
+/* Left Corner */
+
+.ui.left.corner.label,
+.ui.left.corner.label:after {
+ right: auto;
+ left: 0em;
+}
+
+.ui.left.corner.label:after {
+ border-top: 4em solid transparent;
+ border-right: 4em solid transparent;
+ border-bottom: 0em solid transparent;
+ border-left: 0em solid transparent;
+ border-top-color: inherit;
+}
+
+.ui.left.corner.label .icon {
+ left: -0.78571429em;
+}
+
+/* Segment */
+
+.ui.segment > .ui.corner.label {
+ top: -1px;
+ right: -1px;
+}
+
+.ui.segment > .ui.left.corner.label {
+ right: auto;
+ left: -1px;
+}
+
+/*-------------------
+ Ribbon
+--------------------*/
+
+.ui.ribbon.label {
+ position: relative;
+ margin: 0em;
+ min-width: -webkit-max-content;
+ min-width: -moz-max-content;
+ min-width: max-content;
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+ border-color: rgba(0, 0, 0, 0.15);
+}
+
+.ui.ribbon.label:after {
+ position: absolute;
+ content: '';
+ top: 100%;
+ left: 0%;
+ background-color: transparent !important;
+ border-style: solid;
+ border-width: 0em 1.2em 1.2em 0em;
+ border-color: transparent;
+ border-right-color: inherit;
+ width: 0em;
+ height: 0em;
+}
+
+/* Positioning */
+
+.ui.ribbon.label {
+ left: calc(-1rem - 1.2em);
+ margin-right: -1.2em;
+ padding-left: calc(1rem + 1.2em);
+ padding-right: 1.2em;
+}
+
+.ui[class*="right ribbon"].label {
+ left: calc(100% + 1rem + 1.2em);
+ padding-left: 1.2em;
+ padding-right: calc(1rem + 1.2em);
+}
+
+/* Right Ribbon */
+
+.ui[class*="right ribbon"].label {
+ text-align: left;
+ transform: translateX(-100%);
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+.ui[class*="right ribbon"].label:after {
+ left: auto;
+ right: 0%;
+ border-style: solid;
+ border-width: 1.2em 1.2em 0em 0em;
+ border-color: transparent;
+ border-top-color: inherit;
+}
+
+/* Inside Table */
+
+.ui.image > .ribbon.label,
+.ui.card .image > .ribbon.label {
+ position: absolute;
+ top: 1rem;
+}
+
+.ui.card .image > .ui.ribbon.label,
+.ui.image > .ui.ribbon.label {
+ left: calc(--0.05rem - 1.2em);
+}
+
+.ui.card .image > .ui[class*="right ribbon"].label,
+.ui.image > .ui[class*="right ribbon"].label {
+ left: calc(100% + -0.05rem + 1.2em);
+ padding-left: 0.833em;
+}
+
+/* Inside Table */
+
+.ui.table td > .ui.ribbon.label {
+ left: calc(-0.78571429em - 1.2em);
+}
+
+.ui.table td > .ui[class*="right ribbon"].label {
+ left: calc(100% + 0.78571429em + 1.2em);
+ padding-left: 0.833em;
+}
+
+/*-------------------
+ Attached
+--------------------*/
+
+.ui[class*="top attached"].label,
+.ui.attached.label {
+ width: 100%;
+ position: absolute;
+ margin: 0em;
+ top: 0em;
+ left: 0em;
+ padding: 0.75em 1em;
+ border-radius: 0.21428571rem 0.21428571rem 0em 0em;
+}
+
+.ui[class*="bottom attached"].label {
+ top: auto;
+ bottom: 0em;
+ border-radius: 0em 0em 0.21428571rem 0.21428571rem;
+}
+
+.ui[class*="top left attached"].label {
+ width: auto;
+ margin-top: 0em !important;
+ border-radius: 0.21428571rem 0em 0.28571429rem 0em;
+}
+
+.ui[class*="top right attached"].label {
+ width: auto;
+ left: auto;
+ right: 0em;
+ border-radius: 0em 0.21428571rem 0em 0.28571429rem;
+}
+
+.ui[class*="bottom left attached"].label {
+ width: auto;
+ top: auto;
+ bottom: 0em;
+ border-radius: 0em 0.28571429rem 0em 0.21428571rem;
+}
+
+.ui[class*="bottom right attached"].label {
+ top: auto;
+ bottom: 0em;
+ left: auto;
+ right: 0em;
+ width: auto;
+ border-radius: 0.28571429rem 0em 0.21428571rem 0em;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*-------------------
+ Disabled
+--------------------*/
+
+.ui.label.disabled {
+ opacity: 0.5;
+}
+
+/*-------------------
+ Hover
+--------------------*/
+
+a.ui.labels .label:hover,
+a.ui.label:hover {
+ background-color: #E0E0E0;
+ border-color: #E0E0E0;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.labels a.label:hover:before,
+a.ui.label:hover:before {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/*-------------------
+ Active
+--------------------*/
+
+.ui.active.label {
+ background-color: #D0D0D0;
+ border-color: #D0D0D0;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.active.label:before {
+ background-color: #D0D0D0;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*-------------------
+ Active Hover
+--------------------*/
+
+a.ui.labels .active.label:hover,
+a.ui.active.label:hover {
+ background-color: #C8C8C8;
+ border-color: #C8C8C8;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.labels a.active.label:ActiveHover:before,
+a.ui.active.label:ActiveHover:before {
+ background-color: #C8C8C8;
+ background-image: none;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*-------------------
+ Visible
+--------------------*/
+
+.ui.labels.visible .label,
+.ui.label.visible:not(.dropdown) {
+ display: inline-block !important;
+}
+
+/*-------------------
+ Hidden
+--------------------*/
+
+.ui.labels.hidden .label,
+.ui.label.hidden {
+ display: none !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Colors
+--------------------*/
+
+/*--- Red ---*/
+
+.ui.red.labels .label,
+.ui.red.label {
+ background-color: #DB2828 !important;
+ border-color: #DB2828 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.red.labels .label:hover,
+a.ui.red.label:hover {
+ background-color: #d01919 !important;
+ border-color: #d01919 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.red.corner.label,
+.ui.red.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.red.ribbon.label {
+ border-color: #b21e1e !important;
+}
+
+/* Basic */
+
+.ui.basic.red.label {
+ background: none #FFFFFF !important;
+ color: #DB2828 !important;
+ border-color: #DB2828 !important;
+}
+
+.ui.basic.red.labels a.label:hover,
+a.ui.basic.red.label:hover {
+ background-color: #FFFFFF !important;
+ color: #d01919 !important;
+ border-color: #d01919 !important;
+}
+
+/*--- Orange ---*/
+
+.ui.orange.labels .label,
+.ui.orange.label {
+ background-color: #F2711C !important;
+ border-color: #F2711C !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.orange.labels .label:hover,
+a.ui.orange.label:hover {
+ background-color: #f26202 !important;
+ border-color: #f26202 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.orange.corner.label,
+.ui.orange.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.orange.ribbon.label {
+ border-color: #cf590c !important;
+}
+
+/* Basic */
+
+.ui.basic.orange.label {
+ background: none #FFFFFF !important;
+ color: #F2711C !important;
+ border-color: #F2711C !important;
+}
+
+.ui.basic.orange.labels a.label:hover,
+a.ui.basic.orange.label:hover {
+ background-color: #FFFFFF !important;
+ color: #f26202 !important;
+ border-color: #f26202 !important;
+}
+
+/*--- Yellow ---*/
+
+.ui.yellow.labels .label,
+.ui.yellow.label {
+ background-color: #FBBD08 !important;
+ border-color: #FBBD08 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.yellow.labels .label:hover,
+a.ui.yellow.label:hover {
+ background-color: #eaae00 !important;
+ border-color: #eaae00 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.yellow.corner.label,
+.ui.yellow.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.yellow.ribbon.label {
+ border-color: #cd9903 !important;
+}
+
+/* Basic */
+
+.ui.basic.yellow.label {
+ background: none #FFFFFF !important;
+ color: #FBBD08 !important;
+ border-color: #FBBD08 !important;
+}
+
+.ui.basic.yellow.labels a.label:hover,
+a.ui.basic.yellow.label:hover {
+ background-color: #FFFFFF !important;
+ color: #eaae00 !important;
+ border-color: #eaae00 !important;
+}
+
+/*--- Olive ---*/
+
+.ui.olive.labels .label,
+.ui.olive.label {
+ background-color: #B5CC18 !important;
+ border-color: #B5CC18 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.olive.labels .label:hover,
+a.ui.olive.label:hover {
+ background-color: #a7bd0d !important;
+ border-color: #a7bd0d !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.olive.corner.label,
+.ui.olive.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.olive.ribbon.label {
+ border-color: #198f35 !important;
+}
+
+/* Basic */
+
+.ui.basic.olive.label {
+ background: none #FFFFFF !important;
+ color: #B5CC18 !important;
+ border-color: #B5CC18 !important;
+}
+
+.ui.basic.olive.labels a.label:hover,
+a.ui.basic.olive.label:hover {
+ background-color: #FFFFFF !important;
+ color: #a7bd0d !important;
+ border-color: #a7bd0d !important;
+}
+
+/*--- Green ---*/
+
+.ui.green.labels .label,
+.ui.green.label {
+ background-color: #21BA45 !important;
+ border-color: #21BA45 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.green.labels .label:hover,
+a.ui.green.label:hover {
+ background-color: #16ab39 !important;
+ border-color: #16ab39 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.green.corner.label,
+.ui.green.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.green.ribbon.label {
+ border-color: #198f35 !important;
+}
+
+/* Basic */
+
+.ui.basic.green.label {
+ background: none #FFFFFF !important;
+ color: #21BA45 !important;
+ border-color: #21BA45 !important;
+}
+
+.ui.basic.green.labels a.label:hover,
+a.ui.basic.green.label:hover {
+ background-color: #FFFFFF !important;
+ color: #16ab39 !important;
+ border-color: #16ab39 !important;
+}
+
+/*--- Teal ---*/
+
+.ui.teal.labels .label,
+.ui.teal.label {
+ background-color: #00B5AD !important;
+ border-color: #00B5AD !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.teal.labels .label:hover,
+a.ui.teal.label:hover {
+ background-color: #009c95 !important;
+ border-color: #009c95 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.teal.corner.label,
+.ui.teal.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.teal.ribbon.label {
+ border-color: #00827c !important;
+}
+
+/* Basic */
+
+.ui.basic.teal.label {
+ background: none #FFFFFF !important;
+ color: #00B5AD !important;
+ border-color: #00B5AD !important;
+}
+
+.ui.basic.teal.labels a.label:hover,
+a.ui.basic.teal.label:hover {
+ background-color: #FFFFFF !important;
+ color: #009c95 !important;
+ border-color: #009c95 !important;
+}
+
+/*--- Blue ---*/
+
+.ui.blue.labels .label,
+.ui.blue.label {
+ background-color: #2185D0 !important;
+ border-color: #2185D0 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.blue.labels .label:hover,
+a.ui.blue.label:hover {
+ background-color: #1678c2 !important;
+ border-color: #1678c2 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.blue.corner.label,
+.ui.blue.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.blue.ribbon.label {
+ border-color: #1a69a4 !important;
+}
+
+/* Basic */
+
+.ui.basic.blue.label {
+ background: none #FFFFFF !important;
+ color: #2185D0 !important;
+ border-color: #2185D0 !important;
+}
+
+.ui.basic.blue.labels a.label:hover,
+a.ui.basic.blue.label:hover {
+ background-color: #FFFFFF !important;
+ color: #1678c2 !important;
+ border-color: #1678c2 !important;
+}
+
+/*--- Violet ---*/
+
+.ui.violet.labels .label,
+.ui.violet.label {
+ background-color: #6435C9 !important;
+ border-color: #6435C9 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.violet.labels .label:hover,
+a.ui.violet.label:hover {
+ background-color: #5829bb !important;
+ border-color: #5829bb !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.violet.corner.label,
+.ui.violet.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.violet.ribbon.label {
+ border-color: #502aa1 !important;
+}
+
+/* Basic */
+
+.ui.basic.violet.label {
+ background: none #FFFFFF !important;
+ color: #6435C9 !important;
+ border-color: #6435C9 !important;
+}
+
+.ui.basic.violet.labels a.label:hover,
+a.ui.basic.violet.label:hover {
+ background-color: #FFFFFF !important;
+ color: #5829bb !important;
+ border-color: #5829bb !important;
+}
+
+/*--- Purple ---*/
+
+.ui.purple.labels .label,
+.ui.purple.label {
+ background-color: #A333C8 !important;
+ border-color: #A333C8 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.purple.labels .label:hover,
+a.ui.purple.label:hover {
+ background-color: #9627ba !important;
+ border-color: #9627ba !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.purple.corner.label,
+.ui.purple.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.purple.ribbon.label {
+ border-color: #82299f !important;
+}
+
+/* Basic */
+
+.ui.basic.purple.label {
+ background: none #FFFFFF !important;
+ color: #A333C8 !important;
+ border-color: #A333C8 !important;
+}
+
+.ui.basic.purple.labels a.label:hover,
+a.ui.basic.purple.label:hover {
+ background-color: #FFFFFF !important;
+ color: #9627ba !important;
+ border-color: #9627ba !important;
+}
+
+/*--- Pink ---*/
+
+.ui.pink.labels .label,
+.ui.pink.label {
+ background-color: #E03997 !important;
+ border-color: #E03997 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.pink.labels .label:hover,
+a.ui.pink.label:hover {
+ background-color: #e61a8d !important;
+ border-color: #e61a8d !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.pink.corner.label,
+.ui.pink.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.pink.ribbon.label {
+ border-color: #c71f7e !important;
+}
+
+/* Basic */
+
+.ui.basic.pink.label {
+ background: none #FFFFFF !important;
+ color: #E03997 !important;
+ border-color: #E03997 !important;
+}
+
+.ui.basic.pink.labels a.label:hover,
+a.ui.basic.pink.label:hover {
+ background-color: #FFFFFF !important;
+ color: #e61a8d !important;
+ border-color: #e61a8d !important;
+}
+
+/*--- Brown ---*/
+
+.ui.brown.labels .label,
+.ui.brown.label {
+ background-color: #A5673F !important;
+ border-color: #A5673F !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.brown.labels .label:hover,
+a.ui.brown.label:hover {
+ background-color: #975b33 !important;
+ border-color: #975b33 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.brown.corner.label,
+.ui.brown.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.brown.ribbon.label {
+ border-color: #805031 !important;
+}
+
+/* Basic */
+
+.ui.basic.brown.label {
+ background: none #FFFFFF !important;
+ color: #A5673F !important;
+ border-color: #A5673F !important;
+}
+
+.ui.basic.brown.labels a.label:hover,
+a.ui.basic.brown.label:hover {
+ background-color: #FFFFFF !important;
+ color: #975b33 !important;
+ border-color: #975b33 !important;
+}
+
+/*--- Grey ---*/
+
+.ui.grey.labels .label,
+.ui.grey.label {
+ background-color: #767676 !important;
+ border-color: #767676 !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.grey.labels .label:hover,
+a.ui.grey.label:hover {
+ background-color: #838383 !important;
+ border-color: #838383 !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.grey.corner.label,
+.ui.grey.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.grey.ribbon.label {
+ border-color: #805031 !important;
+}
+
+/* Basic */
+
+.ui.basic.grey.label {
+ background: none #FFFFFF !important;
+ color: #767676 !important;
+ border-color: #767676 !important;
+}
+
+.ui.basic.grey.labels a.label:hover,
+a.ui.basic.grey.label:hover {
+ background-color: #FFFFFF !important;
+ color: #838383 !important;
+ border-color: #838383 !important;
+}
+
+/*--- Black ---*/
+
+.ui.black.labels .label,
+.ui.black.label {
+ background-color: #1B1C1D !important;
+ border-color: #1B1C1D !important;
+ color: #FFFFFF !important;
+}
+
+/* Link */
+
+.ui.black.labels .label:hover,
+a.ui.black.label:hover {
+ background-color: #27292a !important;
+ border-color: #27292a !important;
+ color: #FFFFFF !important;
+}
+
+/* Corner */
+
+.ui.black.corner.label,
+.ui.black.corner.label:hover {
+ background-color: transparent !important;
+}
+
+/* Ribbon */
+
+.ui.black.ribbon.label {
+ border-color: #805031 !important;
+}
+
+/* Basic */
+
+.ui.basic.black.label {
+ background: none #FFFFFF !important;
+ color: #1B1C1D !important;
+ border-color: #1B1C1D !important;
+}
+
+.ui.basic.black.labels a.label:hover,
+a.ui.basic.black.label:hover {
+ background-color: #FFFFFF !important;
+ color: #27292a !important;
+ border-color: #27292a !important;
+}
+
+/*-------------------
+ Basic
+--------------------*/
+
+.ui.basic.label {
+ background: none #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+/* Link */
+
+a.ui.basic.label:hover {
+ text-decoration: none;
+ background: none #FFFFFF;
+ color: #1e70bf;
+ box-shadow: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: none;
+}
+
+/* Pointing */
+
+.ui.basic.pointing.label:before {
+ border-color: inherit;
+}
+
+/*-------------------
+ Fluid
+--------------------*/
+
+.ui.label.fluid,
+.ui.fluid.labels > .label {
+ width: 100%;
+ box-sizing: border-box;
+}
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.labels .label,
+.ui.inverted.label {
+ color: rgba(255, 255, 255, 0.9) !important;
+}
+
+/*-------------------
+ Horizontal
+--------------------*/
+
+.ui.horizontal.labels .label,
+.ui.horizontal.label {
+ margin: 0em 0.5em 0em 0em;
+ padding: 0.4em 0.833em;
+ min-width: 3em;
+ text-align: center;
+}
+
+/*-------------------
+ Circular
+--------------------*/
+
+.ui.circular.labels .label,
+.ui.circular.label {
+ min-width: 2em;
+ min-height: 2em;
+ padding: 0.5em !important;
+ line-height: 1em;
+ text-align: center;
+ border-radius: 500rem;
+}
+
+.ui.empty.circular.labels .label,
+.ui.empty.circular.label {
+ min-width: 0em;
+ min-height: 0em;
+ overflow: hidden;
+ width: 0.5em;
+ height: 0.5em;
+ vertical-align: baseline;
+}
+
+/*-------------------
+ Pointing
+--------------------*/
+
+.ui.pointing.label {
+ position: relative;
+}
+
+.ui.attached.pointing.label {
+ position: absolute;
+}
+
+.ui.pointing.label:before {
+ background-color: inherit;
+ background-image: inherit;
+ border-width: none;
+ border-style: solid;
+ border-color: inherit;
+}
+
+/* Arrow */
+
+.ui.pointing.label:before {
+ position: absolute;
+ content: '';
+ transform: rotate(45deg);
+ background-image: none;
+ z-index: 2;
+ width: 0.6666em;
+ height: 0.6666em;
+ transition: background 0.1s ease;
+}
+
+/*--- Above ---*/
+
+.ui.pointing.label,
+.ui[class*="pointing above"].label {
+ margin-top: 1em;
+}
+
+.ui.pointing.label:before,
+.ui[class*="pointing above"].label:before {
+ border-width: 1px 0px 0px 1px;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ top: 0%;
+ left: 50%;
+}
+
+/*--- Below ---*/
+
+.ui[class*="bottom pointing"].label,
+.ui[class*="pointing below"].label {
+ margin-top: 0em;
+ margin-bottom: 1em;
+}
+
+.ui[class*="bottom pointing"].label:before,
+.ui[class*="pointing below"].label:before {
+ border-width: 0px 1px 1px 0px;
+ top: auto;
+ right: auto;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ top: 100%;
+ left: 50%;
+}
+
+/*--- Left ---*/
+
+.ui[class*="left pointing"].label {
+ margin-top: 0em;
+ margin-left: 0.6666em;
+}
+
+.ui[class*="left pointing"].label:before {
+ border-width: 0px 0px 1px 1px;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ bottom: auto;
+ right: auto;
+ top: 50%;
+ left: 0em;
+}
+
+/*--- Right ---*/
+
+.ui[class*="right pointing"].label {
+ margin-top: 0em;
+ margin-right: 0.6666em;
+}
+
+.ui[class*="right pointing"].label:before {
+ border-width: 1px 1px 0px 0px;
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
+ top: 50%;
+ right: 0%;
+ bottom: auto;
+ left: auto;
+}
+
+/* Basic Pointing */
+
+/*--- Above ---*/
+
+.ui.basic.pointing.label:before,
+.ui.basic[class*="pointing above"].label:before {
+ margin-top: -1px;
+}
+
+/*--- Below ---*/
+
+.ui.basic[class*="bottom pointing"].label:before,
+.ui.basic[class*="pointing below"].label:before {
+ bottom: auto;
+ top: 100%;
+ margin-top: 1px;
+}
+
+/*--- Left ---*/
+
+.ui.basic[class*="left pointing"].label:before {
+ top: 50%;
+ left: -1px;
+}
+
+/*--- Right ---*/
+
+.ui.basic[class*="right pointing"].label:before {
+ top: 50%;
+ right: -1px;
+}
+
+/*------------------
+ Floating Label
+-------------------*/
+
+.ui.floating.label {
+ position: absolute;
+ z-index: 100;
+ top: -1em;
+ left: 100%;
+ margin: 0em 0em 0em -1.5em !important;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.labels .label,
+.ui.mini.label {
+ font-size: 0.64285714rem;
+}
+
+.ui.tiny.labels .label,
+.ui.tiny.label {
+ font-size: 0.71428571rem;
+}
+
+.ui.small.labels .label,
+.ui.small.label {
+ font-size: 0.78571429rem;
+}
+
+.ui.labels .label,
+.ui.label {
+ font-size: 0.85714286rem;
+}
+
+.ui.large.labels .label,
+.ui.large.label {
+ font-size: 1rem;
+}
+
+.ui.big.labels .label,
+.ui.big.label {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.labels .label,
+.ui.huge.label {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.labels .label,
+.ui.massive.label {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - List
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ List
+*******************************/
+
+ul.ui.list,
+ol.ui.list,
+.ui.list {
+ list-style-type: none;
+ margin: 1em 0em;
+ padding: 0em 0em;
+}
+
+ul.ui.list:first-child,
+ol.ui.list:first-child,
+.ui.list:first-child {
+ margin-top: 0em;
+ padding-top: 0em;
+}
+
+ul.ui.list:last-child,
+ol.ui.list:last-child,
+.ui.list:last-child {
+ margin-bottom: 0em;
+ padding-bottom: 0em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* List Item */
+
+ul.ui.list li,
+ol.ui.list li,
+.ui.list > .item,
+.ui.list .list > .item {
+ display: list-item;
+ table-layout: fixed;
+ list-style-type: none;
+ list-style-position: outside;
+ padding: 0.21428571em 0em;
+ line-height: 1.14285714em;
+}
+
+ul.ui.list > li:first-child:after,
+ol.ui.list > li:first-child:after,
+.ui.list > .list > .item,
+.ui.list > .item:after {
+ content: '';
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+ul.ui.list li:first-child,
+ol.ui.list li:first-child,
+.ui.list .list > .item:first-child,
+.ui.list > .item:first-child {
+ padding-top: 0em;
+}
+
+ul.ui.list li:last-child,
+ol.ui.list li:last-child,
+.ui.list .list > .item:last-child,
+.ui.list > .item:last-child {
+ padding-bottom: 0em;
+}
+
+/* Child List */
+
+ul.ui.list ul,
+ol.ui.list ol,
+.ui.list .list {
+ clear: both;
+ margin: 0em;
+ padding: 0.75em 0em 0.25em 0.5em;
+}
+
+/* Child Item */
+
+ul.ui.list ul li,
+ol.ui.list ol li,
+.ui.list .list > .item {
+ padding: 0.14285714em 0em;
+ line-height: inherit;
+}
+
+/* Icon */
+
+.ui.list .list > .item > i.icon,
+.ui.list > .item > i.icon {
+ display: table-cell;
+ margin: 0em;
+ padding-top: 0em;
+ padding-right: 0.28571429em;
+ vertical-align: top;
+ transition: color 0.1s ease;
+}
+
+.ui.list .list > .item > i.icon:only-child,
+.ui.list > .item > i.icon:only-child {
+ display: inline-block;
+ vertical-align: top;
+}
+
+/* Image */
+
+.ui.list .list > .item > .image,
+.ui.list > .item > .image {
+ display: table-cell;
+ background-color: transparent;
+ margin: 0em;
+ vertical-align: top;
+}
+
+.ui.list .list > .item > .image:not(:only-child):not(img),
+.ui.list > .item > .image:not(:only-child):not(img) {
+ padding-right: 0.5em;
+}
+
+.ui.list .list > .item > .image img,
+.ui.list > .item > .image img {
+ vertical-align: top;
+}
+
+.ui.list .list > .item > img.image,
+.ui.list .list > .item > .image:only-child,
+.ui.list > .item > img.image,
+.ui.list > .item > .image:only-child {
+ display: inline-block;
+}
+
+/* Content */
+
+.ui.list .list > .item > .content,
+.ui.list > .item > .content {
+ line-height: 1.14285714em;
+}
+
+.ui.list .list > .item > .image + .content,
+.ui.list .list > .item > .icon + .content,
+.ui.list > .item > .image + .content,
+.ui.list > .item > .icon + .content {
+ display: table-cell;
+ width: 100%;
+ padding: 0em 0em 0em 0.5em;
+ vertical-align: top;
+}
+
+.ui.list .list > .item > img.image + .content,
+.ui.list > .item > img.image + .content {
+ display: inline-block;
+ width: auto;
+}
+
+.ui.list .list > .item > .content > .list,
+.ui.list > .item > .content > .list {
+ margin-left: 0em;
+ padding-left: 0em;
+}
+
+/* Header */
+
+.ui.list .list > .item .header,
+.ui.list > .item .header {
+ display: block;
+ margin: 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Description */
+
+.ui.list .list > .item .description,
+.ui.list > .item .description {
+ display: block;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+/* Child Link */
+
+.ui.list > .item a,
+.ui.list .list > .item a {
+ cursor: pointer;
+}
+
+/* Linking Item */
+
+.ui.list .list > a.item,
+.ui.list > a.item {
+ cursor: pointer;
+ color: #4183C4;
+}
+
+.ui.list .list > a.item:hover,
+.ui.list > a.item:hover {
+ color: #1e70bf;
+}
+
+/* Linked Item Icons */
+
+.ui.list .list > a.item i.icon,
+.ui.list > a.item i.icon {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/* Header Link */
+
+.ui.list .list > .item a.header,
+.ui.list > .item a.header {
+ cursor: pointer;
+ color: #4183C4 !important;
+}
+
+.ui.list .list > .item a.header:hover,
+.ui.list > .item a.header:hover {
+ color: #1e70bf !important;
+}
+
+/* Floated Content */
+
+.ui[class*="left floated"].list {
+ float: left;
+}
+
+.ui[class*="right floated"].list {
+ float: right;
+}
+
+.ui.list .list > .item [class*="left floated"],
+.ui.list > .item [class*="left floated"] {
+ float: left;
+ margin: 0em 1em 0em 0em;
+}
+
+.ui.list .list > .item [class*="right floated"],
+.ui.list > .item [class*="right floated"] {
+ float: right;
+ margin: 0em 0em 0em 1em;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+.ui.menu .ui.list > .item,
+.ui.menu .ui.list .list > .item {
+ display: list-item;
+ table-layout: fixed;
+ background-color: transparent;
+ list-style-type: none;
+ list-style-position: outside;
+ padding: 0.21428571em 0em;
+ line-height: 1.14285714em;
+}
+
+.ui.menu .ui.list .list > .item:before,
+.ui.menu .ui.list > .item:before {
+ border: none;
+ background: none;
+}
+
+.ui.menu .ui.list .list > .item:first-child,
+.ui.menu .ui.list > .item:first-child {
+ padding-top: 0em;
+}
+
+.ui.menu .ui.list .list > .item:last-child,
+.ui.menu .ui.list > .item:last-child {
+ padding-bottom: 0em;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Horizontal
+--------------------*/
+
+.ui.horizontal.list {
+ display: inline-block;
+ font-size: 0em;
+}
+
+.ui.horizontal.list > .item {
+ display: inline-block;
+ margin-left: 1em;
+ font-size: 1rem;
+}
+
+.ui.horizontal.list:not(.celled) > .item:first-child {
+ margin-left: 0em !important;
+ padding-left: 0em !important;
+}
+
+.ui.horizontal.list .list {
+ padding-left: 0em;
+ padding-bottom: 0em;
+}
+
+.ui.horizontal.list > .item > .image,
+.ui.horizontal.list .list > .item > .image,
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list .list > .item > .icon,
+.ui.horizontal.list > .item > .content,
+.ui.horizontal.list .list > .item > .content {
+ vertical-align: middle;
+}
+
+/* Padding on all elements */
+
+.ui.horizontal.list > .item:first-child,
+.ui.horizontal.list > .item:last-child {
+ padding-top: 0.21428571em;
+ padding-bottom: 0.21428571em;
+}
+
+/* Horizontal List */
+
+.ui.horizontal.list > .item > i.icon {
+ margin: 0em;
+ padding: 0em 0.25em 0em 0em;
+}
+
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list > .item > .icon + .content {
+ float: none;
+ display: inline-block;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*-------------------
+ Disabled
+--------------------*/
+
+.ui.list .list > .disabled.item,
+.ui.list > .disabled.item {
+ pointer-events: none;
+ color: rgba(40, 40, 40, 0.3) !important;
+}
+
+.ui.inverted.list .list > .disabled.item,
+.ui.inverted.list > .disabled.item {
+ color: rgba(225, 225, 225, 0.3) !important;
+}
+
+/*-------------------
+ Hover
+--------------------*/
+
+.ui.list .list > a.item:hover .icon,
+.ui.list > a.item:hover .icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.list .list > a.item > .icon,
+.ui.inverted.list > a.item > .icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui.inverted.list .list > .item .header,
+.ui.inverted.list > .item .header {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.list .list > .item .description,
+.ui.inverted.list > .item .description {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/* Item Link */
+
+.ui.inverted.list .list > a.item,
+.ui.inverted.list > a.item {
+ cursor: pointer;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.list .list > a.item:hover,
+.ui.inverted.list > a.item:hover {
+ color: #1e70bf;
+}
+
+/* Linking Content */
+
+.ui.inverted.list .item a:not(.ui) {
+ color: rgba(255, 255, 255, 0.9) !important;
+}
+
+.ui.inverted.list .item a:not(.ui):hover {
+ color: #1e70bf !important;
+}
+
+/*-------------------
+ Aligned
+--------------------*/
+
+.ui.list[class*="top aligned"] .image,
+.ui.list[class*="top aligned"] .content,
+.ui.list [class*="top aligned"] {
+ vertical-align: top !important;
+}
+
+.ui.list[class*="middle aligned"] .image,
+.ui.list[class*="middle aligned"] .content,
+.ui.list [class*="middle aligned"] {
+ vertical-align: middle !important;
+}
+
+.ui.list[class*="bottom aligned"] .image,
+.ui.list[class*="bottom aligned"] .content,
+.ui.list [class*="bottom aligned"] {
+ vertical-align: bottom !important;
+}
+
+/*-------------------
+ Link
+--------------------*/
+
+.ui.link.list .item,
+.ui.link.list a.item,
+.ui.link.list .item a:not(.ui) {
+ color: rgba(0, 0, 0, 0.4);
+ transition: 0.1s color ease;
+}
+
+.ui.link.list.list a.item:hover,
+.ui.link.list.list .item a:not(.ui):hover {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.link.list.list a.item:active,
+.ui.link.list.list .item a:not(.ui):active {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.ui.link.list.list .active.item,
+.ui.link.list.list .active.item a:not(.ui) {
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Inverted */
+
+.ui.inverted.link.list .item,
+.ui.inverted.link.list a.item,
+.ui.inverted.link.list .item a:not(.ui) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.ui.inverted.link.list.list a.item:hover,
+.ui.inverted.link.list.list .item a:not(.ui):hover {
+ color: #ffffff;
+}
+
+.ui.inverted.link.list.list a.item:active,
+.ui.inverted.link.list.list .item a:not(.ui):active {
+ color: #ffffff;
+}
+
+.ui.inverted.link.list.list a.active.item,
+.ui.inverted.link.list.list .active.item a:not(.ui) {
+ color: #ffffff;
+}
+
+/*-------------------
+ Selection
+--------------------*/
+
+.ui.selection.list .list > .item,
+.ui.selection.list > .item {
+ cursor: pointer;
+ background: transparent;
+ padding: 0.5em 0.5em;
+ margin: 0em;
+ color: rgba(0, 0, 0, 0.4);
+ border-radius: 0.5em;
+ transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
+}
+
+.ui.selection.list .list > .item:last-child,
+.ui.selection.list > .item:last-child {
+ margin-bottom: 0em;
+}
+
+.ui.selection.list.list > .item:hover,
+.ui.selection.list > .item:hover {
+ background: rgba(0, 0, 0, 0.03);
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.selection.list .list > .item:active,
+.ui.selection.list > .item:active {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.ui.selection.list .list > .item.active,
+.ui.selection.list > .item.active {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Inverted */
+
+.ui.inverted.selection.list > .item,
+.ui.inverted.selection.list > .item {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.ui.inverted.selection.list > .item:hover,
+.ui.inverted.selection.list > .item:hover {
+ background: rgba(255, 255, 255, 0.02);
+ color: #ffffff;
+}
+
+.ui.inverted.selection.list > .item:active,
+.ui.inverted.selection.list > .item:active {
+ background: rgba(255, 255, 255, 0.08);
+ color: #ffffff;
+}
+
+.ui.inverted.selection.list > .item.active,
+.ui.inverted.selection.list > .item.active {
+ background: rgba(255, 255, 255, 0.08);
+ color: #ffffff;
+}
+
+/* Celled / Divided Selection List */
+
+.ui.celled.selection.list .list > .item,
+.ui.divided.selection.list .list > .item,
+.ui.celled.selection.list > .item,
+.ui.divided.selection.list > .item {
+ border-radius: 0em;
+}
+
+/*-------------------
+ Animated
+--------------------*/
+
+.ui.animated.list > .item {
+ transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
+}
+
+.ui.animated.list:not(.horizontal) > .item:hover {
+ padding-left: 1em;
+}
+
+/*-------------------
+ Fitted
+--------------------*/
+
+.ui.fitted.list:not(.selection) .list > .item,
+.ui.fitted.list:not(.selection) > .item {
+ padding-left: 0em;
+ padding-right: 0em;
+}
+
+.ui.fitted.selection.list .list > .item,
+.ui.fitted.selection.list > .item {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+
+/*-------------------
+ Bulleted
+--------------------*/
+
+ul.ui.list,
+.ui.bulleted.list {
+ margin-left: 1.25rem;
+}
+
+ul.ui.list li,
+.ui.bulleted.list .list > .item,
+.ui.bulleted.list > .item {
+ position: relative;
+}
+
+ul.ui.list li:before,
+.ui.bulleted.list .list > .item:before,
+.ui.bulleted.list > .item:before {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ pointer-events: none;
+ position: absolute;
+ top: auto;
+ left: auto;
+ font-weight: normal;
+ margin-left: -1.25rem;
+ content: '\2022';
+ opacity: 1;
+ color: inherit;
+ vertical-align: top;
+}
+
+ul.ui.list li:before,
+.ui.bulleted.list .list > a.item:before,
+.ui.bulleted.list > a.item:before {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+ul.ui.list ul,
+.ui.bulleted.list .list {
+ padding-left: 1.25rem;
+}
+
+/* Horizontal Bulleted */
+
+ul.ui.horizontal.bulleted.list,
+.ui.horizontal.bulleted.list {
+ margin-left: 0em;
+}
+
+ul.ui.horizontal.bulleted.list li,
+.ui.horizontal.bulleted.list > .item {
+ margin-left: 1.75rem;
+}
+
+ul.ui.horizontal.bulleted.list li:first-child,
+.ui.horizontal.bulleted.list > .item:first-child {
+ margin-left: 0em;
+}
+
+ul.ui.horizontal.bulleted.list li::before,
+.ui.horizontal.bulleted.list > .item::before {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+ul.ui.horizontal.bulleted.list li:first-child::before,
+.ui.horizontal.bulleted.list > .item:first-child::before {
+ display: none;
+}
+
+/*-------------------
+ Ordered
+--------------------*/
+
+ol.ui.list,
+.ui.ordered.list,
+.ui.ordered.list .list,
+ol.ui.list ol {
+ counter-reset: ordered;
+ margin-left: 1.25rem;
+ list-style-type: none;
+}
+
+ol.ui.list li,
+.ui.ordered.list .list > .item,
+.ui.ordered.list > .item {
+ list-style-type: none;
+ position: relative;
+}
+
+ol.ui.list li:before,
+.ui.ordered.list .list > .item:before,
+.ui.ordered.list > .item:before {
+ position: absolute;
+ top: auto;
+ left: auto;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ pointer-events: none;
+ margin-left: -1.25rem;
+ counter-increment: ordered;
+ content: counters(ordered, ".") " ";
+ text-align: right;
+ color: rgba(0, 0, 0, 0.87);
+ vertical-align: middle;
+ opacity: 0.8;
+}
+
+ol.ui.inverted.list li:before,
+.ui.ordered.inverted.list .list > .item:before,
+.ui.ordered.inverted.list > .item:before {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/* Value */
+
+.ui.ordered.list > .list > .item[data-value],
+.ui.ordered.list > .item[data-value] {
+ content: attr(data-value);
+}
+
+ol.ui.list li[value]:before {
+ content: attr(value);
+}
+
+/* Child Lists */
+
+ol.ui.list ol,
+.ui.ordered.list .list {
+ margin-left: 1em;
+}
+
+ol.ui.list ol li:before,
+.ui.ordered.list .list > .item:before {
+ margin-left: -2em;
+}
+
+/* Horizontal Ordered */
+
+ol.ui.horizontal.list,
+.ui.ordered.horizontal.list {
+ margin-left: 0em;
+}
+
+ol.ui.horizontal.list li:before,
+.ui.ordered.horizontal.list .list > .item:before,
+.ui.ordered.horizontal.list > .item:before {
+ position: static;
+ margin: 0em 0.5em 0em 0em;
+}
+
+/*-------------------
+ Divided
+--------------------*/
+
+.ui.divided.list > .item {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.divided.list .list > .item {
+ border-top: none;
+}
+
+.ui.divided.list .item .list > .item {
+ border-top: none;
+}
+
+.ui.divided.list .list > .item:first-child,
+.ui.divided.list > .item:first-child {
+ border-top: none;
+}
+
+/* Sub Menu */
+
+.ui.divided.list:not(.horizontal) .list > .item:first-child {
+ border-top-width: 1px;
+}
+
+/* Divided bulleted */
+
+.ui.divided.bulleted.list:not(.horizontal),
+.ui.divided.bulleted.list .list {
+ margin-left: 0em;
+ padding-left: 0em;
+}
+
+.ui.divided.bulleted.list > .item:not(.horizontal) {
+ padding-left: 1.25rem;
+}
+
+/* Divided Ordered */
+
+.ui.divided.ordered.list {
+ margin-left: 0em;
+}
+
+.ui.divided.ordered.list .list > .item,
+.ui.divided.ordered.list > .item {
+ padding-left: 1.25rem;
+}
+
+.ui.divided.ordered.list .item .list {
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-bottom: 0.21428571em;
+}
+
+.ui.divided.ordered.list .item .list > .item {
+ padding-left: 1em;
+}
+
+/* Divided Selection */
+
+.ui.divided.selection.list .list > .item,
+.ui.divided.selection.list > .item {
+ margin: 0em;
+ border-radius: 0em;
+}
+
+/* Divided horizontal */
+
+.ui.divided.horizontal.list {
+ margin-left: 0em;
+}
+
+.ui.divided.horizontal.list > .item:not(:first-child) {
+ padding-left: 0.5em;
+}
+
+.ui.divided.horizontal.list > .item:not(:last-child) {
+ padding-right: 0.5em;
+}
+
+.ui.divided.horizontal.list > .item {
+ border-top: none;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ margin: 0em;
+ line-height: 0.6;
+}
+
+.ui.horizontal.divided.list > .item:first-child {
+ border-left: none;
+}
+
+/* Inverted */
+
+.ui.divided.inverted.list > .item,
+.ui.divided.inverted.list > .list,
+.ui.divided.inverted.horizontal.list > .item {
+ border-color: rgba(255, 255, 255, 0.1);
+}
+
+/*-------------------
+ Celled
+--------------------*/
+
+.ui.celled.list > .item,
+.ui.celled.list > .list {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+
+.ui.celled.list > .item:last-child {
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Padding on all elements */
+
+.ui.celled.list > .item:first-child,
+.ui.celled.list > .item:last-child {
+ padding-top: 0.21428571em;
+ padding-bottom: 0.21428571em;
+}
+
+/* Sub Menu */
+
+.ui.celled.list .item .list > .item {
+ border-width: 0px;
+}
+
+.ui.celled.list .list > .item:first-child {
+ border-top-width: 0px;
+}
+
+/* Celled Bulleted */
+
+.ui.celled.bulleted.list {
+ margin-left: 0em;
+}
+
+.ui.celled.bulleted.list .list > .item,
+.ui.celled.bulleted.list > .item {
+ padding-left: 1.25rem;
+}
+
+.ui.celled.bulleted.list .item .list {
+ margin-left: -1.25rem;
+ margin-right: -1.25rem;
+ padding-bottom: 0.21428571em;
+}
+
+/* Celled Ordered */
+
+.ui.celled.ordered.list {
+ margin-left: 0em;
+}
+
+.ui.celled.ordered.list .list > .item,
+.ui.celled.ordered.list > .item {
+ padding-left: 1.25rem;
+}
+
+.ui.celled.ordered.list .item .list {
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-bottom: 0.21428571em;
+}
+
+.ui.celled.ordered.list .list > .item {
+ padding-left: 1em;
+}
+
+/* Celled Horizontal */
+
+.ui.horizontal.celled.list {
+ margin-left: 0em;
+}
+
+.ui.horizontal.celled.list .list > .item,
+.ui.horizontal.celled.list > .item {
+ border-top: none;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ margin: 0em;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ line-height: 0.6;
+}
+
+.ui.horizontal.celled.list .list > .item:last-child,
+.ui.horizontal.celled.list > .item:last-child {
+ border-bottom: none;
+ border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Inverted */
+
+.ui.celled.inverted.list > .item,
+.ui.celled.inverted.list > .list {
+ border-color: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui.celled.inverted.horizontal.list .list > .item,
+.ui.celled.inverted.horizontal.list > .item {
+ border-color: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/*-------------------
+ Relaxed
+--------------------*/
+
+.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
+ padding-top: 0.42857143em;
+}
+
+.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
+ padding-bottom: 0.42857143em;
+}
+
+.ui.horizontal.relaxed.list .list > .item:not(:first-child),
+.ui.horizontal.relaxed.list > .item:not(:first-child) {
+ padding-left: 1rem;
+}
+
+.ui.horizontal.relaxed.list .list > .item:not(:last-child),
+.ui.horizontal.relaxed.list > .item:not(:last-child) {
+ padding-right: 1rem;
+}
+
+/* Very Relaxed */
+
+.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
+ padding-top: 0.85714286em;
+}
+
+.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
+ padding-bottom: 0.85714286em;
+}
+
+.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
+.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
+ padding-left: 1.5rem;
+}
+
+.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
+.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
+ padding-right: 1.5rem;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.list {
+ font-size: 0.78571429em;
+}
+
+.ui.tiny.list {
+ font-size: 0.85714286em;
+}
+
+.ui.small.list {
+ font-size: 0.92857143em;
+}
+
+.ui.list {
+ font-size: 1em;
+}
+
+.ui.large.list {
+ font-size: 1.14285714em;
+}
+
+.ui.big.list {
+ font-size: 1.28571429em;
+}
+
+.ui.huge.list {
+ font-size: 1.42857143em;
+}
+
+.ui.massive.list {
+ font-size: 1.71428571em;
+}
+
+.ui.mini.horizontal.list .list > .item,
+.ui.mini.horizontal.list > .item {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.horizontal.list .list > .item,
+.ui.tiny.horizontal.list > .item {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.horizontal.list .list > .item,
+.ui.small.horizontal.list > .item {
+ font-size: 0.92857143rem;
+}
+
+.ui.horizontal.list .list > .item,
+.ui.horizontal.list > .item {
+ font-size: 1rem;
+}
+
+.ui.large.horizontal.list .list > .item,
+.ui.large.horizontal.list > .item {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.horizontal.list .list > .item,
+.ui.big.horizontal.list > .item {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.horizontal.list .list > .item,
+.ui.huge.horizontal.list > .item {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.horizontal.list .list > .item,
+.ui.massive.horizontal.list > .item {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Loader
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Loader
+*******************************/
+
+/* Standard Size */
+
+.ui.loader {
+ display: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: 0px;
+ text-align: center;
+ z-index: 1000;
+ transform: translateX(-50%) translateY(-50%);
+}
+
+/* Static Shape */
+
+.ui.loader:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 50%;
+ width: 100%;
+ height: 100%;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+/* Active Shape */
+
+.ui.loader:after {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 50%;
+ width: 100%;
+ height: 100%;
+ -webkit-animation: loader 0.6s linear;
+ animation: loader 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+/* Active Animation */
+
+@-webkit-keyframes loader {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes loader {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/* Sizes */
+
+.ui.mini.loader:before,
+.ui.mini.loader:after {
+ width: 1rem;
+ height: 1rem;
+ margin: 0em 0em 0em -0.5rem;
+}
+
+.ui.tiny.loader:before,
+.ui.tiny.loader:after {
+ width: 1.14285714rem;
+ height: 1.14285714rem;
+ margin: 0em 0em 0em -0.57142857rem;
+}
+
+.ui.small.loader:before,
+.ui.small.loader:after {
+ width: 1.71428571rem;
+ height: 1.71428571rem;
+ margin: 0em 0em 0em -0.85714286rem;
+}
+
+.ui.loader:before,
+.ui.loader:after {
+ width: 2.28571429rem;
+ height: 2.28571429rem;
+ margin: 0em 0em 0em -1.14285714rem;
+}
+
+.ui.large.loader:before,
+.ui.large.loader:after {
+ width: 3.42857143rem;
+ height: 3.42857143rem;
+ margin: 0em 0em 0em -1.71428571rem;
+}
+
+.ui.big.loader:before,
+.ui.big.loader:after {
+ width: 3.71428571rem;
+ height: 3.71428571rem;
+ margin: 0em 0em 0em -1.85714286rem;
+}
+
+.ui.huge.loader:before,
+.ui.huge.loader:after {
+ width: 4.14285714rem;
+ height: 4.14285714rem;
+ margin: 0em 0em 0em -2.07142857rem;
+}
+
+.ui.massive.loader:before,
+.ui.massive.loader:after {
+ width: 4.57142857rem;
+ height: 4.57142857rem;
+ margin: 0em 0em 0em -2.28571429rem;
+}
+
+/*-------------------
+ Coupling
+--------------------*/
+
+/* Show inside active dimmer */
+
+.ui.dimmer .loader {
+ display: block;
+}
+
+/* Black Dimmer */
+
+.ui.dimmer .ui.loader {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.dimmer .ui.loader:before {
+ border-color: rgba(255, 255, 255, 0.15);
+}
+
+.ui.dimmer .ui.loader:after {
+ border-color: #FFFFFF transparent transparent;
+}
+
+/* White Dimmer (Inverted) */
+
+.ui.inverted.dimmer .ui.loader {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.inverted.dimmer .ui.loader:before {
+ border-color: rgba(0, 0, 0, 0.1);
+}
+
+.ui.inverted.dimmer .ui.loader:after {
+ border-color: #767676 transparent transparent;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Text
+--------------------*/
+
+.ui.text.loader {
+ width: auto !important;
+ height: auto !important;
+ text-align: center;
+ font-style: normal;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.indeterminate.loader:after {
+ animation-direction: reverse;
+ -webkit-animation-duration: 1.2s;
+ animation-duration: 1.2s;
+}
+
+.ui.loader.active,
+.ui.loader.visible {
+ display: block;
+}
+
+.ui.loader.disabled,
+.ui.loader.hidden {
+ display: none;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Sizes
+--------------------*/
+
+/* Loader */
+
+.ui.inverted.dimmer .ui.mini.loader,
+.ui.mini.loader {
+ width: 1rem;
+ height: 1rem;
+ font-size: 0.78571429em;
+}
+
+.ui.inverted.dimmer .ui.tiny.loader,
+.ui.tiny.loader {
+ width: 1.14285714rem;
+ height: 1.14285714rem;
+ font-size: 0.85714286em;
+}
+
+.ui.inverted.dimmer .ui.small.loader,
+.ui.small.loader {
+ width: 1.71428571rem;
+ height: 1.71428571rem;
+ font-size: 0.92857143em;
+}
+
+.ui.inverted.dimmer .ui.loader,
+.ui.loader {
+ width: 2.28571429rem;
+ height: 2.28571429rem;
+ font-size: 1em;
+}
+
+.ui.inverted.dimmer .ui.large.loader,
+.ui.large.loader {
+ width: 3.42857143rem;
+ height: 3.42857143rem;
+ font-size: 1.14285714em;
+}
+
+.ui.inverted.dimmer .ui.big.loader,
+.ui.big.loader {
+ width: 3.71428571rem;
+ height: 3.71428571rem;
+ font-size: 1.28571429em;
+}
+
+.ui.inverted.dimmer .ui.huge.loader,
+.ui.huge.loader {
+ width: 4.14285714rem;
+ height: 4.14285714rem;
+ font-size: 1.42857143em;
+}
+
+.ui.inverted.dimmer .ui.massive.loader,
+.ui.massive.loader {
+ width: 4.57142857rem;
+ height: 4.57142857rem;
+ font-size: 1.71428571em;
+}
+
+/* Text Loader */
+
+.ui.mini.text.loader {
+ min-width: 1rem;
+ padding-top: 1.78571429rem;
+}
+
+.ui.tiny.text.loader {
+ min-width: 1.14285714rem;
+ padding-top: 1.92857143rem;
+}
+
+.ui.small.text.loader {
+ min-width: 1.71428571rem;
+ padding-top: 2.5rem;
+}
+
+.ui.text.loader {
+ min-width: 2.28571429rem;
+ padding-top: 3.07142857rem;
+}
+
+.ui.large.text.loader {
+ min-width: 3.42857143rem;
+ padding-top: 4.21428571rem;
+}
+
+.ui.big.text.loader {
+ min-width: 3.71428571rem;
+ padding-top: 4.5rem;
+}
+
+.ui.huge.text.loader {
+ min-width: 4.14285714rem;
+ padding-top: 4.92857143rem;
+}
+
+.ui.massive.text.loader {
+ min-width: 4.57142857rem;
+ padding-top: 5.35714286rem;
+}
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.loader {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.loader:before {
+ border-color: rgba(255, 255, 255, 0.15);
+}
+
+.ui.inverted.loader:after {
+ border-top-color: #FFFFFF;
+}
+
+/*-------------------
+ Inline
+--------------------*/
+
+.ui.inline.loader {
+ position: relative;
+ vertical-align: middle;
+ margin: 0em;
+ left: 0em;
+ top: 0em;
+ transform: none;
+}
+
+.ui.inline.loader.active,
+.ui.inline.loader.visible {
+ display: inline-block;
+}
+
+/* Centered Inline */
+
+.ui.centered.inline.loader.active,
+.ui.centered.inline.loader.visible {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Loader
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*-------------------
+ Content
+--------------------*/
+
+.ui.placeholder {
+ position: static;
+ overflow: hidden;
+ -webkit-animation: placeholderShimmer 2s linear;
+ animation: placeholderShimmer 2s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ background-color: #FFFFFF;
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
+ background-size: 1200px 100%;
+ max-width: 30rem;
+}
+
+@-webkit-keyframes placeholderShimmer {
+ 0% {
+ background-position: -1200px 0;
+ }
+
+ 100% {
+ background-position: 1200px 0;
+ }
+}
+
+@keyframes placeholderShimmer {
+ 0% {
+ background-position: -1200px 0;
+ }
+
+ 100% {
+ background-position: 1200px 0;
+ }
+}
+
+.ui.placeholder + .ui.placeholder {
+ margin-top: 2rem;
+}
+
+.ui.placeholder + .ui.placeholder {
+ -webkit-animation-delay: 0.15s;
+ animation-delay: 0.15s;
+}
+
+.ui.placeholder + .ui.placeholder + .ui.placeholder {
+ -webkit-animation-delay: 0.3s;
+ animation-delay: 0.3s;
+}
+
+.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
+ -webkit-animation-delay: 0.45s;
+ animation-delay: 0.45s;
+}
+
+.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
+ -webkit-animation-delay: 0.6s;
+ animation-delay: 0.6s;
+}
+
+.ui.placeholder,
+.ui.placeholder > :before,
+.ui.placeholder .image.header:after,
+.ui.placeholder .line,
+.ui.placeholder .line:after {
+ background-color: #FFFFFF;
+}
+
+/* Image */
+
+.ui.placeholder .image:not(.header):not(.ui) {
+ height: 100px;
+}
+
+.ui.placeholder .square.image:not(.header) {
+ height: 0px;
+ overflow: hidden;
+ /* 1/1 aspect ratio */
+ padding-top: 100%;
+}
+
+.ui.placeholder .rectangular.image:not(.header) {
+ height: 0px;
+ overflow: hidden;
+ /* 4/3 aspect ratio */
+ padding-top: 75%;
+}
+
+/* Lines */
+
+.ui.placeholder .line {
+ position: relative;
+ height: 0.85714286em;
+}
+
+.ui.placeholder .line:before,
+.ui.placeholder .line:after {
+ top: 100%;
+ position: absolute;
+ content: '';
+ background-color: inherit;
+}
+
+.ui.placeholder .line:before {
+ left: 0px;
+}
+
+.ui.placeholder .line:after {
+ right: 0px;
+}
+
+/* Any Lines */
+
+.ui.placeholder .line {
+ margin-bottom: 0.5em;
+}
+
+.ui.placeholder .line:before,
+.ui.placeholder .line:after {
+ height: 0.5em;
+}
+
+.ui.placeholder .line:not(:first-child) {
+ margin-top: 0.5em;
+}
+
+/* Header Image + 2 Lines */
+
+.ui.placeholder .header {
+ position: relative;
+ overflow: hidden;
+}
+
+/* Line Outdent */
+
+.ui.placeholder .line:nth-child(1):after {
+ width: 0%;
+}
+
+.ui.placeholder .line:nth-child(2):after {
+ width: 50%;
+}
+
+.ui.placeholder .line:nth-child(3):after {
+ width: 10%;
+}
+
+.ui.placeholder .line:nth-child(4):after {
+ width: 35%;
+}
+
+.ui.placeholder .line:nth-child(5):after {
+ width: 65%;
+}
+
+/* Header Line 1 & 2*/
+
+.ui.placeholder .header .line {
+ margin-bottom: 0.64285714em;
+}
+
+.ui.placeholder .header .line:before,
+.ui.placeholder .header .line:after {
+ height: 0.64285714em;
+}
+
+.ui.placeholder .header .line:not(:first-child) {
+ margin-top: 0.64285714em;
+}
+
+.ui.placeholder .header .line:after {
+ width: 20%;
+}
+
+.ui.placeholder .header .line:nth-child(2):after {
+ width: 60%;
+}
+
+/* Image Header */
+
+.ui.placeholder .image.header .line {
+ margin-left: 3em;
+}
+
+.ui.placeholder .image.header .line:before {
+ width: 0.71428571rem;
+}
+
+.ui.placeholder .image.header:after {
+ display: block;
+ height: 0.85714286em;
+ content: '';
+ margin-left: 3em;
+}
+
+/* Spacing */
+
+.ui.placeholder .image .line:first-child,
+.ui.placeholder .paragraph .line:first-child,
+.ui.placeholder .header .line:first-child {
+ height: 0.01px;
+}
+
+.ui.placeholder .image:not(:first-child):before,
+.ui.placeholder .paragraph:not(:first-child):before,
+.ui.placeholder .header:not(:first-child):before {
+ height: 1.42857143em;
+ content: '';
+ display: block;
+}
+
+/* Inverted Content Loader */
+
+.ui.inverted.placeholder {
+ background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
+}
+
+.ui.inverted.placeholder,
+.ui.inverted.placeholder > :before,
+.ui.inverted.placeholder .image.header:after,
+.ui.inverted.placeholder .line,
+.ui.inverted.placeholder .line:after {
+ background-color: #1B1C1D;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.placeholder .full.line.line.line:after {
+ width: 0%;
+}
+
+.ui.placeholder .very.long.line.line.line:after {
+ width: 10%;
+}
+
+.ui.placeholder .long.line.line.line:after {
+ width: 35%;
+}
+
+.ui.placeholder .medium.line.line.line:after {
+ width: 50%;
+}
+
+.ui.placeholder .short.line.line.line:after {
+ width: 65%;
+}
+
+.ui.placeholder .very.short.line.line.line:after {
+ width: 80%;
+}
+
+/*-------------------
+ Fluid
+--------------------*/
+
+.ui.fluid.placeholder {
+ max-width: none;
+}
+/*!
+ * # Semantic UI 2.5.0 - Rail
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Rails
+*******************************/
+
+.ui.rail {
+ position: absolute;
+ top: 0%;
+ width: 300px;
+ height: 100%;
+}
+
+.ui.left.rail {
+ left: auto;
+ right: 100%;
+ padding: 0em 2rem 0em 0em;
+ margin: 0em 2rem 0em 0em;
+}
+
+.ui.right.rail {
+ left: 100%;
+ right: auto;
+ padding: 0em 0em 0em 2rem;
+ margin: 0em 0em 0em 2rem;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Internal
+---------------*/
+
+.ui.left.internal.rail {
+ left: 0%;
+ right: auto;
+ padding: 0em 0em 0em 2rem;
+ margin: 0em 0em 0em 2rem;
+}
+
+.ui.right.internal.rail {
+ left: auto;
+ right: 0%;
+ padding: 0em 2rem 0em 0em;
+ margin: 0em 2rem 0em 0em;
+}
+
+/*--------------
+ Dividing
+---------------*/
+
+.ui.dividing.rail {
+ width: 302.5px;
+}
+
+.ui.left.dividing.rail {
+ padding: 0em 2.5rem 0em 0em;
+ margin: 0em 2.5rem 0em 0em;
+ border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.right.dividing.rail {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ padding: 0em 0em 0em 2.5rem;
+ margin: 0em 0em 0em 2.5rem;
+}
+
+/*--------------
+ Distance
+---------------*/
+
+.ui.close.rail {
+ width: calc( 300px + 1em );
+}
+
+.ui.close.left.rail {
+ padding: 0em 1em 0em 0em;
+ margin: 0em 1em 0em 0em;
+}
+
+.ui.close.right.rail {
+ padding: 0em 0em 0em 1em;
+ margin: 0em 0em 0em 1em;
+}
+
+.ui.very.close.rail {
+ width: calc( 300px + 0.5em );
+}
+
+.ui.very.close.left.rail {
+ padding: 0em 0.5em 0em 0em;
+ margin: 0em 0.5em 0em 0em;
+}
+
+.ui.very.close.right.rail {
+ padding: 0em 0em 0em 0.5em;
+ margin: 0em 0em 0em 0.5em;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+.ui.attached.left.rail,
+.ui.attached.right.rail {
+ padding: 0em;
+ margin: 0em;
+}
+
+/*--------------
+ Sizing
+---------------*/
+
+.ui.mini.rail {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.rail {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.rail {
+ font-size: 0.92857143rem;
+}
+
+.ui.rail {
+ font-size: 1rem;
+}
+
+.ui.large.rail {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.rail {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.rail {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.rail {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Reveal
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Reveal
+*******************************/
+
+.ui.reveal {
+ display: inherit;
+ position: relative !important;
+ font-size: 0em !important;
+}
+
+.ui.reveal > .visible.content {
+ position: absolute !important;
+ top: 0em !important;
+ left: 0em !important;
+ z-index: 3 !important;
+ transition: all 0.5s ease 0.1s;
+}
+
+.ui.reveal > .hidden.content {
+ position: relative !important;
+ z-index: 2 !important;
+}
+
+/* Make sure hovered element is on top of other reveal */
+
+.ui.active.reveal .visible.content,
+.ui.reveal:hover .visible.content {
+ z-index: 4 !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Slide
+---------------*/
+
+.ui.slide.reveal {
+ position: relative !important;
+ overflow: hidden !important;
+ white-space: nowrap;
+}
+
+.ui.slide.reveal > .content {
+ display: block;
+ width: 100%;
+ white-space: normal;
+ float: left;
+ margin: 0em;
+ transition: transform 0.5s ease 0.1s;
+}
+
+.ui.slide.reveal > .visible.content {
+ position: relative !important;
+}
+
+.ui.slide.reveal > .hidden.content {
+ position: absolute !important;
+ left: 0% !important;
+ width: 100% !important;
+ transform: translateX(100%) !important;
+}
+
+.ui.slide.active.reveal > .visible.content,
+.ui.slide.reveal:hover > .visible.content {
+ transform: translateX(-100%) !important;
+}
+
+.ui.slide.active.reveal > .hidden.content,
+.ui.slide.reveal:hover > .hidden.content {
+ transform: translateX(0%) !important;
+}
+
+.ui.slide.right.reveal > .visible.content {
+ transform: translateX(0%) !important;
+}
+
+.ui.slide.right.reveal > .hidden.content {
+ transform: translateX(-100%) !important;
+}
+
+.ui.slide.right.active.reveal > .visible.content,
+.ui.slide.right.reveal:hover > .visible.content {
+ transform: translateX(100%) !important;
+}
+
+.ui.slide.right.active.reveal > .hidden.content,
+.ui.slide.right.reveal:hover > .hidden.content {
+ transform: translateX(0%) !important;
+}
+
+.ui.slide.up.reveal > .hidden.content {
+ transform: translateY(100%) !important;
+}
+
+.ui.slide.up.active.reveal > .visible.content,
+.ui.slide.up.reveal:hover > .visible.content {
+ transform: translateY(-100%) !important;
+}
+
+.ui.slide.up.active.reveal > .hidden.content,
+.ui.slide.up.reveal:hover > .hidden.content {
+ transform: translateY(0%) !important;
+}
+
+.ui.slide.down.reveal > .hidden.content {
+ transform: translateY(-100%) !important;
+}
+
+.ui.slide.down.active.reveal > .visible.content,
+.ui.slide.down.reveal:hover > .visible.content {
+ transform: translateY(100%) !important;
+}
+
+.ui.slide.down.active.reveal > .hidden.content,
+.ui.slide.down.reveal:hover > .hidden.content {
+ transform: translateY(0%) !important;
+}
+
+/*--------------
+ Fade
+---------------*/
+
+.ui.fade.reveal > .visible.content {
+ opacity: 1;
+}
+
+.ui.fade.active.reveal > .visible.content,
+.ui.fade.reveal:hover > .visible.content {
+ opacity: 0;
+}
+
+/*--------------
+ Move
+---------------*/
+
+.ui.move.reveal {
+ position: relative !important;
+ overflow: hidden !important;
+ white-space: nowrap;
+}
+
+.ui.move.reveal > .content {
+ display: block;
+ float: left;
+ white-space: normal;
+ margin: 0em;
+ transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
+}
+
+.ui.move.reveal > .visible.content {
+ position: relative !important;
+}
+
+.ui.move.reveal > .hidden.content {
+ position: absolute !important;
+ left: 0% !important;
+ width: 100% !important;
+}
+
+.ui.move.active.reveal > .visible.content,
+.ui.move.reveal:hover > .visible.content {
+ transform: translateX(-100%) !important;
+}
+
+.ui.move.right.active.reveal > .visible.content,
+.ui.move.right.reveal:hover > .visible.content {
+ transform: translateX(100%) !important;
+}
+
+.ui.move.up.active.reveal > .visible.content,
+.ui.move.up.reveal:hover > .visible.content {
+ transform: translateY(-100%) !important;
+}
+
+.ui.move.down.active.reveal > .visible.content,
+.ui.move.down.reveal:hover > .visible.content {
+ transform: translateY(100%) !important;
+}
+
+/*--------------
+ Rotate
+---------------*/
+
+.ui.rotate.reveal > .visible.content {
+ transition-duration: 0.5s;
+ transform: rotate(0deg);
+}
+
+.ui.rotate.reveal > .visible.content,
+.ui.rotate.right.reveal > .visible.content {
+ transform-origin: bottom right;
+}
+
+.ui.rotate.active.reveal > .visible.content,
+.ui.rotate.reveal:hover > .visible.content,
+.ui.rotate.right.active.reveal > .visible.content,
+.ui.rotate.right.reveal:hover > .visible.content {
+ transform: rotate(110deg);
+}
+
+.ui.rotate.left.reveal > .visible.content {
+ transform-origin: bottom left;
+}
+
+.ui.rotate.left.active.reveal > .visible.content,
+.ui.rotate.left.reveal:hover > .visible.content {
+ transform: rotate(-110deg);
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.disabled.reveal:hover > .visible.visible.content {
+ position: static !important;
+ display: block !important;
+ opacity: 1 !important;
+ top: 0 !important;
+ left: 0 !important;
+ right: auto !important;
+ bottom: auto !important;
+ transform: none !important;
+}
+
+.ui.disabled.reveal:hover > .hidden.hidden.content {
+ display: none !important;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+.ui.reveal > .ui.ribbon.label {
+ z-index: 5;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Visible
+---------------*/
+
+.ui.visible.reveal {
+ overflow: visible;
+}
+
+/*--------------
+ Instant
+---------------*/
+
+.ui.instant.reveal > .content {
+ transition-delay: 0s !important;
+}
+
+/*--------------
+ Sizing
+---------------*/
+
+.ui.reveal > .content {
+ font-size: 1rem !important;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Segment
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Segment
+*******************************/
+
+.ui.segment {
+ position: relative;
+ background: #FFFFFF;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+ margin: 1rem 0em;
+ padding: 1em 1em;
+ border-radius: 0.28571429rem;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.segment:first-child {
+ margin-top: 0em;
+}
+
+.ui.segment:last-child {
+ margin-bottom: 0em;
+}
+
+/* Vertical */
+
+.ui.vertical.segment {
+ margin: 0em;
+ padding-left: 0em;
+ padding-right: 0em;
+ background: none transparent;
+ border-radius: 0px;
+ box-shadow: none;
+ border: none;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.vertical.segment:last-child {
+ border-bottom: none;
+}
+
+/*-------------------
+ Loose Coupling
+--------------------*/
+
+/* Header */
+
+.ui.inverted.segment > .ui.header {
+ color: #FFFFFF;
+}
+
+/* Label */
+
+.ui[class*="bottom attached"].segment > [class*="top attached"].label {
+ border-top-left-radius: 0em;
+ border-top-right-radius: 0em;
+}
+
+.ui[class*="top attached"].segment > [class*="bottom attached"].label {
+ border-bottom-left-radius: 0em;
+ border-bottom-right-radius: 0em;
+}
+
+.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
+ border-top-left-radius: 0em;
+ border-top-right-radius: 0em;
+}
+
+.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
+ border-bottom-left-radius: 0em;
+ border-bottom-right-radius: 0em;
+}
+
+/* Grid */
+
+.ui.page.grid.segment,
+.ui.grid > .row > .ui.segment.column,
+.ui.grid > .ui.segment.column {
+ padding-top: 2em;
+ padding-bottom: 2em;
+}
+
+.ui.grid.segment {
+ margin: 1rem 0em;
+ border-radius: 0.28571429rem;
+}
+
+/* Table */
+
+.ui.basic.table.segment {
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ui[class*="very basic"].table.segment {
+ padding: 1em 1em;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Placeholder
+--------------------*/
+
+.ui.placeholder.segment {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: stretch;
+ max-width: initial;
+ -webkit-animation: none;
+ animation: none;
+ overflow: visible;
+ padding: 1em 1em;
+ min-height: 18rem;
+ background: #F9FAFB;
+ border-color: rgba(34, 36, 38, 0.15);
+ box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
+}
+
+.ui.placeholder.segment .button,
+.ui.placeholder.segment textarea {
+ display: block;
+}
+
+.ui.placeholder.segment .field,
+.ui.placeholder.segment textarea,
+.ui.placeholder.segment > .ui.input,
+.ui.placeholder.segment .button {
+ max-width: 15rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.ui.placeholder.segment .column .button,
+.ui.placeholder.segment .column .field,
+.ui.placeholder.segment .column textarea,
+.ui.placeholder.segment .column > .ui.input {
+ max-width: 15rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.ui.placeholder.segment > .inline {
+ align-self: center;
+}
+
+.ui.placeholder.segment > .inline > .button {
+ display: inline-block;
+ width: auto;
+ margin: 0px 0.35714286rem 0px 0px;
+}
+
+.ui.placeholder.segment > .inline > .button:last-child {
+ margin-right: 0px;
+}
+
+/*-------------------
+ Piled
+--------------------*/
+
+.ui.piled.segments,
+.ui.piled.segment {
+ margin: 3em 0em;
+ box-shadow: '';
+ z-index: auto;
+}
+
+.ui.piled.segment:first-child {
+ margin-top: 0em;
+}
+
+.ui.piled.segment:last-child {
+ margin-bottom: 0em;
+}
+
+.ui.piled.segments:after,
+.ui.piled.segments:before,
+.ui.piled.segment:after,
+.ui.piled.segment:before {
+ background-color: #FFFFFF;
+ visibility: visible;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0px;
+ position: absolute;
+ width: 100%;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: '';
+}
+
+.ui.piled.segments:before,
+.ui.piled.segment:before {
+ transform: rotate(-1.2deg);
+ top: 0;
+ z-index: -2;
+}
+
+.ui.piled.segments:after,
+.ui.piled.segment:after {
+ transform: rotate(1.2deg);
+ top: 0;
+ z-index: -1;
+}
+
+/* Piled Attached */
+
+.ui[class*="top attached"].piled.segment {
+ margin-top: 3em;
+ margin-bottom: 0em;
+}
+
+.ui.piled.segment[class*="top attached"]:first-child {
+ margin-top: 0em;
+}
+
+.ui.piled.segment[class*="bottom attached"] {
+ margin-top: 0em;
+ margin-bottom: 3em;
+}
+
+.ui.piled.segment[class*="bottom attached"]:last-child {
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Stacked
+--------------------*/
+
+.ui.stacked.segment {
+ padding-bottom: 1.4em;
+}
+
+.ui.stacked.segments:before,
+.ui.stacked.segments:after,
+.ui.stacked.segment:before,
+.ui.stacked.segment:after {
+ content: '';
+ position: absolute;
+ bottom: -3px;
+ left: 0%;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ background: rgba(0, 0, 0, 0.03);
+ width: 100%;
+ height: 6px;
+ visibility: visible;
+}
+
+.ui.stacked.segments:before,
+.ui.stacked.segment:before {
+ display: none;
+}
+
+/* Add additional page */
+
+.ui.tall.stacked.segments:before,
+.ui.tall.stacked.segment:before {
+ display: block;
+ bottom: 0px;
+}
+
+/* Inverted */
+
+.ui.stacked.inverted.segments:before,
+.ui.stacked.inverted.segments:after,
+.ui.stacked.inverted.segment:before,
+.ui.stacked.inverted.segment:after {
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(34, 36, 38, 0.35);
+}
+
+/*-------------------
+ Padded
+--------------------*/
+
+.ui.padded.segment {
+ padding: 1.5em;
+}
+
+.ui[class*="very padded"].segment {
+ padding: 3em;
+}
+
+/* Padded vertical */
+
+.ui.padded.segment.vertical.segment,
+.ui[class*="very padded"].vertical.segment {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+/*-------------------
+ Compact
+--------------------*/
+
+.ui.compact.segment {
+ display: table;
+}
+
+/* Compact Group */
+
+.ui.compact.segments {
+ display: inline-flex;
+}
+
+.ui.compact.segments .segment,
+.ui.segments .compact.segment {
+ display: block;
+ flex: 0 1 auto;
+}
+
+/*-------------------
+ Circular
+--------------------*/
+
+.ui.circular.segment {
+ display: table-cell;
+ padding: 2em;
+ text-align: center;
+ vertical-align: middle;
+ border-radius: 500em;
+}
+
+/*-------------------
+ Raised
+--------------------*/
+
+.ui.raised.segments,
+.ui.raised.segment {
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+/*******************************
+ Groups
+*******************************/
+
+/* Group */
+
+.ui.segments {
+ flex-direction: column;
+ position: relative;
+ margin: 1rem 0em;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+}
+
+.ui.segments:first-child {
+ margin-top: 0em;
+}
+
+.ui.segments:last-child {
+ margin-bottom: 0em;
+}
+
+/* Nested Segment */
+
+.ui.segments > .segment {
+ top: 0px;
+ bottom: 0px;
+ border-radius: 0px;
+ margin: 0em;
+ width: auto;
+ box-shadow: none;
+ border: none;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.segments:not(.horizontal) > .segment:first-child {
+ border-top: none;
+ margin-top: 0em;
+ bottom: 0px;
+ margin-bottom: 0em;
+ top: 0px;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/* Bottom */
+
+.ui.segments:not(.horizontal) > .segment:last-child {
+ top: 0px;
+ bottom: 0px;
+ margin-top: 0em;
+ margin-bottom: 0em;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/* Only */
+
+.ui.segments:not(.horizontal) > .segment:only-child {
+ border-radius: 0.28571429rem;
+}
+
+/* Nested Group */
+
+.ui.segments > .ui.segments {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ margin: 1rem 1rem;
+}
+
+.ui.segments > .segments:first-child {
+ border-top: none;
+}
+
+.ui.segments > .segment + .segments:not(.horizontal) {
+ margin-top: 0em;
+}
+
+/* Horizontal Group */
+
+.ui.horizontal.segments {
+ display: flex;
+ flex-direction: row;
+ background-color: transparent;
+ border-radius: 0px;
+ padding: 0em;
+ background-color: #FFFFFF;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+ margin: 1rem 0em;
+ border-radius: 0.28571429rem;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Nested Horizontal Group */
+
+.ui.segments > .horizontal.segments {
+ margin: 0em;
+ background-color: transparent;
+ border-radius: 0px;
+ border: none;
+ box-shadow: none;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Horizontal Segment */
+
+.ui.horizontal.segments > .segment {
+ flex: 1 1 auto;
+ -ms-flex: 1 1 0px;
+ /* Solves #2550 MS Flex */
+ margin: 0em;
+ min-width: 0px;
+ background-color: transparent;
+ border-radius: 0px;
+ border: none;
+ box-shadow: none;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* Border Fixes */
+
+.ui.segments > .horizontal.segments:first-child {
+ border-top: none;
+}
+
+.ui.horizontal.segments > .segment:first-child {
+ border-left: none;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.disabled.segment {
+ opacity: 0.45;
+ color: rgba(40, 40, 40, 0.3);
+}
+
+/*--------------
+ Loading
+---------------*/
+
+.ui.loading.segment {
+ position: relative;
+ cursor: default;
+ pointer-events: none;
+ text-shadow: none !important;
+ color: transparent !important;
+ transition: all 0s linear;
+}
+
+.ui.loading.segment:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 0%;
+ background: rgba(255, 255, 255, 0.8);
+ width: 100%;
+ height: 100%;
+ border-radius: 0.28571429rem;
+ z-index: 100;
+}
+
+.ui.loading.segment:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -1.5em 0em 0em -1.5em;
+ width: 3em;
+ height: 3em;
+ -webkit-animation: segment-spin 0.6s linear;
+ animation: segment-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+ visibility: visible;
+ z-index: 101;
+}
+
+@-webkit-keyframes segment-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes segment-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Basic
+--------------------*/
+
+.ui.basic.segment {
+ background: none transparent;
+ box-shadow: none;
+ border: none;
+ border-radius: 0px;
+}
+
+/*-------------------
+ Clearing
+--------------------*/
+
+.ui.clearing.segment:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/* Red */
+
+.ui.red.segment:not(.inverted) {
+ border-top: 2px solid #DB2828 !important;
+}
+
+.ui.inverted.red.segment {
+ background-color: #DB2828 !important;
+ color: #FFFFFF !important;
+}
+
+/* Orange */
+
+.ui.orange.segment:not(.inverted) {
+ border-top: 2px solid #F2711C !important;
+}
+
+.ui.inverted.orange.segment {
+ background-color: #F2711C !important;
+ color: #FFFFFF !important;
+}
+
+/* Yellow */
+
+.ui.yellow.segment:not(.inverted) {
+ border-top: 2px solid #FBBD08 !important;
+}
+
+.ui.inverted.yellow.segment {
+ background-color: #FBBD08 !important;
+ color: #FFFFFF !important;
+}
+
+/* Olive */
+
+.ui.olive.segment:not(.inverted) {
+ border-top: 2px solid #B5CC18 !important;
+}
+
+.ui.inverted.olive.segment {
+ background-color: #B5CC18 !important;
+ color: #FFFFFF !important;
+}
+
+/* Green */
+
+.ui.green.segment:not(.inverted) {
+ border-top: 2px solid #21BA45 !important;
+}
+
+.ui.inverted.green.segment {
+ background-color: #21BA45 !important;
+ color: #FFFFFF !important;
+}
+
+/* Teal */
+
+.ui.teal.segment:not(.inverted) {
+ border-top: 2px solid #00B5AD !important;
+}
+
+.ui.inverted.teal.segment {
+ background-color: #00B5AD !important;
+ color: #FFFFFF !important;
+}
+
+/* Blue */
+
+.ui.blue.segment:not(.inverted) {
+ border-top: 2px solid #2185D0 !important;
+}
+
+.ui.inverted.blue.segment {
+ background-color: #2185D0 !important;
+ color: #FFFFFF !important;
+}
+
+/* Violet */
+
+.ui.violet.segment:not(.inverted) {
+ border-top: 2px solid #6435C9 !important;
+}
+
+.ui.inverted.violet.segment {
+ background-color: #6435C9 !important;
+ color: #FFFFFF !important;
+}
+
+/* Purple */
+
+.ui.purple.segment:not(.inverted) {
+ border-top: 2px solid #A333C8 !important;
+}
+
+.ui.inverted.purple.segment {
+ background-color: #A333C8 !important;
+ color: #FFFFFF !important;
+}
+
+/* Pink */
+
+.ui.pink.segment:not(.inverted) {
+ border-top: 2px solid #E03997 !important;
+}
+
+.ui.inverted.pink.segment {
+ background-color: #E03997 !important;
+ color: #FFFFFF !important;
+}
+
+/* Brown */
+
+.ui.brown.segment:not(.inverted) {
+ border-top: 2px solid #A5673F !important;
+}
+
+.ui.inverted.brown.segment {
+ background-color: #A5673F !important;
+ color: #FFFFFF !important;
+}
+
+/* Grey */
+
+.ui.grey.segment:not(.inverted) {
+ border-top: 2px solid #767676 !important;
+}
+
+.ui.inverted.grey.segment {
+ background-color: #767676 !important;
+ color: #FFFFFF !important;
+}
+
+/* Black */
+
+.ui.black.segment:not(.inverted) {
+ border-top: 2px solid #1B1C1D !important;
+}
+
+.ui.inverted.black.segment {
+ background-color: #1B1C1D !important;
+ color: #FFFFFF !important;
+}
+
+/*-------------------
+ Aligned
+--------------------*/
+
+.ui[class*="left aligned"].segment {
+ text-align: left;
+}
+
+.ui[class*="right aligned"].segment {
+ text-align: right;
+}
+
+.ui[class*="center aligned"].segment {
+ text-align: center;
+}
+
+/*-------------------
+ Floated
+--------------------*/
+
+.ui.floated.segment,
+.ui[class*="left floated"].segment {
+ float: left;
+ margin-right: 1em;
+}
+
+.ui[class*="right floated"].segment {
+ float: right;
+ margin-left: 1em;
+}
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.segment {
+ border: none;
+ box-shadow: none;
+}
+
+.ui.inverted.segment,
+.ui.primary.inverted.segment {
+ background: #1B1C1D;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Nested */
+
+.ui.inverted.segment .segment {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.inverted.segment .inverted.segment {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Attached */
+
+.ui.inverted.attached.segment {
+ border-color: #555555;
+}
+
+/*-------------------
+ Emphasis
+--------------------*/
+
+/* Secondary */
+
+.ui.secondary.segment {
+ background: #F3F4F5;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.secondary.inverted.segment {
+ background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
+ color: rgba(255, 255, 255, 0.8);
+}
+
+/* Tertiary */
+
+.ui.tertiary.segment {
+ background: #DCDDDE;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.tertiary.inverted.segment {
+ background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
+ color: rgba(255, 255, 255, 0.8);
+}
+
+/*-------------------
+ Attached
+--------------------*/
+
+/* Middle */
+
+.ui.attached.segment {
+ top: 0px;
+ bottom: 0px;
+ border-radius: 0px;
+ margin: 0em -1px;
+ width: calc(100% - (-1px * 2));
+ max-width: calc(100% - (-1px * 2));
+ box-shadow: none;
+ border: 1px solid #D4D4D5;
+}
+
+.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
+ border-top: none;
+}
+
+/* Top */
+
+.ui[class*="top attached"].segment {
+ bottom: 0px;
+ margin-bottom: 0em;
+ top: 0px;
+ margin-top: 1rem;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.segment[class*="top attached"]:first-child {
+ margin-top: 0em;
+}
+
+/* Bottom */
+
+.ui.segment[class*="bottom attached"] {
+ bottom: 0px;
+ margin-top: 0em;
+ top: 0px;
+ margin-bottom: 1rem;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.segment[class*="bottom attached"]:last-child {
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Size
+--------------------*/
+
+.ui.mini.segments .segment,
+.ui.mini.segment {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.segments .segment,
+.ui.tiny.segment {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.segments .segment,
+.ui.small.segment {
+ font-size: 0.92857143rem;
+}
+
+.ui.segments .segment,
+.ui.segment {
+ font-size: 1rem;
+}
+
+.ui.large.segments .segment,
+.ui.large.segment {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.segments .segment,
+.ui.big.segment {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.segments .segment,
+.ui.huge.segment {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.segments .segment,
+.ui.massive.segment {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Step
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Plural
+*******************************/
+
+.ui.steps {
+ display: inline-flex;
+ flex-direction: row;
+ align-items: stretch;
+ margin: 1em 0em;
+ background: '';
+ box-shadow: none;
+ line-height: 1.14285714em;
+ border-radius: 0.28571429rem;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/* First Steps */
+
+.ui.steps:first-child {
+ margin-top: 0em;
+}
+
+/* Last Steps */
+
+.ui.steps:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Singular
+*******************************/
+
+.ui.steps .step {
+ position: relative;
+ display: flex;
+ flex: 1 0 auto;
+ flex-wrap: wrap;
+ flex-direction: row;
+ vertical-align: middle;
+ align-items: center;
+ justify-content: center;
+ margin: 0em 0em;
+ padding: 1.14285714em 2em;
+ background: #FFFFFF;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+ border-radius: 0em;
+ border: none;
+ border-right: 1px solid rgba(34, 36, 38, 0.15);
+ transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
+}
+
+/* Arrow */
+
+.ui.steps .step:after {
+ display: none;
+ position: absolute;
+ z-index: 2;
+ content: '';
+ top: 50%;
+ right: 0%;
+ border: medium none;
+ background-color: #FFFFFF;
+ width: 1.14285714em;
+ height: 1.14285714em;
+ border-style: solid;
+ border-color: rgba(34, 36, 38, 0.15);
+ border-width: 0px 1px 1px 0px;
+ transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
+ transform: translateY(-50%) translateX(50%) rotate(-45deg);
+}
+
+/* First Step */
+
+.ui.steps .step:first-child {
+ padding-left: 2em;
+ border-radius: 0.28571429rem 0em 0em 0.28571429rem;
+}
+
+/* Last Step */
+
+.ui.steps .step:last-child {
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+.ui.steps .step:last-child {
+ border-right: none;
+ margin-right: 0em;
+}
+
+/* Only Step */
+
+.ui.steps .step:only-child {
+ border-radius: 0.28571429rem;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* Title */
+
+.ui.steps .step .title {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1.14285714em;
+ font-weight: bold;
+}
+
+.ui.steps .step > .title {
+ width: 100%;
+}
+
+/* Description */
+
+.ui.steps .step .description {
+ font-weight: normal;
+ font-size: 0.92857143em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.steps .step > .description {
+ width: 100%;
+}
+
+.ui.steps .step .title ~ .description {
+ margin-top: 0.25em;
+}
+
+/* Icon */
+
+.ui.steps .step > .icon {
+ line-height: 1;
+ font-size: 2.5em;
+ margin: 0em 1rem 0em 0em;
+}
+
+.ui.steps .step > .icon,
+.ui.steps .step > .icon ~ .content {
+ display: block;
+ flex: 0 1 auto;
+ align-self: middle;
+}
+
+.ui.steps .step > .icon ~ .content {
+ flex-grow: 1 0 auto;
+}
+
+/* Horizontal Icon */
+
+.ui.steps:not(.vertical) .step > .icon {
+ width: auto;
+}
+
+/* Link */
+
+.ui.steps .link.step,
+.ui.steps a.step {
+ cursor: pointer;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Ordered
+---------------*/
+
+.ui.ordered.steps {
+ counter-reset: ordered;
+}
+
+.ui.ordered.steps .step:before {
+ display: block;
+ position: static;
+ text-align: center;
+ content: counters(ordered, ".");
+ align-self: middle;
+ margin-right: 1rem;
+ font-size: 2.5em;
+ counter-increment: ordered;
+ font-family: inherit;
+ font-weight: bold;
+}
+
+.ui.ordered.steps .step > * {
+ display: block;
+ align-self: middle;
+}
+
+/*--------------
+ Vertical
+---------------*/
+
+.ui.vertical.steps {
+ display: inline-flex;
+ flex-direction: column;
+ overflow: visible;
+}
+
+.ui.vertical.steps .step {
+ justify-content: flex-start;
+ border-radius: 0em;
+ padding: 1.14285714em 2em;
+ border-right: none;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.vertical.steps .step:first-child {
+ padding: 1.14285714em 2em;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.vertical.steps .step:last-child {
+ border-bottom: none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.vertical.steps .step:only-child {
+ border-radius: 0.28571429rem;
+}
+
+/* Arrow */
+
+.ui.vertical.steps .step:after {
+ display: none;
+}
+
+.ui.vertical.steps .step:after {
+ top: 50%;
+ right: 0%;
+ border-width: 0px 1px 1px 0px;
+}
+
+.ui.vertical.steps .step:after {
+ display: none;
+}
+
+.ui.vertical.steps .active.step:after {
+ display: block;
+}
+
+.ui.vertical.steps .step:last-child:after {
+ display: none;
+}
+
+.ui.vertical.steps .active.step:last-child:after {
+ display: block;
+}
+
+/*---------------
+ Responsive
+----------------*/
+
+/* Mobile (Default) */
+
+@media only screen and (max-width: 767px) {
+ .ui.steps:not(.unstackable) {
+ display: inline-flex;
+ overflow: visible;
+ flex-direction: column;
+ }
+
+ .ui.steps:not(.unstackable) .step {
+ width: 100% !important;
+ flex-direction: column;
+ border-radius: 0em;
+ padding: 1.14285714em 2em;
+ }
+
+ .ui.steps:not(.unstackable) .step:first-child {
+ padding: 1.14285714em 2em;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+ }
+
+ .ui.steps:not(.unstackable) .step:last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ }
+
+ /* Arrow */
+
+ .ui.steps:not(.unstackable) .step:after {
+ display: none !important;
+ }
+
+ /* Content */
+
+ .ui.steps:not(.unstackable) .step .content {
+ text-align: center;
+ }
+
+ /* Icon */
+
+ .ui.steps:not(.unstackable) .step > .icon,
+ .ui.ordered.steps:not(.unstackable) .step:before {
+ margin: 0em 0em 1rem 0em;
+ }
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Link Hover */
+
+.ui.steps .link.step:hover::after,
+.ui.steps .link.step:hover,
+.ui.steps a.step:hover::after,
+.ui.steps a.step:hover {
+ background: #F9FAFB;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Link Down */
+
+.ui.steps .link.step:active::after,
+.ui.steps .link.step:active,
+.ui.steps a.step:active::after,
+.ui.steps a.step:active {
+ background: #F3F4F5;
+ color: rgba(0, 0, 0, 0.9);
+}
+
+/* Active */
+
+.ui.steps .step.active {
+ cursor: auto;
+ background: #F3F4F5;
+}
+
+.ui.steps .step.active:after {
+ background: #F3F4F5;
+}
+
+.ui.steps .step.active .title {
+ color: #4183C4;
+}
+
+.ui.ordered.steps .step.active:before,
+.ui.steps .active.step .icon {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/* Active Arrow */
+
+.ui.steps .step:after {
+ display: block;
+}
+
+.ui.steps .active.step:after {
+ display: block;
+}
+
+.ui.steps .step:last-child:after {
+ display: none;
+}
+
+.ui.steps .active.step:last-child:after {
+ display: none;
+}
+
+/* Active Hover */
+
+.ui.steps .link.active.step:hover::after,
+.ui.steps .link.active.step:hover,
+.ui.steps a.active.step:hover::after,
+.ui.steps a.active.step:hover {
+ cursor: pointer;
+ background: #DCDDDE;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Completed */
+
+.ui.steps .step.completed > .icon:before,
+.ui.ordered.steps .step.completed:before {
+ color: #21BA45;
+}
+
+/* Disabled */
+
+.ui.steps .disabled.step {
+ cursor: auto;
+ background: #FFFFFF;
+ pointer-events: none;
+}
+
+.ui.steps .disabled.step,
+.ui.steps .disabled.step .title,
+.ui.steps .disabled.step .description {
+ color: rgba(40, 40, 40, 0.3);
+}
+
+.ui.steps .disabled.step:after {
+ background: #FFFFFF;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Stackable
+---------------*/
+
+/* Tablet Or Below */
+
+@media only screen and (max-width: 991px) {
+ .ui[class*="tablet stackable"].steps {
+ display: inline-flex;
+ overflow: visible;
+ flex-direction: column;
+ }
+
+ /* Steps */
+
+ .ui[class*="tablet stackable"].steps .step {
+ flex-direction: column;
+ border-radius: 0em;
+ padding: 1.14285714em 2em;
+ }
+
+ .ui[class*="tablet stackable"].steps .step:first-child {
+ padding: 1.14285714em 2em;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+ }
+
+ .ui[class*="tablet stackable"].steps .step:last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ }
+
+ /* Arrow */
+
+ .ui[class*="tablet stackable"].steps .step:after {
+ display: none !important;
+ }
+
+ /* Content */
+
+ .ui[class*="tablet stackable"].steps .step .content {
+ text-align: center;
+ }
+
+ /* Icon */
+
+ .ui[class*="tablet stackable"].steps .step > .icon,
+ .ui[class*="tablet stackable"].ordered.steps .step:before {
+ margin: 0em 0em 1rem 0em;
+ }
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+/* Fluid */
+
+.ui.fluid.steps {
+ display: flex;
+ width: 100%;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+/* Top */
+
+.ui.attached.steps {
+ width: calc(100% + (--1px * 2)) !important;
+ margin: 0em -1px 0;
+ max-width: calc(100% + (--1px * 2));
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.attached.steps .step:first-child {
+ border-radius: 0.28571429rem 0em 0em 0em;
+}
+
+.ui.attached.steps .step:last-child {
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+/* Bottom */
+
+.ui.bottom.attached.steps {
+ margin: 0 -1px 0em;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.bottom.attached.steps .step:first-child {
+ border-radius: 0em 0em 0em 0.28571429rem;
+}
+
+.ui.bottom.attached.steps .step:last-child {
+ border-radius: 0em 0em 0.28571429rem 0em;
+}
+
+/*-------------------
+ Evenly Divided
+--------------------*/
+
+.ui.one.steps,
+.ui.two.steps,
+.ui.three.steps,
+.ui.four.steps,
+.ui.five.steps,
+.ui.six.steps,
+.ui.seven.steps,
+.ui.eight.steps {
+ width: 100%;
+}
+
+.ui.one.steps > .step,
+.ui.two.steps > .step,
+.ui.three.steps > .step,
+.ui.four.steps > .step,
+.ui.five.steps > .step,
+.ui.six.steps > .step,
+.ui.seven.steps > .step,
+.ui.eight.steps > .step {
+ flex-wrap: nowrap;
+}
+
+.ui.one.steps > .step {
+ width: 100%;
+}
+
+.ui.two.steps > .step {
+ width: 50%;
+}
+
+.ui.three.steps > .step {
+ width: 33.333%;
+}
+
+.ui.four.steps > .step {
+ width: 25%;
+}
+
+.ui.five.steps > .step {
+ width: 20%;
+}
+
+.ui.six.steps > .step {
+ width: 16.666%;
+}
+
+.ui.seven.steps > .step {
+ width: 14.285%;
+}
+
+.ui.eight.steps > .step {
+ width: 12.5%;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.steps .step,
+.ui.mini.step {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.steps .step,
+.ui.tiny.step {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.steps .step,
+.ui.small.step {
+ font-size: 0.92857143rem;
+}
+
+.ui.steps .step,
+.ui.step {
+ font-size: 1rem;
+}
+
+.ui.large.steps .step,
+.ui.large.step {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.steps .step,
+.ui.big.step {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.steps .step,
+.ui.huge.step {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.steps .step,
+.ui.massive.step {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+@font-face {
+ font-family: 'Step';
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff');
+}
+
+.ui.steps .step.completed > .icon:before,
+.ui.ordered.steps .step.completed:before {
+ font-family: 'Step';
+ content: '\E800';
+ /* '' */
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Breadcrumb
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Breadcrumb
+*******************************/
+
+.ui.breadcrumb {
+ line-height: 1;
+ display: inline-block;
+ margin: 0em 0em;
+ vertical-align: middle;
+}
+
+.ui.breadcrumb:first-child {
+ margin-top: 0em;
+}
+
+.ui.breadcrumb:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* Divider */
+
+.ui.breadcrumb .divider {
+ display: inline-block;
+ opacity: 0.7;
+ margin: 0em 0.21428571rem 0em;
+ font-size: 0.92857143em;
+ color: rgba(0, 0, 0, 0.4);
+ vertical-align: baseline;
+}
+
+/* Link */
+
+.ui.breadcrumb a {
+ color: #4183C4;
+}
+
+.ui.breadcrumb a:hover {
+ color: #1e70bf;
+}
+
+/* Icon Divider */
+
+.ui.breadcrumb .icon.divider {
+ font-size: 0.85714286em;
+ vertical-align: baseline;
+}
+
+/* Section */
+
+.ui.breadcrumb a.section {
+ cursor: pointer;
+}
+
+.ui.breadcrumb .section {
+ display: inline-block;
+ margin: 0em;
+ padding: 0em;
+}
+
+/* Loose Coupling */
+
+.ui.breadcrumb.segment {
+ display: inline-block;
+ padding: 0.78571429em 1em;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.breadcrumb .active.section {
+ font-weight: bold;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.mini.breadcrumb {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.breadcrumb {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.breadcrumb {
+ font-size: 0.92857143rem;
+}
+
+.ui.breadcrumb {
+ font-size: 1rem;
+}
+
+.ui.large.breadcrumb {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.breadcrumb {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.breadcrumb {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.breadcrumb {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Form
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Elements
+*******************************/
+
+/*--------------------
+ Form
+---------------------*/
+
+.ui.form {
+ position: relative;
+ max-width: 100%;
+}
+
+/*--------------------
+ Content
+---------------------*/
+
+.ui.form > p {
+ margin: 1em 0em;
+}
+
+/*--------------------
+ Field
+---------------------*/
+
+.ui.form .field {
+ clear: both;
+ margin: 0em 0em 1em;
+}
+
+.ui.form .field:last-child,
+.ui.form .fields:last-child .field {
+ margin-bottom: 0em;
+}
+
+.ui.form .fields .field {
+ clear: both;
+ margin: 0em;
+}
+
+/*--------------------
+ Labels
+---------------------*/
+
+.ui.form .field > label {
+ display: block;
+ margin: 0em 0em 0.28571429rem 0em;
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 0.92857143em;
+ font-weight: bold;
+ text-transform: none;
+}
+
+/*--------------------
+ Standard Inputs
+---------------------*/
+
+.ui.form textarea,
+.ui.form input:not([type]),
+.ui.form input[type="date"],
+.ui.form input[type="datetime-local"],
+.ui.form input[type="email"],
+.ui.form input[type="number"],
+.ui.form input[type="password"],
+.ui.form input[type="search"],
+.ui.form input[type="tel"],
+.ui.form input[type="time"],
+.ui.form input[type="text"],
+.ui.form input[type="file"],
+.ui.form input[type="url"] {
+ width: 100%;
+ vertical-align: top;
+}
+
+/* Set max height on unusual input */
+
+.ui.form ::-webkit-datetime-edit,
+.ui.form ::-webkit-inner-spin-button {
+ height: 1.21428571em;
+}
+
+.ui.form input:not([type]),
+.ui.form input[type="date"],
+.ui.form input[type="datetime-local"],
+.ui.form input[type="email"],
+.ui.form input[type="number"],
+.ui.form input[type="password"],
+.ui.form input[type="search"],
+.ui.form input[type="tel"],
+.ui.form input[type="time"],
+.ui.form input[type="text"],
+.ui.form input[type="file"],
+.ui.form input[type="url"] {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ margin: 0em;
+ outline: none;
+ -webkit-appearance: none;
+ tap-highlight-color: rgba(255, 255, 255, 0);
+ line-height: 1.21428571em;
+ padding: 0.67857143em 1em;
+ font-size: 1em;
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0.28571429rem;
+ box-shadow: 0em 0em 0em 0em transparent inset;
+ transition: color 0.1s ease, border-color 0.1s ease;
+}
+
+/* Text Area */
+
+.ui.form textarea {
+ margin: 0em;
+ -webkit-appearance: none;
+ tap-highlight-color: rgba(255, 255, 255, 0);
+ padding: 0.78571429em 1em;
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ outline: none;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0.28571429rem;
+ box-shadow: 0em 0em 0em 0em transparent inset;
+ transition: color 0.1s ease, border-color 0.1s ease;
+ font-size: 1em;
+ line-height: 1.2857;
+ resize: vertical;
+}
+
+.ui.form textarea:not([rows]) {
+ height: 12em;
+ min-height: 8em;
+ max-height: 24em;
+}
+
+.ui.form textarea,
+.ui.form input[type="checkbox"] {
+ vertical-align: top;
+}
+
+/*--------------------------
+ Input w/ attached Button
+---------------------------*/
+
+.ui.form input.attached {
+ width: auto;
+}
+
+/*--------------------
+ Basic Select
+---------------------*/
+
+.ui.form select {
+ display: block;
+ height: auto;
+ width: 100%;
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+ box-shadow: 0em 0em 0em 0em transparent inset;
+ padding: 0.62em 1em;
+ color: rgba(0, 0, 0, 0.87);
+ transition: color 0.1s ease, border-color 0.1s ease;
+}
+
+/*--------------------
+ Dropdown
+---------------------*/
+
+/* Block */
+
+.ui.form .field > .selection.dropdown {
+ width: 100%;
+}
+
+.ui.form .field > .selection.dropdown > .dropdown.icon {
+ float: right;
+}
+
+/* Inline */
+
+.ui.form .inline.fields .field > .selection.dropdown,
+.ui.form .inline.field > .selection.dropdown {
+ width: auto;
+}
+
+.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
+.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
+ float: none;
+}
+
+/*--------------------
+ UI Input
+---------------------*/
+
+/* Block */
+
+.ui.form .field .ui.input,
+.ui.form .fields .field .ui.input,
+.ui.form .wide.field .ui.input {
+ width: 100%;
+}
+
+/* Inline */
+
+.ui.form .inline.fields .field:not(.wide) .ui.input,
+.ui.form .inline.field:not(.wide) .ui.input {
+ width: auto;
+ vertical-align: middle;
+}
+
+/* Auto Input */
+
+.ui.form .fields .field .ui.input input,
+.ui.form .field .ui.input input {
+ width: auto;
+}
+
+/* Full Width Input */
+
+.ui.form .ten.fields .ui.input input,
+.ui.form .nine.fields .ui.input input,
+.ui.form .eight.fields .ui.input input,
+.ui.form .seven.fields .ui.input input,
+.ui.form .six.fields .ui.input input,
+.ui.form .five.fields .ui.input input,
+.ui.form .four.fields .ui.input input,
+.ui.form .three.fields .ui.input input,
+.ui.form .two.fields .ui.input input,
+.ui.form .wide.field .ui.input input {
+ flex: 1 0 auto;
+ width: 0px;
+}
+
+/*--------------------
+ Types of Messages
+---------------------*/
+
+.ui.form .success.message,
+.ui.form .warning.message,
+.ui.form .error.message {
+ display: none;
+}
+
+/* Assumptions */
+
+.ui.form .message:first-child {
+ margin-top: 0px;
+}
+
+/*--------------------
+ Validation Prompt
+---------------------*/
+
+.ui.form .field .prompt.label {
+ white-space: normal;
+ background: #FFFFFF !important;
+ border: 1px solid #E0B4B4 !important;
+ color: #9F3A38 !important;
+}
+
+.ui.form .inline.fields .field .prompt,
+.ui.form .inline.field .prompt {
+ vertical-align: top;
+ margin: -0.25em 0em -0.5em 0.5em;
+}
+
+.ui.form .inline.fields .field .prompt:before,
+.ui.form .inline.field .prompt:before {
+ border-width: 0px 0px 1px 1px;
+ bottom: auto;
+ right: auto;
+ top: 50%;
+ left: 0em;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------------
+ Autofilled
+---------------------*/
+
+.ui.form .field.field input:-webkit-autofill {
+ box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
+ border-color: #E5DFA1 !important;
+}
+
+/* Focus */
+
+.ui.form .field.field input:-webkit-autofill:focus {
+ box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
+ border-color: #D5C315 !important;
+}
+
+/* Error */
+
+.ui.form .error.error input:-webkit-autofill {
+ box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
+ border-color: #E0B4B4 !important;
+}
+
+/*--------------------
+ Placeholder
+---------------------*/
+
+/* browsers require these rules separate */
+
+.ui.form ::-webkit-input-placeholder {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+.ui.form :-ms-input-placeholder {
+ color: rgba(191, 191, 191, 0.87) !important;
+}
+
+.ui.form ::-moz-placeholder {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+.ui.form :focus::-webkit-input-placeholder {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+.ui.form :focus:-ms-input-placeholder {
+ color: rgba(115, 115, 115, 0.87) !important;
+}
+
+.ui.form :focus::-moz-placeholder {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+/* Error Placeholder */
+
+.ui.form .error ::-webkit-input-placeholder {
+ color: #e7bdbc;
+}
+
+.ui.form .error :-ms-input-placeholder {
+ color: #e7bdbc !important;
+}
+
+.ui.form .error ::-moz-placeholder {
+ color: #e7bdbc;
+}
+
+.ui.form .error :focus::-webkit-input-placeholder {
+ color: #da9796;
+}
+
+.ui.form .error :focus:-ms-input-placeholder {
+ color: #da9796 !important;
+}
+
+.ui.form .error :focus::-moz-placeholder {
+ color: #da9796;
+}
+
+/*--------------------
+ Focus
+---------------------*/
+
+.ui.form input:not([type]):focus,
+.ui.form input[type="date"]:focus,
+.ui.form input[type="datetime-local"]:focus,
+.ui.form input[type="email"]:focus,
+.ui.form input[type="number"]:focus,
+.ui.form input[type="password"]:focus,
+.ui.form input[type="search"]:focus,
+.ui.form input[type="tel"]:focus,
+.ui.form input[type="time"]:focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="file"]:focus,
+.ui.form input[type="url"]:focus {
+ color: rgba(0, 0, 0, 0.95);
+ border-color: #85B7D9;
+ border-radius: 0.28571429rem;
+ background: #FFFFFF;
+ box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
+}
+
+.ui.form textarea:focus {
+ color: rgba(0, 0, 0, 0.95);
+ border-color: #85B7D9;
+ border-radius: 0.28571429rem;
+ background: #FFFFFF;
+ box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
+ -webkit-appearance: none;
+}
+
+/*--------------------
+ Success
+---------------------*/
+
+/* On Form */
+
+.ui.form.success .success.message:not(:empty) {
+ display: block;
+}
+
+.ui.form.success .compact.success.message:not(:empty) {
+ display: inline-block;
+}
+
+.ui.form.success .icon.success.message:not(:empty) {
+ display: flex;
+}
+
+/*--------------------
+ Warning
+---------------------*/
+
+/* On Form */
+
+.ui.form.warning .warning.message:not(:empty) {
+ display: block;
+}
+
+.ui.form.warning .compact.warning.message:not(:empty) {
+ display: inline-block;
+}
+
+.ui.form.warning .icon.warning.message:not(:empty) {
+ display: flex;
+}
+
+/*--------------------
+ Error
+---------------------*/
+
+/* On Form */
+
+.ui.form.error .error.message:not(:empty) {
+ display: block;
+}
+
+.ui.form.error .compact.error.message:not(:empty) {
+ display: inline-block;
+}
+
+.ui.form.error .icon.error.message:not(:empty) {
+ display: flex;
+}
+
+/* On Field(s) */
+
+.ui.form .fields.error .field label,
+.ui.form .field.error label,
+.ui.form .fields.error .field .input,
+.ui.form .field.error .input {
+ color: #9F3A38;
+}
+
+.ui.form .fields.error .field .corner.label,
+.ui.form .field.error .corner.label {
+ border-color: #9F3A38;
+ color: #FFFFFF;
+}
+
+.ui.form .fields.error .field textarea,
+.ui.form .fields.error .field select,
+.ui.form .fields.error .field input:not([type]),
+.ui.form .fields.error .field input[type="date"],
+.ui.form .fields.error .field input[type="datetime-local"],
+.ui.form .fields.error .field input[type="email"],
+.ui.form .fields.error .field input[type="number"],
+.ui.form .fields.error .field input[type="password"],
+.ui.form .fields.error .field input[type="search"],
+.ui.form .fields.error .field input[type="tel"],
+.ui.form .fields.error .field input[type="time"],
+.ui.form .fields.error .field input[type="text"],
+.ui.form .fields.error .field input[type="file"],
+.ui.form .fields.error .field input[type="url"],
+.ui.form .field.error textarea,
+.ui.form .field.error select,
+.ui.form .field.error input:not([type]),
+.ui.form .field.error input[type="date"],
+.ui.form .field.error input[type="datetime-local"],
+.ui.form .field.error input[type="email"],
+.ui.form .field.error input[type="number"],
+.ui.form .field.error input[type="password"],
+.ui.form .field.error input[type="search"],
+.ui.form .field.error input[type="tel"],
+.ui.form .field.error input[type="time"],
+.ui.form .field.error input[type="text"],
+.ui.form .field.error input[type="file"],
+.ui.form .field.error input[type="url"] {
+ background: #FFF6F6;
+ border-color: #E0B4B4;
+ color: #9F3A38;
+ border-radius: '';
+ box-shadow: none;
+}
+
+.ui.form .field.error textarea:focus,
+.ui.form .field.error select:focus,
+.ui.form .field.error input:not([type]):focus,
+.ui.form .field.error input[type="date"]:focus,
+.ui.form .field.error input[type="datetime-local"]:focus,
+.ui.form .field.error input[type="email"]:focus,
+.ui.form .field.error input[type="number"]:focus,
+.ui.form .field.error input[type="password"]:focus,
+.ui.form .field.error input[type="search"]:focus,
+.ui.form .field.error input[type="tel"]:focus,
+.ui.form .field.error input[type="time"]:focus,
+.ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="file"]:focus,
+.ui.form .field.error input[type="url"]:focus {
+ background: #FFF6F6;
+ border-color: #E0B4B4;
+ color: #9F3A38;
+ -webkit-appearance: none;
+ box-shadow: none;
+}
+
+/* Preserve Native Select Stylings */
+
+.ui.form .field.error select {
+ -webkit-appearance: menulist-button;
+}
+
+/*------------------
+ Dropdown Error
+--------------------*/
+
+.ui.form .fields.error .field .ui.dropdown,
+.ui.form .fields.error .field .ui.dropdown .item,
+.ui.form .field.error .ui.dropdown,
+.ui.form .field.error .ui.dropdown .text,
+.ui.form .field.error .ui.dropdown .item {
+ background: #FFF6F6;
+ color: #9F3A38;
+}
+
+.ui.form .fields.error .field .ui.dropdown,
+.ui.form .field.error .ui.dropdown {
+ border-color: #E0B4B4 !important;
+}
+
+.ui.form .fields.error .field .ui.dropdown:hover,
+.ui.form .field.error .ui.dropdown:hover {
+ border-color: #E0B4B4 !important;
+}
+
+.ui.form .fields.error .field .ui.dropdown:hover .menu,
+.ui.form .field.error .ui.dropdown:hover .menu {
+ border-color: #E0B4B4;
+}
+
+.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
+.ui.form .field.error .ui.multiple.selection.dropdown > .label {
+ background-color: #EACBCB;
+ color: #9F3A38;
+}
+
+/* Hover */
+
+.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
+.ui.form .field.error .ui.dropdown .menu .item:hover {
+ background-color: #FBE7E7;
+}
+
+/* Selected */
+
+.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
+.ui.form .field.error .ui.dropdown .menu .selected.item {
+ background-color: #FBE7E7;
+}
+
+/* Active */
+
+.ui.form .fields.error .field .ui.dropdown .menu .active.item,
+.ui.form .field.error .ui.dropdown .menu .active.item {
+ background-color: #FDCFCF !important;
+}
+
+/*--------------------
+ Checkbox Error
+---------------------*/
+
+.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
+.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
+.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
+.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
+ color: #9F3A38;
+}
+
+.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
+.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
+.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
+.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
+ background: #FFF6F6;
+ border-color: #E0B4B4;
+}
+
+.ui.form .fields.error .field .checkbox label:after,
+.ui.form .field.error .checkbox label:after,
+.ui.form .fields.error .field .checkbox .box:after,
+.ui.form .field.error .checkbox .box:after {
+ color: #9F3A38;
+}
+
+/*--------------------
+ Disabled
+---------------------*/
+
+.ui.form .disabled.fields .field,
+.ui.form .disabled.field,
+.ui.form .field :disabled {
+ pointer-events: none;
+ opacity: 0.45;
+}
+
+.ui.form .field.disabled > label,
+.ui.form .fields.disabled > label {
+ opacity: 0.45;
+}
+
+.ui.form .field.disabled :disabled {
+ opacity: 1;
+}
+
+/*--------------
+ Loading
+---------------*/
+
+.ui.loading.form {
+ position: relative;
+ cursor: default;
+ pointer-events: none;
+}
+
+.ui.loading.form:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 0%;
+ background: rgba(255, 255, 255, 0.8);
+ width: 100%;
+ height: 100%;
+ z-index: 100;
+}
+
+.ui.loading.form:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -1.5em 0em 0em -1.5em;
+ width: 3em;
+ height: 3em;
+ -webkit-animation: form-spin 0.6s linear;
+ animation: form-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+ visibility: visible;
+ z-index: 101;
+}
+
+@-webkit-keyframes form-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes form-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/*******************************
+ Element Types
+*******************************/
+
+/*--------------------
+ Required Field
+---------------------*/
+
+.ui.form .required.fields:not(.grouped) > .field > label:after,
+.ui.form .required.fields.grouped > label:after,
+.ui.form .required.field > label:after,
+.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
+.ui.form .required.field > .checkbox:after {
+ margin: -0.2em 0em 0em 0.2em;
+ content: '*';
+ color: #DB2828;
+}
+
+.ui.form .required.fields:not(.grouped) > .field > label:after,
+.ui.form .required.fields.grouped > label:after,
+.ui.form .required.field > label:after {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
+.ui.form .required.field > .checkbox:after {
+ position: absolute;
+ top: 0%;
+ left: 100%;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------------
+ Inverted Colors
+---------------------*/
+
+.ui.inverted.form label,
+.ui.form .inverted.segment label,
+.ui.form .inverted.segment .ui.checkbox label,
+.ui.form .inverted.segment .ui.checkbox .box,
+.ui.inverted.form .ui.checkbox label,
+.ui.inverted.form .ui.checkbox .box,
+.ui.inverted.form .inline.fields > label,
+.ui.inverted.form .inline.fields .field > label,
+.ui.inverted.form .inline.fields .field > p,
+.ui.inverted.form .inline.field > label,
+.ui.inverted.form .inline.field > p {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Inverted Field */
+
+.ui.inverted.form input:not([type]),
+.ui.inverted.form input[type="date"],
+.ui.inverted.form input[type="datetime-local"],
+.ui.inverted.form input[type="email"],
+.ui.inverted.form input[type="number"],
+.ui.inverted.form input[type="password"],
+.ui.inverted.form input[type="search"],
+.ui.inverted.form input[type="tel"],
+.ui.inverted.form input[type="time"],
+.ui.inverted.form input[type="text"],
+.ui.inverted.form input[type="file"],
+.ui.inverted.form input[type="url"] {
+ background: #FFFFFF;
+ border-color: rgba(255, 255, 255, 0.1);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+/*--------------------
+ Field Groups
+---------------------*/
+
+/* Grouped Vertically */
+
+.ui.form .grouped.fields {
+ display: block;
+ margin: 0em 0em 1em;
+}
+
+.ui.form .grouped.fields:last-child {
+ margin-bottom: 0em;
+}
+
+.ui.form .grouped.fields > label {
+ margin: 0em 0em 0.28571429rem 0em;
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 0.92857143em;
+ font-weight: bold;
+ text-transform: none;
+}
+
+.ui.form .grouped.fields .field,
+.ui.form .grouped.inline.fields .field {
+ display: block;
+ margin: 0.5em 0em;
+ padding: 0em;
+}
+
+/*--------------------
+ Fields
+---------------------*/
+
+/* Split fields */
+
+.ui.form .fields {
+ display: flex;
+ flex-direction: row;
+ margin: 0em -0.5em 1em;
+}
+
+.ui.form .fields > .field {
+ flex: 0 1 auto;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+
+.ui.form .fields > .field:first-child {
+ border-left: none;
+ box-shadow: none;
+}
+
+/* Other Combinations */
+
+.ui.form .two.fields > .fields,
+.ui.form .two.fields > .field {
+ width: 50%;
+}
+
+.ui.form .three.fields > .fields,
+.ui.form .three.fields > .field {
+ width: 33.33333333%;
+}
+
+.ui.form .four.fields > .fields,
+.ui.form .four.fields > .field {
+ width: 25%;
+}
+
+.ui.form .five.fields > .fields,
+.ui.form .five.fields > .field {
+ width: 20%;
+}
+
+.ui.form .six.fields > .fields,
+.ui.form .six.fields > .field {
+ width: 16.66666667%;
+}
+
+.ui.form .seven.fields > .fields,
+.ui.form .seven.fields > .field {
+ width: 14.28571429%;
+}
+
+.ui.form .eight.fields > .fields,
+.ui.form .eight.fields > .field {
+ width: 12.5%;
+}
+
+.ui.form .nine.fields > .fields,
+.ui.form .nine.fields > .field {
+ width: 11.11111111%;
+}
+
+.ui.form .ten.fields > .fields,
+.ui.form .ten.fields > .field {
+ width: 10%;
+}
+
+/* Swap to full width on mobile */
+
+@media only screen and (max-width: 767px) {
+ .ui.form .fields {
+ flex-wrap: wrap;
+ }
+
+ .ui[class*="equal width"].form:not(.unstackable) .fields > .field,
+ .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field {
+ width: 100% !important;
+ margin: 0em 0em 1em;
+ }
+}
+
+/* Sizing Combinations */
+
+.ui.form .fields .wide.field {
+ width: 6.25%;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+
+.ui.form .one.wide.field {
+ width: 6.25% !important;
+}
+
+.ui.form .two.wide.field {
+ width: 12.5% !important;
+}
+
+.ui.form .three.wide.field {
+ width: 18.75% !important;
+}
+
+.ui.form .four.wide.field {
+ width: 25% !important;
+}
+
+.ui.form .five.wide.field {
+ width: 31.25% !important;
+}
+
+.ui.form .six.wide.field {
+ width: 37.5% !important;
+}
+
+.ui.form .seven.wide.field {
+ width: 43.75% !important;
+}
+
+.ui.form .eight.wide.field {
+ width: 50% !important;
+}
+
+.ui.form .nine.wide.field {
+ width: 56.25% !important;
+}
+
+.ui.form .ten.wide.field {
+ width: 62.5% !important;
+}
+
+.ui.form .eleven.wide.field {
+ width: 68.75% !important;
+}
+
+.ui.form .twelve.wide.field {
+ width: 75% !important;
+}
+
+.ui.form .thirteen.wide.field {
+ width: 81.25% !important;
+}
+
+.ui.form .fourteen.wide.field {
+ width: 87.5% !important;
+}
+
+.ui.form .fifteen.wide.field {
+ width: 93.75% !important;
+}
+
+.ui.form .sixteen.wide.field {
+ width: 100% !important;
+}
+
+/* Swap to full width on mobile */
+
+@media only screen and (max-width: 767px) {
+ .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
+ .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
+ .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field {
+ width: 100% !important;
+ }
+
+ .ui.form .fields {
+ margin-bottom: 0em;
+ }
+}
+
+/*--------------------
+ Equal Width
+---------------------*/
+
+.ui[class*="equal width"].form .fields > .field,
+.ui.form [class*="equal width"].fields > .field {
+ width: 100%;
+ flex: 1 1 auto;
+}
+
+/*--------------------
+ Inline Fields
+---------------------*/
+
+.ui.form .inline.fields {
+ margin: 0em 0em 1em;
+ align-items: center;
+}
+
+.ui.form .inline.fields .field {
+ margin: 0em;
+ padding: 0em 1em 0em 0em;
+}
+
+/* Inline Label */
+
+.ui.form .inline.fields > label,
+.ui.form .inline.fields .field > label,
+.ui.form .inline.fields .field > p,
+.ui.form .inline.field > label,
+.ui.form .inline.field > p {
+ display: inline-block;
+ width: auto;
+ margin-top: 0em;
+ margin-bottom: 0em;
+ vertical-align: baseline;
+ font-size: 0.92857143em;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+ text-transform: none;
+}
+
+/* Grouped Inline Label */
+
+.ui.form .inline.fields > label {
+ margin: 0.035714em 1em 0em 0em;
+}
+
+/* Inline Input */
+
+.ui.form .inline.fields .field > input,
+.ui.form .inline.fields .field > select,
+.ui.form .inline.field > input,
+.ui.form .inline.field > select {
+ display: inline-block;
+ width: auto;
+ margin-top: 0em;
+ margin-bottom: 0em;
+ vertical-align: middle;
+ font-size: 1em;
+}
+
+/* Label */
+
+.ui.form .inline.fields .field > :first-child,
+.ui.form .inline.field > :first-child {
+ margin: 0em 0.85714286em 0em 0em;
+}
+
+.ui.form .inline.fields .field > :only-child,
+.ui.form .inline.field > :only-child {
+ margin: 0em;
+}
+
+/* Wide */
+
+.ui.form .inline.fields .wide.field {
+ display: flex;
+ align-items: center;
+}
+
+.ui.form .inline.fields .wide.field > input,
+.ui.form .inline.fields .wide.field > select {
+ width: 100%;
+}
+
+/*--------------------
+ Sizes
+---------------------*/
+
+.ui.mini.form {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.form {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.form {
+ font-size: 0.92857143rem;
+}
+
+.ui.form {
+ font-size: 1rem;
+}
+
+.ui.large.form {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.form {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.form {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.form {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Grid
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+.ui.grid {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: stretch;
+ padding: 0em;
+}
+
+/*----------------------
+ Remove Gutters
+-----------------------*/
+
+.ui.grid {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ margin-left: -1rem;
+ margin-right: -1rem;
+}
+
+.ui.relaxed.grid {
+ margin-left: -1.5rem;
+ margin-right: -1.5rem;
+}
+
+.ui[class*="very relaxed"].grid {
+ margin-left: -2.5rem;
+ margin-right: -2.5rem;
+}
+
+/* Preserve Rows Spacing on Consecutive Grids */
+
+.ui.grid + .grid {
+ margin-top: 1rem;
+}
+
+/*-------------------
+ Columns
+--------------------*/
+
+/* Standard 16 column */
+
+.ui.grid > .column:not(.row),
+.ui.grid > .row > .column {
+ position: relative;
+ display: inline-block;
+ width: 6.25%;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ vertical-align: top;
+}
+
+.ui.grid > * {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+/*-------------------
+ Rows
+--------------------*/
+
+.ui.grid > .row {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: inherit;
+ align-items: stretch;
+ width: 100% !important;
+ padding: 0rem;
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+/*-------------------
+ Columns
+--------------------*/
+
+/* Vertical padding when no rows */
+
+.ui.grid > .column:not(.row) {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.ui.grid > .row > .column {
+ margin-top: 0em;
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Content
+--------------------*/
+
+.ui.grid > .row > img,
+.ui.grid > .row > .column > img {
+ max-width: 100%;
+}
+
+/*-------------------
+ Loose Coupling
+--------------------*/
+
+/* Collapse Margin on Consecutive Grid */
+
+.ui.grid > .ui.grid:first-child {
+ margin-top: 0em;
+}
+
+.ui.grid > .ui.grid:last-child {
+ margin-bottom: 0em;
+}
+
+/* Segment inside Aligned Grid */
+
+.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
+.ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
+ width: 100%;
+}
+
+/* Align Dividers with Gutter */
+
+.ui.grid .row + .ui.divider {
+ flex-grow: 1;
+ margin: 1rem 1rem;
+}
+
+.ui.grid .column + .ui.vertical.divider {
+ height: calc(50% - (2rem / 2));
+}
+
+/* Remove Border on Last Horizontal Segment */
+
+.ui.grid > .row > .column:last-child > .horizontal.segment,
+.ui.grid > .column:last-child > .horizontal.segment {
+ box-shadow: none;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-----------------------
+ Page Grid
+-------------------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.page.grid {
+ width: auto;
+ padding-left: 0em;
+ padding-right: 0em;
+ margin-left: 0em;
+ margin-right: 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.page.grid {
+ width: auto;
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .ui.page.grid {
+ width: auto;
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-left: 3%;
+ padding-right: 3%;
+ }
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1919px) {
+ .ui.page.grid {
+ width: auto;
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-left: 15%;
+ padding-right: 15%;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.page.grid {
+ width: auto;
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-left: 23%;
+ padding-right: 23%;
+ }
+}
+
+/*-------------------
+ Column Count
+--------------------*/
+
+/* Assume full width with one column */
+
+.ui.grid > .column:only-child,
+.ui.grid > .row > .column:only-child {
+ width: 100%;
+}
+
+/* Grid Based */
+
+.ui[class*="one column"].grid > .row > .column,
+.ui[class*="one column"].grid > .column:not(.row) {
+ width: 100%;
+}
+
+.ui[class*="two column"].grid > .row > .column,
+.ui[class*="two column"].grid > .column:not(.row) {
+ width: 50%;
+}
+
+.ui[class*="three column"].grid > .row > .column,
+.ui[class*="three column"].grid > .column:not(.row) {
+ width: 33.33333333%;
+}
+
+.ui[class*="four column"].grid > .row > .column,
+.ui[class*="four column"].grid > .column:not(.row) {
+ width: 25%;
+}
+
+.ui[class*="five column"].grid > .row > .column,
+.ui[class*="five column"].grid > .column:not(.row) {
+ width: 20%;
+}
+
+.ui[class*="six column"].grid > .row > .column,
+.ui[class*="six column"].grid > .column:not(.row) {
+ width: 16.66666667%;
+}
+
+.ui[class*="seven column"].grid > .row > .column,
+.ui[class*="seven column"].grid > .column:not(.row) {
+ width: 14.28571429%;
+}
+
+.ui[class*="eight column"].grid > .row > .column,
+.ui[class*="eight column"].grid > .column:not(.row) {
+ width: 12.5%;
+}
+
+.ui[class*="nine column"].grid > .row > .column,
+.ui[class*="nine column"].grid > .column:not(.row) {
+ width: 11.11111111%;
+}
+
+.ui[class*="ten column"].grid > .row > .column,
+.ui[class*="ten column"].grid > .column:not(.row) {
+ width: 10%;
+}
+
+.ui[class*="eleven column"].grid > .row > .column,
+.ui[class*="eleven column"].grid > .column:not(.row) {
+ width: 9.09090909%;
+}
+
+.ui[class*="twelve column"].grid > .row > .column,
+.ui[class*="twelve column"].grid > .column:not(.row) {
+ width: 8.33333333%;
+}
+
+.ui[class*="thirteen column"].grid > .row > .column,
+.ui[class*="thirteen column"].grid > .column:not(.row) {
+ width: 7.69230769%;
+}
+
+.ui[class*="fourteen column"].grid > .row > .column,
+.ui[class*="fourteen column"].grid > .column:not(.row) {
+ width: 7.14285714%;
+}
+
+.ui[class*="fifteen column"].grid > .row > .column,
+.ui[class*="fifteen column"].grid > .column:not(.row) {
+ width: 6.66666667%;
+}
+
+.ui[class*="sixteen column"].grid > .row > .column,
+.ui[class*="sixteen column"].grid > .column:not(.row) {
+ width: 6.25%;
+}
+
+/* Row Based Overrides */
+
+.ui.grid > [class*="one column"].row > .column {
+ width: 100% !important;
+}
+
+.ui.grid > [class*="two column"].row > .column {
+ width: 50% !important;
+}
+
+.ui.grid > [class*="three column"].row > .column {
+ width: 33.33333333% !important;
+}
+
+.ui.grid > [class*="four column"].row > .column {
+ width: 25% !important;
+}
+
+.ui.grid > [class*="five column"].row > .column {
+ width: 20% !important;
+}
+
+.ui.grid > [class*="six column"].row > .column {
+ width: 16.66666667% !important;
+}
+
+.ui.grid > [class*="seven column"].row > .column {
+ width: 14.28571429% !important;
+}
+
+.ui.grid > [class*="eight column"].row > .column {
+ width: 12.5% !important;
+}
+
+.ui.grid > [class*="nine column"].row > .column {
+ width: 11.11111111% !important;
+}
+
+.ui.grid > [class*="ten column"].row > .column {
+ width: 10% !important;
+}
+
+.ui.grid > [class*="eleven column"].row > .column {
+ width: 9.09090909% !important;
+}
+
+.ui.grid > [class*="twelve column"].row > .column {
+ width: 8.33333333% !important;
+}
+
+.ui.grid > [class*="thirteen column"].row > .column {
+ width: 7.69230769% !important;
+}
+
+.ui.grid > [class*="fourteen column"].row > .column {
+ width: 7.14285714% !important;
+}
+
+.ui.grid > [class*="fifteen column"].row > .column {
+ width: 6.66666667% !important;
+}
+
+.ui.grid > [class*="sixteen column"].row > .column {
+ width: 6.25% !important;
+}
+
+/* Celled Page */
+
+.ui.celled.page.grid {
+ box-shadow: none;
+}
+
+/*-------------------
+ Column Width
+--------------------*/
+
+/* Sizing Combinations */
+
+.ui.grid > .row > [class*="one wide"].column,
+.ui.grid > .column.row > [class*="one wide"].column,
+.ui.grid > [class*="one wide"].column,
+.ui.column.grid > [class*="one wide"].column {
+ width: 6.25% !important;
+}
+
+.ui.grid > .row > [class*="two wide"].column,
+.ui.grid > .column.row > [class*="two wide"].column,
+.ui.grid > [class*="two wide"].column,
+.ui.column.grid > [class*="two wide"].column {
+ width: 12.5% !important;
+}
+
+.ui.grid > .row > [class*="three wide"].column,
+.ui.grid > .column.row > [class*="three wide"].column,
+.ui.grid > [class*="three wide"].column,
+.ui.column.grid > [class*="three wide"].column {
+ width: 18.75% !important;
+}
+
+.ui.grid > .row > [class*="four wide"].column,
+.ui.grid > .column.row > [class*="four wide"].column,
+.ui.grid > [class*="four wide"].column,
+.ui.column.grid > [class*="four wide"].column {
+ width: 25% !important;
+}
+
+.ui.grid > .row > [class*="five wide"].column,
+.ui.grid > .column.row > [class*="five wide"].column,
+.ui.grid > [class*="five wide"].column,
+.ui.column.grid > [class*="five wide"].column {
+ width: 31.25% !important;
+}
+
+.ui.grid > .row > [class*="six wide"].column,
+.ui.grid > .column.row > [class*="six wide"].column,
+.ui.grid > [class*="six wide"].column,
+.ui.column.grid > [class*="six wide"].column {
+ width: 37.5% !important;
+}
+
+.ui.grid > .row > [class*="seven wide"].column,
+.ui.grid > .column.row > [class*="seven wide"].column,
+.ui.grid > [class*="seven wide"].column,
+.ui.column.grid > [class*="seven wide"].column {
+ width: 43.75% !important;
+}
+
+.ui.grid > .row > [class*="eight wide"].column,
+.ui.grid > .column.row > [class*="eight wide"].column,
+.ui.grid > [class*="eight wide"].column,
+.ui.column.grid > [class*="eight wide"].column {
+ width: 50% !important;
+}
+
+.ui.grid > .row > [class*="nine wide"].column,
+.ui.grid > .column.row > [class*="nine wide"].column,
+.ui.grid > [class*="nine wide"].column,
+.ui.column.grid > [class*="nine wide"].column {
+ width: 56.25% !important;
+}
+
+.ui.grid > .row > [class*="ten wide"].column,
+.ui.grid > .column.row > [class*="ten wide"].column,
+.ui.grid > [class*="ten wide"].column,
+.ui.column.grid > [class*="ten wide"].column {
+ width: 62.5% !important;
+}
+
+.ui.grid > .row > [class*="eleven wide"].column,
+.ui.grid > .column.row > [class*="eleven wide"].column,
+.ui.grid > [class*="eleven wide"].column,
+.ui.column.grid > [class*="eleven wide"].column {
+ width: 68.75% !important;
+}
+
+.ui.grid > .row > [class*="twelve wide"].column,
+.ui.grid > .column.row > [class*="twelve wide"].column,
+.ui.grid > [class*="twelve wide"].column,
+.ui.column.grid > [class*="twelve wide"].column {
+ width: 75% !important;
+}
+
+.ui.grid > .row > [class*="thirteen wide"].column,
+.ui.grid > .column.row > [class*="thirteen wide"].column,
+.ui.grid > [class*="thirteen wide"].column,
+.ui.column.grid > [class*="thirteen wide"].column {
+ width: 81.25% !important;
+}
+
+.ui.grid > .row > [class*="fourteen wide"].column,
+.ui.grid > .column.row > [class*="fourteen wide"].column,
+.ui.grid > [class*="fourteen wide"].column,
+.ui.column.grid > [class*="fourteen wide"].column {
+ width: 87.5% !important;
+}
+
+.ui.grid > .row > [class*="fifteen wide"].column,
+.ui.grid > .column.row > [class*="fifteen wide"].column,
+.ui.grid > [class*="fifteen wide"].column,
+.ui.column.grid > [class*="fifteen wide"].column {
+ width: 93.75% !important;
+}
+
+.ui.grid > .row > [class*="sixteen wide"].column,
+.ui.grid > .column.row > [class*="sixteen wide"].column,
+.ui.grid > [class*="sixteen wide"].column,
+.ui.column.grid > [class*="sixteen wide"].column {
+ width: 100% !important;
+}
+
+/*----------------------
+ Width per Device
+-----------------------*/
+
+/* Mobile Sizing Combinations */
+
+@media only screen and (min-width: 320px) and (max-width: 767px) {
+ .ui.grid > .row > [class*="one wide mobile"].column,
+ .ui.grid > .column.row > [class*="one wide mobile"].column,
+ .ui.grid > [class*="one wide mobile"].column,
+ .ui.column.grid > [class*="one wide mobile"].column {
+ width: 6.25% !important;
+ }
+
+ .ui.grid > .row > [class*="two wide mobile"].column,
+ .ui.grid > .column.row > [class*="two wide mobile"].column,
+ .ui.grid > [class*="two wide mobile"].column,
+ .ui.column.grid > [class*="two wide mobile"].column {
+ width: 12.5% !important;
+ }
+
+ .ui.grid > .row > [class*="three wide mobile"].column,
+ .ui.grid > .column.row > [class*="three wide mobile"].column,
+ .ui.grid > [class*="three wide mobile"].column,
+ .ui.column.grid > [class*="three wide mobile"].column {
+ width: 18.75% !important;
+ }
+
+ .ui.grid > .row > [class*="four wide mobile"].column,
+ .ui.grid > .column.row > [class*="four wide mobile"].column,
+ .ui.grid > [class*="four wide mobile"].column,
+ .ui.column.grid > [class*="four wide mobile"].column {
+ width: 25% !important;
+ }
+
+ .ui.grid > .row > [class*="five wide mobile"].column,
+ .ui.grid > .column.row > [class*="five wide mobile"].column,
+ .ui.grid > [class*="five wide mobile"].column,
+ .ui.column.grid > [class*="five wide mobile"].column {
+ width: 31.25% !important;
+ }
+
+ .ui.grid > .row > [class*="six wide mobile"].column,
+ .ui.grid > .column.row > [class*="six wide mobile"].column,
+ .ui.grid > [class*="six wide mobile"].column,
+ .ui.column.grid > [class*="six wide mobile"].column {
+ width: 37.5% !important;
+ }
+
+ .ui.grid > .row > [class*="seven wide mobile"].column,
+ .ui.grid > .column.row > [class*="seven wide mobile"].column,
+ .ui.grid > [class*="seven wide mobile"].column,
+ .ui.column.grid > [class*="seven wide mobile"].column {
+ width: 43.75% !important;
+ }
+
+ .ui.grid > .row > [class*="eight wide mobile"].column,
+ .ui.grid > .column.row > [class*="eight wide mobile"].column,
+ .ui.grid > [class*="eight wide mobile"].column,
+ .ui.column.grid > [class*="eight wide mobile"].column {
+ width: 50% !important;
+ }
+
+ .ui.grid > .row > [class*="nine wide mobile"].column,
+ .ui.grid > .column.row > [class*="nine wide mobile"].column,
+ .ui.grid > [class*="nine wide mobile"].column,
+ .ui.column.grid > [class*="nine wide mobile"].column {
+ width: 56.25% !important;
+ }
+
+ .ui.grid > .row > [class*="ten wide mobile"].column,
+ .ui.grid > .column.row > [class*="ten wide mobile"].column,
+ .ui.grid > [class*="ten wide mobile"].column,
+ .ui.column.grid > [class*="ten wide mobile"].column {
+ width: 62.5% !important;
+ }
+
+ .ui.grid > .row > [class*="eleven wide mobile"].column,
+ .ui.grid > .column.row > [class*="eleven wide mobile"].column,
+ .ui.grid > [class*="eleven wide mobile"].column,
+ .ui.column.grid > [class*="eleven wide mobile"].column {
+ width: 68.75% !important;
+ }
+
+ .ui.grid > .row > [class*="twelve wide mobile"].column,
+ .ui.grid > .column.row > [class*="twelve wide mobile"].column,
+ .ui.grid > [class*="twelve wide mobile"].column,
+ .ui.column.grid > [class*="twelve wide mobile"].column {
+ width: 75% !important;
+ }
+
+ .ui.grid > .row > [class*="thirteen wide mobile"].column,
+ .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
+ .ui.grid > [class*="thirteen wide mobile"].column,
+ .ui.column.grid > [class*="thirteen wide mobile"].column {
+ width: 81.25% !important;
+ }
+
+ .ui.grid > .row > [class*="fourteen wide mobile"].column,
+ .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
+ .ui.grid > [class*="fourteen wide mobile"].column,
+ .ui.column.grid > [class*="fourteen wide mobile"].column {
+ width: 87.5% !important;
+ }
+
+ .ui.grid > .row > [class*="fifteen wide mobile"].column,
+ .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
+ .ui.grid > [class*="fifteen wide mobile"].column,
+ .ui.column.grid > [class*="fifteen wide mobile"].column {
+ width: 93.75% !important;
+ }
+
+ .ui.grid > .row > [class*="sixteen wide mobile"].column,
+ .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
+ .ui.grid > [class*="sixteen wide mobile"].column,
+ .ui.column.grid > [class*="sixteen wide mobile"].column {
+ width: 100% !important;
+ }
+}
+
+/* Tablet Sizing Combinations */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.grid > .row > [class*="one wide tablet"].column,
+ .ui.grid > .column.row > [class*="one wide tablet"].column,
+ .ui.grid > [class*="one wide tablet"].column,
+ .ui.column.grid > [class*="one wide tablet"].column {
+ width: 6.25% !important;
+ }
+
+ .ui.grid > .row > [class*="two wide tablet"].column,
+ .ui.grid > .column.row > [class*="two wide tablet"].column,
+ .ui.grid > [class*="two wide tablet"].column,
+ .ui.column.grid > [class*="two wide tablet"].column {
+ width: 12.5% !important;
+ }
+
+ .ui.grid > .row > [class*="three wide tablet"].column,
+ .ui.grid > .column.row > [class*="three wide tablet"].column,
+ .ui.grid > [class*="three wide tablet"].column,
+ .ui.column.grid > [class*="three wide tablet"].column {
+ width: 18.75% !important;
+ }
+
+ .ui.grid > .row > [class*="four wide tablet"].column,
+ .ui.grid > .column.row > [class*="four wide tablet"].column,
+ .ui.grid > [class*="four wide tablet"].column,
+ .ui.column.grid > [class*="four wide tablet"].column {
+ width: 25% !important;
+ }
+
+ .ui.grid > .row > [class*="five wide tablet"].column,
+ .ui.grid > .column.row > [class*="five wide tablet"].column,
+ .ui.grid > [class*="five wide tablet"].column,
+ .ui.column.grid > [class*="five wide tablet"].column {
+ width: 31.25% !important;
+ }
+
+ .ui.grid > .row > [class*="six wide tablet"].column,
+ .ui.grid > .column.row > [class*="six wide tablet"].column,
+ .ui.grid > [class*="six wide tablet"].column,
+ .ui.column.grid > [class*="six wide tablet"].column {
+ width: 37.5% !important;
+ }
+
+ .ui.grid > .row > [class*="seven wide tablet"].column,
+ .ui.grid > .column.row > [class*="seven wide tablet"].column,
+ .ui.grid > [class*="seven wide tablet"].column,
+ .ui.column.grid > [class*="seven wide tablet"].column {
+ width: 43.75% !important;
+ }
+
+ .ui.grid > .row > [class*="eight wide tablet"].column,
+ .ui.grid > .column.row > [class*="eight wide tablet"].column,
+ .ui.grid > [class*="eight wide tablet"].column,
+ .ui.column.grid > [class*="eight wide tablet"].column {
+ width: 50% !important;
+ }
+
+ .ui.grid > .row > [class*="nine wide tablet"].column,
+ .ui.grid > .column.row > [class*="nine wide tablet"].column,
+ .ui.grid > [class*="nine wide tablet"].column,
+ .ui.column.grid > [class*="nine wide tablet"].column {
+ width: 56.25% !important;
+ }
+
+ .ui.grid > .row > [class*="ten wide tablet"].column,
+ .ui.grid > .column.row > [class*="ten wide tablet"].column,
+ .ui.grid > [class*="ten wide tablet"].column,
+ .ui.column.grid > [class*="ten wide tablet"].column {
+ width: 62.5% !important;
+ }
+
+ .ui.grid > .row > [class*="eleven wide tablet"].column,
+ .ui.grid > .column.row > [class*="eleven wide tablet"].column,
+ .ui.grid > [class*="eleven wide tablet"].column,
+ .ui.column.grid > [class*="eleven wide tablet"].column {
+ width: 68.75% !important;
+ }
+
+ .ui.grid > .row > [class*="twelve wide tablet"].column,
+ .ui.grid > .column.row > [class*="twelve wide tablet"].column,
+ .ui.grid > [class*="twelve wide tablet"].column,
+ .ui.column.grid > [class*="twelve wide tablet"].column {
+ width: 75% !important;
+ }
+
+ .ui.grid > .row > [class*="thirteen wide tablet"].column,
+ .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
+ .ui.grid > [class*="thirteen wide tablet"].column,
+ .ui.column.grid > [class*="thirteen wide tablet"].column {
+ width: 81.25% !important;
+ }
+
+ .ui.grid > .row > [class*="fourteen wide tablet"].column,
+ .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
+ .ui.grid > [class*="fourteen wide tablet"].column,
+ .ui.column.grid > [class*="fourteen wide tablet"].column {
+ width: 87.5% !important;
+ }
+
+ .ui.grid > .row > [class*="fifteen wide tablet"].column,
+ .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
+ .ui.grid > [class*="fifteen wide tablet"].column,
+ .ui.column.grid > [class*="fifteen wide tablet"].column {
+ width: 93.75% !important;
+ }
+
+ .ui.grid > .row > [class*="sixteen wide tablet"].column,
+ .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
+ .ui.grid > [class*="sixteen wide tablet"].column,
+ .ui.column.grid > [class*="sixteen wide tablet"].column {
+ width: 100% !important;
+ }
+}
+
+/* Computer/Desktop Sizing Combinations */
+
+@media only screen and (min-width: 992px) {
+ .ui.grid > .row > [class*="one wide computer"].column,
+ .ui.grid > .column.row > [class*="one wide computer"].column,
+ .ui.grid > [class*="one wide computer"].column,
+ .ui.column.grid > [class*="one wide computer"].column {
+ width: 6.25% !important;
+ }
+
+ .ui.grid > .row > [class*="two wide computer"].column,
+ .ui.grid > .column.row > [class*="two wide computer"].column,
+ .ui.grid > [class*="two wide computer"].column,
+ .ui.column.grid > [class*="two wide computer"].column {
+ width: 12.5% !important;
+ }
+
+ .ui.grid > .row > [class*="three wide computer"].column,
+ .ui.grid > .column.row > [class*="three wide computer"].column,
+ .ui.grid > [class*="three wide computer"].column,
+ .ui.column.grid > [class*="three wide computer"].column {
+ width: 18.75% !important;
+ }
+
+ .ui.grid > .row > [class*="four wide computer"].column,
+ .ui.grid > .column.row > [class*="four wide computer"].column,
+ .ui.grid > [class*="four wide computer"].column,
+ .ui.column.grid > [class*="four wide computer"].column {
+ width: 25% !important;
+ }
+
+ .ui.grid > .row > [class*="five wide computer"].column,
+ .ui.grid > .column.row > [class*="five wide computer"].column,
+ .ui.grid > [class*="five wide computer"].column,
+ .ui.column.grid > [class*="five wide computer"].column {
+ width: 31.25% !important;
+ }
+
+ .ui.grid > .row > [class*="six wide computer"].column,
+ .ui.grid > .column.row > [class*="six wide computer"].column,
+ .ui.grid > [class*="six wide computer"].column,
+ .ui.column.grid > [class*="six wide computer"].column {
+ width: 37.5% !important;
+ }
+
+ .ui.grid > .row > [class*="seven wide computer"].column,
+ .ui.grid > .column.row > [class*="seven wide computer"].column,
+ .ui.grid > [class*="seven wide computer"].column,
+ .ui.column.grid > [class*="seven wide computer"].column {
+ width: 43.75% !important;
+ }
+
+ .ui.grid > .row > [class*="eight wide computer"].column,
+ .ui.grid > .column.row > [class*="eight wide computer"].column,
+ .ui.grid > [class*="eight wide computer"].column,
+ .ui.column.grid > [class*="eight wide computer"].column {
+ width: 50% !important;
+ }
+
+ .ui.grid > .row > [class*="nine wide computer"].column,
+ .ui.grid > .column.row > [class*="nine wide computer"].column,
+ .ui.grid > [class*="nine wide computer"].column,
+ .ui.column.grid > [class*="nine wide computer"].column {
+ width: 56.25% !important;
+ }
+
+ .ui.grid > .row > [class*="ten wide computer"].column,
+ .ui.grid > .column.row > [class*="ten wide computer"].column,
+ .ui.grid > [class*="ten wide computer"].column,
+ .ui.column.grid > [class*="ten wide computer"].column {
+ width: 62.5% !important;
+ }
+
+ .ui.grid > .row > [class*="eleven wide computer"].column,
+ .ui.grid > .column.row > [class*="eleven wide computer"].column,
+ .ui.grid > [class*="eleven wide computer"].column,
+ .ui.column.grid > [class*="eleven wide computer"].column {
+ width: 68.75% !important;
+ }
+
+ .ui.grid > .row > [class*="twelve wide computer"].column,
+ .ui.grid > .column.row > [class*="twelve wide computer"].column,
+ .ui.grid > [class*="twelve wide computer"].column,
+ .ui.column.grid > [class*="twelve wide computer"].column {
+ width: 75% !important;
+ }
+
+ .ui.grid > .row > [class*="thirteen wide computer"].column,
+ .ui.grid > .column.row > [class*="thirteen wide computer"].column,
+ .ui.grid > [class*="thirteen wide computer"].column,
+ .ui.column.grid > [class*="thirteen wide computer"].column {
+ width: 81.25% !important;
+ }
+
+ .ui.grid > .row > [class*="fourteen wide computer"].column,
+ .ui.grid > .column.row > [class*="fourteen wide computer"].column,
+ .ui.grid > [class*="fourteen wide computer"].column,
+ .ui.column.grid > [class*="fourteen wide computer"].column {
+ width: 87.5% !important;
+ }
+
+ .ui.grid > .row > [class*="fifteen wide computer"].column,
+ .ui.grid > .column.row > [class*="fifteen wide computer"].column,
+ .ui.grid > [class*="fifteen wide computer"].column,
+ .ui.column.grid > [class*="fifteen wide computer"].column {
+ width: 93.75% !important;
+ }
+
+ .ui.grid > .row > [class*="sixteen wide computer"].column,
+ .ui.grid > .column.row > [class*="sixteen wide computer"].column,
+ .ui.grid > [class*="sixteen wide computer"].column,
+ .ui.column.grid > [class*="sixteen wide computer"].column {
+ width: 100% !important;
+ }
+}
+
+/* Large Monitor Sizing Combinations */
+
+@media only screen and (min-width: 1200px) and (max-width: 1919px) {
+ .ui.grid > .row > [class*="one wide large screen"].column,
+ .ui.grid > .column.row > [class*="one wide large screen"].column,
+ .ui.grid > [class*="one wide large screen"].column,
+ .ui.column.grid > [class*="one wide large screen"].column {
+ width: 6.25% !important;
+ }
+
+ .ui.grid > .row > [class*="two wide large screen"].column,
+ .ui.grid > .column.row > [class*="two wide large screen"].column,
+ .ui.grid > [class*="two wide large screen"].column,
+ .ui.column.grid > [class*="two wide large screen"].column {
+ width: 12.5% !important;
+ }
+
+ .ui.grid > .row > [class*="three wide large screen"].column,
+ .ui.grid > .column.row > [class*="three wide large screen"].column,
+ .ui.grid > [class*="three wide large screen"].column,
+ .ui.column.grid > [class*="three wide large screen"].column {
+ width: 18.75% !important;
+ }
+
+ .ui.grid > .row > [class*="four wide large screen"].column,
+ .ui.grid > .column.row > [class*="four wide large screen"].column,
+ .ui.grid > [class*="four wide large screen"].column,
+ .ui.column.grid > [class*="four wide large screen"].column {
+ width: 25% !important;
+ }
+
+ .ui.grid > .row > [class*="five wide large screen"].column,
+ .ui.grid > .column.row > [class*="five wide large screen"].column,
+ .ui.grid > [class*="five wide large screen"].column,
+ .ui.column.grid > [class*="five wide large screen"].column {
+ width: 31.25% !important;
+ }
+
+ .ui.grid > .row > [class*="six wide large screen"].column,
+ .ui.grid > .column.row > [class*="six wide large screen"].column,
+ .ui.grid > [class*="six wide large screen"].column,
+ .ui.column.grid > [class*="six wide large screen"].column {
+ width: 37.5% !important;
+ }
+
+ .ui.grid > .row > [class*="seven wide large screen"].column,
+ .ui.grid > .column.row > [class*="seven wide large screen"].column,
+ .ui.grid > [class*="seven wide large screen"].column,
+ .ui.column.grid > [class*="seven wide large screen"].column {
+ width: 43.75% !important;
+ }
+
+ .ui.grid > .row > [class*="eight wide large screen"].column,
+ .ui.grid > .column.row > [class*="eight wide large screen"].column,
+ .ui.grid > [class*="eight wide large screen"].column,
+ .ui.column.grid > [class*="eight wide large screen"].column {
+ width: 50% !important;
+ }
+
+ .ui.grid > .row > [class*="nine wide large screen"].column,
+ .ui.grid > .column.row > [class*="nine wide large screen"].column,
+ .ui.grid > [class*="nine wide large screen"].column,
+ .ui.column.grid > [class*="nine wide large screen"].column {
+ width: 56.25% !important;
+ }
+
+ .ui.grid > .row > [class*="ten wide large screen"].column,
+ .ui.grid > .column.row > [class*="ten wide large screen"].column,
+ .ui.grid > [class*="ten wide large screen"].column,
+ .ui.column.grid > [class*="ten wide large screen"].column {
+ width: 62.5% !important;
+ }
+
+ .ui.grid > .row > [class*="eleven wide large screen"].column,
+ .ui.grid > .column.row > [class*="eleven wide large screen"].column,
+ .ui.grid > [class*="eleven wide large screen"].column,
+ .ui.column.grid > [class*="eleven wide large screen"].column {
+ width: 68.75% !important;
+ }
+
+ .ui.grid > .row > [class*="twelve wide large screen"].column,
+ .ui.grid > .column.row > [class*="twelve wide large screen"].column,
+ .ui.grid > [class*="twelve wide large screen"].column,
+ .ui.column.grid > [class*="twelve wide large screen"].column {
+ width: 75% !important;
+ }
+
+ .ui.grid > .row > [class*="thirteen wide large screen"].column,
+ .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
+ .ui.grid > [class*="thirteen wide large screen"].column,
+ .ui.column.grid > [class*="thirteen wide large screen"].column {
+ width: 81.25% !important;
+ }
+
+ .ui.grid > .row > [class*="fourteen wide large screen"].column,
+ .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
+ .ui.grid > [class*="fourteen wide large screen"].column,
+ .ui.column.grid > [class*="fourteen wide large screen"].column {
+ width: 87.5% !important;
+ }
+
+ .ui.grid > .row > [class*="fifteen wide large screen"].column,
+ .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
+ .ui.grid > [class*="fifteen wide large screen"].column,
+ .ui.column.grid > [class*="fifteen wide large screen"].column {
+ width: 93.75% !important;
+ }
+
+ .ui.grid > .row > [class*="sixteen wide large screen"].column,
+ .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
+ .ui.grid > [class*="sixteen wide large screen"].column,
+ .ui.column.grid > [class*="sixteen wide large screen"].column {
+ width: 100% !important;
+ }
+}
+
+/* Widescreen Sizing Combinations */
+
+@media only screen and (min-width: 1920px) {
+ .ui.grid > .row > [class*="one wide widescreen"].column,
+ .ui.grid > .column.row > [class*="one wide widescreen"].column,
+ .ui.grid > [class*="one wide widescreen"].column,
+ .ui.column.grid > [class*="one wide widescreen"].column {
+ width: 6.25% !important;
+ }
+
+ .ui.grid > .row > [class*="two wide widescreen"].column,
+ .ui.grid > .column.row > [class*="two wide widescreen"].column,
+ .ui.grid > [class*="two wide widescreen"].column,
+ .ui.column.grid > [class*="two wide widescreen"].column {
+ width: 12.5% !important;
+ }
+
+ .ui.grid > .row > [class*="three wide widescreen"].column,
+ .ui.grid > .column.row > [class*="three wide widescreen"].column,
+ .ui.grid > [class*="three wide widescreen"].column,
+ .ui.column.grid > [class*="three wide widescreen"].column {
+ width: 18.75% !important;
+ }
+
+ .ui.grid > .row > [class*="four wide widescreen"].column,
+ .ui.grid > .column.row > [class*="four wide widescreen"].column,
+ .ui.grid > [class*="four wide widescreen"].column,
+ .ui.column.grid > [class*="four wide widescreen"].column {
+ width: 25% !important;
+ }
+
+ .ui.grid > .row > [class*="five wide widescreen"].column,
+ .ui.grid > .column.row > [class*="five wide widescreen"].column,
+ .ui.grid > [class*="five wide widescreen"].column,
+ .ui.column.grid > [class*="five wide widescreen"].column {
+ width: 31.25% !important;
+ }
+
+ .ui.grid > .row > [class*="six wide widescreen"].column,
+ .ui.grid > .column.row > [class*="six wide widescreen"].column,
+ .ui.grid > [class*="six wide widescreen"].column,
+ .ui.column.grid > [class*="six wide widescreen"].column {
+ width: 37.5% !important;
+ }
+
+ .ui.grid > .row > [class*="seven wide widescreen"].column,
+ .ui.grid > .column.row > [class*="seven wide widescreen"].column,
+ .ui.grid > [class*="seven wide widescreen"].column,
+ .ui.column.grid > [class*="seven wide widescreen"].column {
+ width: 43.75% !important;
+ }
+
+ .ui.grid > .row > [class*="eight wide widescreen"].column,
+ .ui.grid > .column.row > [class*="eight wide widescreen"].column,
+ .ui.grid > [class*="eight wide widescreen"].column,
+ .ui.column.grid > [class*="eight wide widescreen"].column {
+ width: 50% !important;
+ }
+
+ .ui.grid > .row > [class*="nine wide widescreen"].column,
+ .ui.grid > .column.row > [class*="nine wide widescreen"].column,
+ .ui.grid > [class*="nine wide widescreen"].column,
+ .ui.column.grid > [class*="nine wide widescreen"].column {
+ width: 56.25% !important;
+ }
+
+ .ui.grid > .row > [class*="ten wide widescreen"].column,
+ .ui.grid > .column.row > [class*="ten wide widescreen"].column,
+ .ui.grid > [class*="ten wide widescreen"].column,
+ .ui.column.grid > [class*="ten wide widescreen"].column {
+ width: 62.5% !important;
+ }
+
+ .ui.grid > .row > [class*="eleven wide widescreen"].column,
+ .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
+ .ui.grid > [class*="eleven wide widescreen"].column,
+ .ui.column.grid > [class*="eleven wide widescreen"].column {
+ width: 68.75% !important;
+ }
+
+ .ui.grid > .row > [class*="twelve wide widescreen"].column,
+ .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
+ .ui.grid > [class*="twelve wide widescreen"].column,
+ .ui.column.grid > [class*="twelve wide widescreen"].column {
+ width: 75% !important;
+ }
+
+ .ui.grid > .row > [class*="thirteen wide widescreen"].column,
+ .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
+ .ui.grid > [class*="thirteen wide widescreen"].column,
+ .ui.column.grid > [class*="thirteen wide widescreen"].column {
+ width: 81.25% !important;
+ }
+
+ .ui.grid > .row > [class*="fourteen wide widescreen"].column,
+ .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
+ .ui.grid > [class*="fourteen wide widescreen"].column,
+ .ui.column.grid > [class*="fourteen wide widescreen"].column {
+ width: 87.5% !important;
+ }
+
+ .ui.grid > .row > [class*="fifteen wide widescreen"].column,
+ .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
+ .ui.grid > [class*="fifteen wide widescreen"].column,
+ .ui.column.grid > [class*="fifteen wide widescreen"].column {
+ width: 93.75% !important;
+ }
+
+ .ui.grid > .row > [class*="sixteen wide widescreen"].column,
+ .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
+ .ui.grid > [class*="sixteen wide widescreen"].column,
+ .ui.column.grid > [class*="sixteen wide widescreen"].column {
+ width: 100% !important;
+ }
+}
+
+/*----------------------
+ Centered
+-----------------------*/
+
+.ui.centered.grid,
+.ui.centered.grid > .row,
+.ui.grid > .centered.row {
+ text-align: center;
+ justify-content: center;
+}
+
+.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
+.ui.centered.grid > .row > .column:not(.aligned):not(.justified),
+.ui.grid .centered.row > .column:not(.aligned):not(.justified) {
+ text-align: left;
+}
+
+.ui.grid > .centered.column,
+.ui.grid > .row > .centered.column {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/*----------------------
+ Relaxed
+-----------------------*/
+
+.ui.relaxed.grid > .column:not(.row),
+.ui.relaxed.grid > .row > .column,
+.ui.grid > .relaxed.row > .column {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.ui[class*="very relaxed"].grid > .column:not(.row),
+.ui[class*="very relaxed"].grid > .row > .column,
+.ui.grid > [class*="very relaxed"].row > .column {
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+}
+
+/* Coupling with UI Divider */
+
+.ui.relaxed.grid .row + .ui.divider,
+.ui.grid .relaxed.row + .ui.divider {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+}
+
+.ui[class*="very relaxed"].grid .row + .ui.divider,
+.ui.grid [class*="very relaxed"].row + .ui.divider {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+}
+
+/*----------------------
+ Padded
+-----------------------*/
+
+.ui.padded.grid:not(.vertically):not(.horizontally) {
+ margin: 0em !important;
+}
+
+[class*="horizontally padded"].ui.grid {
+ margin-left: 0em !important;
+ margin-right: 0em !important;
+}
+
+[class*="vertically padded"].ui.grid {
+ margin-top: 0em !important;
+ margin-bottom: 0em !important;
+}
+
+/*----------------------
+ "Floated"
+-----------------------*/
+
+.ui.grid [class*="left floated"].column {
+ margin-right: auto;
+}
+
+.ui.grid [class*="right floated"].column {
+ margin-left: auto;
+}
+
+/*----------------------
+ Divided
+-----------------------*/
+
+.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
+.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
+ box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Swap from padding to margin on columns to have dividers align */
+
+.ui[class*="vertically divided"].grid > .column:not(.row),
+.ui[class*="vertically divided"].grid > .row > .column {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ padding-top: 0rem;
+ padding-bottom: 0rem;
+}
+
+.ui[class*="vertically divided"].grid > .row {
+ margin-top: 0em;
+ margin-bottom: 0em;
+}
+
+/* No divider on first column on row */
+
+.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
+.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
+ box-shadow: none;
+}
+
+/* No space on top of first row */
+
+.ui[class*="vertically divided"].grid > .row:first-child > .column {
+ margin-top: 0em;
+}
+
+/* Divided Row */
+
+.ui.grid > .divided.row > .column {
+ box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+.ui.grid > .divided.row > .column:first-child {
+ box-shadow: none;
+}
+
+/* Vertically Divided */
+
+.ui[class*="vertically divided"].grid > .row {
+ position: relative;
+}
+
+.ui[class*="vertically divided"].grid > .row:before {
+ position: absolute;
+ content: "";
+ top: 0em;
+ left: 0px;
+ width: calc(100% - 2rem);
+ height: 1px;
+ margin: 0% 1rem;
+ box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Padded Horizontally Divided */
+
+[class*="horizontally padded"].ui.divided.grid,
+.ui.padded.divided.grid:not(.vertically):not(.horizontally) {
+ width: 100%;
+}
+
+/* First Row Vertically Divided */
+
+.ui[class*="vertically divided"].grid > .row:first-child:before {
+ box-shadow: none;
+}
+
+/* Inverted Divided */
+
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
+ box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
+}
+
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
+.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
+ box-shadow: none;
+}
+
+.ui.inverted[class*="vertically divided"].grid > .row:before {
+ box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
+}
+
+/* Relaxed */
+
+.ui.relaxed[class*="vertically divided"].grid > .row:before {
+ margin-left: 1.5rem;
+ margin-right: 1.5rem;
+ width: calc(100% - 3rem);
+}
+
+.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ width: calc(100% - 5rem);
+}
+
+/*----------------------
+ Celled
+-----------------------*/
+
+.ui.celled.grid {
+ width: 100%;
+ margin: 1em 0em;
+ box-shadow: 0px 0px 0px 1px #D4D4D5;
+}
+
+.ui.celled.grid > .row {
+ width: 100% !important;
+ margin: 0em;
+ padding: 0em;
+ box-shadow: 0px -1px 0px 0px #D4D4D5;
+}
+
+.ui.celled.grid > .column:not(.row),
+.ui.celled.grid > .row > .column {
+ box-shadow: -1px 0px 0px 0px #D4D4D5;
+}
+
+.ui.celled.grid > .column:first-child,
+.ui.celled.grid > .row > .column:first-child {
+ box-shadow: none;
+}
+
+.ui.celled.grid > .column:not(.row),
+.ui.celled.grid > .row > .column {
+ padding: 1em;
+}
+
+.ui.relaxed.celled.grid > .column:not(.row),
+.ui.relaxed.celled.grid > .row > .column {
+ padding: 1.5em;
+}
+
+.ui[class*="very relaxed"].celled.grid > .column:not(.row),
+.ui[class*="very relaxed"].celled.grid > .row > .column {
+ padding: 2em;
+}
+
+/* Internally Celled */
+
+.ui[class*="internally celled"].grid {
+ box-shadow: none;
+ margin: 0em;
+}
+
+.ui[class*="internally celled"].grid > .row:first-child {
+ box-shadow: none;
+}
+
+.ui[class*="internally celled"].grid > .row > .column:first-child {
+ box-shadow: none;
+}
+
+/*----------------------
+ Vertically Aligned
+-----------------------*/
+
+/* Top Aligned */
+
+.ui[class*="top aligned"].grid > .column:not(.row),
+.ui[class*="top aligned"].grid > .row > .column,
+.ui.grid > [class*="top aligned"].row > .column,
+.ui.grid > [class*="top aligned"].column:not(.row),
+.ui.grid > .row > [class*="top aligned"].column {
+ flex-direction: column;
+ vertical-align: top;
+ align-self: flex-start !important;
+}
+
+/* Middle Aligned */
+
+.ui[class*="middle aligned"].grid > .column:not(.row),
+.ui[class*="middle aligned"].grid > .row > .column,
+.ui.grid > [class*="middle aligned"].row > .column,
+.ui.grid > [class*="middle aligned"].column:not(.row),
+.ui.grid > .row > [class*="middle aligned"].column {
+ flex-direction: column;
+ vertical-align: middle;
+ align-self: center !important;
+}
+
+/* Bottom Aligned */
+
+.ui[class*="bottom aligned"].grid > .column:not(.row),
+.ui[class*="bottom aligned"].grid > .row > .column,
+.ui.grid > [class*="bottom aligned"].row > .column,
+.ui.grid > [class*="bottom aligned"].column:not(.row),
+.ui.grid > .row > [class*="bottom aligned"].column {
+ flex-direction: column;
+ vertical-align: bottom;
+ align-self: flex-end !important;
+}
+
+/* Stretched */
+
+.ui.stretched.grid > .row > .column,
+.ui.stretched.grid > .column,
+.ui.grid > .stretched.row > .column,
+.ui.grid > .stretched.column:not(.row),
+.ui.grid > .row > .stretched.column {
+ display: inline-flex !important;
+ align-self: stretch;
+ flex-direction: column;
+}
+
+.ui.stretched.grid > .row > .column > *,
+.ui.stretched.grid > .column > *,
+.ui.grid > .stretched.row > .column > *,
+.ui.grid > .stretched.column:not(.row) > *,
+.ui.grid > .row > .stretched.column > * {
+ flex-grow: 1;
+}
+
+/*----------------------
+ Horizontally Centered
+-----------------------*/
+
+/* Left Aligned */
+
+.ui[class*="left aligned"].grid > .column,
+.ui[class*="left aligned"].grid > .row > .column,
+.ui.grid > [class*="left aligned"].row > .column,
+.ui.grid > [class*="left aligned"].column.column,
+.ui.grid > .row > [class*="left aligned"].column.column {
+ text-align: left;
+ align-self: inherit;
+}
+
+/* Center Aligned */
+
+.ui[class*="center aligned"].grid > .column,
+.ui[class*="center aligned"].grid > .row > .column,
+.ui.grid > [class*="center aligned"].row > .column,
+.ui.grid > [class*="center aligned"].column.column,
+.ui.grid > .row > [class*="center aligned"].column.column {
+ text-align: center;
+ align-self: inherit;
+}
+
+.ui[class*="center aligned"].grid {
+ justify-content: center;
+}
+
+/* Right Aligned */
+
+.ui[class*="right aligned"].grid > .column,
+.ui[class*="right aligned"].grid > .row > .column,
+.ui.grid > [class*="right aligned"].row > .column,
+.ui.grid > [class*="right aligned"].column.column,
+.ui.grid > .row > [class*="right aligned"].column.column {
+ text-align: right;
+ align-self: inherit;
+}
+
+/* Justified */
+
+.ui.justified.grid > .column,
+.ui.justified.grid > .row > .column,
+.ui.grid > .justified.row > .column,
+.ui.grid > .justified.column.column,
+.ui.grid > .row > .justified.column.column {
+ text-align: justify;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ hyphens: auto;
+}
+
+/*----------------------
+ Colored
+-----------------------*/
+
+.ui.grid > .row > .red.column,
+.ui.grid > .row > .orange.column,
+.ui.grid > .row > .yellow.column,
+.ui.grid > .row > .olive.column,
+.ui.grid > .row > .green.column,
+.ui.grid > .row > .teal.column,
+.ui.grid > .row > .blue.column,
+.ui.grid > .row > .violet.column,
+.ui.grid > .row > .purple.column,
+.ui.grid > .row > .pink.column,
+.ui.grid > .row > .brown.column,
+.ui.grid > .row > .grey.column,
+.ui.grid > .row > .black.column {
+ margin-top: -1rem;
+ margin-bottom: -1rem;
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+/* Red */
+
+.ui.grid > .red.row,
+.ui.grid > .red.column,
+.ui.grid > .row > .red.column {
+ background-color: #DB2828 !important;
+ color: #FFFFFF;
+}
+
+/* Orange */
+
+.ui.grid > .orange.row,
+.ui.grid > .orange.column,
+.ui.grid > .row > .orange.column {
+ background-color: #F2711C !important;
+ color: #FFFFFF;
+}
+
+/* Yellow */
+
+.ui.grid > .yellow.row,
+.ui.grid > .yellow.column,
+.ui.grid > .row > .yellow.column {
+ background-color: #FBBD08 !important;
+ color: #FFFFFF;
+}
+
+/* Olive */
+
+.ui.grid > .olive.row,
+.ui.grid > .olive.column,
+.ui.grid > .row > .olive.column {
+ background-color: #B5CC18 !important;
+ color: #FFFFFF;
+}
+
+/* Green */
+
+.ui.grid > .green.row,
+.ui.grid > .green.column,
+.ui.grid > .row > .green.column {
+ background-color: #21BA45 !important;
+ color: #FFFFFF;
+}
+
+/* Teal */
+
+.ui.grid > .teal.row,
+.ui.grid > .teal.column,
+.ui.grid > .row > .teal.column {
+ background-color: #00B5AD !important;
+ color: #FFFFFF;
+}
+
+/* Blue */
+
+.ui.grid > .blue.row,
+.ui.grid > .blue.column,
+.ui.grid > .row > .blue.column {
+ background-color: #2185D0 !important;
+ color: #FFFFFF;
+}
+
+/* Violet */
+
+.ui.grid > .violet.row,
+.ui.grid > .violet.column,
+.ui.grid > .row > .violet.column {
+ background-color: #6435C9 !important;
+ color: #FFFFFF;
+}
+
+/* Purple */
+
+.ui.grid > .purple.row,
+.ui.grid > .purple.column,
+.ui.grid > .row > .purple.column {
+ background-color: #A333C8 !important;
+ color: #FFFFFF;
+}
+
+/* Pink */
+
+.ui.grid > .pink.row,
+.ui.grid > .pink.column,
+.ui.grid > .row > .pink.column {
+ background-color: #E03997 !important;
+ color: #FFFFFF;
+}
+
+/* Brown */
+
+.ui.grid > .brown.row,
+.ui.grid > .brown.column,
+.ui.grid > .row > .brown.column {
+ background-color: #A5673F !important;
+ color: #FFFFFF;
+}
+
+/* Grey */
+
+.ui.grid > .grey.row,
+.ui.grid > .grey.column,
+.ui.grid > .row > .grey.column {
+ background-color: #767676 !important;
+ color: #FFFFFF;
+}
+
+/* Black */
+
+.ui.grid > .black.row,
+.ui.grid > .black.column,
+.ui.grid > .row > .black.column {
+ background-color: #1B1C1D !important;
+ color: #FFFFFF;
+}
+
+/*----------------------
+ Equal Width
+-----------------------*/
+
+.ui[class*="equal width"].grid > .column:not(.row),
+.ui[class*="equal width"].grid > .row > .column,
+.ui.grid > [class*="equal width"].row > .column {
+ display: inline-block;
+ flex-grow: 1;
+}
+
+.ui[class*="equal width"].grid > .wide.column,
+.ui[class*="equal width"].grid > .row > .wide.column,
+.ui.grid > [class*="equal width"].row > .wide.column {
+ flex-grow: 0;
+}
+
+/*----------------------
+ Reverse
+-----------------------*/
+
+/* Mobile */
+
+@media only screen and (max-width: 767px) {
+ .ui[class*="mobile reversed"].grid,
+ .ui[class*="mobile reversed"].grid > .row,
+ .ui.grid > [class*="mobile reversed"].row {
+ flex-direction: row-reverse;
+ }
+
+ .ui[class*="mobile vertically reversed"].grid,
+ .ui.stackable[class*="mobile reversed"] {
+ flex-direction: column-reverse;
+ }
+
+ /* Divided Reversed */
+
+ .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
+ .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
+ .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
+ box-shadow: none;
+ }
+
+ /* Vertically Divided Reversed */
+
+ .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
+ box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
+ box-shadow: none;
+ }
+
+ /* Celled Reversed */
+
+ .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px #D4D4D5;
+ }
+
+ .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
+ box-shadow: none;
+ }
+}
+
+/* Tablet */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui[class*="tablet reversed"].grid,
+ .ui[class*="tablet reversed"].grid > .row,
+ .ui.grid > [class*="tablet reversed"].row {
+ flex-direction: row-reverse;
+ }
+
+ .ui[class*="tablet vertically reversed"].grid {
+ flex-direction: column-reverse;
+ }
+
+ /* Divided Reversed */
+
+ .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
+ .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
+ .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
+ box-shadow: none;
+ }
+
+ /* Vertically Divided Reversed */
+
+ .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
+ box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
+ box-shadow: none;
+ }
+
+ /* Celled Reversed */
+
+ .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px #D4D4D5;
+ }
+
+ .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
+ box-shadow: none;
+ }
+}
+
+/* Computer */
+
+@media only screen and (min-width: 992px) {
+ .ui[class*="computer reversed"].grid,
+ .ui[class*="computer reversed"].grid > .row,
+ .ui.grid > [class*="computer reversed"].row {
+ flex-direction: row-reverse;
+ }
+
+ .ui[class*="computer vertically reversed"].grid {
+ flex-direction: column-reverse;
+ }
+
+ /* Divided Reversed */
+
+ .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
+ .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
+ .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
+ box-shadow: none;
+ }
+
+ /* Vertically Divided Reversed */
+
+ .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
+ box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
+ }
+
+ .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
+ box-shadow: none;
+ }
+
+ /* Celled Reversed */
+
+ .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
+ box-shadow: -1px 0px 0px 0px #D4D4D5;
+ }
+
+ .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
+ box-shadow: none;
+ }
+}
+
+/*-------------------
+ Doubling
+--------------------*/
+
+/* Tablet Only */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.doubling.grid {
+ width: auto;
+ }
+
+ .ui.grid > .doubling.row,
+ .ui.doubling.grid > .row {
+ margin: 0em !important;
+ padding: 0em !important;
+ }
+
+ .ui.grid > .doubling.row > .column,
+ .ui.doubling.grid > .row > .column {
+ display: inline-block !important;
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ box-shadow: none !important;
+ margin: 0em;
+ }
+
+ .ui[class*="two column"].doubling.grid > .row > .column,
+ .ui[class*="two column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="two column"].doubling.row.row > .column {
+ width: 100% !important;
+ }
+
+ .ui[class*="three column"].doubling.grid > .row > .column,
+ .ui[class*="three column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="three column"].doubling.row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="four column"].doubling.grid > .row > .column,
+ .ui[class*="four column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="four column"].doubling.row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="five column"].doubling.grid > .row > .column,
+ .ui[class*="five column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="five column"].doubling.row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="six column"].doubling.grid > .row > .column,
+ .ui[class*="six column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="six column"].doubling.row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="seven column"].doubling.grid > .row > .column,
+ .ui[class*="seven column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="seven column"].doubling.row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="eight column"].doubling.grid > .row > .column,
+ .ui[class*="eight column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="eight column"].doubling.row.row > .column {
+ width: 25% !important;
+ }
+
+ .ui[class*="nine column"].doubling.grid > .row > .column,
+ .ui[class*="nine column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="nine column"].doubling.row.row > .column {
+ width: 25% !important;
+ }
+
+ .ui[class*="ten column"].doubling.grid > .row > .column,
+ .ui[class*="ten column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="ten column"].doubling.row.row > .column {
+ width: 20% !important;
+ }
+
+ .ui[class*="eleven column"].doubling.grid > .row > .column,
+ .ui[class*="eleven column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="eleven column"].doubling.row.row > .column {
+ width: 20% !important;
+ }
+
+ .ui[class*="twelve column"].doubling.grid > .row > .column,
+ .ui[class*="twelve column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="twelve column"].doubling.row.row > .column {
+ width: 16.66666667% !important;
+ }
+
+ .ui[class*="thirteen column"].doubling.grid > .row > .column,
+ .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
+ width: 16.66666667% !important;
+ }
+
+ .ui[class*="fourteen column"].doubling.grid > .row > .column,
+ .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
+ width: 14.28571429% !important;
+ }
+
+ .ui[class*="fifteen column"].doubling.grid > .row > .column,
+ .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
+ width: 14.28571429% !important;
+ }
+
+ .ui[class*="sixteen column"].doubling.grid > .row > .column,
+ .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
+ .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
+ width: 12.5% !important;
+ }
+}
+
+/* Mobile Only */
+
+@media only screen and (max-width: 767px) {
+ .ui.grid > .doubling.row,
+ .ui.doubling.grid > .row {
+ margin: 0em !important;
+ padding: 0em !important;
+ }
+
+ .ui.grid > .doubling.row > .column,
+ .ui.doubling.grid > .row > .column {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ margin: 0em !important;
+ box-shadow: none !important;
+ }
+
+ .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
+ width: 100% !important;
+ }
+
+ .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
+ width: 50% !important;
+ }
+
+ .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
+ width: 33.33333333% !important;
+ }
+
+ .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
+ width: 25% !important;
+ }
+
+ .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
+ width: 25% !important;
+ }
+
+ .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
+ .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
+ .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
+ width: 25% !important;
+ }
+}
+
+/*-------------------
+ Stackable
+--------------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.grid {
+ width: auto;
+ margin-left: 0em !important;
+ margin-right: 0em !important;
+ }
+
+ .ui.stackable.grid > .row > .wide.column,
+ .ui.stackable.grid > .wide.column,
+ .ui.stackable.grid > .column.grid > .column,
+ .ui.stackable.grid > .column.row > .column,
+ .ui.stackable.grid > .row > .column,
+ .ui.stackable.grid > .column:not(.row),
+ .ui.grid > .stackable.stackable.row > .column {
+ width: 100% !important;
+ margin: 0em 0em !important;
+ box-shadow: none !important;
+ padding: 1rem 1rem !important;
+ }
+
+ .ui.stackable.grid:not(.vertically) > .row {
+ margin: 0em;
+ padding: 0em;
+ }
+
+ /* Coupling */
+
+ .ui.container > .ui.stackable.grid > .column,
+ .ui.container > .ui.stackable.grid > .row > .column {
+ padding-left: 0em !important;
+ padding-right: 0em !important;
+ }
+
+ /* Don't pad inside segment or nested grid */
+
+ .ui.grid .ui.stackable.grid,
+ .ui.segment:not(.vertical) .ui.stackable.page.grid {
+ margin-left: -1rem !important;
+ margin-right: -1rem !important;
+ }
+
+ /* Divided Stackable */
+
+ .ui.stackable.divided.grid > .row:first-child > .column:first-child,
+ .ui.stackable.celled.grid > .row:first-child > .column:first-child,
+ .ui.stackable.divided.grid > .column:not(.row):first-child,
+ .ui.stackable.celled.grid > .column:not(.row):first-child {
+ border-top: none !important;
+ }
+
+ .ui.inverted.stackable.celled.grid > .column:not(.row),
+ .ui.inverted.stackable.divided.grid > .column:not(.row),
+ .ui.inverted.stackable.celled.grid > .row > .column,
+ .ui.inverted.stackable.divided.grid > .row > .column {
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
+ }
+
+ .ui.stackable.celled.grid > .column:not(.row),
+ .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
+ .ui.stackable.celled.grid > .row > .column,
+ .ui.stackable.divided:not(.vertically).grid > .row > .column {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: none !important;
+ padding-top: 2rem !important;
+ padding-bottom: 2rem !important;
+ }
+
+ .ui.stackable.celled.grid > .row {
+ box-shadow: none !important;
+ }
+
+ .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
+ .ui.stackable.divided:not(.vertically).grid > .row > .column {
+ padding-left: 0em !important;
+ padding-right: 0em !important;
+ }
+}
+
+/*----------------------
+ Only (Device)
+-----------------------*/
+
+/* These include arbitrary class repetitions for forced specificity */
+
+/* Mobile Only Hide */
+
+@media only screen and (max-width: 767px) {
+ .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
+ display: none !important;
+ }
+
+ .ui[class*="computer only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
+ display: none !important;
+ }
+
+ .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
+ display: none !important;
+ }
+
+ .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
+ display: none !important;
+ }
+}
+
+/* Tablet Only Hide */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
+ display: none !important;
+ }
+
+ .ui[class*="computer only"].grid.grid.grid:not(.tablet),
+ .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
+ .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
+ .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
+ display: none !important;
+ }
+
+ .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
+ display: none !important;
+ }
+
+ .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
+ display: none !important;
+ }
+}
+
+/* Computer Only Hide */
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .ui[class*="mobile only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
+ display: none !important;
+ }
+
+ .ui[class*="tablet only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
+ display: none !important;
+ }
+
+ .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
+ display: none !important;
+ }
+
+ .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
+ display: none !important;
+ }
+}
+
+/* Large Screen Only Hide */
+
+@media only screen and (min-width: 1200px) and (max-width: 1919px) {
+ .ui[class*="mobile only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
+ display: none !important;
+ }
+
+ .ui[class*="tablet only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
+ display: none !important;
+ }
+
+ .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
+ .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
+ .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
+ display: none !important;
+ }
+}
+
+/* Widescreen Only Hide */
+
+@media only screen and (min-width: 1920px) {
+ .ui[class*="mobile only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
+ display: none !important;
+ }
+
+ .ui[class*="tablet only"].grid.grid.grid:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
+ .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
+ .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
+ display: none !important;
+ }
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*
+ * # Semantic - Menu
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2015 Contributor
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+/*--------------
+ Menu
+---------------*/
+
+.ui.menu {
+ display: flex;
+ margin: 1rem 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ background: #FFFFFF;
+ font-weight: normal;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+ min-height: 2.85714286em;
+}
+
+.ui.menu:after {
+ content: '';
+ display: block;
+ height: 0px;
+ clear: both;
+ visibility: hidden;
+}
+
+.ui.menu:first-child {
+ margin-top: 0rem;
+}
+
+.ui.menu:last-child {
+ margin-bottom: 0rem;
+}
+
+/*--------------
+ Sub-Menu
+---------------*/
+
+.ui.menu .menu {
+ margin: 0em;
+}
+
+.ui.menu:not(.vertical) > .menu {
+ display: flex;
+}
+
+/*--------------
+ Item
+---------------*/
+
+.ui.menu:not(.vertical) .item {
+ display: flex;
+ align-items: center;
+}
+
+.ui.menu .item {
+ position: relative;
+ vertical-align: middle;
+ line-height: 1;
+ text-decoration: none;
+ -webkit-tap-highlight-color: transparent;
+ flex: 0 0 auto;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background: none;
+ padding: 0.92857143em 1.14285714em;
+ text-transform: none;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: normal;
+ transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
+}
+
+.ui.menu > .item:first-child {
+ border-radius: 0.28571429rem 0px 0px 0.28571429rem;
+}
+
+/* Border */
+
+.ui.menu .item:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ right: 0px;
+ height: 100%;
+ width: 1px;
+ background: rgba(34, 36, 38, 0.1);
+}
+
+/*--------------
+ Text Content
+---------------*/
+
+.ui.menu .text.item > *,
+.ui.menu .item > a:not(.ui),
+.ui.menu .item > p:only-child {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ line-height: 1.3;
+}
+
+.ui.menu .item > p:first-child {
+ margin-top: 0;
+}
+
+.ui.menu .item > p:last-child {
+ margin-bottom: 0;
+}
+
+/*--------------
+ Icons
+---------------*/
+
+.ui.menu .item > i.icon {
+ opacity: 0.9;
+ float: none;
+ margin: 0em 0.35714286em 0em 0em;
+}
+
+/*--------------
+ Button
+---------------*/
+
+.ui.menu:not(.vertical) .item > .button {
+ position: relative;
+ top: 0em;
+ margin: -0.5em 0em;
+ padding-bottom: 0.78571429em;
+ padding-top: 0.78571429em;
+ font-size: 1em;
+}
+
+/*----------------
+ Grid / Container
+-----------------*/
+
+.ui.menu > .grid,
+.ui.menu > .container {
+ display: flex;
+ align-items: inherit;
+ flex-direction: inherit;
+}
+
+/*--------------
+ Inputs
+---------------*/
+
+.ui.menu .item > .input {
+ width: 100%;
+}
+
+.ui.menu:not(.vertical) .item > .input {
+ position: relative;
+ top: 0em;
+ margin: -0.5em 0em;
+}
+
+.ui.menu .item > .input input {
+ font-size: 1em;
+ padding-top: 0.57142857em;
+ padding-bottom: 0.57142857em;
+}
+
+/*--------------
+ Header
+---------------*/
+
+.ui.menu .header.item,
+.ui.vertical.menu .header.item {
+ margin: 0em;
+ background: '';
+ text-transform: normal;
+ font-weight: bold;
+}
+
+.ui.vertical.menu .item > .header:not(.ui) {
+ margin: 0em 0em 0.5em;
+ font-size: 1em;
+ font-weight: bold;
+}
+
+/*--------------
+ Dropdowns
+---------------*/
+
+/* Dropdown Icon */
+
+.ui.menu .item > i.dropdown.icon {
+ padding: 0em;
+ float: right;
+ margin: 0em 0em 0em 1em;
+}
+
+/* Menu */
+
+.ui.menu .dropdown.item .menu {
+ min-width: calc(100% - 1px);
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ background: #FFFFFF;
+ margin: 0em 0px 0px;
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
+ flex-direction: column !important;
+}
+
+/* Menu Items */
+
+.ui.menu .ui.dropdown .menu > .item {
+ margin: 0;
+ text-align: left;
+ font-size: 1em !important;
+ padding: 0.78571429em 1.14285714em !important;
+ background: transparent !important;
+ color: rgba(0, 0, 0, 0.87) !important;
+ text-transform: none !important;
+ font-weight: normal !important;
+ box-shadow: none !important;
+ transition: none !important;
+}
+
+.ui.menu .ui.dropdown .menu > .item:hover {
+ background: rgba(0, 0, 0, 0.05) !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.menu .ui.dropdown .menu > .selected.item {
+ background: rgba(0, 0, 0, 0.05) !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.menu .ui.dropdown .menu > .active.item {
+ background: rgba(0, 0, 0, 0.03) !important;
+ font-weight: bold !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
+ display: block;
+}
+
+.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
+ display: inline-block;
+ font-size: 1em !important;
+ float: none;
+ margin: 0em 0.75em 0em 0em !important;
+}
+
+/* Secondary */
+
+.ui.secondary.menu .dropdown.item > .menu,
+.ui.text.menu .dropdown.item > .menu {
+ border-radius: 0.28571429rem;
+ margin-top: 0.35714286em;
+}
+
+/* Pointing */
+
+.ui.menu .pointing.dropdown.item .menu {
+ margin-top: 0.75em;
+}
+
+/* Inverted */
+
+.ui.inverted.menu .search.dropdown.item > .search,
+.ui.inverted.menu .search.dropdown.item > .text {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/* Vertical */
+
+.ui.vertical.menu .dropdown.item > .icon {
+ float: right;
+ content: "\F0DA";
+ margin-left: 1em;
+}
+
+.ui.vertical.menu .dropdown.item .menu {
+ left: 100%;
+ min-width: 0;
+ margin: 0em 0em 0em 0em;
+ box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
+ border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem;
+}
+
+.ui.vertical.menu .dropdown.item.upward .menu {
+ bottom: 0;
+}
+
+.ui.vertical.menu .dropdown.item:not(.upward) .menu {
+ top: 0;
+}
+
+.ui.vertical.menu .active.dropdown.item {
+ border-top-right-radius: 0em;
+ border-bottom-right-radius: 0em;
+}
+
+.ui.vertical.menu .dropdown.active.item {
+ box-shadow: none;
+}
+
+/* Evenly Divided */
+
+.ui.item.menu .dropdown .menu .item {
+ width: 100%;
+}
+
+/*--------------
+ Labels
+---------------*/
+
+.ui.menu .item > .label {
+ background: #999999;
+ color: #FFFFFF;
+ margin-left: 1em;
+ padding: 0.3em 0.78571429em;
+}
+
+.ui.vertical.menu .item > .label {
+ background: #999999;
+ color: #FFFFFF;
+ margin-top: -0.15em;
+ margin-bottom: -0.15em;
+ padding: 0.3em 0.78571429em;
+}
+
+.ui.menu .item > .floating.label {
+ padding: 0.3em 0.78571429em;
+}
+
+/*--------------
+ Images
+---------------*/
+
+.ui.menu .item > img:not(.ui) {
+ display: inline-block;
+ vertical-align: middle;
+ margin: -0.3em 0em;
+ width: 2.5em;
+}
+
+.ui.vertical.menu .item > img:not(.ui):only-child {
+ display: block;
+ max-width: 100%;
+ width: auto;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+/*--------------
+ List
+---------------*/
+
+/* Menu divider shouldnt apply */
+
+.ui.menu .list .item:before {
+ background: none !important;
+}
+
+/*--------------
+ Sidebar
+---------------*/
+
+/* Show vertical dividers below last */
+
+.ui.vertical.sidebar.menu > .item:first-child:before {
+ display: block !important;
+}
+
+.ui.vertical.sidebar.menu > .item::before {
+ top: auto;
+ bottom: 0px;
+}
+
+/*--------------
+ Container
+---------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.menu > .ui.container {
+ width: 100% !important;
+ margin-left: 0em !important;
+ margin-right: 0em !important;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
+ }
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.link.menu .item:hover,
+.ui.menu .dropdown.item:hover,
+.ui.menu .link.item:hover,
+.ui.menu a.item:hover {
+ cursor: pointer;
+ background: rgba(0, 0, 0, 0.03);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------
+ Pressed
+---------------*/
+
+.ui.link.menu .item:active,
+.ui.menu .link.item:active,
+.ui.menu a.item:active {
+ background: rgba(0, 0, 0, 0.03);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.menu .active.item {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+ font-weight: normal;
+ box-shadow: none;
+}
+
+.ui.menu .active.item > i.icon {
+ opacity: 1;
+}
+
+/*--------------
+ Active Hover
+---------------*/
+
+.ui.menu .active.item:hover,
+.ui.vertical.menu .active.item:hover {
+ background-color: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.menu .item.disabled,
+.ui.menu .item.disabled:hover {
+ cursor: default !important;
+ background-color: transparent !important;
+ color: rgba(40, 40, 40, 0.3) !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*------------------
+Floated Menu / Item
+-------------------*/
+
+/* Left Floated */
+
+.ui.menu:not(.vertical) .left.item,
+.ui.menu:not(.vertical) :not(.dropdown) > .left.menu {
+ display: flex;
+ margin-right: auto !important;
+}
+
+/* Right Floated */
+
+.ui.menu:not(.vertical) .right.item,
+.ui.menu:not(.vertical) .right.menu {
+ display: flex;
+ margin-left: auto !important;
+}
+
+/* Swapped Borders */
+
+.ui.menu .right.item::before,
+.ui.menu .right.menu > .item::before {
+ right: auto;
+ left: 0;
+}
+
+/*--------------
+ Vertical
+---------------*/
+
+.ui.vertical.menu {
+ display: block;
+ flex-direction: column;
+ background: #FFFFFF;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+/*--- Item ---*/
+
+.ui.vertical.menu .item {
+ display: block;
+ background: none;
+ border-top: none;
+ border-right: none;
+}
+
+.ui.vertical.menu > .item:first-child {
+ border-radius: 0.28571429rem 0.28571429rem 0px 0px;
+}
+
+.ui.vertical.menu > .item:last-child {
+ border-radius: 0px 0px 0.28571429rem 0.28571429rem;
+}
+
+/*--- Label ---*/
+
+.ui.vertical.menu .item > .label {
+ float: right;
+ text-align: center;
+}
+
+/*--- Icon ---*/
+
+.ui.vertical.menu .item > i.icon {
+ width: 1.18em;
+ float: right;
+ margin: 0em 0em 0em 0.5em;
+}
+
+.ui.vertical.menu .item > .label + i.icon {
+ float: none;
+ margin: 0em 0.5em 0em 0em;
+}
+
+/*--- Border ---*/
+
+.ui.vertical.menu .item:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 0px;
+ width: 100%;
+ height: 1px;
+ background: rgba(34, 36, 38, 0.1);
+}
+
+.ui.vertical.menu .item:first-child:before {
+ display: none !important;
+}
+
+/*--- Sub Menu ---*/
+
+.ui.vertical.menu .item > .menu {
+ margin: 0.5em -1.14285714em 0em;
+}
+
+.ui.vertical.menu .menu .item {
+ background: none;
+ padding: 0.5em 1.33333333em;
+ font-size: 0.85714286em;
+ color: rgba(0, 0, 0, 0.5);
+}
+
+.ui.vertical.menu .item .menu a.item:hover,
+.ui.vertical.menu .item .menu .link.item:hover {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.vertical.menu .menu .item:before {
+ display: none;
+}
+
+/* Vertical Active */
+
+.ui.vertical.menu .active.item {
+ background: rgba(0, 0, 0, 0.05);
+ border-radius: 0em;
+ box-shadow: none;
+}
+
+.ui.vertical.menu > .active.item:first-child {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.vertical.menu > .active.item:last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.vertical.menu > .active.item:only-child {
+ border-radius: 0.28571429rem;
+}
+
+.ui.vertical.menu .active.item .menu .active.item {
+ border-left: none;
+}
+
+.ui.vertical.menu .item .menu .active.item {
+ background-color: transparent;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------
+ Tabular
+---------------*/
+
+.ui.tabular.menu {
+ border-radius: 0em;
+ box-shadow: none !important;
+ border: none;
+ background: none transparent;
+ border-bottom: 1px solid #D4D4D5;
+}
+
+.ui.tabular.fluid.menu {
+ width: calc(100% + (1px * 2)) !important;
+}
+
+.ui.tabular.menu .item {
+ background: transparent;
+ border-bottom: none;
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
+ border-top: 2px solid transparent;
+ padding: 0.92857143em 1.42857143em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.tabular.menu .item:before {
+ display: none;
+}
+
+/* Hover */
+
+.ui.tabular.menu .item:hover {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Active */
+
+.ui.tabular.menu .active.item {
+ background: none #FFFFFF;
+ color: rgba(0, 0, 0, 0.95);
+ border-top-width: 1px;
+ border-color: #D4D4D5;
+ font-weight: bold;
+ margin-bottom: -1px;
+ box-shadow: none;
+ border-radius: 0.28571429rem 0.28571429rem 0px 0px !important;
+}
+
+/* Coupling with segment for attachment */
+
+.ui.tabular.menu + .attached:not(.top).segment,
+.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
+ border-top: none;
+ margin-left: 0px;
+ margin-top: 0px;
+ margin-right: 0px;
+ width: 100%;
+}
+
+.top.attached.segment + .ui.bottom.tabular.menu {
+ position: relative;
+ width: calc(100% + (1px * 2));
+ left: -1px;
+}
+
+/* Bottom Vertical Tabular */
+
+.ui.bottom.tabular.menu {
+ background: none transparent;
+ border-radius: 0em;
+ box-shadow: none !important;
+ border-bottom: none;
+ border-top: 1px solid #D4D4D5;
+}
+
+.ui.bottom.tabular.menu .item {
+ background: none;
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ border-top: none;
+}
+
+.ui.bottom.tabular.menu .active.item {
+ background: none #FFFFFF;
+ color: rgba(0, 0, 0, 0.95);
+ border-color: #D4D4D5;
+ margin: -1px 0px 0px 0px;
+ border-radius: 0px 0px 0.28571429rem 0.28571429rem !important;
+}
+
+/* Vertical Tabular (Left) */
+
+.ui.vertical.tabular.menu {
+ background: none transparent;
+ border-radius: 0em;
+ box-shadow: none !important;
+ border-bottom: none;
+ border-right: 1px solid #D4D4D5;
+}
+
+.ui.vertical.tabular.menu .item {
+ background: none;
+ border-left: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ border-top: 1px solid transparent;
+ border-right: none;
+}
+
+.ui.vertical.tabular.menu .active.item {
+ background: none #FFFFFF;
+ color: rgba(0, 0, 0, 0.95);
+ border-color: #D4D4D5;
+ margin: 0px -1px 0px 0px;
+ border-radius: 0.28571429rem 0px 0px 0.28571429rem !important;
+}
+
+/* Vertical Right Tabular */
+
+.ui.vertical.right.tabular.menu {
+ background: none transparent;
+ border-radius: 0em;
+ box-shadow: none !important;
+ border-bottom: none;
+ border-right: none;
+ border-left: 1px solid #D4D4D5;
+}
+
+.ui.vertical.right.tabular.menu .item {
+ background: none;
+ border-right: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+ border-top: 1px solid transparent;
+ border-left: none;
+}
+
+.ui.vertical.right.tabular.menu .active.item {
+ background: none #FFFFFF;
+ color: rgba(0, 0, 0, 0.95);
+ border-color: #D4D4D5;
+ margin: 0px 0px 0px -1px;
+ border-radius: 0px 0.28571429rem 0.28571429rem 0px !important;
+}
+
+/* Dropdown */
+
+.ui.tabular.menu .active.dropdown.item {
+ margin-bottom: 0px;
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
+ border-top: 2px solid transparent;
+ border-bottom: none;
+}
+
+/*--------------
+ Pagination
+---------------*/
+
+.ui.pagination.menu {
+ margin: 0em;
+ display: inline-flex;
+ vertical-align: middle;
+}
+
+.ui.pagination.menu .item:last-child {
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+.ui.compact.menu .item:last-child {
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+.ui.pagination.menu .item:last-child:before {
+ display: none;
+}
+
+.ui.pagination.menu .item {
+ min-width: 3em;
+ text-align: center;
+}
+
+.ui.pagination.menu .icon.item i.icon {
+ vertical-align: top;
+}
+
+/* Active */
+
+.ui.pagination.menu .active.item {
+ border-top: none;
+ padding-top: 0.92857143em;
+ background-color: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+ box-shadow: none;
+}
+
+/*--------------
+ Secondary
+---------------*/
+
+.ui.secondary.menu {
+ background: none;
+ margin-left: -0.35714286em;
+ margin-right: -0.35714286em;
+ border-radius: 0em;
+ border: none;
+ box-shadow: none;
+}
+
+/* Item */
+
+.ui.secondary.menu .item {
+ align-self: center;
+ box-shadow: none;
+ border: none;
+ padding: 0.78571429em 0.92857143em;
+ margin: 0em 0.35714286em;
+ background: none;
+ transition: color 0.1s ease;
+ border-radius: 0.28571429rem;
+}
+
+/* No Divider */
+
+.ui.secondary.menu .item:before {
+ display: none !important;
+}
+
+/* Header */
+
+.ui.secondary.menu .header.item {
+ border-radius: 0em;
+ border-right: none;
+ background: none transparent;
+}
+
+/* Image */
+
+.ui.secondary.menu .item > img:not(.ui) {
+ margin: 0em;
+}
+
+/* Hover */
+
+.ui.secondary.menu .dropdown.item:hover,
+.ui.secondary.menu .link.item:hover,
+.ui.secondary.menu a.item:hover {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Active */
+
+.ui.secondary.menu .active.item {
+ box-shadow: none;
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+ border-radius: 0.28571429rem;
+}
+
+/* Active Hover */
+
+.ui.secondary.menu .active.item:hover {
+ box-shadow: none;
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Inverted */
+
+.ui.secondary.inverted.menu .link.item,
+.ui.secondary.inverted.menu a.item {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+
+.ui.secondary.inverted.menu .dropdown.item:hover,
+.ui.secondary.inverted.menu .link.item:hover,
+.ui.secondary.inverted.menu a.item:hover {
+ background: rgba(255, 255, 255, 0.08);
+ color: #ffffff !important;
+}
+
+.ui.secondary.inverted.menu .active.item {
+ background: rgba(255, 255, 255, 0.15);
+ color: #ffffff !important;
+}
+
+/* Fix item margins */
+
+.ui.secondary.item.menu {
+ margin-left: 0em;
+ margin-right: 0em;
+}
+
+.ui.secondary.item.menu .item:last-child {
+ margin-right: 0em;
+}
+
+.ui.secondary.attached.menu {
+ box-shadow: none;
+}
+
+/* Sub Menu */
+
+.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
+ margin: 0em -0.92857143em;
+}
+
+.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
+ margin: 0em;
+ padding: 0.5em 1.33333333em;
+}
+
+/*---------------------
+ Secondary Vertical
+-----------------------*/
+
+.ui.secondary.vertical.menu > .item {
+ border: none;
+ margin: 0em 0em 0.35714286em;
+ border-radius: 0.28571429rem !important;
+}
+
+.ui.secondary.vertical.menu > .header.item {
+ border-radius: 0em;
+}
+
+/* Sub Menu */
+
+.ui.vertical.secondary.menu .item > .menu .item {
+ background-color: transparent;
+}
+
+/* Inverted */
+
+.ui.secondary.inverted.menu {
+ background-color: transparent;
+}
+
+/*---------------------
+ Secondary Pointing
+-----------------------*/
+
+.ui.secondary.pointing.menu {
+ margin-left: 0em;
+ margin-right: 0em;
+ border-bottom: 2px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.secondary.pointing.menu .item {
+ border-bottom-color: transparent;
+ border-bottom-style: solid;
+ border-radius: 0em;
+ align-self: flex-end;
+ margin: 0em 0em -2px;
+ padding: 0.85714286em 1.14285714em;
+ border-bottom-width: 2px;
+ transition: color 0.1s ease;
+}
+
+/* Item Types */
+
+.ui.secondary.pointing.menu .header.item {
+ color: rgba(0, 0, 0, 0.85) !important;
+}
+
+.ui.secondary.pointing.menu .text.item {
+ box-shadow: none !important;
+}
+
+.ui.secondary.pointing.menu .item:after {
+ display: none;
+}
+
+/* Hover */
+
+.ui.secondary.pointing.menu .dropdown.item:hover,
+.ui.secondary.pointing.menu .link.item:hover,
+.ui.secondary.pointing.menu a.item:hover {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Pressed */
+
+.ui.secondary.pointing.menu .dropdown.item:active,
+.ui.secondary.pointing.menu .link.item:active,
+.ui.secondary.pointing.menu a.item:active {
+ background-color: transparent;
+ border-color: rgba(34, 36, 38, 0.15);
+}
+
+/* Active */
+
+.ui.secondary.pointing.menu .active.item {
+ background-color: transparent;
+ box-shadow: none;
+ border-color: #1B1C1D;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Active Hover */
+
+.ui.secondary.pointing.menu .active.item:hover {
+ border-color: #1B1C1D;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Active Dropdown */
+
+.ui.secondary.pointing.menu .active.dropdown.item {
+ border-color: transparent;
+}
+
+/* Vertical Pointing */
+
+.ui.secondary.vertical.pointing.menu {
+ border-bottom-width: 0px;
+ border-right-width: 2px;
+ border-right-style: solid;
+ border-right-color: rgba(34, 36, 38, 0.15);
+}
+
+.ui.secondary.vertical.pointing.menu .item {
+ border-bottom: none;
+ border-right-style: solid;
+ border-right-color: transparent;
+ border-radius: 0em !important;
+ margin: 0em -2px 0em 0em;
+ border-right-width: 2px;
+}
+
+/* Vertical Active */
+
+.ui.secondary.vertical.pointing.menu .active.item {
+ border-color: #1B1C1D;
+}
+
+/* Inverted */
+
+.ui.secondary.inverted.pointing.menu {
+ border-color: rgba(255, 255, 255, 0.1);
+}
+
+.ui.secondary.inverted.pointing.menu {
+ border-width: 2px;
+ border-color: rgba(34, 36, 38, 0.15);
+}
+
+.ui.secondary.inverted.pointing.menu .item {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.secondary.inverted.pointing.menu .header.item {
+ color: #FFFFFF !important;
+}
+
+/* Hover */
+
+.ui.secondary.inverted.pointing.menu .link.item:hover,
+.ui.secondary.inverted.pointing.menu a.item:hover {
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Active */
+
+.ui.secondary.inverted.pointing.menu .active.item {
+ border-color: #FFFFFF;
+ color: #ffffff;
+}
+
+/*--------------
+ Text Menu
+---------------*/
+
+.ui.text.menu {
+ background: none transparent;
+ border-radius: 0px;
+ box-shadow: none;
+ border: none;
+ margin: 1em -0.5em;
+}
+
+.ui.text.menu .item {
+ border-radius: 0px;
+ box-shadow: none;
+ align-self: center;
+ margin: 0em 0em;
+ padding: 0.35714286em 0.5em;
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.6);
+ transition: opacity 0.1s ease;
+}
+
+/* Border */
+
+.ui.text.menu .item:before,
+.ui.text.menu .menu .item:before {
+ display: none !important;
+}
+
+/* Header */
+
+.ui.text.menu .header.item {
+ background-color: transparent;
+ opacity: 1;
+ color: rgba(0, 0, 0, 0.85);
+ font-size: 0.92857143em;
+ text-transform: uppercase;
+ font-weight: bold;
+}
+
+/* Image */
+
+.ui.text.menu .item > img:not(.ui) {
+ margin: 0em;
+}
+
+/*--- fluid text ---*/
+
+.ui.text.item.menu .item {
+ margin: 0em;
+}
+
+/*--- vertical text ---*/
+
+.ui.vertical.text.menu {
+ margin: 1em 0em;
+}
+
+.ui.vertical.text.menu:first-child {
+ margin-top: 0rem;
+}
+
+.ui.vertical.text.menu:last-child {
+ margin-bottom: 0rem;
+}
+
+.ui.vertical.text.menu .item {
+ margin: 0.57142857em 0em;
+ padding-left: 0em;
+ padding-right: 0em;
+}
+
+.ui.vertical.text.menu .item > i.icon {
+ float: none;
+ margin: 0em 0.35714286em 0em 0em;
+}
+
+.ui.vertical.text.menu .header.item {
+ margin: 0.57142857em 0em 0.71428571em;
+}
+
+/* Vertical Sub Menu */
+
+.ui.vertical.text.menu .item:not(.dropdown) > .menu {
+ margin: 0em;
+}
+
+.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
+ margin: 0em;
+ padding: 0.5em 0em;
+}
+
+/*--- hover ---*/
+
+.ui.text.menu .item:hover {
+ opacity: 1;
+ background-color: transparent;
+}
+
+/*--- active ---*/
+
+.ui.text.menu .active.item {
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--- active hover ---*/
+
+.ui.text.menu .active.item:hover {
+ background-color: transparent;
+}
+
+/* Disable Bariations */
+
+.ui.text.pointing.menu .active.item:after {
+ box-shadow: none;
+}
+
+.ui.text.attached.menu {
+ box-shadow: none;
+}
+
+/* Inverted */
+
+.ui.inverted.text.menu,
+.ui.inverted.text.menu .item,
+.ui.inverted.text.menu .item:hover,
+.ui.inverted.text.menu .active.item {
+ background-color: transparent !important;
+}
+
+/* Fluid */
+
+.ui.fluid.text.menu {
+ margin-left: 0em;
+ margin-right: 0em;
+}
+
+/*--------------
+ Icon Only
+---------------*/
+
+/* Vertical Menu */
+
+.ui.vertical.icon.menu {
+ display: inline-block;
+ width: auto;
+}
+
+/* Item */
+
+.ui.icon.menu .item {
+ height: auto;
+ text-align: center;
+ color: #1B1C1D;
+}
+
+/* Icon */
+
+.ui.icon.menu .item > .icon:not(.dropdown) {
+ margin: 0;
+ opacity: 1;
+}
+
+/* Icon Gylph */
+
+.ui.icon.menu .icon:before {
+ opacity: 1;
+}
+
+/* (x) Item Icon */
+
+.ui.menu .icon.item > .icon {
+ width: auto;
+ margin: 0em auto;
+}
+
+/* Vertical Icon */
+
+.ui.vertical.icon.menu .item > .icon:not(.dropdown) {
+ display: block;
+ opacity: 1;
+ margin: 0em auto;
+ float: none;
+}
+
+/* Inverted */
+
+.ui.inverted.icon.menu .item {
+ color: #FFFFFF;
+}
+
+/*--------------
+ Labeled Icon
+---------------*/
+
+/* Menu */
+
+.ui.labeled.icon.menu {
+ text-align: center;
+}
+
+/* Item */
+
+.ui.labeled.icon.menu .item {
+ min-width: 6em;
+ flex-direction: column;
+}
+
+/* Icon */
+
+.ui.labeled.icon.menu .item > .icon:not(.dropdown) {
+ height: 1em;
+ display: block;
+ font-size: 1.71428571em !important;
+ margin: 0em auto 0.5rem !important;
+}
+
+/* Fluid */
+
+.ui.fluid.labeled.icon.menu > .item {
+ min-width: 0em;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Stackable
+---------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.menu {
+ flex-direction: column;
+ }
+
+ .ui.stackable.menu .item {
+ width: 100% !important;
+ }
+
+ .ui.stackable.menu .item:before {
+ position: absolute;
+ content: '';
+ top: auto;
+ bottom: 0px;
+ left: 0px;
+ width: 100%;
+ height: 1px;
+ background: rgba(34, 36, 38, 0.1);
+ }
+
+ .ui.stackable.menu .left.menu,
+ .ui.stackable.menu .left.item {
+ margin-right: 0 !important;
+ }
+
+ .ui.stackable.menu .right.menu,
+ .ui.stackable.menu .right.item {
+ margin-left: 0 !important;
+ }
+
+ .ui.stackable.menu .right.menu,
+ .ui.stackable.menu .left.menu {
+ flex-direction: column;
+ }
+}
+
+/*--------------
+ Colors
+---------------*/
+
+/*--- Standard Colors ---*/
+
+.ui.menu .red.active.item,
+.ui.red.menu .active.item {
+ border-color: #DB2828 !important;
+ color: #DB2828 !important;
+}
+
+.ui.menu .orange.active.item,
+.ui.orange.menu .active.item {
+ border-color: #F2711C !important;
+ color: #F2711C !important;
+}
+
+.ui.menu .yellow.active.item,
+.ui.yellow.menu .active.item {
+ border-color: #FBBD08 !important;
+ color: #FBBD08 !important;
+}
+
+.ui.menu .olive.active.item,
+.ui.olive.menu .active.item {
+ border-color: #B5CC18 !important;
+ color: #B5CC18 !important;
+}
+
+.ui.menu .green.active.item,
+.ui.green.menu .active.item {
+ border-color: #21BA45 !important;
+ color: #21BA45 !important;
+}
+
+.ui.menu .teal.active.item,
+.ui.teal.menu .active.item {
+ border-color: #00B5AD !important;
+ color: #00B5AD !important;
+}
+
+.ui.menu .blue.active.item,
+.ui.blue.menu .active.item {
+ border-color: #2185D0 !important;
+ color: #2185D0 !important;
+}
+
+.ui.menu .violet.active.item,
+.ui.violet.menu .active.item {
+ border-color: #6435C9 !important;
+ color: #6435C9 !important;
+}
+
+.ui.menu .purple.active.item,
+.ui.purple.menu .active.item {
+ border-color: #A333C8 !important;
+ color: #A333C8 !important;
+}
+
+.ui.menu .pink.active.item,
+.ui.pink.menu .active.item {
+ border-color: #E03997 !important;
+ color: #E03997 !important;
+}
+
+.ui.menu .brown.active.item,
+.ui.brown.menu .active.item {
+ border-color: #A5673F !important;
+ color: #A5673F !important;
+}
+
+.ui.menu .grey.active.item,
+.ui.grey.menu .active.item {
+ border-color: #767676 !important;
+ color: #767676 !important;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.inverted.menu {
+ border: 0px solid transparent;
+ background: #1B1C1D;
+ box-shadow: none;
+}
+
+/* Menu Item */
+
+.ui.inverted.menu .item,
+.ui.inverted.menu .item > a:not(.ui) {
+ background: transparent;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.menu .item.menu {
+ background: transparent;
+}
+
+/*--- Border ---*/
+
+.ui.inverted.menu .item:before {
+ background: rgba(255, 255, 255, 0.08);
+}
+
+.ui.vertical.inverted.menu .item:before {
+ background: rgba(255, 255, 255, 0.08);
+}
+
+/* Sub Menu */
+
+.ui.vertical.inverted.menu .menu .item,
+.ui.vertical.inverted.menu .menu .item a:not(.ui) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/* Header */
+
+.ui.inverted.menu .header.item {
+ margin: 0em;
+ background: transparent;
+ box-shadow: none;
+}
+
+/* Disabled */
+
+.ui.inverted.menu .item.disabled,
+.ui.inverted.menu .item.disabled:hover {
+ color: rgba(225, 225, 225, 0.3);
+}
+
+/*--- Hover ---*/
+
+.ui.link.inverted.menu .item:hover,
+.ui.inverted.menu .dropdown.item:hover,
+.ui.inverted.menu .link.item:hover,
+.ui.inverted.menu a.item:hover {
+ background: rgba(255, 255, 255, 0.08);
+ color: #ffffff;
+}
+
+.ui.vertical.inverted.menu .item .menu a.item:hover,
+.ui.vertical.inverted.menu .item .menu .link.item:hover {
+ background: transparent;
+ color: #ffffff;
+}
+
+/*--- Pressed ---*/
+
+.ui.inverted.menu a.item:active,
+.ui.inverted.menu .link.item:active {
+ background: rgba(255, 255, 255, 0.08);
+ color: #ffffff;
+}
+
+/*--- Active ---*/
+
+.ui.inverted.menu .active.item {
+ background: rgba(255, 255, 255, 0.15);
+ color: #ffffff !important;
+}
+
+.ui.inverted.vertical.menu .item .menu .active.item {
+ background: transparent;
+ color: #FFFFFF;
+}
+
+.ui.inverted.pointing.menu .active.item:after {
+ background: #3D3E3F !important;
+ margin: 0em !important;
+ box-shadow: none !important;
+ border: none !important;
+}
+
+/*--- Active Hover ---*/
+
+.ui.inverted.menu .active.item:hover {
+ background: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF !important;
+}
+
+.ui.inverted.pointing.menu .active.item:hover:after {
+ background: #3D3E3F !important;
+}
+
+/*--------------
+ Floated
+---------------*/
+
+.ui.floated.menu {
+ float: left;
+ margin: 0rem 0.5rem 0rem 0rem;
+}
+
+.ui.floated.menu .item:last-child:before {
+ display: none;
+}
+
+.ui.right.floated.menu {
+ float: right;
+ margin: 0rem 0rem 0rem 0.5rem;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+/* Red */
+
+.ui.inverted.menu .red.active.item,
+.ui.inverted.red.menu {
+ background-color: #DB2828;
+}
+
+.ui.inverted.red.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.red.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Orange */
+
+.ui.inverted.menu .orange.active.item,
+.ui.inverted.orange.menu {
+ background-color: #F2711C;
+}
+
+.ui.inverted.orange.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.orange.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Yellow */
+
+.ui.inverted.menu .yellow.active.item,
+.ui.inverted.yellow.menu {
+ background-color: #FBBD08;
+}
+
+.ui.inverted.yellow.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.yellow.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Olive */
+
+.ui.inverted.menu .olive.active.item,
+.ui.inverted.olive.menu {
+ background-color: #B5CC18;
+}
+
+.ui.inverted.olive.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.olive.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Green */
+
+.ui.inverted.menu .green.active.item,
+.ui.inverted.green.menu {
+ background-color: #21BA45;
+}
+
+.ui.inverted.green.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.green.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Teal */
+
+.ui.inverted.menu .teal.active.item,
+.ui.inverted.teal.menu {
+ background-color: #00B5AD;
+}
+
+.ui.inverted.teal.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.teal.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Blue */
+
+.ui.inverted.menu .blue.active.item,
+.ui.inverted.blue.menu {
+ background-color: #2185D0;
+}
+
+.ui.inverted.blue.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.blue.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Violet */
+
+.ui.inverted.menu .violet.active.item,
+.ui.inverted.violet.menu {
+ background-color: #6435C9;
+}
+
+.ui.inverted.violet.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.violet.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Purple */
+
+.ui.inverted.menu .purple.active.item,
+.ui.inverted.purple.menu {
+ background-color: #A333C8;
+}
+
+.ui.inverted.purple.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.purple.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Pink */
+
+.ui.inverted.menu .pink.active.item,
+.ui.inverted.pink.menu {
+ background-color: #E03997;
+}
+
+.ui.inverted.pink.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.pink.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Brown */
+
+.ui.inverted.menu .brown.active.item,
+.ui.inverted.brown.menu {
+ background-color: #A5673F;
+}
+
+.ui.inverted.brown.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.brown.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Grey */
+
+.ui.inverted.menu .grey.active.item,
+.ui.inverted.grey.menu {
+ background-color: #767676;
+}
+
+.ui.inverted.grey.menu .item:before {
+ background-color: rgba(34, 36, 38, 0.1);
+}
+
+.ui.inverted.grey.menu .active.item {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+/*--------------
+ Fitted
+---------------*/
+
+.ui.fitted.menu .item,
+.ui.fitted.menu .item .menu .item,
+.ui.menu .fitted.item {
+ padding: 0em;
+}
+
+.ui.horizontally.fitted.menu .item,
+.ui.horizontally.fitted.menu .item .menu .item,
+.ui.menu .horizontally.fitted.item {
+ padding-top: 0.92857143em;
+ padding-bottom: 0.92857143em;
+}
+
+.ui.vertically.fitted.menu .item,
+.ui.vertically.fitted.menu .item .menu .item,
+.ui.menu .vertically.fitted.item {
+ padding-left: 1.14285714em;
+ padding-right: 1.14285714em;
+}
+
+/*--------------
+ Borderless
+---------------*/
+
+.ui.borderless.menu .item:before,
+.ui.borderless.menu .item .menu .item:before,
+.ui.menu .borderless.item:before {
+ background: none !important;
+}
+
+/*-------------------
+ Compact
+--------------------*/
+
+.ui.compact.menu {
+ display: inline-flex;
+ margin: 0em;
+ vertical-align: middle;
+}
+
+.ui.compact.vertical.menu {
+ display: inline-block;
+}
+
+.ui.compact.menu .item:last-child {
+ border-radius: 0em 0.28571429rem 0.28571429rem 0em;
+}
+
+.ui.compact.menu .item:last-child:before {
+ display: none;
+}
+
+.ui.compact.vertical.menu {
+ width: auto !important;
+}
+
+.ui.compact.vertical.menu .item:last-child::before {
+ display: block;
+}
+
+/*-------------------
+ Fluid
+--------------------*/
+
+.ui.menu.fluid,
+.ui.vertical.menu.fluid {
+ width: 100% !important;
+}
+
+/*-------------------
+ Evenly Sized
+--------------------*/
+
+.ui.item.menu,
+.ui.item.menu .item {
+ width: 100%;
+ padding-left: 0em !important;
+ padding-right: 0em !important;
+ margin-left: 0em !important;
+ margin-right: 0em !important;
+ text-align: center;
+ justify-content: center;
+}
+
+.ui.attached.item.menu {
+ margin: 0em -1px !important;
+}
+
+.ui.item.menu .item:last-child:before {
+ display: none;
+}
+
+.ui.menu.two.item .item {
+ width: 50%;
+}
+
+.ui.menu.three.item .item {
+ width: 33.333%;
+}
+
+.ui.menu.four.item .item {
+ width: 25%;
+}
+
+.ui.menu.five.item .item {
+ width: 20%;
+}
+
+.ui.menu.six.item .item {
+ width: 16.666%;
+}
+
+.ui.menu.seven.item .item {
+ width: 14.285%;
+}
+
+.ui.menu.eight.item .item {
+ width: 12.5%;
+}
+
+.ui.menu.nine.item .item {
+ width: 11.11%;
+}
+
+.ui.menu.ten.item .item {
+ width: 10%;
+}
+
+.ui.menu.eleven.item .item {
+ width: 9.09%;
+}
+
+.ui.menu.twelve.item .item {
+ width: 8.333%;
+}
+
+/*--------------
+ Fixed
+---------------*/
+
+.ui.menu.fixed {
+ position: fixed;
+ z-index: 101;
+ margin: 0em;
+ width: 100%;
+}
+
+.ui.menu.fixed,
+.ui.menu.fixed .item:first-child,
+.ui.menu.fixed .item:last-child {
+ border-radius: 0px !important;
+}
+
+.ui.fixed.menu,
+.ui[class*="top fixed"].menu {
+ top: 0px;
+ left: 0px;
+ right: auto;
+ bottom: auto;
+}
+
+.ui[class*="top fixed"].menu {
+ border-top: none;
+ border-left: none;
+ border-right: none;
+}
+
+.ui[class*="right fixed"].menu {
+ border-top: none;
+ border-bottom: none;
+ border-right: none;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ bottom: auto;
+ width: auto;
+ height: 100%;
+}
+
+.ui[class*="bottom fixed"].menu {
+ border-bottom: none;
+ border-left: none;
+ border-right: none;
+ bottom: 0px;
+ left: 0px;
+ top: auto;
+ right: auto;
+}
+
+.ui[class*="left fixed"].menu {
+ border-top: none;
+ border-bottom: none;
+ border-left: none;
+ top: 0px;
+ left: 0px;
+ right: auto;
+ bottom: auto;
+ width: auto;
+ height: 100%;
+}
+
+/* Coupling with Grid */
+
+.ui.fixed.menu + .ui.grid {
+ padding-top: 2.75rem;
+}
+
+/*-------------------
+ Pointing
+--------------------*/
+
+.ui.pointing.menu .item:after {
+ visibility: hidden;
+ position: absolute;
+ content: '';
+ top: 100%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ background: none;
+ margin: 0.5px 0em 0em;
+ width: 0.57142857em;
+ height: 0.57142857em;
+ border: none;
+ border-bottom: 1px solid #D4D4D5;
+ border-right: 1px solid #D4D4D5;
+ z-index: 2;
+ transition: background 0.1s ease;
+}
+
+.ui.vertical.pointing.menu .item:after {
+ position: absolute;
+ top: 50%;
+ right: 0%;
+ bottom: auto;
+ left: auto;
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
+ margin: 0em -0.5px 0em 0em;
+ border: none;
+ border-top: 1px solid #D4D4D5;
+ border-right: 1px solid #D4D4D5;
+}
+
+/* Active */
+
+.ui.pointing.menu .active.item:after {
+ visibility: visible;
+}
+
+.ui.pointing.menu .active.dropdown.item:after {
+ visibility: hidden;
+}
+
+/* Don't double up pointers */
+
+.ui.pointing.menu .dropdown.active.item:after,
+.ui.pointing.menu .active.item .menu .active.item:after {
+ display: none;
+}
+
+/* Colors */
+
+.ui.pointing.menu .active.item:hover:after {
+ background-color: #F2F2F2;
+}
+
+.ui.pointing.menu .active.item:after {
+ background-color: #F2F2F2;
+}
+
+.ui.pointing.menu .active.item:hover:after {
+ background-color: #F2F2F2;
+}
+
+.ui.vertical.pointing.menu .active.item:hover:after {
+ background-color: #F2F2F2;
+}
+
+.ui.vertical.pointing.menu .active.item:after {
+ background-color: #F2F2F2;
+}
+
+.ui.vertical.pointing.menu .menu .active.item:after {
+ background-color: #FFFFFF;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+/* Middle */
+
+.ui.attached.menu {
+ top: 0px;
+ bottom: 0px;
+ border-radius: 0px;
+ margin: 0em -1px;
+ width: calc(100% - (-1px * 2));
+ max-width: calc(100% - (-1px * 2));
+ box-shadow: none;
+}
+
+.ui.attached + .ui.attached.menu:not(.top) {
+ border-top: none;
+}
+
+/* Top */
+
+.ui[class*="top attached"].menu {
+ bottom: 0px;
+ margin-bottom: 0em;
+ top: 0px;
+ margin-top: 1rem;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.menu[class*="top attached"]:first-child {
+ margin-top: 0em;
+}
+
+/* Bottom */
+
+.ui[class*="bottom attached"].menu {
+ bottom: 0px;
+ margin-top: 0em;
+ top: 0px;
+ margin-bottom: 1rem;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui[class*="bottom attached"].menu:last-child {
+ margin-bottom: 0em;
+}
+
+/* Attached Menu Item */
+
+.ui.top.attached.menu > .item:first-child {
+ border-radius: 0.28571429rem 0em 0em 0em;
+}
+
+.ui.bottom.attached.menu > .item:first-child {
+ border-radius: 0em 0em 0em 0.28571429rem;
+}
+
+/* Tabular Attached */
+
+.ui.attached.menu:not(.tabular) {
+ border: 1px solid #D4D4D5;
+}
+
+.ui.attached.inverted.menu {
+ border: none;
+}
+
+.ui.attached.tabular.menu {
+ margin-left: 0;
+ margin-right: 0;
+ width: 100%;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+/* Mini */
+
+.ui.mini.menu {
+ font-size: 0.78571429rem;
+}
+
+.ui.mini.vertical.menu {
+ width: 9rem;
+}
+
+/* Tiny */
+
+.ui.tiny.menu {
+ font-size: 0.85714286rem;
+}
+
+.ui.tiny.vertical.menu {
+ width: 11rem;
+}
+
+/* Small */
+
+.ui.small.menu {
+ font-size: 0.92857143rem;
+}
+
+.ui.small.vertical.menu {
+ width: 13rem;
+}
+
+/* Medium */
+
+.ui.menu {
+ font-size: 1rem;
+}
+
+.ui.vertical.menu {
+ width: 15rem;
+}
+
+/* Large */
+
+.ui.large.menu {
+ font-size: 1.07142857rem;
+}
+
+.ui.large.vertical.menu {
+ width: 18rem;
+}
+
+/* Huge */
+
+.ui.huge.menu {
+ font-size: 1.21428571rem;
+}
+
+.ui.huge.vertical.menu {
+ width: 22rem;
+}
+
+/* Big */
+
+.ui.big.menu {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.vertical.menu {
+ width: 20rem;
+}
+
+/* Massive */
+
+.ui.massive.menu {
+ font-size: 1.28571429rem;
+}
+
+.ui.massive.vertical.menu {
+ width: 25rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Message
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Message
+*******************************/
+
+.ui.message {
+ position: relative;
+ min-height: 1em;
+ margin: 1em 0em;
+ background: #F8F8F9;
+ padding: 1em 1.5em;
+ line-height: 1.4285em;
+ color: rgba(0, 0, 0, 0.87);
+ transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.message:first-child {
+ margin-top: 0em;
+}
+
+.ui.message:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Content
+---------------*/
+
+/* Header */
+
+.ui.message .header {
+ display: block;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ margin: -0.14285714em 0em 0rem 0em;
+}
+
+/* Default font size */
+
+.ui.message .header:not(.ui) {
+ font-size: 1.14285714em;
+}
+
+/* Paragraph */
+
+.ui.message p {
+ opacity: 0.85;
+ margin: 0.75em 0em;
+}
+
+.ui.message p:first-child {
+ margin-top: 0em;
+}
+
+.ui.message p:last-child {
+ margin-bottom: 0em;
+}
+
+.ui.message .header + p {
+ margin-top: 0.25em;
+}
+
+/* List */
+
+.ui.message .list:not(.ui) {
+ text-align: left;
+ padding: 0em;
+ opacity: 0.85;
+ list-style-position: inside;
+ margin: 0.5em 0em 0em;
+}
+
+.ui.message .list:not(.ui):first-child {
+ margin-top: 0em;
+}
+
+.ui.message .list:not(.ui):last-child {
+ margin-bottom: 0em;
+}
+
+.ui.message .list:not(.ui) li {
+ position: relative;
+ list-style-type: none;
+ margin: 0em 0em 0.3em 1em;
+ padding: 0em;
+}
+
+.ui.message .list:not(.ui) li:before {
+ position: absolute;
+ content: '\2022';
+ left: -1em;
+ height: 100%;
+ vertical-align: baseline;
+}
+
+.ui.message .list:not(.ui) li:last-child {
+ margin-bottom: 0em;
+}
+
+/* Icon */
+
+.ui.message > .icon {
+ margin-right: 0.6em;
+}
+
+/* Close Icon */
+
+.ui.message > .close.icon {
+ cursor: pointer;
+ position: absolute;
+ margin: 0em;
+ top: 0.78575em;
+ right: 0.5em;
+ opacity: 0.7;
+ transition: opacity 0.1s ease;
+}
+
+.ui.message > .close.icon:hover {
+ opacity: 1;
+}
+
+/* First / Last Element */
+
+.ui.message > :first-child {
+ margin-top: 0em;
+}
+
+.ui.message > :last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+.ui.dropdown .menu > .message {
+ margin: 0px -1px;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Visible
+---------------*/
+
+.ui.visible.visible.visible.visible.message {
+ display: block;
+}
+
+.ui.icon.visible.visible.visible.visible.message {
+ display: flex;
+}
+
+/*--------------
+ Hidden
+---------------*/
+
+.ui.hidden.hidden.hidden.hidden.message {
+ display: none;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Compact
+---------------*/
+
+.ui.compact.message {
+ display: inline-block;
+}
+
+.ui.compact.icon.message {
+ display: inline-flex;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+.ui.attached.message {
+ margin-bottom: -1px;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+ box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
+ margin-left: -1px;
+ margin-right: -1px;
+}
+
+.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
+ margin-top: -1px;
+ border-radius: 0em;
+}
+
+.ui.bottom.attached.message {
+ margin-top: -1px;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ui.bottom.attached.message:not(:last-child) {
+ margin-bottom: 1em;
+}
+
+.ui.attached.icon.message {
+ width: auto;
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.icon.message {
+ display: flex;
+ width: 100%;
+ align-items: center;
+}
+
+.ui.icon.message > .icon:not(.close) {
+ display: block;
+ flex: 0 0 auto;
+ width: auto;
+ line-height: 1;
+ vertical-align: middle;
+ font-size: 3em;
+ opacity: 0.8;
+}
+
+.ui.icon.message > .content {
+ display: block;
+ flex: 1 1 auto;
+ vertical-align: middle;
+}
+
+.ui.icon.message .icon:not(.close) + .content {
+ padding-left: 0rem;
+}
+
+.ui.icon.message .circular.icon {
+ width: 1em;
+}
+
+/*--------------
+ Floating
+---------------*/
+
+.ui.floating.message {
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+/*--------------
+ Colors
+---------------*/
+
+.ui.black.message {
+ background-color: #1B1C1D;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/*--------------
+ Types
+---------------*/
+
+/* Positive */
+
+.ui.positive.message {
+ background-color: #FCFFF5;
+ color: #2C662D;
+}
+
+.ui.positive.message,
+.ui.attached.positive.message {
+ box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.positive.message .header {
+ color: #1A531B;
+}
+
+/* Negative */
+
+.ui.negative.message {
+ background-color: #FFF6F6;
+ color: #9F3A38;
+}
+
+.ui.negative.message,
+.ui.attached.negative.message {
+ box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.negative.message .header {
+ color: #912D2B;
+}
+
+/* Info */
+
+.ui.info.message {
+ background-color: #F8FFFF;
+ color: #276F86;
+}
+
+.ui.info.message,
+.ui.attached.info.message {
+ box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.info.message .header {
+ color: #0E566C;
+}
+
+/* Warning */
+
+.ui.warning.message {
+ background-color: #FFFAF3;
+ color: #573A08;
+}
+
+.ui.warning.message,
+.ui.attached.warning.message {
+ box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.warning.message .header {
+ color: #794B02;
+}
+
+/* Error */
+
+.ui.error.message {
+ background-color: #FFF6F6;
+ color: #9F3A38;
+}
+
+.ui.error.message,
+.ui.attached.error.message {
+ box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.error.message .header {
+ color: #912D2B;
+}
+
+/* Success */
+
+.ui.success.message {
+ background-color: #FCFFF5;
+ color: #2C662D;
+}
+
+.ui.success.message,
+.ui.attached.success.message {
+ box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.success.message .header {
+ color: #1A531B;
+}
+
+/* Colors */
+
+.ui.inverted.message,
+.ui.black.message {
+ background-color: #1B1C1D;
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.red.message {
+ background-color: #FFE8E6;
+ color: #DB2828;
+ box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.red.message .header {
+ color: #c82121;
+}
+
+.ui.orange.message {
+ background-color: #FFEDDE;
+ color: #F2711C;
+ box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.orange.message .header {
+ color: #e7640d;
+}
+
+.ui.yellow.message {
+ background-color: #FFF8DB;
+ color: #B58105;
+ box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.yellow.message .header {
+ color: #9c6f04;
+}
+
+.ui.olive.message {
+ background-color: #FBFDEF;
+ color: #8ABC1E;
+ box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.olive.message .header {
+ color: #7aa61a;
+}
+
+.ui.green.message {
+ background-color: #E5F9E7;
+ color: #1EBC30;
+ box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.green.message .header {
+ color: #1aa62a;
+}
+
+.ui.teal.message {
+ background-color: #E1F7F7;
+ color: #10A3A3;
+ box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.teal.message .header {
+ color: #0e8c8c;
+}
+
+.ui.blue.message {
+ background-color: #DFF0FF;
+ color: #2185D0;
+ box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.blue.message .header {
+ color: #1e77ba;
+}
+
+.ui.violet.message {
+ background-color: #EAE7FF;
+ color: #6435C9;
+ box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.violet.message .header {
+ color: #5a30b5;
+}
+
+.ui.purple.message {
+ background-color: #F6E7FF;
+ color: #A333C8;
+ box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.purple.message .header {
+ color: #922eb4;
+}
+
+.ui.pink.message {
+ background-color: #FFE3FB;
+ color: #E03997;
+ box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.pink.message .header {
+ color: #dd238b;
+}
+
+.ui.brown.message {
+ background-color: #F1E2D3;
+ color: #A5673F;
+ box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.ui.brown.message .header {
+ color: #935b38;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.mini.message {
+ font-size: 0.78571429em;
+}
+
+.ui.tiny.message {
+ font-size: 0.85714286em;
+}
+
+.ui.small.message {
+ font-size: 0.92857143em;
+}
+
+.ui.message {
+ font-size: 1em;
+}
+
+.ui.large.message {
+ font-size: 1.14285714em;
+}
+
+.ui.big.message {
+ font-size: 1.28571429em;
+}
+
+.ui.huge.message {
+ font-size: 1.42857143em;
+}
+
+.ui.massive.message {
+ font-size: 1.71428571em;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Table
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Table
+*******************************/
+
+/* Prototype */
+
+.ui.table {
+ width: 100%;
+ background: #FFFFFF;
+ margin: 1em 0em;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: none;
+ border-radius: 0.28571429rem;
+ text-align: left;
+ color: rgba(0, 0, 0, 0.87);
+ border-collapse: separate;
+ border-spacing: 0px;
+}
+
+.ui.table:first-child {
+ margin-top: 0em;
+}
+
+.ui.table:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Parts
+*******************************/
+
+/* Table Content */
+
+.ui.table th,
+.ui.table td {
+ transition: background 0.1s ease, color 0.1s ease;
+}
+
+/* Headers */
+
+.ui.table thead {
+ box-shadow: none;
+}
+
+.ui.table thead th {
+ cursor: auto;
+ background: #F9FAFB;
+ text-align: inherit;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0.92857143em 0.78571429em;
+ vertical-align: inherit;
+ font-style: none;
+ font-weight: bold;
+ text-transform: none;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+ border-left: none;
+}
+
+.ui.table thead tr > th:first-child {
+ border-left: none;
+}
+
+.ui.table thead tr:first-child > th:first-child {
+ border-radius: 0.28571429rem 0em 0em 0em;
+}
+
+.ui.table thead tr:first-child > th:last-child {
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+.ui.table thead tr:first-child > th:only-child {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/* Footer */
+
+.ui.table tfoot {
+ box-shadow: none;
+}
+
+.ui.table tfoot th {
+ cursor: auto;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ background: #F9FAFB;
+ text-align: inherit;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0.78571429em 0.78571429em;
+ vertical-align: middle;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none;
+}
+
+.ui.table tfoot tr > th:first-child {
+ border-left: none;
+}
+
+.ui.table tfoot tr:first-child > th:first-child {
+ border-radius: 0em 0em 0em 0.28571429rem;
+}
+
+.ui.table tfoot tr:first-child > th:last-child {
+ border-radius: 0em 0em 0.28571429rem 0em;
+}
+
+.ui.table tfoot tr:first-child > th:only-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/* Table Row */
+
+.ui.table tr td {
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.table tr:first-child td {
+ border-top: none;
+}
+
+/* Repeated tbody */
+
+.ui.table tbody + tbody tr:first-child td {
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+/* Table Cells */
+
+.ui.table td {
+ padding: 0.78571429em 0.78571429em;
+ text-align: inherit;
+}
+
+/* Icons */
+
+.ui.table > .icon {
+ vertical-align: baseline;
+}
+
+.ui.table > .icon:only-child {
+ margin: 0em;
+}
+
+/* Table Segment */
+
+.ui.table.segment {
+ padding: 0em;
+}
+
+.ui.table.segment:after {
+ display: none;
+}
+
+.ui.table.segment.stacked:after {
+ display: block;
+}
+
+/* Responsive */
+
+@media only screen and (max-width: 767px) {
+ .ui.table:not(.unstackable) {
+ width: 100%;
+ }
+
+ .ui.table:not(.unstackable) tbody,
+ .ui.table:not(.unstackable) tr,
+ .ui.table:not(.unstackable) tr > th,
+ .ui.table:not(.unstackable) tr > td {
+ width: auto !important;
+ display: block !important;
+ }
+
+ .ui.table:not(.unstackable) {
+ padding: 0em;
+ }
+
+ .ui.table:not(.unstackable) thead {
+ display: block;
+ }
+
+ .ui.table:not(.unstackable) tfoot {
+ display: block;
+ }
+
+ .ui.table:not(.unstackable) tr {
+ padding-top: 1em;
+ padding-bottom: 1em;
+ box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+ }
+
+ .ui.table:not(.unstackable) tr > th,
+ .ui.table:not(.unstackable) tr > td {
+ background: none;
+ border: none !important;
+ padding: 0.25em 0.75em !important;
+ box-shadow: none !important;
+ }
+
+ .ui.table:not(.unstackable) th:first-child,
+ .ui.table:not(.unstackable) td:first-child {
+ font-weight: bold;
+ }
+
+ /* Definition Table */
+
+ .ui.definition.table:not(.unstackable) thead th:first-child {
+ box-shadow: none !important;
+ }
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+/* UI Image */
+
+.ui.table th .image,
+.ui.table th .image img,
+.ui.table td .image,
+.ui.table td .image img {
+ max-width: none;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Complex
+---------------*/
+
+.ui.structured.table {
+ border-collapse: collapse;
+}
+
+.ui.structured.table thead th {
+ border-left: none;
+ border-right: none;
+}
+
+.ui.structured.sortable.table thead th {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ border-right: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.structured.basic.table th {
+ border-left: none;
+ border-right: none;
+}
+
+.ui.structured.celled.table tr th,
+.ui.structured.celled.table tr td {
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
+ border-right: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+/*--------------
+ Definition
+---------------*/
+
+.ui.definition.table thead:not(.full-width) th:first-child {
+ pointer-events: none;
+ background: transparent;
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.4);
+ box-shadow: -1px -1px 0px 1px #FFFFFF;
+}
+
+.ui.definition.table tfoot:not(.full-width) th:first-child {
+ pointer-events: none;
+ background: transparent;
+ font-weight: rgba(0, 0, 0, 0.4);
+ color: normal;
+ box-shadow: 1px 1px 0px 1px #FFFFFF;
+}
+
+/* Remove Border */
+
+.ui.celled.definition.table thead:not(.full-width) th:first-child {
+ box-shadow: 0px -1px 0px 1px #FFFFFF;
+}
+
+.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
+ box-shadow: 0px 1px 0px 1px #FFFFFF;
+}
+
+/* Highlight Defining Column */
+
+.ui.definition.table tr td:first-child:not(.ignored),
+.ui.definition.table tr td.definition {
+ background: rgba(0, 0, 0, 0.03);
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.95);
+ text-transform: '';
+ box-shadow: '';
+ text-align: '';
+ font-size: 1em;
+ padding-left: '';
+ padding-right: '';
+}
+
+/* Fix 2nd Column */
+
+.ui.definition.table thead:not(.full-width) th:nth-child(2) {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.definition.table td:nth-child(2) {
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Positive
+---------------*/
+
+.ui.table tr.positive,
+.ui.table td.positive {
+ box-shadow: 0px 0px 0px #A3C293 inset;
+}
+
+.ui.table tr.positive,
+.ui.table td.positive {
+ background: #FCFFF5 !important;
+ color: #2C662D !important;
+}
+
+/*--------------
+ Negative
+---------------*/
+
+.ui.table tr.negative,
+.ui.table td.negative {
+ box-shadow: 0px 0px 0px #E0B4B4 inset;
+}
+
+.ui.table tr.negative,
+.ui.table td.negative {
+ background: #FFF6F6 !important;
+ color: #9F3A38 !important;
+}
+
+/*--------------
+ Error
+---------------*/
+
+.ui.table tr.error,
+.ui.table td.error {
+ box-shadow: 0px 0px 0px #E0B4B4 inset;
+}
+
+.ui.table tr.error,
+.ui.table td.error {
+ background: #FFF6F6 !important;
+ color: #9F3A38 !important;
+}
+
+/*--------------
+ Warning
+---------------*/
+
+.ui.table tr.warning,
+.ui.table td.warning {
+ box-shadow: 0px 0px 0px #C9BA9B inset;
+}
+
+.ui.table tr.warning,
+.ui.table td.warning {
+ background: #FFFAF3 !important;
+ color: #573A08 !important;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.table tr.active,
+.ui.table td.active {
+ box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
+}
+
+.ui.table tr.active,
+.ui.table td.active {
+ background: #E0E0E0 !important;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.table tr.disabled td,
+.ui.table tr td.disabled,
+.ui.table tr.disabled:hover,
+.ui.table tr:hover td.disabled {
+ pointer-events: none;
+ color: rgba(40, 40, 40, 0.3);
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Stackable
+---------------*/
+
+@media only screen and (max-width: 991px) {
+ .ui[class*="tablet stackable"].table,
+ .ui[class*="tablet stackable"].table tbody,
+ .ui[class*="tablet stackable"].table tr,
+ .ui[class*="tablet stackable"].table tr > th,
+ .ui[class*="tablet stackable"].table tr > td {
+ width: 100% !important;
+ display: block !important;
+ }
+
+ .ui[class*="tablet stackable"].table {
+ padding: 0em;
+ }
+
+ .ui[class*="tablet stackable"].table thead {
+ display: block;
+ }
+
+ .ui[class*="tablet stackable"].table tfoot {
+ display: block;
+ }
+
+ .ui[class*="tablet stackable"].table tr {
+ padding-top: 1em;
+ padding-bottom: 1em;
+ box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+ }
+
+ .ui[class*="tablet stackable"].table tr > th,
+ .ui[class*="tablet stackable"].table tr > td {
+ background: none;
+ border: none !important;
+ padding: 0.25em 0.75em;
+ box-shadow: none !important;
+ }
+
+ /* Definition Table */
+
+ .ui.definition[class*="tablet stackable"].table thead th:first-child {
+ box-shadow: none !important;
+ }
+}
+
+/*--------------
+ Text Alignment
+---------------*/
+
+.ui.table[class*="left aligned"],
+.ui.table [class*="left aligned"] {
+ text-align: left;
+}
+
+.ui.table[class*="center aligned"],
+.ui.table [class*="center aligned"] {
+ text-align: center;
+}
+
+.ui.table[class*="right aligned"],
+.ui.table [class*="right aligned"] {
+ text-align: right;
+}
+
+/*------------------
+ Vertical Alignment
+------------------*/
+
+.ui.table[class*="top aligned"],
+.ui.table [class*="top aligned"] {
+ vertical-align: top;
+}
+
+.ui.table[class*="middle aligned"],
+.ui.table [class*="middle aligned"] {
+ vertical-align: middle;
+}
+
+.ui.table[class*="bottom aligned"],
+.ui.table [class*="bottom aligned"] {
+ vertical-align: bottom;
+}
+
+/*--------------
+ Collapsing
+---------------*/
+
+.ui.table th.collapsing,
+.ui.table td.collapsing {
+ width: 1px;
+ white-space: nowrap;
+}
+
+/*--------------
+ Fixed
+---------------*/
+
+.ui.fixed.table {
+ table-layout: fixed;
+}
+
+.ui.fixed.table th,
+.ui.fixed.table td {
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+/*--------------
+ Selectable
+---------------*/
+
+.ui.selectable.table tbody tr:hover,
+.ui.table tbody tr td.selectable:hover {
+ background: rgba(0, 0, 0, 0.05) !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.selectable.inverted.table tbody tr:hover,
+.ui.inverted.table tbody tr td.selectable:hover {
+ background: rgba(255, 255, 255, 0.08) !important;
+ color: #ffffff !important;
+}
+
+/* Selectable Cell Link */
+
+.ui.table tbody tr td.selectable {
+ padding: 0em;
+}
+
+.ui.table tbody tr td.selectable > a:not(.ui) {
+ display: block;
+ color: inherit;
+ padding: 0.78571429em 0.78571429em;
+}
+
+/* Other States */
+
+.ui.selectable.table tr.error:hover,
+.ui.table tr td.selectable.error:hover,
+.ui.selectable.table tr:hover td.error {
+ background: #ffe7e7 !important;
+ color: #943634 !important;
+}
+
+.ui.selectable.table tr.warning:hover,
+.ui.table tr td.selectable.warning:hover,
+.ui.selectable.table tr:hover td.warning {
+ background: #fff4e4 !important;
+ color: #493107 !important;
+}
+
+.ui.selectable.table tr.active:hover,
+.ui.table tr td.selectable.active:hover,
+.ui.selectable.table tr:hover td.active {
+ background: #E0E0E0 !important;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.ui.selectable.table tr.positive:hover,
+.ui.table tr td.selectable.positive:hover,
+.ui.selectable.table tr:hover td.positive {
+ background: #f7ffe6 !important;
+ color: #275b28 !important;
+}
+
+.ui.selectable.table tr.negative:hover,
+.ui.table tr td.selectable.negative:hover,
+.ui.selectable.table tr:hover td.negative {
+ background: #ffe7e7 !important;
+ color: #943634 !important;
+}
+
+/*-------------------
+ Attached
+--------------------*/
+
+/* Middle */
+
+.ui.attached.table {
+ top: 0px;
+ bottom: 0px;
+ border-radius: 0px;
+ margin: 0em -1px;
+ width: calc(100% - (-1px * 2));
+ max-width: calc(100% - (-1px * 2));
+ box-shadow: none;
+ border: 1px solid #D4D4D5;
+}
+
+.ui.attached + .ui.attached.table:not(.top) {
+ border-top: none;
+}
+
+/* Top */
+
+.ui[class*="top attached"].table {
+ bottom: 0px;
+ margin-bottom: 0em;
+ top: 0px;
+ margin-top: 1em;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.table[class*="top attached"]:first-child {
+ margin-top: 0em;
+}
+
+/* Bottom */
+
+.ui[class*="bottom attached"].table {
+ bottom: 0px;
+ margin-top: 0em;
+ top: 0px;
+ margin-bottom: 1em;
+ box-shadow: none, none;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui[class*="bottom attached"].table:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Striped
+---------------*/
+
+/* Table Striping */
+
+.ui.striped.table > tr:nth-child(2n),
+.ui.striped.table tbody tr:nth-child(2n) {
+ background-color: rgba(0, 0, 50, 0.02);
+}
+
+/* Stripes */
+
+.ui.inverted.striped.table > tr:nth-child(2n),
+.ui.inverted.striped.table tbody tr:nth-child(2n) {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+
+/* Allow striped active hover */
+
+.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
+ background: #EFEFEF !important;
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+/*--------------
+ Single Line
+---------------*/
+
+.ui.table[class*="single line"],
+.ui.table [class*="single line"] {
+ white-space: nowrap;
+}
+
+.ui.table[class*="single line"],
+.ui.table [class*="single line"] {
+ white-space: nowrap;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/* Red */
+
+.ui.red.table {
+ border-top: 0.2em solid #DB2828;
+}
+
+.ui.inverted.red.table {
+ background-color: #DB2828 !important;
+ color: #FFFFFF !important;
+}
+
+/* Orange */
+
+.ui.orange.table {
+ border-top: 0.2em solid #F2711C;
+}
+
+.ui.inverted.orange.table {
+ background-color: #F2711C !important;
+ color: #FFFFFF !important;
+}
+
+/* Yellow */
+
+.ui.yellow.table {
+ border-top: 0.2em solid #FBBD08;
+}
+
+.ui.inverted.yellow.table {
+ background-color: #FBBD08 !important;
+ color: #FFFFFF !important;
+}
+
+/* Olive */
+
+.ui.olive.table {
+ border-top: 0.2em solid #B5CC18;
+}
+
+.ui.inverted.olive.table {
+ background-color: #B5CC18 !important;
+ color: #FFFFFF !important;
+}
+
+/* Green */
+
+.ui.green.table {
+ border-top: 0.2em solid #21BA45;
+}
+
+.ui.inverted.green.table {
+ background-color: #21BA45 !important;
+ color: #FFFFFF !important;
+}
+
+/* Teal */
+
+.ui.teal.table {
+ border-top: 0.2em solid #00B5AD;
+}
+
+.ui.inverted.teal.table {
+ background-color: #00B5AD !important;
+ color: #FFFFFF !important;
+}
+
+/* Blue */
+
+.ui.blue.table {
+ border-top: 0.2em solid #2185D0;
+}
+
+.ui.inverted.blue.table {
+ background-color: #2185D0 !important;
+ color: #FFFFFF !important;
+}
+
+/* Violet */
+
+.ui.violet.table {
+ border-top: 0.2em solid #6435C9;
+}
+
+.ui.inverted.violet.table {
+ background-color: #6435C9 !important;
+ color: #FFFFFF !important;
+}
+
+/* Purple */
+
+.ui.purple.table {
+ border-top: 0.2em solid #A333C8;
+}
+
+.ui.inverted.purple.table {
+ background-color: #A333C8 !important;
+ color: #FFFFFF !important;
+}
+
+/* Pink */
+
+.ui.pink.table {
+ border-top: 0.2em solid #E03997;
+}
+
+.ui.inverted.pink.table {
+ background-color: #E03997 !important;
+ color: #FFFFFF !important;
+}
+
+/* Brown */
+
+.ui.brown.table {
+ border-top: 0.2em solid #A5673F;
+}
+
+.ui.inverted.brown.table {
+ background-color: #A5673F !important;
+ color: #FFFFFF !important;
+}
+
+/* Grey */
+
+.ui.grey.table {
+ border-top: 0.2em solid #767676;
+}
+
+.ui.inverted.grey.table {
+ background-color: #767676 !important;
+ color: #FFFFFF !important;
+}
+
+/* Black */
+
+.ui.black.table {
+ border-top: 0.2em solid #1B1C1D;
+}
+
+.ui.inverted.black.table {
+ background-color: #1B1C1D !important;
+ color: #FFFFFF !important;
+}
+
+/*--------------
+ Column Count
+---------------*/
+
+/* Grid Based */
+
+.ui.one.column.table td {
+ width: 100%;
+}
+
+.ui.two.column.table td {
+ width: 50%;
+}
+
+.ui.three.column.table td {
+ width: 33.33333333%;
+}
+
+.ui.four.column.table td {
+ width: 25%;
+}
+
+.ui.five.column.table td {
+ width: 20%;
+}
+
+.ui.six.column.table td {
+ width: 16.66666667%;
+}
+
+.ui.seven.column.table td {
+ width: 14.28571429%;
+}
+
+.ui.eight.column.table td {
+ width: 12.5%;
+}
+
+.ui.nine.column.table td {
+ width: 11.11111111%;
+}
+
+.ui.ten.column.table td {
+ width: 10%;
+}
+
+.ui.eleven.column.table td {
+ width: 9.09090909%;
+}
+
+.ui.twelve.column.table td {
+ width: 8.33333333%;
+}
+
+.ui.thirteen.column.table td {
+ width: 7.69230769%;
+}
+
+.ui.fourteen.column.table td {
+ width: 7.14285714%;
+}
+
+.ui.fifteen.column.table td {
+ width: 6.66666667%;
+}
+
+.ui.sixteen.column.table td {
+ width: 6.25%;
+}
+
+/* Column Width */
+
+.ui.table th.one.wide,
+.ui.table td.one.wide {
+ width: 6.25%;
+}
+
+.ui.table th.two.wide,
+.ui.table td.two.wide {
+ width: 12.5%;
+}
+
+.ui.table th.three.wide,
+.ui.table td.three.wide {
+ width: 18.75%;
+}
+
+.ui.table th.four.wide,
+.ui.table td.four.wide {
+ width: 25%;
+}
+
+.ui.table th.five.wide,
+.ui.table td.five.wide {
+ width: 31.25%;
+}
+
+.ui.table th.six.wide,
+.ui.table td.six.wide {
+ width: 37.5%;
+}
+
+.ui.table th.seven.wide,
+.ui.table td.seven.wide {
+ width: 43.75%;
+}
+
+.ui.table th.eight.wide,
+.ui.table td.eight.wide {
+ width: 50%;
+}
+
+.ui.table th.nine.wide,
+.ui.table td.nine.wide {
+ width: 56.25%;
+}
+
+.ui.table th.ten.wide,
+.ui.table td.ten.wide {
+ width: 62.5%;
+}
+
+.ui.table th.eleven.wide,
+.ui.table td.eleven.wide {
+ width: 68.75%;
+}
+
+.ui.table th.twelve.wide,
+.ui.table td.twelve.wide {
+ width: 75%;
+}
+
+.ui.table th.thirteen.wide,
+.ui.table td.thirteen.wide {
+ width: 81.25%;
+}
+
+.ui.table th.fourteen.wide,
+.ui.table td.fourteen.wide {
+ width: 87.5%;
+}
+
+.ui.table th.fifteen.wide,
+.ui.table td.fifteen.wide {
+ width: 93.75%;
+}
+
+.ui.table th.sixteen.wide,
+.ui.table td.sixteen.wide {
+ width: 100%;
+}
+
+/*--------------
+ Sortable
+---------------*/
+
+.ui.sortable.table thead th {
+ cursor: pointer;
+ white-space: nowrap;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.sortable.table thead th:first-child {
+ border-left: none;
+}
+
+.ui.sortable.table thead th.sorted,
+.ui.sortable.table thead th.sorted:hover {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.ui.sortable.table thead th:after {
+ display: none;
+ font-style: normal;
+ font-weight: normal;
+ text-decoration: inherit;
+ content: '';
+ height: 1em;
+ width: auto;
+ opacity: 0.8;
+ margin: 0em 0em 0em 0.5em;
+ font-family: 'Icons';
+}
+
+.ui.sortable.table thead th.ascending:after {
+ content: '\F0D8';
+}
+
+.ui.sortable.table thead th.descending:after {
+ content: '\F0D7';
+}
+
+/* Hover */
+
+.ui.sortable.table th.disabled:hover {
+ cursor: auto;
+ color: rgba(40, 40, 40, 0.3);
+}
+
+.ui.sortable.table thead th:hover {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Sorted */
+
+.ui.sortable.table thead th.sorted {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.sortable.table thead th.sorted:after {
+ display: inline-block;
+}
+
+/* Sorted Hover */
+
+.ui.sortable.table thead th.sorted:hover {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/* Inverted */
+
+.ui.inverted.sortable.table thead th.sorted {
+ background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ color: #ffffff;
+}
+
+.ui.inverted.sortable.table thead th:hover {
+ background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ color: #ffffff;
+}
+
+.ui.inverted.sortable.table thead th {
+ border-left-color: transparent;
+ border-right-color: transparent;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+/* Text Color */
+
+.ui.inverted.table {
+ background: #333333;
+ color: rgba(255, 255, 255, 0.9);
+ border: none;
+}
+
+.ui.inverted.table th {
+ background-color: rgba(0, 0, 0, 0.15);
+ border-color: rgba(255, 255, 255, 0.1) !important;
+ color: rgba(255, 255, 255, 0.9) !important;
+}
+
+.ui.inverted.table tr td {
+ border-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.ui.inverted.table tr.disabled td,
+.ui.inverted.table tr td.disabled,
+.ui.inverted.table tr.disabled:hover td,
+.ui.inverted.table tr:hover td.disabled {
+ pointer-events: none;
+ color: rgba(225, 225, 225, 0.3);
+}
+
+/* Definition */
+
+.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
+.ui.inverted.definition.table thead:not(.full-width) th:first-child {
+ background: #FFFFFF;
+}
+
+.ui.inverted.definition.table tr td:first-child {
+ background: rgba(255, 255, 255, 0.02);
+ color: #ffffff;
+}
+
+/*--------------
+ Collapsing
+---------------*/
+
+.ui.collapsing.table {
+ width: auto;
+}
+
+/*--------------
+ Basic
+---------------*/
+
+.ui.basic.table {
+ background: transparent;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ box-shadow: none;
+}
+
+.ui.basic.table thead,
+.ui.basic.table tfoot {
+ box-shadow: none;
+}
+
+.ui.basic.table th {
+ background: transparent;
+ border-left: none;
+}
+
+.ui.basic.table tbody tr {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.basic.table td {
+ background: transparent;
+}
+
+.ui.basic.striped.table tbody tr:nth-child(2n) {
+ background-color: rgba(0, 0, 0, 0.05) !important;
+}
+
+/* Very Basic */
+
+.ui[class*="very basic"].table {
+ border: none;
+}
+
+.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
+ padding: '';
+}
+
+.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
+ padding-left: 0em;
+}
+
+.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
+.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
+ padding-right: 0em;
+}
+
+.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
+ padding-top: 0em;
+}
+
+/*--------------
+ Celled
+---------------*/
+
+.ui.celled.table tr th,
+.ui.celled.table tr td {
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.celled.table tr th:first-child,
+.ui.celled.table tr td:first-child {
+ border-left: none;
+}
+
+/*--------------
+ Padded
+---------------*/
+
+.ui.padded.table th {
+ padding-left: 1em;
+ padding-right: 1em;
+}
+
+.ui.padded.table th,
+.ui.padded.table td {
+ padding: 1em 1em;
+}
+
+/* Very */
+
+.ui[class*="very padded"].table th {
+ padding-left: 1.5em;
+ padding-right: 1.5em;
+}
+
+.ui[class*="very padded"].table td {
+ padding: 1.5em 1.5em;
+}
+
+/*--------------
+ Compact
+---------------*/
+
+.ui.compact.table th {
+ padding-left: 0.7em;
+ padding-right: 0.7em;
+}
+
+.ui.compact.table td {
+ padding: 0.5em 0.7em;
+}
+
+/* Very */
+
+.ui[class*="very compact"].table th {
+ padding-left: 0.6em;
+ padding-right: 0.6em;
+}
+
+.ui[class*="very compact"].table td {
+ padding: 0.4em 0.6em;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+/* Small */
+
+.ui.small.table {
+ font-size: 0.9em;
+}
+
+/* Standard */
+
+.ui.table {
+ font-size: 1em;
+}
+
+/* Large */
+
+.ui.large.table {
+ font-size: 1.1em;
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Ad
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Advertisement
+*******************************/
+
+.ui.ad {
+ display: block;
+ overflow: hidden;
+ margin: 1em 0em;
+}
+
+.ui.ad:first-child {
+ margin: 0em;
+}
+
+.ui.ad:last-child {
+ margin: 0em;
+}
+
+.ui.ad iframe {
+ margin: 0em;
+ padding: 0em;
+ border: none;
+ overflow: hidden;
+}
+
+/*--------------
+ Common
+---------------*/
+
+/* Leaderboard */
+
+.ui.leaderboard.ad {
+ width: 728px;
+ height: 90px;
+}
+
+/* Medium Rectangle */
+
+.ui[class*="medium rectangle"].ad {
+ width: 300px;
+ height: 250px;
+}
+
+/* Large Rectangle */
+
+.ui[class*="large rectangle"].ad {
+ width: 336px;
+ height: 280px;
+}
+
+/* Half Page */
+
+.ui[class*="half page"].ad {
+ width: 300px;
+ height: 600px;
+}
+
+/*--------------
+ Square
+---------------*/
+
+/* Square */
+
+.ui.square.ad {
+ width: 250px;
+ height: 250px;
+}
+
+/* Small Square */
+
+.ui[class*="small square"].ad {
+ width: 200px;
+ height: 200px;
+}
+
+/*--------------
+ Rectangle
+---------------*/
+
+/* Small Rectangle */
+
+.ui[class*="small rectangle"].ad {
+ width: 180px;
+ height: 150px;
+}
+
+/* Vertical Rectangle */
+
+.ui[class*="vertical rectangle"].ad {
+ width: 240px;
+ height: 400px;
+}
+
+/*--------------
+ Button
+---------------*/
+
+.ui.button.ad {
+ width: 120px;
+ height: 90px;
+}
+
+.ui[class*="square button"].ad {
+ width: 125px;
+ height: 125px;
+}
+
+.ui[class*="small button"].ad {
+ width: 120px;
+ height: 60px;
+}
+
+/*--------------
+ Skyscrapers
+---------------*/
+
+/* Skyscraper */
+
+.ui.skyscraper.ad {
+ width: 120px;
+ height: 600px;
+}
+
+/* Wide Skyscraper */
+
+.ui[class*="wide skyscraper"].ad {
+ width: 160px;
+}
+
+/*--------------
+ Banners
+---------------*/
+
+/* Banner */
+
+.ui.banner.ad {
+ width: 468px;
+ height: 60px;
+}
+
+/* Vertical Banner */
+
+.ui[class*="vertical banner"].ad {
+ width: 120px;
+ height: 240px;
+}
+
+/* Top Banner */
+
+.ui[class*="top banner"].ad {
+ width: 930px;
+ height: 180px;
+}
+
+/* Half Banner */
+
+.ui[class*="half banner"].ad {
+ width: 234px;
+ height: 60px;
+}
+
+/*--------------
+ Boards
+---------------*/
+
+/* Leaderboard */
+
+.ui[class*="large leaderboard"].ad {
+ width: 970px;
+ height: 90px;
+}
+
+/* Billboard */
+
+.ui.billboard.ad {
+ width: 970px;
+ height: 250px;
+}
+
+/*--------------
+ Panorama
+---------------*/
+
+/* Panorama */
+
+.ui.panorama.ad {
+ width: 980px;
+ height: 120px;
+}
+
+/*--------------
+ Netboard
+---------------*/
+
+/* Netboard */
+
+.ui.netboard.ad {
+ width: 580px;
+ height: 400px;
+}
+
+/*--------------
+ Mobile
+---------------*/
+
+/* Large Mobile Banner */
+
+.ui[class*="large mobile banner"].ad {
+ width: 320px;
+ height: 100px;
+}
+
+/* Mobile Leaderboard */
+
+.ui[class*="mobile leaderboard"].ad {
+ width: 320px;
+ height: 50px;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/* Mobile Sizes */
+
+.ui.mobile.ad {
+ display: none;
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.mobile.ad {
+ display: block;
+ }
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.centered.ad {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.ui.test.ad {
+ position: relative;
+ background: #545454;
+}
+
+.ui.test.ad:after {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 100%;
+ text-align: center;
+ transform: translateX(-50%) translateY(-50%);
+ content: 'Ad';
+ color: #FFFFFF;
+ font-size: 1em;
+ font-weight: bold;
+}
+
+.ui.mobile.test.ad:after {
+ font-size: 0.85714286em;
+}
+
+.ui.test.ad[data-text]:after {
+ content: attr(data-text);
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Item
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+/*--------------
+ Card
+---------------*/
+
+.ui.cards > .card,
+.ui.card {
+ max-width: 100%;
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: 290px;
+ min-height: 0px;
+ background: #FFFFFF;
+ padding: 0em;
+ border: none;
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
+ transition: box-shadow 0.1s ease, transform 0.1s ease;
+ z-index: '';
+}
+
+.ui.card {
+ margin: 1em 0em;
+}
+
+.ui.cards > .card a,
+.ui.card a {
+ cursor: pointer;
+}
+
+.ui.card:first-child {
+ margin-top: 0em;
+}
+
+.ui.card:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Cards
+---------------*/
+
+.ui.cards {
+ display: flex;
+ margin: -0.875em -0.5em;
+ flex-wrap: wrap;
+}
+
+.ui.cards > .card {
+ display: flex;
+ margin: 0.875em 0.5em;
+ float: none;
+}
+
+/* Clearing */
+
+.ui.cards:after,
+.ui.card:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+/* Consecutive Card Groups Preserve Row Spacing */
+
+.ui.cards ~ .ui.cards {
+ margin-top: 0.875em;
+}
+
+/*--------------
+ Rounded Edges
+---------------*/
+
+.ui.cards > .card > :first-child,
+.ui.card > :first-child {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
+ border-top: none !important;
+}
+
+.ui.cards > .card > :last-child,
+.ui.card > :last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
+}
+
+.ui.cards > .card > :only-child,
+.ui.card > :only-child {
+ border-radius: 0.28571429rem !important;
+}
+
+/*--------------
+ Images
+---------------*/
+
+.ui.cards > .card > .image,
+.ui.card > .image {
+ position: relative;
+ display: block;
+ flex: 0 0 auto;
+ padding: 0em;
+ background: rgba(0, 0, 0, 0.05);
+}
+
+.ui.cards > .card > .image > img,
+.ui.card > .image > img {
+ display: block;
+ width: 100%;
+ height: auto;
+ border-radius: inherit;
+}
+
+.ui.cards > .card > .image:not(.ui) > img,
+.ui.card > .image:not(.ui) > img {
+ border: none;
+}
+
+/*--------------
+ Content
+---------------*/
+
+.ui.cards > .card > .content,
+.ui.card > .content {
+ flex-grow: 1;
+ border: none;
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
+ background: none;
+ margin: 0em;
+ padding: 1em 1em;
+ box-shadow: none;
+ font-size: 1em;
+ border-radius: 0em;
+}
+
+.ui.cards > .card > .content:after,
+.ui.card > .content:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+.ui.cards > .card > .content > .header,
+.ui.card > .content > .header {
+ display: block;
+ margin: '';
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/* Default Header Size */
+
+.ui.cards > .card > .content > .header:not(.ui),
+.ui.card > .content > .header:not(.ui) {
+ font-weight: bold;
+ font-size: 1.28571429em;
+ margin-top: -0.21425em;
+ line-height: 1.28571429em;
+}
+
+.ui.cards > .card > .content > .meta + .description,
+.ui.cards > .card > .content > .header + .description,
+.ui.card > .content > .meta + .description,
+.ui.card > .content > .header + .description {
+ margin-top: 0.5em;
+}
+
+/*----------------
+ Floated Content
+-----------------*/
+
+.ui.cards > .card [class*="left floated"],
+.ui.card [class*="left floated"] {
+ float: left;
+}
+
+.ui.cards > .card [class*="right floated"],
+.ui.card [class*="right floated"] {
+ float: right;
+}
+
+/*--------------
+ Aligned
+---------------*/
+
+.ui.cards > .card [class*="left aligned"],
+.ui.card [class*="left aligned"] {
+ text-align: left;
+}
+
+.ui.cards > .card [class*="center aligned"],
+.ui.card [class*="center aligned"] {
+ text-align: center;
+}
+
+.ui.cards > .card [class*="right aligned"],
+.ui.card [class*="right aligned"] {
+ text-align: right;
+}
+
+/*--------------
+ Content Image
+---------------*/
+
+.ui.cards > .card .content img,
+.ui.card .content img {
+ display: inline-block;
+ vertical-align: middle;
+ width: '';
+}
+
+.ui.cards > .card img.avatar,
+.ui.cards > .card .avatar img,
+.ui.card img.avatar,
+.ui.card .avatar img {
+ width: 2em;
+ height: 2em;
+ border-radius: 500rem;
+}
+
+/*--------------
+ Description
+---------------*/
+
+.ui.cards > .card > .content > .description,
+.ui.card > .content > .description {
+ clear: both;
+ color: rgba(0, 0, 0, 0.68);
+}
+
+/*--------------
+ Paragraph
+---------------*/
+
+.ui.cards > .card > .content p,
+.ui.card > .content p {
+ margin: 0em 0em 0.5em;
+}
+
+.ui.cards > .card > .content p:last-child,
+.ui.card > .content p:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Meta
+---------------*/
+
+.ui.cards > .card .meta,
+.ui.card .meta {
+ font-size: 1em;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.cards > .card .meta *,
+.ui.card .meta * {
+ margin-right: 0.3em;
+}
+
+.ui.cards > .card .meta :last-child,
+.ui.card .meta :last-child {
+ margin-right: 0em;
+}
+
+.ui.cards > .card .meta [class*="right floated"],
+.ui.card .meta [class*="right floated"] {
+ margin-right: 0em;
+ margin-left: 0.3em;
+}
+
+/*--------------
+ Links
+---------------*/
+
+/* Generic */
+
+.ui.cards > .card > .content a:not(.ui),
+.ui.card > .content a:not(.ui) {
+ color: '';
+ transition: color 0.1s ease;
+}
+
+.ui.cards > .card > .content a:not(.ui):hover,
+.ui.card > .content a:not(.ui):hover {
+ color: '';
+}
+
+/* Header */
+
+.ui.cards > .card > .content > a.header,
+.ui.card > .content > a.header {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.cards > .card > .content > a.header:hover,
+.ui.card > .content > a.header:hover {
+ color: #1e70bf;
+}
+
+/* Meta */
+
+.ui.cards > .card .meta > a:not(.ui),
+.ui.card .meta > a:not(.ui) {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.cards > .card .meta > a:not(.ui):hover,
+.ui.card .meta > a:not(.ui):hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*--------------
+ Buttons
+---------------*/
+
+.ui.cards > .card > .buttons,
+.ui.card > .buttons,
+.ui.cards > .card > .button,
+.ui.card > .button {
+ margin: 0px -1px;
+ width: calc(100% + 2px );
+}
+
+/*--------------
+ Dimmer
+---------------*/
+
+.ui.cards > .card .dimmer,
+.ui.card .dimmer {
+ background-color: '';
+ z-index: 10;
+}
+
+/*--------------
+ Labels
+---------------*/
+
+/*-----Star----- */
+
+/* Icon */
+
+.ui.cards > .card > .content .star.icon,
+.ui.card > .content .star.icon {
+ cursor: pointer;
+ opacity: 0.75;
+ transition: color 0.1s ease;
+}
+
+.ui.cards > .card > .content .star.icon:hover,
+.ui.card > .content .star.icon:hover {
+ opacity: 1;
+ color: #FFB70A;
+}
+
+.ui.cards > .card > .content .active.star.icon,
+.ui.card > .content .active.star.icon {
+ color: #FFE623;
+}
+
+/*-----Like----- */
+
+/* Icon */
+
+.ui.cards > .card > .content .like.icon,
+.ui.card > .content .like.icon {
+ cursor: pointer;
+ opacity: 0.75;
+ transition: color 0.1s ease;
+}
+
+.ui.cards > .card > .content .like.icon:hover,
+.ui.card > .content .like.icon:hover {
+ opacity: 1;
+ color: #FF2733;
+}
+
+.ui.cards > .card > .content .active.like.icon,
+.ui.card > .content .active.like.icon {
+ color: #FF2733;
+}
+
+/*----------------
+ Extra Content
+-----------------*/
+
+.ui.cards > .card > .extra,
+.ui.card > .extra {
+ max-width: 100%;
+ min-height: 0em !important;
+ flex-grow: 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
+ position: static;
+ background: none;
+ width: auto;
+ margin: 0em 0em;
+ padding: 0.75em 1em;
+ top: 0em;
+ left: 0em;
+ color: rgba(0, 0, 0, 0.4);
+ box-shadow: none;
+ transition: color 0.1s ease;
+}
+
+.ui.cards > .card > .extra a:not(.ui),
+.ui.card > .extra a:not(.ui) {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.cards > .card > .extra a:not(.ui):hover,
+.ui.card > .extra a:not(.ui):hover {
+ color: #1e70bf;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Raised
+--------------------*/
+
+.ui.raised.cards > .card,
+.ui.raised.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+.ui.raised.cards a.card:hover,
+.ui.link.cards .raised.card:hover,
+a.ui.raised.card:hover,
+.ui.link.raised.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
+}
+
+.ui.raised.cards > .card,
+.ui.raised.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+/*-------------------
+ Centered
+--------------------*/
+
+.ui.centered.cards {
+ justify-content: center;
+}
+
+.ui.centered.card {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/*-------------------
+ Fluid
+--------------------*/
+
+.ui.fluid.card {
+ width: 100%;
+ max-width: 9999px;
+}
+
+/*-------------------
+ Link
+--------------------*/
+
+.ui.cards a.card,
+.ui.link.cards .card,
+a.ui.card,
+.ui.link.card {
+ transform: none;
+}
+
+.ui.cards a.card:hover,
+.ui.link.cards .card:hover,
+a.ui.card:hover,
+.ui.link.card:hover {
+ cursor: pointer;
+ z-index: 5;
+ background: #FFFFFF;
+ border: none;
+ box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
+ transform: translateY(-3px);
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/* Red */
+
+.ui.red.cards > .card,
+.ui.cards > .red.card,
+.ui.red.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.red.cards > .card:hover,
+.ui.cards > .red.card:hover,
+.ui.red.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Orange */
+
+.ui.orange.cards > .card,
+.ui.cards > .orange.card,
+.ui.orange.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.orange.cards > .card:hover,
+.ui.cards > .orange.card:hover,
+.ui.orange.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Yellow */
+
+.ui.yellow.cards > .card,
+.ui.cards > .yellow.card,
+.ui.yellow.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.yellow.cards > .card:hover,
+.ui.cards > .yellow.card:hover,
+.ui.yellow.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Olive */
+
+.ui.olive.cards > .card,
+.ui.cards > .olive.card,
+.ui.olive.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.olive.cards > .card:hover,
+.ui.cards > .olive.card:hover,
+.ui.olive.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Green */
+
+.ui.green.cards > .card,
+.ui.cards > .green.card,
+.ui.green.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.green.cards > .card:hover,
+.ui.cards > .green.card:hover,
+.ui.green.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Teal */
+
+.ui.teal.cards > .card,
+.ui.cards > .teal.card,
+.ui.teal.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.teal.cards > .card:hover,
+.ui.cards > .teal.card:hover,
+.ui.teal.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Blue */
+
+.ui.blue.cards > .card,
+.ui.cards > .blue.card,
+.ui.blue.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.blue.cards > .card:hover,
+.ui.cards > .blue.card:hover,
+.ui.blue.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Violet */
+
+.ui.violet.cards > .card,
+.ui.cards > .violet.card,
+.ui.violet.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.violet.cards > .card:hover,
+.ui.cards > .violet.card:hover,
+.ui.violet.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Purple */
+
+.ui.purple.cards > .card,
+.ui.cards > .purple.card,
+.ui.purple.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.purple.cards > .card:hover,
+.ui.cards > .purple.card:hover,
+.ui.purple.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Pink */
+
+.ui.pink.cards > .card,
+.ui.cards > .pink.card,
+.ui.pink.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.pink.cards > .card:hover,
+.ui.cards > .pink.card:hover,
+.ui.pink.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Brown */
+
+.ui.brown.cards > .card,
+.ui.cards > .brown.card,
+.ui.brown.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.brown.cards > .card:hover,
+.ui.cards > .brown.card:hover,
+.ui.brown.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Grey */
+
+.ui.grey.cards > .card,
+.ui.cards > .grey.card,
+.ui.grey.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.grey.cards > .card:hover,
+.ui.cards > .grey.card:hover,
+.ui.grey.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD;
+}
+
+/* Black */
+
+.ui.black.cards > .card,
+.ui.cards > .black.card,
+.ui.black.card {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;
+}
+
+.ui.black.cards > .card:hover,
+.ui.cards > .black.card:hover,
+.ui.black.card:hover {
+ box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;
+}
+
+/*--------------
+ Card Count
+---------------*/
+
+.ui.one.cards {
+ margin-left: 0em;
+ margin-right: 0em;
+}
+
+.ui.one.cards > .card {
+ width: 100%;
+}
+
+.ui.two.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+}
+
+.ui.two.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+}
+
+.ui.three.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+}
+
+.ui.three.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+}
+
+.ui.four.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+}
+
+.ui.four.cards > .card {
+ width: calc( 25% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+}
+
+.ui.five.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+}
+
+.ui.five.cards > .card {
+ width: calc( 20% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+}
+
+.ui.six.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+}
+
+.ui.six.cards > .card {
+ width: calc( 16.66666667% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+}
+
+.ui.seven.cards {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+
+.ui.seven.cards > .card {
+ width: calc( 14.28571429% - 1em );
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+.ui.eight.cards {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+
+.ui.eight.cards > .card {
+ width: calc( 12.5% - 1em );
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ font-size: 11px;
+}
+
+.ui.nine.cards {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+
+.ui.nine.cards > .card {
+ width: calc( 11.11111111% - 1em );
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ font-size: 10px;
+}
+
+.ui.ten.cards {
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+}
+
+.ui.ten.cards > .card {
+ width: calc( 10% - 1em );
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+/*-------------------
+ Doubling
+--------------------*/
+
+/* Mobile Only */
+
+@media only screen and (max-width: 767px) {
+ .ui.two.doubling.cards {
+ margin-left: 0em;
+ margin-right: 0em;
+ }
+
+ .ui.two.doubling.cards > .card {
+ width: 100%;
+ margin-left: 0em;
+ margin-right: 0em;
+ }
+
+ .ui.three.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.three.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.four.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.four.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.five.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.five.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.six.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.six.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.seven.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.seven.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.eight.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.eight.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.nine.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.nine.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.ten.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.ten.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+}
+
+/* Tablet Only */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.two.doubling.cards {
+ margin-left: 0em;
+ margin-right: 0em;
+ }
+
+ .ui.two.doubling.cards > .card {
+ width: 100%;
+ margin-left: 0em;
+ margin-right: 0em;
+ }
+
+ .ui.three.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.three.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.four.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.four.doubling.cards > .card {
+ width: calc( 50% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.five.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.five.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.six.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.six.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.eight.doubling.cards {
+ margin-left: -1em;
+ margin-right: -1em;
+ }
+
+ .ui.eight.doubling.cards > .card {
+ width: calc( 33.33333333% - 2em );
+ margin-left: 1em;
+ margin-right: 1em;
+ }
+
+ .ui.eight.doubling.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+ }
+
+ .ui.eight.doubling.cards > .card {
+ width: calc( 25% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+ }
+
+ .ui.nine.doubling.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+ }
+
+ .ui.nine.doubling.cards > .card {
+ width: calc( 25% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+ }
+
+ .ui.ten.doubling.cards {
+ margin-left: -0.75em;
+ margin-right: -0.75em;
+ }
+
+ .ui.ten.doubling.cards > .card {
+ width: calc( 20% - 1.5em );
+ margin-left: 0.75em;
+ margin-right: 0.75em;
+ }
+}
+
+/*-------------------
+ Stackable
+--------------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.cards {
+ display: block !important;
+ }
+
+ .ui.stackable.cards .card:first-child {
+ margin-top: 0em !important;
+ }
+
+ .ui.stackable.cards > .card {
+ display: block !important;
+ height: auto !important;
+ margin: 1em 1em;
+ padding: 0 !important;
+ width: calc( 100% - 2em ) !important;
+ }
+}
+
+/*--------------
+ Size
+---------------*/
+
+.ui.cards > .card {
+ font-size: 1em;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Comment
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+/*--------------
+ Comments
+---------------*/
+
+.ui.comments {
+ margin: 1.5em 0em;
+ max-width: 650px;
+}
+
+.ui.comments:first-child {
+ margin-top: 0em;
+}
+
+.ui.comments:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Comment
+---------------*/
+
+.ui.comments .comment {
+ position: relative;
+ background: none;
+ margin: 0.5em 0em 0em;
+ padding: 0.5em 0em 0em;
+ border: none;
+ border-top: none;
+ line-height: 1.2;
+}
+
+.ui.comments .comment:first-child {
+ margin-top: 0em;
+ padding-top: 0em;
+}
+
+/*--------------------
+ Nested Comments
+---------------------*/
+
+.ui.comments .comment .comments {
+ margin: 0em 0em 0.5em 0.5em;
+ padding: 1em 0em 1em 1em;
+}
+
+.ui.comments .comment .comments:before {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+}
+
+.ui.comments .comment .comments .comment {
+ border: none;
+ border-top: none;
+ background: none;
+}
+
+/*--------------
+ Avatar
+---------------*/
+
+.ui.comments .comment .avatar {
+ display: block;
+ width: 2.5em;
+ height: auto;
+ float: left;
+ margin: 0.2em 0em 0em;
+}
+
+.ui.comments .comment img.avatar,
+.ui.comments .comment .avatar img {
+ display: block;
+ margin: 0em auto;
+ width: 100%;
+ height: 100%;
+ border-radius: 0.25rem;
+}
+
+/*--------------
+ Content
+---------------*/
+
+.ui.comments .comment > .content {
+ display: block;
+}
+
+/* If there is an avatar move content over */
+
+.ui.comments .comment > .avatar ~ .content {
+ margin-left: 3.5em;
+}
+
+/*--------------
+ Author
+---------------*/
+
+.ui.comments .comment .author {
+ font-size: 1em;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.ui.comments .comment a.author {
+ cursor: pointer;
+}
+
+.ui.comments .comment a.author:hover {
+ color: #1e70bf;
+}
+
+/*--------------
+ Metadata
+---------------*/
+
+.ui.comments .comment .metadata {
+ display: inline-block;
+ margin-left: 0.5em;
+ color: rgba(0, 0, 0, 0.4);
+ font-size: 0.875em;
+}
+
+.ui.comments .comment .metadata > * {
+ display: inline-block;
+ margin: 0em 0.5em 0em 0em;
+}
+
+.ui.comments .comment .metadata > :last-child {
+ margin-right: 0em;
+}
+
+/*--------------------
+ Comment Text
+---------------------*/
+
+.ui.comments .comment .text {
+ margin: 0.25em 0em 0.5em;
+ font-size: 1em;
+ word-wrap: break-word;
+ color: rgba(0, 0, 0, 0.87);
+ line-height: 1.3;
+}
+
+/*--------------------
+ User Actions
+---------------------*/
+
+.ui.comments .comment .actions {
+ font-size: 0.875em;
+}
+
+.ui.comments .comment .actions a {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0em 0.75em 0em 0em;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.comments .comment .actions a:last-child {
+ margin-right: 0em;
+}
+
+.ui.comments .comment .actions a.active,
+.ui.comments .comment .actions a:hover {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/*--------------------
+ Reply Form
+---------------------*/
+
+.ui.comments > .reply.form {
+ margin-top: 1em;
+}
+
+.ui.comments .comment .reply.form {
+ width: 100%;
+ margin-top: 1em;
+}
+
+.ui.comments .reply.form textarea {
+ font-size: 1em;
+ height: 12em;
+}
+
+/*******************************
+ State
+*******************************/
+
+.ui.collapsed.comments,
+.ui.comments .collapsed.comments,
+.ui.comments .collapsed.comment {
+ display: none;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------------
+ Threaded
+---------------------*/
+
+.ui.threaded.comments .comment .comments {
+ margin: -1.5em 0 -1em 1.25em;
+ padding: 3em 0em 2em 2.25em;
+ box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+/*--------------------
+ Minimal
+---------------------*/
+
+.ui.minimal.comments .comment .actions {
+ opacity: 0;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ left: auto;
+ transition: opacity 0.2s ease;
+ transition-delay: 0.1s;
+}
+
+.ui.minimal.comments .comment > .content:hover > .actions {
+ opacity: 1;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.comments {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.comments {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.comments {
+ font-size: 0.92857143rem;
+}
+
+.ui.comments {
+ font-size: 1rem;
+}
+
+.ui.large.comments {
+ font-size: 1.14285714rem;
+}
+
+.ui.big.comments {
+ font-size: 1.28571429rem;
+}
+
+.ui.huge.comments {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.comments {
+ font-size: 1.71428571rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Feed
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Activity Feed
+*******************************/
+
+.ui.feed {
+ margin: 1em 0em;
+}
+
+.ui.feed:first-child {
+ margin-top: 0em;
+}
+
+.ui.feed:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* Event */
+
+.ui.feed > .event {
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+ padding: 0.21428571rem 0em;
+ margin: 0em;
+ background: none;
+ border-top: none;
+}
+
+.ui.feed > .event:first-child {
+ border-top: 0px;
+ padding-top: 0em;
+}
+
+.ui.feed > .event:last-child {
+ padding-bottom: 0em;
+}
+
+/* Event Label */
+
+.ui.feed > .event > .label {
+ display: block;
+ flex: 0 0 auto;
+ width: 2.5em;
+ height: auto;
+ align-self: stretch;
+ text-align: left;
+}
+
+.ui.feed > .event > .label .icon {
+ opacity: 1;
+ font-size: 1.5em;
+ width: 100%;
+ padding: 0.25em;
+ background: none;
+ border: none;
+ border-radius: none;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.feed > .event > .label img {
+ width: 100%;
+ height: auto;
+ border-radius: 500rem;
+}
+
+.ui.feed > .event > .label + .content {
+ margin: 0.5em 0em 0.35714286em 1.14285714em;
+}
+
+/*--------------
+ Content
+---------------*/
+
+/* Content */
+
+.ui.feed > .event > .content {
+ display: block;
+ flex: 1 1 auto;
+ align-self: stretch;
+ text-align: left;
+ word-wrap: break-word;
+}
+
+.ui.feed > .event:last-child > .content {
+ padding-bottom: 0em;
+}
+
+/* Link */
+
+.ui.feed > .event > .content a {
+ cursor: pointer;
+}
+
+/*--------------
+ Date
+---------------*/
+
+.ui.feed > .event > .content .date {
+ margin: -0.5rem 0em 0em;
+ padding: 0em;
+ font-weight: normal;
+ font-size: 1em;
+ font-style: normal;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/*--------------
+ Summary
+---------------*/
+
+.ui.feed > .event > .content .summary {
+ margin: 0em;
+ font-size: 1em;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Summary Image */
+
+.ui.feed > .event > .content .summary img {
+ display: inline-block;
+ width: auto;
+ height: 10em;
+ margin: -0.25em 0.25em 0em 0em;
+ border-radius: 0.25em;
+ vertical-align: middle;
+}
+
+/*--------------
+ User
+---------------*/
+
+.ui.feed > .event > .content .user {
+ display: inline-block;
+ font-weight: bold;
+ margin-right: 0em;
+ vertical-align: baseline;
+}
+
+.ui.feed > .event > .content .user img {
+ margin: -0.25em 0.25em 0em 0em;
+ width: auto;
+ height: 10em;
+ vertical-align: middle;
+}
+
+/*--------------
+ Inline Date
+---------------*/
+
+/* Date inside Summary */
+
+.ui.feed > .event > .content .summary > .date {
+ display: inline-block;
+ float: none;
+ font-weight: normal;
+ font-size: 0.85714286em;
+ font-style: normal;
+ margin: 0em 0em 0em 0.5em;
+ padding: 0em;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/*--------------
+ Extra Summary
+---------------*/
+
+.ui.feed > .event > .content .extra {
+ margin: 0.5em 0em 0em;
+ background: none;
+ padding: 0em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Images */
+
+.ui.feed > .event > .content .extra.images img {
+ display: inline-block;
+ margin: 0em 0.25em 0em 0em;
+ width: 6em;
+}
+
+/* Text */
+
+.ui.feed > .event > .content .extra.text {
+ padding: 0em;
+ border-left: none;
+ font-size: 1em;
+ max-width: 500px;
+ line-height: 1.4285em;
+}
+
+/*--------------
+ Meta
+---------------*/
+
+.ui.feed > .event > .content .meta {
+ display: inline-block;
+ font-size: 0.85714286em;
+ margin: 0.5em 0em 0em;
+ background: none;
+ border: none;
+ border-radius: 0;
+ box-shadow: none;
+ padding: 0em;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.feed > .event > .content .meta > * {
+ position: relative;
+ margin-left: 0.75em;
+}
+
+.ui.feed > .event > .content .meta > *:after {
+ content: '';
+ color: rgba(0, 0, 0, 0.2);
+ top: 0em;
+ left: -1em;
+ opacity: 1;
+ position: absolute;
+ vertical-align: top;
+}
+
+.ui.feed > .event > .content .meta .like {
+ color: '';
+ transition: 0.2s color ease;
+}
+
+.ui.feed > .event > .content .meta .like:hover .icon {
+ color: #FF2733;
+}
+
+.ui.feed > .event > .content .meta .active.like .icon {
+ color: #EF404A;
+}
+
+/* First element */
+
+.ui.feed > .event > .content .meta > :first-child {
+ margin-left: 0em;
+}
+
+.ui.feed > .event > .content .meta > :first-child::after {
+ display: none;
+}
+
+/* Action */
+
+.ui.feed > .event > .content .meta a,
+.ui.feed > .event > .content .meta > .icon {
+ cursor: pointer;
+ opacity: 1;
+ color: rgba(0, 0, 0, 0.5);
+ transition: color 0.1s ease;
+}
+
+.ui.feed > .event > .content .meta a:hover,
+.ui.feed > .event > .content .meta a:hover .icon,
+.ui.feed > .event > .content .meta > .icon:hover {
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.small.feed {
+ font-size: 0.92857143rem;
+}
+
+.ui.feed {
+ font-size: 1rem;
+}
+
+.ui.large.feed {
+ font-size: 1.14285714rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Item
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Standard
+*******************************/
+
+/*--------------
+ Item
+---------------*/
+
+.ui.items > .item {
+ display: flex;
+ margin: 1em 0em;
+ width: 100%;
+ min-height: 0px;
+ background: transparent;
+ padding: 0em;
+ border: none;
+ border-radius: 0rem;
+ box-shadow: none;
+ transition: box-shadow 0.1s ease;
+ z-index: '';
+}
+
+.ui.items > .item a {
+ cursor: pointer;
+}
+
+/*--------------
+ Items
+---------------*/
+
+.ui.items {
+ margin: 1.5em 0em;
+}
+
+.ui.items:first-child {
+ margin-top: 0em !important;
+}
+
+.ui.items:last-child {
+ margin-bottom: 0em !important;
+}
+
+/*--------------
+ Item
+---------------*/
+
+.ui.items > .item:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+.ui.items > .item:first-child {
+ margin-top: 0em;
+}
+
+.ui.items > .item:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Images
+---------------*/
+
+.ui.items > .item > .image {
+ position: relative;
+ flex: 0 0 auto;
+ display: block;
+ float: none;
+ margin: 0em;
+ padding: 0em;
+ max-height: '';
+ align-self: top;
+}
+
+.ui.items > .item > .image > img {
+ display: block;
+ width: 100%;
+ height: auto;
+ border-radius: 0.125rem;
+ border: none;
+}
+
+.ui.items > .item > .image:only-child > img {
+ border-radius: 0rem;
+}
+
+/*--------------
+ Content
+---------------*/
+
+.ui.items > .item > .content {
+ display: block;
+ flex: 1 1 auto;
+ background: none;
+ margin: 0em;
+ padding: 0em;
+ box-shadow: none;
+ font-size: 1em;
+ border: none;
+ border-radius: 0em;
+}
+
+.ui.items > .item > .content:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+.ui.items > .item > .image + .content {
+ min-width: 0;
+ width: auto;
+ display: block;
+ margin-left: 0em;
+ align-self: top;
+ padding-left: 1.5em;
+}
+
+.ui.items > .item > .content > .header {
+ display: inline-block;
+ margin: -0.21425em 0em 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/* Default Header Size */
+
+.ui.items > .item > .content > .header:not(.ui) {
+ font-size: 1.28571429em;
+}
+
+/*--------------
+ Floated
+---------------*/
+
+.ui.items > .item [class*="left floated"] {
+ float: left;
+}
+
+.ui.items > .item [class*="right floated"] {
+ float: right;
+}
+
+/*--------------
+ Content Image
+---------------*/
+
+.ui.items > .item .content img {
+ align-self: middle;
+ width: '';
+}
+
+.ui.items > .item img.avatar,
+.ui.items > .item .avatar img {
+ width: '';
+ height: '';
+ border-radius: 500rem;
+}
+
+/*--------------
+ Description
+---------------*/
+
+.ui.items > .item > .content > .description {
+ margin-top: 0.6em;
+ max-width: auto;
+ font-size: 1em;
+ line-height: 1.4285em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*--------------
+ Paragraph
+---------------*/
+
+.ui.items > .item > .content p {
+ margin: 0em 0em 0.5em;
+}
+
+.ui.items > .item > .content p:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Meta
+---------------*/
+
+.ui.items > .item .meta {
+ margin: 0.5em 0em 0.5em;
+ font-size: 1em;
+ line-height: 1em;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.ui.items > .item .meta * {
+ margin-right: 0.3em;
+}
+
+.ui.items > .item .meta :last-child {
+ margin-right: 0em;
+}
+
+.ui.items > .item .meta [class*="right floated"] {
+ margin-right: 0em;
+ margin-left: 0.3em;
+}
+
+/*--------------
+ Links
+---------------*/
+
+/* Generic */
+
+.ui.items > .item > .content a:not(.ui) {
+ color: '';
+ transition: color 0.1s ease;
+}
+
+.ui.items > .item > .content a:not(.ui):hover {
+ color: '';
+}
+
+/* Header */
+
+.ui.items > .item > .content > a.header {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.items > .item > .content > a.header:hover {
+ color: #1e70bf;
+}
+
+/* Meta */
+
+.ui.items > .item .meta > a:not(.ui) {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.items > .item .meta > a:not(.ui):hover {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*--------------
+ Labels
+---------------*/
+
+/*-----Star----- */
+
+/* Icon */
+
+.ui.items > .item > .content .favorite.icon {
+ cursor: pointer;
+ opacity: 0.75;
+ transition: color 0.1s ease;
+}
+
+.ui.items > .item > .content .favorite.icon:hover {
+ opacity: 1;
+ color: #FFB70A;
+}
+
+.ui.items > .item > .content .active.favorite.icon {
+ color: #FFE623;
+}
+
+/*-----Like----- */
+
+/* Icon */
+
+.ui.items > .item > .content .like.icon {
+ cursor: pointer;
+ opacity: 0.75;
+ transition: color 0.1s ease;
+}
+
+.ui.items > .item > .content .like.icon:hover {
+ opacity: 1;
+ color: #FF2733;
+}
+
+.ui.items > .item > .content .active.like.icon {
+ color: #FF2733;
+}
+
+/*----------------
+ Extra Content
+-----------------*/
+
+.ui.items > .item .extra {
+ display: block;
+ position: relative;
+ background: none;
+ margin: 0.5rem 0em 0em;
+ width: 100%;
+ padding: 0em 0em 0em;
+ top: 0em;
+ left: 0em;
+ color: rgba(0, 0, 0, 0.4);
+ box-shadow: none;
+ transition: color 0.1s ease;
+ border-top: none;
+}
+
+.ui.items > .item .extra > * {
+ margin: 0.25rem 0.5rem 0.25rem 0em;
+}
+
+.ui.items > .item .extra > [class*="right floated"] {
+ margin: 0.25rem 0em 0.25rem 0.5rem;
+}
+
+.ui.items > .item .extra:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+/*******************************
+ Responsive
+*******************************/
+
+/* Default Image Width */
+
+.ui.items > .item > .image:not(.ui) {
+ width: 175px;
+}
+
+/* Tablet Only */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .ui.items > .item {
+ margin: 1em 0em;
+ }
+
+ .ui.items > .item > .image:not(.ui) {
+ width: 150px;
+ }
+
+ .ui.items > .item > .image + .content {
+ display: block;
+ padding: 0em 0em 0em 1em;
+ }
+}
+
+/* Mobile Only */
+
+@media only screen and (max-width: 767px) {
+ .ui.items:not(.unstackable) > .item {
+ flex-direction: column;
+ margin: 2em 0em;
+ }
+
+ .ui.items:not(.unstackable) > .item > .image {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .ui.items:not(.unstackable) > .item > .image,
+ .ui.items:not(.unstackable) > .item > .image > img {
+ max-width: 100% !important;
+ width: auto !important;
+ max-height: 250px !important;
+ }
+
+ .ui.items:not(.unstackable) > .item > .image + .content {
+ display: block;
+ padding: 1.5em 0em 0em;
+ }
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Aligned
+--------------------*/
+
+.ui.items > .item > .image + [class*="top aligned"].content {
+ align-self: flex-start;
+}
+
+.ui.items > .item > .image + [class*="middle aligned"].content {
+ align-self: center;
+}
+
+.ui.items > .item > .image + [class*="bottom aligned"].content {
+ align-self: flex-end;
+}
+
+/*--------------
+ Relaxed
+---------------*/
+
+.ui.relaxed.items > .item {
+ margin: 1.5em 0em;
+}
+
+.ui[class*="very relaxed"].items > .item {
+ margin: 2em 0em;
+}
+
+/*-------------------
+ Divided
+--------------------*/
+
+.ui.divided.items > .item {
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ margin: 0em;
+ padding: 1em 0em;
+}
+
+.ui.divided.items > .item:first-child {
+ border-top: none;
+ margin-top: 0em !important;
+ padding-top: 0em !important;
+}
+
+.ui.divided.items > .item:last-child {
+ margin-bottom: 0em !important;
+ padding-bottom: 0em !important;
+}
+
+/* Relaxed Divided */
+
+.ui.relaxed.divided.items > .item {
+ margin: 0em;
+ padding: 1.5em 0em;
+}
+
+.ui[class*="very relaxed"].divided.items > .item {
+ margin: 0em;
+ padding: 2em 0em;
+}
+
+/*-------------------
+ Link
+--------------------*/
+
+.ui.items a.item:hover,
+.ui.link.items > .item:hover {
+ cursor: pointer;
+}
+
+.ui.items a.item:hover .content .header,
+.ui.link.items > .item:hover .content .header {
+ color: #1e70bf;
+}
+
+/*--------------
+ Size
+---------------*/
+
+.ui.items > .item {
+ font-size: 1em;
+}
+
+/*---------------
+ Unstackable
+----------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.unstackable.items > .item > .image,
+ .ui.unstackable.items > .item > .image > img {
+ width: 125px !important;
+ }
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Statistic
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Statistic
+*******************************/
+
+/* Standalone */
+
+.ui.statistic {
+ display: inline-flex;
+ flex-direction: column;
+ margin: 1em 0em;
+ max-width: auto;
+}
+
+.ui.statistic + .ui.statistic {
+ margin: 0em 0em 0em 1.5em;
+}
+
+.ui.statistic:first-child {
+ margin-top: 0em;
+}
+
+.ui.statistic:last-child {
+ margin-bottom: 0em;
+}
+
+/*******************************
+ Group
+*******************************/
+
+/* Grouped */
+
+.ui.statistics {
+ display: flex;
+ align-items: flex-start;
+ flex-wrap: wrap;
+}
+
+.ui.statistics > .statistic {
+ display: inline-flex;
+ flex: 0 1 auto;
+ flex-direction: column;
+ margin: 0em 1.5em 1em;
+ max-width: auto;
+}
+
+.ui.statistics {
+ display: flex;
+ margin: 1em -1.5em -1em;
+}
+
+/* Clearing */
+
+.ui.statistics:after {
+ display: block;
+ content: ' ';
+ height: 0px;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden;
+}
+
+.ui.statistics:first-child {
+ margin-top: 0em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/*--------------
+ Value
+---------------*/
+
+.ui.statistics .statistic > .value,
+.ui.statistic > .value {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 4rem;
+ font-weight: normal;
+ line-height: 1em;
+ color: #1B1C1D;
+ text-transform: uppercase;
+ text-align: center;
+}
+
+/*--------------
+ Label
+---------------*/
+
+.ui.statistics .statistic > .label,
+.ui.statistic > .label {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+ text-transform: uppercase;
+ text-align: center;
+}
+
+/* Top Label */
+
+.ui.statistics .statistic > .label ~ .value,
+.ui.statistic > .label ~ .value {
+ margin-top: 0rem;
+}
+
+/* Bottom Label */
+
+.ui.statistics .statistic > .value ~ .label,
+.ui.statistic > .value ~ .label {
+ margin-top: 0rem;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Icon Value
+---------------*/
+
+.ui.statistics .statistic > .value .icon,
+.ui.statistic > .value .icon {
+ opacity: 1;
+ width: auto;
+ margin: 0em;
+}
+
+/*--------------
+ Text Value
+---------------*/
+
+.ui.statistics .statistic > .text.value,
+.ui.statistic > .text.value {
+ line-height: 1em;
+ min-height: 2em;
+ font-weight: bold;
+ text-align: center;
+}
+
+.ui.statistics .statistic > .text.value + .label,
+.ui.statistic > .text.value + .label {
+ text-align: center;
+}
+
+/*--------------
+ Image Value
+---------------*/
+
+.ui.statistics .statistic > .value img,
+.ui.statistic > .value img {
+ max-height: 3rem;
+ vertical-align: baseline;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Count
+---------------*/
+
+.ui.ten.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.ten.statistics .statistic {
+ min-width: 10%;
+ margin: 0em 0em 1em;
+}
+
+.ui.nine.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.nine.statistics .statistic {
+ min-width: 11.11111111%;
+ margin: 0em 0em 1em;
+}
+
+.ui.eight.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.eight.statistics .statistic {
+ min-width: 12.5%;
+ margin: 0em 0em 1em;
+}
+
+.ui.seven.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.seven.statistics .statistic {
+ min-width: 14.28571429%;
+ margin: 0em 0em 1em;
+}
+
+.ui.six.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.six.statistics .statistic {
+ min-width: 16.66666667%;
+ margin: 0em 0em 1em;
+}
+
+.ui.five.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.five.statistics .statistic {
+ min-width: 20%;
+ margin: 0em 0em 1em;
+}
+
+.ui.four.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.four.statistics .statistic {
+ min-width: 25%;
+ margin: 0em 0em 1em;
+}
+
+.ui.three.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.three.statistics .statistic {
+ min-width: 33.33333333%;
+ margin: 0em 0em 1em;
+}
+
+.ui.two.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.two.statistics .statistic {
+ min-width: 50%;
+ margin: 0em 0em 1em;
+}
+
+.ui.one.statistics {
+ margin: 0em 0em -1em;
+}
+
+.ui.one.statistics .statistic {
+ min-width: 100%;
+ margin: 0em 0em 1em;
+}
+
+/*--------------
+ Horizontal
+---------------*/
+
+.ui.horizontal.statistic {
+ flex-direction: row;
+ align-items: center;
+}
+
+.ui.horizontal.statistics {
+ flex-direction: column;
+ margin: 0em;
+ max-width: none;
+}
+
+.ui.horizontal.statistics .statistic {
+ flex-direction: row;
+ align-items: center;
+ max-width: none;
+ margin: 1em 0em;
+}
+
+.ui.horizontal.statistic > .text.value,
+.ui.horizontal.statistics > .statistic > .text.value {
+ min-height: 0em !important;
+}
+
+.ui.horizontal.statistics .statistic > .value .icon,
+.ui.horizontal.statistic > .value .icon {
+ width: 1.18em;
+}
+
+.ui.horizontal.statistics .statistic > .value,
+.ui.horizontal.statistic > .value {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.ui.horizontal.statistics .statistic > .label,
+.ui.horizontal.statistic > .label {
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0em 0em 0em 0.75em;
+}
+
+/*--------------
+ Colors
+---------------*/
+
+.ui.red.statistics .statistic > .value,
+.ui.statistics .red.statistic > .value,
+.ui.red.statistic > .value {
+ color: #DB2828;
+}
+
+.ui.orange.statistics .statistic > .value,
+.ui.statistics .orange.statistic > .value,
+.ui.orange.statistic > .value {
+ color: #F2711C;
+}
+
+.ui.yellow.statistics .statistic > .value,
+.ui.statistics .yellow.statistic > .value,
+.ui.yellow.statistic > .value {
+ color: #FBBD08;
+}
+
+.ui.olive.statistics .statistic > .value,
+.ui.statistics .olive.statistic > .value,
+.ui.olive.statistic > .value {
+ color: #B5CC18;
+}
+
+.ui.green.statistics .statistic > .value,
+.ui.statistics .green.statistic > .value,
+.ui.green.statistic > .value {
+ color: #21BA45;
+}
+
+.ui.teal.statistics .statistic > .value,
+.ui.statistics .teal.statistic > .value,
+.ui.teal.statistic > .value {
+ color: #00B5AD;
+}
+
+.ui.blue.statistics .statistic > .value,
+.ui.statistics .blue.statistic > .value,
+.ui.blue.statistic > .value {
+ color: #2185D0;
+}
+
+.ui.violet.statistics .statistic > .value,
+.ui.statistics .violet.statistic > .value,
+.ui.violet.statistic > .value {
+ color: #6435C9;
+}
+
+.ui.purple.statistics .statistic > .value,
+.ui.statistics .purple.statistic > .value,
+.ui.purple.statistic > .value {
+ color: #A333C8;
+}
+
+.ui.pink.statistics .statistic > .value,
+.ui.statistics .pink.statistic > .value,
+.ui.pink.statistic > .value {
+ color: #E03997;
+}
+
+.ui.brown.statistics .statistic > .value,
+.ui.statistics .brown.statistic > .value,
+.ui.brown.statistic > .value {
+ color: #A5673F;
+}
+
+.ui.grey.statistics .statistic > .value,
+.ui.statistics .grey.statistic > .value,
+.ui.grey.statistic > .value {
+ color: #767676;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.inverted.statistics .statistic > .value,
+.ui.inverted.statistic .value {
+ color: #FFFFFF;
+}
+
+.ui.inverted.statistics .statistic > .label,
+.ui.inverted.statistic .label {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.red.statistics .statistic > .value,
+.ui.statistics .inverted.red.statistic > .value,
+.ui.inverted.red.statistic > .value {
+ color: #FF695E;
+}
+
+.ui.inverted.orange.statistics .statistic > .value,
+.ui.statistics .inverted.orange.statistic > .value,
+.ui.inverted.orange.statistic > .value {
+ color: #FF851B;
+}
+
+.ui.inverted.yellow.statistics .statistic > .value,
+.ui.statistics .inverted.yellow.statistic > .value,
+.ui.inverted.yellow.statistic > .value {
+ color: #FFE21F;
+}
+
+.ui.inverted.olive.statistics .statistic > .value,
+.ui.statistics .inverted.olive.statistic > .value,
+.ui.inverted.olive.statistic > .value {
+ color: #D9E778;
+}
+
+.ui.inverted.green.statistics .statistic > .value,
+.ui.statistics .inverted.green.statistic > .value,
+.ui.inverted.green.statistic > .value {
+ color: #2ECC40;
+}
+
+.ui.inverted.teal.statistics .statistic > .value,
+.ui.statistics .inverted.teal.statistic > .value,
+.ui.inverted.teal.statistic > .value {
+ color: #6DFFFF;
+}
+
+.ui.inverted.blue.statistics .statistic > .value,
+.ui.statistics .inverted.blue.statistic > .value,
+.ui.inverted.blue.statistic > .value {
+ color: #54C8FF;
+}
+
+.ui.inverted.violet.statistics .statistic > .value,
+.ui.statistics .inverted.violet.statistic > .value,
+.ui.inverted.violet.statistic > .value {
+ color: #A291FB;
+}
+
+.ui.inverted.purple.statistics .statistic > .value,
+.ui.statistics .inverted.purple.statistic > .value,
+.ui.inverted.purple.statistic > .value {
+ color: #DC73FF;
+}
+
+.ui.inverted.pink.statistics .statistic > .value,
+.ui.statistics .inverted.pink.statistic > .value,
+.ui.inverted.pink.statistic > .value {
+ color: #FF8EDF;
+}
+
+.ui.inverted.brown.statistics .statistic > .value,
+.ui.statistics .inverted.brown.statistic > .value,
+.ui.inverted.brown.statistic > .value {
+ color: #D67C1C;
+}
+
+.ui.inverted.grey.statistics .statistic > .value,
+.ui.statistics .inverted.grey.statistic > .value,
+.ui.inverted.grey.statistic > .value {
+ color: #DCDDDE;
+}
+
+/*--------------
+ Floated
+---------------*/
+
+.ui[class*="left floated"].statistic {
+ float: left;
+ margin: 0em 2em 1em 0em;
+}
+
+.ui[class*="right floated"].statistic {
+ float: right;
+ margin: 0em 0em 1em 2em;
+}
+
+.ui.floated.statistic:last-child {
+ margin-bottom: 0em;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+/* Mini */
+
+.ui.mini.statistics .statistic > .value,
+.ui.mini.statistic > .value {
+ font-size: 1.5rem !important;
+}
+
+.ui.mini.horizontal.statistics .statistic > .value,
+.ui.mini.horizontal.statistic > .value {
+ font-size: 1.5rem !important;
+}
+
+.ui.mini.statistics .statistic > .text.value,
+.ui.mini.statistic > .text.value {
+ font-size: 1rem !important;
+}
+
+/* Tiny */
+
+.ui.tiny.statistics .statistic > .value,
+.ui.tiny.statistic > .value {
+ font-size: 2rem !important;
+}
+
+.ui.tiny.horizontal.statistics .statistic > .value,
+.ui.tiny.horizontal.statistic > .value {
+ font-size: 2rem !important;
+}
+
+.ui.tiny.statistics .statistic > .text.value,
+.ui.tiny.statistic > .text.value {
+ font-size: 1rem !important;
+}
+
+/* Small */
+
+.ui.small.statistics .statistic > .value,
+.ui.small.statistic > .value {
+ font-size: 3rem !important;
+}
+
+.ui.small.horizontal.statistics .statistic > .value,
+.ui.small.horizontal.statistic > .value {
+ font-size: 2rem !important;
+}
+
+.ui.small.statistics .statistic > .text.value,
+.ui.small.statistic > .text.value {
+ font-size: 1rem !important;
+}
+
+/* Medium */
+
+.ui.statistics .statistic > .value,
+.ui.statistic > .value {
+ font-size: 4rem !important;
+}
+
+.ui.horizontal.statistics .statistic > .value,
+.ui.horizontal.statistic > .value {
+ font-size: 3rem !important;
+}
+
+.ui.statistics .statistic > .text.value,
+.ui.statistic > .text.value {
+ font-size: 2rem !important;
+}
+
+/* Large */
+
+.ui.large.statistics .statistic > .value,
+.ui.large.statistic > .value {
+ font-size: 5rem !important;
+}
+
+.ui.large.horizontal.statistics .statistic > .value,
+.ui.large.horizontal.statistic > .value {
+ font-size: 4rem !important;
+}
+
+.ui.large.statistics .statistic > .text.value,
+.ui.large.statistic > .text.value {
+ font-size: 2.5rem !important;
+}
+
+/* Huge */
+
+.ui.huge.statistics .statistic > .value,
+.ui.huge.statistic > .value {
+ font-size: 6rem !important;
+}
+
+.ui.huge.horizontal.statistics .statistic > .value,
+.ui.huge.horizontal.statistic > .value {
+ font-size: 5rem !important;
+}
+
+.ui.huge.statistics .statistic > .text.value,
+.ui.huge.statistic > .text.value {
+ font-size: 2.5rem !important;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Variable Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Accordion
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Accordion
+*******************************/
+
+.ui.accordion,
+.ui.accordion .accordion {
+ max-width: 100%;
+}
+
+.ui.accordion .accordion {
+ margin: 1em 0em 0em;
+ padding: 0em;
+}
+
+/* Title */
+
+.ui.accordion .title,
+.ui.accordion .accordion .title {
+ cursor: pointer;
+}
+
+/* Default Styling */
+
+.ui.accordion .title:not(.ui) {
+ padding: 0.5em 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Content */
+
+.ui.accordion .title ~ .content,
+.ui.accordion .accordion .title ~ .content {
+ display: none;
+}
+
+/* Default Styling */
+
+.ui.accordion:not(.styled) .title ~ .content:not(.ui),
+.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
+ margin: '';
+ padding: 0.5em 0em 1em;
+}
+
+.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
+ padding-bottom: 0em;
+}
+
+/* Arrow */
+
+.ui.accordion .title .dropdown.icon,
+.ui.accordion .accordion .title .dropdown.icon {
+ display: inline-block;
+ float: none;
+ opacity: 1;
+ width: 1.25em;
+ height: 1em;
+ margin: 0em 0.25rem 0em 0rem;
+ padding: 0em;
+ font-size: 1em;
+ transition: transform 0.1s ease, opacity 0.1s ease;
+ vertical-align: baseline;
+ transform: none;
+}
+
+/*--------------
+ Coupling
+---------------*/
+
+/* Menu */
+
+.ui.accordion.menu .item .title {
+ display: block;
+ padding: 0em;
+}
+
+.ui.accordion.menu .item .title > .dropdown.icon {
+ float: right;
+ margin: 0.21425em 0em 0em 1em;
+ transform: rotate(180deg);
+}
+
+/* Header */
+
+.ui.accordion .ui.header .dropdown.icon {
+ font-size: 1em;
+ margin: 0em 0.25rem 0em 0rem;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.accordion .active.title .dropdown.icon,
+.ui.accordion .accordion .active.title .dropdown.icon {
+ transform: rotate(90deg);
+}
+
+.ui.accordion.menu .item .active.title > .dropdown.icon {
+ transform: rotate(90deg);
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Styled
+---------------*/
+
+.ui.styled.accordion {
+ width: 600px;
+}
+
+.ui.styled.accordion,
+.ui.styled.accordion .accordion {
+ border-radius: 0.28571429rem;
+ background: #FFFFFF;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
+}
+
+.ui.styled.accordion .title,
+.ui.styled.accordion .accordion .title {
+ margin: 0em;
+ padding: 0.75em 1em;
+ color: rgba(0, 0, 0, 0.4);
+ font-weight: bold;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ transition: background 0.1s ease, color 0.1s ease;
+}
+
+.ui.styled.accordion > .title:first-child,
+.ui.styled.accordion .accordion .title:first-child {
+ border-top: none;
+}
+
+/* Content */
+
+.ui.styled.accordion .content,
+.ui.styled.accordion .accordion .content {
+ margin: 0em;
+ padding: 0.5em 1em 1.5em;
+}
+
+.ui.styled.accordion .accordion .content {
+ padding: 0em;
+ padding: 0.5em 1em 1.5em;
+}
+
+/* Hover */
+
+.ui.styled.accordion .title:hover,
+.ui.styled.accordion .active.title,
+.ui.styled.accordion .accordion .title:hover,
+.ui.styled.accordion .accordion .active.title {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.styled.accordion .accordion .title:hover,
+.ui.styled.accordion .accordion .active.title {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Active */
+
+.ui.styled.accordion .active.title {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.styled.accordion .accordion .active.title {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Active
+---------------*/
+
+.ui.accordion .active.content,
+.ui.accordion .accordion .active.content {
+ display: block;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Fluid
+---------------*/
+
+.ui.fluid.accordion,
+.ui.fluid.accordion .accordion {
+ width: 100%;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.inverted.accordion .title:not(.ui) {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+@font-face {
+ font-family: 'Accordion';
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* Dropdown Icon */
+
+.ui.accordion .title .dropdown.icon,
+.ui.accordion .accordion .title .dropdown.icon {
+ font-family: Accordion;
+ line-height: 1;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ font-weight: normal;
+ font-style: normal;
+ text-align: center;
+}
+
+.ui.accordion .title .dropdown.icon:before,
+.ui.accordion .accordion .title .dropdown.icon:before {
+ content: '\F0DA';
+}
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Checkbox
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Checkbox
+*******************************/
+
+/*--------------
+ Content
+---------------*/
+
+.ui.checkbox {
+ position: relative;
+ display: inline-block;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ outline: none;
+ vertical-align: baseline;
+ font-style: normal;
+ min-height: 17px;
+ font-size: 1rem;
+ line-height: 17px;
+ min-width: 17px;
+}
+
+/* HTML Checkbox */
+
+.ui.checkbox input[type="checkbox"],
+.ui.checkbox input[type="radio"] {
+ cursor: pointer;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ opacity: 0 !important;
+ outline: none;
+ z-index: 3;
+ width: 17px;
+ height: 17px;
+}
+
+/*--------------
+ Box
+---------------*/
+
+.ui.checkbox .box,
+.ui.checkbox label {
+ cursor: auto;
+ position: relative;
+ display: block;
+ padding-left: 1.85714em;
+ outline: none;
+ font-size: 1em;
+}
+
+.ui.checkbox .box:before,
+.ui.checkbox label:before {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 17px;
+ height: 17px;
+ content: '';
+ background: #FFFFFF;
+ border-radius: 0.21428571rem;
+ transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
+ border: 1px solid #D4D4D5;
+}
+
+/*--------------
+ Checkmark
+---------------*/
+
+.ui.checkbox .box:after,
+.ui.checkbox label:after {
+ position: absolute;
+ font-size: 14px;
+ top: 0px;
+ left: 0px;
+ width: 17px;
+ height: 17px;
+ text-align: center;
+ opacity: 0;
+ color: rgba(0, 0, 0, 0.87);
+ transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
+}
+
+/*--------------
+ Label
+---------------*/
+
+/* Inside */
+
+.ui.checkbox label,
+.ui.checkbox + label {
+ color: rgba(0, 0, 0, 0.87);
+ transition: color 0.1s ease;
+}
+
+/* Outside */
+
+.ui.checkbox + label {
+ vertical-align: middle;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.checkbox .box:hover::before,
+.ui.checkbox label:hover::before {
+ background: #FFFFFF;
+ border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ui.checkbox label:hover,
+.ui.checkbox + label:hover {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/*--------------
+ Down
+---------------*/
+
+.ui.checkbox .box:active::before,
+.ui.checkbox label:active::before {
+ background: #F9FAFB;
+ border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ui.checkbox .box:active::after,
+.ui.checkbox label:active::after {
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+}
+
+.ui.checkbox input:active ~ label {
+ color: rgba(0, 0, 0, 0.95);
+ /* color: #409eff; */
+}
+
+/*--------------
+ Focus
+---------------*/
+
+.ui.checkbox input:focus ~ .box:before,
+.ui.checkbox input:focus ~ label:before {
+ background: #FFFFFF;
+ border-color: #96C8DA;
+}
+
+.ui.checkbox input:focus ~ .box:after,
+.ui.checkbox input:focus ~ label:after {
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+}
+
+.ui.checkbox input:focus ~ label {
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.checkbox input:checked ~ .box:before,
+.ui.checkbox input:checked ~ label:before {
+ background: #FFFFFF;
+ border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ui.checkbox input:checked ~ .box:after,
+.ui.checkbox input:checked ~ label:after {
+ opacity: 1;
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+
+
+}
+
+/*--------------
+ Indeterminate
+---------------*/
+
+.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
+.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
+ background: #FFFFFF;
+ border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
+.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
+ opacity: 1;
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+
+}
+
+/*--------------
+ Active Focus
+---------------*/
+
+.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
+.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
+.ui.checkbox input:checked:focus ~ .box:before,
+.ui.checkbox input:checked:focus ~ label:before {
+ background: #FFFFFF;
+ border-color: #96C8DA;
+}
+
+.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
+.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
+.ui.checkbox input:checked:focus ~ .box:after,
+.ui.checkbox input:checked:focus ~ label:after {
+ /* color: rgba(0, 0, 0, 0.95); */
+ color: #409eff;
+}
+
+/*--------------
+ Read-Only
+---------------*/
+
+.ui.read-only.checkbox,
+.ui.read-only.checkbox label {
+ cursor: default;
+}
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.disabled.checkbox .box:after,
+.ui.disabled.checkbox label,
+.ui.checkbox input[disabled] ~ .box:after,
+.ui.checkbox input[disabled] ~ label {
+ cursor: default !important;
+ opacity: 0.5;
+ color: #000000;
+}
+
+/*--------------
+ Hidden
+---------------*/
+
+/* Initialized checkbox moves input below element
+ to prevent manually triggering */
+
+.ui.checkbox input.hidden {
+ z-index: -1;
+}
+
+/* Selectable Label */
+
+.ui.checkbox input.hidden + label {
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Radio
+---------------*/
+
+.ui.radio.checkbox {
+ min-height: 15px;
+}
+
+.ui.radio.checkbox .box,
+.ui.radio.checkbox label {
+ padding-left: 1.85714em;
+}
+
+/* Box */
+
+.ui.radio.checkbox .box:before,
+.ui.radio.checkbox label:before {
+ content: '';
+ transform: none;
+ width: 15px;
+ height: 15px;
+ border-radius: 500rem;
+ top: 1px;
+ left: 0px;
+}
+
+/* Bullet */
+
+.ui.radio.checkbox .box:after,
+.ui.radio.checkbox label:after {
+ border: none;
+ content: '' !important;
+ width: 15px;
+ height: 15px;
+ line-height: 15px;
+}
+
+/* Radio Checkbox */
+
+.ui.radio.checkbox .box:after,
+.ui.radio.checkbox label:after {
+ top: 1px;
+ left: 0px;
+ width: 15px;
+ height: 15px;
+ border-radius: 500rem;
+ transform: scale(0.46666667);
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+/* Focus */
+
+.ui.radio.checkbox input:focus ~ .box:before,
+.ui.radio.checkbox input:focus ~ label:before {
+ background-color: #FFFFFF;
+}
+
+.ui.radio.checkbox input:focus ~ .box:after,
+.ui.radio.checkbox input:focus ~ label:after {
+ /* background-color: rgba(0, 0, 0, 0.95); */
+ background-color: #409eff;
+
+}
+
+/* Indeterminate */
+
+.ui.radio.checkbox input:indeterminate ~ .box:after,
+.ui.radio.checkbox input:indeterminate ~ label:after {
+ opacity: 0;
+}
+
+/* Active */
+
+.ui.radio.checkbox input:checked ~ .box:before,
+.ui.radio.checkbox input:checked ~ label:before {
+ background-color: #FFFFFF;
+}
+
+.ui.radio.checkbox input:checked ~ .box:after,
+.ui.radio.checkbox input:checked ~ label:after {
+ /* background-color: rgba(0, 0, 0, 0.95); */
+ background-color: #409eff;
+
+}
+
+/* Active Focus */
+
+.ui.radio.checkbox input:focus:checked ~ .box:before,
+.ui.radio.checkbox input:focus:checked ~ label:before {
+ background-color: #FFFFFF;
+}
+
+.ui.radio.checkbox input:focus:checked ~ .box:after,
+.ui.radio.checkbox input:focus:checked ~ label:after {
+ /* background-color: rgba(0, 0, 0, 0.95); */
+ background-color: #409eff;
+}
+
+/*--------------
+ Slider
+---------------*/
+
+.ui.slider.checkbox {
+ min-height: 1.25rem;
+}
+
+/* Input */
+
+.ui.slider.checkbox input {
+ width: 3.5rem;
+ height: 1.25rem;
+}
+
+/* Label */
+
+.ui.slider.checkbox .box,
+.ui.slider.checkbox label {
+ padding-left: 4.5rem;
+ line-height: 1rem;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/* Line */
+
+.ui.slider.checkbox .box:before,
+.ui.slider.checkbox label:before {
+ display: block;
+ position: absolute;
+ content: '';
+ border: none !important;
+ left: 0em;
+ z-index: 1;
+ top: 0.4rem;
+ background-color: rgba(0, 0, 0, 0.05);
+ width: 3.5rem;
+ height: 0.21428571rem;
+ transform: none;
+ border-radius: 500rem;
+ transition: background 0.3s ease;
+}
+
+/* Handle */
+
+.ui.slider.checkbox .box:after,
+.ui.slider.checkbox label:after {
+ background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ position: absolute;
+ content: '' !important;
+ opacity: 1;
+ z-index: 2;
+ border: none;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+ width: 1.5rem;
+ height: 1.5rem;
+ top: -0.25rem;
+ left: 0em;
+ transform: none;
+ border-radius: 500rem;
+ transition: left 0.3s ease;
+}
+
+/* Focus */
+
+.ui.slider.checkbox input:focus ~ .box:before,
+.ui.slider.checkbox input:focus ~ label:before {
+ background-color: rgba(0, 0, 0, 0.15);
+ border: none;
+}
+
+/* Hover */
+
+.ui.slider.checkbox .box:hover,
+.ui.slider.checkbox label:hover {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.slider.checkbox .box:hover::before,
+.ui.slider.checkbox label:hover::before {
+ background: rgba(0, 0, 0, 0.15);
+}
+
+/* Active */
+
+.ui.slider.checkbox input:checked ~ .box,
+.ui.slider.checkbox input:checked ~ label {
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.slider.checkbox input:checked ~ .box:before,
+.ui.slider.checkbox input:checked ~ label:before {
+ background-color: #545454 !important;
+}
+
+.ui.slider.checkbox input:checked ~ .box:after,
+.ui.slider.checkbox input:checked ~ label:after {
+ left: 2rem;
+}
+
+/* Active Focus */
+
+.ui.slider.checkbox input:focus:checked ~ .box,
+.ui.slider.checkbox input:focus:checked ~ label {
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.slider.checkbox input:focus:checked ~ .box:before,
+.ui.slider.checkbox input:focus:checked ~ label:before {
+ background-color: #000000 !important;
+}
+
+/*--------------
+ Toggle
+---------------*/
+
+.ui.toggle.checkbox {
+ min-height: 1.5rem;
+}
+
+/* Input */
+
+.ui.toggle.checkbox input {
+ width: 3.5rem;
+ height: 1.5rem;
+}
+
+/* Label */
+
+.ui.toggle.checkbox .box,
+.ui.toggle.checkbox label {
+ min-height: 1.5rem;
+ padding-left: 4.5rem;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.toggle.checkbox label {
+ padding-top: 0.15em;
+}
+
+/* Switch */
+
+.ui.toggle.checkbox .box:before,
+.ui.toggle.checkbox label:before {
+ display: block;
+ position: absolute;
+ content: '';
+ z-index: 1;
+ transform: none;
+ border: none;
+ top: 0rem;
+ background: rgba(0, 0, 0, 0.05);
+ box-shadow: none;
+ width: 3.5rem;
+ height: 1.5rem;
+ border-radius: 500rem;
+}
+
+/* Handle */
+
+.ui.toggle.checkbox .box:after,
+.ui.toggle.checkbox label:after {
+ background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+ position: absolute;
+ content: '' !important;
+ opacity: 1;
+ z-index: 2;
+ border: none;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+ width: 1.5rem;
+ height: 1.5rem;
+ top: 0rem;
+ left: 0em;
+ border-radius: 500rem;
+ transition: background 0.3s ease, left 0.3s ease;
+}
+
+.ui.toggle.checkbox input ~ .box:after,
+.ui.toggle.checkbox input ~ label:after {
+ left: -0.05rem;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+/* Focus */
+
+.ui.toggle.checkbox input:focus ~ .box:before,
+.ui.toggle.checkbox input:focus ~ label:before {
+ background-color: rgba(0, 0, 0, 0.15);
+ border: none;
+}
+
+/* Hover */
+
+.ui.toggle.checkbox .box:hover::before,
+.ui.toggle.checkbox label:hover::before {
+ background-color: rgba(0, 0, 0, 0.15);
+ border: none;
+}
+
+/* Active */
+
+.ui.toggle.checkbox input:checked ~ .box,
+.ui.toggle.checkbox input:checked ~ label {
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.toggle.checkbox input:checked ~ .box:before,
+.ui.toggle.checkbox input:checked ~ label:before {
+ background-color: #2185D0 !important;
+}
+
+.ui.toggle.checkbox input:checked ~ .box:after,
+.ui.toggle.checkbox input:checked ~ label:after {
+ left: 2.15rem;
+ box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+/* Active Focus */
+
+.ui.toggle.checkbox input:focus:checked ~ .box,
+.ui.toggle.checkbox input:focus:checked ~ label {
+ color: rgba(0, 0, 0, 0.95) !important;
+}
+
+.ui.toggle.checkbox input:focus:checked ~ .box:before,
+.ui.toggle.checkbox input:focus:checked ~ label:before {
+ background-color: #0d71bb !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Fitted
+---------------*/
+
+.ui.fitted.checkbox .box,
+.ui.fitted.checkbox label {
+ padding-left: 0em !important;
+}
+
+.ui.fitted.toggle.checkbox,
+.ui.fitted.toggle.checkbox {
+ width: 3.5rem;
+}
+
+.ui.fitted.slider.checkbox,
+.ui.fitted.slider.checkbox {
+ width: 3.5rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+@font-face {
+ font-family: 'Checkbox';
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
+}
+
+/* Checkmark */
+
+.ui.checkbox label:after,
+.ui.checkbox .box:after {
+ font-family: 'Checkbox';
+}
+
+/* Checked */
+
+.ui.checkbox input:checked ~ .box:after,
+.ui.checkbox input:checked ~ label:after {
+ content: '\E800';
+}
+
+/* Indeterminate */
+
+.ui.checkbox input:indeterminate ~ .box:after,
+.ui.checkbox input:indeterminate ~ label:after {
+ font-size: 12px;
+ content: '\E801';
+}
+
+/* UTF Reference
+.check:before { content: '\e800'; }
+.dash:before { content: '\e801'; }
+.plus:before { content: '\e802'; }
+*/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Dimmer
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Dimmer
+*******************************/
+
+.dimmable:not(body) {
+ position: relative;
+}
+
+.ui.dimmer {
+ display: none;
+ position: absolute;
+ top: 0em !important;
+ left: 0em !important;
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ vertical-align: middle;
+ padding: 1em;
+ background-color: rgba(0, 0, 0, 0.5);
+ opacity: 0;
+ line-height: 1;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+ transition: background-color 0.5s linear;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ will-change: opacity;
+ z-index: 1000;
+}
+
+/* Dimmer Content */
+
+.ui.dimmer > .content {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ color: #FFFFFF;
+}
+
+/* Loose Coupling */
+
+.ui.segment > .ui.dimmer {
+ border-radius: inherit !important;
+}
+
+/* Scrollbars */
+
+.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
+ background: rgba(255, 255, 255, 0.25);
+}
+
+.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
+ background: rgba(255, 255, 255, 0.15);
+}
+
+.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
+ background: rgba(255, 255, 255, 0.35);
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Animating */
+
+.animating.dimmable:not(body),
+.dimmed.dimmable:not(body) {
+ overflow: hidden;
+}
+
+/* Animating / Active / Visible */
+
+.dimmed.dimmable > .ui.animating.dimmer,
+.dimmed.dimmable > .ui.visible.dimmer,
+.ui.active.dimmer {
+ display: flex;
+ opacity: 1;
+}
+
+/* Disabled */
+
+.ui.disabled.dimmer {
+ width: 0 !important;
+ height: 0 !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Legacy
+---------------*/
+
+/* Animating / Active / Visible */
+
+.dimmed.dimmable > .ui.animating.legacy.dimmer,
+.dimmed.dimmable > .ui.visible.legacy.dimmer,
+.ui.active.legacy.dimmer {
+ display: block;
+}
+
+/*--------------
+ Alignment
+---------------*/
+
+.ui[class*="top aligned"].dimmer {
+ justify-content: flex-start;
+}
+
+.ui[class*="bottom aligned"].dimmer {
+ justify-content: flex-end;
+}
+
+/*--------------
+ Page
+---------------*/
+
+.ui.page.dimmer {
+ position: fixed;
+ transform-style: '';
+ perspective: 2000px;
+ transform-origin: center center;
+}
+
+body.animating.in.dimmable,
+body.dimmed.dimmable {
+ overflow: hidden;
+}
+
+body.dimmable > .dimmer {
+ position: fixed;
+}
+
+/*--------------
+ Blurring
+---------------*/
+
+.blurring.dimmable > :not(.dimmer) {
+ -webkit-filter: blur(0px) grayscale(0);
+ filter: blur(0px) grayscale(0);
+ transition: 800ms -webkit-filter ease;
+ transition: 800ms filter ease;
+ transition: 800ms filter ease, 800ms -webkit-filter ease;
+}
+
+.blurring.dimmed.dimmable > :not(.dimmer) {
+ -webkit-filter: blur(5px) grayscale(0.7);
+ filter: blur(5px) grayscale(0.7);
+}
+
+/* Dimmer Color */
+
+.blurring.dimmable > .dimmer {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.blurring.dimmable > .inverted.dimmer {
+ background-color: rgba(255, 255, 255, 0.6);
+}
+
+/*--------------
+ Aligned
+---------------*/
+
+.ui.dimmer > .top.aligned.content > * {
+ vertical-align: top;
+}
+
+.ui.dimmer > .bottom.aligned.content > * {
+ vertical-align: bottom;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.inverted.dimmer {
+ background-color: rgba(255, 255, 255, 0.85);
+}
+
+.ui.inverted.dimmer > .content > * {
+ color: #FFFFFF;
+}
+
+/*--------------
+ Simple
+---------------*/
+
+/* Displays without javascript */
+
+.ui.simple.dimmer {
+ display: block;
+ overflow: hidden;
+ opacity: 1;
+ width: 0%;
+ height: 0%;
+ z-index: -100;
+ background-color: rgba(0, 0, 0, 0);
+}
+
+.dimmed.dimmable > .ui.simple.dimmer {
+ overflow: visible;
+ opacity: 1;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.85);
+ z-index: 1;
+}
+
+.ui.simple.inverted.dimmer {
+ background-color: rgba(255, 255, 255, 0);
+}
+
+.dimmed.dimmable > .ui.simple.inverted.dimmer {
+ background-color: rgba(255, 255, 255, 0.85);
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Dropdown
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Dropdown
+*******************************/
+
+.ui.dropdown {
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+ outline: none;
+ text-align: left;
+ transition: box-shadow 0.1s ease, width 0.1s ease;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/*******************************
+ Content
+*******************************/
+
+/*--------------
+ Menu
+---------------*/
+
+.ui.dropdown .menu {
+ cursor: auto;
+ position: absolute;
+ display: none;
+ outline: none;
+ top: 100%;
+ min-width: -webkit-max-content;
+ min-width: -moz-max-content;
+ min-width: max-content;
+ margin: 0em;
+ padding: 0em 0em;
+ background: #FFFFFF;
+ font-size: 1em;
+ text-shadow: none;
+ text-align: left;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+ transition: opacity 0.1s ease;
+ z-index: 11;
+ will-change: transform, opacity;
+}
+
+.ui.dropdown .menu > * {
+ white-space: nowrap;
+}
+
+/*--------------
+ Hidden Input
+---------------*/
+
+.ui.dropdown > input:not(.search):first-child,
+.ui.dropdown > select {
+ display: none !important;
+}
+
+/*--------------
+ Dropdown Icon
+---------------*/
+
+.ui.dropdown > .dropdown.icon {
+ position: relative;
+ width: auto;
+ font-size: 0.85714286em;
+ margin: 0em 0em 0em 1em;
+}
+
+.ui.dropdown .menu > .item .dropdown.icon {
+ width: auto;
+ float: right;
+ margin: 0em 0em 0em 1em;
+}
+
+.ui.dropdown .menu > .item .dropdown.icon + .text {
+ margin-right: 1em;
+}
+
+/*--------------
+ Text
+---------------*/
+
+.ui.dropdown > .text {
+ display: inline-block;
+ transition: none;
+}
+
+/*--------------
+ Menu Item
+---------------*/
+
+.ui.dropdown .menu > .item {
+ position: relative;
+ cursor: pointer;
+ display: block;
+ border: none;
+ height: auto;
+ text-align: left;
+ border-top: none;
+ line-height: 1em;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0.78571429rem 1.14285714rem !important;
+ font-size: 1rem;
+ text-transform: none;
+ font-weight: normal;
+ box-shadow: none;
+ -webkit-touch-callout: none;
+}
+
+.ui.dropdown .menu > .item:first-child {
+ border-top-width: 0px;
+}
+
+/*--------------
+ Floated Content
+---------------*/
+
+.ui.dropdown > .text > [class*="right floated"],
+.ui.dropdown .menu .item > [class*="right floated"] {
+ float: right !important;
+ margin-right: 0em !important;
+ margin-left: 1em !important;
+}
+
+.ui.dropdown > .text > [class*="left floated"],
+.ui.dropdown .menu .item > [class*="left floated"] {
+ float: left !important;
+ margin-left: 0em !important;
+ margin-right: 1em !important;
+}
+
+.ui.dropdown .menu .item > .icon.floated,
+.ui.dropdown .menu .item > .flag.floated,
+.ui.dropdown .menu .item > .image.floated,
+.ui.dropdown .menu .item > img.floated {
+ margin-top: 0em;
+}
+
+/*--------------
+ Menu Divider
+---------------*/
+
+.ui.dropdown .menu > .header {
+ margin: 1rem 0rem 0.75rem;
+ padding: 0em 1.14285714rem;
+ color: rgba(0, 0, 0, 0.85);
+ font-size: 0.78571429em;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+.ui.dropdown .menu > .divider {
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
+ height: 0em;
+ margin: 0.5em 0em;
+}
+
+.ui.dropdown.dropdown .menu > .input {
+ width: auto;
+ display: flex;
+ margin: 1.14285714rem 0.78571429rem;
+ min-width: 10rem;
+}
+
+.ui.dropdown .menu > .header + .input {
+ margin-top: 0em;
+}
+
+.ui.dropdown .menu > .input:not(.transparent) input {
+ padding: 0.5em 1em;
+}
+
+.ui.dropdown .menu > .input:not(.transparent) .button,
+.ui.dropdown .menu > .input:not(.transparent) .icon,
+.ui.dropdown .menu > .input:not(.transparent) .label {
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+}
+
+/*-----------------
+ Item Description
+-------------------*/
+
+.ui.dropdown > .text > .description,
+.ui.dropdown .menu > .item > .description {
+ float: right;
+ margin: 0em 0em 0em 1em;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/*-----------------
+ Message
+-------------------*/
+
+.ui.dropdown .menu > .message {
+ padding: 0.78571429rem 1.14285714rem;
+ font-weight: normal;
+}
+
+.ui.dropdown .menu > .message:not(.ui) {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/*--------------
+ Sub Menu
+---------------*/
+
+.ui.dropdown .menu .menu {
+ top: 0% !important;
+ left: 100%;
+ right: auto;
+ margin: 0em 0em 0em -0.5em !important;
+ border-radius: 0.28571429rem !important;
+ z-index: 21 !important;
+}
+
+/* Hide Arrow */
+
+.ui.dropdown .menu .menu:after {
+ display: none;
+}
+
+/*--------------
+ Sub Elements
+---------------*/
+
+/* Icons / Flags / Labels / Image */
+
+.ui.dropdown > .text > .icon,
+.ui.dropdown > .text > .label,
+.ui.dropdown > .text > .flag,
+.ui.dropdown > .text > img,
+.ui.dropdown > .text > .image {
+ margin-top: 0em;
+}
+
+.ui.dropdown .menu > .item > .icon,
+.ui.dropdown .menu > .item > .label,
+.ui.dropdown .menu > .item > .flag,
+.ui.dropdown .menu > .item > .image,
+.ui.dropdown .menu > .item > img {
+ margin-top: 0em;
+}
+
+.ui.dropdown > .text > .icon,
+.ui.dropdown > .text > .label,
+.ui.dropdown > .text > .flag,
+.ui.dropdown > .text > img,
+.ui.dropdown > .text > .image,
+.ui.dropdown .menu > .item > .icon,
+.ui.dropdown .menu > .item > .label,
+.ui.dropdown .menu > .item > .flag,
+.ui.dropdown .menu > .item > .image,
+.ui.dropdown .menu > .item > img {
+ margin-left: 0em;
+ float: none;
+ margin-right: 0.78571429rem;
+}
+
+/*--------------
+ Image
+---------------*/
+
+.ui.dropdown > .text > img,
+.ui.dropdown > .text > .image,
+.ui.dropdown .menu > .item > .image,
+.ui.dropdown .menu > .item > img {
+ display: inline-block;
+ vertical-align: top;
+ width: auto;
+ margin-top: -0.5em;
+ margin-bottom: -0.5em;
+ max-height: 2em;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+/*--------------
+ Menu
+---------------*/
+
+/* Remove Menu Item Divider */
+
+.ui.dropdown .ui.menu > .item:before,
+.ui.menu .ui.dropdown .menu > .item:before {
+ display: none;
+}
+
+/* Prevent Menu Item Border */
+
+.ui.menu .ui.dropdown .menu .active.item {
+ border-left: none;
+}
+
+/* Automatically float dropdown menu right on last menu item */
+
+.ui.menu .right.menu .dropdown:last-child > .menu,
+.ui.menu .right.dropdown.item > .menu,
+.ui.buttons > .ui.dropdown:last-child > .menu {
+ left: auto;
+ right: 0em;
+}
+
+/*--------------
+ Label
+---------------*/
+
+/* Dropdown Menu */
+
+.ui.label.dropdown .menu {
+ min-width: 100%;
+}
+
+/*--------------
+ Button
+---------------*/
+
+/* No Margin On Icon Button */
+
+.ui.dropdown.icon.button > .dropdown.icon {
+ margin: 0em;
+}
+
+.ui.button.dropdown .menu {
+ min-width: 100%;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Selection
+---------------*/
+
+/* Displays like a select box */
+
+.ui.selection.dropdown {
+ cursor: pointer;
+ word-wrap: break-word;
+ line-height: 1em;
+ white-space: normal;
+ outline: 0;
+ transform: rotateZ(0deg);
+ min-width: 14em;
+ min-height: 2.71428571em;
+ background: #FFFFFF;
+ display: inline-block;
+ padding: 0.78571429em 2.1em 0.78571429em 1em;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ border-radius: 0.28571429rem;
+ transition: box-shadow 0.1s ease, width 0.1s ease;
+}
+
+.ui.selection.dropdown.visible,
+.ui.selection.dropdown.active {
+ z-index: 10;
+}
+
+select.ui.dropdown {
+ height: 38px;
+ padding: 0.5em;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ visibility: visible;
+}
+
+.ui.selection.dropdown > .search.icon,
+.ui.selection.dropdown > .delete.icon,
+.ui.selection.dropdown > .dropdown.icon {
+ cursor: pointer;
+ position: absolute;
+ width: auto;
+ height: auto;
+ line-height: 1.21428571em;
+ top: 0.78571429em;
+ right: 1em;
+ z-index: 3;
+ margin: -0.78571429em;
+ padding: 0.91666667em;
+ opacity: 0.8;
+ transition: opacity 0.1s ease;
+}
+
+/* Compact */
+
+.ui.compact.selection.dropdown {
+ min-width: 0px;
+}
+
+/* Selection Menu */
+
+.ui.selection.dropdown .menu {
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ border-top-width: 0px !important;
+ width: auto;
+ outline: none;
+ margin: 0px -1px;
+ min-width: calc(100% + 2px );
+ width: calc(100% + 2px );
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+ transition: opacity 0.1s ease;
+}
+
+.ui.selection.dropdown .menu:after,
+.ui.selection.dropdown .menu:before {
+ display: none;
+}
+
+/*--------------
+ Message
+---------------*/
+
+.ui.selection.dropdown .menu > .message {
+ padding: 0.78571429rem 1.14285714rem;
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.selection.dropdown .menu {
+ max-height: 8.01428571rem;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.selection.dropdown .menu {
+ max-height: 10.68571429rem;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.selection.dropdown .menu {
+ max-height: 16.02857143rem;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.selection.dropdown .menu {
+ max-height: 21.37142857rem;
+ }
+}
+
+/* Menu Item */
+
+.ui.selection.dropdown .menu > .item {
+ border-top: 1px solid #FAFAFA;
+ padding: 0.78571429rem 1.14285714rem !important;
+ white-space: normal;
+ word-wrap: normal;
+}
+
+/* User Item */
+
+.ui.selection.dropdown .menu > .hidden.addition.item {
+ display: none;
+}
+
+/* Hover */
+
+.ui.selection.dropdown:hover {
+ border-color: rgba(34, 36, 38, 0.35);
+ box-shadow: none;
+}
+
+/* Active */
+
+.ui.selection.active.dropdown {
+ border-color: #96C8DA;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+}
+
+.ui.selection.active.dropdown .menu {
+ border-color: #96C8DA;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Focus */
+
+.ui.selection.dropdown:focus {
+ border-color: #96C8DA;
+ box-shadow: none;
+}
+
+.ui.selection.dropdown:focus .menu {
+ border-color: #96C8DA;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Visible */
+
+.ui.selection.visible.dropdown > .text:not(.default) {
+ font-weight: normal;
+ color: rgba(0, 0, 0, 0.8);
+}
+
+/* Visible Hover */
+
+.ui.selection.active.dropdown:hover {
+ border-color: #96C8DA;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+}
+
+.ui.selection.active.dropdown:hover .menu {
+ border-color: #96C8DA;
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Dropdown Icon */
+
+.ui.active.selection.dropdown > .dropdown.icon,
+.ui.visible.selection.dropdown > .dropdown.icon {
+ opacity: '';
+ z-index: 3;
+}
+
+/* Connecting Border */
+
+.ui.active.selection.dropdown {
+ border-bottom-left-radius: 0em !important;
+ border-bottom-right-radius: 0em !important;
+}
+
+/* Empty Connecting Border */
+
+.ui.active.empty.selection.dropdown {
+ border-radius: 0.28571429rem !important;
+ box-shadow: none !important;
+}
+
+.ui.active.empty.selection.dropdown .menu {
+ border: none !important;
+ box-shadow: none !important;
+}
+
+/*--------------
+ Searchable
+---------------*/
+
+/* Search Selection */
+
+.ui.search.dropdown {
+ min-width: '';
+}
+
+/* Search Dropdown */
+
+.ui.search.dropdown > input.search {
+ background: none transparent !important;
+ border: none !important;
+ box-shadow: none !important;
+ cursor: text;
+ top: 0em;
+ left: 1px;
+ width: 100%;
+ outline: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ padding: inherit;
+}
+
+/* Text Layering */
+
+.ui.search.dropdown > input.search {
+ position: absolute;
+ z-index: 2;
+}
+
+.ui.search.dropdown > .text {
+ cursor: text;
+ position: relative;
+ left: 1px;
+ z-index: 3;
+}
+
+/* Search Selection */
+
+.ui.search.selection.dropdown > input.search {
+ line-height: 1.21428571em;
+ padding: 0.67857143em 2.1em 0.67857143em 1em;
+}
+
+/* Used to size multi select input to character width */
+
+.ui.search.selection.dropdown > span.sizer {
+ line-height: 1.21428571em;
+ padding: 0.67857143em 2.1em 0.67857143em 1em;
+ display: none;
+ white-space: pre;
+}
+
+/* Active/Visible Search */
+
+.ui.search.dropdown.active > input.search,
+.ui.search.dropdown.visible > input.search {
+ cursor: auto;
+}
+
+.ui.search.dropdown.active > .text,
+.ui.search.dropdown.visible > .text {
+ pointer-events: none;
+}
+
+/* Filtered Text */
+
+.ui.active.search.dropdown input.search:focus + .text .icon,
+.ui.active.search.dropdown input.search:focus + .text .flag {
+ opacity: 0.45;
+}
+
+.ui.active.search.dropdown input.search:focus + .text {
+ color: rgba(115, 115, 115, 0.87) !important;
+}
+
+/* Search Menu */
+
+.ui.search.dropdown .menu {
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.search.dropdown .menu {
+ max-height: 8.01428571rem;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.search.dropdown .menu {
+ max-height: 10.68571429rem;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.search.dropdown .menu {
+ max-height: 16.02857143rem;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.search.dropdown .menu {
+ max-height: 21.37142857rem;
+ }
+}
+
+/*--------------
+ Multiple
+---------------*/
+
+/* Multiple Selection */
+
+.ui.multiple.dropdown {
+ padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
+}
+
+.ui.multiple.dropdown .menu {
+ cursor: auto;
+}
+
+/* Multiple Search Selection */
+
+.ui.multiple.search.dropdown,
+.ui.multiple.search.dropdown > input.search {
+ cursor: text;
+}
+
+/* Selection Label */
+
+.ui.multiple.dropdown > .label {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ display: inline-block;
+ vertical-align: top;
+ white-space: normal;
+ font-size: 1em;
+ padding: 0.35714286em 0.78571429em;
+ margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+/* Dropdown Icon */
+
+.ui.multiple.dropdown .dropdown.icon {
+ margin: '';
+ padding: '';
+}
+
+/* Text */
+
+.ui.multiple.dropdown > .text {
+ position: static;
+ padding: 0;
+ max-width: 100%;
+ margin: 0.45238095em 0em 0.45238095em 0.64285714em;
+ line-height: 1.21428571em;
+}
+
+.ui.multiple.dropdown > .label ~ input.search {
+ margin-left: 0.14285714em !important;
+}
+
+.ui.multiple.dropdown > .label ~ .text {
+ display: none;
+}
+
+/*-----------------
+ Multiple Search
+-----------------*/
+
+/* Prompt Text */
+
+.ui.multiple.search.dropdown > .text {
+ display: inline-block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ padding: inherit;
+ margin: 0.45238095em 0em 0.45238095em 0.64285714em;
+ line-height: 1.21428571em;
+}
+
+.ui.multiple.search.dropdown > .label ~ .text {
+ display: none;
+}
+
+/* Search */
+
+.ui.multiple.search.dropdown > input.search {
+ position: static;
+ padding: 0;
+ max-width: 100%;
+ margin: 0.45238095em 0em 0.45238095em 0.64285714em;
+ width: 2.2em;
+ line-height: 1.21428571em;
+}
+
+/*--------------
+ Inline
+---------------*/
+
+.ui.inline.dropdown {
+ cursor: pointer;
+ display: inline-block;
+ color: inherit;
+}
+
+.ui.inline.dropdown .dropdown.icon {
+ margin: 0em 0.21428571em 0em 0.21428571em;
+ vertical-align: baseline;
+}
+
+.ui.inline.dropdown > .text {
+ font-weight: bold;
+}
+
+.ui.inline.dropdown .menu {
+ cursor: auto;
+ margin-top: 0.21428571em;
+ border-radius: 0.28571429rem;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------------
+ Active
+----------------------*/
+
+/* Menu Item Active */
+
+.ui.dropdown .menu .active.item {
+ background: transparent;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.95);
+ box-shadow: none;
+ z-index: 12;
+}
+
+/*--------------------
+ Hover
+----------------------*/
+
+/* Menu Item Hover */
+
+.ui.dropdown .menu > .item:hover {
+ background: rgba(0, 0, 0, 0.05);
+ color: rgba(0, 0, 0, 0.95);
+ z-index: 13;
+}
+
+/*--------------------
+ Loading
+---------------------*/
+
+.ui.loading.dropdown > i.icon {
+ height: 1em !important;
+}
+
+.ui.loading.selection.dropdown > i.icon {
+ padding: 1.5em 1.28571429em !important;
+}
+
+.ui.loading.dropdown > i.icon:before {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.loading.dropdown > i.icon:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ box-shadow: 0px 0px 0px 1px transparent;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ -webkit-animation: dropdown-spin 0.6s linear;
+ animation: dropdown-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+}
+
+/* Coupling */
+
+.ui.loading.dropdown.button > i.icon:before,
+.ui.loading.dropdown.button > i.icon:after {
+ display: none;
+}
+
+@-webkit-keyframes dropdown-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes dropdown-spin {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/*--------------------
+ Default Text
+----------------------*/
+
+.ui.dropdown:not(.button) > .default.text,
+.ui.default.dropdown:not(.button) > .text {
+ color: rgba(191, 191, 191, 0.87);
+}
+
+.ui.dropdown:not(.button) > input:focus ~ .default.text,
+.ui.default.dropdown:not(.button) > input:focus ~ .text {
+ color: rgba(115, 115, 115, 0.87);
+}
+
+/*--------------------
+ Loading
+----------------------*/
+
+.ui.loading.dropdown > .text {
+ transition: none;
+}
+
+/* Used To Check Position */
+
+.ui.dropdown .loading.menu {
+ display: block;
+ visibility: hidden;
+ z-index: -1;
+}
+
+.ui.dropdown > .loading.menu {
+ left: 0px !important;
+ right: auto !important;
+}
+
+.ui.dropdown > .menu .loading.menu {
+ left: 100% !important;
+ right: auto !important;
+}
+
+/*--------------------
+ Keyboard Select
+----------------------*/
+
+/* Selected Item */
+
+.ui.dropdown.selected,
+.ui.dropdown .menu .selected.item {
+ background: rgba(0, 0, 0, 0.03);
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------------
+ Search Filtered
+----------------------*/
+
+/* Filtered Item */
+
+.ui.dropdown > .filtered.text {
+ visibility: hidden;
+}
+
+.ui.dropdown .filtered.item {
+ display: none !important;
+}
+
+/*--------------------
+ Error
+----------------------*/
+
+.ui.dropdown.error,
+.ui.dropdown.error > .text,
+.ui.dropdown.error > .default.text {
+ color: #9F3A38;
+}
+
+.ui.selection.dropdown.error {
+ background: #FFF6F6;
+ border-color: #E0B4B4;
+}
+
+.ui.selection.dropdown.error:hover {
+ border-color: #E0B4B4;
+}
+
+.ui.dropdown.error > .menu,
+.ui.dropdown.error > .menu .menu {
+ border-color: #E0B4B4;
+}
+
+.ui.dropdown.error > .menu > .item {
+ color: #9F3A38;
+}
+
+.ui.multiple.selection.error.dropdown > .label {
+ border-color: #E0B4B4;
+}
+
+/* Item Hover */
+
+.ui.dropdown.error > .menu > .item:hover {
+ background-color: #FFF2F2;
+}
+
+/* Item Active */
+
+.ui.dropdown.error > .menu .active.item {
+ background-color: #FDCFCF;
+}
+
+/*--------------------
+ Clear
+----------------------*/
+
+.ui.dropdown > .clear.dropdown.icon {
+ opacity: 0.8;
+ transition: opacity 0.1s ease;
+}
+
+.ui.dropdown > .clear.dropdown.icon:hover {
+ opacity: 1;
+}
+
+/*--------------------
+ Disabled
+----------------------*/
+
+/* Disabled */
+
+.ui.disabled.dropdown,
+.ui.dropdown .menu > .disabled.item {
+ cursor: default;
+ pointer-events: none;
+ opacity: 0.45;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Direction
+---------------*/
+
+/* Flyout Direction */
+
+.ui.dropdown .menu {
+ left: 0px;
+}
+
+/* Default Side (Right) */
+
+.ui.dropdown .right.menu > .menu,
+.ui.dropdown .menu .right.menu {
+ left: 100% !important;
+ right: auto !important;
+ border-radius: 0.28571429rem !important;
+}
+
+/* Leftward Opening Menu */
+
+.ui.dropdown > .left.menu {
+ left: auto !important;
+ right: 0px !important;
+}
+
+.ui.dropdown > .left.menu .menu,
+.ui.dropdown .menu .left.menu {
+ left: auto;
+ right: 100%;
+ margin: 0em -0.5em 0em 0em !important;
+ border-radius: 0.28571429rem !important;
+}
+
+.ui.dropdown .item .left.dropdown.icon,
+.ui.dropdown .left.menu .item .dropdown.icon {
+ width: auto;
+ float: left;
+ margin: 0em 0em 0em 0em;
+}
+
+.ui.dropdown .item .left.dropdown.icon,
+.ui.dropdown .left.menu .item .dropdown.icon {
+ width: auto;
+ float: left;
+ margin: 0em 0em 0em 0em;
+}
+
+.ui.dropdown .item .left.dropdown.icon + .text,
+.ui.dropdown .left.menu .item .dropdown.icon + .text {
+ margin-left: 1em;
+ margin-right: 0em;
+}
+
+/*--------------
+ Upward
+---------------*/
+
+/* Upward Main Menu */
+
+.ui.upward.dropdown > .menu {
+ top: auto;
+ bottom: 100%;
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/* Upward Sub Menu */
+
+.ui.dropdown .upward.menu {
+ top: auto !important;
+ bottom: 0 !important;
+}
+
+/* Active Upward */
+
+.ui.simple.upward.active.dropdown,
+.ui.simple.upward.dropdown:hover {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
+}
+
+.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/* Selection */
+
+.ui.upward.selection.dropdown .menu {
+ border-top-width: 1px !important;
+ border-bottom-width: 0px !important;
+ box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
+}
+
+.ui.upward.selection.dropdown:hover {
+ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
+}
+
+/* Active Upward */
+
+.ui.active.upward.selection.dropdown {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
+}
+
+/* Visible Upward */
+
+.ui.upward.selection.dropdown.visible {
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
+}
+
+/* Visible Hover Upward */
+
+.ui.upward.active.selection.dropdown:hover {
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
+}
+
+.ui.upward.active.selection.dropdown:hover .menu {
+ box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
+}
+
+/*--------------
+ Simple
+---------------*/
+
+/* Selection Menu */
+
+.ui.scrolling.dropdown .menu,
+.ui.dropdown .scrolling.menu {
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+
+.ui.scrolling.dropdown .menu {
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ min-width: 100% !important;
+ width: auto !important;
+}
+
+.ui.dropdown .scrolling.menu {
+ position: static;
+ overflow-y: auto;
+ border: none;
+ box-shadow: none !important;
+ border-radius: 0 !important;
+ margin: 0 !important;
+ min-width: 100% !important;
+ width: auto !important;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.scrolling.dropdown .menu .item.item.item,
+.ui.dropdown .scrolling.menu > .item.item.item {
+ border-top: none;
+}
+
+.ui.scrolling.dropdown .menu .item:first-child,
+.ui.dropdown .scrolling.menu .item:first-child {
+ border-top: none;
+}
+
+.ui.dropdown > .animating.menu .scrolling.menu,
+.ui.dropdown > .visible.menu .scrolling.menu {
+ display: block;
+}
+
+/* Scrollbar in IE */
+
+@media all and (-ms-high-contrast: none) {
+ .ui.scrolling.dropdown .menu,
+ .ui.dropdown .scrolling.menu {
+ min-width: calc(100% - 17px);
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.scrolling.dropdown .menu,
+ .ui.dropdown .scrolling.menu {
+ max-height: 10.28571429rem;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.scrolling.dropdown .menu,
+ .ui.dropdown .scrolling.menu {
+ max-height: 15.42857143rem;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.scrolling.dropdown .menu,
+ .ui.dropdown .scrolling.menu {
+ max-height: 20.57142857rem;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.scrolling.dropdown .menu,
+ .ui.dropdown .scrolling.menu {
+ max-height: 20.57142857rem;
+ }
+}
+
+/*--------------
+ Simple
+---------------*/
+
+/* Displays without javascript */
+
+.ui.simple.dropdown .menu:before,
+.ui.simple.dropdown .menu:after {
+ display: none;
+}
+
+.ui.simple.dropdown .menu {
+ position: absolute;
+ display: block;
+ overflow: hidden;
+ top: -9999px !important;
+ opacity: 0;
+ width: 0;
+ height: 0;
+ transition: opacity 0.1s ease;
+}
+
+.ui.simple.active.dropdown,
+.ui.simple.dropdown:hover {
+ border-bottom-left-radius: 0em !important;
+ border-bottom-right-radius: 0em !important;
+}
+
+.ui.simple.active.dropdown > .menu,
+.ui.simple.dropdown:hover > .menu {
+ overflow: visible;
+ width: auto;
+ height: auto;
+ top: 100% !important;
+ opacity: 1;
+}
+
+.ui.simple.dropdown > .menu > .item:active > .menu,
+.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
+ overflow: visible;
+ width: auto;
+ height: auto;
+ top: 0% !important;
+ left: 100% !important;
+ opacity: 1;
+}
+
+.ui.simple.disabled.dropdown:hover .menu {
+ display: none;
+ height: 0px;
+ width: 0px;
+ overflow: hidden;
+}
+
+/* Visible */
+
+.ui.simple.visible.dropdown > .menu {
+ display: block;
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+.ui.fluid.dropdown {
+ display: block;
+ width: 100%;
+ min-width: 0em;
+}
+
+.ui.fluid.dropdown > .dropdown.icon {
+ float: right;
+}
+
+/*--------------
+ Floating
+---------------*/
+
+.ui.floating.dropdown .menu {
+ left: 0;
+ right: auto;
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
+ border-radius: 0.28571429rem !important;
+}
+
+.ui.floating.dropdown > .menu {
+ margin-top: 0.5em !important;
+ border-radius: 0.28571429rem !important;
+}
+
+/*--------------
+ Pointing
+---------------*/
+
+.ui.pointing.dropdown > .menu {
+ top: 100%;
+ margin-top: 0.78571429rem;
+ border-radius: 0.28571429rem;
+}
+
+.ui.pointing.dropdown > .menu:after {
+ display: block;
+ position: absolute;
+ pointer-events: none;
+ content: '';
+ visibility: visible;
+ transform: rotate(45deg);
+ width: 0.5em;
+ height: 0.5em;
+ box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
+ background: #FFFFFF;
+ z-index: 2;
+}
+
+.ui.pointing.dropdown > .menu:after {
+ top: -0.25em;
+ left: 50%;
+ margin: 0em 0em 0em -0.25em;
+}
+
+/* Top Left Pointing */
+
+.ui.top.left.pointing.dropdown > .menu {
+ top: 100%;
+ bottom: auto;
+ left: 0%;
+ right: auto;
+ margin: 1em 0em 0em;
+}
+
+.ui.top.left.pointing.dropdown > .menu {
+ top: 100%;
+ bottom: auto;
+ left: 0%;
+ right: auto;
+ margin: 1em 0em 0em;
+}
+
+.ui.top.left.pointing.dropdown > .menu:after {
+ top: -0.25em;
+ left: 1em;
+ right: auto;
+ margin: 0em;
+ transform: rotate(45deg);
+}
+
+/* Top Right Pointing */
+
+.ui.top.right.pointing.dropdown > .menu {
+ top: 100%;
+ bottom: auto;
+ right: 0%;
+ left: auto;
+ margin: 1em 0em 0em;
+}
+
+.ui.top.pointing.dropdown > .left.menu:after,
+.ui.top.right.pointing.dropdown > .menu:after {
+ top: -0.25em;
+ left: auto !important;
+ right: 1em !important;
+ margin: 0em;
+ transform: rotate(45deg);
+}
+
+/* Left Pointing */
+
+.ui.left.pointing.dropdown > .menu {
+ top: 0%;
+ left: 100%;
+ right: auto;
+ margin: 0em 0em 0em 1em;
+}
+
+.ui.left.pointing.dropdown > .menu:after {
+ top: 1em;
+ left: -0.25em;
+ margin: 0em 0em 0em 0em;
+ transform: rotate(-45deg);
+}
+
+.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
+ left: auto !important;
+ right: 100% !important;
+ margin: 0em 1em 0em 0em;
+}
+
+.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
+ top: 1em;
+ left: auto;
+ right: -0.25em;
+ margin: 0em 0em 0em 0em;
+ transform: rotate(135deg);
+}
+
+/* Right Pointing */
+
+.ui.right.pointing.dropdown > .menu {
+ top: 0%;
+ left: auto;
+ right: 100%;
+ margin: 0em 1em 0em 0em;
+}
+
+.ui.right.pointing.dropdown > .menu:after {
+ top: 1em;
+ left: auto;
+ right: -0.25em;
+ margin: 0em 0em 0em 0em;
+ transform: rotate(135deg);
+}
+
+/* Bottom Pointing */
+
+.ui.bottom.pointing.dropdown > .menu {
+ top: auto;
+ bottom: 100%;
+ left: 0%;
+ right: auto;
+ margin: 0em 0em 1em;
+}
+
+.ui.bottom.pointing.dropdown > .menu:after {
+ top: auto;
+ bottom: -0.25em;
+ right: auto;
+ margin: 0em;
+ transform: rotate(-135deg);
+}
+
+/* Reverse Sub-Menu Direction */
+
+.ui.bottom.pointing.dropdown > .menu .menu {
+ top: auto !important;
+ bottom: 0px !important;
+}
+
+/* Bottom Left */
+
+.ui.bottom.left.pointing.dropdown > .menu {
+ left: 0%;
+ right: auto;
+}
+
+.ui.bottom.left.pointing.dropdown > .menu:after {
+ left: 1em;
+ right: auto;
+}
+
+/* Bottom Right */
+
+.ui.bottom.right.pointing.dropdown > .menu {
+ right: 0%;
+ left: auto;
+}
+
+.ui.bottom.right.pointing.dropdown > .menu:after {
+ left: auto;
+ right: 1em;
+}
+
+/* Upward pointing */
+
+.ui.pointing.upward.dropdown .menu,
+.ui.top.pointing.upward.dropdown .menu {
+ top: auto !important;
+ bottom: 100% !important;
+ margin: 0em 0em 0.78571429rem;
+ border-radius: 0.28571429rem;
+}
+
+.ui.pointing.upward.dropdown .menu:after,
+.ui.top.pointing.upward.dropdown .menu:after {
+ top: 100% !important;
+ bottom: auto !important;
+ box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
+ margin: -0.25em 0em 0em;
+}
+
+/* Right Pointing Upward */
+
+.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
+ top: auto !important;
+ bottom: 0 !important;
+ margin: 0em 1em 0em 0em;
+}
+
+.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
+ top: auto !important;
+ bottom: 0 !important;
+ margin: 0em 0em 1em 0em;
+ box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+/* Left Pointing Upward */
+
+.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
+ top: auto !important;
+ bottom: 0 !important;
+ margin: 0em 0em 0em 1em;
+}
+
+.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
+ top: auto !important;
+ bottom: 0 !important;
+ margin: 0em 0em 1em 0em;
+ box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/* Dropdown Carets */
+
+@font-face {
+ font-family: 'Dropdown';
+ src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+.ui.dropdown > .dropdown.icon {
+ font-family: 'Dropdown';
+ line-height: 1;
+ height: 1em;
+ width: 1.23em;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ font-weight: normal;
+ font-style: normal;
+ text-align: center;
+}
+
+.ui.dropdown > .dropdown.icon {
+ width: auto;
+}
+
+.ui.dropdown > .dropdown.icon:before {
+ content: '\F0D7';
+}
+
+/* Sub Menu */
+
+.ui.dropdown .menu .item .dropdown.icon:before {
+ content: '\F0DA';
+}
+
+.ui.dropdown .item .left.dropdown.icon:before,
+.ui.dropdown .left.menu .item .dropdown.icon:before {
+ content: "\F0D9";
+}
+
+/* Vertical Menu Dropdown */
+
+.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
+ content: "\F0DA";
+}
+
+.ui.dropdown > .clear.icon:before {
+ content: "\F00D";
+}
+
+/* Icons for Reference (Subsetted in 2.4.0)
+ .dropdown.down:before { content: "\f0d7"; }
+ .dropdown.up:before { content: "\f0d8"; }
+ .dropdown.left:before { content: "\f0d9"; }
+ .dropdown.right:before { content: "\f0da"; }
+ .dropdown.close:before { content: "\f00d"; }
+*/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Video
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Types
+*******************************/
+
+.ui.embed {
+ position: relative;
+ max-width: 100%;
+ height: 0px;
+ overflow: hidden;
+ background: #DCDDDE;
+ padding-bottom: 56.25%;
+}
+
+/*-----------------
+ Embedded Content
+------------------*/
+
+.ui.embed iframe,
+.ui.embed embed,
+.ui.embed object {
+ position: absolute;
+ border: none;
+ width: 100%;
+ height: 100%;
+ top: 0px;
+ left: 0px;
+ margin: 0em;
+ padding: 0em;
+}
+
+/*-----------------
+ Embed
+------------------*/
+
+.ui.embed > .embed {
+ display: none;
+}
+
+/*--------------
+ Placeholder
+---------------*/
+
+.ui.embed > .placeholder {
+ position: absolute;
+ cursor: pointer;
+ top: 0px;
+ left: 0px;
+ display: block;
+ width: 100%;
+ height: 100%;
+ background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.embed > .icon {
+ cursor: pointer;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+}
+
+.ui.embed > .icon:after {
+ position: absolute;
+ top: 0%;
+ left: 0%;
+ width: 100%;
+ height: 100%;
+ z-index: 3;
+ content: '';
+ background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+ opacity: 0.5;
+ transition: opacity 0.5s ease;
+}
+
+.ui.embed > .icon:before {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 4;
+ transform: translateX(-50%) translateY(-50%);
+ color: #FFFFFF;
+ font-size: 6rem;
+ text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
+ transition: opacity 0.5s ease, color 0.5s ease;
+ z-index: 10;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.embed .icon:hover:after {
+ background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+ opacity: 1;
+}
+
+.ui.embed .icon:hover:before {
+ color: #FFFFFF;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.active.embed > .icon,
+.ui.active.embed > .placeholder {
+ display: none;
+}
+
+.ui.active.embed > .embed {
+ display: block;
+}
+
+/*******************************
+ Video Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.square.embed {
+ padding-bottom: 100%;
+}
+
+.ui[class*="4:3"].embed {
+ padding-bottom: 75%;
+}
+
+.ui[class*="16:9"].embed {
+ padding-bottom: 56.25%;
+}
+
+.ui[class*="21:9"].embed {
+ padding-bottom: 42.85714286%;
+}
+/*!
+ * # Semantic UI 2.5.0 - Modal
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Modal
+*******************************/
+
+.ui.modal {
+ position: absolute;
+ display: none;
+ z-index: 1001;
+ text-align: left;
+ background: #FFFFFF;
+ border: none;
+ box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
+ transform-origin: 50% 25%;
+ flex: 0 0 auto;
+ border-radius: 0.28571429rem;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+ will-change: top, left, margin, transform, opacity;
+}
+
+.ui.modal > :first-child:not(.icon),
+.ui.modal > .icon:first-child + * {
+ border-top-left-radius: 0.28571429rem;
+ border-top-right-radius: 0.28571429rem;
+}
+
+.ui.modal > :last-child {
+ border-bottom-left-radius: 0.28571429rem;
+ border-bottom-right-radius: 0.28571429rem;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/*--------------
+ Close
+---------------*/
+
+.ui.modal > .close {
+ cursor: pointer;
+ position: absolute;
+ top: -2.5rem;
+ right: -2.5rem;
+ z-index: 1;
+ opacity: 0.8;
+ font-size: 1.25em;
+ color: #FFFFFF;
+ width: 2.25rem;
+ height: 2.25rem;
+ padding: 0.625rem 0rem 0rem 0rem;
+}
+
+.ui.modal > .close:hover {
+ opacity: 1;
+}
+
+/*--------------
+ Header
+---------------*/
+
+.ui.modal > .header {
+ display: block;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ background: #FFFFFF;
+ margin: 0em;
+ padding: 1.25rem 1.5rem;
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.85);
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+}
+
+.ui.modal > .header:not(.ui) {
+ font-size: 1.42857143rem;
+ line-height: 1.28571429em;
+ font-weight: bold;
+}
+
+/*--------------
+ Content
+---------------*/
+
+.ui.modal > .content {
+ display: block;
+ width: 100%;
+ font-size: 1em;
+ line-height: 1.4;
+ padding: 1.5rem;
+ background: #FFFFFF;
+}
+
+.ui.modal > .image.content {
+ display: flex;
+ flex-direction: row;
+}
+
+/* Image */
+
+.ui.modal > .content > .image {
+ display: block;
+ flex: 0 1 auto;
+ width: '';
+ align-self: top;
+}
+
+.ui.modal > [class*="top aligned"] {
+ align-self: top;
+}
+
+.ui.modal > [class*="middle aligned"] {
+ align-self: middle;
+}
+
+.ui.modal > [class*="stretched"] {
+ align-self: stretch;
+}
+
+/* Description */
+
+.ui.modal > .content > .description {
+ display: block;
+ flex: 1 0 auto;
+ min-width: 0px;
+ align-self: top;
+}
+
+.ui.modal > .content > .icon + .description,
+.ui.modal > .content > .image + .description {
+ flex: 0 1 auto;
+ min-width: '';
+ width: auto;
+ padding-left: 2em;
+}
+
+/*rtl:ignore*/
+
+.ui.modal > .content > .image > i.icon {
+ margin: 0em;
+ opacity: 1;
+ width: auto;
+ line-height: 1;
+ font-size: 8rem;
+}
+
+/*--------------
+ Actions
+---------------*/
+
+.ui.modal > .actions {
+ background: #F9FAFB;
+ padding: 1rem 1rem;
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
+ text-align: right;
+}
+
+.ui.modal .actions > .button {
+ margin-left: 0.75em;
+}
+
+/*-------------------
+ Responsive
+--------------------*/
+
+/* Modal Width */
+
+@media only screen and (max-width: 767px) {
+ .ui.modal {
+ width: 95%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.modal {
+ width: 88%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.modal {
+ width: 850px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .ui.modal {
+ width: 900px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.modal {
+ width: 950px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+/* Tablet and Mobile */
+
+@media only screen and (max-width: 991px) {
+ .ui.modal > .header {
+ padding-right: 2.25rem;
+ }
+
+ .ui.modal > .close {
+ top: 1.0535rem;
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+ }
+}
+
+/* Mobile */
+
+@media only screen and (max-width: 767px) {
+ .ui.modal > .header {
+ padding: 0.75rem 1rem !important;
+ padding-right: 2.25rem !important;
+ }
+
+ .ui.modal > .content {
+ display: block;
+ padding: 1rem !important;
+ }
+
+ .ui.modal > .close {
+ top: 0.5rem !important;
+ right: 0.5rem !important;
+ }
+
+ /*rtl:ignore*/
+
+ .ui.modal .image.content {
+ flex-direction: column;
+ }
+
+ .ui.modal .content > .image {
+ display: block;
+ max-width: 100%;
+ margin: 0em auto !important;
+ text-align: center;
+ padding: 0rem 0rem 1rem !important;
+ }
+
+ .ui.modal > .content > .image > i.icon {
+ font-size: 5rem;
+ text-align: center;
+ }
+
+ /*rtl:ignore*/
+
+ .ui.modal .content > .description {
+ display: block;
+ width: 100% !important;
+ margin: 0em !important;
+ padding: 1rem 0rem !important;
+ box-shadow: none;
+ }
+
+ /* Let Buttons Stack */
+
+ .ui.modal > .actions {
+ padding: 1rem 1rem 0rem !important;
+ }
+
+ .ui.modal .actions > .buttons,
+ .ui.modal .actions > .button {
+ margin-bottom: 1rem;
+ }
+}
+
+/*--------------
+ Coupling
+---------------*/
+
+.ui.inverted.dimmer > .ui.modal {
+ box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
+}
+
+/*******************************
+ Types
+*******************************/
+
+.ui.basic.modal {
+ background-color: transparent;
+ border: none;
+ border-radius: 0em;
+ box-shadow: none !important;
+ color: #FFFFFF;
+}
+
+.ui.basic.modal > .header,
+.ui.basic.modal > .content,
+.ui.basic.modal > .actions {
+ background-color: transparent;
+}
+
+.ui.basic.modal > .header {
+ color: #FFFFFF;
+}
+
+.ui.basic.modal > .close {
+ top: 1rem;
+ right: 1.5rem;
+}
+
+.ui.inverted.dimmer > .basic.modal {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.inverted.dimmer > .ui.basic.modal > .header {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/* Resort to margin positioning if legacy */
+
+.ui.legacy.modal,
+.ui.legacy.page.dimmer > .ui.modal {
+ top: 50%;
+ left: 50%;
+}
+
+.ui.legacy.page.dimmer > .ui.scrolling.modal,
+.ui.page.dimmer > .ui.scrolling.legacy.modal,
+.ui.top.aligned.legacy.page.dimmer > .ui.modal,
+.ui.top.aligned.dimmer > .ui.legacy.modal {
+ top: auto;
+}
+
+/* Tablet and Mobile */
+
+@media only screen and (max-width: 991px) {
+ .ui.basic.modal > .close {
+ color: #FFFFFF;
+ }
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.loading.modal {
+ display: block;
+ visibility: hidden;
+ z-index: -1;
+}
+
+.ui.active.modal {
+ display: block;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Top Aligned
+---------------*/
+
+/* Top Aligned Modal */
+
+.modals.dimmer[class*="top aligned"] .modal {
+ margin: 5vh auto;
+}
+
+@media only screen and (max-width: 767px) {
+ .modals.dimmer[class*="top aligned"] .modal {
+ margin: 1rem auto;
+ }
+}
+
+/* Legacy Top Aligned */
+
+.legacy.modals.dimmer[class*="top aligned"] {
+ padding-top: 5vh;
+}
+
+@media only screen and (max-width: 767px) {
+ .legacy.modals.dimmer[class*="top aligned"] {
+ padding-top: 1rem;
+ }
+}
+
+/*--------------
+ Scrolling
+---------------*/
+
+/* Scrolling Dimmer */
+
+.scrolling.dimmable.dimmed {
+ overflow: hidden;
+}
+
+.scrolling.dimmable > .dimmer {
+ justify-content: flex-start;
+}
+
+.scrolling.dimmable.dimmed > .dimmer {
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.scrolling.dimmable > .dimmer {
+ position: fixed;
+}
+
+.modals.dimmer .ui.scrolling.modal {
+ margin: 1rem auto;
+}
+
+/* Undetached Scrolling */
+
+.scrolling.undetached.dimmable.dimmed {
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.scrolling.undetached.dimmable.dimmed > .dimmer {
+ overflow: hidden;
+}
+
+.scrolling.undetached.dimmable .ui.scrolling.modal {
+ position: absolute;
+ left: 50%;
+ margin-top: 1rem !important;
+}
+
+/* Scrolling Content */
+
+.ui.modal .scrolling.content {
+ max-height: calc(80vh - 10em);
+ overflow: auto;
+}
+
+/*--------------
+ Full Screen
+---------------*/
+
+.ui.fullscreen.modal {
+ width: 95% !important;
+ margin: 1em auto;
+}
+
+.ui.fullscreen.modal > .header {
+ padding-right: 2.25rem;
+}
+
+.ui.fullscreen.modal > .close {
+ top: 1.0535rem;
+ right: 1rem;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*--------------
+ Size
+---------------*/
+
+.ui.modal {
+ font-size: 1rem;
+}
+
+/* Mini */
+
+.ui.mini.modal > .header:not(.ui) {
+ font-size: 1.3em;
+}
+
+/* Mini Modal Width */
+
+@media only screen and (max-width: 767px) {
+ .ui.mini.modal {
+ width: 95%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.mini.modal {
+ width: 35.2%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.mini.modal {
+ width: 340px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .ui.mini.modal {
+ width: 360px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.mini.modal {
+ width: 380px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+/* mini */
+
+.ui.small.modal > .header:not(.ui) {
+ font-size: 1.3em;
+}
+
+/* Tiny Modal Width */
+
+@media only screen and (max-width: 767px) {
+ .ui.tiny.modal {
+ width: 95%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.tiny.modal {
+ width: 52.8%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.tiny.modal {
+ width: 510px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .ui.tiny.modal {
+ width: 540px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.tiny.modal {
+ width: 570px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+/* Small */
+
+.ui.small.modal > .header:not(.ui) {
+ font-size: 1.3em;
+}
+
+/* Small Modal Width */
+
+@media only screen and (max-width: 767px) {
+ .ui.small.modal {
+ width: 95%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.small.modal {
+ width: 70.4%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.small.modal {
+ width: 680px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .ui.small.modal {
+ width: 720px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.small.modal {
+ width: 760px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+/* Large Modal Width */
+
+.ui.large.modal > .header {
+ font-size: 1.6em;
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.large.modal {
+ width: 95%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .ui.large.modal {
+ width: 88%;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .ui.large.modal {
+ width: 1020px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+ .ui.large.modal {
+ width: 1080px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+@media only screen and (min-width: 1920px) {
+ .ui.large.modal {
+ width: 1140px;
+ margin: 0em 0em 0em 0em;
+ }
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Nag
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Nag
+*******************************/
+
+.ui.nag {
+ display: none;
+ opacity: 0.95;
+ position: relative;
+ top: 0em;
+ left: 0px;
+ z-index: 999;
+ min-height: 0em;
+ width: 100%;
+ margin: 0em;
+ padding: 0.75em 1em;
+ background: #555555;
+ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
+ font-size: 1rem;
+ text-align: center;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+ transition: 0.2s background ease;
+}
+
+a.ui.nag {
+ cursor: pointer;
+}
+
+.ui.nag > .title {
+ display: inline-block;
+ margin: 0em 0.5em;
+ color: #FFFFFF;
+}
+
+.ui.nag > .close.icon {
+ cursor: pointer;
+ opacity: 0.4;
+ position: absolute;
+ top: 50%;
+ right: 1em;
+ font-size: 1em;
+ margin: -0.5em 0em 0em;
+ color: #FFFFFF;
+ transition: opacity 0.2s ease;
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Hover */
+
+.ui.nag:hover {
+ background: #555555;
+ opacity: 1;
+}
+
+.ui.nag .close:hover {
+ opacity: 1;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Static
+---------------*/
+
+.ui.overlay.nag {
+ position: absolute;
+ display: block;
+}
+
+/*--------------
+ Fixed
+---------------*/
+
+.ui.fixed.nag {
+ position: fixed;
+}
+
+/*--------------
+ Bottom
+---------------*/
+
+.ui.bottom.nags,
+.ui.bottom.nag {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+ top: auto;
+ bottom: 0em;
+}
+
+/*--------------
+ White
+---------------*/
+
+.ui.inverted.nags .nag,
+.ui.inverted.nag {
+ background-color: #F3F4F5;
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.inverted.nags .nag .close,
+.ui.inverted.nags .nag .title,
+.ui.inverted.nag .close,
+.ui.inverted.nag .title {
+ color: rgba(0, 0, 0, 0.4);
+}
+
+/*******************************
+ Groups
+*******************************/
+
+.ui.nags .nag {
+ border-radius: 0em !important;
+}
+
+.ui.nags .nag:last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.bottom.nags .nag:last-child {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Popup
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Popup
+*******************************/
+
+.ui.popup {
+ display: none;
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ /* Fixes content being squished when inline (moz only) */
+ min-width: -webkit-min-content;
+ min-width: -moz-min-content;
+ min-width: min-content;
+ z-index: 1900;
+ border: 1px solid #D4D4D5;
+ line-height: 1.4285em;
+ max-width: 250px;
+ background: #FFFFFF;
+ padding: 0.833em 1em;
+ font-weight: normal;
+ font-style: normal;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+}
+
+.ui.popup > .header {
+ padding: 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1.14285714em;
+ line-height: 1.2;
+ font-weight: bold;
+}
+
+.ui.popup > .header + .content {
+ padding-top: 0.5em;
+}
+
+.ui.popup:before {
+ position: absolute;
+ content: '';
+ width: 0.71428571em;
+ height: 0.71428571em;
+ background: #FFFFFF;
+ transform: rotate(45deg);
+ z-index: 2;
+ box-shadow: 1px 1px 0px 0px #bababc;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Tooltip
+---------------*/
+
+/* Content */
+
+[data-tooltip] {
+ position: relative;
+}
+
+/* Arrow */
+
+[data-tooltip]:before {
+ pointer-events: none;
+ position: absolute;
+ content: '';
+ font-size: 1rem;
+ width: 0.71428571em;
+ height: 0.71428571em;
+ background: #FFFFFF;
+ transform: rotate(45deg);
+ z-index: 2;
+ box-shadow: 1px 1px 0px 0px #bababc;
+}
+
+/* Popup */
+
+[data-tooltip]:after {
+ pointer-events: none;
+ content: attr(data-tooltip);
+ position: absolute;
+ text-transform: none;
+ text-align: left;
+ white-space: nowrap;
+ font-size: 1rem;
+ border: 1px solid #D4D4D5;
+ line-height: 1.4285em;
+ max-width: none;
+ background: #FFFFFF;
+ padding: 0.833em 1em;
+ font-weight: normal;
+ font-style: normal;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+ z-index: 1;
+}
+
+/* Default Position (Top Center) */
+
+[data-tooltip]:not([data-position]):before {
+ top: auto;
+ right: auto;
+ bottom: 100%;
+ left: 50%;
+ background: #FFFFFF;
+ margin-left: -0.07142857rem;
+ margin-bottom: 0.14285714rem;
+}
+
+[data-tooltip]:not([data-position]):after {
+ left: 50%;
+ transform: translateX(-50%);
+ bottom: 100%;
+ margin-bottom: 0.5em;
+}
+
+/* Animation */
+
+[data-tooltip]:before,
+[data-tooltip]:after {
+ pointer-events: none;
+ visibility: hidden;
+}
+
+[data-tooltip]:before {
+ opacity: 0;
+ transform: rotate(45deg) scale(0) !important;
+ transform-origin: center top;
+ transition: all 0.1s ease;
+}
+
+[data-tooltip]:after {
+ opacity: 1;
+ transform-origin: center bottom;
+ transition: all 0.1s ease;
+}
+
+[data-tooltip]:hover:before,
+[data-tooltip]:hover:after {
+ visibility: visible;
+ pointer-events: auto;
+}
+
+[data-tooltip]:hover:before {
+ transform: rotate(45deg) scale(1) !important;
+ opacity: 1;
+}
+
+/* Animation Position */
+
+[data-tooltip]:after,
+[data-tooltip][data-position="top center"]:after,
+[data-tooltip][data-position="bottom center"]:after {
+ transform: translateX(-50%) scale(0) !important;
+}
+
+[data-tooltip]:hover:after,
+[data-tooltip][data-position="bottom center"]:hover:after {
+ transform: translateX(-50%) scale(1) !important;
+}
+
+[data-tooltip][data-position="left center"]:after,
+[data-tooltip][data-position="right center"]:after {
+ transform: translateY(-50%) scale(0) !important;
+}
+
+[data-tooltip][data-position="left center"]:hover:after,
+[data-tooltip][data-position="right center"]:hover:after {
+ transform: translateY(-50%) scale(1) !important;
+}
+
+[data-tooltip][data-position="top left"]:after,
+[data-tooltip][data-position="top right"]:after,
+[data-tooltip][data-position="bottom left"]:after,
+[data-tooltip][data-position="bottom right"]:after {
+ transform: scale(0) !important;
+}
+
+[data-tooltip][data-position="top left"]:hover:after,
+[data-tooltip][data-position="top right"]:hover:after,
+[data-tooltip][data-position="bottom left"]:hover:after,
+[data-tooltip][data-position="bottom right"]:hover:after {
+ transform: scale(1) !important;
+}
+
+/*--------------
+ Inverted
+---------------*/
+
+/* Arrow */
+
+[data-tooltip][data-inverted]:before {
+ box-shadow: none !important;
+}
+
+/* Arrow Position */
+
+[data-tooltip][data-inverted]:before {
+ background: #1B1C1D;
+}
+
+/* Popup */
+
+[data-tooltip][data-inverted]:after {
+ background: #1B1C1D;
+ color: #FFFFFF;
+ border: none;
+ box-shadow: none;
+}
+
+[data-tooltip][data-inverted]:after .header {
+ background-color: none;
+ color: #FFFFFF;
+}
+
+/*--------------
+ Position
+---------------*/
+
+/* Top Center */
+
+[data-position="top center"][data-tooltip]:after {
+ top: auto;
+ right: auto;
+ left: 50%;
+ bottom: 100%;
+ transform: translateX(-50%);
+ margin-bottom: 0.5em;
+}
+
+[data-position="top center"][data-tooltip]:before {
+ top: auto;
+ right: auto;
+ bottom: 100%;
+ left: 50%;
+ background: #FFFFFF;
+ margin-left: -0.07142857rem;
+ margin-bottom: 0.14285714rem;
+}
+
+/* Top Left */
+
+[data-position="top left"][data-tooltip]:after {
+ top: auto;
+ right: auto;
+ left: 0;
+ bottom: 100%;
+ margin-bottom: 0.5em;
+}
+
+[data-position="top left"][data-tooltip]:before {
+ top: auto;
+ right: auto;
+ bottom: 100%;
+ left: 1em;
+ margin-left: -0.07142857rem;
+ margin-bottom: 0.14285714rem;
+}
+
+/* Top Right */
+
+[data-position="top right"][data-tooltip]:after {
+ top: auto;
+ left: auto;
+ right: 0;
+ bottom: 100%;
+ margin-bottom: 0.5em;
+}
+
+[data-position="top right"][data-tooltip]:before {
+ top: auto;
+ left: auto;
+ bottom: 100%;
+ right: 1em;
+ margin-left: -0.07142857rem;
+ margin-bottom: 0.14285714rem;
+}
+
+/* Bottom Center */
+
+[data-position="bottom center"][data-tooltip]:after {
+ bottom: auto;
+ right: auto;
+ left: 50%;
+ top: 100%;
+ transform: translateX(-50%);
+ margin-top: 0.5em;
+}
+
+[data-position="bottom center"][data-tooltip]:before {
+ bottom: auto;
+ right: auto;
+ top: 100%;
+ left: 50%;
+ margin-left: -0.07142857rem;
+ margin-top: 0.14285714rem;
+}
+
+/* Bottom Left */
+
+[data-position="bottom left"][data-tooltip]:after {
+ left: 0;
+ top: 100%;
+ margin-top: 0.5em;
+}
+
+[data-position="bottom left"][data-tooltip]:before {
+ bottom: auto;
+ right: auto;
+ top: 100%;
+ left: 1em;
+ margin-left: -0.07142857rem;
+ margin-top: 0.14285714rem;
+}
+
+/* Bottom Right */
+
+[data-position="bottom right"][data-tooltip]:after {
+ right: 0;
+ top: 100%;
+ margin-top: 0.5em;
+}
+
+[data-position="bottom right"][data-tooltip]:before {
+ bottom: auto;
+ left: auto;
+ top: 100%;
+ right: 1em;
+ margin-left: -0.14285714rem;
+ margin-top: 0.07142857rem;
+}
+
+/* Left Center */
+
+[data-position="left center"][data-tooltip]:after {
+ right: 100%;
+ top: 50%;
+ margin-right: 0.5em;
+ transform: translateY(-50%);
+}
+
+[data-position="left center"][data-tooltip]:before {
+ right: 100%;
+ top: 50%;
+ margin-top: -0.14285714rem;
+ margin-right: -0.07142857rem;
+}
+
+/* Right Center */
+
+[data-position="right center"][data-tooltip]:after {
+ left: 100%;
+ top: 50%;
+ margin-left: 0.5em;
+ transform: translateY(-50%);
+}
+
+[data-position="right center"][data-tooltip]:before {
+ left: 100%;
+ top: 50%;
+ margin-top: -0.07142857rem;
+ margin-left: 0.14285714rem;
+}
+
+/* Arrow */
+
+[data-position~="bottom"][data-tooltip]:before {
+ background: #FFFFFF;
+ box-shadow: -1px -1px 0px 0px #bababc;
+}
+
+[data-position="left center"][data-tooltip]:before {
+ background: #FFFFFF;
+ box-shadow: 1px -1px 0px 0px #bababc;
+}
+
+[data-position="right center"][data-tooltip]:before {
+ background: #FFFFFF;
+ box-shadow: -1px 1px 0px 0px #bababc;
+}
+
+[data-position~="top"][data-tooltip]:before {
+ background: #FFFFFF;
+}
+
+/* Inverted Arrow Color */
+
+[data-inverted][data-position~="bottom"][data-tooltip]:before {
+ background: #1B1C1D;
+ box-shadow: -1px -1px 0px 0px #bababc;
+}
+
+[data-inverted][data-position="left center"][data-tooltip]:before {
+ background: #1B1C1D;
+ box-shadow: 1px -1px 0px 0px #bababc;
+}
+
+[data-inverted][data-position="right center"][data-tooltip]:before {
+ background: #1B1C1D;
+ box-shadow: -1px 1px 0px 0px #bababc;
+}
+
+[data-inverted][data-position~="top"][data-tooltip]:before {
+ background: #1B1C1D;
+}
+
+[data-position~="bottom"][data-tooltip]:before {
+ transform-origin: center bottom;
+}
+
+[data-position~="bottom"][data-tooltip]:after {
+ transform-origin: center top;
+}
+
+[data-position="left center"][data-tooltip]:before {
+ transform-origin: top center;
+}
+
+[data-position="left center"][data-tooltip]:after {
+ transform-origin: right center;
+}
+
+[data-position="right center"][data-tooltip]:before {
+ transform-origin: right center;
+}
+
+[data-position="right center"][data-tooltip]:after {
+ transform-origin: left center;
+}
+
+/*--------------
+ Spacing
+---------------*/
+
+.ui.popup {
+ margin: 0em;
+}
+
+/* Extending from Top */
+
+.ui.top.popup {
+ margin: 0em 0em 0.71428571em;
+}
+
+.ui.top.left.popup {
+ transform-origin: left bottom;
+}
+
+.ui.top.center.popup {
+ transform-origin: center bottom;
+}
+
+.ui.top.right.popup {
+ transform-origin: right bottom;
+}
+
+/* Extending from Vertical Center */
+
+.ui.left.center.popup {
+ margin: 0em 0.71428571em 0em 0em;
+ transform-origin: right 50%;
+}
+
+.ui.right.center.popup {
+ margin: 0em 0em 0em 0.71428571em;
+ transform-origin: left 50%;
+}
+
+/* Extending from Bottom */
+
+.ui.bottom.popup {
+ margin: 0.71428571em 0em 0em;
+}
+
+.ui.bottom.left.popup {
+ transform-origin: left top;
+}
+
+.ui.bottom.center.popup {
+ transform-origin: center top;
+}
+
+.ui.bottom.right.popup {
+ transform-origin: right top;
+}
+
+/*--------------
+ Pointer
+---------------*/
+
+/*--- Below ---*/
+
+.ui.bottom.center.popup:before {
+ margin-left: -0.30714286em;
+ top: -0.30714286em;
+ left: 50%;
+ right: auto;
+ bottom: auto;
+ box-shadow: -1px -1px 0px 0px #bababc;
+}
+
+.ui.bottom.left.popup {
+ margin-left: 0em;
+}
+
+/*rtl:rename*/
+
+.ui.bottom.left.popup:before {
+ top: -0.30714286em;
+ left: 1em;
+ right: auto;
+ bottom: auto;
+ margin-left: 0em;
+ box-shadow: -1px -1px 0px 0px #bababc;
+}
+
+.ui.bottom.right.popup {
+ margin-right: 0em;
+}
+
+/*rtl:rename*/
+
+.ui.bottom.right.popup:before {
+ top: -0.30714286em;
+ right: 1em;
+ bottom: auto;
+ left: auto;
+ margin-left: 0em;
+ box-shadow: -1px -1px 0px 0px #bababc;
+}
+
+/*--- Above ---*/
+
+.ui.top.center.popup:before {
+ top: auto;
+ right: auto;
+ bottom: -0.30714286em;
+ left: 50%;
+ margin-left: -0.30714286em;
+}
+
+.ui.top.left.popup {
+ margin-left: 0em;
+}
+
+/*rtl:rename*/
+
+.ui.top.left.popup:before {
+ bottom: -0.30714286em;
+ left: 1em;
+ top: auto;
+ right: auto;
+ margin-left: 0em;
+}
+
+.ui.top.right.popup {
+ margin-right: 0em;
+}
+
+/*rtl:rename*/
+
+.ui.top.right.popup:before {
+ bottom: -0.30714286em;
+ right: 1em;
+ top: auto;
+ left: auto;
+ margin-left: 0em;
+}
+
+/*--- Left Center ---*/
+
+/*rtl:rename*/
+
+.ui.left.center.popup:before {
+ top: 50%;
+ right: -0.30714286em;
+ bottom: auto;
+ left: auto;
+ margin-top: -0.30714286em;
+ box-shadow: 1px -1px 0px 0px #bababc;
+}
+
+/*--- Right Center ---*/
+
+/*rtl:rename*/
+
+.ui.right.center.popup:before {
+ top: 50%;
+ left: -0.30714286em;
+ bottom: auto;
+ right: auto;
+ margin-top: -0.30714286em;
+ box-shadow: -1px 1px 0px 0px #bababc;
+}
+
+/* Arrow Color By Location */
+
+.ui.bottom.popup:before {
+ background: #FFFFFF;
+}
+
+.ui.right.center.popup:before,
+.ui.left.center.popup:before {
+ background: #FFFFFF;
+}
+
+.ui.top.popup:before {
+ background: #FFFFFF;
+}
+
+/* Inverted Arrow Color */
+
+.ui.inverted.bottom.popup:before {
+ background: #1B1C1D;
+}
+
+.ui.inverted.right.center.popup:before,
+.ui.inverted.left.center.popup:before {
+ background: #1B1C1D;
+}
+
+.ui.inverted.top.popup:before {
+ background: #1B1C1D;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+/* Immediate Nested Grid */
+
+.ui.popup > .ui.grid:not(.padded) {
+ width: calc(100% + 1.75rem);
+ margin: -0.7rem -0.875rem;
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.loading.popup {
+ display: block;
+ visibility: hidden;
+ z-index: -1;
+}
+
+.ui.animating.popup,
+.ui.visible.popup {
+ display: block;
+}
+
+.ui.visible.popup {
+ transform: translateZ(0px);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Basic
+---------------*/
+
+.ui.basic.popup:before {
+ display: none;
+}
+
+/*--------------
+ Wide
+---------------*/
+
+.ui.wide.popup {
+ max-width: 350px;
+}
+
+.ui[class*="very wide"].popup {
+ max-width: 550px;
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.wide.popup,
+ .ui[class*="very wide"].popup {
+ max-width: 250px;
+ }
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+.ui.fluid.popup {
+ width: 100%;
+ max-width: none;
+}
+
+/*--------------
+ Colors
+---------------*/
+
+/* Inverted colors */
+
+.ui.inverted.popup {
+ background: #1B1C1D;
+ color: #FFFFFF;
+ border: none;
+ box-shadow: none;
+}
+
+.ui.inverted.popup .header {
+ background-color: none;
+ color: #FFFFFF;
+}
+
+.ui.inverted.popup:before {
+ background-color: #1B1C1D;
+ box-shadow: none !important;
+}
+
+/*--------------
+ Flowing
+---------------*/
+
+.ui.flowing.popup {
+ max-width: none;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.mini.popup {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.popup {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.popup {
+ font-size: 0.92857143rem;
+}
+
+.ui.popup {
+ font-size: 1rem;
+}
+
+.ui.large.popup {
+ font-size: 1.14285714rem;
+}
+
+.ui.huge.popup {
+ font-size: 1.42857143rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Progress Bar
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Progress
+*******************************/
+
+.ui.progress {
+ position: relative;
+ display: block;
+ max-width: 100%;
+ border: none;
+ margin: 1em 0em 2.5em;
+ box-shadow: none;
+ background: rgba(0, 0, 0, 0.1);
+ padding: 0em;
+ border-radius: 0.28571429rem;
+}
+
+.ui.progress:first-child {
+ margin: 0em 0em 2.5em;
+}
+
+.ui.progress:last-child {
+ margin: 0em 0em 1.5em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* Activity Bar */
+
+.ui.progress .bar {
+ display: block;
+ line-height: 1;
+ position: relative;
+ width: 0%;
+ min-width: 2em;
+ background: #888888;
+ border-radius: 0.28571429rem;
+ transition: width 0.1s ease, background-color 0.1s ease;
+}
+
+/* Percent Complete */
+
+.ui.progress .bar > .progress {
+ white-space: nowrap;
+ position: absolute;
+ width: auto;
+ font-size: 0.92857143em;
+ top: 50%;
+ right: 0.5em;
+ left: auto;
+ bottom: auto;
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+ margin-top: -0.5em;
+ font-weight: bold;
+ text-align: left;
+}
+
+/* Label */
+
+.ui.progress > .label {
+ position: absolute;
+ width: 100%;
+ font-size: 1em;
+ top: 100%;
+ right: auto;
+ left: 0%;
+ bottom: auto;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+ text-shadow: none;
+ margin-top: 0.2em;
+ text-align: center;
+ transition: color 0.4s ease;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/* Indicating */
+
+.ui.indicating.progress[data-percent^="1"] .bar,
+.ui.indicating.progress[data-percent^="2"] .bar {
+ background-color: #D95C5C;
+}
+
+.ui.indicating.progress[data-percent^="3"] .bar {
+ background-color: #EFBC72;
+}
+
+.ui.indicating.progress[data-percent^="4"] .bar,
+.ui.indicating.progress[data-percent^="5"] .bar {
+ background-color: #E6BB48;
+}
+
+.ui.indicating.progress[data-percent^="6"] .bar {
+ background-color: #DDC928;
+}
+
+.ui.indicating.progress[data-percent^="7"] .bar,
+.ui.indicating.progress[data-percent^="8"] .bar {
+ background-color: #B4D95C;
+}
+
+.ui.indicating.progress[data-percent^="9"] .bar,
+.ui.indicating.progress[data-percent^="100"] .bar {
+ background-color: #66DA81;
+}
+
+/* Indicating Label */
+
+.ui.indicating.progress[data-percent^="1"] .label,
+.ui.indicating.progress[data-percent^="2"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.indicating.progress[data-percent^="3"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.indicating.progress[data-percent^="4"] .label,
+.ui.indicating.progress[data-percent^="5"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.indicating.progress[data-percent^="6"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.indicating.progress[data-percent^="7"] .label,
+.ui.indicating.progress[data-percent^="8"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.indicating.progress[data-percent^="9"] .label,
+.ui.indicating.progress[data-percent^="100"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Single Digits */
+
+.ui.indicating.progress[data-percent="1"] .bar,
+.ui.indicating.progress[data-percent="2"] .bar,
+.ui.indicating.progress[data-percent="3"] .bar,
+.ui.indicating.progress[data-percent="4"] .bar,
+.ui.indicating.progress[data-percent="5"] .bar,
+.ui.indicating.progress[data-percent="6"] .bar,
+.ui.indicating.progress[data-percent="7"] .bar,
+.ui.indicating.progress[data-percent="8"] .bar,
+.ui.indicating.progress[data-percent="9"] .bar {
+ background-color: #D95C5C;
+}
+
+.ui.indicating.progress[data-percent="1"] .label,
+.ui.indicating.progress[data-percent="2"] .label,
+.ui.indicating.progress[data-percent="3"] .label,
+.ui.indicating.progress[data-percent="4"] .label,
+.ui.indicating.progress[data-percent="5"] .label,
+.ui.indicating.progress[data-percent="6"] .label,
+.ui.indicating.progress[data-percent="7"] .label,
+.ui.indicating.progress[data-percent="8"] .label,
+.ui.indicating.progress[data-percent="9"] .label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* Indicating Success */
+
+.ui.indicating.progress.success .label {
+ color: #1A531B;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Success
+---------------*/
+
+.ui.progress.success .bar {
+ background-color: #21BA45 !important;
+}
+
+.ui.progress.success .bar,
+.ui.progress.success .bar::after {
+ -webkit-animation: none !important;
+ animation: none !important;
+}
+
+.ui.progress.success > .label {
+ color: #1A531B;
+}
+
+/*--------------
+ Warning
+---------------*/
+
+.ui.progress.warning .bar {
+ background-color: #F2C037 !important;
+}
+
+.ui.progress.warning .bar,
+.ui.progress.warning .bar::after {
+ -webkit-animation: none !important;
+ animation: none !important;
+}
+
+.ui.progress.warning > .label {
+ color: #794B02;
+}
+
+/*--------------
+ Error
+---------------*/
+
+.ui.progress.error .bar {
+ background-color: #DB2828 !important;
+}
+
+.ui.progress.error .bar,
+.ui.progress.error .bar::after {
+ -webkit-animation: none !important;
+ animation: none !important;
+}
+
+.ui.progress.error > .label {
+ color: #912D2B;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.active.progress .bar {
+ position: relative;
+ min-width: 2em;
+}
+
+.ui.active.progress .bar::after {
+ content: '';
+ opacity: 0;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ background: #FFFFFF;
+ border-radius: 0.28571429rem;
+ -webkit-animation: progress-active 2s ease infinite;
+ animation: progress-active 2s ease infinite;
+}
+
+@-webkit-keyframes progress-active {
+ 0% {
+ opacity: 0.3;
+ width: 0;
+ }
+
+ 100% {
+ opacity: 0;
+ width: 100%;
+ }
+}
+
+@keyframes progress-active {
+ 0% {
+ opacity: 0.3;
+ width: 0;
+ }
+
+ 100% {
+ opacity: 0;
+ width: 100%;
+ }
+}
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.disabled.progress {
+ opacity: 0.35;
+}
+
+.ui.disabled.progress .bar,
+.ui.disabled.progress .bar::after {
+ -webkit-animation: none !important;
+ animation: none !important;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Inverted
+---------------*/
+
+.ui.inverted.progress {
+ background: rgba(255, 255, 255, 0.08);
+ border: none;
+}
+
+.ui.inverted.progress .bar {
+ background: #888888;
+}
+
+.ui.inverted.progress .bar > .progress {
+ color: #F9FAFB;
+}
+
+.ui.inverted.progress > .label {
+ color: #FFFFFF;
+}
+
+.ui.inverted.progress.success > .label {
+ color: #21BA45;
+}
+
+.ui.inverted.progress.warning > .label {
+ color: #F2C037;
+}
+
+.ui.inverted.progress.error > .label {
+ color: #DB2828;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+/* bottom attached */
+
+.ui.progress.attached {
+ background: transparent;
+ position: relative;
+ border: none;
+ margin: 0em;
+}
+
+.ui.progress.attached,
+.ui.progress.attached .bar {
+ display: block;
+ height: 0.2rem;
+ padding: 0px;
+ overflow: hidden;
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+.ui.progress.attached .bar {
+ border-radius: 0em;
+}
+
+/* top attached */
+
+.ui.progress.top.attached,
+.ui.progress.top.attached .bar {
+ top: 0px;
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.progress.top.attached .bar {
+ border-radius: 0em;
+}
+
+/* Coupling */
+
+.ui.segment > .ui.attached.progress,
+.ui.card > .ui.attached.progress {
+ position: absolute;
+ top: auto;
+ left: 0;
+ bottom: 100%;
+ width: 100%;
+}
+
+.ui.segment > .ui.bottom.attached.progress,
+.ui.card > .ui.bottom.attached.progress {
+ top: 100%;
+ bottom: auto;
+}
+
+/*--------------
+ Colors
+---------------*/
+
+/* Red */
+
+.ui.red.progress .bar {
+ background-color: #DB2828;
+}
+
+.ui.red.inverted.progress .bar {
+ background-color: #FF695E;
+}
+
+/* Orange */
+
+.ui.orange.progress .bar {
+ background-color: #F2711C;
+}
+
+.ui.orange.inverted.progress .bar {
+ background-color: #FF851B;
+}
+
+/* Yellow */
+
+.ui.yellow.progress .bar {
+ background-color: #FBBD08;
+}
+
+.ui.yellow.inverted.progress .bar {
+ background-color: #FFE21F;
+}
+
+/* Olive */
+
+.ui.olive.progress .bar {
+ background-color: #B5CC18;
+}
+
+.ui.olive.inverted.progress .bar {
+ background-color: #D9E778;
+}
+
+/* Green */
+
+.ui.green.progress .bar {
+ background-color: #21BA45;
+}
+
+.ui.green.inverted.progress .bar {
+ background-color: #2ECC40;
+}
+
+/* Teal */
+
+.ui.teal.progress .bar {
+ background-color: #00B5AD;
+}
+
+.ui.teal.inverted.progress .bar {
+ background-color: #6DFFFF;
+}
+
+/* Blue */
+
+.ui.blue.progress .bar {
+ background-color: #2185D0;
+}
+
+.ui.blue.inverted.progress .bar {
+ background-color: #54C8FF;
+}
+
+/* Violet */
+
+.ui.violet.progress .bar {
+ background-color: #6435C9;
+}
+
+.ui.violet.inverted.progress .bar {
+ background-color: #A291FB;
+}
+
+/* Purple */
+
+.ui.purple.progress .bar {
+ background-color: #A333C8;
+}
+
+.ui.purple.inverted.progress .bar {
+ background-color: #DC73FF;
+}
+
+/* Pink */
+
+.ui.pink.progress .bar {
+ background-color: #E03997;
+}
+
+.ui.pink.inverted.progress .bar {
+ background-color: #FF8EDF;
+}
+
+/* Brown */
+
+.ui.brown.progress .bar {
+ background-color: #A5673F;
+}
+
+.ui.brown.inverted.progress .bar {
+ background-color: #D67C1C;
+}
+
+/* Grey */
+
+.ui.grey.progress .bar {
+ background-color: #767676;
+}
+
+.ui.grey.inverted.progress .bar {
+ background-color: #DCDDDE;
+}
+
+/* Black */
+
+.ui.black.progress .bar {
+ background-color: #1B1C1D;
+}
+
+.ui.black.inverted.progress .bar {
+ background-color: #545454;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.tiny.progress {
+ font-size: 0.85714286rem;
+}
+
+.ui.tiny.progress .bar {
+ height: 0.5em;
+}
+
+.ui.small.progress {
+ font-size: 0.92857143rem;
+}
+
+.ui.small.progress .bar {
+ height: 1em;
+}
+
+.ui.progress {
+ font-size: 1rem;
+}
+
+.ui.progress .bar {
+ height: 1.75em;
+}
+
+.ui.large.progress {
+ font-size: 1.14285714rem;
+}
+
+.ui.large.progress .bar {
+ height: 2.5em;
+}
+
+.ui.big.progress {
+ font-size: 1.28571429rem;
+}
+
+.ui.big.progress .bar {
+ height: 3.5em;
+}
+
+/*******************************
+ Progress
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Rating
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Rating
+*******************************/
+
+.ui.rating {
+ display: inline-flex;
+ white-space: nowrap;
+ vertical-align: baseline;
+}
+
+.ui.rating:last-child {
+ margin-right: 0em;
+}
+
+/* Icon */
+
+.ui.rating .icon {
+ padding: 0em;
+ margin: 0em;
+ text-align: center;
+ font-weight: normal;
+ font-style: normal;
+ flex: 1 0 auto;
+ cursor: pointer;
+ width: 1.25em;
+ height: auto;
+ transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Standard
+--------------------*/
+
+/* Inactive Icon */
+
+.ui.rating .icon {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.15);
+}
+
+/* Active Icon */
+
+.ui.rating .active.icon {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/* Selected Icon */
+
+.ui.rating .icon.selected,
+.ui.rating .icon.selected.active {
+ background: transparent;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/*-------------------
+ Star
+--------------------*/
+
+/* Inactive */
+
+.ui.star.rating .icon {
+ width: 1.25em;
+ height: auto;
+ background: transparent;
+ color: rgba(0, 0, 0, 0.15);
+ text-shadow: none;
+}
+
+/* Active Star */
+
+.ui.star.rating .active.icon {
+ background: transparent !important;
+ color: #FFE623 !important;
+ text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important;
+}
+
+/* Selected Star */
+
+.ui.star.rating .icon.selected,
+.ui.star.rating .icon.selected.active {
+ background: transparent !important;
+ color: #FFCC00 !important;
+ text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important;
+}
+
+/*-------------------
+ Heart
+--------------------*/
+
+.ui.heart.rating .icon {
+ width: 1.4em;
+ height: auto;
+ background: transparent;
+ color: rgba(0, 0, 0, 0.15);
+ text-shadow: none !important;
+}
+
+/* Active Heart */
+
+.ui.heart.rating .active.icon {
+ background: transparent !important;
+ color: #FF6D75 !important;
+ text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important;
+}
+
+/* Selected Heart */
+
+.ui.heart.rating .icon.selected,
+.ui.heart.rating .icon.selected.active {
+ background: transparent !important;
+ color: #FF3000 !important;
+ text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*-------------------
+ Disabled
+--------------------*/
+
+/* disabled rating */
+
+.ui.disabled.rating .icon {
+ cursor: default;
+}
+
+/*-------------------
+ User Interactive
+--------------------*/
+
+/* Selected Rating */
+
+.ui.rating.selected .active.icon {
+ opacity: 1;
+}
+
+.ui.rating.selected .icon.selected,
+.ui.rating .icon.selected {
+ opacity: 1;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.mini.rating {
+ font-size: 0.78571429rem;
+}
+
+.ui.tiny.rating {
+ font-size: 0.85714286rem;
+}
+
+.ui.small.rating {
+ font-size: 0.92857143rem;
+}
+
+.ui.rating {
+ font-size: 1rem;
+}
+
+.ui.large.rating {
+ font-size: 1.14285714rem;
+}
+
+.ui.huge.rating {
+ font-size: 1.42857143rem;
+}
+
+.ui.massive.rating {
+ font-size: 2rem;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+@font-face {
+ font-family: 'Rating';
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+.ui.rating .icon {
+ font-family: 'Rating';
+ line-height: 1;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ font-weight: normal;
+ font-style: normal;
+ text-align: center;
+}
+
+/* Empty Star */
+
+.ui.rating .icon:before {
+ content: '\F005';
+}
+
+/* Active Star */
+
+.ui.rating .active.icon:before {
+ content: '\F005';
+}
+
+/*-------------------
+ Star
+--------------------*/
+
+/* Unfilled Star */
+
+.ui.star.rating .icon:before {
+ content: '\F005';
+}
+
+/* Active Star */
+
+.ui.star.rating .active.icon:before {
+ content: '\F005';
+}
+
+/* Partial */
+
+.ui.star.rating .partial.icon:before {
+ content: '\F006';
+}
+
+.ui.star.rating .partial.icon {
+ content: '\F005';
+}
+
+/*-------------------
+ Heart
+--------------------*/
+
+/* Empty Heart
+.ui.heart.rating .icon:before {
+ content: '\f08a';
+}
+*/
+
+.ui.heart.rating .icon:before {
+ content: '\F004';
+}
+
+/* Active */
+
+.ui.heart.rating .active.icon:before {
+ content: '\F004';
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Search
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Search
+*******************************/
+
+.ui.search {
+ position: relative;
+}
+
+.ui.search > .prompt {
+ margin: 0em;
+ outline: none;
+ -webkit-appearance: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ text-shadow: none;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1.21428571em;
+ padding: 0.67857143em 1em;
+ font-size: 1em;
+ background: #FFFFFF;
+ border: 1px solid rgba(34, 36, 38, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0em 0em 0em 0em transparent inset;
+ transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
+}
+
+.ui.search .prompt {
+ border-radius: 500rem;
+}
+
+/*--------------
+ Icon
+---------------*/
+
+.ui.search .prompt ~ .search.icon {
+ cursor: pointer;
+}
+
+/*--------------
+ Results
+---------------*/
+
+.ui.search > .results {
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0%;
+ transform-origin: center top;
+ white-space: normal;
+ text-align: left;
+ text-transform: none;
+ background: #FFFFFF;
+ margin-top: 0.5em;
+ width: 18em;
+ border-radius: 0.28571429rem;
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+ border: 1px solid #D4D4D5;
+ z-index: 998;
+}
+
+.ui.search > .results > :first-child {
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+
+.ui.search > .results > :last-child {
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
+
+/*--------------
+ Result
+---------------*/
+
+.ui.search > .results .result {
+ cursor: pointer;
+ display: block;
+ overflow: hidden;
+ font-size: 1em;
+ padding: 0.85714286em 1.14285714em;
+ color: rgba(0, 0, 0, 0.87);
+ line-height: 1.33;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.search > .results .result:last-child {
+ border-bottom: none !important;
+}
+
+/* Image */
+
+.ui.search > .results .result .image {
+ float: right;
+ overflow: hidden;
+ background: none;
+ width: 5em;
+ height: 3em;
+ border-radius: 0.25em;
+}
+
+.ui.search > .results .result .image img {
+ display: block;
+ width: auto;
+ height: 100%;
+}
+
+/*--------------
+ Info
+---------------*/
+
+.ui.search > .results .result .image + .content {
+ margin: 0em 6em 0em 0em;
+}
+
+.ui.search > .results .result .title {
+ margin: -0.14285714em 0em 0em;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 1em;
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.search > .results .result .description {
+ margin-top: 0;
+ font-size: 0.92857143em;
+ color: rgba(0, 0, 0, 0.4);
+}
+
+.ui.search > .results .result .price {
+ float: right;
+ color: #21BA45;
+}
+
+/*--------------
+ Message
+---------------*/
+
+.ui.search > .results > .message {
+ padding: 1em 1em;
+}
+
+.ui.search > .results > .message .header {
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1rem;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.search > .results > .message .description {
+ margin-top: 0.25rem;
+ font-size: 1em;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+/* View All Results */
+
+.ui.search > .results > .action {
+ display: block;
+ border-top: none;
+ background: #F3F4F5;
+ padding: 0.92857143em 1em;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+ text-align: center;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------------
+ Focus
+---------------------*/
+
+.ui.search > .prompt:focus {
+ border-color: rgba(34, 36, 38, 0.35);
+ background: #FFFFFF;
+ color: rgba(0, 0, 0, 0.95);
+}
+
+/*--------------------
+ Loading
+---------------------*/
+
+.ui.loading.search .input > i.icon:before {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.loading.search .input > i.icon:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+ margin: -0.64285714em 0em 0em -0.64285714em;
+ width: 1.28571429em;
+ height: 1.28571429em;
+ -webkit-animation: button-spin 0.6s linear;
+ animation: button-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+/*--------------
+ Hover
+---------------*/
+
+.ui.search > .results .result:hover,
+.ui.category.search > .results .category .result:hover {
+ background: #F9FAFB;
+}
+
+.ui.search .action:hover {
+ background: #E0E0E0;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.category.search > .results .category.active {
+ background: #F3F4F5;
+}
+
+.ui.category.search > .results .category.active > .name {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.search > .results .result.active,
+.ui.category.search > .results .category .result.active {
+ position: relative;
+ border-left-color: rgba(34, 36, 38, 0.1);
+ background: #F3F4F5;
+ box-shadow: none;
+}
+
+.ui.search > .results .result.active .title {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+.ui.search > .results .result.active .description {
+ color: rgba(0, 0, 0, 0.85);
+}
+
+/*--------------------
+ Disabled
+----------------------*/
+
+/* Disabled */
+
+.ui.disabled.search {
+ cursor: default;
+ pointer-events: none;
+ opacity: 0.45;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Selection
+---------------*/
+
+.ui.search.selection .prompt {
+ border-radius: 0.28571429rem;
+}
+
+/* Remove input */
+
+.ui.search.selection > .icon.input > .remove.icon {
+ pointer-events: none;
+ position: absolute;
+ left: auto;
+ opacity: 0;
+ color: '';
+ top: 0em;
+ right: 0em;
+ transition: color 0.1s ease, opacity 0.1s ease;
+}
+
+.ui.search.selection > .icon.input > .active.remove.icon {
+ cursor: pointer;
+ opacity: 0.8;
+ pointer-events: auto;
+}
+
+.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
+ right: 1.85714em;
+}
+
+.ui.search.selection > .icon.input > .remove.icon:hover {
+ opacity: 1;
+ color: #DB2828;
+}
+
+/*--------------
+ Category
+---------------*/
+
+.ui.category.search .results {
+ width: 28em;
+}
+
+.ui.category.search .results.animating,
+.ui.category.search .results.visible {
+ display: table;
+}
+
+/* Category */
+
+.ui.category.search > .results .category {
+ display: table-row;
+ background: #F3F4F5;
+ box-shadow: none;
+ transition: background 0.1s ease, border-color 0.1s ease;
+}
+
+/* Last Category */
+
+.ui.category.search > .results .category:last-child {
+ border-bottom: none;
+}
+
+/* First / Last */
+
+.ui.category.search > .results .category:first-child .name + .result {
+ border-radius: 0em 0.28571429rem 0em 0em;
+}
+
+.ui.category.search > .results .category:last-child .result:last-child {
+ border-radius: 0em 0em 0.28571429rem 0em;
+}
+
+/* Category Result Name */
+
+.ui.category.search > .results .category > .name {
+ display: table-cell;
+ text-overflow: ellipsis;
+ width: 100px;
+ white-space: nowrap;
+ background: transparent;
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ padding: 0.4em 1em;
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.4);
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+/* Category Result */
+
+.ui.category.search > .results .category .results {
+ display: table-cell;
+ background: #FFFFFF;
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+}
+
+.ui.category.search > .results .category .result {
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+ transition: background 0.1s ease, border-color 0.1s ease;
+ padding: 0.85714286em 1.14285714em;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Left / Right
+--------------------*/
+
+.ui[class*="left aligned"].search > .results {
+ right: auto;
+ left: 0%;
+}
+
+.ui[class*="right aligned"].search > .results {
+ right: 0%;
+ left: auto;
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+.ui.fluid.search .results {
+ width: 100%;
+}
+
+/*--------------
+ Sizes
+---------------*/
+
+.ui.mini.search {
+ font-size: 0.78571429em;
+}
+
+.ui.small.search {
+ font-size: 0.92857143em;
+}
+
+.ui.search {
+ font-size: 1em;
+}
+
+.ui.large.search {
+ font-size: 1.14285714em;
+}
+
+.ui.big.search {
+ font-size: 1.28571429em;
+}
+
+.ui.huge.search {
+ font-size: 1.42857143em;
+}
+
+.ui.massive.search {
+ font-size: 1.71428571em;
+}
+
+/*--------------
+ Mobile
+---------------*/
+
+@media only screen and (max-width: 767px) {
+ .ui.search .results {
+ max-width: calc(100vw - 2rem);
+ }
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Shape
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Shape
+*******************************/
+
+.ui.shape {
+ position: relative;
+ vertical-align: top;
+ display: inline-block;
+ perspective: 2000px;
+ transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
+}
+
+.ui.shape .sides {
+ transform-style: preserve-3d;
+}
+
+.ui.shape .side {
+ opacity: 1;
+ width: 100%;
+ margin: 0em !important;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.ui.shape .side {
+ display: none;
+}
+
+.ui.shape .side * {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+}
+
+/*******************************
+ Types
+*******************************/
+
+.ui.cube.shape .side {
+ min-width: 15em;
+ height: 15em;
+ padding: 2em;
+ background-color: #E6E6E6;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
+}
+
+.ui.cube.shape .side > .content {
+ width: 100%;
+ height: 100%;
+ display: table;
+ text-align: center;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ -ms-user-select: text;
+ user-select: text;
+}
+
+.ui.cube.shape .side > .content > div {
+ display: table-cell;
+ vertical-align: middle;
+ font-size: 2em;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.ui.text.shape.animating .sides {
+ position: static;
+}
+
+.ui.text.shape .side {
+ white-space: nowrap;
+}
+
+.ui.text.shape .side > * {
+ white-space: normal;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Loading
+---------------*/
+
+.ui.loading.shape {
+ position: absolute;
+ top: -9999px;
+ left: -9999px;
+}
+
+/*--------------
+ Animating
+---------------*/
+
+.ui.shape .animating.side {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ display: block;
+ z-index: 100;
+}
+
+.ui.shape .hidden.side {
+ opacity: 0.6;
+}
+
+/*--------------
+ CSS
+---------------*/
+
+.ui.shape.animating .sides {
+ position: absolute;
+}
+
+.ui.shape.animating .sides {
+ transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
+}
+
+.ui.shape.animating .side {
+ transition: opacity 0.6s ease-in-out;
+}
+
+/*--------------
+ Active
+---------------*/
+
+.ui.shape .active.side {
+ display: block;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Sidebar
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Sidebar
+*******************************/
+
+/* Sidebar Menu */
+
+.ui.sidebar {
+ position: fixed;
+ top: 0;
+ left: 0;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: none;
+ will-change: transform;
+ transform: translate3d(0, 0, 0);
+ visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ height: 100% !important;
+ max-height: 100%;
+ border-radius: 0em !important;
+ margin: 0em !important;
+ overflow-y: auto !important;
+ z-index: 102;
+}
+
+/* GPU Layers for Child Elements */
+
+.ui.sidebar > * {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+/*--------------
+ Direction
+---------------*/
+
+.ui.left.sidebar {
+ right: auto;
+ left: 0px;
+ transform: translate3d(-100%, 0, 0);
+}
+
+.ui.right.sidebar {
+ right: 0px !important;
+ left: auto !important;
+ transform: translate3d(100%, 0%, 0);
+}
+
+.ui.top.sidebar,
+.ui.bottom.sidebar {
+ width: 100% !important;
+ height: auto !important;
+}
+
+.ui.top.sidebar {
+ top: 0px !important;
+ bottom: auto !important;
+ transform: translate3d(0, -100%, 0);
+}
+
+.ui.bottom.sidebar {
+ top: auto !important;
+ bottom: 0px !important;
+ transform: translate3d(0, 100%, 0);
+}
+
+/*--------------
+ Pushable
+---------------*/
+
+.pushable {
+ height: 100%;
+ overflow-x: hidden;
+ padding: 0em !important;
+}
+
+/* Whole Page */
+
+body.pushable {
+ background: #545454 !important;
+}
+
+/* Page Context */
+
+.pushable:not(body) {
+ transform: translate3d(0, 0, 0);
+}
+
+.pushable:not(body) > .ui.sidebar,
+.pushable:not(body) > .fixed,
+.pushable:not(body) > .pusher:after {
+ position: absolute;
+}
+
+/*--------------
+ Fixed
+---------------*/
+
+.pushable > .fixed {
+ position: fixed;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ transition: transform 500ms ease;
+ will-change: transform;
+ z-index: 101;
+}
+
+/*--------------
+ Page
+---------------*/
+
+.pushable > .pusher {
+ position: relative;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ overflow: hidden;
+ min-height: 100%;
+ transition: transform 500ms ease;
+ z-index: 2;
+}
+
+body.pushable > .pusher {
+ background: #FFFFFF;
+}
+
+/* Pusher should inherit background from context */
+
+.pushable > .pusher {
+ background: inherit;
+}
+
+/*--------------
+ Dimmer
+---------------*/
+
+.pushable > .pusher:after {
+ position: fixed;
+ top: 0px;
+ right: 0px;
+ content: '';
+ background-color: rgba(0, 0, 0, 0.4);
+ overflow: hidden;
+ opacity: 0;
+ transition: opacity 500ms;
+ will-change: opacity;
+ z-index: 1000;
+}
+
+/*--------------
+ Coupling
+---------------*/
+
+.ui.sidebar.menu .item {
+ border-radius: 0em !important;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Dimmed
+---------------*/
+
+.pushable > .pusher.dimmed:after {
+ width: 100% !important;
+ height: 100% !important;
+ opacity: 1 !important;
+}
+
+/*--------------
+ Animating
+---------------*/
+
+.ui.animating.sidebar {
+ visibility: visible;
+}
+
+/*--------------
+ Visible
+---------------*/
+
+.ui.visible.sidebar {
+ visibility: visible;
+ transform: translate3d(0, 0, 0);
+}
+
+/* Shadow Direction */
+
+.ui.left.visible.sidebar,
+.ui.right.visible.sidebar {
+ box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
+}
+
+.ui.top.visible.sidebar,
+.ui.bottom.visible.sidebar {
+ box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
+}
+
+/* Visible On Load */
+
+.ui.visible.left.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .pusher {
+ transform: translate3d(260px, 0, 0);
+}
+
+.ui.visible.right.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .pusher {
+ transform: translate3d(-260px, 0, 0);
+}
+
+.ui.visible.top.sidebar ~ .fixed,
+.ui.visible.top.sidebar ~ .pusher {
+ transform: translate3d(0, 36px, 0);
+}
+
+.ui.visible.bottom.sidebar ~ .fixed,
+.ui.visible.bottom.sidebar ~ .pusher {
+ transform: translate3d(0, -36px, 0);
+}
+
+/* opposite sides visible forces content overlay */
+
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
+ transform: translate3d(0, 0, 0);
+}
+
+/*--------------
+ iOS
+---------------*/
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Width
+---------------*/
+
+/* Left / Right */
+
+.ui.thin.left.sidebar,
+.ui.thin.right.sidebar {
+ width: 150px;
+}
+
+.ui[class*="very thin"].left.sidebar,
+.ui[class*="very thin"].right.sidebar {
+ width: 60px;
+}
+
+.ui.left.sidebar,
+.ui.right.sidebar {
+ width: 260px;
+}
+
+.ui.wide.left.sidebar,
+.ui.wide.right.sidebar {
+ width: 350px;
+}
+
+.ui[class*="very wide"].left.sidebar,
+.ui[class*="very wide"].right.sidebar {
+ width: 475px;
+}
+
+/* Left Visible */
+
+.ui.visible.thin.left.sidebar ~ .fixed,
+.ui.visible.thin.left.sidebar ~ .pusher {
+ transform: translate3d(150px, 0, 0);
+}
+
+.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
+ transform: translate3d(60px, 0, 0);
+}
+
+.ui.visible.wide.left.sidebar ~ .fixed,
+.ui.visible.wide.left.sidebar ~ .pusher {
+ transform: translate3d(350px, 0, 0);
+}
+
+.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
+ transform: translate3d(475px, 0, 0);
+}
+
+/* Right Visible */
+
+.ui.visible.thin.right.sidebar ~ .fixed,
+.ui.visible.thin.right.sidebar ~ .pusher {
+ transform: translate3d(-150px, 0, 0);
+}
+
+.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
+ transform: translate3d(-60px, 0, 0);
+}
+
+.ui.visible.wide.right.sidebar ~ .fixed,
+.ui.visible.wide.right.sidebar ~ .pusher {
+ transform: translate3d(-350px, 0, 0);
+}
+
+.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
+ transform: translate3d(-475px, 0, 0);
+}
+
+/*******************************
+ Animations
+*******************************/
+
+/*--------------
+ Overlay
+---------------*/
+
+/* Set-up */
+
+.ui.overlay.sidebar {
+ z-index: 102;
+}
+
+/* Initial */
+
+.ui.left.overlay.sidebar {
+ transform: translate3d(-100%, 0%, 0);
+}
+
+.ui.right.overlay.sidebar {
+ transform: translate3d(100%, 0%, 0);
+}
+
+.ui.top.overlay.sidebar {
+ transform: translate3d(0%, -100%, 0);
+}
+
+.ui.bottom.overlay.sidebar {
+ transform: translate3d(0%, 100%, 0);
+}
+
+/* Animation */
+
+.animating.ui.overlay.sidebar,
+.ui.visible.overlay.sidebar {
+ transition: transform 500ms ease;
+}
+
+/* End - Sidebar */
+
+.ui.visible.left.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+
+.ui.visible.right.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+
+.ui.visible.top.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+
+.ui.visible.bottom.overlay.sidebar {
+ transform: translate3d(0%, 0%, 0);
+}
+
+/* End - Pusher */
+
+.ui.visible.overlay.sidebar ~ .fixed,
+.ui.visible.overlay.sidebar ~ .pusher {
+ transform: none !important;
+}
+
+/*--------------
+ Push
+---------------*/
+
+/* Initial */
+
+.ui.push.sidebar {
+ transition: transform 500ms ease;
+ z-index: 102;
+}
+
+/* Sidebar - Initial */
+
+.ui.left.push.sidebar {
+ transform: translate3d(-100%, 0, 0);
+}
+
+.ui.right.push.sidebar {
+ transform: translate3d(100%, 0, 0);
+}
+
+.ui.top.push.sidebar {
+ transform: translate3d(0%, -100%, 0);
+}
+
+.ui.bottom.push.sidebar {
+ transform: translate3d(0%, 100%, 0);
+}
+
+/* End */
+
+.ui.visible.push.sidebar {
+ transform: translate3d(0%, 0, 0);
+}
+
+/*--------------
+ Uncover
+---------------*/
+
+/* Initial */
+
+.ui.uncover.sidebar {
+ transform: translate3d(0, 0, 0);
+ z-index: 1;
+}
+
+/* End */
+
+.ui.visible.uncover.sidebar {
+ transform: translate3d(0, 0, 0);
+ transition: transform 500ms ease;
+}
+
+/*--------------
+ Slide Along
+---------------*/
+
+/* Initial */
+
+.ui.slide.along.sidebar {
+ z-index: 1;
+}
+
+/* Sidebar - Initial */
+
+.ui.left.slide.along.sidebar {
+ transform: translate3d(-50%, 0, 0);
+}
+
+.ui.right.slide.along.sidebar {
+ transform: translate3d(50%, 0, 0);
+}
+
+.ui.top.slide.along.sidebar {
+ transform: translate3d(0, -50%, 0);
+}
+
+.ui.bottom.slide.along.sidebar {
+ transform: translate3d(0%, 50%, 0);
+}
+
+/* Animation */
+
+.ui.animating.slide.along.sidebar {
+ transition: transform 500ms ease;
+}
+
+/* End */
+
+.ui.visible.slide.along.sidebar {
+ transform: translate3d(0%, 0, 0);
+}
+
+/*--------------
+ Slide Out
+---------------*/
+
+/* Initial */
+
+.ui.slide.out.sidebar {
+ z-index: 1;
+}
+
+/* Sidebar - Initial */
+
+.ui.left.slide.out.sidebar {
+ transform: translate3d(50%, 0, 0);
+}
+
+.ui.right.slide.out.sidebar {
+ transform: translate3d(-50%, 0, 0);
+}
+
+.ui.top.slide.out.sidebar {
+ transform: translate3d(0%, 50%, 0);
+}
+
+.ui.bottom.slide.out.sidebar {
+ transform: translate3d(0%, -50%, 0);
+}
+
+/* Animation */
+
+.ui.animating.slide.out.sidebar {
+ transition: transform 500ms ease;
+}
+
+/* End */
+
+.ui.visible.slide.out.sidebar {
+ transform: translate3d(0%, 0, 0);
+}
+
+/*--------------
+ Scale Down
+---------------*/
+
+/* Initial */
+
+.ui.scale.down.sidebar {
+ transition: transform 500ms ease;
+ z-index: 102;
+}
+
+/* Sidebar - Initial */
+
+.ui.left.scale.down.sidebar {
+ transform: translate3d(-100%, 0, 0);
+}
+
+.ui.right.scale.down.sidebar {
+ transform: translate3d(100%, 0, 0);
+}
+
+.ui.top.scale.down.sidebar {
+ transform: translate3d(0%, -100%, 0);
+}
+
+.ui.bottom.scale.down.sidebar {
+ transform: translate3d(0%, 100%, 0);
+}
+
+/* Pusher - Initial */
+
+.ui.scale.down.left.sidebar ~ .pusher {
+ transform-origin: 75% 50%;
+}
+
+.ui.scale.down.right.sidebar ~ .pusher {
+ transform-origin: 25% 50%;
+}
+
+.ui.scale.down.top.sidebar ~ .pusher {
+ transform-origin: 50% 75%;
+}
+
+.ui.scale.down.bottom.sidebar ~ .pusher {
+ transform-origin: 50% 25%;
+}
+
+/* Animation */
+
+.ui.animating.scale.down > .visible.ui.sidebar {
+ transition: transform 500ms ease;
+}
+
+.ui.visible.scale.down.sidebar ~ .pusher,
+.ui.animating.scale.down.sidebar ~ .pusher {
+ display: block !important;
+ width: 100%;
+ height: 100%;
+ overflow: hidden !important;
+}
+
+/* End */
+
+.ui.visible.scale.down.sidebar {
+ transform: translate3d(0, 0, 0);
+}
+
+.ui.visible.scale.down.sidebar ~ .pusher {
+ transform: scale(0.75);
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Sticky
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Sticky
+*******************************/
+
+.ui.sticky {
+ position: static;
+ transition: none;
+ z-index: 800;
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Bound */
+
+.ui.sticky.bound {
+ position: absolute;
+ left: auto;
+ right: auto;
+}
+
+/* Fixed */
+
+.ui.sticky.fixed {
+ position: fixed;
+ left: auto;
+ right: auto;
+}
+
+/* Bound/Fixed Position */
+
+.ui.sticky.bound.top,
+.ui.sticky.fixed.top {
+ top: 0px;
+ bottom: auto;
+}
+
+.ui.sticky.bound.bottom,
+.ui.sticky.fixed.bottom {
+ top: auto;
+ bottom: 0px;
+}
+
+/*******************************
+ Types
+*******************************/
+
+.ui.native.sticky {
+ position: -webkit-sticky;
+ position: -moz-sticky;
+ position: -ms-sticky;
+ position: -o-sticky;
+ position: sticky;
+}
+
+/*******************************
+ Theme Overrides
+*******************************/
+
+/*******************************
+ Site Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Tab
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ UI Tabs
+*******************************/
+
+.ui.tab {
+ display: none;
+}
+
+/*******************************
+ States
+*******************************/
+
+/*--------------------
+ Active
+---------------------*/
+
+.ui.tab.active,
+.ui.tab.open {
+ display: block;
+}
+
+/*--------------------
+ Loading
+---------------------*/
+
+.ui.tab.loading {
+ position: relative;
+ overflow: hidden;
+ display: block;
+ min-height: 250px;
+}
+
+.ui.tab.loading * {
+ position: relative !important;
+ left: -10000px !important;
+}
+
+.ui.tab.loading:before,
+.ui.tab.loading.segment:before {
+ position: absolute;
+ content: '';
+ top: 100px;
+ left: 50%;
+ margin: -1.25em 0em 0em -1.25em;
+ width: 2.5em;
+ height: 2.5em;
+ border-radius: 500rem;
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.tab.loading:after,
+.ui.tab.loading.segment:after {
+ position: absolute;
+ content: '';
+ top: 100px;
+ left: 50%;
+ margin: -1.25em 0em 0em -1.25em;
+ width: 2.5em;
+ height: 2.5em;
+ -webkit-animation: button-spin 0.6s linear;
+ animation: button-spin 0.6s linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ border-radius: 500rem;
+ border-color: #767676 transparent transparent;
+ border-style: solid;
+ border-width: 0.2em;
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+/*******************************
+ Tab Overrides
+*******************************/
+
+/*******************************
+ User Overrides
+*******************************/
+/*!
+ * # Semantic UI 2.5.0 - Transition
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Transitions
+*******************************/
+
+.transition {
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+ -webkit-animation-duration: 300ms;
+ animation-duration: 300ms;
+ -webkit-animation-timing-function: ease;
+ animation-timing-function: ease;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Animating */
+
+.animating.transition {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ visibility: visible !important;
+}
+
+/* Loading */
+
+.loading.transition {
+ position: absolute;
+ top: -99999px;
+ left: -99999px;
+}
+
+/* Hidden */
+
+.hidden.transition {
+ display: none;
+ visibility: hidden;
+}
+
+/* Visible */
+
+.visible.transition {
+ display: block !important;
+ visibility: visible !important;
+ /* backface-visibility: @backfaceVisibility;
+ transform: @use3DAcceleration;*/
+}
+
+/* Disabled */
+
+.disabled.transition {
+ -webkit-animation-play-state: paused;
+ animation-play-state: paused;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+.looping.transition {
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+
+/*******************************
+ Transitions
+*******************************/
+
+/*
+ Some transitions adapted from Animate CSS
+ https://github.com/daneden/animate.css
+
+ Additional transitions adapted from Glide
+ by Nick Pettit - https://github.com/nickpettit/glide
+*/
+
+/*--------------
+ Browse
+---------------*/
+
+.transition.browse {
+ -webkit-animation-duration: 500ms;
+ animation-duration: 500ms;
+}
+
+.transition.browse.in {
+ -webkit-animation-name: browseIn;
+ animation-name: browseIn;
+}
+
+.transition.browse.out,
+.transition.browse.left.out {
+ -webkit-animation-name: browseOutLeft;
+ animation-name: browseOutLeft;
+}
+
+.transition.browse.right.out {
+ -webkit-animation-name: browseOutRight;
+ animation-name: browseOutRight;
+}
+
+/* In */
+
+@-webkit-keyframes browseIn {
+ 0% {
+ transform: scale(0.8) translateZ(0px);
+ z-index: -1;
+ }
+
+ 10% {
+ transform: scale(0.8) translateZ(0px);
+ z-index: -1;
+ opacity: 0.7;
+ }
+
+ 80% {
+ transform: scale(1.05) translateZ(0px);
+ opacity: 1;
+ z-index: 999;
+ }
+
+ 100% {
+ transform: scale(1) translateZ(0px);
+ z-index: 999;
+ }
+}
+
+@keyframes browseIn {
+ 0% {
+ transform: scale(0.8) translateZ(0px);
+ z-index: -1;
+ }
+
+ 10% {
+ transform: scale(0.8) translateZ(0px);
+ z-index: -1;
+ opacity: 0.7;
+ }
+
+ 80% {
+ transform: scale(1.05) translateZ(0px);
+ opacity: 1;
+ z-index: 999;
+ }
+
+ 100% {
+ transform: scale(1) translateZ(0px);
+ z-index: 999;
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes browseOutLeft {
+ 0% {
+ z-index: 999;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+ }
+
+ 50% {
+ z-index: -1;
+ transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
+ }
+
+ 80% {
+ opacity: 1;
+ }
+
+ 100% {
+ z-index: -1;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+ opacity: 0;
+ }
+}
+
+@keyframes browseOutLeft {
+ 0% {
+ z-index: 999;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+ }
+
+ 50% {
+ z-index: -1;
+ transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
+ }
+
+ 80% {
+ opacity: 1;
+ }
+
+ 100% {
+ z-index: -1;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes browseOutRight {
+ 0% {
+ z-index: 999;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+ }
+
+ 50% {
+ z-index: 1;
+ transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
+ }
+
+ 80% {
+ opacity: 1;
+ }
+
+ 100% {
+ z-index: 1;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+ opacity: 0;
+ }
+}
+
+@keyframes browseOutRight {
+ 0% {
+ z-index: 999;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+ }
+
+ 50% {
+ z-index: 1;
+ transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
+ }
+
+ 80% {
+ opacity: 1;
+ }
+
+ 100% {
+ z-index: 1;
+ transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+ opacity: 0;
+ }
+}
+
+/*--------------
+ Drop
+---------------*/
+
+.drop.transition {
+ transform-origin: top center;
+ -webkit-animation-duration: 400ms;
+ animation-duration: 400ms;
+ -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
+}
+
+.drop.transition.in {
+ -webkit-animation-name: dropIn;
+ animation-name: dropIn;
+}
+
+.drop.transition.out {
+ -webkit-animation-name: dropOut;
+ animation-name: dropOut;
+}
+
+/* Drop */
+
+@-webkit-keyframes dropIn {
+ 0% {
+ opacity: 0;
+ transform: scale(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@keyframes dropIn {
+ 0% {
+ opacity: 0;
+ transform: scale(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@-webkit-keyframes dropOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale(0);
+ }
+}
+
+@keyframes dropOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale(0);
+ }
+}
+
+/*--------------
+ Fade
+---------------*/
+
+.transition.fade.in {
+ -webkit-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+
+.transition[class*="fade up"].in {
+ -webkit-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+
+.transition[class*="fade down"].in {
+ -webkit-animation-name: fadeInDown;
+ animation-name: fadeInDown;
+}
+
+.transition[class*="fade left"].in {
+ -webkit-animation-name: fadeInLeft;
+ animation-name: fadeInLeft;
+}
+
+.transition[class*="fade right"].in {
+ -webkit-animation-name: fadeInRight;
+ animation-name: fadeInRight;
+}
+
+.transition.fade.out {
+ -webkit-animation-name: fadeOut;
+ animation-name: fadeOut;
+}
+
+.transition[class*="fade up"].out {
+ -webkit-animation-name: fadeOutUp;
+ animation-name: fadeOutUp;
+}
+
+.transition[class*="fade down"].out {
+ -webkit-animation-name: fadeOutDown;
+ animation-name: fadeOutDown;
+}
+
+.transition[class*="fade left"].out {
+ -webkit-animation-name: fadeOutLeft;
+ animation-name: fadeOutLeft;
+}
+
+.transition[class*="fade right"].out {
+ -webkit-animation-name: fadeOutRight;
+ animation-name: fadeOutRight;
+}
+
+/* In */
+
+@-webkit-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+}
+
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+}
+
+@-webkit-keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ transform: translateY(-10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+}
+
+@keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ transform: translateY(-10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+}
+
+@-webkit-keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ transform: translateX(10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+}
+
+@keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ transform: translateX(10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+}
+
+@-webkit-keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ transform: translateX(-10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+}
+
+@keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ transform: translateX(-10%);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+@keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes fadeOutUp {
+ 0% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateY(5%);
+ }
+}
+
+@keyframes fadeOutUp {
+ 0% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateY(5%);
+ }
+}
+
+@-webkit-keyframes fadeOutDown {
+ 0% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateY(-5%);
+ }
+}
+
+@keyframes fadeOutDown {
+ 0% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateY(-5%);
+ }
+}
+
+@-webkit-keyframes fadeOutLeft {
+ 0% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateX(5%);
+ }
+}
+
+@keyframes fadeOutLeft {
+ 0% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateX(5%);
+ }
+}
+
+@-webkit-keyframes fadeOutRight {
+ 0% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateX(-5%);
+ }
+}
+
+@keyframes fadeOutRight {
+ 0% {
+ opacity: 1;
+ transform: translateX(0%);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translateX(-5%);
+ }
+}
+
+/*--------------
+ Flips
+---------------*/
+
+.flip.transition.in,
+.flip.transition.out {
+ -webkit-animation-duration: 600ms;
+ animation-duration: 600ms;
+}
+
+.horizontal.flip.transition.in {
+ -webkit-animation-name: horizontalFlipIn;
+ animation-name: horizontalFlipIn;
+}
+
+.horizontal.flip.transition.out {
+ -webkit-animation-name: horizontalFlipOut;
+ animation-name: horizontalFlipOut;
+}
+
+.vertical.flip.transition.in {
+ -webkit-animation-name: verticalFlipIn;
+ animation-name: verticalFlipIn;
+}
+
+.vertical.flip.transition.out {
+ -webkit-animation-name: verticalFlipOut;
+ animation-name: verticalFlipOut;
+}
+
+/* In */
+
+@-webkit-keyframes horizontalFlipIn {
+ 0% {
+ transform: perspective(2000px) rotateY(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateY(0deg);
+ opacity: 1;
+ }
+}
+
+@keyframes horizontalFlipIn {
+ 0% {
+ transform: perspective(2000px) rotateY(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateY(0deg);
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes verticalFlipIn {
+ 0% {
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateX(0deg);
+ opacity: 1;
+ }
+}
+
+@keyframes verticalFlipIn {
+ 0% {
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateX(0deg);
+ opacity: 1;
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes horizontalFlipOut {
+ 0% {
+ transform: perspective(2000px) rotateY(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateY(90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes horizontalFlipOut {
+ 0% {
+ transform: perspective(2000px) rotateY(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateY(90deg);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes verticalFlipOut {
+ 0% {
+ transform: perspective(2000px) rotateX(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes verticalFlipOut {
+ 0% {
+ transform: perspective(2000px) rotateX(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(2000px) rotateX(-90deg);
+ opacity: 0;
+ }
+}
+
+/*--------------
+ Scale
+---------------*/
+
+.scale.transition.in {
+ -webkit-animation-name: scaleIn;
+ animation-name: scaleIn;
+}
+
+.scale.transition.out {
+ -webkit-animation-name: scaleOut;
+ animation-name: scaleOut;
+}
+
+@-webkit-keyframes scaleIn {
+ 0% {
+ opacity: 0;
+ transform: scale(0.8);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@keyframes scaleIn {
+ 0% {
+ opacity: 0;
+ transform: scale(0.8);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes scaleOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale(0.9);
+ }
+}
+
+@keyframes scaleOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale(0.9);
+ }
+}
+
+/*--------------
+ Fly
+---------------*/
+
+/* Inward */
+
+.transition.fly {
+ -webkit-animation-duration: 0.6s;
+ animation-duration: 0.6s;
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.transition.fly.in {
+ -webkit-animation-name: flyIn;
+ animation-name: flyIn;
+}
+
+.transition[class*="fly up"].in {
+ -webkit-animation-name: flyInUp;
+ animation-name: flyInUp;
+}
+
+.transition[class*="fly down"].in {
+ -webkit-animation-name: flyInDown;
+ animation-name: flyInDown;
+}
+
+.transition[class*="fly left"].in {
+ -webkit-animation-name: flyInLeft;
+ animation-name: flyInLeft;
+}
+
+.transition[class*="fly right"].in {
+ -webkit-animation-name: flyInRight;
+ animation-name: flyInRight;
+}
+
+/* Outward */
+
+.transition.fly.out {
+ -webkit-animation-name: flyOut;
+ animation-name: flyOut;
+}
+
+.transition[class*="fly up"].out {
+ -webkit-animation-name: flyOutUp;
+ animation-name: flyOutUp;
+}
+
+.transition[class*="fly down"].out {
+ -webkit-animation-name: flyOutDown;
+ animation-name: flyOutDown;
+}
+
+.transition[class*="fly left"].out {
+ -webkit-animation-name: flyOutLeft;
+ animation-name: flyOutLeft;
+}
+
+.transition[class*="fly right"].out {
+ -webkit-animation-name: flyOutRight;
+ animation-name: flyOutRight;
+}
+
+/* In */
+
+@-webkit-keyframes flyIn {
+ 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);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes flyIn {
+ 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);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@-webkit-keyframes flyInUp {
+ 0% {
+ opacity: 0;
+ transform: translate3d(0, 1500px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 75% {
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 90% {
+ transform: translate3d(0, -5px, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes flyInUp {
+ 0% {
+ opacity: 0;
+ transform: translate3d(0, 1500px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 75% {
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 90% {
+ transform: translate3d(0, -5px, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@-webkit-keyframes flyInDown {
+ 0% {
+ opacity: 0;
+ transform: translate3d(0, -1500px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(0, 25px, 0);
+ }
+
+ 75% {
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 90% {
+ transform: translate3d(0, 5px, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+@keyframes flyInDown {
+ 0% {
+ opacity: 0;
+ transform: translate3d(0, -1500px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(0, 25px, 0);
+ }
+
+ 75% {
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 90% {
+ transform: translate3d(0, 5px, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+@-webkit-keyframes flyInLeft {
+ 0% {
+ opacity: 0;
+ transform: translate3d(1500px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(-25px, 0, 0);
+ }
+
+ 75% {
+ transform: translate3d(10px, 0, 0);
+ }
+
+ 90% {
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+@keyframes flyInLeft {
+ 0% {
+ opacity: 0;
+ transform: translate3d(1500px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(-25px, 0, 0);
+ }
+
+ 75% {
+ transform: translate3d(10px, 0, 0);
+ }
+
+ 90% {
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+@-webkit-keyframes flyInRight {
+ 0% {
+ opacity: 0;
+ transform: translate3d(-1500px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(25px, 0, 0);
+ }
+
+ 75% {
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 90% {
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+@keyframes flyInRight {
+ 0% {
+ opacity: 0;
+ transform: translate3d(-1500px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translate3d(25px, 0, 0);
+ }
+
+ 75% {
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 90% {
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ transform: none;
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes flyOut {
+ 20% {
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+
+ 50%, 55% {
+ opacity: 1;
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+}
+
+@keyframes flyOut {
+ 20% {
+ transform: scale3d(0.9, 0.9, 0.9);
+ }
+
+ 50%, 55% {
+ opacity: 1;
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+}
+
+@-webkit-keyframes flyOutUp {
+ 20% {
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+@keyframes flyOutUp {
+ 20% {
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+@-webkit-keyframes flyOutDown {
+ 20% {
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ transform: translate3d(0, 20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+@keyframes flyOutDown {
+ 20% {
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ transform: translate3d(0, 20px, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+@-webkit-keyframes flyOutRight {
+ 20% {
+ opacity: 1;
+ transform: translate3d(20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+@keyframes flyOutRight {
+ 20% {
+ opacity: 1;
+ transform: translate3d(20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+@-webkit-keyframes flyOutLeft {
+ 20% {
+ opacity: 1;
+ transform: translate3d(-20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+@keyframes flyOutLeft {
+ 20% {
+ opacity: 1;
+ transform: translate3d(-20px, 0, 0);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+/*--------------
+ Slide
+---------------*/
+
+.transition.slide.in,
+.transition[class*="slide down"].in {
+ -webkit-animation-name: slideInY;
+ animation-name: slideInY;
+ transform-origin: top center;
+}
+
+.transition[class*="slide up"].in {
+ -webkit-animation-name: slideInY;
+ animation-name: slideInY;
+ transform-origin: bottom center;
+}
+
+.transition[class*="slide left"].in {
+ -webkit-animation-name: slideInX;
+ animation-name: slideInX;
+ transform-origin: center right;
+}
+
+.transition[class*="slide right"].in {
+ -webkit-animation-name: slideInX;
+ animation-name: slideInX;
+ transform-origin: center left;
+}
+
+.transition.slide.out,
+.transition[class*="slide down"].out {
+ -webkit-animation-name: slideOutY;
+ animation-name: slideOutY;
+ transform-origin: top center;
+}
+
+.transition[class*="slide up"].out {
+ -webkit-animation-name: slideOutY;
+ animation-name: slideOutY;
+ transform-origin: bottom center;
+}
+
+.transition[class*="slide left"].out {
+ -webkit-animation-name: slideOutX;
+ animation-name: slideOutX;
+ transform-origin: center right;
+}
+
+.transition[class*="slide right"].out {
+ -webkit-animation-name: slideOutX;
+ animation-name: slideOutX;
+ transform-origin: center left;
+}
+
+/* In */
+
+@-webkit-keyframes slideInY {
+ 0% {
+ opacity: 0;
+ transform: scaleY(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scaleY(1);
+ }
+}
+
+@keyframes slideInY {
+ 0% {
+ opacity: 0;
+ transform: scaleY(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scaleY(1);
+ }
+}
+
+@-webkit-keyframes slideInX {
+ 0% {
+ opacity: 0;
+ transform: scaleX(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scaleX(1);
+ }
+}
+
+@keyframes slideInX {
+ 0% {
+ opacity: 0;
+ transform: scaleX(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scaleX(1);
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes slideOutY {
+ 0% {
+ opacity: 1;
+ transform: scaleY(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scaleY(0);
+ }
+}
+
+@keyframes slideOutY {
+ 0% {
+ opacity: 1;
+ transform: scaleY(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scaleY(0);
+ }
+}
+
+@-webkit-keyframes slideOutX {
+ 0% {
+ opacity: 1;
+ transform: scaleX(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scaleX(0);
+ }
+}
+
+@keyframes slideOutX {
+ 0% {
+ opacity: 1;
+ transform: scaleX(1);
+ }
+
+ 100% {
+ opacity: 0;
+ transform: scaleX(0);
+ }
+}
+
+/*--------------
+ Swing
+---------------*/
+
+.transition.swing {
+ -webkit-animation-duration: 800ms;
+ animation-duration: 800ms;
+}
+
+.transition[class*="swing down"].in {
+ -webkit-animation-name: swingInX;
+ animation-name: swingInX;
+ transform-origin: top center;
+}
+
+.transition[class*="swing up"].in {
+ -webkit-animation-name: swingInX;
+ animation-name: swingInX;
+ transform-origin: bottom center;
+}
+
+.transition[class*="swing left"].in {
+ -webkit-animation-name: swingInY;
+ animation-name: swingInY;
+ transform-origin: center right;
+}
+
+.transition[class*="swing right"].in {
+ -webkit-animation-name: swingInY;
+ animation-name: swingInY;
+ transform-origin: center left;
+}
+
+.transition.swing.out,
+.transition[class*="swing down"].out {
+ -webkit-animation-name: swingOutX;
+ animation-name: swingOutX;
+ transform-origin: top center;
+}
+
+.transition[class*="swing up"].out {
+ -webkit-animation-name: swingOutX;
+ animation-name: swingOutX;
+ transform-origin: bottom center;
+}
+
+.transition[class*="swing left"].out {
+ -webkit-animation-name: swingOutY;
+ animation-name: swingOutY;
+ transform-origin: center right;
+}
+
+.transition[class*="swing right"].out {
+ -webkit-animation-name: swingOutY;
+ animation-name: swingOutY;
+ transform-origin: center left;
+}
+
+/* In */
+
+@-webkit-keyframes swingInX {
+ 0% {
+ transform: perspective(1000px) rotateX(90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateX(-30deg);
+ opacity: 1;
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateX(15deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateX(-7.5deg);
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateX(0deg);
+ }
+}
+
+@keyframes swingInX {
+ 0% {
+ transform: perspective(1000px) rotateX(90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateX(-30deg);
+ opacity: 1;
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateX(15deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateX(-7.5deg);
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateX(0deg);
+ }
+}
+
+@-webkit-keyframes swingInY {
+ 0% {
+ transform: perspective(1000px) rotateY(-90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateY(30deg);
+ opacity: 1;
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateY(-17.5deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateY(7.5deg);
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateY(0deg);
+ }
+}
+
+@keyframes swingInY {
+ 0% {
+ transform: perspective(1000px) rotateY(-90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateY(30deg);
+ opacity: 1;
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateY(-17.5deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateY(7.5deg);
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateY(0deg);
+ }
+}
+
+/* Out */
+
+@-webkit-keyframes swingOutX {
+ 0% {
+ transform: perspective(1000px) rotateX(0deg);
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateX(-7.5deg);
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateX(17.5deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateX(-30deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateX(90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes swingOutX {
+ 0% {
+ transform: perspective(1000px) rotateX(0deg);
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateX(-7.5deg);
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateX(17.5deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateX(-30deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateX(90deg);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes swingOutY {
+ 0% {
+ transform: perspective(1000px) rotateY(0deg);
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateY(7.5deg);
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateY(-10deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateY(30deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateY(-90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes swingOutY {
+ 0% {
+ transform: perspective(1000px) rotateY(0deg);
+ }
+
+ 40% {
+ transform: perspective(1000px) rotateY(7.5deg);
+ }
+
+ 60% {
+ transform: perspective(1000px) rotateY(-10deg);
+ }
+
+ 80% {
+ transform: perspective(1000px) rotateY(30deg);
+ opacity: 1;
+ }
+
+ 100% {
+ transform: perspective(1000px) rotateY(-90deg);
+ opacity: 0;
+ }
+}
+
+/*--------------
+ Zoom
+---------------*/
+
+.transition.zoom.in {
+ -webkit-animation-name: zoomIn;
+ animation-name: zoomIn;
+}
+
+.transition.zoom.out {
+ -webkit-animation-name: zoomOut;
+ animation-name: zoomOut;
+}
+
+@-webkit-keyframes zoomIn {
+ 0% {
+ opacity: 1;
+ transform: scale(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@keyframes zoomIn {
+ 0% {
+ opacity: 1;
+ transform: scale(0);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+@-webkit-keyframes zoomOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(0);
+ }
+}
+
+@keyframes zoomOut {
+ 0% {
+ opacity: 1;
+ transform: scale(1);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale(0);
+ }
+}
+
+/*******************************
+ Static Animations
+*******************************/
+
+/*--------------
+ Emphasis
+---------------*/
+
+.flash.transition {
+ -webkit-animation-duration: 750ms;
+ animation-duration: 750ms;
+ -webkit-animation-name: flash;
+ animation-name: flash;
+}
+
+.shake.transition {
+ -webkit-animation-duration: 750ms;
+ animation-duration: 750ms;
+ -webkit-animation-name: shake;
+ animation-name: shake;
+}
+
+.bounce.transition {
+ -webkit-animation-duration: 750ms;
+ animation-duration: 750ms;
+ -webkit-animation-name: bounce;
+ animation-name: bounce;
+}
+
+.tada.transition {
+ -webkit-animation-duration: 750ms;
+ animation-duration: 750ms;
+ -webkit-animation-name: tada;
+ animation-name: tada;
+}
+
+.pulse.transition {
+ -webkit-animation-duration: 500ms;
+ animation-duration: 500ms;
+ -webkit-animation-name: pulse;
+ animation-name: pulse;
+}
+
+.jiggle.transition {
+ -webkit-animation-duration: 750ms;
+ animation-duration: 750ms;
+ -webkit-animation-name: jiggle;
+ animation-name: jiggle;
+}
+
+.transition.glow {
+ -webkit-animation-duration: 2000ms;
+ animation-duration: 2000ms;
+ -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+ animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+}
+
+.transition.glow {
+ -webkit-animation-name: glow;
+ animation-name: glow;
+}
+
+/* Flash */
+
+@-webkit-keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+@keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+/* Shake */
+
+@-webkit-keyframes shake {
+ 0%, 100% {
+ transform: translateX(0);
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ transform: translateX(-10px);
+ }
+
+ 20%, 40%, 60%, 80% {
+ transform: translateX(10px);
+ }
+}
+
+@keyframes shake {
+ 0%, 100% {
+ transform: translateX(0);
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ transform: translateX(-10px);
+ }
+
+ 20%, 40%, 60%, 80% {
+ transform: translateX(10px);
+ }
+}
+
+/* Bounce */
+
+@-webkit-keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ transform: translateY(0);
+ }
+
+ 40% {
+ transform: translateY(-30px);
+ }
+
+ 60% {
+ transform: translateY(-15px);
+ }
+}
+
+@keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ transform: translateY(0);
+ }
+
+ 40% {
+ transform: translateY(-30px);
+ }
+
+ 60% {
+ transform: translateY(-15px);
+ }
+}
+
+/* Tada */
+
+@-webkit-keyframes tada {
+ 0% {
+ transform: scale(1);
+ }
+
+ 10%, 20% {
+ transform: scale(0.9) rotate(-3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ transform: scale(1.1) rotate(3deg);
+ }
+
+ 40%, 60%, 80% {
+ transform: scale(1.1) rotate(-3deg);
+ }
+
+ 100% {
+ transform: scale(1) rotate(0);
+ }
+}
+
+@keyframes tada {
+ 0% {
+ transform: scale(1);
+ }
+
+ 10%, 20% {
+ transform: scale(0.9) rotate(-3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ transform: scale(1.1) rotate(3deg);
+ }
+
+ 40%, 60%, 80% {
+ transform: scale(1.1) rotate(-3deg);
+ }
+
+ 100% {
+ transform: scale(1) rotate(0);
+ }
+}
+
+/* Pulse */
+
+@-webkit-keyframes pulse {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 50% {
+ transform: scale(0.9);
+ opacity: 0.7;
+ }
+
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@keyframes pulse {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 50% {
+ transform: scale(0.9);
+ opacity: 0.7;
+ }
+
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+
+/* Jiggle */
+
+@-webkit-keyframes jiggle {
+ 0% {
+ 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);
+ }
+
+ 100% {
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes jiggle {
+ 0% {
+ 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);
+ }
+
+ 100% {
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+/* Glow */
+
+@-webkit-keyframes glow {
+ 0% {
+ background-color: #FCFCFD;
+ }
+
+ 30% {
+ background-color: #FFF6CD;
+ }
+
+ 100% {
+ background-color: #FCFCFD;
+ }
+}
+
+@keyframes glow {
+ 0% {
+ background-color: #FCFCFD;
+ }
+
+ 30% {
+ background-color: #FFF6CD;
+ }
+
+ 100% {
+ background-color: #FCFCFD;
+ }
+}
+
+/*******************************
+ Site Overrides
+*******************************/
+.xzdesign-dialog_title {
+ border-bottom: 1px solid #e4e7ed;
+}
+.xzdesign-ui-form-item {
+ font-size: 14px;
+ display: flex;
+ margin-bottom: 12px;
+ user-select: none;
+}
+.xzdesign-tree-group {
+ padding: 10px 20px;
+}
+.xzdesign-ui-form-item__label {
+ display: inline-flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+ flex: 0 0 auto;
+ height: 32px;
+ line-height: 32px;
+ box-sizing: border-box;
+}
+[is="ui-dialog"] {
+ place-items: start center !important;
+ font-family: "Lato", "Source Sans Pro", Roboto, Helvetica, Arial, sans-serif, "\5B8B\4F53", "\9ED1\4F53", "\6977\4F53", "\4EFF\5B8B", "\65B0\5B8B\4F53";
+ z-index: 2000 !important;
+}
+.xzdesign-strf-switch[is="ui-switch"]::after {
+ width: 16px !important;
+ height: 16px !important;
+}
+.xzdesign-label-font--14 {
+ color: #58657d;
+ font-size: 14px;
+}
+.xzdesign-slash_button {
+ padding: 8px 15px !important;
+ /* width: 24px; */
+ line-height: 14px !important;
+ /* width: 10px; */
+ min-width: 0 !important;
+}
+.xzdesign-ui-input {
+ height: 30px !important;
+ line-height: 30px !important;
+}
+.xzdesign-ui-input__24 {
+ height: 24px !important;
+ line-height: 24px !important;
+}
+.ui-dialog {
+ background-color: #fff !important;
+}
+.xzdesign-ui-select {
+ height: 32px;
+ line-height: 32px;
+}
+.xzdesign-picker_trigger {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ box-sizing: border-box;
+ height: 28px;
+ width: 28px;
+ padding: 4px;
+ border: 1px solid #dcdfe6;
+ border-radius: 4px;
+ font-size: 0;
+ position: relative;
+ cursor: pointer;
+}
+.xzdesign-picker_show {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+}
+.xzdesign-picker_color-inner {
+ width: 100%;
+ height: 100%;
+}
+.xzdesign-ui-form-item__content {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ flex: 1;
+ line-height: 32px;
+ position: relative;
+ min-width: 0;
+ font-size: 14px;
+}
+.xzdesign-slash-tip {
+ font-size: 12px;
+ color: #58657d;
+}
+.xzdesign-table-config_dialog {
+ top: 0;
+ width: 600px !important;
+}
+.xzdesign-table-config_dialog .xzdesign-table-config_dialog__header {
+ width: 100%;
+ height: 47px;
+ padding: 12px 20px 11px 18px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid #e4e7ed;
+}
+.xzdesign-table-config_dialog .xzdesign-table-config_dialog__header span {
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 150%;
+ color: #58657d;
+}
+.xzdesign-table-config_dialog .xzdesign-table-config_dialog__body {
+ min-height: 60px;
+ padding: 10px 25px 20px;
+}
+.xzdesign-table-config_dialog .xzdesign-table-config_dialog__footer {
+ display: flex;
+ justify-content: flex-end;
+ padding: 12px 20px;
+ border-top: 1px solid #e4e7ed;
+}
+.xzdesign-table-config_main {
+ display: flex;
+ flex-direction: column;
+}
+.xzdesign-table-config_main .xzdesign-table-config_item {
+ margin-top: 12px;
+}
+.xzdesign-table-config_main .xzdesign-table-config_item_title {
+ font-weight: 500;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+ margin-bottom: 8px;
+ display: block;
+}
+.xzdesign-table-config_main .xzdesign-table-config_item_main {
+ border: 1px dashed #d9d9d9;
+ border-radius: 5px;
+ padding: 12px;
+}
+.xzdesign-table-config_main .xzdesign-table-config_data_type {
+ display: flex;
+}
+.xzdesign-table-config_main .xzdesign-set_name {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 25px;
+ color: #58657d;
+}
+.xzdesign-table-config_main .xzdesign-table-config_type_item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+}
+.xzdesign-table-config_main .xzdesign-table-config_type_item .xzdesign-table_config_radio {
+ height: 25px;
+ margin-right: 8px;
+}
+.xzdesign-table-config_main .xzdesign-table-config_data_order {
+ display: flex;
+ margin-top: 17px;
+}
+.xzdesign-dwarn_main .xzdesign-no_warn {
+ height: 200px;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+.xzdesign-dwarn_main .xzdesign-no_warn span {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+ opacity: 0.4;
+ text-align: center;
+}
+.xzdesign-dwarn_main .xzdesign-design_warn {
+ margin-top: 12px;
+ width: 100%;
+ height: 416px;
+ border: 1px solid #eeeeee;
+ border-radius: 5px;
+ display: flex;
+}
+.xzdesign-dwarn_main .xzdesign-design_warn .xzdesign-warn-list_main {
+ width: 116px;
+ height: 400px;
+ border-right: 1px solid #eeeeee;
+ padding: 8px;
+ overflow-y: auto;
+}
+.xzdesign-dwarn_main .xzdesign-design_warn .xzdesign-warn-list_main .xzdesign-warn-list_item {
+ border-radius: 4px;
+ margin-bottom: 10px;
+ display: flex;
+ justify-content: space-between;
+ padding: 8px 12px;
+ cursor: pointer;
+ align-items: center;
+}
+.xzdesign-dwarn_main .xzdesign-design_warn .xzdesign-warn-list_main .xzdesign-warn-list_item:hover {
+ background: #eff4fc;
+ color: #1890ff;
+}
+.xzdesign-dwarn_main .xzdesign-design_warn .xzdesign-warn-list_main .active {
+ background: #eff4fc;
+ color: #1890ff;
+}
+.xzdesign-dwarn_main .xzdesign-design_warn .xzdesign-warn-condition_main {
+ width: calc(100% - 116px);
+ padding: 15px;
+ height: 400px;
+}
+.xzdesign-dwarn_main .xzdesign-design_warn .xzdesign-warn-condition_main .xzdesign-warn-style_mian {
+ padding: 12px;
+ background: #f5f7fa;
+ border-radius: 4px;
+}
+.xzdesign-dwarn_main .xzdesign-design_warn .xzdesign-warn-condition_main .xzdesign-condition-button_mian {
+ display: flex;
+ justify-content: flex-end;
+ color: #409eff;
+ margin-top: 2px;
+ align-items: center;
+}
+.xzdesign-warn-style_main {
+ padding: 10px 30px;
+}
+.xzdesign-warn-style_main .xzdesign-warn-style_item {
+ display: flex;
+ margin-bottom: 10px;
+}
+.xzdesign-warn-style_main .xzdesign-warn-style_item .xzdesign-warn-style {
+ display: flex;
+ align-items: center;
+}
+.xzdesign-dfilter_main .xzdesign-no_filter {
+ height: 200px;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+.xzdesign-dfilter_main .xzdesign-no_filter span {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+ opacity: 0.4;
+ text-align: center;
+}
+.xzdesign-dfilter_main .xzdesign-design_filter {
+ max-height: 400px;
+ overflow-y: auto;
+}
+.xzdesign-dfilter_main .xzdesign-design_filter .xzdesign-design_filter_item {
+ margin-top: 12px;
+ display: flex;
+ align-items: center;
+}
+.xzdesign-dfilter_main .xzdesign-design_filter .xzdesign-design_filter_item .xzdesign-filter_item {
+ padding: 14px;
+ border: 1px solid #eeeeee;
+ border-radius: 5px;
+ width: calc(100% - 100px);
+}
+.xzdesign-dfilter_main .xzdesign-design_filter .xzdesign-design_filter_item .xzdesign-filter_item .xzdesign-filter_name .name {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+ width: 70px;
+ margin-right: 16px;
+}
+.xzdesign-dfilter_main .xzdesign-design_filter .xzdesign-design_filter_item .xzdesign-filter_item .xzdesign-filter_name .value {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+}
+.xzdesign-dfilter_main .xzdesign-design_filter .xzdesign-design_filter_item .xzdesign-filter_item .xzdesign-filter_condition {
+ margin-top: 8px;
+ display: flex;
+}
+.xzdesign-dfilter_main .xzdesign-design_filter .xzdesign-design_filter_item .xzdesign-filter_item .xzdesign-filter_condition span {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+ width: 70px;
+ margin-right: 16px;
+}
+.xzdesign-fcondition_main .xzdesign-fcondition-item {
+ margin-bottom: 16px;
+ display: flex;
+ align-items: center;
+}
+.xzdesign-fcondition_main .xzdesign-condition_main .xzdesign-condition_item {
+ margin-bottom: 12px;
+}
+.xzdesign-fcondition_main .xzdesign-condition_main .xzdesign-condition_item .xzdesign-condition_logic {
+ margin-bottom: 12px;
+ display: flex;
+ justify-content: center;
+}
+.xzdesign-fcondition_main .xzdesign-condition_main .xzdesign-condition_item .xzdesign-condition_params_main {
+ border: 1px dashed #d9d9d9;
+ border-radius: 5px;
+ padding: 12px;
+}
+.xzdesign-fcondition_main .xzdesign-condition_main .xzdesign-condition_item .xzdesign-condition_params_main .xzdesign-condition_params_item {
+ margin-bottom: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+}
+.xzdesign-design-link .xzdesign-no_link {
+ height: 60px;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+.xzdesign-design-link .xzdesign-no_link span {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+ opacity: 0.4;
+ text-align: center;
+}
+.xzdesign-design-link .xzdesign-link_main {
+ padding-top: 20px;
+}
+.xzdesign-design-link .xzdesign-link_main .xzdesign-link_item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 5px;
+}
+.xzdesign-design-link .xzdesign-link_main .xzdesign-link_item .xzdesign-link_item_content {
+ width: 450px;
+ height: 18px;
+ border: 1px dashed #d9d9d9;
+ border-radius: 5px;
+ display: flex;
+ padding: 14px;
+}
+.xzdesign-design-link .xzdesign-link_main .xzdesign-link_item .xzdesign-link_item_content .xzdesign-link_item_type {
+ width: 120px;
+ margin-right: 10px;
+ line-height: 20px;
+ font-size: 14px;
+ color: #58657d;
+}
+.xzdesign-design-link .xzdesign-link_main .xzdesign-link_item .xzdesign-link_item_content .xzdesign-link_item_url {
+ color: #4e89fb;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ width: 300px;
+ line-height: 20px;
+}
+.xzdesign-link-add_param {
+ width: 90px;
+ color: #409eff;
+ align-items: center;
+ cursor: pointer;
+ margin-bottom: 0px !important;
+ padding: 8px 10px;
+ user-select: none;
+}
+.xzdesign-link-add_param:hover {
+ background: #409eff30;
+}
+.xzdesign-design-cusom_link .xzdesign-params_main .xzdesign-params_item {
+ display: flex;
+ align-items: center;
+}
+.xzdesign-design-cusom_link .xzdesign-params_main .xzdesign-params_item .xzdesign-params_content {
+ height: 26px;
+ border: 1px dashed #d9d9d9;
+ border-radius: 5px;
+ padding: 7px 8px;
+ width: calc(100% - 50px);
+ display: flex;
+ justify-content: space-evenly;
+ margin-right: 10px;
+}
+.xzdesign-design-table-header .xzdesign-design-table-header_item {
+ margin-top: 12px;
+}
+.xzdesign-design-table-header .xzdesign-design-table-header_item .xzdesign-header_title {
+ font-weight: 500;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+ margin-bottom: 8px;
+}
+.xzdesign-design-table-header .xzdesign-header_main_max-height {
+ max-height: 600px;
+ overflow-y: auto;
+}
+.xzdesign-design-table-header .xzdesign-header_main {
+ border: 1px dashed #d9d9d9;
+ border-radius: 5px;
+ padding: 12px;
+}
+.xzdesign-design-table-header .xzdesign-checkbox__label {
+ font-size: 14px !important;
+}
+.xzdesign-design-table-header .xzdesign-input-number {
+ width: 70px !important;
+}
+.xzdesign-design-table-header .xzdesign-checkbox {
+ margin-right: 30px;
+}
+.xzdesign-design-table-header .xzdesign-checkbox-group {
+ width: 254px;
+}
+.xzdesign-design-table-header .xzdesign-checkbox-group_list {
+ height: 60px;
+}
+.xzdesign-design-watermask-main .water_tip {
+ width: 16px;
+ height: 16px;
+ margin-left: 5px;
+}
+.xzdesign-design-watermask-main .watermask_item {
+ display: grid;
+ grid-template-columns: 50% 50%;
+}
+.xzdesign-design-watermask-main .watermask_item .watermask_config_item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+}
+.xzdesign-design-watermask-main .watermask_item .watermask_config_item .input-width {
+ width: 104px;
+}
+.xzdesign-design-watermask-main .watermask_item .watermask_config_item .el-radio {
+ margin-right: 22px !important;
+}
+.xzdesign-design-watermask-main .watermask_item .watermask_config_item .el-checkbox-button__inner {
+ padding: 8px 10px !important;
+}
+.xzdesign-design-watermask-main .watermask_item .watermask_config_item .border_cr {
+ border: 1px solid #dcdfe6;
+ border-radius: 4px;
+ display: flex;
+}
+.xzdesign-design-watermask-main .watermask_item .watermask_config_item .border_cr .cr_span {
+ width: 24px;
+ height: 24px;
+ display: inline-block;
+ text-align: center;
+ line-height: 24px;
+ margin: 4px;
+ cursor: pointer;
+}
+.xzdesign-design-watermask-main .watermask_item .watermask_config_item .border_cr .cr_span .cr_icon {
+ width: 12px;
+ height: 12px;
+ color: #fff;
+}
+.xzdesign-design-watermask-main .watermask_item .watermask_config_item .border_cr .cr_input {
+ width: 69px;
+}
+.xzdesign-design-watermask-main .watermask_item .watermask_config_item .border_cr .cr_input .el-input__wrapper {
+ padding: 0 2px;
+ box-shadow: none;
+}
+.xzdesign-design-watermask-main .watermask_item .watermask_config_item .watermask_config_name {
+ width: 70px;
+ text-align: right;
+ margin-right: 5px;
+}
+.xzdesign-watermask_fontstyle .watermask_config_item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+}
+.xzdesign-watermask_fontstyle .watermask_config_item .watermask_config_name {
+ width: 70px;
+ text-align: right;
+ margin-right: 5px;
+}
+.xzdesign-watermask_fontstyle .group-list {
+ width: auto;
+}
+.xzdesign-design-group-main {
+ margin-top: 6px;
+}
+.xzdesign-design-group-main .xzdesign-design-group_item {
+ display: flex;
+}
+.xzdesign-design-group-main .xzdesign-ui-form-item {
+ align-items: center;
+}
+.xzdesign-design-group-main .xzdesign-group-button {
+ width: 16px;
+ height: 16px;
+ color: #58657d;
+ margin-left: 6px;
+ cursor: pointer;
+}
+.xzdesign-design-print .xzdesign-ui-form-item {
+ align-items: center;
+}
+.xzdesign-design-print .xzdesign-design-table-header_item {
+ margin-top: 12px;
+}
+.xzdesign-design-print .xzdesign-design-table-header_item .xzdesign-header_title {
+ font-weight: 500;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+ margin-bottom: 8px;
+}
+.xzdesign-design-print .xzdesign-header_main {
+ border: 1px dashed #d9d9d9;
+ border-radius: 5px;
+ padding: 12px;
+}
+.xzdesign-design-print .xzdesign-checkbox__label {
+ font-size: 14px !important;
+}
+.xzdesign-design-print .xzdesign-input-number {
+ width: 70px !important;
+}
+.xzdesign-design-print .xzdesign-checkbox {
+ margin-right: 30px;
+}
+.xzdesign-design-print .xzdesign-checkbox-group {
+ width: 300px;
+}
+.xzdesign-design-print .xzdesign-checkbox-group_list {
+ height: 110px;
+}
+.ui-droplist-x {
+ z-index: 2000 !important;
+}
+.xzdesign-design-toolbar_buttons {
+ width: 400px;
+ height: 600px;
+ position: absolute;
+ z-index: 1000;
+ top: 150px;
+ right: 10px;
+ background: #fff;
+ box-shadow: 0px 0px 15px rgba(24, 144, 255, 0.1);
+ border-radius: 8px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-move_position {
+ height: 17px;
+ display: flex;
+ justify-content: space-between;
+ padding: 14px 14px 12px;
+ border-bottom: 1px solid #e4e7ed;
+ box-sizing: content-box;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-move_position span {
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 18px;
+ color: #58657d;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main {
+ padding: 10px 20px 0px 20px;
+ color: #2c3450;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .active {
+ background: #fff;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .preview_tip {
+ width: 16px;
+ height: 16px;
+ margin-left: 5px;
+ cursor: pointer;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_preview_main .title {
+ text-align: left;
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_preview_main .preview {
+ padding: 6px;
+ background: #f0f2f5;
+ display: flex;
+ overflow-x: auto;
+ margin-top: 10px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_preview_main .preview .preview_item {
+ width: 20px;
+ height: 20px;
+ background: #fff;
+ display: flex;
+ align-items: center;
+ margin-right: 6px;
+ justify-content: center;
+ border-radius: 2px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main {
+ margin-top: 10px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .title {
+ display: flex;
+ justify-content: space-between;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .title span {
+ font-size: 14px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main {
+ margin-top: 10px;
+ border-top: 1px solid #dcdfe6;
+ display: flex;
+ flex: 40% 60%;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_left {
+ border-right: 1px solid #dcdfe6;
+ width: 120px;
+ height: 435px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_left .toolbar_button_main {
+ padding: 5px;
+ max-height: 430px;
+ overflow: auto;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_left .toolbar_button_main .active {
+ background: #409eff;
+ color: #fff;
+ border-radius: 4px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_left .toolbar_button_main .active i {
+ color: #fff !important;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_left .toolbar_button_main .toolbar_button_item {
+ width: 100%;
+ height: 28px;
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+ padding: 6px;
+ border-radius: 4px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_left .toolbar_button_main .toolbar_button_item span {
+ margin-left: 5px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_left .toolbar_button_main .toolbar_button_item:hover {
+ background: #409eff;
+ color: #fff;
+ cursor: pointer;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_left .toolbar_button_main .toolbar_button_item:hover i {
+ color: #fff !important;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_right {
+ width: calc(100% - 120px);
+ padding: 10px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_right .title {
+ font-size: 14px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_right .form_item {
+ display: flex;
+ align-items: center;
+ margin: 10px 5px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_right .form_item .title {
+ font-size: 12px;
+ margin-right: 10px;
+ width: 60px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_right .form_item .icon_main {
+ display: flex;
+ position: relative;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_right .form_item .icon_main .small {
+ width: 24px;
+ height: 24px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_right .form_item .icon_main .icon_group {
+ display: group;
+ margin-top: 10px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-toolbar_config_main .config_main .config_right .form_item .icon_main .custom_icon_main {
+ width: 200px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .el-color-picker__trigger {
+ width: 24px;
+ height: 24px;
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ box-sizing: border-box;
+ padding: 4px;
+ border: 1px solid #dcdfe6;
+ border-radius: 4px;
+ font-size: 0;
+ position: relative;
+ cursor: pointer;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .popper {
+ z-index: 2083;
+ width: 230px;
+ position: absolute;
+ inset: 0px auto auto 0px;
+ margin: 0px;
+ background: #ffffff;
+ border: 1px solid #e4e7ed;
+ top: 30px;
+ left: -110px;
+ word-break: break-all;
+ box-sizing: border-box;
+ box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
+ font-size: 14px;
+ text-align: justify;
+ line-height: 1.4;
+ color: #606266;
+ padding: 12px;
+ border-radius: 4px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-empty {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ text-align: center;
+ box-sizing: border-box;
+ padding: 40px 0;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-empty .empty-image {
+ width: 160px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-empty .empty-description {
+ margin-top: 20px;
+}
+.xzdesign-design-toolbar_buttons .xzdesign-report_toolbar_main .xzdesign-empty .empty-description p {
+ margin: 0;
+ font-size: 14px;
+ color: #909399;
+}
+.xzdesign-design-dataPanel {
+ width: 400px;
+ height: 600px;
+ position: absolute;
+ z-index: 1000;
+ top: 150px;
+ right: 10px;
+ background: #fff;
+ box-shadow: 0px 0px 15px rgba(24, 144, 255, 0.1);
+ border-radius: 8px;
+}
+.xzdesign-design-dataPanel .xzdesign-move_position {
+ height: 17px;
+ display: flex;
+ justify-content: space-between;
+ padding: 14px 14px 12px;
+ border-bottom: 1px solid #e4e7ed;
+ box-sizing: content-box;
+}
+.xzdesign-design-dataPanel .xzdesign-move_position span {
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 18px;
+ color: #58657d;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main {
+ height: calc(100% - 44px);
+ padding-top: 12px;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-dataPanel_toolbar {
+ display: flex;
+ justify-content: space-between;
+ padding: 12px 14px;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-dataPanel_toolbar .xzdesign-refresh {
+ display: flex;
+ align-items: center;
+ color: #8390a1;
+ cursor: pointer;
+ font-size: 14px;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-data-list_main {
+ overflow-y: auto;
+ overflow-x: hidden;
+ height: calc(100% - 30px);
+ padding: 10px 14px 14px;
+ background: #ffffff;
+ box-shadow: 0px 4px 15px rgba(24, 144, 255, 0.1);
+ user-select: none;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-data-list_main .xzdesign-data-list_item .xzdesign-collapse-head {
+ cursor: pointer;
+ margin-bottom: 15px;
+ display: flex;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-data-list_main .xzdesign-data-list_item .xzdesign-collapse-head .xzdesign-title_main {
+ width: calc(100% - 20px);
+ display: flex;
+ align-items: center;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-data-list_main .xzdesign-data-list_item .xzdesign-collapse-head .xzdesign-title_main .xzdesign-title {
+ font-weight: 400;
+ font-size: 14px;
+ color: #58657d;
+ line-height: 14px;
+ margin-left: 5px;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-data-list_main .xzdesign-data-list_item .xzdesign-collapse-main .xzdesign-collapse-item {
+ height: 20px;
+ line-height: 20px;
+ text-align: left;
+ margin-bottom: 15px;
+ margin-left: 18px;
+ cursor: pointer;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-data-list_main .xzdesign-data-list_item .xzdesign-collapse-main .xzdesign-collapse-item .xzdesign-columns_main {
+ display: flex;
+ align-items: center;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-data-list_main .xzdesign-data-list_item .xzdesign-collapse-main .xzdesign-collapse-item .xzdesign-columns_main .number {
+ background-image: url(icons/74c1564756032ab4dd9014c90480f17a.png);
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-data-list_main .xzdesign-data-list_item .xzdesign-collapse-main .xzdesign-collapse-item .xzdesign-columns_main .string {
+ background-image: url(icons/4cde072bb8c3ebef19bfedc9f01a9410.png);
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-data-list_main .xzdesign-data-list_item .xzdesign-collapse-main .xzdesign-collapse-item .xzdesign-columns_main .date {
+ background-image: url(icons/67bf1b11cf5abe5fe559b31922f4d443.png);
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-design-dataPanel .xzdesign-dataPanel_main .xzdesign-data-list_main .xzdesign-data-list_item .xzdesign-collapse-main .xzdesign-collapse-item .xzdesign-columns_main span {
+ font-weight: 400;
+ font-size: 14px;
+ color: #58657d;
+ margin-left: 10px;
+}
+.xzdesign-http-params {
+ width: calc(100% - 108px);
+}
+.xzdesign-http-params .xzdesign-no_data {
+ height: 200px;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ width: 100%;
+}
+.xzdesign-http-params .xzdesign-no_data span {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+ opacity: 0.4;
+ text-align: center;
+}
+.xzdesign-http-params .xzdesign-http-table {
+ display: flex;
+ flex-direction: column;
+}
+.xzdesign-http-params .xzdesign-http-table .xzdesign-http-table-wrapper {
+ display: flex;
+ height: 200px;
+ overflow: auto;
+ flex-direction: column;
+}
+.xzdesign-http-params .xzdesign-http-table .xzdesign-http-table-wrapper .hover:hover {
+ background-color: #f5f7fa;
+}
+.xzdesign-http-params .xzdesign-http-table .thead {
+ color: #909399;
+ font-weight: 500;
+}
+.xzdesign-http-params .xzdesign-http-table .xzdesign-http-table_item {
+ display: flex;
+ padding: 8px 0px;
+ border-bottom: 1px solid #ebeef5;
+}
+.xzdesign-http-params .xzdesign-http-table .xzdesign-http-table_item .column {
+ width: 156px;
+}
+.xzdesign-http-params .xzdesign-http-table .xzdesign-http-table_item .value {
+ width: 121px;
+}
+.xzdesign-http-params .xzdesign-http-table .xzdesign-http-table_item .handle {
+ width: 76px;
+}
+.xzdesign-http-params .xzdesign-http-table .xzdesign-http-table_item .padding--12 {
+ padding: 0px 12px;
+}
+.xzdesign-http-params .xzdesign-http-table .xzdesign-http-table_item .delete {
+ color: #409eff;
+ line-height: 30px;
+ cursor: pointer;
+}
+.xzdesign-http-params .xzdesign-http-table .xzdesign-http-table_item .delete:hover {
+ color: #409effa6;
+}
+.xzdesign-template-condition {
+ padding-bottom: 6px;
+ border-bottom: 1px solid #d9d9d9;
+}
+.xzdesign-template-condition .xzdesign-template-condition-item {
+ display: flex;
+ align-items: center;
+ padding: 10px 0px;
+}
+.xzdesign-template-condition .xzdesign-template-condition-item span {
+ font-weight: 500;
+ font-size: 14px;
+ font-style: normal;
+ text-align: right;
+ color: #222a39;
+ margin-right: 10px;
+ vertical-align: top;
+}
+.xzdesign-template-condition .xzdesign-template-condition-item .xzdesign-item-list {
+ display: flex;
+}
+.xzdesign-template-condition .xzdesign-template-condition-item .xzdesign-item-list .xzdesign-condition {
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ color: #8390a4;
+ padding: 4px 10px;
+ border-radius: 2px;
+ border: 1px solid #fff;
+ cursor: pointer;
+ position: relative;
+ margin-left: 8px;
+}
+.xzdesign-template-condition .xzdesign-template-condition-item .xzdesign-item-list .xzdesign-condition:hover {
+ background-color: #e2ecff46;
+ border-radius: 2px;
+}
+.xzdesign-template-condition .xzdesign-template-condition-item .xzdesign-item-list .active {
+ color: #4e89fb;
+ background: #e2ecff !important;
+ border-radius: 2px;
+}
+.xzdesign-template-condition .xzdesign-template-condition-item .xzdesign-item-list .mul-active {
+ color: #4e89fb;
+ border: 1px dashed #4e89fb;
+ border-radius: 2px;
+}
+.xzdesign-template-condition .xzdesign-template-condition-item .xzdesign-item-list .mul-active:hover .hover-delete {
+ display: block;
+ z-index: 1;
+}
+.xzdesign-template-condition .xzdesign-template-condition-item .xzdesign-item-list .delete-img {
+ display: none;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ right: 9px;
+ top: 6px;
+}
+.xzdesign-template-condition .xzdesign-template-condition-item .xzdesign-item-list .mul-span {
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ color: #8390a4;
+}
+.xzdesign-template-main {
+ padding-top: 12px;
+}
+.xzdesign-template-main .toolbar {
+ display: flex;
+ justify-content: space-between;
+}
+.xzdesign-template-main .toolbar .sort-main {
+ display: flex;
+ align-items: center;
+}
+.xzdesign-template-main .toolbar .sort-main .sort-item {
+ display: flex;
+ width: 45px;
+ margin-right: 24px;
+ align-items: center;
+ font-weight: 500;
+ font-size: 12px;
+ color: #575859;
+ cursor: pointer;
+}
+.xzdesign-template-main .toolbar .sort-main .sort-item span {
+ margin-right: 8px;
+}
+.xzdesign-template-main .toolbar .sort-main .sort-item i {
+ width: 12px;
+ height: 12px;
+}
+.xzdesign-template-main .list {
+ height: 400px;
+ overflow-y: auto;
+ margin-top: 12px;
+}
+.xzdesign-template-main .list .list-item {
+ display: inline-block;
+ width: 165px;
+ height: 152px;
+ box-shadow: 0 4px 15px #00123f0f;
+ border-radius: 6px;
+ margin: 0 20px 20px 0;
+ position: relative;
+}
+.xzdesign-template-main .list .list-item .template_img {
+ width: 100%;
+ height: 118px;
+ border-radius: 10px;
+}
+.xzdesign-template-main .list .list-item .template_name {
+ margin-left: 9px;
+}
+.xzdesign-template-main .list .list-item .template_name span {
+ font-weight: 400;
+ font-size: 14px;
+ color: #222a39;
+ opacity: 0.8;
+}
+.xzdesign-template-main .list .list-item .template_preview_button {
+ display: none;
+ width: 100%;
+ height: 118px;
+ background: rgba(0, 0, 0, 0.18823529);
+ position: absolute;
+ top: 0;
+ border-radius: 6px;
+ cursor: pointer;
+}
+.xzdesign-template-main .list .list-item .template_preview_button .template_button {
+ width: 86px;
+ height: 24px;
+ background: #4e89fb;
+ border-radius: 2px;
+ margin: 47px auto 0;
+ text-align: center;
+ padding-top: 2px;
+ cursor: pointer;
+}
+.xzdesign-template-main .list .list-item .template_preview_button .template_button span {
+ color: #fff;
+ font-weight: 400;
+ font-size: 12px;
+}
+.xzdesign-template-main .list .list-item:hover .template_preview_button {
+ display: block;
+}
+.xzdesign-zindex_2020 {
+ z-index: 2020 !important;
+}
+.xzdesign-useTemplate_main {
+ display: flex;
+ width: 100%;
+}
+.xzdesign-useTemplate_main .template_img {
+ width: calc(100% - 300px);
+ height: 538px;
+ border-radius: 5px;
+ border: 1px solid #d7dae2;
+}
+.xzdesign-useTemplate_main .template_img img {
+ width: 100%;
+ height: 100%;
+}
+.xzdesign-useTemplate_main .template_explain {
+ width: 300px;
+ padding: 0 8px 0 32px;
+}
+.xzdesign-useTemplate_main .template_explain .title {
+ font-weight: 500;
+ font-size: 18px;
+ color: #222a39;
+ opacity: 0.8;
+ margin-bottom: 16px;
+}
+.xzdesign-useTemplate_main .template_explain .use_main {
+ padding-bottom: 16px;
+ border-bottom: 1px solid #d9d9d9;
+ margin-bottom: 16px;
+ display: flex;
+ align-items: flex-end;
+}
+.xzdesign-useTemplate_main .template_explain .use_main .use_count {
+ font-weight: 400;
+ color: #7c7f83;
+ margin-left: 17px;
+ display: flex;
+}
+.xzdesign-useTemplate_main .template_explain .use_main .use_count img {
+ width: 16px;
+ height: 16px;
+ margin-right: 3px;
+}
+.xzdesign-useTemplate_main .template_explain .template_type {
+ margin-bottom: 16px;
+}
+.xzdesign-useTemplate_main .template_explain .template_type .type {
+ font-weight: 400;
+ font-size: 14px;
+ color: #8390a4;
+ margin-right: 10px;
+}
+.xzdesign-useTemplate_main .template_explain .template_type .type_value {
+ font-weight: 400;
+ font-size: 14px;
+ color: #222a39;
+ opacity: 0.8;
+}
+.xzdesign-useTemplate_main .template_explain .category {
+ margin-top: 12px;
+}
+.xzdesign-useTemplate_main .template_explain .category .main {
+ background: #efefef;
+ border-radius: 2px;
+ padding: 2px 10px;
+ margin: 0 10px 10px 0;
+ display: inline-block;
+}
+.xzdesign-useTemplate_main .template_explain .category .main span {
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 24px;
+ color: #222a39;
+ opacity: 0.8;
+}
+.xzdesign-buttons_list_main .add_button {
+ text-align: right;
+ font-size: 20px;
+}
+.xzdesign-buttons_list_main .checkbox_list {
+ max-height: 400px;
+ overflow: auto;
+ display: flex;
+ flex-direction: column;
+ padding: 0px 20px;
+}
+.xzdesign-chart_dialog {
+ display: flex;
+ height: 537px;
+}
+.xzdesign-chart_dialog .active {
+ background: #eff4fc;
+ color: #4e89fb;
+ border-radius: 4px;
+}
+.xzdesign-chart_dialog .left {
+ border-right: 1px solid #e2ecff;
+ width: 118px;
+ padding-top: 16px;
+ overflow: auto;
+}
+.xzdesign-chart_dialog .left .list_main {
+ height: 100%;
+}
+.xzdesign-chart_dialog .left .list_main .xzdesign-list_item {
+ width: 74px;
+ height: 30px;
+ cursor: pointer;
+ margin-bottom: 8px;
+ font-family: PingFang SC;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 30px;
+ text-align: center;
+ margin-left: 24px;
+}
+.xzdesign-chart_dialog .left .list_main .xzdesign-list_item:hover {
+ background: #eff4fc;
+ color: #4e89fb;
+ border-radius: 4px;
+}
+.xzdesign-chart_dialog .right {
+ margin-left: 18px;
+ width: 555px;
+}
+.xzdesign-chart_dialog .right .list_main {
+ height: 410px;
+}
+.xzdesign-chart_dialog .right .list_main .xzdesign-list_item {
+ overflow: hidden;
+ padding: 25px 0px;
+ text-align: center;
+ border-radius: 4px;
+ cursor: pointer;
+ position: relative;
+ background: #f3f4f6;
+ width: 540px;
+ border: 1px solid #40a0ff00;
+}
+.xzdesign-chart_dialog .right .list_main .xzdesign-list_item img {
+ width: 500px;
+}
+.xzdesign-chart_dialog .right .list_main .xzdesign-list_item .title {
+ position: absolute;
+ top: 17px;
+ left: -15px;
+ width: 100px;
+ background: #4e89fb;
+ /* text-align: right; */
+ height: 27px;
+ line-height: 27px;
+ color: #fff;
+ border-radius: 14px;
+ font-family: PingFang SC;
+ font-size: 12px;
+ font-weight: 400;
+}
+.xzdesign-chart_dialog .right .list_main .xzdesign-list_item .model {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ cursor: pointer;
+}
+.xzdesign-chart_dialog .right .list_main .xzdesign-list_item:hover {
+ border: 1px solid #40a0ff4e;
+}
+.xzdesign-chart_dialog .right .list_main .active {
+ border: 1px solid #40a0ff4e;
+}
+.xzdesign-chart_dialog .right .xzdesign-button_group {
+ padding-right: 15px;
+}
+.xzdesign-chart_dialog .right .xzdesign-button_group .xzdesign-button_group_main {
+ display: flex;
+ justify-content: flex-end;
+ margin-top: 13px;
+}
+.xzdesign-dialog_body_padding {
+ padding: 0px 0px 0px 0px !important;
+}
+.xzdesign-chart-dialog-select_group {
+ display: flex;
+ align-items: center;
+ padding: 16px 0px 18px 0px;
+}
+
+.xzdesign-template_buton {
+ display: flex;
+ padding: 5px 15px;
+}
+.xzdesign-button-primary {
+ color: #fff;
+ background-color: #4E89FB;
+ border-color: #4E89FB;
+}
+.xzdesign-button-primary:hover {
+ background-color: #66b1ff;
+ border-color: #66b1ff;
+}
+.xzdesign-color_409eff {
+ background: #409eff;
+}
+
+@charset "UTF-8";
+/**
+ *
+ * @variables.css
+ * @author zhangxinxu
+ * @edited yangfan
+ * @create 20-03-17
+**/
+
+:root {
+ /* 基础颜色变量 */
+ --ui-blue: #2a80eb;
+ --ui-dark-blue: #0057c3;
+ --ui-dark: #4c5161;
+ --ui-gray: #a2a9b6;
+ --ui-dark-gray: #b6bbc6;
+ --ui-light: #f7f9fa;
+ --ui-white: #ffffff;
+ --ui-green: #1cad70;
+ --ui-orange: #f59b00;
+ --ui-red: #eb4646;
+ /* hover的颜色 */
+ --ui-list-hover: #f0f7ff;
+ /* selected的颜色 */
+ --ui-list-selected: #e0f0ff;
+ /* disabled禁用色 */
+ --ui-disabled: #ccd0d7;
+ /* 边框颜色 */
+ --ui-border: #d0d0d5;
+ /* 深一点的边框颜色 */
+ --ui-dark-border: #ababaf;
+ /* 浅一点的边框颜色 */
+ --ui-light-border: #ededef;
+ /* 透明度 */
+ --ui-opacity: .4;
+ /* 圆角变量 */
+ --ui-radius: 4px;
+ /* 基础字号 */
+ --ui-font: 14px;
+ /* 动画时间 */
+ --ui-animate-time: .2s;
+ /* 基本尺寸单元 */
+ --ui-line-height: 20px;
+ --ui-component-height: 40px;
+}
+
+/**
+ *
+ * @Button.css
+ * @author zhangxinxu
+ * @create 15-06-12
+ * @edited 17-06-13
+ 17-11-07 use png+spin for loading
+ 19-07-09 IE9+, no external links
+ 20-04-03 version edge
+ * @editor lennonover
+ */
+
+/* button基础变量 */
+:root {
+ --ui-button-height: var(--ui-component-height, 40px);
+ --ui-button-line-height: var(--ui-line-height, 20px);
+ --ui-button-color: var(--ui-dark, #4c5161);
+ --ui-button-loading-img: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%232a80eb'/%3E%3C/svg%3E") no-repeat;
+}
+
+.ui-button,
+[is="ui-button"] {
+ display: inline-flex;
+ line-height: var(--ui-button-line-height);
+ font-size: var(--ui-font, 14px);
+ text-align: center;
+ justify-content: center;
+ align-items: center;
+ color: var(--ui-white, #fff);
+ border-radius: var(--ui-radius, 4px);
+ border: 1px solid var(--ui-button-color);
+ padding: calc((var(--ui-button-height) - var(--ui-button-line-height) - 2px) / 2) calc(var(--ui-button-height) / 2.5);
+ min-width: 80px;
+ background: var(--ui-button-color) no-repeat center;
+ text-decoration: none;
+ box-sizing: border-box;
+ transition: border-color var(--ui-animate-time, .2s), box-shadow var(--ui-animate-time, .2s), opacity var(--ui-animate-time, .2s);
+ fill: currentColor;
+ font-family: inherit;
+ cursor: pointer;
+ overflow: visible;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .ui-button,
+ [is="ui-button"] {
+ transition: none;
+ }
+}
+
+.ui-button[width="100%"],
+[is="ui-button"][width="100%"] {
+ width: 100%;
+}
+
+div.ui-button,
+div[is="ui-button"] {
+ display: block;
+}
+
+[type="submit"]:not([class]):not([is]) {
+ position: absolute;
+ clip: rect(0 0 0 0);
+}
+
+/* Chrome/Firefox的outline会由Keyboard.js帮忙呈现 */
+@supports (-webkit-mask: none) {
+ button,
+ [type="button"],
+ [type="submit"],
+ [tabindex] {
+ outline: 0 none;
+ }
+}
+::-moz-focus-inner {
+ border: 0;
+}
+
+.ui-button:hover,
+[is="ui-button"]:hover {
+ color: var(--ui-white, #fff);
+ text-decoration: none;
+}
+:is(.ui-button, [is="ui-button"]):where(:not(.disabled, .loading, :disabled)):hover {
+ filter: brightness(var(--ui-brightness, 1.1));
+}
+
+:is(.ui-button, [is="ui-button"]):where(:not(.disabled, .loading, :disabled)):active {
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),
+ inset 0 0 0 100px rgba(0, 0, 0, 0.1);
+}
+.ui-button[type="normal"],
+.ui-button[data-type="normal"],
+[is="ui-button"][type="normal"],
+[is="ui-button"][data-type="normal"] {
+ --ui-button-color: var(--ui-white, #fff);
+ color: var(--ui-dark, #4c5161);
+ border-color: var(--ui-border);
+}
+
+/* primary button */
+.ui-button[data-type="primary"],
+.ui-button[data-type="remind"],
+.ui-button[type="primary"],
+.ui-button[type="remind"],
+[is="ui-button"][data-type="primary"],
+[is="ui-button"][data-type="remind"],
+[is="ui-button"][type="primary"],
+[is="ui-button"][type="remind"] {
+ --ui-button-color: var(--ui-blue, #2a80eb);
+}
+
+/* success button */
+.ui-button[data-type="success"],
+.ui-button[type="success"],
+[is="ui-button"][data-type="success"],
+[is="ui-button"][type="success"] {
+ --ui-button-color: var(--ui-green, #1cad70);
+}
+
+/* warning button */
+.ui-button[data-type^="warn"],
+.ui-button[type^="warn"],
+[is="ui-button"][data-type^="warn"],
+[is="ui-button"][type^="warn"] {
+ --ui-button-color: var(--ui-orange, #f59b00);
+}
+/* danger button */
+.ui-button[data-type="danger"],
+.ui-button[data-type="error"],
+.ui-button[type="danger"],
+.ui-button[type="error"],
+[is="ui-button"][data-type="danger"],
+[is="ui-button"][data-type="error"],
+[is="ui-button"][type="danger"],
+[is="ui-button"][type="error"] {
+ --ui-button-color: var(--ui-red, #eb4646);
+}
+
+/* disabled status */
+.ui-button.disabled,
+.ui-button:disabled,
+[is="ui-button"].disabled,
+[is="ui-button"]:disabled {
+ opacity: var(--ui-opacity, .4);
+ cursor: default;
+}
+/* loading status */
+.ui-button.loading,
+[is="ui-button"].loading {
+ color: transparent !important;
+ pointer-events: none;
+ position: relative;
+ cursor: default;
+}
+/* input按钮，三个点 */
+input.ui-button.loading,
+input[is="ui-button"].loading {
+ --ui-loading-color: var(--ui-white, #fff);
+ --ui-loading-radial: radial-gradient(3px circle, var(--ui-loading-color), var(--ui-loading-color) 2px, transparent 3px);
+ background-image: var(--ui-loading-radial), var(--ui-loading-radial), var(--ui-loading-radial);
+ background-position-x: calc(50% - 10px), 50%, calc(50% + 10px);
+ background-position-y: 50%;
+ background-size: 5px 5px;
+ animation: bubbling 1s infinite;
+}
+input[data-type="normal"].loading {
+ --ui-loading-color: var(--ui-blue, #2a80eb);
+}
+
+/* button 按钮 */
+.ui-button.loading::before,
+[is="ui-button"].loading::before {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 20px;
+ height: 20px;
+ background-color: var(--ui-white,#fff);
+ -webkit-mask: var(--ui-button-loading-img);
+ mask: var(--ui-button-loading-img);
+ -webkit-mask-size: 100% 100%;
+ mask-size: 100% 100%;
+ margin: auto;
+ animation: spin 1s linear infinite;
+}
+/* 有底色按钮 */
+[data-type="normal"].loading::before,
+[type="normal"].loading::before {
+ background-color: var(--ui-blue,#2a80eb);
+}
+
+@keyframes bubbling {
+ 0% {
+ background-position-y: 50%, 50%, 50%;
+ }
+ 15% {
+ background-position-y: calc(50% - 3px), 50%, 50%;
+ }
+ 30% {
+ background-position-y: calc(50% - 1px), calc(50% - 3px), 50%;
+ }
+ 45% {
+ background-position-y: 50%, calc(50% - 1px), calc(50% - 3px);
+ }
+ 60% {
+ background-position-y: 50%, 50%, calc(50% - 1px);
+ }
+ 75% {
+ background-position-y: 50%, 50%, 50%;
+ }
+}
+
+@keyframes spin {
+ from {
+ transform: rotate(0);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/* error */
+.ui-button[is-error],
+[is="ui-button"][is-error] {
+ border-color: var(--ui-red, #eb4646) !important;
+}
+
+/**
+ *
+ * @Checkbox.css
+ * @author zhangxinxu
+ * @create 15-06-18
+ * @edit 17-06-14 focusable
+ * @editor shanyerong
+ * @edit 20-04-30 description here
+**/
+/* checkbox基础变量 */
+:root {
+ --ui-checkbox-width: 20px;
+ --ui-checkbox-height: 20px;
+ --ui-checkbox-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M920.185 224.838c-33.782-33.935-88.619-33.935-122.464 0L409.955 614.564 226.231 429.952c-33.782-33.935-88.68-33.935-122.461 0-33.784 33.997-33.784 89.108 0 123.044l244.925 246.118c33.782 33.998 88.68 33.998 122.463 0l449.028-451.201c33.843-33.967 33.843-89.048-.001-123.075z' fill='%23fff'/%3E%3C/svg%3E");
+}
+
+[is="ui-checkbox"] {
+ -webkit-appearance: none;
+ width: var(--ui-checkbox-width, 20px);
+ height: var(--ui-checkbox-height, 20px);
+ display: inline-flex;
+ border: solid 1px rgba(0, 0, 0, 0);
+ outline: none;
+ border-radius: var(--ui-radius, 4px);
+ box-sizing: border-box;
+ box-shadow: inset 0 1px, inset 1px 0, inset -1px 0, inset 0 -1px;
+ background-color: var(--ui-white, #ffffff);
+ background-clip: content-box;
+ color: var(--ui-border, #d0d0d5);
+ transition: color var(--ui-animate-time, .2s), background-color var(--ui-animate-time, .2s);
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ vertical-align: -.5ex;
+}
+
+[is="ui-checkbox"]::after {
+ content: "";
+ width: 100%;
+ height: 100%;
+ background: var(--ui-checkbox-icon) no-repeat center;
+ background-size: 12px 12px;
+ visibility: hidden;
+ opacity: 0;
+ transition: opacity var(--ui-animate-time, .2s);
+}
+
+[is="ui-checkbox"]:not(:disabled):hover,
+[is="ui-checkbox"]:disabled {
+ color: var(--ui-dark-border, #ababaf);
+}
+
+[is="ui-checkbox"]:focus {
+ color: var(--ui-blue, #2a80eb);
+}
+
+[is="ui-checkbox"]:focus:hover {
+ color: var(--ui-dark-blue, #0057c3);
+}
+
+[is="ui-checkbox"]:checked {
+ color: var(--ui-blue, #2a80eb);
+ background-color: var(--ui-blue, #2a80eb);
+}
+
+[is="ui-checkbox"]:not(:disabled):checked:focus,
+[is="ui-checkbox"]:not(:disabled):checked:hover {
+ color: var(--ui-dark-blue, #0057c3);
+ background-color: var(--ui-dark-blue, #0057c3);
+}
+
+[is="ui-checkbox"]:checked::after {
+ opacity: 1;
+ visibility: visible;
+}
+
+[is="ui-checkbox"]:indeterminate::after {
+ opacity: 1;
+ visibility: visible;
+ color: var(--ui-blue, #2a80eb);
+ background-image: linear-gradient(currentColor, currentColor);
+ background-size: 8px 8px;
+}
+
+[is="ui-checkbox"]:not(:disabled):indeterminate:focus,
+[is="ui-checkbox"]:not(:disabled):indeterminate:hover {
+ color: var(--ui-dark-blue, #0057c3);
+}
+
+[is="ui-checkbox"]:disabled {
+ opacity: var(--ui-opacity, .4);
+}
+
+/* error */
+[is="ui-checkbox"][is-error] {
+ color: var(--ui-red, #eb4646) !important;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ [is="ui-checkbox"],
+ [is="ui-checkbox"]::after {
+ transition: none;
+ }
+}
+
+/**
+ *
+ * @Color.css
+ * @author xinxuzhang
+ * @create 16-06-03
+ * @edited 20-07-16 @Gwokhov
+**/
+
+[is="ui-color"] {
+ width: 40px;
+ height: 40px;
+ padding: 0;
+ vertical-align: middle;
+ border: 0;
+ border-radius: var(--ui-radius, 4px);
+ background-color: rgba(25, 28, 34, 0.2);
+ outline: none;
+ cursor: pointer;
+}
+
+[is="ui-color"]::-webkit-color-swatch-wrapper {
+ padding: 0;
+ margin: 8px auto;
+ width: 24px;
+ height: 24px;
+}
+
+[is="ui-color"]::-webkit-color-swatch {
+ border: 1px solid var(--ui-light, #f7f9fa);
+ border-radius: calc(var(--ui-radius, 4px) - 1px);
+}
+[is="ui-color"]:disabled::-webkit-color-swatch {
+ background-image: linear-gradient(to right bottom, transparent calc(50% - 1px), red 50%, transparent calc(50% + 1px)), linear-gradient(to top right, transparent calc(50% - 1px), red 50%, transparent calc(50% + 1px));
+}
+
+/* for firefox */
+[is="ui-color"],
+_::-moz-color-swatch {
+ padding: 8px;
+}
+[is="ui-color"]::-moz-color-swatch {
+ border: 1px solid var(--ui-light, #f7f9fa);
+}
+
+.ui-color-container {
+ display: none;
+ position: absolute;
+ width: 241px;
+ padding: 10px 12px;
+ border-radius: var(--ui-radius, 4px);
+ background-color: var(--ui-light, #f7f9fa);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+ font-size: var(--ui-font, 14px);
+ animation: fadeIn var(--ui-animate-time, .2s);
+ touch-action: none;
+ --safe-area: 3px;
+ z-index: 21;
+}
+
+.ui-color-switch {
+ position: absolute;
+ top: 12px;
+ right: 12px;
+ color: var(--ui-blue, #2a80eb);
+ border: 1px solid transparent;
+ height: 20px;
+ line-height: 20px;
+ padding: 2px 5px;
+ border-radius: calc(var(--ui-radius, 4px) - 1px);
+ background: none;
+ font-family: inherit;
+ transition: border-color var(--ui-animate-time, .2s), background-color var(--ui-animate-time, .2s);
+ box-sizing: content-box;
+}
+.ui-color-switch:hover {
+ background-color: var(--ui-white, #ffffff);
+ border-color: #d0d0d5;
+ background-color: var(--ui-white, #ffffff);
+}
+.ui-color-switch:active {
+ line-height: normal;
+}
+
+.ui-color-switch[data-mode]::before {
+ content: '';
+ display: inline-block;
+ width: 14px; height: 14px;
+ vertical-align: -2px;
+ margin-right: 4px;
+ pointer-events: none;
+}
+.ui-color-switch[data-mode="basic"]::before {
+ background: conic-gradient(red 120deg, blue 120deg 240deg, lime 240deg);
+ transform: rotate(-60deg);
+ border-radius: 50%;
+}
+.ui-color-switch[data-mode="more"]::before {
+ background: radial-gradient(closest-side, white, transparent),
+ conic-gradient(red, magenta, blue, aqua, lime, yellow, red);
+ border-radius: 50%;
+}
+
+[type="color-opacity"] {
+ background: linear-gradient(var(--ui-color-opacity, #000000), var(--ui-color-opacity, #000000)),
+ conic-gradient(black 45deg, white 45deg, white 225deg, black 225deg);
+ box-sizing: border-box;
+ background-clip: content-box;
+ border: 8px solid rgba(25, 28, 34, 0.2);
+ padding: 1px;
+ font-size: 0;
+}
+
+.ui-color-current {
+ padding-bottom: 20px;
+}
+
+.ui-color-current-square,
+.ui-color-current-square-opacity {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ margin-right: 5px;
+ border-radius: calc(var(--ui-radius, 4px) - 1px);
+ box-shadow: inset 0 1px rgba(0, 0, 0, 0.25),
+ inset 0 -1px rgba(0, 0, 0, 0.25), inset 1px 0 rgba(0, 0, 0, 0.25),
+ inset -1px 0 rgba(0, 0, 0, 0.25);
+ background-color: currentColor;
+ vertical-align: middle;
+}
+.ui-color-current-square-opacity {
+ background: linear-gradient(var(--ui-color-opacity, #000000),var(--ui-color-opacity, #000000)),
+ conic-gradient(black 45deg, white 45deg, white 225deg, black 225deg);
+}
+
+.ui-color-current-input {
+ width: 72px;
+ border: 1px solid var(--ui-border, #d0d0d5);
+ background-color: var(--ui-white, #ffffff);
+ height: 20px;
+ line-height: 20px;
+ padding: 2px 5px;
+ border-radius: calc(var(--ui-radius, 4px) - 1px);
+ margin-left: 5px;
+ font-size: 13px;
+ vertical-align: middle;
+ box-sizing: content-box;
+ text-transform: uppercase;
+ color: inherit;
+}
+
+.ui-color-body {
+ min-height: 100px;
+}
+
+.ui-color-basic {
+ overflow: hidden;
+}
+
+.ui-color-lump-group {
+ width: 72px;
+ float: left;
+}
+
+.ui-color-lump {
+ display: block;
+ width: 11px;
+ height: 11px;
+ margin: 0 1px 1px 0;
+ box-sizing: border-box;
+ background-color: currentColor;
+}
+
+.ui-color-lump:hover,
+.ui-color-basic a.active,
+.ui-color-lump-preset:hover {
+ border: 1px solid var(--ui-white, #ffffff);
+}
+
+.ui-color-lump-preset {
+ display: block;
+ height: 35px;
+ margin: 0 1px 1px 0;
+ box-sizing: border-box;
+ background-color: currentColor;
+ border: 1px solid transparent;
+}
+
+.ui-color-basic-l {
+ width: 12px;
+ float: left;
+ overflow: hidden;
+}
+
+.ui-color-basic-r {
+ margin-left: 25px;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ height: 150px;
+ flex-wrap: wrap;
+}
+
+.ui-color-basic-r .ui-color-lump {
+ float: left;
+}
+
+.ui-color-more {
+ display: none;
+ height: 150px;
+}
+
+.ui-color-more .ui-color-gradient {
+ width: 100%;
+ height: 100%;
+}
+
+.ui-color-more-l {
+ width: 180px;
+ height: inherit;
+ float: left;
+ position: relative;
+}
+
+.ui-color-more-l .ui-color-gradient {
+ background: linear-gradient(90deg, #ff0000 0%, #ffff00 16.66%, #00ff00 33.33%, #00ffff 50%, #0000ff 66.66%, #ff00ff 83.33%, #ff0000 100%);
+}
+
+.ui-color-cover-white {
+ background-color: rgba(0, 0, 0, 0);
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #808080);
+ cursor: crosshair;
+}
+
+.ui-color-circle {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 16px;
+ height: 16px;
+ border: 3px solid var(--ui-white, #ffffff);
+ border-radius: 20px;
+ background-color: #f00;
+ background-clip: content-box;
+ transform: translate(-11px, -11px);
+ pointer-events: none;
+}
+
+.ui-color-more-r {
+ height: inherit;
+ float: right;
+ padding-right: 8px;
+ position: relative;
+}
+
+.ui-color-more-fill {
+ display: block;
+ width: 16px;
+ height: 100%;
+ background-color: #f00;
+}
+
+.ui-color-cover-white,
+.ui-color-more-cover {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: inherit;
+ height: 150px;
+}
+
+.ui-color-more-cover {
+ background-color: rgba(0, 0, 0, 0.01);
+ -webkit-tap-highlight-color: transparent;
+}
+
+.ui-color-more-arrow {
+ position: absolute;
+ right: 0;
+ top: 100%;
+}
+
+.ui-color-more-arrow::before {
+ content: "";
+ position: absolute;
+ right: 0;
+ top: -5px;
+ width: 0;
+ height: 0;
+ border-width: 5px 6px;
+ border-style: solid;
+ border-color: transparent;
+ border-right-color: #36383f;
+ overflow: hidden;
+}
+
+.ui-color-opacity {
+ margin-top: 12px;
+ text-align: center;
+}
+
+.ui-color-opacity-range {
+ width: 180px;
+}
+
+.ui-color-footer {
+ margin-top: 15px;
+ padding-bottom: 5px;
+ text-align: right;
+}
+
+.ui-color-button-cancel,
+.ui-color-button-ensure {
+ display: inline-block;
+ width: 80px;
+ line-height: 20px;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ margin-left: 15px;
+ border-radius: var(--ui-radius, 4px);
+ text-align: center;
+ font-size: var(--ui-font, 14px);
+ font-family: inherit;
+ transition: box-shadow var(--ui-animate-time, .2s), border-color var(--ui-animate-time, .2s);
+ cursor: pointer;
+}
+
+.ui-color-button-cancel {
+ border: 1px solid var(--ui-border, #d0d0d5);
+ background-color: var(--ui-white, #ffffff);
+ color: var(--ui-dark, #4c5161);
+}
+
+.ui-color-button-cancel:hover {
+ border-color: var(--ui-dark-border, #ababaf);
+ color: var(--ui-dark, #4c5161);
+}
+
+.ui-color-button-ensure {
+ border: 1px solid var(--ui-blue, #2a80eb);
+ background-color: var(--ui-blue, #2a80eb);
+ color: var(--ui-white, #ffffff);
+}
+
+.ui-color-button-ensure:hover {
+ color: var(--ui-white, #ffffff);
+}
+
+.ui-color-button-cancel:hover,
+.ui-color-button-ensure:hover {
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.01),
+ inset 0 0 0 100px rgba(0, 0, 0, 0.05);
+}
+
+.ui-color-button-cancel:active,
+.ui-color-button-ensure:active {
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),
+ inset 0 0 0 100px rgba(0, 0, 0, 0.1);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .ui-color-container {
+ animation: none;
+ }
+ .ui-color-switch,
+ .ui-color-button-cancel,
+ .ui-color-button-ensure {
+ transition: none;
+ }
+}/**
+ *
+ * @Datalist.css
+ * @author zhangxinxu
+ * @create 16-03-29
+ *
+**/
+
+datalist {
+ display: none;
+}
+
+.ui-datalist {
+ display: none;
+ position: absolute;
+ animation: fadeIn var(--ui-animate-time, .2s);
+ z-index: 19;
+}
+
+.ui-datalist-datalist {
+ max-height: 304px;
+ background-color: var(--ui-white, #ffffff);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ border: 1px solid var(--ui-border, #d0d0d5);
+ border: 0 rgba(0, 0, 0, 0.2);
+ font-size: var(--ui-font, 14px);
+ position: relative;
+ overflow: auto;
+ overscroll-behavior: none;
+ -ms-scroll-chaining: none;
+}
+
+.ui-datalist-datalist::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+.ui-datalist-datalist::-webkit-scrollbar-thumb {
+ background-color: #bbb;
+ border-radius: calc(var(--ui-radius, 4px) + 4px);
+}
+
+.ui-datalist-datalist::-webkit-scrollbar-thumb:hover {
+ background-color: #aaa;
+}
+
+.ui-datalist-datalist::-webkit-scrollbar-track-piece {
+ background-color: #ddd;
+}
+
+.ui-datalist-option {
+ line-height: 20px;
+ padding: 9px 12px;
+ background-color: var(--ui-white, #ffffff);
+ transition: background-color var(--ui-animate-time, .2s);
+ overflow: hidden;
+ cursor: pointer;
+}
+
+.ui-datalist:empty,
+.ui-datalist-option:empty {
+ display: none;
+}
+
+.ui-datalist-option:not(.disabled):hover {
+ background-color: var(--ui-list-hover, #f0f7ff);
+}
+
+.ui-datalist-datalist > .selected {
+ background-color: var(--ui-list-selected, #e0f0ff);
+}
+
+.ui-datalist-datalist > .disabled {
+ opacity: var(--ui-opacity, .4);
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.ui-datalist-value {
+ display: block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: inherit;
+ overflow: hidden;
+}
+
+.ui-datalist-label {
+ float: right;
+ color: var(--ui-gray, #a2a9b6);
+ font-size: calc(var(--ui-font, 14px) - 2px);
+}
+
+.ui-datalist-label + .ui-datalist-value {
+ margin-right: 60px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .ui-datalist {
+ animation: none;
+ }
+ .ui-datalist-option {
+ transition: none;
+ }
+}
+
+/**
+ *
+ * @Date.css
+ * @author xinxuzhang
+ * @create 15-07-03
+ *
+**/
+
+:root {
+ --ui-datetime-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 297 200 200'%3E%3Cpath d='M-59.3 365.9c-5.1-5.2-13.4-5.2-18.5 0l-27.7 28.3-27.7-28.3c-5.1-5.2-13.4-5.2-18.5 0s-5.1 13.6 0 18.9l46.2 47.1 46.2-47.1c5.1-5.2 5.1-13.6 0-18.9z' fill='%232a80eb'/%3E%3C/svg%3E");
+ --ui-datetime-arrow-disabled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 297 200 200'%3E%3Cpath d='M-59.3 365.9c-5.1-5.2-13.4-5.2-18.5 0l-27.7 28.3-27.7-28.3c-5.1-5.2-13.4-5.2-18.5 0s-5.1 13.6 0 18.9l46.2 47.1 46.2-47.1c5.1-5.2 5.1-13.6 0-18.9z' fill='%232a80eb' fill-opacity='0.4' /%3E%3C/svg%3E");
+}
+
+[is="ui-datetime"]::-webkit-clear-button,
+[is="ui-datetime"]::-webkit-inner-spin-button,
+[is="ui-datetime"]::-webkit-calendar-picker-indicator {
+ display: none;
+}
+
+[type="date"][is="ui-datetime"]::-webkit-datetime-edit-text {
+ color: transparent;
+ background: linear-gradient(
+ to bottom,
+ transparent 9px,
+ var(--ui-dark, #4c5161) 9px,
+ var(--ui-dark, #4c5161) 10px,
+ transparent 10px
+ )
+ no-repeat center;
+ background-size: 80% 100%;
+}
+
+[is="ui-datetime"]::-webkit-datetime-edit-text,
+[is="ui-datetime"]::-webkit-datetime-edit-year-field,
+[is="ui-datetime"]::-webkit-datetime-edit-month-field,
+[is="ui-datetime"]::-webkit-datetime-edit-day-field,
+[is="ui-datetime"]::-webkit-datetime-edit-hour-field,
+[is="ui-datetime"]::-webkit-datetime-edit-minute-field,
+[is="ui-datetime"]::-webkit-datetime-edit-ampm-field {
+ background: none;
+ color: var(--ui-dark, #4c5161);
+}
+[is="ui-datetime"]:disabled::-webkit-datetime-edit-text,
+[is="ui-datetime"]:disabled::-webkit-datetime-edit-year-field,
+[is="ui-datetime"]:disabled::-webkit-datetime-edit-month-field,
+[is="ui-datetime"]:disabled::-webkit-datetime-edit-day-field,
+[is="ui-datetime"]:disabled::-webkit-datetime-edit-hour-field,
+[is="ui-datetime"]:disabled::-webkit-datetime-edit-minute-field,
+[is="ui-datetime"]:disabled::-webkit-datetime-edit-ampm-field {
+ opacity: var(--ui-opacity, .4);
+}
+
+[is="ui-datetime"]:valid::-webkit-datetime-edit {
+ visibility: hidden;
+}
+
+[is="ui-datetime"] {
+ font-family: system-ui;
+ height: var(--ui-input-height);
+ line-height: var(--ui-input-line-height);
+ padding: calc((var(--ui-input-height) - var(--ui-input-line-height) - 2px) / 2) 8px;
+ padding-right: 20px; /* 下拉图标 */
+ border: 1px solid var(--ui-border, #d0d0d5);
+ border-radius: var(--ui-radius, 4px);
+ box-sizing: border-box;
+ font-size: var(--ui-font, 14px);
+ outline: none;
+ color: var(--ui-dark, #4c5161);
+ transition: border-color var(--ui-animate-time, .2s), background-color var(--ui-animate-time, .2s);
+ -webkit-tap-highlight-color: transparent;
+ -webkit-appearance: none;
+
+ background: var(--ui-white, #fff) var(--ui-datetime-arrow) no-repeat right 3px center;
+ background-size: 20px 20px;
+ user-select: none;
+ cursor: pointer;
+}
+[is="ui-datetime"]:read-write {
+ /* avoid firefox invalid style */
+ box-shadow: none;
+ color: transparent;
+}
+
+:disabled[is="ui-datetime"] {
+ color: var(--ui-gray, #a2a9b6);
+ background: var(--ui-light, #f7f9fa) var(--ui-datetime-arrow-disabled) no-repeat right 3px center;
+ background-size: 20px 20px;
+ cursor: default;
+}
+
+:active[is="ui-datetime"] {
+ background-color: var(--ui-light, #f7f9fa);
+}
+
+[is-error][is="ui-datetime"] {
+ border-color: var(--ui-red, #eb4646);
+}
+
+[is="ui-datetime"]:not(:disabled):hover {
+ border-color: var(--ui-dark-border, #ababaf);
+}
+
+[is="ui-datetime"]:not(:disabled):active {
+ background-color: var(--ui-light, #f7f9fa);
+}
+
+[is="ui-datetime"]:not([type]) {
+ width: 125px;
+}
+[is="ui-datetime"][type="date"] {
+ min-width: 125px;
+}
+
+[is="ui-datetime"][type="year"],
+[is="ui-datetime"][type="time"],
+[is="ui-datetime"][type="hour"],
+[is="ui-datetime"][type="minute"] {
+ width: 85px;
+}
+
+[is="ui-datetime"][type="month"] {
+ width: 125px;
+}
+
+[is="ui-datetime"][type="date-range"] {
+ width: 216px;
+}
+
+[is="ui-datetime"][type="month-range"] {
+ width: 170px;
+}
+
+[is="ui-datetime"][type="time"] {
+ width: auto;
+}
+/* for Safari */
+@supports not (text-align-last: auto) {
+ [is="ui-datetime"][type="time"] {
+ max-width: 125px;
+ }
+}
+@supports not (-moz-appearance: none) {
+ [is="ui-datetime"][type="time"] {
+ padding-right: 33px;
+ }
+}
+
+/* 选择浮层 */
+.ui-date-container {
+ display: inline-block;
+ background-color: var(--ui-white, #ffffff);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ border: 1px solid var(--ui-border, #d0d0d5);
+ border-radius: var(--ui-radius, 4px);
+ font-size: var(--ui-font, 14px);
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ animation: fadeIn var(--ui-animate-time, .2s);
+ --safe-area: 3px;
+ -webkit-user-select: none;
+ user-select: none;
+}
+body > .ui-date-container {
+ display: none;
+ position: absolute;
+ z-index: 9;
+}
+
+.ui-date-container a {
+ text-decoration: none;
+ transition: background-color var(--ui-animate-time, .2s), color var(--ui-animate-time, .2s);
+}
+
+.ui-date-head {
+ padding: 5px 0 0;
+ overflow: hidden;
+}
+
+.ui-date-half {
+ width: 50%;
+ float: left;
+}
+
+.ui-date-prev,
+.ui-date-next {
+ width: 35px;
+ height: 30px;
+ text-align: center;
+ color: #b6bbc6;
+}
+
+a.ui-date-prev:hover {
+ color: var(--ui-blue, #2a80eb);
+}
+
+span.ui-date-prev {
+ color: var(--ui-diabled, #ccd0d7);
+}
+
+a.ui-date-next:hover {
+ color: var(--ui-blue, #2a80eb);
+}
+
+span.ui-date-next {
+ color: var(--ui-diabled, #ccd0d7);
+}
+
+.ui-date-prev::before,
+.ui-date-next::before {
+ content: '';
+ display: block;
+ width: 20px;
+ height: 20px;
+ background-color: currentColor;
+ margin: 5px auto 0;
+ --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M85.876 100.5l49.537-50.526c4.089-4.215 4.089-11.049 0-15.262-4.089-4.218-10.719-4.218-14.808 0L63.586 92.868c-4.089 4.215-4.089 11.049 0 15.264l57.018 58.156c4.089 4.215 10.719 4.215 14.808 0s4.089-11.049 0-15.262L85.876 100.5z'/%3E%3C/svg%3E");
+ -webkit-mask: var(--mask-image);
+ mask: var(--mask-image);
+ -webkit-mask-size: 100% 100%;
+ mask-size: 100% 100%;
+}
+
+.ui-date-next::before {
+ transform: rotate(180deg);
+}
+
+.ui-date-prev {
+ float: left;
+}
+
+.ui-date-next {
+ float: right;
+}
+
+.ui-date-switch {
+ display: block;
+ line-height: 30px;
+ margin: 0 35px;
+ border-radius: calc(var(--ui-radius, 4px) - 2px);
+ color: var(--ui-dark, #4c5161);
+ text-align: center;
+}
+
+a.ui-date-switch:hover,
+a.ui-date-item:not(.selected):hover {
+ color: var(--ui-dark, #4c5161);
+ background-color: #f0f0f2;
+}
+
+.ui-minute-x,
+.ui-hour-x,
+.ui-year-x,
+.ui-month-x,
+.ui-date-x {
+ width: 225px;
+}
+
+.ui-minute-x[data-step="1"] {
+ width: 328px;
+}
+.ui-minute-x[data-step="2"] {
+ width: 276px;
+}
+
+.ui-datetime-x {
+ display: flex;
+}
+
+.ui-minute-body {
+ padding-left: 12px;
+ padding-bottom: 12px;
+}
+
+.ui-hour-body {
+ padding: 8px 0 12px 12px;
+}
+
+.ui-year-body,
+.ui-month-body,
+.ui-date-body {
+ padding-left: 5px;
+ padding-right: 2px;
+ padding-bottom: 5px;
+}
+
+.ui-date-item {
+ display: inline-block;
+ border-radius: calc(var(--ui-radius, 4px) - 2px);
+ text-align: center;
+ font-size: 13px;
+ color: var(--ui-dark, #4c5161);
+}
+
+span.ui-date-item {
+ opacity: var(--ui-opacity, .4);
+}
+
+.ui-date-item.col0,
+.ui-date-item.col6,
+.ui-day-item.col0,
+.ui-day-item.col6 {
+ color: var(--ui-red, #eb4646);
+}
+
+.ui-date-tr:last-child .ui-date-item:empty {
+ display: none;
+}
+
+.ui-minute-body .ui-date-item,
+.ui-hour-body .ui-date-item {
+ width: 45px;
+ line-height: 26px;
+ margin-top: 4px;
+ margin-right: 7px;
+}
+
+.ui-year-body .ui-date-item,
+.ui-month-body .ui-date-item {
+ width: 45px;
+ line-height: 54px;
+ margin-top: 5px;
+ margin-left: 7px;
+}
+
+.ui-date-now {
+ display: block;
+ line-height: 30px;
+ margin: 0 5px 5px;
+ text-align: center;
+}
+
+.ui-day-x {
+ padding: 0 2px 0 5px;
+ text-align: center;
+}
+
+.ui-day-item,
+.ui-date-body .ui-date-item {
+ display: inline-block;
+ width: 28px;
+ line-height: 28px;
+ margin-right: 3px;
+ margin-top: 1px;
+ vertical-align: top;
+}
+
+.ui-range-x {
+ width: 458px;
+}
+
+.ui-range-body {
+ overflow: hidden;
+}
+
+.ui-range-body .ui-date-half + .ui-date-half {
+ border-left: 1px solid #f0f0f2;
+ margin-left: -1px;
+}
+
+.ui-range-footer {
+ padding: 5px 15px 15px;
+ text-align: right;
+}
+
+.ui-range-footer > .ui-button {
+ margin-left: 10px;
+}
+
+.ui-date-container .selected {
+ background-color: var(--ui-blue, #2a80eb);
+ color: var(--ui-white, #ffffff);
+ cursor: default;
+}
+
+.ui-date-container span.selected {
+ opacity: var(--ui-opacity, .4);
+}
+
+.ui-range-body .ui-date-half {
+ width: 229px;
+}
+
+.ui-range-body .ui-date-body {
+ padding-left: 6px;
+ padding-right: 0;
+}
+
+.ui-range-body .ui-month-body {
+ margin-bottom: 15px;
+}
+
+.ui-range-date-body .selected {
+ width: 26px;
+ line-height: 26px;
+ border: 1px solid var(--ui-blue, #2a80eb);
+ border-right-width: 4px;
+ margin-right: 0;
+ border-radius: 0;
+}
+
+.ui-range-body .selected.col0 {
+ margin-left: -6px;
+ border-left-width: 7px;
+}
+
+.ui-range-body .selected.col6 {
+ border-right-width: 10px;
+}
+
+.ui-range-body .selected.ui-date-first:not(.col0) {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.ui-range-body .selected.ui-date-last:not(.col6) {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.ui-range-body .ui-date-begin,
+.ui-range-body .ui-date-end {
+ border-radius: 0;
+ width: 26px;
+ background-color: var(--ui-white, #ffffff);
+ color: var(--ui-dark, #4c5161);
+}
+
+.ui-range-body .ui-date-begin {
+ border-right-width: 4px;
+ border-left-width: 1px;
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.ui-range-body .ui-date-end {
+ margin-right: 3px;
+ border-right-width: 1px;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.ui-range-body .ui-date-begin:hover,
+.ui-range-body .ui-date-end:hover {
+ background-color: var(--ui-white, #ffffff);
+ color: var(--ui-dark, #4c5161);
+}
+
+.ui-range-body .ui-date-begin.col6 {
+ border-right-width: 0;
+ padding-right: 9px;
+}
+
+.ui-range-body .ui-date-begin.col0 {
+ border-left-width: 1px;
+ margin-left: 0;
+}
+
+.ui-range-body .ui-date-end.col0 {
+ border-left-width: 0;
+ padding-left: 7px;
+}
+
+.ui-range-body .ui-date-end.col6 {
+ border-right-width: 1px;
+}
+
+.ui-range-body .ui-date-begin.ui-date-end {
+ margin-right: 3px;
+ padding: 0;
+ border: 1px solid var(--ui-blue, #2a80eb);
+ border-radius: calc(var(--ui-radius, 4px) - 2px);
+}
+
+.ui-range-body .ui-date-begin + .ui-date-end {
+ border-left-width: 1px;
+ margin-right: 3px;
+}
+
+
+.ui-time-x {
+ display: inline-flex;
+ gap: 5px;
+ padding: 5px;
+}
+.ui-time-col {
+ height: calc(290px);
+ overflow: auto;
+ overflow: overlay;
+ scrollbar-width: none;
+ overscroll-behavior: contain;
+}
+.ui-time-col::-webkit-scrollbar {
+ display: none;
+}
+.ui-time-item {
+ display: block;
+ border: 0;
+ background-color: var(--ui-white, #fff);
+ padding: 0 1em;
+ height: var(--ui-component-height, 40px);
+ color: var(--ui-dark, #4c5161);
+}
+.ui-time-item:disabled {
+ opacity: var(--ui-opacity, .4);
+}
+.ui-time-item:not(:disabled):not(.selected):hover {
+ background-color: var(--ui-list-hover, #f0f7ff);
+}
+.ui-time-item[data-visibility="false"] {
+ display: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .ui-date-container {
+ animation: none;
+ }
+ [is="ui-datetime"],
+ .ui-date-container a {
+ transition: none;
+ }
+}
+
+
+/**
+ *
+ * @Dialog.css
+ * @author zhangxinxu
+ * @create 15-06-18
+ * @edit 19-10-31
+ *
+**/
+:root {
+ --ui-url-close: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M572.16 512l183.467-183.04a42.667 42.667 0 1 0-60.587-60.587L512 451.84 328.96 268.373a42.667 42.667 0 0 0-60.587 60.587L451.84 512 268.373 695.04a42.667 42.667 0 0 0 0 60.587 42.667 42.667 0 0 0 60.587 0L512 572.16l183.04 183.467a42.667 42.667 0 0 0 60.587 0 42.667 42.667 0 0 0 0-60.587z'/%3E%3C/svg%3E");
+ --ui-dialog-icon-url: url("data:image/svg+xml,%3Csvg width='401' height='401' viewBox='0 0 401 401' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M200.501.5C310.958.5 400.5 90.042 400.5 200.5c0 110.457-89.542 199.999-199.999 199.999C90.043 400.499.5 310.957.5 200.5.5 90.042 90.043.5 200.501.5zm5.002 280.002h-10a5 5 0 0 0-5 4.999v20.002a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-20.002a5 5 0 0 0-5-4.999zm0-179.999h-10a5 5 0 0 0-5 5v150a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-150a5 5 0 0 0-5-5z' fill='%23F59B00' fill-rule='nonzero'/%3E%3C/svg%3E");
+ --ui-dialog-success-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cpath fill='%231cad70' d='M400.5 200.5c0 110.457-89.542 199.999-199.999 199.999C90.043 400.499.5 310.957.5 200.5m0 0C.5 90.042 90.043.5 200.501.5 310.958.5 400.5 90.042 400.5 200.5'/%3E%3Cpath fill='%23FFF' d='M286.398 147.132c-1.654-1.134-3.306-2.395-6.801-4.293-4.271-2.336-9.259 2.624-12.391 6.816l-77.641 102.279-47.916-63.522c-3.144-4.188-4.902-8.468-13.073-1.859-3.097 2.123.234-.361-3.969 2.881-3.884 3.064-4.105 8.598-.971 12.774 0 0 38.641 55.817 45.883 65.074 10.625 13.22 29.944 12.57 40.087 0 7.483-9.473 77.757-107.584 77.757-107.584 3.14-4.194 2.898-9.697-.965-12.566z'/%3E%3C/svg%3E");
+}
+
+[is="ui-dialog"] {
+ position: fixed;
+ height: fit-content;
+ width: fit-content;
+ padding: 0;
+ border: 0;
+ inset: 0;
+ margin: auto;
+ color: var(--ui-dark, #4c5161);
+ font-size: var(--ui-font, 14px);
+ overflow: auto;
+ z-index: 19;
+}
+[is="ui-dialog"]::backdrop {
+ background-color: rgba(25, 28, 34, 0.88);
+ transition: background-color var(--ui-animate-time, .2s);
+}
+
+[is="ui-dialog"]:not([open]) {
+ display: none;
+}
+
+.ui-dialog-animation {
+ animation: fadeIn var(--ui-animate-time, .2s) both;
+}
+
+/* 多个弹框出现的时候，隐藏后面弹框的背景 */
+[is="ui-dialog"] + [is="ui-dialog"] {
+ transition: background-color var(--ui-animate-time, .2s);
+ background-color: transparent;
+}
+
+.ui-dialog {
+ min-width: min(400px, calc(100vw - 2rem));
+ max-width: calc(100vw - 16px);
+ border-radius: var(--ui-radius, 4px);
+ background-color: var(--ui-light, #f7f9fa);
+}
+.ui-dialog:not(:modal) {
+ outline: 100vmax solid rgba(25, 28, 34, 0.88);
+}
+
+.ui-dialog[style^="width:"],
+.ui-dialog[style*=" width:"] {
+ min-width: initial;
+}
+
+.ui-dialog-animation .ui-dialog {
+ animation: tinydown var(--ui-animate-time, .2s);
+}
+
+.ui-dialog-title {
+ margin: 0;
+ line-height: 30px;
+ padding: 15px 50px 0 25px;
+ font-weight: bold;
+ font-size: var(--ui-font, 14px);
+ color: var(--ui-dark, #4c5161);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ cursor: default;
+}
+
+.ui-dialog-close {
+ position: absolute;
+ top: 8px;
+ right: 7px;
+ width: 40px;
+ height: 40px;
+ border: 0;
+ background: none;
+ font-size: 0;
+ cursor: pointer;
+ z-index: 1;
+}
+.ui-dialog-close::before {
+ content: '';
+ position: absolute;
+ left: 0; top: 0;
+ width: inherit; height: inherit;
+ background-color: var(--ui-gray, #a2a9b6);
+ transition: background-color var(--ui-animate-time, .2s);
+ -webkit-mask: var(--ui-url-close) no-repeat center / 24px;
+ mask: var(--ui-url-close) no-repeat center / 24px;
+}
+
+.ui-dialog-close:hover::before {
+ background-color: var(--ui-dark, #4c5161);
+}
+
+.ui-dialog-body {
+ display: flow-root;
+ min-height: 60px;
+ padding: 10px 25px 20px;
+}
+
+.ui-dialog-title:empty ~ .ui-dialog-body {
+ min-height: 40px;
+ padding-top: 30px;
+}
+
+
+.ui-dialog-footer {
+ padding: 3px 25px 25px;
+ margin-top: auto;
+ text-align: right;
+ opacity: 1;
+ transition: padding var(--ui-animate-time, .2s), opacity var(--ui-animate-time, .2s);
+ overflow: hidden;
+}
+
+.ui-dialog-footer:empty {
+ opacity: 0;
+ padding-block: 0;
+}
+
+.ui-dialog-footer .ui-button {
+ margin-left: 15px;
+}
+
+.ui-dialog-footer .ui-button:first-child {
+ margin-left: 0;
+}
+
+.ui-dialog-stretch {
+ max-height: 2000px;
+ height: calc(100% - 50px);
+}
+
+.ui-dialog-stretch .ui-dialog-footer {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ right: 0;
+}
+
+.ui-dialog-stretch .ui-dialog-body {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 50px;
+ bottom: 90px;
+ padding: 0 0 0 25px;
+ overflow: auto;
+}
+
+/* alert | comfirm */
+.ui-dialog-confirm::before,
+.ui-dialog-alert::before {
+ content: '';
+ position: absolute;
+ width: 40px;
+ height: 40px;
+ top: 0;
+ left: 0;
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+.ui-dialog-success::before {
+ background-image: var(--ui-dialog-success-url), none;
+}
+
+.ui-dialog-warning::before,
+.ui-dialog-danger::before,
+.ui-dialog-remind::before {
+ -webkit-mask-image: var(--ui-dialog-icon-url);
+ mask-image: var(--ui-dialog-icon-url);
+ -webkit-mask-repeat: no-repeat;
+ mask-repeat: no-repeat;
+ -webkit-mask-position: 50% 50%;
+ mask-position: 50% 50%;
+ -webkit-mask-size: 40px;
+ mask-size: 40px;
+}
+
+.ui-dialog-remind::before {
+ background-color: var(--ui-blue, #2a80eb);
+}
+
+.ui-dialog-warning::before {
+ background-color: var(--ui-orange, #f59b00);
+}
+
+.ui-dialog-danger::before {
+ background-color: var(--ui-red, #eb4646);
+}
+
+.ui-dialog-alert,
+.ui-dialog-confirm {
+ max-width: min(340px, calc(100vw - 2rem));
+ min-height: 40px;
+ font-size: calc(var(--ui-font, 14px) + 2px);
+ word-wrap: break-word;
+ overflow: hidden;
+ position: relative;
+}
+
+.ui-dialog-wrap > h6 {
+ font-size: calc(var(--ui-font, 14px) + 1px);
+ margin-bottom: 5px;
+ margin-top: 0;
+}
+
+.ui-dialog-wrap > h6 ~ p {
+ font-size: var(--ui-font, 14px);
+}
+
+.ui-dialog-wrap > p {
+ margin: 0;
+}
+
+.ui-dialog-remind,
+.ui-dialog-success,
+.ui-dialog-warning,
+.ui-dialog-danger {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ margin-bottom: 20px;
+ padding: 0 0 0 60px;
+ background-repeat: no-repeat;
+ background-position: 0 0;
+ background-size: 40px 40px;
+}
+
+.ui-dialog-loading .ui-dialog-title,
+.ui-dialog-loading .ui-dialog-close,
+.ui-dialog-loading .ui-dialog-footer {
+ visibility: hidden;
+}
+
+/* 触碰设备按钮点击区域扩大 */
+@media (pointer: coarse) {
+ .ui-dialog-footer {
+ display: flex;
+ }
+ .ui-dialog-footer .ui-button {
+ flex: 1;
+ }
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .ui-dialog-animation,
+ .ui-dialog-animation .ui-dialog {
+ animation: none;
+ }
+ [is="ui-dialog"] + [is="ui-dialog"],
+ .ui-dialog-close::before,
+ .ui-dialog-footer {
+ transition: none;
+ }
+}
+
+/**
+ *
+ * @Drop.css
+ * @author zhangxinxu
+ * @create 20-12-15
+ *
+**/
+
+ui-drop[tabindex="0"] {
+ cursor: pointer;
+}
+ui-drop ~ .ui-drop-target {
+ position: absolute;
+ z-index: 9;
+}
+ui-drop:not([open]) ~ .ui-drop-target {
+ display: none;
+}
+
+/**
+ *
+ * @DropList.css
+ * @author xinxuzhang
+ * @create 15-07-01
+ * @edit 19-10-20 sunmeiye
+ *
+**/
+.ui-droplist-x {
+ position: absolute;
+ width: 111px;
+ padding: 7px 0;
+ background-color: var(--ui-white, #ffffff);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
+ --safe-area: 3px;
+ border: 1px solid var(--ui-border, #d0d0d5);
+ border-radius: var(--ui-radius, 4px);
+ font-size: var(--ui-font, 14px);
+ animation: fadeIn var(--ui-animate-time, .2s);
+ z-index: 9;
+}
+
+.ui-droplist-li {
+ display: block;
+ line-height: 20px;
+ padding: 7px 12px 8px;
+ color: var(--ui-dark, #4c5161);
+ text-decoration: none;
+ cursor: pointer;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.ui-droplist-hr {
+ border: 0;
+ border-bottom: 1px solid var(--ui-border, #d0d0d5);
+ margin: 7px 12px;
+ opacity: .4;
+}
+.ui-droplist-hr:first-child {
+ display: none;
+}
+
+a.ui-droplist-li:hover {
+ color: var(--ui-dark, #4c5161);
+ background-color: var(--ui-list-hover, #f0f7ff);
+}
+a.ui-droplist-li:hover::after {
+ background-position: 0 -20px;
+}
+
+span.ui-droplist-li {
+ color: var(--ui-gray, #a2a9b6);
+ cursor: default;
+}
+.ui-droplist-li[role="heading"] {
+ font-weight: 700;
+ padding-bottom: 5px;
+ cursor: default;
+}
+[role="heading"] ~ .ui-droplist-li:not([role="heading"]) {
+ padding-left: 24px;
+}
+.ui-droplist-li.disabled {
+ opacity: var(--ui-opacity, .4);
+}
+
+.ui-droplist-li[data-sublist]::before {
+ transform: rotate(-90deg);
+ margin-top: 1px;
+ float: right;
+}
+
+.ui-droplist-x > .selected {
+ background-color: var(--ui-list-selected, #e0f0ff);
+}
+
+.selected + .ui-droplist-xx > .ui-droplist-x {
+ display: block;
+}
+
+.ui-droplist-xx {
+ position: relative;
+}
+.ui-droplist-xx > .ui-droplist-x {
+ display: none;
+ left: calc(100% - 5px);
+ top: -35px;
+}
+.ui-droplist-xx > .reverse {
+ left: auto;
+ right: calc(100% - 5px);
+}
+
+.ui-droplist-arrow:empty,
+.ui-droplist-arrow:not(:empty)::after,
+.ui-droplist-li[data-sublist]::before {
+ content: '';
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 197 200 400'%3E%3Cpath d='M-59.7 271.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%23a2a9b6'/%3E%3Cpath d='M-58.7 471.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%232a80eb'/%3E%3C/svg%3E"), none;
+ background-size: 20px 40px;
+ vertical-align: -5px;
+}
+
+a:hover .ui-droplist-arrow:empty,
+.ui-droplist-arrow:not(:empty):hover::after {
+ background-position: 0 -20px;
+}
+
+/**
+ *
+ * @DropPanel.css
+ * @author xinxuzhang
+ * @create 15-07-01
+ *
+**/
+.ui-dropanel-x {
+ position: absolute;
+ width: 260px;
+ padding: 20px;
+ background-color: var(--ui-white, #ffffff);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ --safe-area: 3px;
+ border: 1px solid var(--ui-border, #d0d0d5);
+ border: 0 rgba(0, 0, 0, 0.2);
+ font-size: var(--ui-font, 14px);
+ animation: fadeIn var(--ui-animate-time, .2s);
+ z-index: 9;
+}
+
+.ui-dropanel-title {
+ line-height: 20px;
+ margin-top: -2px;
+ margin-bottom: 0;
+ font-size: var(--ui-font, 14px);
+ font-weight: bold;
+}
+
+.ui-dropanel-close {
+ position: absolute;
+ top: 12px;
+ right: 12px;
+ width: 20px;
+ height: 20px;
+ border: 0;
+ padding: 0;
+ background: none;
+ cursor: pointer;
+ z-index: 1;
+}
+.ui-dropanel-close::before {
+ content: '';
+ position: absolute;
+ left: 0; right: 0; top: 0; bottom: 0;
+ background: var(--ui-dark-gray, #b6bbc6);
+ transition: background-color var(--ui-animate-time, .2s);
+ --mask-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%20%3E%3Cpath%20d%3D%22M116.152%2C99.999l36.482-36.486c2.881-2.881%2C2.881-7.54%2C0-10.42%20l-5.215-5.215c-2.871-2.881-7.539-2.881-10.42%2C0l-36.484%2C36.484L64.031%2C47.877c-2.881-2.881-7.549-2.881-10.43%2C0l-5.205%2C5.215%20c-2.881%2C2.881-2.881%2C7.54%2C0%2C10.42l36.482%2C36.486l-36.482%2C36.482c-2.881%2C2.881-2.881%2C7.549%2C0%2C10.43l5.205%2C5.215%20c2.881%2C2.871%2C7.549%2C2.871%2C10.43%2C0l36.484-36.488L137%2C152.126c2.881%2C2.871%2C7.549%2C2.871%2C10.42%2C0l5.215-5.215%20c2.881-2.881%2C2.881-7.549%2C0-10.43L116.152%2C99.999z%22%2F%3E%3C%2Fsvg%3E");
+ -webkit-mask: var(--mask-image) no-repeat center / 100% 100%;
+ mask: var(--mask-image) no-repeat center / 100% 100%;
+}
+
+.ui-dropanel-close:hover::before {
+ background-color: var(--ui-dark, #4c5161);
+}
+
+.ui-dropanel-content {
+ display: block;
+ min-height: 40px;
+ padding: 10px 0 20px;
+}
+
+.ui-dropanel-footer {
+ text-align: right;
+}
+
+.ui-dropanel-footer .ui-button {
+ margin-left: 15px;
+}
+
+.ui-dropanel-footer .ui-button:first-child {
+ margin-left: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .ui-droplist-x,
+ .ui-dropanel-x {
+ animation: none;
+ }
+ .ui-dropanel-close::before {
+ transition: none;
+ }
+}
+/**
+ *
+ * @Input.css
+ * @author zhangxinxu(.com)
+ * @create 15-06-16
+ * @edit 17-06-13
+ 19-07-18 version pure
+ 20-04-03 version edge
+ * @editor lennonover
+ */
+/* input基础变量 */
+:root {
+ --ui-input-height: var(--ui-component-height, 40px);
+ --ui-input-line-height: var(--ui-line-height, 20px);
+ --ui-input-search-img: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M638.72 638.72a256 256 0 1 0-361.984-361.984A256 256 0 0 0 638.72 638.72zm58.71 119.04a384 384 0 1 1 85.418-95.573l202.24 202.24a64.256 64.256 0 0 1 .597 91.136 63.744 63.744 0 0 1-91.05-.598l-197.206-197.12z' fill='%23b6bbc6'/%3E%3C/svg%3E") no-repeat;
+}
+
+/* reset [type=search] ui */
+[type="search"] {
+ -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+ width: 20px;
+ height: 20px;
+ margin-right: -2px;
+ background: var(--ui-dark-gray, #b6bbc6)
+ url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkYiIGQ9Ik0wIDB2MjAwaDIwMFYwSDB6bTE1MS42MzYgMTM2LjQ4MmE3LjM3NCA3LjM3NCAwIDAgMSAwIDEwLjQyN2wtNS4yMTIgNS4yMWE3LjM3MiA3LjM3MiAwIDAgMS0xMC40MjYgMGwtMzYuNDgzLTM2LjQ4NUw2My4wMyAxNTIuMTJhNy4zNyA3LjM3IDAgMCAxLTEwLjQyNCAwbC01LjIxLTUuMjFhNy4zNyA3LjM3IDAgMCAxIDAtMTAuNDI4TDgzLjg4IDEwMCA0Ny4zOTYgNjMuNTE0YTcuMzY4IDcuMzY4IDAgMCAxIDAtMTAuNDI1bDUuMjEtNS4yMWE3LjM2OCA3LjM2OCAwIDAgMSAxMC40MjYgMEw5OS41MTYgODQuMzYgMTM2IDQ3Ljg4YTcuMzcgNy4zNyAwIDAgMSAxMC40MjUgMGw1LjIxMiA1LjIxYTcuMzcgNy4zNyAwIDAgMSAwIDEwLjQyNUwxMTUuMTUzIDEwMGwzNi40ODMgMzYuNDgyeiIvPjwvc3ZnPg==)
+ no-repeat center;
+ background-size: 20px 20px;
+ transition: background-color var(--ui-animate-time, .2s);
+ cursor: pointer;
+}
+
+[type="search"]::-webkit-search-cancel-button:hover {
+ background-color: var(--ui-dark, #4c5161);
+}
+
+input[type="search"]::-webkit-search-results-decoration {
+ display: none;
+}
+
+input:-webkit-autofill {
+ -webkit-box-shadow: 0 0 0 1000px var(--ui-white, #fff) inset;
+ background-color: transparent;
+}
+
+input:disabled,
+input:read-only {
+ cursor: default;
+}
+
+input.ui-input,
+.ui-input > input,
+[is="ui-input"] {
+ height: var(--ui-input-height);
+ line-height: var(--ui-input-line-height);
+ padding: calc((var(--ui-input-height) - var(--ui-input-line-height) - 2px) / 2) 8px;
+ border: 1px solid var(--ui-border, #d0d0d5);
+ border-radius: var(--ui-radius, 4px);
+ background-color: var(--ui-white, #fff);
+ box-sizing: border-box;
+ font-size: var(--ui-font, 14px);
+ outline: none;
+ color: var(--ui-dark, #4c5161);
+ transition: border-color var(--ui-animate-time, .2s), background-color var(--ui-animate-time, .2s);
+}
+
+.ui-input:hover,
+.ui-input:hover > input,
+[is="ui-input"]:hover {
+ border-color: var(--ui-dark-border, #ababaf);
+}
+
+.ui-input:focus,
+.ui-input > input:focus,
+[is="ui-input"]:focus {
+ border-color: var(--ui-blue, #2a80eb);
+}
+
+span.ui-input {
+ display: inline-block;
+}
+
+div.ui-input > input,
+input[width="100%"] {
+ width: 100%;
+}
+
+/* input with count */
+.ui-input-x {
+ position: relative;
+}
+span.ui-input-x {
+ display: inline-block;
+}
+
+.ui-input-x > input {
+ display: block;
+ width: 100%;
+ padding-right: 56px;
+}
+
+input ~ .ui-input-count {
+ line-height: 38px;
+ padding: 0 2px;
+ color: var(--ui-gray, #a2a9b6);
+ font-size: calc(var(--ui-font, 14px) - 2px);
+ white-space: nowrap;
+ position: absolute;
+ font-family: sans-serif;
+ right: 8px;
+ top: 1px;
+ pointer-events: none;
+}
+.ui-input-count slash {
+ margin: 0 1px;
+}
+
+/* type=[search] with icon */
+.ui-input-search:not(input) {
+ position: relative;
+}
+
+.ui-input-search > input:not(.ui-icon-search) {
+ padding-left: 40px;
+}
+
+.ui-input-search[align="end"] > :not(.ui-icon-search) {
+ padding-right: 40px;
+ padding-left: 9px;
+}
+
+.ui-icon-search {
+ position: absolute;
+ left: 3px;
+ top: 0;
+ bottom: 0;
+ margin: auto 0;
+ width: 20px;
+ height: 20px;
+ color: var(--ui-dark-gray, #b6bbc6);
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 9px 8px;
+ box-sizing: content-box;
+ transition: color var(--ui-animate-time, .2s);
+ padding: 0;
+ text-indent: -99px;
+ font-size: 0;
+ cursor: pointer;
+ outline: 0 none;
+ overflow: hidden;
+}
+
+[align="end"] > .ui-icon-search {
+ left: auto;
+ right: 3px;
+}
+
+.ui-input-search:hover .ui-icon-search {
+ color: var(--ui-gray, #a2a9b6);
+}
+.ui-input-search > :disabled ~ .ui-icon-search {
+ color: var(--ui-disabled, #ccd0d7);
+ cursor: default;
+}
+.ui-input-search > :focus ~ .ui-icon-search {
+ color: var(--ui-blue, #2a80eb);
+}
+.ui-input-search > [is-error] ~ .ui-icon-search {
+ color: var(--ui-red, #eb4646);
+}
+
+/**
+ * 改成CSS绘制
+ */
+.ui-icon-search::before,
+.ui-icon-search::after {
+ content: "";
+ position: absolute;
+ box-sizing: content-box;
+}
+.ui-icon-search::before {
+ width: 9px;
+ height: 9px;
+ border: 2px solid;
+ border-radius: 50%;
+ left: 2px;
+ top: 2px;
+}
+.ui-icon-search::after {
+ width: 6px;
+ border-top: 2px solid;
+ transform-origin: left;
+ transform: scaleY(1.25) rotate(30deg);
+ left: 13px;
+ top: 11px;
+}
+
+/**
+ * 按钮不支持伪元素，我们使用背景图片代替
+ * 不建议使用标签按钮，
+ */
+input.ui-icon-search {
+ border: 0;
+ margin: auto 6px;
+ width: 18px;
+ height: 18px;
+ -webkit-mask: var(--ui-input-search-img);
+ mask: var(--ui-input-search-img);
+ -webkit-mask-size: 100% 100%;
+ mask-size: 100% 100%;
+ background-color: var(--ui-dark-gray, #b6bbc6);
+ cursor: pointer;
+}
+
+:focus ~ input.ui-icon-search {
+ background-color: var(--ui-blue, #2a80eb);
+}
+[is-error] ~ input.ui-icon-search {
+ background-color: var(--ui-red, #eb4646);
+}
+
+input.ui-input:disabled,
+[is="ui-input"]:disabled,
+.ui-input > input:disabled,
+.ui-input-x > :disabled ~ .ui-input {
+ background-color: var(--ui-light, #f7f9fa);
+}
+
+input.ui-input:disabled,
+[is="ui-input"]:disabled,
+.ui-input > input:disabled,
+.ui-input-x > input:disabled {
+ color: var(--ui-gray, #a2a9b6);
+}
+
+.ui-input:disabled:hover,
+[is="ui-input"]:disabled:hover,
+.ui-input > input:disabled:hover,
+.ui-input:hover > input:disabled {
+ border-color: var(--ui-border, #d0d0d5);
+}
+.ui-input:read-only:hover,
+.ui-input:read-only:focus,
+[is="ui-input"]:read-only:hover,
+[is="ui-input"]:read-only:focus,
+.ui-input > input:read-only:hover,
+.ui-input > input:read-only:focus {
+ border-color: var(--ui-border, #d0d0d5);
+}
+/* firefox */
+.ui-input:-moz-read-only:hover,
+[is="ui-input"]:-moz-read-only:hover,
+.ui-input > input:-moz-read-only:hover,
+.ui-input:-moz-read-only:focus,
+[is="ui-input"]:-moz-read-only:focus,
+.ui-input > input:-moz-read-only:focus {
+ border-color: var(--ui-border, #d0d0d5);
+}
+
+/* error */
+.ui-input[is-error],
+[is="ui-input"][is-error],
+.ui-input > [is-error] {
+ border-color: var(--ui-red, #eb4646) !important;
+}
+.ui-input-count > [is-error],
+.ui-input-count[is-error] {
+ color: var(--ui-red, #eb4646);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ [type="search"]::-webkit-search-cancel-button,
+ input.ui-input,
+ .ui-input > input,
+ [is="ui-input"],
+ .ui-icon-search {
+ transition: none;
+ }
+}/**
+ *
+ * @Keyboard.css
+ * @author zhangxinxu
+ * @create 17-06-13
+ *
+**/
+.ui-kbd-tips {
+ position: absolute;
+ left: -9em;
+ top: -9em;
+ font-family: consolas, "Liberation Mono", courier, monospace;
+ font-size: 12px;
+ border-radius: 2px;
+ color: var(--ui-white, #ffffff);
+ background: rgba(0, 0, 0, 0.75);
+ opacity: 0.8;
+ line-height: 13px;
+ padding: 0 3px;
+ z-index: 99;
+}
+
+.ui-kbd-tips kbd {
+ font-family: inherit;
+}
+
+.ui-outline.ui-outline {
+ outline: 1px dotted var(--ui-blue, #2a80eb);
+ outline: 5px auto -webkit-focus-ring-color;
+}
+/**
+ *
+ * @LightTip.css
+ * @author xinxuzhang
+ * @create 15-06-25
+ * @edit 17-06-19
+ * @edit 19-09-13 @ziven27 [去jQuery]
+ * @edit 20-05-19 @popeyesailorman [add custom element support]
+**/
+/*
+ * 结构如下：
+ *
+ *
+*/
+/* lighttip基础变量 */
+:root {
+ --ui-lighttip-width: 25em;
+ --ui-loading-lighttip: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%232a80eb'/%3E%3C/svg%3E") no-repeat;
+}
+
+ui-lighttip {
+ display: flex;
+ justify-content: center;
+ width: var(--ui-lighttip-width, 25em);
+ font-size: var(--ui-font, 14px);
+ text-align: left;
+ line-height: 20px;
+ color: var(--ui-white, #ffffff);
+ background-color: var(--ui-dark, #4c5161);
+ border-radius: calc(var(--ui-radius, 4px) - 2px);
+ padding: 15px 10px;
+ position: fixed;
+ top: calc(var(--ui-sort-index, 0) * 60px + 10px);
+ left: 50%;
+ -webkit-transform: translate(-50%,0);
+ transform: translate(-50%,0);
+ z-index: 19;
+ outline: none;
+ cursor: default;
+ transition: top var(--ui-animate-time, .2s);
+ animation: fadeIn .25s both;
+}
+ui-lighttip:not([open]) {
+ display: none;
+}
+
+ui-lighttip[type="success"] {
+ background-color: var(--ui-green, #1cad70);
+}
+ui-lighttip[type="error"] {
+ background-color: var(--ui-red, #eb4646);
+}
+ui-lighttip[type="warning"] {
+ background-color: var(--ui-orange, #f59b00);
+}
+ui-lighttip[type="success"]::before,
+ui-lighttip[type="error"]::before,
+ui-lighttip[type="warning"]::before {
+ content: '';
+ width: 20px;
+ height: 20px;
+ flex-shrink: 0;
+ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%23FFF' d='M163.038 57.226c-5.217-4.162-5.713-4.289-11.674-7.244-2.683-1.344-6.633 2.113-8.569 4.67l-52.648 67.042-34.301-43.387c-1.94-2.558-5.516-3.499-8.2-2.293-6.11 3.095-5.496 2.992-10.715 7.029-2.386 1.883-2.535 5.245-.597 7.793 0 0 36.97 46.917 41.44 52.565 6.557 8.068 18.483 7.669 24.744 0 4.62-5.781 61.117-78.506 61.117-78.506 1.937-2.559 1.788-5.918-.597-7.669z'/%3E%3C/svg%3E") no-repeat;
+ background-size: contain;
+ transform: translate(-5px, 0);
+}
+ui-lighttip[type="error"]::before {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%23FFF' d='M116.153 99.999l36.484-36.486a7.369 7.369 0 0 0 0-10.423l-5.212-5.213a7.375 7.375 0 0 0-10.425 0l-36.484 36.485-36.485-36.485a7.374 7.374 0 0 0-10.424 0l-5.211 5.213a7.365 7.365 0 0 0 0 10.423L84.88 99.999l-36.483 36.485a7.369 7.369 0 0 0 0 10.426l5.211 5.213a7.38 7.38 0 0 0 10.424 0l36.485-36.486L137 152.122a7.38 7.38 0 0 0 10.425 0l5.212-5.213a7.372 7.372 0 0 0 0-10.426l-36.484-36.484z'/%3E%3C/svg%3E");
+}
+ui-lighttip[type="warning"]::before {
+ background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxwYXRoIGQ9Ik00MTMgMTc4YzUuNSAwIDEwLjEgNC42IDEwLjEgMTAuMVY0MTNjMCA1LjUtNC42IDEwLjEtMTAuMSAxMC4xSDE4OC4xYy01LjUgMC0xMC4xLTQuNi0xMC4xLTEwLjFWMTg4LjFjMC01LjUgNC42LTEwLjEgMTAuMS0xMC4xSDQxM20wLTUwSDE4OC4xYy0zMy4xIDAtNjAuMSAyNy02MC4xIDYwLjFWNDEzYzAgMzMuMSAyNyA2MC4xIDYwLjEgNjAuMUg0MTNjMzMuMSAwIDYwLjEtMjcgNjAuMS02MC4xVjE4OC4xYzAtMzMuMS0yNy02MC4xLTYwLjEtNjAuMXptNDIzLjEgMzQ1LjFINjExLjJjLTMzLjEgMC02MC4xLTI3LTYwLjEtNjAuMVYxODguMWMwLTMzLjEgMjctNjAuMSA2MC4xLTYwLjFoMjI0LjljMzMuMSAwIDYwLjEgMjcgNjAuMSA2MC4xVjQxM2MwIDMzLTI3LjEgNjAuMS02MC4xIDYwLjF6TTQxMyA2MDEuM2M1LjUgMCAxMC4xIDQuNiAxMC4xIDEwLjF2MjI0LjljMCA1LjUtNC42IDEwLjEtMTAuMSAxMC4xSDE4OC4xYy01LjUgMC0xMC4xLTQuNi0xMC4xLTEwLjFWNjExLjRjMC01LjUgNC42LTEwLjEgMTAuMS0xMC4xSDQxM20wLTUwSDE4OC4xYy0zMy4xIDAtNjAuMSAyNy02MC4xIDYwLjF2MjI0LjljMCAzMy4xIDI3IDYwLjEgNjAuMSA2MC4xSDQxM2MzMy4xIDAgNjAuMS0yNyA2MC4xLTYwLjFWNjExLjRjMC0zMy0yNy02MC4xLTYwLjEtNjAuMXptNDIzLjEgNTBjNS41IDAgMTAuMSA0LjYgMTAuMSAxMC4xdjIyNC45YzAgNS41LTQuNiAxMC4xLTEwLjEgMTAuMUg2MTEuMmMtNS41IDAtMTAuMS00LjYtMTAuMS0xMC4xVjYxMS40YzAtNS41IDQuNi0xMC4xIDEwLjEtMTAuMWgyMjQuOW0wLTUwSDYxMS4yYy0zMy4xIDAtNjAuMSAyNy02MC4xIDYwLjF2MjI0LjljMCAzMy4xIDI3IDYwLjEgNjAuMSA2MC4xaDIyNC45YzMzLjEgMCA2MC4xLTI3IDYwLjEtNjAuMVY2MTEuNGMwLTMzLTI3LjEtNjAuMS02MC4xLTYwLjF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
+}
+
+/* 移动端居中呈现 */
+@media (max-width: 640px) {
+ ui-lighttip {
+ width: auto;
+ padding-left: 1rem; padding-right: 1rem;
+ max-width: calc(100% - 2rem - 2em);
+ }
+}
+
+/* 全局loading */
+ui-lighttip[type="loading"] {
+ top: 50%;
+ left: 50%;
+ width: auto;
+ padding-right: calc(10px + .5em);
+ max-width: calc(100% - 2rem - 2em);
+ transform: translate(-50%, -50%);
+ border-radius: var(--ui-radius, 4px);
+ background-color: rgba(25, 28, 34, 0.88);
+ visibility: hidden;
+ opacity: 0;
+}
+ui-lighttip[type="loading"][open]::before {
+ content: '';
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ margin: 0 .5em;
+ background: var(--ui-loading-lighttip) no-repeat center / 100%;
+ animation: spin 1s linear infinite;
+ filter: brightness(100);
+}
+ui-lighttip[type="loading"][open]{
+ visibility: visible;
+ opacity: 1;
+}
+ui-lighttip[type="loading"]::before{
+ display: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ ui-lighttip {
+ animation: none;
+ }
+}
+/**
+ *
+ * @Loading.css
+ * @author zhangxinxu
+ * @create 15-06-23
+ * @edit 19-09-24 add custom element support
+ * @edit by littleLionGuoQing: 20-04-30 支持使用color变色
+ *
+**/
+/*
+ * 结构如下：
+ *
+ *
+*/
+/* loading基础变量 */
+:root {
+ --ui-loading-img: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512 1024q-104 0-199-40-92-39-163-110T40 711Q0 616 0 512q0-15 10.5-25.5T36 476t25.5 10.5T72 512q0 90 35 171 33 79 94 140t140 95q81 34 171 34t171-35q79-33 140-94t95-140q34-81 34-171t-35-171q-33-79-94-140t-140-95q-81-34-171-34-15 0-25.5-10.5T476 36t10.5-25.5T512 0q104 0 199 40 92 39 163 110t110 163q40 95 40 199t-40 199q-39 92-110 163T711 984q-95 40-199 40z' fill='%232a80eb'/%3E%3C/svg%3E") no-repeat;
+}
+
+ui-loading,
+.ui-loading {
+ text-align: center;
+ cursor: default;
+ /* icon offset need */
+ box-sizing: border-box;
+}
+ui-loading {
+ display: inline-block;
+ font-size: var(--ui-font, 14px);
+ line-height: 20px;
+ vertical-align: middle;
+}
+
+ui-loading[rows] {
+ display: block;
+}
+ui-loading:not([rows]):not([spin])::before {
+ display: block;
+}
+ui-loading:not([rows]):not([spin])::after {
+ display: none;
+}
+
+/* 更高高度使用style属性内容或者JS控制 */
+ui-loading[rows="2"] {
+ height: 40px;
+}
+ui-loading[rows="3"] {
+ height: 60px;
+}
+ui-loading[rows="4"] {
+ height: 80px;
+}
+ui-loading[rows="5"] {
+ height: 100px;
+}
+ui-loading[rows="6"] {
+ height: 120px;
+}
+ui-loading[rows="7"] {
+ height: 140px;
+}
+ui-loading[rows="8"] {
+ height: 160px;
+}
+ui-loading[rows="9"] {
+ height: 180px;
+}
+ui-loading[rows="10"] {
+ height: 200px;
+}
+ui-loading[rows="11"] {
+ height: 220px;
+}
+ui-loading[rows="12"] {
+ height: 240px;
+}
+ui-loading[rows="13"] {
+ height: 260px;
+}
+ui-loading[rows="14"] {
+ height: 280px;
+}
+ui-loading[rows="15"] {
+ height: 300px;
+}
+ui-loading[width="100%"] {
+ width: 100%;
+}
+ui-loading[height="100%"] {
+ height: 100%;
+}
+
+ui-loading::after,
+.ui-loading::after {
+ content: '';
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+}
+ui-loading::before,
+.ui-loading::before {
+ content: '';
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ margin: 0 .5em;
+ background-color: var(--color,#2a80eb);
+ -webkit-mask: var(--ui-loading-img);
+ mask: var(--ui-loading-img);
+ -webkit-mask-size: 100% 100%;
+ mask-size: 100% 100%;
+ animation: spin 1s linear infinite;
+ vertical-align: -4px;
+}
+ui-loading[spin]::before,
+.ui-loading[spin]::before {
+ display: none;
+}
+
+ui-loading[size="1"]::before,
+.ui-loading[size="1"]::before {
+ width: 10px; height: 10px;
+ vertical-align: 0;
+}
+ui-loading[size="3"]::before,
+.ui-loading[size="3"]::before {
+ width: 30px; height: 30px;
+ vertical-align: -8px;
+}
+ui-loading[size="4"]::before,
+.ui-loading[size="4"]::before {
+ width: 40px; height: 40px;
+ vertical-align: -12px;
+}
+
+@keyframes spin {
+ from {
+ transform: rotate(0);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/* 文本点点点 */
+ui-dot,
+[is-dot] {
+ display: inline-block;
+ height: 1em; line-height: 1;
+ text-align: left;
+ vertical-align: -.25em;
+ overflow: hidden;
+}
+ui-dot::before,
+[is-dot]::before {
+ display: block;
+ content: '...\A..\A.';
+ white-space: pre-wrap;
+ animation: dot 3s infinite step-start both;
+}
+@keyframes dot {
+ 33% {
+ transform: translateY(-2em);
+ }
+ 66% {
+ transform: translateY(-1em);
+ }
+}
+/**
+ *
+ * @Pagination.css
+ * @author xboxyan
+ * @create 20-06-03
+ * @editd 21-06-25 by zhangxinxu
+**/
+
+ui-pagination:not(:defined),
+[is-pagination]:not([defined]){
+ display: flex;
+ height: 30px;
+}/**
+ * @Placeholder.css
+ * @editor gandaochuan
+ * @edit 20-04-10
+ */
+
+::placeholder {
+ transition: opacity var(--ui-animate-time, .2s);
+ color: var(--ui-gray, #a2a9b6);
+ font-size: var(--ui-font, 14px);
+ opacity: 1; /* fix firefox */
+}
+
+:focus::placeholder {
+ opacity: var(--ui-opacity, .4);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ ::placeholder {
+ transition: none;
+ }
+}
+/**
+ *
+ * @Progress.css
+ * @author zhangxinxu
+ * @create 19-10-18
+ * @editor gandaochuan
+ * @edit 20-04-10
+ *
+**/
+
+/* progress基础变量 */
+:root {
+ --ui-progress-width: 10em;
+ --ui-progress-height: .25em;
+ --ui-progress-background-color: var(--ui-border, #d0d0d5);
+}
+
+.ui-progress,
+[is="ui-progress"] {
+ display: inline-block;
+ width: var(--ui-progress-width, 10em);
+ height: var(--ui-progress-height, .25em);
+ vertical-align: calc(.25em - 2px);
+ border: 0;
+ background-color: var(--ui-progress-background-color);
+ border-radius: 1em;
+ overflow: hidden;
+}
+.ui-progress::-moz-progress-bar,
+[is="ui-progress"]::-moz-progress-bar {
+ background-color: var(--ui-blue, #2a80eb);
+}
+.ui-progress::-webkit-progress-bar,
+[is="ui-progress"]::-webkit-progress-bar {
+ background-color: var(--ui-progress-background-color);
+}
+.ui-progress::-webkit-progress-value,
+[is="ui-progress"]::-webkit-progress-value {
+ background-color: var(--ui-blue, #2a80eb);
+}
+
+progress[width="100%"] {
+ width: 100%;
+}
+
+/* For firefox to match no [value] */
+.ui-progress:indeterminate::-moz-progress-bar,
+[is="ui-progress"]:indeterminate::-moz-progress-bar {
+ background-color: inherit;
+}
+
+/**
+ *
+ * @Radio.css
+ * @author zhangxinxu
+ * @create 15-06-17
+ * @edit 17-06-14 focusable
+ * @editor shanyerong
+ * @edit 2020-04-30 description here
+**/
+/* radio基础变量 */
+:root {
+ --ui-radio-width: 20px;
+ --ui-radio-height: 20px;
+}
+
+[is="ui-radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ width: var(--ui-radio-width, 20px);
+ height: var(--ui-radio-height, 20px);
+ cursor: pointer;
+ display: inline-flex;
+ outline: none;
+ border: solid 1px var(--ui-border, #d0d0d5);
+ background-color: var(--ui-white, #ffffff);
+ border-radius: 100%;
+ box-sizing: border-box;
+ vertical-align: -0.5ex;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ transition: border-color var(--ui-animate-time, .2s);
+}
+[is="ui-radio"]::after {
+ content: "";
+ width: 100%;
+ height: 100%;
+ background-color: var(--ui-blue, #2a80eb);
+ transform: scale(0);
+ opacity: 0;
+ border-radius: 100%;
+}
+
+[is="ui-radio"]:not(:disabled):hover {
+ border-color: var(--ui-dark-border, #ababaf);
+}
+[is="ui-radio"]:focus {
+ border-color: var(--ui-blue, #2a80eb);
+}
+[is="ui-radio"]:checked::after {
+ transform: scale(.5);
+ opacity: 1;
+}
+[is="ui-radio"]:disabled {
+ border-color: var(--ui-dark-border, #ababaf);
+ opacity: var(--ui-opacity, .4);
+ cursor: default;
+}
+[is="ui-radio"][is-error] {
+ border-color: var(--ui-red, #eb4646) !important;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ [is="ui-radio"] {
+ transition: none;
+ }
+}
+/**
+ *
+ * @Range.css
+ * @author xboxyan
+ * @create 20-04-30
+**/
+/* range基础变量 */
+:root {
+ --ui-range-track-hegiht: 4px;
+ --ui-range-thumb-size: 16px;
+}
+
+/* range */
+[is="ui-range"] {
+ -webkit-appearance: none;
+ appearance: none;
+ margin: 0;
+ outline: 0;
+ background-color: transparent;
+ vertical-align: middle;
+}
+[is="ui-range"]:disabled {
+ opacity: var(--ui-opacity, .4);
+}
+[is="ui-range"]::-webkit-slider-runnable-track {
+ display: flex;
+ align-items: flex-start;
+ position: relative;
+ height: var(--ui-range-track-hegiht);
+ border-radius: var(--ui-range-track-hegiht);
+ background: linear-gradient(to right, var(--ui-blue, #2a80eb) calc(100% * var(--percent,100)), var(--ui-gray, #a2a9b6) 0% );
+}
+[type="range" i]::-webkit-slider-container {
+ display: flex;
+ height: var(--ui-range-thumb-size);
+}
+[is="ui-range"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ appearance: none;
+ width: var(--ui-range-thumb-size);
+ height: var(--ui-range-thumb-size);
+ border-radius: 50%;
+ background-color: #fff;
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25);
+ transition: border-color var(--ui-animate-time, .2s), background-color var(--ui-animate-time, .2s);
+ margin-top: calc((var(--ui-range-thumb-size) - var(--ui-range-track-hegiht)) * -0.5);
+}
+[is="ui-range"]::-webkit-slider-thumb:active {
+ background-color: var(--ui-light,#f7f9fa);
+ box-shadow: 0 0 1px 1px rgba(0, 0, 0, .25);
+}
+
+/* Firefox */
+[is="ui-range"]::-moz-range-track {
+ background: var(--ui-light-border, #ededef);
+ height: 4px;
+}
+
+[is="ui-rate"]::-moz-range-track {
+ background: var(--ui-light-border, #ededef);
+ height: inherit;
+}
+
+[is="ui-range"]::-moz-range-progress {
+ background: var(--ui-blue, #2a80eb);
+ height: 4px;
+}
+
+[is="ui-range"]::-moz-range-thumb {
+ width: var(--ui-range-thumb-size);
+ height: var(--ui-range-thumb-size);
+ border: none;
+ border-radius: 50%;
+ background-color: #fff;
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25);
+}
+
+
+/* 黑色提示效果 */
+input[data-tips]{
+ position: relative;
+}
+[is="ui-range"][data-tips] {
+ box-sizing: border-box;
+ border-style: solid;
+ border-color: transparent;
+ border-width: 0 calc(var(--ui-range-thumb-size) * 0.5);
+}
+[is="ui-range"][data-tips]::-webkit-slider-runnable-track {
+ margin: 0 calc(var(--ui-range-thumb-size) * -0.5);
+}
+input[data-tips]::before,
+input[data-tips]::after {
+ content: '';
+ display: block;
+ position: absolute;
+ z-index: 1;
+ transform: translate(-50%, -20px);
+ opacity: 0;
+ transition: all .15s .15s, left 0s, top 0s;
+ color: #373c42;
+ visibility: hidden;
+ pointer-events: none;
+}
+input[data-tips]::before {
+ content: attr(data-tips);
+ border-radius: 3px;
+ padding: 6px 10px;
+ line-height: 18px;
+ text-align: left;
+ background-color: #373c42;
+ color: #fff;
+ font-size: 12px;
+ font-style: normal;
+ width: max-content;
+ max-width: 200px;
+ left: calc( var(--percent,.5) * 100% );
+ bottom: 100%;
+ transform: translate(-50%, -20px);
+}
+input[data-tips]::after {
+ width: 0;
+ height: 0;
+ overflow: hidden;
+ border: 6px solid transparent;
+ left: calc( var(--percent,.5) * 100% );
+ bottom: 100%;
+ transform: translate(-50%, -20px);
+ margin-bottom: -12px;
+ border-top-color: currentColor;
+}
+input[data-tips][reverse]::before {
+ left: calc( var(--percent,.5) * 100% );
+ bottom: auto;
+ top: 100%;
+ transform: translate(-50%, 20px);
+}
+input[data-tips][reverse]::after {
+ bottom: auto;
+ top: 100%;
+ transform: translate(-50%, 20px);
+ margin-top: -12px;
+ border-top-color: transparent;
+ border-bottom-color: currentColor;
+}
+input[data-tips]:not([data-tips*="$"]):hover::before,
+input[data-tips]:not([data-tips*="$"]):hover::after,
+input[data-tips]:not([data-tips*="$"]):active::before,
+input[data-tips]:not([data-tips*="$"]):active::after {
+ visibility: visible;
+ opacity: 1;
+ transform: translate(-50%, calc( var(--ui-range-thumb-size) * -1));
+}
+input[data-tips][reverse]:not([data-tips*="$"]):hover::before,
+input[data-tips][reverse]:not([data-tips*="$"]):hover::after,
+input[data-tips][reverse]:not([data-tips*="$"]):active::before,
+input[data-tips][reverse]:not([data-tips*="$"]):active::after {
+ transform: translate(-50%, var(--ui-range-thumb-size));
+}
+
+/* 区域选择 */
+[is="ui-range"][multiple]{
+ pointer-events: none;
+ vertical-align: top;
+}
+[is="ui-range"][multiple]::-webkit-slider-runnable-track {
+ background: linear-gradient(to right, var(--ui-gray, #a2a9b6) calc(1% * var(--from, 0)), var(--ui-blue, #2a80eb) calc(1% * var(--from, 0)) calc(1% * var(--to, 100)), var(--ui-gray, #a2a9b6) 0%);
+}
+
+[is="ui-range"][multiple][data-range="from"] {
+ display: block;
+ position: absolute;
+}
+[is="ui-range"][multiple][data-range="to"] {
+ opacity: 1;
+}
+[is="ui-range"][multiple][data-range="to"]:disabled::-webkit-slider-thumb {
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1);
+}
+[is="ui-range"][multiple][data-range="to"]::-webkit-slider-runnable-track {
+ background: none;
+}
+[is="ui-range"][multiple]::-webkit-slider-thumb {
+ pointer-events: all;
+ position: relative;
+}
+[is="ui-range"][multiple]::-webkit-slider-thumb:active {
+ z-index: 1;
+}
+
+/* Firefox 范围选择 */
+[is="ui-range"][multiple]::-moz-range-thumb {
+ pointer-events: initial;
+}
+[is="ui-range"][multiple]::-moz-range-track {
+ background: linear-gradient(to right, var(--ui-gray, #a2a9b6) calc(1% * var(--from, 0)), var(--ui-blue, #2a80eb) calc(1% * var(--from, 0)) calc(1% * var(--to, 100)), var(--ui-gray, #a2a9b6) 0%);
+}
+[is="ui-range"][multiple][data-range="to"]::-moz-range-progress {
+ background: none;
+}
+
+/* 星星评分 */
+[is="ui-rate"]:enabled {
+ cursor: pointer;
+}
+[is="ui-rate"]:disabled {
+ opacity: var(--ui-opacity, .4);
+}
+[is="ui-rate"] {
+ -webkit-appearance: none;
+ appearance: none;
+ margin: 0;
+ outline: 0;
+ background-color: transparent;
+ vertical-align: middle;
+ width: calc(var(--number, 5) * 2em);
+ --mask-url: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0l1.693 3.67 4.013.476L8.74 6.89l.788 3.964L6 8.88l-3.527 1.974.788-3.964L.294 4.146l4.013-.476L6 0z'/%3E%3C/svg%3E");
+ --mask: var(--mask-url) repeat-x left / 2em 100%;
+}
+
+[is="ui-rate"]::-webkit-slider-runnable-track {
+ background: var(--ui-orange, #f59b00);
+ height: 2em;
+ -webkit-mask: var(--mask);
+ mask: var(--mask);
+}
+
+[is="ui-rate"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ width: 1px;
+ height: 100%;
+ box-shadow: 999em 0 0 999em var(--ui-light-border, #ededef);
+}
+
+[is="ui-rate"]:focus::-webkit-slider-thumb {
+ box-shadow: 999em 0 0 999em var(--ui-light-border, #ededef);
+ background: var(--ui-orange, #f59b00);
+}
+[is="ui-rate"][readonly] {
+ cursor: default;
+ pointer-events: none;
+}
+
+/* 兼容火狐浏览器 */
+[is="ui-rate"],
+_::-moz-range-track {
+ appearance: none;
+ -webkit-mask: var(--mask);
+ mask: var(--mask);
+ height: 2em;
+}
+
+[is="ui-rate"]::-moz-range-progress {
+ background: var(--ui-orange, #f59b00);
+ height: inherit;
+}
+
+[is="ui-rate"]::-moz-range-thumb {
+ width: 0;
+ opacity: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ [is="ui-range"]::-webkit-slider-thumb,
+ input[data-tips]::before,
+ input[data-tips]::after,
+ [is="ui-range"][data-tips][vertical]::before,
+ [is="ui-range"][data-tips][vertical]::after,
+ [is="ui-range"][data-tips][vertical][reverse]::before,
+ [is="ui-range"][data-tips][vertical][reverse]::after {
+ transition: none;
+ }
+}
+/**
+ *
+ * @Select.css
+ * @author zhangxinxu(.com)
+ * @create 15-06-18
+ * @edited 19-08-27
+ *
+**/
+
+[is="ui-select"] {
+ display: inline-block;
+ height: 40px;
+ margin: 0;
+ border: 1px solid var(--ui-border, #d0d0d5);
+ font-size: var(--ui-font, 14px);
+ font-family: system-ui;
+ vertical-align: middle;
+}
+
+[is="ui-select"][width="100%"] {
+ width: 100%;
+}
+
+[is="ui-select"] {
+ transform-origin: left;
+ /* OS X padding-right无效 */
+ border-right: 27px solid var(--ui-border, #d0d0d5);
+ opacity: 0.0001;
+ pointer-events: none;
+ visibility: hidden;
+ z-index: 1;
+}
+
+[is="ui-select"][multiple] {
+ visibility: visible;
+ pointer-events: auto;
+}
+
+[is="ui-select"] option {
+ min-height: 38px;
+ height: 38px;
+ padding: 0;
+ font-size: inherit;
+}
+
+[is="ui-select"][multiple] {
+ height: auto;
+ font-size: calc(34px - 1px);
+ font-size: var(--ui-font, 14px);
+ padding: 0;
+ border-right-width: 13px;
+ border-left: 13px solid;
+ vertical-align: top;
+ cursor: pointer;
+}
+
+[is="ui-select"][multiple] > option {
+ min-height: 38px;
+ height: 38px;
+ padding: 0 1px;
+ font-size: inherit;
+}
+
+select[multiple] > option:disabled {
+ cursor: default;
+}
+
+.ui-select {
+ display: inline-block;
+ height: 40px;
+ line-height: 20px;
+ vertical-align: middle;
+ font-size: var(--ui-font, 14px);
+ transition: opacity var(--ui-animate-time, .2s);
+ text-align: start;
+ font-family: system-ui;
+ position: relative;
+}
+
+[disabled] + .ui-select {
+ pointer-events: none;
+}
+
+select[hidden],
+select[hidden] + .ui-select {
+ display: none;
+}
+
+[is="ui-select"][multiple] + .ui-select {
+ vertical-align: top;
+}
+
+.ui-select.active {
+ z-index: 3;
+}
+
+.ui-select-button {
+ display: block;
+ width: -webkit-fill-available;
+ width: -moz-available;
+ width: stretch;
+ height: 20px;
+ padding: 9px 27px 9px 12px;
+ color: var(--ui-dark, #4c5161);
+ border: 1px solid var(--ui-border, #d0d0d5);
+ border-radius: var(--ui-radius, 4px);
+ background-color: var(--ui-white, #fff);
+ text-decoration: none;
+ transition: border-color var(--ui-animate-time, .2s), background-color var(--ui-animate-time, .2s);
+ box-sizing: content-box;
+ cursor: pointer;
+}
+
+.ui-select-button:hover {
+ color: var(--ui-dark, #4c5161);
+ border-color: var(--ui-dark-border, #ababaf);
+}
+
+:not(:disabled) + .ui-select > .ui-select-button:active {
+ background-color: var(--ui-light, #f7f9fa);
+}
+
+.active > button.ui-select-button {
+ border-color: var(--ui-blue, #2a80eb);
+ border-radius: var(--ui-radius, 4px) var(--ui-radius, 4px) 0 0;
+}
+
+.reverse > button.ui-select-button {
+ border-radius: 0 0 var(--ui-radius, 4px) var(--ui-radius, 4px);
+}
+
+.ui-select-text {
+ display: block;
+ width: 100%;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ text-align: start;
+}
+
+.ui-select-icon,
+.ui-select-text:only-child::after,
+.ui-select-button:empty::after {
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath fill='%232a80eb' d='M145.659 68.949a12.874 12.874 0 0 0-18.473 0L99.479 97.233 71.772 68.949a12.874 12.874 0 0 0-18.473 0c-5.099 5.208-5.099 13.648 0 18.857l46.18 47.14 46.181-47.14c5.099-5.208 5.099-13.649-.001-18.857z'/%3E%3C/svg%3E")
+ no-repeat center;
+ background-size: 20px 20px;
+ right: 7px;
+ top: 10px;
+}
+.ui-select-text:only-child::after,
+.ui-select-button:empty::after {
+ content: "";
+}
+
+.ui-select-datalist {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 39px;
+ display: none;
+ box-sizing: border-box;
+ max-height: 306px;
+ padding: 0;
+ border: 1px solid var(--ui-blue, #2a80eb);
+ background-color: var(--ui-white, #fff);
+ font-size: 14px;
+ overflow: auto;
+ overscroll-behavior: none;
+ -ms-scroll-chaining: none;
+ scrollbar-width: thin;
+ text-align: left;
+ margin: 0;
+}
+
+[multiple] ~ .ui-select > .ui-select-datalist {
+ position: static;
+ display: block;
+ max-height: none;
+ height: inherit;
+ border-color: #d0d0d5;
+ border-radius: var(--ui-radius, 4px);
+ box-sizing: border-box;
+}
+
+[multiple]:hover ~ .ui-select > .ui-select-datalist {
+ border-color: var(--ui-dark-border, #ababaf);
+}
+
+[multiple]:focus ~ .ui-select > .ui-select-datalist {
+ border-color: var(--ui-blue, #2a80eb);
+}
+
+[data-custom-scroll="true"]::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+[data-custom-scroll="true"]::-webkit-scrollbar-thumb {
+ background-color: #bbb;
+ border-radius: calc(var(--ui-radius, 4px) + 4px);
+}
+
+[data-custom-scroll="true"]::-webkit-scrollbar-thumb:hover {
+ background-color: #aaa;
+}
+
+[data-custom-scroll="true"]::-webkit-scrollbar-track-piece {
+ background-color: #ddd;
+}
+
+.active > .ui-select-datalist,
+.ui-select-datalist.active {
+ display: block;
+}
+
+.reverse > .ui-select-datalist {
+ top: auto;
+ bottom: 39px;
+}
+
+body > .ui-select-datalist {
+ font-family: system-ui;
+}
+
+.ui-select-intent {
+ text-indent: 1em;
+}
+
+.ui-select-datalist-li {
+ display: block;
+ line-height: 20px;
+ padding: 9px 12px;
+ color: var(--ui-dark, #4c5161);
+ background-color: var(--ui-white, #fff);
+ text-decoration: none;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ transition: background-color var(--ui-animate-time, .2s);
+ overflow: hidden;
+}
+h6.ui-select-datalist-li,
+.ui-select-datalist-li[role="heading"] {
+ font-weight: 700;
+ margin: 0;
+ padding-bottom: 6px;
+}
+.ui-select-datalist-li[href] {
+ cursor: pointer;
+}
+
+.ui-select-datalist-li:not(:only-child):empty {
+ display: none;
+}
+
+.ui-select-datalist-hr:not(:first-child) {
+ border: 0;
+ height: 1px;
+ padding: 7px 12px;
+ background-color: var(--ui-white, #fff);
+}
+.ui-select-datalist-hr:not(:first-child)::before {
+ content: '';
+ display: block;
+ border-top: 1px solid var(--ui-border, #d0d0d5);
+ opacity: var(--ui-opacity, .4);
+}
+
+/* reset default a:hover */
+.ui-select-datalist-li:hover {
+ color: var(--ui-dark, #4c5161);
+}
+
+.ui-select-datalist > .disabled {
+ color: var(--ui-gray, #a2a9b6);
+ cursor: default;
+}
+
+.ui-select-datalist > .selected {
+ background-color: var(--ui-list-selected, #e0f0ff);
+}
+
+.ui-select-datalist-li[href]:hover,
+[multiple] ~ .ui-select .ui-select-datalist-li[href] {
+ color: var(--ui-dark, #4c5161);
+ background-color: var(--ui-list-hover, #f0f7ff);
+}
+
+/* disabled */
+select:disabled {
+ cursor: default;
+}
+
+select:disabled + .ui-select {
+ opacity: var(--ui-opacity, .4);
+}
+
+select:disabled + .ui-select .ui-select-button,
+select:disabled + .ui-select .ui-select-datalist {
+ cursor: default;
+ border-color: var(--ui-dark-border, #ababaf);
+}
+
+/* error */
+[is-error] .ui-select-button,
+[is-error][multiple] ~ .ui-select .ui-select-datalist,
+select[is-error] {
+ border-color: var(--ui-red, #eb4646);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .ui-select-button,
+ .ui-select,
+ .ui-select-datalist-li {
+ transition: none;
+ }
+}
+
+/**
+ *
+ * @Switch.css
+ * @author zhangxinxu
+ * @create 15-06-18
+ * @edit 17-06-14 keyboard accessible
+ * @editor shanyerong
+ * @edit 2020-04-30
+**/
+:root {
+ --ui-switch-width: 44px;
+ --ui-switch-height: 26px;
+}
+input[is="ui-switch"] {
+ -webkit-appearance: none;
+ display: inline-flex;
+ outline: none;
+ box-sizing: border-box;
+ box-shadow: inset 0 1px, inset 1px 0, inset -1px 0, inset 0 -1px;
+ background-clip: content-box;
+ -webkit-appearance: none;
+ width: var(--ui-switch-width, 44px);
+ height: var(--ui-switch-height, 26px);
+ border: 2px solid;
+ border-radius: var(--ui-switch-height, 26px);
+ background-color: currentColor;
+ color: var(--ui-dark-gray, #b6bbc6);
+ font-size: 0;
+ transition: all var(--ui-animate-time, .2s);
+ cursor: pointer;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-tap-highlight-color: transparent;
+}
+input[is="ui-switch"]:checked {
+ color: var(--ui-blue, #2a80eb);
+ background-color: var(--ui-blue, #2a80eb);
+}
+input[is="ui-switch"]::before {
+ content: '';
+ flex: 0;
+ transition: flex var(--ui-animate-time, .2s);
+}
+
+input[is="ui-switch"]::after {
+ content: "";
+ width: 22px;
+ height: 22px;
+ border-radius: 100%;
+ background-color: var(--ui-white, #ffffff);
+ opacity: 1;
+ visibility: visible;
+}
+
+input[is="ui-switch"]:active {
+ box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
+}
+
+input[is="ui-switch"]:checked::before {
+ flex: 1;
+}
+
+input[is="ui-switch"]:disabled {
+ opacity: var(--ui-opacity, .4);
+ cursor: default;
+}
+
+input[is="ui-switch"]:focus:not(:disabled),
+input[is="ui-switch"]:hover:not(:disabled) {
+ color: var(--ui-gray, #a2a9b6);
+}
+
+input[is="ui-switch"]:checked:focus:not(:disabled),
+input[is="ui-switch"]:checked:hover:not(:disabled) {
+ color: var(--ui-dark-blue, #0057c3);
+ background-color: var(--ui-dark-blue, #0057c3);
+}
+
+input[is="ui-switch"]:checked:focus:disabled,
+input[is="ui-switch"]:checked:disabled:hover {
+ color: var(--ui-blue, #2a80eb);
+ background-color: var(--ui-blue, #2a80eb);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ input[is="ui-switch"],
+ input[is="ui-switch"]::before {
+ transition: none;
+ }
+}
+/**
+ *
+ * @Tab.css
+ * @author xinxuzhang
+ * @create 15-06-12
+ */
+/* tabs */
+
+ui-tab {
+ cursor: pointer;
+}
+
+.ui-tab-tabs {
+ --ui-tab-height: 40px;
+ height: var(--ui-tab-height);
+ line-height: var(--ui-tab-height);
+ border-bottom: 1px solid var(--ui-border, #d0d0d5);
+ position: relative;
+ display: flex;
+}
+
+.ui-tab-tab {
+ margin-right: 50px;
+ font-size: calc(var(--ui-font, 14px) + 2px);
+ text-align: center;
+ color: var(--ui-dark, #4c5161);
+ text-decoration: none;
+ border: 0;
+ background: none;
+ overflow: hidden;
+ cursor: pointer;
+}
+
+.ui-tab-tab a {
+ display: block;
+ color: inherit;
+}
+
+.ui-tab-tab:hover {
+ color: var(--ui-blue, #2a80eb);
+}
+
+.ui-tab-tabs [open] {
+ line-height: calc(var(--ui-tab-height) - calc(2px * 2));
+ padding-top: 2px;
+ margin-bottom: -1px;
+ border-bottom: solid;
+ color: var(--ui-blue, #2a80eb);
+ cursor: default;
+}
+.ui-tab-tabs[style*="--ui-tab"]::after {
+ content: "";
+ position: absolute;
+ bottom: -1px;
+ left: calc(1px * var(--ui-tab-left));
+ width: calc(1px * var(--ui-tab-width));
+ border-bottom: solid var(--ui-blue, #2a80eb);
+ transition: all var(--ui-animate-time, .2s);
+}
+
+[style*="--ui-tab"] > .ui-tab-tab {
+ line-height: var(--ui-tab-height);
+ padding-top: 0;
+ border-bottom: 0;
+ margin-bottom: 0;
+}
+
+/* contents */
+.ui-tab-contents {
+ margin-top: 30px;
+}
+
+/* 有role属性表示JS已经介入了初始化，锚点hash显示功能去除 */
+.ui-tab-content[role]:not(.active),
+.ui-tab-content:not([role]):not(:target) {
+ display: none;
+}
+
+.ui-tab-contents:target-within .ui-tab-content:not(:target) {
+ display: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .ui-tab-tabs[style*="--ui-tab"]::after {
+ transition: none;
+ }
+}
+/**
+ *
+ * @Table.css
+ * @author xinxuzhang
+ * @create 15-06-24
+ *
+**/
+/* table基础变量 */
+:root {
+ --ui-table-cell-height: 50px;
+ --ui-table-line-height: var(--ui-line-height, 20px);
+}
+
+.ui-table,
+[is="ui-table"] {
+ width: -webkit-fill-available;
+ width: -moz-available;
+ width: stretch;
+ line-height: var(--ui-table-line-height);
+ table-layout: fixed;
+ border-spacing: 0;
+ font-size: var(--ui-font, 14px);
+ border: 1px solid var(--ui-border, #d0d0d5);
+}
+.ui-table[width="100%"],
+[is="ui-table"][width="100%"] {
+ width: 100%;
+}
+
+.ui-table thead td,
+.ui-table th,
+[is="ui-table"] thead td,
+[is="ui-table"] th {
+ background-color: var(--ui-light, #f7f9fa);
+ border-bottom: 1px solid var(--ui-light-border, #ededef);
+ font-weight: normal;
+ font-style: normal;
+ margin: 0;
+}
+.ui-table thead td:not([class]):not([align]),
+.ui-table th:not([class]):not([align]),
+[is="ui-table"] thead td:not([class]):not([align]),
+[is="ui-table"] th:not([class]):not([align]) {
+ text-align: left;
+}
+
+.ui-table tbody td,
+[is="ui-table"] tbody td {
+ background-color: var(--ui-white, #ffffff);
+ border-bottom: 1px solid var(--ui-light-border, #ededef);
+}
+
+.ui-table td,
+.ui-table th,
+[is="ui-table"] td,
+[is="ui-table"] th {
+ padding-top: calc((var(--ui-table-cell-height) - var(--ui-table-line-height)) / 2);
+ padding-bottom: calc((var(--ui-table-cell-height) - var(--ui-table-line-height)) / 2 - 1px);
+ padding-right: 20px;
+}
+.ui-table td:first-child,
+.ui-table th:first-child,
+[is="ui-table"] td:first-child,
+[is="ui-table"] th:first-child {
+ padding-left: 20px;
+}
+
+.ui-table tr,
+[is="ui-table"] tr {
+ cursor: default;
+}
+
+.ui-table tr:last-child td,
+[is="ui-table"] tr:last-child td {
+ padding-bottom: calc((var(--ui-table-cell-height) - var(--ui-table-line-height)) / 2);
+ border-bottom: 0;
+}
+
+.ui-table ~ .ui-loading,
+[is="ui-table"] ~ .ui-loading {
+ height: 300px;
+}
+
+/**
+ *
+ * @Textarea.css
+ * @author xinxuzhang
+ * @create 15-06-17
+ * @edit 20-04-03 version edge
+ * @editor lennonover
+**/
+
+:root {
+ --ui-textarea-line-height: var(--ui-line-height, 20px);
+}
+
+textarea {
+ font-family: inherit;
+}
+
+textarea.ui-textarea,
+[is="ui-textarea"],
+.ui-textarea > textarea,
+textarea ~ .ui-textarea-count {
+ line-height: var(--ui-textarea-line-height);
+ padding: 9px 8px;
+ border: 1px solid var(--ui-border, #d0d0d5);
+ border-radius: var(--ui-radius, 4px);
+ background-color: var(--ui-white, #ffffff);
+ outline: none;
+ color: var(--ui-dark, #4c5161);
+ font-size: var(--ui-font, 14px);
+ transition: border-color var(--ui-animate-time, .2s), background-color var(--ui-animate-time, .2s);
+ word-break: break-all;
+ vertical-align: top;
+ box-sizing: border-box;
+ max-width: 100%;
+ resize: none;
+ overflow: auto;
+}
+
+textarea[resize] {
+ resize: both;
+}
+textarea[resize="vertical"] {
+ resize: vertical;
+}
+textarea[resize="horizontal"] {
+ resize: horizontal;
+}
+
+div.ui-textarea > textarea,
+textarea[width="100%"] {
+ width: 100%;
+}
+
+/* hover */
+.ui-textarea:hover,
+.ui-textarea > textarea:hover,
+[is="ui-textarea"]:hover,
+:hover > .ui-textarea-count {
+ border-color: var(--ui-dark-border, #ababaf);
+}
+
+/* focus */
+.ui-textarea:focus,
+.ui-textarea > textarea:focus,
+[is="ui-textarea"]:focus,
+:focus ~ .ui-textarea-count {
+ border-color: var(--ui-blue, #2a80eb);
+}
+
+/* textarea with count */
+.ui-textarea-x {
+ position: relative;
+ z-index: 0;
+ overflow: hidden;
+}
+span.ui-textarea-x {
+ display: inline-block;
+}
+.ui-textarea-x > textarea:only-child {
+ padding-bottom: 32px;
+}
+.ui-textarea-x > textarea:not(:only-child) {
+ padding-bottom: 0;
+ margin: 1px 1px 33px;
+ width: calc(100% - 2px);
+ border: 0;
+ background: none;
+}
+.ui-textarea-x > textarea {
+ display: block;
+ width: 100%;
+ /* for Firefox */
+ margin: 0;
+}
+
+textarea ~ .ui-textarea-count {
+ position: absolute;
+ left: 0; right: 0; bottom: 0; top: 0;
+ padding-bottom: 5px;
+ color: var(--ui-gray, #a2a9b6);
+ font-size: calc(var(--ui-font, 14px) - 2px);
+ display: flex;
+ align-items: flex-end;
+ justify-content: flex-end;
+ z-index: -1;
+}
+.ui-textarea-count slash {
+ margin: 0 1px;
+}
+
+.ui-textarea:read-only,
+[is="ui-textarea"]:read-only,
+.ui-textarea > textarea:read-only,
+:read-only ~ .ui-textarea-count {
+ background-color: var(--ui-white, #ffffff);
+}
+
+.ui-textarea:disabled:hover,
+[is="ui-textarea"]:disabled:hover,
+.ui-textarea > textarea:disabled:hover,
+.ui-textarea-x:hover :disabled ~ .ui-textarea-count {
+ border-color: var(--ui-border, #d0d0d5);
+}
+
+.ui-textarea:read-only:hover,
+.ui-textarea:read-only:focus,
+[is="ui-textarea"]:read-only:hover,
+[is="ui-textarea"]:read-only:focus,
+.ui-textarea > textarea:read-only:hover,
+.ui-textarea > textarea:read-only:focus,
+:read-only ~ .ui-textarea-count:hover,
+:read-only ~ .ui-textarea-count:focus {
+ border-color: var(--ui-border, #d0d0d5);
+}
+
+/* disabled */
+.ui-textarea:disabled,
+[is="ui-textarea"]:disabled,
+.ui-textarea > textarea:disabled,
+:disabled ~ .ui-textarea-count {
+ background-color: var(--ui-light, #f7f9fa);
+ color: var(--ui-gray, #a2a9b6);
+}
+
+textarea:read-only,
+textarea:disabled {
+ resize: none;
+}
+
+/* error */
+.ui-textarea[is-error],
+[is="ui-textarea"][is-error],
+.ui-textarea > [is-error],
+[is-error] ~ .ui-textarea-count {
+ border-color: var(--ui-red, #eb4646) !important;
+}
+.ui-textarea-count > [is-error],
+.ui-textarea-count[is-error] {
+ color: var(--ui-red, #eb4646);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ textarea.ui-textarea,
+ [is="ui-textarea"],
+ .ui-textarea > textarea,
+ textarea ~ .ui-textarea-count {
+ transition: none;
+ }
+}
+
+/**
+ *
+ * @Tips.css
+ * @author xinxuzhang
+ * @create 15-06-25
+ *
+**/
+
+:root {
+ --ui-tips-triangle-size: 6px; /* 底为 6*2，高为 6 */
+ --ui-tips-bg: #373c42;
+ --ui-tips-error-bg: linear-gradient(90deg, #ff8da2, #ec5b60);
+ --ui-tips-offset: 6px;
+}
+
+.ui-tips[data-title],
+[is-tips="css"][data-title] {
+ text-indent: 0;
+ position: relative;
+ overflow: visible;
+}
+
+.ui-tips[data-title]::before,
+.ui-tips[data-title]::after,
+[is-tips="css"][data-title]::before,
+[is-tips="css"][data-title]::after {
+ position: absolute;
+ left: 50%;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+ visibility: hidden;
+ content: attr(data-title);
+ bottom: calc(100% + var(--ui-tips-offset));
+ max-width: 250px;
+ /* 四边都预留出三角形的位置 */
+ padding: calc(6px + var(--ui-tips-triangle-size)) calc(10px + var(--ui-tips-triangle-size));
+
+ line-height: 18px;
+ background: var(--ui-tips-bg);
+ text-align: left;
+ color: var(--ui-white, #ffffff);
+ font-size: calc(var(--ui-font, 14px) - 2px);
+ font-style: normal;
+ white-space: nowrap;
+}
+
+.ui-tips[data-title]::before,
+[is-tips="css"][data-title]::before {
+ /* 切割出框体，带 border-radius */
+ clip-path: inset(
+ var(--ui-tips-triangle-size)
+ var(--ui-tips-triangle-size)
+ var(--ui-tips-triangle-size)
+ var(--ui-tips-triangle-size)
+ round calc(var(--ui-radius, 4px) - 1px));
+}
+
+.ui-tips[data-title]::after,
+[is-tips="css"][data-title]::after {
+ /* 默认是在框体下方居中位置，多 1 像素避免缝隙 */
+ clip-path: polygon(
+ calc(50% - var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)),
+ calc(50% + var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)),
+ 50% 100%
+ );
+}
+
+.ui-tips[data-title]:hover::before,
+.ui-tips[data-title]:hover::after,
+.ui-tips[data-title]:focus::before,
+.ui-tips[data-title]:focus::after,
+[is-tips="css"][data-title]:hover::before,
+[is-tips="css"][data-title]:hover::after,
+[is-tips="css"][data-title]:focus::before,
+[is-tips="css"][data-title]:focus::after {
+ transition: visibility var(--ui-animate-time, .2s) var(--ui-animate-time, .2s);
+ visibility: visible;
+}
+
+.ui-tips[data-title]:hover,
+[is-tips="css"][data-title]:hover {
+ outline: none;
+}
+
+/* 朝下的情况 */
+.reverse.ui-tips[data-title]::before,
+.reverse.ui-tips[data-title]::after,
+.reverse[is-tips="css"][data-title]::before,
+.reverse[is-tips="css"][data-title]::after {
+ bottom: auto;
+ top: calc(100% + var(--ui-tips-offset));
+}
+
+.reverse.ui-tips[data-title]::after,
+.reverse[is-tips="css"][data-title]::after {
+ clip-path: polygon(
+ calc(50% - var(--ui-tips-triangle-size)) calc(0% + var(--ui-tips-triangle-size) + 1px),
+ calc(50% + var(--ui-tips-triangle-size)) calc(0% + var(--ui-tips-triangle-size) + 1px),
+ 50% 0%
+ );
+}
+
+/* JS生成的，和CSS定位样式不合并，保持独立 */
+.ui-tips-x {
+ position: absolute;
+ width: fit-content;
+ z-index: 99;
+ margin-top: calc(var(--ui-tips-offset) * -1);
+ max-width: 20em;
+ padding: calc(6px + var(--ui-tips-triangle-size)) calc(10px + var(--ui-tips-triangle-size));
+ line-height: 18px;
+ color: var(--ui-white, #fff);
+ font-size: calc(var(--ui-font, 14px) - 2px);
+ font-style: normal;
+ text-align: left;
+ /* 12px是整体偏移，6px是预留剪裁的间距 */
+ --ui-tips-triangle-offset-x: calc(calc(var(--ui-width, 20) * .5px) + 12px - 6px);
+}
+.ui-tips-x::before,
+.ui-tips-x::after {
+ content: "";
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ background: var(--ui-tips-bg);
+}
+.ui-tips-x::before {
+ z-index:-1;
+ clip-path: inset(
+ var(--ui-tips-triangle-size)
+ var(--ui-tips-triangle-size)
+ var(--ui-tips-triangle-size)
+ var(--ui-tips-triangle-size)
+ round calc(var(--ui-radius, 4px) - 1px));
+}
+.ui-tips-x::after {
+ clip-path: polygon(
+ calc(50% - var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)),
+ calc(50% + var(--ui-tips-triangle-size)) calc(100% - (var(--ui-tips-triangle-size) + 1px)),
+ 50% 100%
+ );}
+
+
+
+@media (any-hover: none) {
+ html {
+ --hoverNone: 'true';
+ }
+}
+
+/* 悬浮在左右侧的，限定最大宽度 */
+.ui-tips-x[data-align="8-6"],
+.ui-tips-x[data-align="6-8"] {
+ max-width: 600px;
+}
+
+/* 悬浮在目标正下方，箭头在框体 50% 0 位置 */
+.ui-tips-x[data-align="7-5"] {
+ margin-top: var(--ui-tips-offset);
+}
+
+.ui-tips-x[data-align="7-5"]::after {
+ clip-path: polygon(
+ calc(50% - var(--ui-tips-triangle-size)) calc(0% + (var(--ui-tips-triangle-size) + 1px)),
+ calc(50% + var(--ui-tips-triangle-size)) calc(0% + (var(--ui-tips-triangle-size) + 1px)),
+ 50% 0%
+ );
+}
+
+/* 悬浮在目标左上，箭头在框体 100% - 16px, 100% 位置 */
+.ui-tips-x[data-align="2-3"] {
+ margin-left: 12px;
+ margin-top: calc(var(--ui-tips-offset) * -1);
+}
+
+/* 三角的位置 */
+.ui-tips-x[data-align="2-3"]::after {
+ clip-path: polygon(
+ calc(100% - var(--ui-tips-triangle-offset-x)) calc(100% - (var(--ui-tips-triangle-size) + 1px)),
+ calc(100% - (var(--ui-tips-triangle-offset-x) + var(--ui-tips-triangle-size)*2)) calc(100% - (var(--ui-tips-triangle-size) + 1px)),
+ calc(100% - (var(--ui-tips-triangle-offset-x) + var(--ui-tips-triangle-size))) 100%
+ );
+}
+
+/* 悬浮在目标右上，箭头在框体 16px, 100% 位置 */
+.ui-tips-x[data-align="1-4"] {
+ margin-left: -12px;
+ margin-top: calc(var(--ui-tips-offset) * -1);
+}
+.ui-tips-x[data-align="1-4"]::after {
+ clip-path: polygon(
+ var(--ui-tips-triangle-offset-x) calc(100% - (var(--ui-tips-triangle-size) + 1px)),
+ calc(var(--ui-tips-triangle-offset-x) + var(--ui-tips-triangle-size)*2) calc(100% - (var(--ui-tips-triangle-size) + 1px)),
+ calc(var(--ui-tips-triangle-offset-x) + var(--ui-tips-triangle-size)) 100%
+ );
+}
+
+/* 悬浮在目标左侧，箭头在框体 100%, 50% 位置 */
+.ui-tips-x[data-align="8-6"] {
+ margin-left: calc(var(--ui-tips-offset) * -1);
+ margin-top: 0;
+}
+
+.ui-tips-x[data-align="8-6"]::after {
+ clip-path: polygon(
+ calc(100% - (var(--ui-tips-triangle-size) + 1px)) calc(50% - var(--ui-tips-triangle-size)),
+ calc(100% - (var(--ui-tips-triangle-size) + 1px)) calc(50% + var(--ui-tips-triangle-size)),
+ 100% 50%
+ );
+}
+/* 悬浮在目标右侧，箭头在框体 0%, 50% 位置 */
+.ui-tips-x[data-align="6-8"] {
+ margin-left: var(--ui-tips-offset);
+ margin-top: 0;
+}
+
+.ui-tips-x[data-align="6-8"]::after {
+ clip-path: polygon(
+ calc(0% + (var(--ui-tips-triangle-size) + 1px)) calc(50% - var(--ui-tips-triangle-size)),
+ calc(0% + (var(--ui-tips-triangle-size) + 1px)) calc(50% + var(--ui-tips-triangle-size)),
+ 0% 50%
+ );
+}
+
+/* 悬浮在目标左下侧，箭头在框体 100% - 16px, 0% 位置 */
+.ui-tips-x[data-align="3-2"] {
+ margin-left: 12px;
+ margin-top: var(--ui-tips-offset);
+}
+
+.ui-tips-x[data-align="3-2"]::after {
+ clip-path: polygon(
+ calc(100% - var(--ui-tips-triangle-offset-x)) calc(0% + (var(--ui-tips-triangle-size) + 1px)),
+ calc(100% - (var(--ui-tips-triangle-offset-x) + var(--ui-tips-triangle-size)*2)) calc(0% + (var(--ui-tips-triangle-size) + 1px)),
+ calc(100% - (var(--ui-tips-triangle-offset-x) + var(--ui-tips-triangle-size))) 0%
+ );
+}
+
+/* 悬浮在目标右下侧，箭头在框体 16px, 0% 位置*/
+.ui-tips-x[data-align="4-1"] {
+ margin-left: -12px;
+ margin-top: var(--ui-tips-offset);
+}
+
+.ui-tips-x[data-align="4-1"]::after {
+ clip-path: polygon(
+ 16px calc(0% + (var(--ui-tips-triangle-size) + 1px)),
+ calc(16px + var(--ui-tips-triangle-size)*2) calc(0% + (var(--ui-tips-triangle-size) + 1px)),
+ calc(16px + var(--ui-tips-triangle-size)) 0%
+ );
+}
+
+
+/* 错误提示的tips效果 */
+.ui-tips-error:not(.none) {
+ animation: fadeIn var(--ui-animate-time, .2s), fallDown var(--ui-animate-time, .2s);
+}
+
+.ui-tips-error.ui-tips-x::before,
+.ui-tips-error.ui-tips-x::after {
+ background: var(--ui-tips-error-bg);
+}
+
+
+/**
+ *
+ * @Table.css
+ * @author zhangxinxu
+ * @edit 17-10-18 从原Table.css中分离出来
+ *
+**/
+/* table shadow */
+.table-x {
+ background-color: #fff;
+ border: 1px solid var(--ui-border, #d0d0d5);
+}
+
+.table-x table {
+ border: 0;
+}
+
+/* table without data */
+.table-null-x,
+.table-error-x {
+ display: none;
+ align-items: center;
+ justify-content: center;
+ height: 300px;
+ flex-direction: column;
+ text-align: center;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.table-null-x:empty::before {
+ content: '\6682\65E0\6570\636E';
+}
+.table-error-x:empty::before {
+ content: '\6570\636E\83B7\53D6\5931\8D25';
+}
+
+/* 列表分页 */
+.table-page-x,
+.table-x > ui-pagination {
+ padding: 10px 10px 10px 20px;
+ margin-top: -1px;
+ border-top: 1px solid var(--ui-light-border, #ededed);
+ background-color: var(--ui-light, #f7f9fa);
+ position: relative;
+ overflow: hidden;
+}
+.table-x > ui-pagination {
+ justify-content: flex-end;
+}
+.table-x > ui-pagination:not([current]) {
+ --ui-visibility: hidden;
+}
+@media screen and (max-width: 640px) {
+ .table-page-x {
+ padding-left: 10px;
+ padding-right: 5px;
+ }
+}
+
+.table-page-data {
+ float: left;
+ line-height: 20px;
+ padding-top: 5px;
+ font-size: 14px;
+}
+
+.table-page-total {
+ margin: 0 3px;
+}
+
+.table-page-per {
+ display: inline-block;
+ margin-left: 5px;
+ color: var(--ui-blue, #2a80eb);
+ cursor: pointer;
+}
+.table-page-per::after {
+ content: '';
+ display: inline-block;
+ width: 20px; height: 20px;
+ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 197 200 400'%3E%3Cpath d='M-59.7 271.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%23a2a9b6'/%3E%3Cpath d='M-58.7 471.6c-4.2-4.1-11-4.1-15.3 0l-30.5 29.6-30.5-29.6c-4.2-4.1-11-4.1-15.3 0-4.2 4.1-4.2 10.7 0 14.8l38.2 37c4.2 4.1 11 4.1 15.3 0l38.2-37c4.1-4.1 4.1-10.7-.1-14.8z' fill='%232a80eb'/%3E%3C/svg%3E") no-repeat;
+ background-size: 20px 40px;
+ vertical-align: -5px;
+}
+
+.table-page-per:hover::after {
+ color: var(--ui-blue, #2a80eb);
+ background-position: 0 -20px;
+}
+
+.table-page {
+ float: right;
+ padding-top: 2px;
+}
+
+.table-checkbox td:first-child,
+.table-checkbox th:first-child {
+ width: 20px;
+ padding-right: 0;
+ padding-left: 18px;
+ text-align: right;
+}
+
+.table-checkbox td:first-child + td,
+.table-checkbox th:first-child + th {
+ padding-left: 13px;
+}
+
+.table-checkbox tr:hover td {
+ background-color: var(--ui-list-hover, #f0f7ff);
+}
+
+.table-checkbox tr.selected td {
+ background-color: var(--ui-list-selected, #e0f0ff);
+}
+
+
+/* 表格头部操作，搜索，或者大标题 */
+.table-header {
+ padding: 12px 20px;
+ border-bottom: 1px solid var(--ui-light-border, #ededed);
+}
+
+.table-title {
+ line-height: 56px;
+ font-size: 24px;
+ margin: 0;
+}
+.xzdesign-message {
+ min-width: 380px;
+ box-sizing: border-box;
+ border-radius: 4px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #EBEEF5;
+ position: fixed;
+ left: 50%;
+ top: 20px;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ background-color: #edf2fc;
+ -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
+ transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
+ transition: opacity 0.3s, transform 0.4s, top 0.4s;
+ transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s;
+ overflow: hidden;
+ padding: 15px 15px 15px 20px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ z-index: 2300;
+}
+.xzdesign-message p {
+ margin: 0;
+}
+.xzdesign-message__icon {
+ margin-right: 10px;
+ width: 16px;
+ height: 16px;
+ line-height: 16px;
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ fill: currentColor;
+ font-size: inherit;
+}
+.xzdesign-message__content {
+ padding: 0;
+ font-size: 14px;
+ line-height: 1;
+}
+.xzdesign-message--error {
+ background-color: #fef0f0;
+ border-color: #fde2e2;
+ color: #f56c6c;
+}
+.xzdesign-message__icon {
+ position: relative;
+ width: 16px;
+ height: 16px;
+ border-radius: 50%;
+}
+.xzdesign-message--success {
+ background-color: #f0f9eb;
+ border-color: #e1f3d8;
+ color: #67c23a;
+}
+.xzdesign-message--warning {
+ background-color: #fdf6ec;
+ border-color: #faecd8;
+ color: #e6a23c;
+}
+.xzdesign-message--info {
+ background-color: #f4f4f5;
+ border-color: #e9e9eb;
+ color: #909399;
+}
+
+.selectize-input {
+ outline: none;
+}
+
+.selectize-control.plugin-drag_drop.multi>.selectize-input.dragging {
+ overflow: visible
+}
+
+.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
+ visibility: visible !important;
+ background: #f2f2f2 !important;
+ background: rgba(0, 0, 0, .06) !important;
+ border: 0 none !important;
+ box-shadow: inset 0 0 12px 4px #fff
+}
+
+.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
+ content: "!";
+ visibility: hidden
+}
+
+.selectize-control.plugin-drag_drop .ui-sortable-helper {
+ box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
+}
+
+.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
+ position: relative;
+ padding: 10px 8px;
+ border-bottom: 1px solid #d0d0d0;
+ background: #f8f8f8;
+ border-radius: 3px 3px 0 0
+}
+
+.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
+ position: absolute;
+ right: 8px;
+ top: 50%;
+ color: #303030;
+ opacity: .4;
+ margin-top: -12px;
+ line-height: 20px;
+ font-size: 20px !important;
+ text-decoration: none
+}
+
+.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
+ color: #000
+}
+
+.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
+ display: flex
+}
+
+.selectize-dropdown.plugin-optgroup_columns .optgroup {
+ border-right: 1px solid #f2f2f2;
+ border-top: 0 none;
+ flex-grow: 1;
+ flex-basis: 0;
+ min-width: 0
+}
+
+.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
+ border-right: 0 none
+}
+
+.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
+ display: none
+}
+
+.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
+ border-top: 0 none
+}
+
+.selectize-control.plugin-remove_button .item {
+ display: inline-flex;
+ align-items: center;
+ padding-right: 0 !important
+}
+
+.selectize-control.plugin-remove_button .item .remove {
+ color: inherit;
+ text-decoration: none;
+ vertical-align: middle;
+ display: inline-block;
+ padding: 2px 6px;
+ border-left: 1px solid #0073bb;
+ border-radius: 0 2px 2px 0;
+ box-sizing: border-box;
+ margin-left: 6px
+}
+
+.selectize-control.plugin-remove_button .item .remove:hover {
+ background: rgba(0, 0, 0, .05)
+}
+
+.selectize-control.plugin-remove_button .item.active .remove {
+ border-left-color: #00578d
+}
+
+.selectize-control.plugin-remove_button .disabled .item .remove:hover {
+ background: 0
+}
+
+.selectize-control.plugin-remove_button .disabled .item .remove {
+ border-left-color: #aaa
+}
+
+.selectize-control.plugin-clear_button .clear {
+ text-decoration: none;
+ display: flex;
+ position: absolute;
+ height: 100%;
+ width: 25px;
+ top: 0;
+ right: calc(8px - 6px);
+ color: #000;
+ opacity: .4;
+ font-weight: 700;
+ border: 0;
+ cursor: pointer;
+ z-index: 1;
+ font-size: 21px;
+ justify-content: center;
+ align-items: center
+}
+
+.selectize-control.plugin-clear_button .clear:hover {
+ opacity: 1
+}
+
+.selectize-control.plugin-clear_button.single .clear {
+ right: calc(8px - 6px + 1.5rem)
+}
+
+.selectize-dropdown.plugin-auto_position.selectize-position-top {
+ border-top: 1px solid #d0d0d0;
+ border-bottom: 0 none;
+ border-radius: 3px 3px 0 0;
+ box-shadow: 0 -6px 12px rgba(0, 0, 0, .18)
+}
+
+.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
+ border-radius: 0 0 3px 3px;
+ border-top: 0 none
+}
+
+.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
+ top: 0;
+ bottom: unset
+}
+
+.selectize-control {
+ position: relative;
+ font-family: Arial, "Lato", "Source Sans Pro", Roboto, Helvetica, sans-serif,
+ "\5B8B\4F53", "\9ED1\4F53", "\6977\4F53", "\4EFF\5B8B", "\65B0\5B8B\4F53";
+}
+
+.selectize-dropdown,
+.selectize-input,
+.selectize-input input {
+ color: #58657D;
+ font-family: inherit;
+ font-size: 13px;
+ line-height: 15px;
+ font-smoothing: inherit
+}
+
+.selectize-control.single .selectize-input.input-active,
+.selectize-input {
+ background: #fff;
+ cursor: text;
+ display: inline-block
+}
+
+.selectize-input {
+ border: 1px solid #DCDCDC;
+ padding: 5px 8px;
+ background: #FFFFFF;
+ display: inline-block;
+ width: 100%;
+ position: relative;
+ z-index: 1;
+ box-sizing: border-box;
+ /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); */
+ border-radius: 3px
+}
+
+.selectize-control.multi .selectize-input.has-items {
+ padding: calc(8px - 2px - 1px) 8px calc(8px - 2px - 3px - 1px)
+}
+
+.selectize-input.full {
+ background-color: #fff
+}
+
+.selectize-input.disabled,
+.selectize-input.disabled * {
+ cursor: not-allowed !important
+}
+
+.selectize-input.focus {
+ /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15) */
+}
+
+.selectize-input.dropdown-active {
+ border-radius: 3px;
+}
+
+.selectize-input>* {
+ vertical-align: baseline;
+ display: inline-block;
+ zoom: 1;
+ white-space: nowrap;
+
+}
+.selectize-input>.item{
+ width: calc(100% - 10px);
+ overflow: hidden;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+
+.selectize-control.multi .selectize-input>div {
+ cursor: pointer;
+ margin: 0 3px 3px 0;
+ padding: 2px 6px;
+ background: #1da7ee;
+ color: #fff;
+ border: 1px solid #0073bb
+}
+
+.selectize-control.multi .selectize-input>div.active {
+ background: #92c836;
+ color: #fff;
+ border: 1px solid #00578d
+}
+
+.selectize-control.multi .selectize-input.disabled>div,
+.selectize-control.multi .selectize-input.disabled>div.active {
+ color: #fff;
+ background: #d2d2d2;
+ border: 1px solid #aaa
+}
+
+.selectize-input>input {
+ display: inline-block !important;
+ padding: 0 !important;
+ min-height: 0 !important;
+ max-height: none !important;
+ max-width: 100% !important;
+ margin: 0 !important;
+ text-indent: 0 !important;
+ border: 0 none !important;
+ background: 0 0 !important;
+ line-height: inherit !important;
+ user-select: auto !important;
+ box-shadow: none !important
+}
+
+.selectize-input>input::-ms-clear {
+ display: none
+}
+
+.selectize-input>input:focus {
+ outline: 0 !important
+}
+
+.selectize-input>input[placeholder] {
+ box-sizing: initial
+}
+
+.selectize-input.has-items>input {
+ margin: 0 0 !important
+}
+
+.selectize-input::after {
+ content: " ";
+ display: block;
+ clear: left
+}
+
+.selectize-input.dropdown-active::before {
+ content: " ";
+ display: block;
+ position: absolute;
+ background: #f0f0f0;
+ height: 1px;
+ bottom: 0;
+ left: 0;
+ right: 0
+}
+
+.selectize-dropdown {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ width: 100%;
+ z-index: 10;
+ /* border: 1px solid #e4e7ed; */
+ border-radius: 4px;
+ background-color: #fff;
+ box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
+ box-sizing: border-box;
+ margin: 5px 0;
+}
+
+.selectize-dropdown [data-selectable] {
+ cursor: pointer;
+ overflow: hidden
+}
+
+.selectize-dropdown [data-selectable] .highlight {
+ background: rgba(125, 168, 208, .2);
+ border-radius: 1px
+}
+
+.selectize-dropdown .create,
+.selectize-dropdown .no-results,
+.selectize-dropdown .optgroup-header,
+.selectize-dropdown .option {
+ padding: 5px 8px
+}
+
+.selectize-dropdown .option,
+.selectize-dropdown [data-disabled],
+.selectize-dropdown [data-disabled] [data-selectable].option {
+ cursor: inherit;
+ /* opacity: .5 */
+}
+
+.selectize-dropdown [data-selectable].option {
+ font-size: 14px;
+ padding: 0 15px;
+ position: relative;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: #606266;
+ height: 34px;
+ line-height: 34px;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+
+.selectize-dropdown .optgroup:first-child .optgroup-header {
+ border-top: 0 none
+}
+
+.selectize-dropdown .optgroup-header {
+ color: #303030;
+ background: #fff;
+ cursor: default
+}
+
+.selectize-dropdown .active {
+ /* background-color: #92c836;
+ color: #fff */
+ background-color: #f5f7fa;
+ color: #409eff;
+ /* font-weight: 700; */
+}
+
+.selectize-dropdown .active.create {
+ color: #495c68
+}
+
+.selectize-dropdown .selected {
+ /* background-color: #92c836;
+ color: #fff */
+ background-color: #f5f7fa;
+ color: #409eff !important;
+ font-weight: 700;
+}
+
+.selectize-dropdown .create {
+ color: rgba(48, 48, 48, .5)
+}
+
+.selectize-dropdown .active:not(.selected) {
+ /* background: #f5fafd; */
+ /* color: #495c68; */
+ background-color: #f5f7fa;
+ color: #606266;
+}
+
+.selectize-dropdown-content {
+ overflow-y: auto;
+ overflow-x: hidden;
+ max-height: 200px;
+ overflow-scrolling: touch
+}
+
+.selectize-dropdown-emptyoptionlabel {
+ text-align: center
+}
+
+.selectize-dropdown .spinner {
+ display: inline-block;
+ width: 30px;
+ height: 30px;
+ margin: 5px 8px
+}
+
+.selectize-dropdown .spinner:after {
+ content: " ";
+ display: block;
+ width: 24px;
+ height: 24px;
+ margin: 3px;
+ border-radius: 50%;
+ border: 5px solid #d0d0d0;
+ border-color: #d0d0d0 transparent #d0d0d0 transparent;
+ animation: lds-dual-ring 1.2s linear infinite
+}
+
+@keyframes lds-dual-ring {
+ 0% {
+ transform: rotate(0)
+ }
+
+ 100% {
+ transform: rotate(360deg)
+ }
+}
+
+.selectize-control.single .selectize-input,
+.selectize-control.single .selectize-input input {
+ cursor: pointer
+}
+
+.selectize-control.single .selectize-input.input-active,
+.selectize-control.single .selectize-input.input-active input:not(:read-only) {
+ cursor: text;
+ border-color: #409eff;
+}
+
+.selectize-control.single .selectize-input:after {
+ content: " ";
+ display: block;
+ position: absolute;
+ top: 50%;
+ right: 15px;
+ margin-top: -4px;
+ /* width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 5px 5px 0 5px;
+ border-color: grey transparent transparent transparent */
+ width: 6px;
+ height: 6px;
+ background-color: transparent;
+ border-color: #58657D;
+ border-style: solid;
+ border-width: 1px 1px 0 0;
+ transform: rotate(133deg);
+}
+
+.selectize-control.single .selectize-input.dropdown-active:after {
+ margin-top: -2px;
+ /* border-width: 0 5px 5px 5px;
+ border-color: transparent transparent grey transparent */
+ transform: rotate(315deg);
+}
+
+.selectize-control.rtl {
+ text-align: right
+}
+
+.selectize-control.rtl.single .selectize-input:after {
+ left: 15px;
+ right: auto
+}
+
+.selectize-control.rtl .selectize-input>input {
+ margin: 0 4px 0 -2px !important
+}
+
+.selectize-control .selectize-input.disabled {
+ /* opacity: .5;
+ background-color: #fafafa; */
+ /* opacity: .5; */
+ /* background-color: #fafafa; */
+ /* border: 1px solid #dcdfe6; */
+ background-color: #f5f7fa;
+ border-color: #e4e7ed;
+ color: #c0c4cc;
+}
+
+.selectize-control.multi .selectize-input.has-items {
+ padding-left: 5px;
+ padding-right: 5px
+}
+
+.selectize-control.multi .selectize-input.disabled [data-value] {
+ color: #999;
+ text-shadow: none;
+ background: 0;
+ box-shadow: none
+}
+
+.selectize-control.multi .selectize-input.disabled [data-value],
+.selectize-control.multi .selectize-input.disabled [data-value] .remove {
+ border-color: #e6e6e6
+}
+
+.selectize-control.multi .selectize-input.disabled [data-value] .remove {
+ background: 0
+}
+
+.selectize-control.multi .selectize-input [data-value] {
+ text-shadow: 0 1px 0 rgba(0, 51, 83, .3);
+ border-radius: 3px;
+ background-color: #1b9dec;
+ background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
+ background-repeat: repeat-x;
+ box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .03)
+}
+
+.selectize-control.multi .selectize-input [data-value].active {
+ background-color: #0085d4;
+ background-image: linear-gradient(to bottom, #008fd8, #0075cf);
+ background-repeat: repeat-x
+}
+
+.selectize-control.single .selectize-input {
+ /* box-shadow: 0 1px 0 rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .8); */
+ /* background-color: #f9f9f9; */
+ /* background-image: linear-gradient(to bottom, #fefefe, #f2f2f2); */
+ /* background-repeat: repeat-x */
+}
+
+.selectize-control.single .selectize-input,
+.selectize-dropdown.single {
+ border-color: #dcdcdc
+}
+
+.selectize-dropdown .optgroup-header {
+ padding-top: 7px;
+ font-weight: 700;
+ font-size: .85em
+}
+
+.selectize-dropdown .optgroup {
+ border-top: 1px solid #f0f0f0
+}
+
+.selectize-dropdown .optgroup:first-child {
+ border-top: 0 none
+}
+
+.selectize-dropdown.plugin-auto_position.selectize-position-top {
+ border-top: 1px solid #d0d0d0;
+ border-bottom: 0 none;
+ border-radius: 3px 3px 0 0;
+ box-shadow: 0 -6px 12px rgba(0, 0, 0, .18)
+}
+
+.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
+ border-radius: 0 0 3px 3px;
+ border-top: 0 none
+}
+
+.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
+ top: 0;
+ bottom: unset
+}
+
+.selectize-control.plugin-clear_button .clear {
+ text-decoration: none;
+ display: flex;
+ position: absolute;
+ height: 100%;
+ width: 25px;
+ top: 0;
+ right: calc(8px - 6px);
+ color: #000;
+ opacity: .4;
+ font-weight: 700;
+ border: 0;
+ cursor: pointer;
+ z-index: 1;
+ font-size: 21px;
+ justify-content: center;
+ align-items: center
+}
+
+.selectize-control.plugin-clear_button .clear:hover {
+ opacity: 1
+}
+
+.selectize-control.plugin-clear_button.single .clear {
+ right: calc(8px - 6px + 1.5rem)
+}
+
+.selectize-control.plugin-drag_drop.multi>.selectize-input.dragging {
+ overflow: visible
+}
+
+.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
+ visibility: visible !important;
+ background: #f2f2f2 !important;
+ background: rgba(0, 0, 0, .06) !important;
+ border: 0 none !important;
+ box-shadow: inset 0 0 12px 4px #fff
+}
+
+.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
+ content: "!";
+ visibility: hidden
+}
+
+.selectize-control.plugin-drag_drop .ui-sortable-helper {
+ box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
+}
+
+.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
+ position: relative;
+ padding: 10px 8px;
+ border-bottom: 1px solid #d0d0d0;
+ background: #f8f8f8;
+ border-radius: 3px 3px 0 0
+}
+
+.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
+ position: absolute;
+ right: 8px;
+ top: 50%;
+ color: #303030;
+ opacity: .4;
+ margin-top: -12px;
+ line-height: 20px;
+ font-size: 20px !important;
+ text-decoration: none
+}
+
+.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
+ color: #000
+}
+
+.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
+ display: flex
+}
+
+.selectize-dropdown.plugin-optgroup_columns .optgroup {
+ border-right: 1px solid #f2f2f2;
+ border-top: 0 none;
+ flex-grow: 1;
+ flex-basis: 0;
+ min-width: 0
+}
+
+.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
+ border-right: 0 none
+}
+
+.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
+ display: none
+}
+
+.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
+ border-top: 0 none
+}
+
+.selectize-control.plugin-remove_button .item {
+ display: inline-flex;
+ align-items: center;
+ padding-right: 0 !important
+}
+
+.selectize-control.plugin-remove_button .item .remove {
+ color: inherit;
+ text-decoration: none;
+ vertical-align: middle;
+ display: inline-block;
+ padding: 2px 6px;
+ border-left: 1px solid #0073bb;
+ border-radius: 0 2px 2px 0;
+ box-sizing: border-box;
+ margin-left: 6px
+}
+
+.selectize-control.plugin-remove_button .item .remove:hover {
+ background: rgba(0, 0, 0, .05)
+}
+
+.selectize-control.plugin-remove_button .item.active .remove {
+ border-left-color: #00578d
+}
+
+.selectize-control.plugin-remove_button .disabled .item .remove:hover {
+ background: 0
+}
+
+.selectize-control.plugin-remove_button .disabled .item .remove {
+ border-left-color: #aaa
+}
+.xzdesign-checkbox-group {
+ font-size: 0;
+}
+.xzdesign-checkbox-group_list {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ height: 82px;
+}
+.xzdesign-checkbox-group_list_horizontal {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ width: 500px;
+}
+.xzdesign-height_120 {
+ height: 120px;
+}
+.xzdesign-item_flex {
+ display: flex;
+ align-items: flex-start;
+}
+
+.xzdesign-input-number {
+ position: relative;
+ display: inline-block;
+ width: 48px;
+ line-height: 20px;
+}
+.xzdesign-input-number__decrease,
+.xzdesign-input-number__increase {
+ position: absolute;
+ z-index: 1;
+ top: 1px;
+ width: 22px;
+ height: auto;
+ text-align: center;
+ color: #606266;
+ cursor: pointer;
+ font-size: 13px;
+}
+.xzdesign-input-number.is-controls-right .xzdesign-input-number__decrease {
+ right: 1px;
+ bottom: 1px;
+ top: auto;
+ left: auto;
+ border-right: none;
+ border-left: 1px solid #dcdfe6;
+ border-radius: 0 0 4px 0;
+}
+.xzdesign-input-number .xzdesign-input {
+ display: block;
+}
+.xzdesign-input-number.is-controls-right .xzdesign-input__inner {
+ padding-left: 0px;
+ padding-right: 23px;
+ color: #00000040;
+}
+.xzdesign-input-number .xzdesign-input__inner {
+ -webkit-appearance: none;
+ padding-left: 50px;
+ padding-right: 50px;
+ text-align: center;
+ height: 20px;
+}
+.xzdesign-input-number__increase {
+ right: 1px;
+ border-radius: 0 4px 4px 0;
+ border-left: 1px solid #dcdfe6;
+}
+.xzdesign-input-number.is-controls-right .xzdesign-input-number__increase {
+ border-radius: 0 4px 0 0;
+ border-bottom: 1px solid #dcdfe6;
+}
+.xzdesign-input-number.is-controls-right .xzdesign-input-number__decrease,
+.xzdesign-input-number.is-controls-right .xzdesign-input-number__increase {
+ height: 10px;
+ line-height: 10px;
+}
+.xzdesign-input-number__decrease.is-disabled,
+.xzdesign-input-number__increase.is-disabled {
+ color: #c0c4cc;
+ cursor: not-allowed;
+}
+.xzdesign-input-number.is-controls-right .xzdesign-input-number__decrease [class*=icon],
+.xzdesign-input-number.is-controls-right .xzdesign-input-number__increase [class*=icon]::after {
+ content: " ";
+ display: block;
+ position: absolute;
+ top: 50%;
+ right: 8px;
+ margin-top: -1px;
+ width: 4px;
+ height: 4px;
+ background-color: transparent;
+ border-color: #00000040;
+ border-style: solid;
+ border-width: 1px 1px 0 0;
+ transform: rotate(315deg);
+}
+.xzdesign-input-number.is-controls-right .xzdesign-input-number__decrease [class*=icon] {
+ transform: rotate(133deg);
+ margin-top: -3px;
+}
+
+.xzdesign-custom-padding_item {
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: #58657d;
+ min-height: 24px;
+}
+.xzdesign-custom-padding_item span {
+ width: 85px;
+}
+.xzdesign-custom-padding_content {
+ display: flex;
+ align-items: center;
+}
+
+.xzdesign-tree {
+ position: relative;
+ cursor: default;
+ background: #ffffff;
+ color: #606266;
+ font-size: 14px;
+ user-select: none;
+}
+.xzdesign-tree .xzdesign-tree__empty-block {
+ position: relative;
+ min-height: 60px;
+ text-align: center;
+ width: 100%;
+ height: 100%;
+}
+.xzdesign-tree .xzdesign-tree__empty-block .xzdesign-tree__empty-text {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: #909399;
+ font-size: 14px;
+}
+.xzdesign-tree .xzdesign-tree-node {
+ white-space: nowrap;
+ outline: 0;
+}
+.xzdesign-tree .xzdesign-tree-node .xzdesign-tree-node__content {
+ display: flex;
+ align-items: center;
+ height: 32px;
+ cursor: pointer;
+}
+.xzdesign-tree .xzdesign-tree-node .xzdesign-tree-node__content .xzdesign-tree-node__expand-icon {
+ padding: 6px;
+ box-sizing: content-box;
+}
+.xzdesign-tree .xzdesign-tree-node .xzdesign-tree-node__content:hover {
+ background-color: #a8abb225;
+}
+.xzdesign-tree .xzdesign-tree-node__expand-icon {
+ cursor: pointer;
+ color: #a8abb2;
+ font-size: 12px;
+ transform: rotate(0);
+ transition: transform 0.3s ease-in-out;
+}
+.xzdesign-tree .expanded {
+ transform: rotate(90deg);
+}
+.xzdesign-tree .xzdesign-tree-custom-node {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-size: 14px;
+ padding-right: 8px;
+ border-radius: 2px;
+}
+.xzdesign-tree .xzdesign-tree-custom-node_span {
+ width: 85%;
+ text-align: left;
+ padding-bottom: 8px;
+ padding-top: 8px;
+}
+.xzdesign-tree .xzdesign-tree_node_bgColor {
+ width: 14px;
+ height: 14px;
+}
+.xzdesign-tree .is-leaf {
+ color: transparent;
+ cursor: default;
+}
+.xzdesign-tree .xzdesign-tree-icon {
+ height: 1em;
+ width: 1em;
+ line-height: 1em;
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+}
+.xzdesign-tree .xzdesign-tree-icon svg {
+ height: 1em;
+ width: 1em;
+}
+.xzdesign-tree .is-focusable:focus {
+ background-color: #a8abb225;
+}
+
+.xzdesign-padding-top_22 {
+ padding-top: 22px;
+}
+.xzdesign-margin-right_8 {
+ margin-right: 8px;
+}
+.xzdesign-margin-right_22 {
+ margin-right: 22px;
+}
+.xzdesign-margin-right_64 {
+ margin-right: 64px;
+}
+.xzdesign-padding-bottom_20 {
+ padding-bottom: 20px;
+}
+.xzdesign-bg-color_E7E7E7 {
+ background-color: #E7E7E7;
+}
+.xzdesign-color_8F8F8F {
+ color: #8F8F8F;
+}
+.xzdesign-preview-dialog_size {
+ width: 1224px !important;
+ height: 714px !important;
+ border-radius: 4px;
+ margin-top: 48px !important;
+}
+.xzdesign-preview_dialog__header {
+ padding: 29px 30px 0px 30px !important;
+}
+.xzdesign-preview_dialog__headerbtn {
+ right: 30px;
+}
+.xzdesign-preview_dialog__body {
+ box-sizing: content-box;
+ padding: 14px 30px 50px 30px;
+ height: 553px;
+}
+.xzdesign-preview_content {
+ display: flex;
+ justify-content: space-between;
+}
+.xzdesign-preview_sheet {
+ width: 808px;
+ height: 597px;
+ background: #ECECEC;
+ border-radius: 7px;
+ overflow-y: auto;
+}
+.xzdesign-preview_sheet .xzdesign-bottombar {
+ border: 1px solid #e0e2e4;
+}
+.xzdesign-preview_sheet_h {
+ height: 500px;
+ background: #ECECEC;
+ border-radius: 7px;
+ overflow-y: auto;
+}
+.xzdesign-preview_sheet_h .xzdesign-bottombar {
+ border: 1px solid #e0e2e4;
+}
+.xzdesign-split-line {
+ width: 330px;
+ height: 1px;
+ background: #D9D9D9;
+ opacity: 0.5;
+}
+.xzdesign-line-margin {
+ margin: 4px 0px 16px 0px;
+}
+.xzdesign-up__image {
+ font-family: 'PingFang SC';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ color: #4E89FB;
+ cursor: pointer;
+}
+.xzdesign-padding-bottom_12 {
+ padding-bottom: 12px;
+}
+.xzdesign-padding-bottom_4 {
+ padding-bottom: 4px;
+}
+.xzdesign-preview-button-group {
+ margin-bottom: 0px;
+ margin-top: 420px;
+ display: flex;
+ justify-content: space-between;
+}
+.xzdesign-preview-button-group_h {
+ margin-bottom: 0px;
+ display: flex;
+ justify-content: flex-end;
+ padding-bottom: 12px;
+}
+.xzdesign-button-width {
+ width: 154px;
+}
+.xzdesign-color_4E89FB {
+ background: #4E89FB;
+}
+.xzdesign-color_fff {
+ color: #fff;
+}
+.xzdesign-print_svg {
+ background-image: url(icons/d471e2014b292da93f93dbeb597a0e12.svg);
+ display: block;
+ width: 16px;
+ height: 16px;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-preview_svg {
+ background-image: url(icons/92e52985397fe81a32f31371000650bb.svg);
+ display: block;
+ width: 16px;
+ height: 16px;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-svg {
+ display: block;
+ width: 16px;
+ height: 16px;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+}
+.xzdesign-height_14 {
+ height: 14px;
+}
+.xzdesign-flex-center {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.xzdesign-margin-right_4 {
+ margin-right: 4px;
+}
+.xzdesign-padding_item {
+ padding: 6px 32px 0 20px;
+ position: relative;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ height: 72px;
+ line-height: 20px;
+ box-sizing: border-box;
+ cursor: pointer;
+ font-size: 14px;
+}
+.xzdesign-padding_item .xzdesign-padding_content {
+ display: flex;
+ flex-wrap: wrap;
+}
+.xzdesign-padding_item .xzdesign-padding_content span {
+ width: 50%;
+}
+.xzdesign-padding_button {
+ height: 30px;
+}
+.xzdesign-padding_button:hover {
+ color: #4E89FB;
+}
+
+.xzdesign-dialog--left {
+ left: 0;
+}
+.xzdesign-dialog--size {
+ width: 369px;
+ height: 177px;
+}
+.xzdesign-print-dialog_header {
+ padding: 20px 16px 0px 20px;
+ text-align: left;
+ height: 24px;
+ box-sizing: content-box;
+}
+.xzdesign-print-dialog_body {
+ padding: 12px 16px 0px 20px;
+}
+.xzdesign-color_2C2C2C {
+ color: #2C2C2C;
+}
+.xzdesign-margin-right_17 {
+ margin-right: 17px;
+}
+.xzdesign-dialog__headerbtn--top {
+ top: 22px;
+}
+