From 5b6e43df87b44fb46e77ca1e628163e70515cacb Mon Sep 17 00:00:00 2001 From: neymar_Zhang <1390574090@qq.com> Date: Thu, 13 Jun 2024 14:58:14 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6=E8=87=B3?= =?UTF-8?q?=20'src/assets/XZReportDesigner'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 报表 --- .../0ab54153eeeca0ce03978cc463b257f7.woff2 | Bin 0 -> 40148 bytes .../13db00b7a34fee4d819ab7f9838cc428.eot | Bin 0 -> 98640 bytes .../701ae6abd4719e9c2ada3535a497b341.eot | Bin 0 -> 31156 bytes .../8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot | Bin 0 -> 106004 bytes .../XZReportDesigner/xzreportdesigner.css | 91673 ++++++++++++++++ 5 files changed, 91673 insertions(+) create mode 100644 src/assets/XZReportDesigner/0ab54153eeeca0ce03978cc463b257f7.woff2 create mode 100644 src/assets/XZReportDesigner/13db00b7a34fee4d819ab7f9838cc428.eot create mode 100644 src/assets/XZReportDesigner/701ae6abd4719e9c2ada3535a497b341.eot create mode 100644 src/assets/XZReportDesigner/8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot create mode 100644 src/assets/XZReportDesigner/xzreportdesigner.css diff --git a/src/assets/XZReportDesigner/0ab54153eeeca0ce03978cc463b257f7.woff2 b/src/assets/XZReportDesigner/0ab54153eeeca0ce03978cc463b257f7.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..eea9aa228137c5d178a22f785828ff4a867ea92e GIT binary patch literal 40148 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 literal 0 HcmV?d00001 diff --git a/src/assets/XZReportDesigner/13db00b7a34fee4d819ab7f9838cc428.eot b/src/assets/XZReportDesigner/13db00b7a34fee4d819ab7f9838cc428.eot new file mode 100644 index 0000000000000000000000000000000000000000..0a1ef3f7ec16d6686bea362f2e41247b813e6d40 GIT binary patch literal 98640 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

2LiaYv-Uxv|O@DH|N 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 QJc-es8x7q@(^>BS0Q4)MCjbBd literal 0 HcmV?d00001 diff --git a/src/assets/XZReportDesigner/701ae6abd4719e9c2ada3535a497b341.eot b/src/assets/XZReportDesigner/701ae6abd4719e9c2ada3535a497b341.eot new file mode 100644 index 0000000000000000000000000000000000000000..cda0a84cfb15713ff11a77882a5af6cd68f6af42 GIT binary patch literal 31156 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 Vetq&ZzjmtkLF*Q0=ckD7|GxpupZfp+ literal 0 HcmV?d00001 diff --git a/src/assets/XZReportDesigner/8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot b/src/assets/XZReportDesigner/8e3c7f5520f5ae906c6cf6d7f3ddcd19.eot new file mode 100644 index 0000000000000000000000000000000000000000..ef75106be9bdae7dac1277dd2ba56bbd7dd41ca3 GIT binary patch literal 106004 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 PvoiK&B4Ws6*Wv#Fi@o?r literal 0 HcmV?d00001 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,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) 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,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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kIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+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/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOE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) 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,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) 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,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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kIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+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/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOE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) 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; +} +