diff --git a/front/app/assets/css/reset.css b/front/app/assets/css/reset.css index c29c94e72d6e..ad6b54f84646 100644 --- a/front/app/assets/css/reset.css +++ b/front/app/assets/css/reset.css @@ -559,19 +559,6 @@ textarea { /* 2 */ } -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Site - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - /******************************* Page *******************************/ diff --git a/front/app/assets/semantic/components/accordion.css b/front/app/assets/semantic/components/accordion.css deleted file mode 100755 index 52704395df89..000000000000 --- a/front/app/assets/semantic/components/accordion.css +++ /dev/null @@ -1,217 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', '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; - -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease; - vertical-align: baseline; - -webkit-transform: none; - 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; - -webkit-transform: rotate(180deg); - 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 { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.ui.accordion.menu .item .active.title > .dropdown.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} - -/******************************* - Types -*******************************/ - -/*-------------- - Styled ----------------*/ - -.ui.styled.accordion { - width: 600px; -} -.ui.styled.accordion, -.ui.styled.accordion .accordion { - border-radius: 0.28571429rem; - background: #ffffff; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), - 0px 0px 0px 1px rgba(34, 36, 38, 0.15); - 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); - -webkit-transition: background 0.1s ease, color 0.1s ease; - 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); -} - -/******************************* - User Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/accordion.min.css b/front/app/assets/semantic/components/accordion.min.css deleted file mode 100755 index 1aa797c332ea..000000000000 --- a/front/app/assets/semantic/components/accordion.min.css +++ /dev/null @@ -1,147 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Accordion - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.accordion, -.ui.accordion .accordion { - max-width: 100%; -} -.ui.accordion .accordion { - margin: 1em 0 0; - padding: 0; -} -.ui.accordion .accordion .title, -.ui.accordion .title { - cursor: pointer; -} -.ui.accordion .title:not(.ui) { - padding: 0.5em 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1em; - color: rgba(0, 0, 0, 0.87); -} -.ui.accordion .accordion .title ~ .content, -.ui.accordion .title ~ .content { - display: none; -} -.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui), -.ui.accordion:not(.styled) .title ~ .content:not(.ui) { - margin: ''; - padding: 0.5em 0 1em; -} -.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { - padding-bottom: 0; -} -.ui.accordion .accordion .title .dropdown.icon, -.ui.accordion .title .dropdown.icon { - display: inline-block; - float: none; - opacity: 1; - width: 1.25em; - height: 1em; - margin: 0 0.25rem 0 0; - padding: 0; - font-size: 1em; - -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease; - vertical-align: baseline; - -webkit-transform: none; - transform: none; -} -.ui.accordion.menu .item .title { - display: block; - padding: 0; -} -.ui.accordion.menu .item .title > .dropdown.icon { - float: right; - margin: 0.21425em 0 0 1em; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.ui.accordion .ui.header .dropdown.icon { - font-size: 1em; - margin: 0 0.25rem 0 0; -} -.ui.accordion .accordion .active.title .dropdown.icon, -.ui.accordion .active.title .dropdown.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.ui.accordion.menu .item .active.title > .dropdown.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.ui.styled.accordion { - width: 600px; -} -.ui.styled.accordion, -.ui.styled.accordion .accordion { - border-radius: 0.28571429rem; - background: #fff; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15); -} -.ui.styled.accordion .accordion .title, -.ui.styled.accordion .title { - margin: 0; - padding: 0.75em 1em; - color: rgba(0, 0, 0, 0.4); - font-weight: 700; - border-top: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, color 0.1s ease; -} -.ui.styled.accordion .accordion .title:first-child, -.ui.styled.accordion > .title:first-child { - border-top: none; -} -.ui.styled.accordion .accordion .content, -.ui.styled.accordion .content { - margin: 0; - padding: 0.5em 1em 1.5em; -} -.ui.styled.accordion .accordion .content { - padding: 0; - padding: 0.5em 1em 1.5em; -} -.ui.styled.accordion .accordion .active.title, -.ui.styled.accordion .accordion .title:hover, -.ui.styled.accordion .active.title, -.ui.styled.accordion .title:hover { - background: 0 0; - color: rgba(0, 0, 0, 0.87); -} -.ui.styled.accordion .accordion .active.title, -.ui.styled.accordion .accordion .title:hover { - background: 0 0; - color: rgba(0, 0, 0, 0.87); -} -.ui.styled.accordion .active.title { - background: 0 0; - color: rgba(0, 0, 0, 0.95); -} -.ui.styled.accordion .accordion .active.title { - background: 0 0; - color: rgba(0, 0, 0, 0.95); -} -.ui.accordion .accordion .active.content, -.ui.accordion .active.content { - display: block; -} -.ui.fluid.accordion, -.ui.fluid.accordion .accordion { - width: 100%; -} -.ui.inverted.accordion .title:not(.ui) { - color: rgba(255, 255, 255, 0.9); -} diff --git a/front/app/assets/semantic/components/ad.css b/front/app/assets/semantic/components/ad.css deleted file mode 100644 index 9e69311343c0..000000000000 --- a/front/app/assets/semantic/components/ad.css +++ /dev/null @@ -1,254 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transform: translateX(-50%) translateY(-50%); - 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); -} - -/******************************* - User Variable Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/ad.min.css b/front/app/assets/semantic/components/ad.min.css deleted file mode 100644 index 28cd34009dce..000000000000 --- a/front/app/assets/semantic/components/ad.min.css +++ /dev/null @@ -1,153 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Ad - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2013 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.ad { - display: block; - overflow: hidden; - margin: 1em 0; -} -.ui.ad:first-child { - margin: 0; -} -.ui.ad:last-child { - margin: 0; -} -.ui.ad iframe { - margin: 0; - padding: 0; - border: none; - overflow: hidden; -} -.ui.leaderboard.ad { - width: 728px; - height: 90px; -} -.ui[class*='medium rectangle'].ad { - width: 300px; - height: 250px; -} -.ui[class*='large rectangle'].ad { - width: 336px; - height: 280px; -} -.ui[class*='half page'].ad { - width: 300px; - height: 600px; -} -.ui.square.ad { - width: 250px; - height: 250px; -} -.ui[class*='small square'].ad { - width: 200px; - height: 200px; -} -.ui[class*='small rectangle'].ad { - width: 180px; - height: 150px; -} -.ui[class*='vertical rectangle'].ad { - width: 240px; - height: 400px; -} -.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; -} -.ui.skyscraper.ad { - width: 120px; - height: 600px; -} -.ui[class*='wide skyscraper'].ad { - width: 160px; -} -.ui.banner.ad { - width: 468px; - height: 60px; -} -.ui[class*='vertical banner'].ad { - width: 120px; - height: 240px; -} -.ui[class*='top banner'].ad { - width: 930px; - height: 180px; -} -.ui[class*='half banner'].ad { - width: 234px; - height: 60px; -} -.ui[class*='large leaderboard'].ad { - width: 970px; - height: 90px; -} -.ui.billboard.ad { - width: 970px; - height: 250px; -} -.ui.panorama.ad { - width: 980px; - height: 120px; -} -.ui.netboard.ad { - width: 580px; - height: 400px; -} -.ui[class*='large mobile banner'].ad { - width: 320px; - height: 100px; -} -.ui[class*='mobile leaderboard'].ad { - width: 320px; - height: 50px; -} -.ui.mobile.ad { - display: none; -} -@media only screen and (max-width: 767px) { - .ui.mobile.ad { - display: block; - } -} -.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; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - content: 'Ad'; - color: #fff; - font-size: 1em; - font-weight: 700; -} -.ui.mobile.test.ad:after { - font-size: 0.85714286em; -} -.ui.test.ad[data-text]:after { - content: attr(data-text); -} diff --git a/front/app/assets/semantic/components/breadcrumb.css b/front/app/assets/semantic/components/breadcrumb.css deleted file mode 100755 index 374f25a79c7f..000000000000 --- a/front/app/assets/semantic/components/breadcrumb.css +++ /dev/null @@ -1,111 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/breadcrumb.min.css b/front/app/assets/semantic/components/breadcrumb.min.css deleted file mode 100755 index 5da8fff2e9a6..000000000000 --- a/front/app/assets/semantic/components/breadcrumb.min.css +++ /dev/null @@ -1,78 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Breadcrumb - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.breadcrumb { - line-height: 1; - display: inline-block; - margin: 0 0; - vertical-align: middle; -} -.ui.breadcrumb:first-child { - margin-top: 0; -} -.ui.breadcrumb:last-child { - margin-bottom: 0; -} -.ui.breadcrumb .divider { - display: inline-block; - opacity: 0.7; - margin: 0 0.21428571rem 0; - font-size: 0.92857143em; - color: rgba(0, 0, 0, 0.4); - vertical-align: baseline; -} -.ui.breadcrumb a { - color: #4183c4; -} -.ui.breadcrumb a:hover { - color: #1e70bf; -} -.ui.breadcrumb .icon.divider { - font-size: 0.85714286em; - vertical-align: baseline; -} -.ui.breadcrumb a.section { - cursor: pointer; -} -.ui.breadcrumb .section { - display: inline-block; - margin: 0; - padding: 0; -} -.ui.breadcrumb.segment { - display: inline-block; - padding: 0.78571429em 1em; -} -.ui.breadcrumb .active.section { - font-weight: 700; -} -.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; -} diff --git a/front/app/assets/semantic/components/button.css b/front/app/assets/semantic/components/button.css deleted file mode 100755 index 7ad28f77cdd7..000000000000 --- a/front/app/assets/semantic/components/button.css +++ /dev/null @@ -1,3684 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', '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; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, - 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, - color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, background 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - will-change: ''; - -webkit-tap-highlight-color: transparent; -} - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.button:hover { - background-color: #cacbcd; - background-image: none; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, - 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: '' !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); - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, none; - box-shadow: 0px 0px 0px 1px transparent inset, none; -} - -/*-------------- - Active ----------------*/ - -.ui.active.button { - background-color: #c0c1c2; - background-image: none; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset; - 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; - -webkit-transition: all 0s linear, opacity 0.1s ease; - 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} -.ui.labeled.icon.loading.button .icon { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} -@-webkit-keyframes button-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes button-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - 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; - -webkit-box-shadow: 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 { - -webkit-transition: right 0.3s ease 0s; - 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 { - -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; -} -.ui.vertical.animated.button .visible.content { - -webkit-transform: translateY(0%); - 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 { - -webkit-transform: translateY(200%); - 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 { - -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease, - -webkit-transform 0.3s ease; -} -.ui.fade.animated.button .visible.content { - left: auto; - right: auto; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -.ui.fade.animated.button .hidden.content { - opacity: 0; - left: 0%; - right: auto; - -webkit-transform: scale(1.5); - transform: scale(1.5); -} -.ui.fade.animated.button:focus .visible.content, -.ui.fade.animated.button:hover .visible.content { - left: auto; - right: auto; - opacity: 0; - -webkit-transform: scale(0.75); - transform: scale(0.75); -} -.ui.fade.animated.button:focus .hidden.content, -.ui.fade.animated.button:hover .hidden.content { - left: 0%; - right: auto; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.button { - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #dcddde inset !important; - box-shadow: 0px 0px 0px 2px #dcddde inset !important; - color: rgba(0, 0, 0, 0.8); -} - -/*------------------- - Labeled Button ---------------------*/ - -.ui.labeled.button:not(.icon) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background: none !important; - padding: 0px !important; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.labeled.button > .button { - margin: 0px; -} -.ui.labeled.button > .label { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; -} -.ui.basic.buttons { - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, - 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, - 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, - 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: '' !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 { - -webkit-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; - 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 { - -webkit-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; - 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 { - -webkit-box-shadow: '' !important; - box-shadow: '' !important; -} - -/* Standard Basic Inverted */ -.ui.basic.inverted.buttons .button, -.ui.basic.inverted.button { - background-color: transparent !important; - color: #f9fafb !important; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !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; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; -} -.ui.basic.inverted.buttons .button:focus, -.ui.basic.inverted.button:focus { - color: #ffffff !important; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; - 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); - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - 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); - -webkit-box-shadow: none; - 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: ''; - -webkit-box-shadow: -1px 0px 0px 0px transparent inset; - 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; - -webkit-box-shadow: 1px 0px 0px 0px transparent inset; - 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; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.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; - -webkit-box-shadow: none !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; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset; - 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; - 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: -webkit-box; - display: -ms-flexbox; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - 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: -webkit-box; - display: -ms-flexbox; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #1b1c1d inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #2f3032 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; - box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; - color: #343637 !important; -} -.ui.basic.black.buttons .button:active, -.ui.basic.black.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #d4d4d5 inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #767676 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #838383 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #8a8a8a inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #696969 inset !important; - box-shadow: 0px 0px 0px 1px #696969 inset !important; - color: #909090 !important; -} -.ui.basic.grey.buttons .button:active, -.ui.basic.grey.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #909090 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #d4d4d5 inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #a5673f inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #975b33 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #90532b inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #995a31 inset !important; - box-shadow: 0px 0px 0px 1px #995a31 inset !important; - color: #805031 !important; -} -.ui.basic.brown.buttons .button:active, -.ui.basic.brown.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #805031 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #d67c1c inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #c86f11 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #c16808 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #a96216 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #2185d0 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - color: #1a69a4 !important; -} -.ui.basic.blue.buttons .button:active, -.ui.basic.blue.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #54c8ff inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #21ba45 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - color: #198f35 !important; -} -.ui.basic.green.buttons .button:active, -.ui.basic.green.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #2ecc40 inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #22be34 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #19b82b inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #1fc231 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #25a233 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #f2711c inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #f26202 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #e55b00 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #f56100 inset !important; - box-shadow: 0px 0px 0px 1px #f56100 inset !important; - color: #cf590c !important; -} -.ui.basic.orange.buttons .button:active, -.ui.basic.orange.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #cf590c inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ff851b inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #f17000 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #e76b00 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #e03997 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #e61a8d inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #e10f85 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #ea158d inset !important; - box-shadow: 0px 0px 0px 1px #ea158d inset !important; - color: #c71f7e !important; -} -.ui.basic.pink.buttons .button:active, -.ui.basic.pink.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #c71f7e inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ff8edf inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #6435c9 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #5829bb inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #4f20b5 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #5626bf inset !important; - box-shadow: 0px 0px 0px 1px #5626bf inset !important; - color: #502aa1 !important; -} -.ui.basic.violet.buttons .button:active, -.ui.basic.violet.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #502aa1 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #a291fb inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #7d64ff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #7860f9 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #a333c8 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #9627ba inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #8f1eb4 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #9724be inset !important; - box-shadow: 0px 0px 0px 1px #9724be inset !important; - color: #82299f !important; -} -.ui.basic.purple.buttons .button:active, -.ui.basic.purple.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #82299f inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #dc73ff inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #d24aff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #cf40ff inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #db2828 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; - box-shadow: 0px 0px 0px 1px #d41515 inset !important; - color: #b21e1e !important; -} -.ui.basic.red.buttons .button:active, -.ui.basic.red.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ff695e inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff4335 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff392b inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #00b5ad inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #008c86 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important; - box-shadow: 0px 0px 0px 1px #009c95 inset !important; - color: #00827c !important; -} -.ui.basic.teal.buttons .button:active, -.ui.basic.teal.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #00827c inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #6dffff inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #44ffff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #3affff inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #b5cc18 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #a7bd0d inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #a0b605 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #aac109 inset !important; - box-shadow: 0px 0px 0px 1px #aac109 inset !important; - color: #8d9e13 !important; -} -.ui.basic.olive.buttons .button:active, -.ui.basic.olive.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #d9e778 inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #daef47 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #daed59 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #cddf4d inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #fbbd08 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #daa300 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - color: #cd9903 !important; -} -.ui.basic.yellow.buttons .button:active, -.ui.basic.yellow.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #cd9903 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ffe21f inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #f5d500 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #2185d0 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - color: #1a69a4 !important; -} -.ui.basic.primary.buttons .button:active, -.ui.basic.primary.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - 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; -} - -/*------------------- - Secondary ---------------------*/ - -/* Standard */ -.ui.secondary.buttons .button, -.ui.secondary.button { - background-color: #1b1c1d; - color: #ffffff; - text-shadow: none; - background-image: none; -} -.ui.secondary.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #1b1c1d inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #2e3032 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; - color: #343637 !important; -} -.ui.basic.secondary.buttons .button:active, -.ui.basic.secondary.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; - 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; -} - -/*--------------- - Positive -----------------*/ - -/* Standard */ -.ui.positive.buttons .button, -.ui.positive.button { - background-color: #21ba45; - color: #ffffff; - text-shadow: none; - background-image: none; -} -.ui.positive.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #21ba45 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - color: #198f35 !important; -} -.ui.basic.positive.buttons .button:active, -.ui.basic.positive.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #db2828 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; - box-shadow: 0px 0px 0px 1px #d41515 inset !important; - color: #b21e1e !important; -} -.ui.basic.negative.buttons .button:active, -.ui.basic.negative.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - font-size: 0em; - vertical-align: baseline; - margin: 0em 0.25em 0em 0em; -} -.ui.buttons:not(.basic):not(.inverted) { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Clearfix */ -.ui.buttons:after { - content: '.'; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -/* Standard Group */ -.ui.buttons .button { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, - 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} -.ui.vertical.buttons .button { - display: block; - float: none; - width: 100%; - margin: 0px 0px 0px 0px; - -webkit-box-shadow: none; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/button.min.css b/front/app/assets/semantic/components/button.min.css deleted file mode 100755 index 0b41ec6518db..000000000000 --- a/front/app/assets/semantic/components/button.min.css +++ /dev/null @@ -1,3302 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Button - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.button { - cursor: pointer; - display: inline-block; - min-height: 1em; - outline: 0; - border: none; - vertical-align: baseline; - background: #e0e1e2 none; - color: rgba(0, 0, 0, 0.6); - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - margin: 0 0.25em 0 0; - padding: 0.78571429em 1.5em 0.78571429em; - text-transform: none; - text-shadow: none; - font-weight: 700; - line-height: 1em; - font-style: normal; - text-align: center; - text-decoration: none; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 1px transparent inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, - color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, background 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - will-change: ''; - -webkit-tap-highlight-color: transparent; -} -.ui.button:hover { - background-color: #cacbcd; - background-image: none; - -webkit-box-shadow: 0 0 0 1px transparent inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - color: rgba(0, 0, 0, 0.8); -} -.ui.button:hover .icon { - opacity: 0.85; -} -.ui.button:focus { - background-color: #cacbcd; - color: rgba(0, 0, 0, 0.8); - background-image: '' !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; -} -.ui.button:focus .icon { - opacity: 0.85; -} -.ui.active.button:active, -.ui.button:active { - background-color: #babbbc; - background-image: ''; - color: rgba(0, 0, 0, 0.9); - -webkit-box-shadow: 0 0 0 1px transparent inset, none; - box-shadow: 0 0 0 1px transparent inset, none; -} -.ui.active.button { - background-color: #c0c1c2; - background-image: none; - -webkit-box-shadow: 0 0 0 1px transparent inset; - box-shadow: 0 0 0 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; -} -.ui.loading.loading.loading.loading.loading.loading.button { - position: relative; - cursor: default; - text-shadow: none !important; - color: transparent !important; - opacity: 1; - pointer-events: auto; - -webkit-transition: all 0s linear, opacity 0.1s ease; - transition: all 0s linear, opacity 0.1s ease; -} -.ui.loading.button:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0 0 -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 0 0 -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: #fff transparent transparent; - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; -} -.ui.labeled.icon.loading.button .icon { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} -@-webkit-keyframes button-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes button-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - 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; -} -.ui.button:disabled, -.ui.buttons .disabled.button, -.ui.disabled.active.button, -.ui.disabled.button, -.ui.disabled.button:hover { - cursor: default; - opacity: 0.45 !important; - background-image: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - pointer-events: none !important; -} -.ui.basic.buttons .ui.disabled.button { - border-color: rgba(34, 36, 38, 0.5); -} -.ui.animated.button { - position: relative; - overflow: hidden; - padding-right: 0 !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%; -} -.ui.animated.button .hidden.content, -.ui.animated.button .visible.content { - -webkit-transition: right 0.3s ease 0s; - 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; -} -.ui.vertical.animated.button .hidden.content, -.ui.vertical.animated.button .visible.content { - -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; -} -.ui.vertical.animated.button .visible.content { - -webkit-transform: translateY(0); - 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 { - -webkit-transform: translateY(200%); - transform: translateY(200%); - right: auto; -} -.ui.vertical.animated.button:focus .hidden.content, -.ui.vertical.animated.button:hover .hidden.content { - top: 50%; - right: auto; -} -.ui.fade.animated.button .hidden.content, -.ui.fade.animated.button .visible.content { - -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease, - -webkit-transform 0.3s ease; -} -.ui.fade.animated.button .visible.content { - left: auto; - right: auto; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -.ui.fade.animated.button .hidden.content { - opacity: 0; - left: 0; - right: auto; - -webkit-transform: scale(1.5); - transform: scale(1.5); -} -.ui.fade.animated.button:focus .visible.content, -.ui.fade.animated.button:hover .visible.content { - left: auto; - right: auto; - opacity: 0; - -webkit-transform: scale(0.75); - transform: scale(0.75); -} -.ui.fade.animated.button:focus .hidden.content, -.ui.fade.animated.button:hover .hidden.content { - left: 0; - right: auto; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -.ui.inverted.button { - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; - background: transparent none; - color: #fff; - text-shadow: none !important; -} -.ui.inverted.buttons .button { - margin: 0 0 0 -2px; -} -.ui.inverted.buttons .button:first-child { - margin-left: 0; -} -.ui.inverted.vertical.buttons .button { - margin: 0 0 -2px 0; -} -.ui.inverted.vertical.buttons .button:first-child { - margin-top: 0; -} -.ui.inverted.button:hover { - background: #fff; - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; - color: rgba(0, 0, 0, 0.8); -} -.ui.inverted.button.active, -.ui.inverted.button:focus { - background: #fff; - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; - color: rgba(0, 0, 0, 0.8); -} -.ui.inverted.button.active:focus { - background: #dcddde; - -webkit-box-shadow: 0 0 0 2px #dcddde inset !important; - box-shadow: 0 0 0 2px #dcddde inset !important; - color: rgba(0, 0, 0, 0.8); -} -.ui.labeled.button:not(.icon) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background: 0 0 !important; - padding: 0 !important; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.labeled.button > .button { - margin: 0; -} -.ui.labeled.button > .label { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 0 -1px !important; - padding: ''; - font-size: 1em; - border-color: rgba(34, 36, 38, 0.15); -} -.ui.labeled.button > .tag.label:before { - width: 1.85em; - height: 1.85em; -} -.ui.labeled.button:not([class*='left labeled']) > .button { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.ui.labeled.button:not([class*='left labeled']) > .label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.ui[class*='left labeled'].button > .button { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.ui[class*='left labeled'].button > .label { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.ui.facebook.button { - background-color: #3b5998; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.facebook.button:hover { - background-color: #304d8a; - color: #fff; - text-shadow: none; -} -.ui.facebook.button:active { - background-color: #2d4373; - color: #fff; - text-shadow: none; -} -.ui.twitter.button { - background-color: #55acee; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.twitter.button:hover { - background-color: #35a2f4; - color: #fff; - text-shadow: none; -} -.ui.twitter.button:active { - background-color: #2795e9; - color: #fff; - text-shadow: none; -} -.ui.google.plus.button { - background-color: #dd4b39; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.google.plus.button:hover { - background-color: #e0321c; - color: #fff; - text-shadow: none; -} -.ui.google.plus.button:active { - background-color: #c23321; - color: #fff; - text-shadow: none; -} -.ui.linkedin.button { - background-color: #1f88be; - color: #fff; - text-shadow: none; -} -.ui.linkedin.button:hover { - background-color: #147baf; - color: #fff; - text-shadow: none; -} -.ui.linkedin.button:active { - background-color: #186992; - color: #fff; - text-shadow: none; -} -.ui.youtube.button { - background-color: red; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.youtube.button:hover { - background-color: #e60000; - color: #fff; - text-shadow: none; -} -.ui.youtube.button:active { - background-color: #c00; - color: #fff; - text-shadow: none; -} -.ui.instagram.button { - background-color: #49769c; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.instagram.button:hover { - background-color: #3d698e; - color: #fff; - text-shadow: none; -} -.ui.instagram.button:active { - background-color: #395c79; - color: #fff; - text-shadow: none; -} -.ui.pinterest.button { - background-color: #bd081c; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.pinterest.button:hover { - background-color: #ac0013; - color: #fff; - text-shadow: none; -} -.ui.pinterest.button:active { - background-color: #8c0615; - color: #fff; - text-shadow: none; -} -.ui.vk.button { - background-color: #4d7198; - color: #fff; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.vk.button:hover { - background-color: #41648a; - color: #fff; -} -.ui.vk.button:active { - background-color: #3c5876; - color: #fff; -} -.ui.button > .icon:not(.button) { - height: 0.85714286em; - opacity: 0.8; - margin: 0 0.42857143em 0 -0.21428571em; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; - vertical-align: ''; - color: ''; -} -.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) { - margin: 0 0.42857143em 0 -0.21428571em; -} -.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { - margin: 0 -0.21428571em 0 0.42857143em; -} -.ui[class*='left floated'].button, -.ui[class*='left floated'].buttons { - float: left; - margin-left: 0; - margin-right: 0.25em; -} -.ui[class*='right floated'].button, -.ui[class*='right floated'].buttons { - float: right; - margin-right: 0; - margin-left: 0.25em; -} -.ui.compact.button, -.ui.compact.buttons .button { - padding: 0.58928571em 1.125em 0.58928571em; -} -.ui.compact.icon.button, -.ui.compact.icon.buttons .button { - padding: 0.58928571em 0.58928571em 0.58928571em; -} -.ui.compact.labeled.icon.button, -.ui.compact.labeled.icon.buttons .button { - padding: 0.58928571em 3.69642857em 0.58928571em; -} -.ui.mini.button, -.ui.mini.buttons .button, -.ui.mini.buttons .or { - font-size: 0.78571429rem; -} -.ui.tiny.button, -.ui.tiny.buttons .button, -.ui.tiny.buttons .or { - font-size: 0.85714286rem; -} -.ui.small.button, -.ui.small.buttons .button, -.ui.small.buttons .or { - font-size: 0.92857143rem; -} -.ui.button, -.ui.buttons .button, -.ui.buttons .or { - font-size: 1rem; -} -.ui.large.button, -.ui.large.buttons .button, -.ui.large.buttons .or { - font-size: 1.14285714rem; -} -.ui.big.button, -.ui.big.buttons .button, -.ui.big.buttons .or { - font-size: 1.28571429rem; -} -.ui.huge.button, -.ui.huge.buttons .button, -.ui.huge.buttons .or { - font-size: 1.42857143rem; -} -.ui.massive.button, -.ui.massive.buttons .button, -.ui.massive.buttons .or { - font-size: 1.71428571rem; -} -.ui.icon.button, -.ui.icon.buttons .button { - padding: 0.78571429em 0.78571429em 0.78571429em; -} -.ui.icon.button > .icon, -.ui.icon.buttons .button > .icon { - opacity: 0.9; - margin: 0 !important; - vertical-align: top; -} -.ui.basic.button, -.ui.basic.buttons .button { - background: transparent none !important; - color: rgba(0, 0, 0, 0.6) !important; - font-weight: 400; - border-radius: 0.28571429rem; - text-transform: none; - text-shadow: none !important; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; -} -.ui.basic.buttons { - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; -} -.ui.basic.buttons .button { - border-radius: 0; -} -.ui.basic.button:hover, -.ui.basic.buttons .button:hover { - background: #fff !important; - color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.basic.button:focus, -.ui.basic.buttons .button:focus { - background: #fff !important; - color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.basic.button:active, -.ui.basic.buttons .button:active { - background: #f8f8f8 !important; - color: rgba(0, 0, 0, 0.9) !important; - -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, - 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, - 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.basic.active.button, -.ui.basic.buttons .active.button { - background: rgba(0, 0, 0, 0.05) !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; - color: rgba(0, 0, 0, 0.95) !important; -} -.ui.basic.active.button:hover, -.ui.basic.buttons .active.button:hover { - background-color: rgba(0, 0, 0, 0.05); -} -.ui.basic.buttons .button:hover { - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset; -} -.ui.basic.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, - 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, - 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset; -} -.ui.basic.buttons .active.button { - -webkit-box-shadow: '' !important; - box-shadow: '' !important; -} -.ui.basic.inverted.button, -.ui.basic.inverted.buttons .button { - background-color: transparent !important; - color: #f9fafb !important; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; -} -.ui.basic.inverted.button:hover, -.ui.basic.inverted.buttons .button:hover { - color: #fff !important; - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; -} -.ui.basic.inverted.button:focus, -.ui.basic.inverted.buttons .button:focus { - color: #fff !important; - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; -} -.ui.basic.inverted.button:active, -.ui.basic.inverted.buttons .button:active { - background-color: rgba(255, 255, 255, 0.08) !important; - color: #fff !important; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset !important; -} -.ui.basic.inverted.active.button, -.ui.basic.inverted.buttons .active.button { - background-color: rgba(255, 255, 255, 0.08); - color: #fff; - text-shadow: none; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset; -} -.ui.basic.inverted.active.button:hover, -.ui.basic.inverted.buttons .active.button:hover { - background-color: rgba(255, 255, 255, 0.15); - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; -} -.ui.basic.buttons .button { - border-left: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.basic.vertical.buttons .button { - border-left: none; -} -.ui.basic.vertical.buttons .button { - border-left-width: 0; - border-top: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.basic.vertical.buttons .button:first-child { - border-top-width: 0; -} -.ui.labeled.icon.button, -.ui.labeled.icon.buttons .button { - position: relative; - padding-left: 4.07142857em !important; - padding-right: 1.5em !important; -} -.ui.labeled.icon.button > .icon, -.ui.labeled.icon.buttons > .button > .icon { - position: absolute; - height: 100%; - line-height: 1; - border-radius: 0; - border-top-left-radius: inherit; - border-bottom-left-radius: inherit; - text-align: center; - margin: 0; - width: 2.57142857em; - background-color: rgba(0, 0, 0, 0.05); - color: ''; - -webkit-box-shadow: -1px 0 0 0 transparent inset; - box-shadow: -1px 0 0 0 transparent inset; -} -.ui.labeled.icon.button > .icon, -.ui.labeled.icon.buttons > .button > .icon { - top: 0; - left: 0; -} -.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: 0; - border-radius: 0; - border-top-right-radius: inherit; - border-bottom-right-radius: inherit; - -webkit-box-shadow: 1px 0 0 0 transparent inset; - box-shadow: 1px 0 0 0 transparent inset; -} -.ui.labeled.icon.button > .icon:after, -.ui.labeled.icon.button > .icon:before, -.ui.labeled.icon.buttons > .button > .icon:after, -.ui.labeled.icon.buttons > .button > .icon:before { - display: block; - position: absolute; - width: 100%; - top: 50%; - text-align: center; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.ui.labeled.icon.buttons .button > .icon { - border-radius: 0; -} -.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: 0; - border-top-left-radius: 0.28571429rem; -} -.ui.vertical.labeled.icon.buttons .button:last-child > .icon { - border-radius: 0; - border-bottom-left-radius: 0.28571429rem; -} -.ui.fluid[class*='left labeled'].icon.button, -.ui.fluid[class*='right labeled'].icon.button { - padding-left: 1.5em !important; - padding-right: 1.5em !important; -} -.ui.button.toggle.active, -.ui.buttons .button.toggle.active, -.ui.toggle.buttons .active.button { - background-color: #21ba45 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - text-shadow: none; - color: #fff !important; -} -.ui.button.toggle.active:hover { - background-color: #16ab39 !important; - text-shadow: none; - color: #fff !important; -} -.ui.circular.button { - border-radius: 10em; -} -.ui.circular.button > .icon { - width: 1em; - vertical-align: baseline; -} -.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: #fff; - 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: 700; - -webkit-box-shadow: 0 0 0 1px transparent inset; - box-shadow: 0 0 0 1px transparent inset; -} -.ui.buttons .or[data-text]:before { - content: attr(data-text); -} -.ui.fluid.buttons .or { - width: 0 !important; -} -.ui.fluid.buttons .or:after { - display: none; -} -.ui.attached.button { - position: relative; - display: block; - margin: 0; - border-radius: 0; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) !important; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) !important; -} -.ui.attached.top.button { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.attached.bottom.button { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.left.attached.button { - display: inline-block; - border-left: none; - text-align: right; - padding-right: 0.75em; - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui.right.attached.button { - display: inline-block; - text-align: left; - padding-left: 0.75em; - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.ui.attached.buttons { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: 0; - width: auto !important; - z-index: 2; - margin-left: -1px; - margin-right: -1px; -} -.ui.attached.buttons .button { - margin: 0; -} -.ui.attached.buttons .button:first-child { - border-radius: 0; -} -.ui.attached.buttons .button:last-child { - border-radius: 0; -} -.ui[class*='top attached'].buttons { - margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui[class*='top attached'].buttons .button:first-child { - border-radius: 0.28571429rem 0 0 0; -} -.ui[class*='top attached'].buttons .button:last-child { - border-radius: 0 0.28571429rem 0 0; -} -.ui[class*='bottom attached'].buttons { - margin-top: -1px; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui[class*='bottom attached'].buttons .button:first-child { - border-radius: 0 0 0 0.28571429rem; -} -.ui[class*='bottom attached'].buttons .button:last-child { - border-radius: 0 0 0.28571429rem 0; -} -.ui[class*='left attached'].buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin-right: 0; - margin-left: -1px; - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.ui[class*='left attached'].buttons .button:first-child { - margin-left: -1px; - border-radius: 0 0.28571429rem 0 0; -} -.ui[class*='left attached'].buttons .button:last-child { - margin-left: -1px; - border-radius: 0 0 0.28571429rem 0; -} -.ui[class*='right attached'].buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin-left: 0; - margin-right: -1px; - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui[class*='right attached'].buttons .button:first-child { - margin-left: -1px; - border-radius: 0.28571429rem 0 0 0; -} -.ui[class*='right attached'].buttons .button:last-child { - margin-left: -1px; - border-radius: 0 0 0 0.28571429rem; -} -.ui.fluid.button, -.ui.fluid.buttons { - 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%; -} -.ui.fluid.vertical.buttons, -.ui.fluid.vertical.buttons > .button { - display: -webkit-box; - display: -ms-flexbox; - 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%; -} -.ui.black.button, -.ui.black.buttons .button { - background-color: #1b1c1d; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.black.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.black.button:hover, -.ui.black.buttons .button:hover { - background-color: #27292a; - color: #fff; - text-shadow: none; -} -.ui.black.button:focus, -.ui.black.buttons .button:focus { - background-color: #2f3032; - color: #fff; - text-shadow: none; -} -.ui.black.button:active, -.ui.black.buttons .button:active { - background-color: #343637; - color: #fff; - text-shadow: none; -} -.ui.black.active.button, -.ui.black.button .active.button:active, -.ui.black.buttons .active.button, -.ui.black.buttons .active.button:active { - background-color: #0f0f10; - color: #fff; - text-shadow: none; -} -.ui.basic.black.button, -.ui.basic.black.buttons .button { - -webkit-box-shadow: 0 0 0 1px #1b1c1d inset !important; - box-shadow: 0 0 0 1px #1b1c1d inset !important; - color: #1b1c1d !important; -} -.ui.basic.black.button:hover, -.ui.basic.black.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #27292a inset !important; - box-shadow: 0 0 0 1px #27292a inset !important; - color: #27292a !important; -} -.ui.basic.black.button:focus, -.ui.basic.black.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #2f3032 inset !important; - box-shadow: 0 0 0 1px #2f3032 inset !important; - color: #27292a !important; -} -.ui.basic.black.active.button, -.ui.basic.black.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #0f0f10 inset !important; - box-shadow: 0 0 0 1px #0f0f10 inset !important; - color: #343637 !important; -} -.ui.basic.black.button:active, -.ui.basic.black.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #343637 inset !important; - box-shadow: 0 0 0 1px #343637 inset !important; - color: #343637 !important; -} -.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.black.button, -.ui.inverted.black.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #d4d4d5 inset !important; - box-shadow: 0 0 0 2px #d4d4d5 inset !important; - color: #fff; -} -.ui.inverted.black.button.active, -.ui.inverted.black.button:active, -.ui.inverted.black.button:focus, -.ui.inverted.black.button:hover, -.ui.inverted.black.buttons .button.active, -.ui.inverted.black.buttons .button:active, -.ui.inverted.black.buttons .button:focus, -.ui.inverted.black.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.black.button:hover, -.ui.inverted.black.buttons .button:hover { - background-color: #000; -} -.ui.inverted.black.button:focus, -.ui.inverted.black.buttons .button:focus { - background-color: #000; -} -.ui.inverted.black.active.button, -.ui.inverted.black.buttons .active.button { - background-color: #000; -} -.ui.inverted.black.button:active, -.ui.inverted.black.buttons .button:active { - background-color: #000; -} -.ui.inverted.black.basic.button, -.ui.inverted.black.basic.buttons .button, -.ui.inverted.black.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.black.basic.button:hover, -.ui.inverted.black.basic.buttons .button:hover, -.ui.inverted.black.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #000 inset !important; - box-shadow: 0 0 0 2px #000 inset !important; - color: #fff !important; -} -.ui.inverted.black.basic.button:focus, -.ui.inverted.black.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #000 inset !important; - box-shadow: 0 0 0 2px #000 inset !important; - color: #545454 !important; -} -.ui.inverted.black.basic.active.button, -.ui.inverted.black.basic.buttons .active.button, -.ui.inverted.black.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #000 inset !important; - box-shadow: 0 0 0 2px #000 inset !important; - color: #fff !important; -} -.ui.inverted.black.basic.button:active, -.ui.inverted.black.basic.buttons .button:active, -.ui.inverted.black.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #000 inset !important; - box-shadow: 0 0 0 2px #000 inset !important; - color: #fff !important; -} -.ui.grey.button, -.ui.grey.buttons .button { - background-color: #767676; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.grey.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.grey.button:hover, -.ui.grey.buttons .button:hover { - background-color: #838383; - color: #fff; - text-shadow: none; -} -.ui.grey.button:focus, -.ui.grey.buttons .button:focus { - background-color: #8a8a8a; - color: #fff; - text-shadow: none; -} -.ui.grey.button:active, -.ui.grey.buttons .button:active { - background-color: #909090; - color: #fff; - text-shadow: none; -} -.ui.grey.active.button, -.ui.grey.button .active.button:active, -.ui.grey.buttons .active.button, -.ui.grey.buttons .active.button:active { - background-color: #696969; - color: #fff; - text-shadow: none; -} -.ui.basic.grey.button, -.ui.basic.grey.buttons .button { - -webkit-box-shadow: 0 0 0 1px #767676 inset !important; - box-shadow: 0 0 0 1px #767676 inset !important; - color: #767676 !important; -} -.ui.basic.grey.button:hover, -.ui.basic.grey.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #838383 inset !important; - box-shadow: 0 0 0 1px #838383 inset !important; - color: #838383 !important; -} -.ui.basic.grey.button:focus, -.ui.basic.grey.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #8a8a8a inset !important; - box-shadow: 0 0 0 1px #8a8a8a inset !important; - color: #838383 !important; -} -.ui.basic.grey.active.button, -.ui.basic.grey.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #696969 inset !important; - box-shadow: 0 0 0 1px #696969 inset !important; - color: #909090 !important; -} -.ui.basic.grey.button:active, -.ui.basic.grey.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #909090 inset !important; - box-shadow: 0 0 0 1px #909090 inset !important; - color: #909090 !important; -} -.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.grey.button, -.ui.inverted.grey.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #d4d4d5 inset !important; - box-shadow: 0 0 0 2px #d4d4d5 inset !important; - color: #fff; -} -.ui.inverted.grey.button.active, -.ui.inverted.grey.button:active, -.ui.inverted.grey.button:focus, -.ui.inverted.grey.button:hover, -.ui.inverted.grey.buttons .button.active, -.ui.inverted.grey.buttons .button:active, -.ui.inverted.grey.buttons .button:focus, -.ui.inverted.grey.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} -.ui.inverted.grey.button:hover, -.ui.inverted.grey.buttons .button:hover { - background-color: #cfd0d2; -} -.ui.inverted.grey.button:focus, -.ui.inverted.grey.buttons .button:focus { - background-color: #c7c9cb; -} -.ui.inverted.grey.active.button, -.ui.inverted.grey.buttons .active.button { - background-color: #cfd0d2; -} -.ui.inverted.grey.button:active, -.ui.inverted.grey.buttons .button:active { - background-color: #c2c4c5; -} -.ui.inverted.grey.basic.button, -.ui.inverted.grey.basic.buttons .button, -.ui.inverted.grey.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.grey.basic.button:hover, -.ui.inverted.grey.basic.buttons .button:hover, -.ui.inverted.grey.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset !important; - box-shadow: 0 0 0 2px #cfd0d2 inset !important; - color: #fff !important; -} -.ui.inverted.grey.basic.button:focus, -.ui.inverted.grey.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #c7c9cb inset !important; - box-shadow: 0 0 0 2px #c7c9cb inset !important; - color: #dcddde !important; -} -.ui.inverted.grey.basic.active.button, -.ui.inverted.grey.basic.buttons .active.button, -.ui.inverted.grey.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset !important; - box-shadow: 0 0 0 2px #cfd0d2 inset !important; - color: #fff !important; -} -.ui.inverted.grey.basic.button:active, -.ui.inverted.grey.basic.buttons .button:active, -.ui.inverted.grey.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset !important; - box-shadow: 0 0 0 2px #c2c4c5 inset !important; - color: #fff !important; -} -.ui.brown.button, -.ui.brown.buttons .button { - background-color: #a5673f; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.brown.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.brown.button:hover, -.ui.brown.buttons .button:hover { - background-color: #975b33; - color: #fff; - text-shadow: none; -} -.ui.brown.button:focus, -.ui.brown.buttons .button:focus { - background-color: #90532b; - color: #fff; - text-shadow: none; -} -.ui.brown.button:active, -.ui.brown.buttons .button:active { - background-color: #805031; - color: #fff; - text-shadow: none; -} -.ui.brown.active.button, -.ui.brown.button .active.button:active, -.ui.brown.buttons .active.button, -.ui.brown.buttons .active.button:active { - background-color: #995a31; - color: #fff; - text-shadow: none; -} -.ui.basic.brown.button, -.ui.basic.brown.buttons .button { - -webkit-box-shadow: 0 0 0 1px #a5673f inset !important; - box-shadow: 0 0 0 1px #a5673f inset !important; - color: #a5673f !important; -} -.ui.basic.brown.button:hover, -.ui.basic.brown.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #975b33 inset !important; - box-shadow: 0 0 0 1px #975b33 inset !important; - color: #975b33 !important; -} -.ui.basic.brown.button:focus, -.ui.basic.brown.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #90532b inset !important; - box-shadow: 0 0 0 1px #90532b inset !important; - color: #975b33 !important; -} -.ui.basic.brown.active.button, -.ui.basic.brown.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #995a31 inset !important; - box-shadow: 0 0 0 1px #995a31 inset !important; - color: #805031 !important; -} -.ui.basic.brown.button:active, -.ui.basic.brown.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #805031 inset !important; - box-shadow: 0 0 0 1px #805031 inset !important; - color: #805031 !important; -} -.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.brown.button, -.ui.inverted.brown.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #d67c1c inset !important; - box-shadow: 0 0 0 2px #d67c1c inset !important; - color: #d67c1c; -} -.ui.inverted.brown.button.active, -.ui.inverted.brown.button:active, -.ui.inverted.brown.button:focus, -.ui.inverted.brown.button:hover, -.ui.inverted.brown.buttons .button.active, -.ui.inverted.brown.buttons .button:active, -.ui.inverted.brown.buttons .button:focus, -.ui.inverted.brown.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.brown.button:hover, -.ui.inverted.brown.buttons .button:hover { - background-color: #c86f11; -} -.ui.inverted.brown.button:focus, -.ui.inverted.brown.buttons .button:focus { - background-color: #c16808; -} -.ui.inverted.brown.active.button, -.ui.inverted.brown.buttons .active.button { - background-color: #cc6f0d; -} -.ui.inverted.brown.button:active, -.ui.inverted.brown.buttons .button:active { - background-color: #a96216; -} -.ui.inverted.brown.basic.button, -.ui.inverted.brown.basic.buttons .button, -.ui.inverted.brown.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.brown.basic.button:hover, -.ui.inverted.brown.basic.buttons .button:hover, -.ui.inverted.brown.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #c86f11 inset !important; - box-shadow: 0 0 0 2px #c86f11 inset !important; - color: #d67c1c !important; -} -.ui.inverted.brown.basic.button:focus, -.ui.inverted.brown.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #c16808 inset !important; - box-shadow: 0 0 0 2px #c16808 inset !important; - color: #d67c1c !important; -} -.ui.inverted.brown.basic.active.button, -.ui.inverted.brown.basic.buttons .active.button, -.ui.inverted.brown.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #cc6f0d inset !important; - box-shadow: 0 0 0 2px #cc6f0d inset !important; - color: #d67c1c !important; -} -.ui.inverted.brown.basic.button:active, -.ui.inverted.brown.basic.buttons .button:active, -.ui.inverted.brown.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #a96216 inset !important; - box-shadow: 0 0 0 2px #a96216 inset !important; - color: #d67c1c !important; -} -.ui.blue.button, -.ui.blue.buttons .button { - background-color: #2185d0; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.blue.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.blue.button:hover, -.ui.blue.buttons .button:hover { - background-color: #1678c2; - color: #fff; - text-shadow: none; -} -.ui.blue.button:focus, -.ui.blue.buttons .button:focus { - background-color: #0d71bb; - color: #fff; - text-shadow: none; -} -.ui.blue.button:active, -.ui.blue.buttons .button:active { - background-color: #1a69a4; - color: #fff; - text-shadow: none; -} -.ui.blue.active.button, -.ui.blue.button .active.button:active, -.ui.blue.buttons .active.button, -.ui.blue.buttons .active.button:active { - background-color: #1279c6; - color: #fff; - text-shadow: none; -} -.ui.basic.blue.button, -.ui.basic.blue.buttons .button { - -webkit-box-shadow: 0 0 0 1px #2185d0 inset !important; - box-shadow: 0 0 0 1px #2185d0 inset !important; - color: #2185d0 !important; -} -.ui.basic.blue.button:hover, -.ui.basic.blue.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #1678c2 inset !important; - box-shadow: 0 0 0 1px #1678c2 inset !important; - color: #1678c2 !important; -} -.ui.basic.blue.button:focus, -.ui.basic.blue.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #0d71bb inset !important; - box-shadow: 0 0 0 1px #0d71bb inset !important; - color: #1678c2 !important; -} -.ui.basic.blue.active.button, -.ui.basic.blue.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #1279c6 inset !important; - box-shadow: 0 0 0 1px #1279c6 inset !important; - color: #1a69a4 !important; -} -.ui.basic.blue.button:active, -.ui.basic.blue.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #1a69a4 inset !important; - box-shadow: 0 0 0 1px #1a69a4 inset !important; - color: #1a69a4 !important; -} -.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.blue.button, -.ui.inverted.blue.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #54c8ff inset !important; - box-shadow: 0 0 0 2px #54c8ff inset !important; - color: #54c8ff; -} -.ui.inverted.blue.button.active, -.ui.inverted.blue.button:active, -.ui.inverted.blue.button:focus, -.ui.inverted.blue.button:hover, -.ui.inverted.blue.buttons .button.active, -.ui.inverted.blue.buttons .button:active, -.ui.inverted.blue.buttons .button:focus, -.ui.inverted.blue.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.blue.button:hover, -.ui.inverted.blue.buttons .button:hover { - background-color: #3ac0ff; -} -.ui.inverted.blue.button:focus, -.ui.inverted.blue.buttons .button:focus { - background-color: #2bbbff; -} -.ui.inverted.blue.active.button, -.ui.inverted.blue.buttons .active.button { - background-color: #3ac0ff; -} -.ui.inverted.blue.button:active, -.ui.inverted.blue.buttons .button:active { - background-color: #21b8ff; -} -.ui.inverted.blue.basic.button, -.ui.inverted.blue.basic.buttons .button, -.ui.inverted.blue.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.blue.basic.button:hover, -.ui.inverted.blue.basic.buttons .button:hover, -.ui.inverted.blue.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #3ac0ff inset !important; - box-shadow: 0 0 0 2px #3ac0ff inset !important; - color: #54c8ff !important; -} -.ui.inverted.blue.basic.button:focus, -.ui.inverted.blue.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #2bbbff inset !important; - box-shadow: 0 0 0 2px #2bbbff inset !important; - color: #54c8ff !important; -} -.ui.inverted.blue.basic.active.button, -.ui.inverted.blue.basic.buttons .active.button, -.ui.inverted.blue.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #3ac0ff inset !important; - box-shadow: 0 0 0 2px #3ac0ff inset !important; - color: #54c8ff !important; -} -.ui.inverted.blue.basic.button:active, -.ui.inverted.blue.basic.buttons .button:active, -.ui.inverted.blue.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #21b8ff inset !important; - box-shadow: 0 0 0 2px #21b8ff inset !important; - color: #54c8ff !important; -} -.ui.green.button, -.ui.green.buttons .button { - background-color: #21ba45; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.green.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.green.button:hover, -.ui.green.buttons .button:hover { - background-color: #16ab39; - color: #fff; - text-shadow: none; -} -.ui.green.button:focus, -.ui.green.buttons .button:focus { - background-color: #0ea432; - color: #fff; - text-shadow: none; -} -.ui.green.button:active, -.ui.green.buttons .button:active { - background-color: #198f35; - color: #fff; - text-shadow: none; -} -.ui.green.active.button, -.ui.green.button .active.button:active, -.ui.green.buttons .active.button, -.ui.green.buttons .active.button:active { - background-color: #13ae38; - color: #fff; - text-shadow: none; -} -.ui.basic.green.button, -.ui.basic.green.buttons .button { - -webkit-box-shadow: 0 0 0 1px #21ba45 inset !important; - box-shadow: 0 0 0 1px #21ba45 inset !important; - color: #21ba45 !important; -} -.ui.basic.green.button:hover, -.ui.basic.green.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #16ab39 inset !important; - box-shadow: 0 0 0 1px #16ab39 inset !important; - color: #16ab39 !important; -} -.ui.basic.green.button:focus, -.ui.basic.green.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #0ea432 inset !important; - box-shadow: 0 0 0 1px #0ea432 inset !important; - color: #16ab39 !important; -} -.ui.basic.green.active.button, -.ui.basic.green.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #13ae38 inset !important; - box-shadow: 0 0 0 1px #13ae38 inset !important; - color: #198f35 !important; -} -.ui.basic.green.button:active, -.ui.basic.green.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #198f35 inset !important; - box-shadow: 0 0 0 1px #198f35 inset !important; - color: #198f35 !important; -} -.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.green.button, -.ui.inverted.green.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #2ecc40 inset !important; - box-shadow: 0 0 0 2px #2ecc40 inset !important; - color: #2ecc40; -} -.ui.inverted.green.button.active, -.ui.inverted.green.button:active, -.ui.inverted.green.button:focus, -.ui.inverted.green.button:hover, -.ui.inverted.green.buttons .button.active, -.ui.inverted.green.buttons .button:active, -.ui.inverted.green.buttons .button:focus, -.ui.inverted.green.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.green.button:hover, -.ui.inverted.green.buttons .button:hover { - background-color: #22be34; -} -.ui.inverted.green.button:focus, -.ui.inverted.green.buttons .button:focus { - background-color: #19b82b; -} -.ui.inverted.green.active.button, -.ui.inverted.green.buttons .active.button { - background-color: #1fc231; -} -.ui.inverted.green.button:active, -.ui.inverted.green.buttons .button:active { - background-color: #25a233; -} -.ui.inverted.green.basic.button, -.ui.inverted.green.basic.buttons .button, -.ui.inverted.green.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.green.basic.button:hover, -.ui.inverted.green.basic.buttons .button:hover, -.ui.inverted.green.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #22be34 inset !important; - box-shadow: 0 0 0 2px #22be34 inset !important; - color: #2ecc40 !important; -} -.ui.inverted.green.basic.button:focus, -.ui.inverted.green.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #19b82b inset !important; - box-shadow: 0 0 0 2px #19b82b inset !important; - color: #2ecc40 !important; -} -.ui.inverted.green.basic.active.button, -.ui.inverted.green.basic.buttons .active.button, -.ui.inverted.green.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #1fc231 inset !important; - box-shadow: 0 0 0 2px #1fc231 inset !important; - color: #2ecc40 !important; -} -.ui.inverted.green.basic.button:active, -.ui.inverted.green.basic.buttons .button:active, -.ui.inverted.green.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #25a233 inset !important; - box-shadow: 0 0 0 2px #25a233 inset !important; - color: #2ecc40 !important; -} -.ui.orange.button, -.ui.orange.buttons .button { - background-color: #f2711c; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.orange.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.orange.button:hover, -.ui.orange.buttons .button:hover { - background-color: #f26202; - color: #fff; - text-shadow: none; -} -.ui.orange.button:focus, -.ui.orange.buttons .button:focus { - background-color: #e55b00; - color: #fff; - text-shadow: none; -} -.ui.orange.button:active, -.ui.orange.buttons .button:active { - background-color: #cf590c; - color: #fff; - text-shadow: none; -} -.ui.orange.active.button, -.ui.orange.button .active.button:active, -.ui.orange.buttons .active.button, -.ui.orange.buttons .active.button:active { - background-color: #f56100; - color: #fff; - text-shadow: none; -} -.ui.basic.orange.button, -.ui.basic.orange.buttons .button { - -webkit-box-shadow: 0 0 0 1px #f2711c inset !important; - box-shadow: 0 0 0 1px #f2711c inset !important; - color: #f2711c !important; -} -.ui.basic.orange.button:hover, -.ui.basic.orange.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #f26202 inset !important; - box-shadow: 0 0 0 1px #f26202 inset !important; - color: #f26202 !important; -} -.ui.basic.orange.button:focus, -.ui.basic.orange.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #e55b00 inset !important; - box-shadow: 0 0 0 1px #e55b00 inset !important; - color: #f26202 !important; -} -.ui.basic.orange.active.button, -.ui.basic.orange.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #f56100 inset !important; - box-shadow: 0 0 0 1px #f56100 inset !important; - color: #cf590c !important; -} -.ui.basic.orange.button:active, -.ui.basic.orange.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #cf590c inset !important; - box-shadow: 0 0 0 1px #cf590c inset !important; - color: #cf590c !important; -} -.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.orange.button, -.ui.inverted.orange.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #ff851b inset !important; - box-shadow: 0 0 0 2px #ff851b inset !important; - color: #ff851b; -} -.ui.inverted.orange.button.active, -.ui.inverted.orange.button:active, -.ui.inverted.orange.button:focus, -.ui.inverted.orange.button:hover, -.ui.inverted.orange.buttons .button.active, -.ui.inverted.orange.buttons .button:active, -.ui.inverted.orange.buttons .button:focus, -.ui.inverted.orange.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.orange.button:hover, -.ui.inverted.orange.buttons .button:hover { - background-color: #ff7701; -} -.ui.inverted.orange.button:focus, -.ui.inverted.orange.buttons .button:focus { - background-color: #f17000; -} -.ui.inverted.orange.active.button, -.ui.inverted.orange.buttons .active.button { - background-color: #ff7701; -} -.ui.inverted.orange.button:active, -.ui.inverted.orange.buttons .button:active { - background-color: #e76b00; -} -.ui.inverted.orange.basic.button, -.ui.inverted.orange.basic.buttons .button, -.ui.inverted.orange.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.orange.basic.button:hover, -.ui.inverted.orange.basic.buttons .button:hover, -.ui.inverted.orange.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ff7701 inset !important; - box-shadow: 0 0 0 2px #ff7701 inset !important; - color: #ff851b !important; -} -.ui.inverted.orange.basic.button:focus, -.ui.inverted.orange.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #f17000 inset !important; - box-shadow: 0 0 0 2px #f17000 inset !important; - color: #ff851b !important; -} -.ui.inverted.orange.basic.active.button, -.ui.inverted.orange.basic.buttons .active.button, -.ui.inverted.orange.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ff7701 inset !important; - box-shadow: 0 0 0 2px #ff7701 inset !important; - color: #ff851b !important; -} -.ui.inverted.orange.basic.button:active, -.ui.inverted.orange.basic.buttons .button:active, -.ui.inverted.orange.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #e76b00 inset !important; - box-shadow: 0 0 0 2px #e76b00 inset !important; - color: #ff851b !important; -} -.ui.pink.button, -.ui.pink.buttons .button { - background-color: #e03997; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.pink.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.pink.button:hover, -.ui.pink.buttons .button:hover { - background-color: #e61a8d; - color: #fff; - text-shadow: none; -} -.ui.pink.button:focus, -.ui.pink.buttons .button:focus { - background-color: #e10f85; - color: #fff; - text-shadow: none; -} -.ui.pink.button:active, -.ui.pink.buttons .button:active { - background-color: #c71f7e; - color: #fff; - text-shadow: none; -} -.ui.pink.active.button, -.ui.pink.button .active.button:active, -.ui.pink.buttons .active.button, -.ui.pink.buttons .active.button:active { - background-color: #ea158d; - color: #fff; - text-shadow: none; -} -.ui.basic.pink.button, -.ui.basic.pink.buttons .button { - -webkit-box-shadow: 0 0 0 1px #e03997 inset !important; - box-shadow: 0 0 0 1px #e03997 inset !important; - color: #e03997 !important; -} -.ui.basic.pink.button:hover, -.ui.basic.pink.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #e61a8d inset !important; - box-shadow: 0 0 0 1px #e61a8d inset !important; - color: #e61a8d !important; -} -.ui.basic.pink.button:focus, -.ui.basic.pink.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #e10f85 inset !important; - box-shadow: 0 0 0 1px #e10f85 inset !important; - color: #e61a8d !important; -} -.ui.basic.pink.active.button, -.ui.basic.pink.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #ea158d inset !important; - box-shadow: 0 0 0 1px #ea158d inset !important; - color: #c71f7e !important; -} -.ui.basic.pink.button:active, -.ui.basic.pink.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #c71f7e inset !important; - box-shadow: 0 0 0 1px #c71f7e inset !important; - color: #c71f7e !important; -} -.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.pink.button, -.ui.inverted.pink.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #ff8edf inset !important; - box-shadow: 0 0 0 2px #ff8edf inset !important; - color: #ff8edf; -} -.ui.inverted.pink.button.active, -.ui.inverted.pink.button:active, -.ui.inverted.pink.button:focus, -.ui.inverted.pink.button:hover, -.ui.inverted.pink.buttons .button.active, -.ui.inverted.pink.buttons .button:active, -.ui.inverted.pink.buttons .button:focus, -.ui.inverted.pink.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.pink.button:hover, -.ui.inverted.pink.buttons .button:hover { - background-color: #ff74d8; -} -.ui.inverted.pink.button:focus, -.ui.inverted.pink.buttons .button:focus { - background-color: #ff65d3; -} -.ui.inverted.pink.active.button, -.ui.inverted.pink.buttons .active.button { - background-color: #ff74d8; -} -.ui.inverted.pink.button:active, -.ui.inverted.pink.buttons .button:active { - background-color: #ff5bd1; -} -.ui.inverted.pink.basic.button, -.ui.inverted.pink.basic.buttons .button, -.ui.inverted.pink.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.pink.basic.button:hover, -.ui.inverted.pink.basic.buttons .button:hover, -.ui.inverted.pink.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ff74d8 inset !important; - box-shadow: 0 0 0 2px #ff74d8 inset !important; - color: #ff8edf !important; -} -.ui.inverted.pink.basic.button:focus, -.ui.inverted.pink.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #ff65d3 inset !important; - box-shadow: 0 0 0 2px #ff65d3 inset !important; - color: #ff8edf !important; -} -.ui.inverted.pink.basic.active.button, -.ui.inverted.pink.basic.buttons .active.button, -.ui.inverted.pink.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ff74d8 inset !important; - box-shadow: 0 0 0 2px #ff74d8 inset !important; - color: #ff8edf !important; -} -.ui.inverted.pink.basic.button:active, -.ui.inverted.pink.basic.buttons .button:active, -.ui.inverted.pink.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset !important; - box-shadow: 0 0 0 2px #ff5bd1 inset !important; - color: #ff8edf !important; -} -.ui.violet.button, -.ui.violet.buttons .button { - background-color: #6435c9; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.violet.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.violet.button:hover, -.ui.violet.buttons .button:hover { - background-color: #5829bb; - color: #fff; - text-shadow: none; -} -.ui.violet.button:focus, -.ui.violet.buttons .button:focus { - background-color: #4f20b5; - color: #fff; - text-shadow: none; -} -.ui.violet.button:active, -.ui.violet.buttons .button:active { - background-color: #502aa1; - color: #fff; - text-shadow: none; -} -.ui.violet.active.button, -.ui.violet.button .active.button:active, -.ui.violet.buttons .active.button, -.ui.violet.buttons .active.button:active { - background-color: #5626bf; - color: #fff; - text-shadow: none; -} -.ui.basic.violet.button, -.ui.basic.violet.buttons .button { - -webkit-box-shadow: 0 0 0 1px #6435c9 inset !important; - box-shadow: 0 0 0 1px #6435c9 inset !important; - color: #6435c9 !important; -} -.ui.basic.violet.button:hover, -.ui.basic.violet.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #5829bb inset !important; - box-shadow: 0 0 0 1px #5829bb inset !important; - color: #5829bb !important; -} -.ui.basic.violet.button:focus, -.ui.basic.violet.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #4f20b5 inset !important; - box-shadow: 0 0 0 1px #4f20b5 inset !important; - color: #5829bb !important; -} -.ui.basic.violet.active.button, -.ui.basic.violet.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #5626bf inset !important; - box-shadow: 0 0 0 1px #5626bf inset !important; - color: #502aa1 !important; -} -.ui.basic.violet.button:active, -.ui.basic.violet.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #502aa1 inset !important; - box-shadow: 0 0 0 1px #502aa1 inset !important; - color: #502aa1 !important; -} -.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.violet.button, -.ui.inverted.violet.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #a291fb inset !important; - box-shadow: 0 0 0 2px #a291fb inset !important; - color: #a291fb; -} -.ui.inverted.violet.button.active, -.ui.inverted.violet.button:active, -.ui.inverted.violet.button:focus, -.ui.inverted.violet.button:hover, -.ui.inverted.violet.buttons .button.active, -.ui.inverted.violet.buttons .button:active, -.ui.inverted.violet.buttons .button:focus, -.ui.inverted.violet.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.violet.button:hover, -.ui.inverted.violet.buttons .button:hover { - background-color: #8a73ff; -} -.ui.inverted.violet.button:focus, -.ui.inverted.violet.buttons .button:focus { - background-color: #7d64ff; -} -.ui.inverted.violet.active.button, -.ui.inverted.violet.buttons .active.button { - background-color: #8a73ff; -} -.ui.inverted.violet.button:active, -.ui.inverted.violet.buttons .button:active { - background-color: #7860f9; -} -.ui.inverted.violet.basic.button, -.ui.inverted.violet.basic.buttons .button, -.ui.inverted.violet.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.violet.basic.button:hover, -.ui.inverted.violet.basic.buttons .button:hover, -.ui.inverted.violet.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #8a73ff inset !important; - box-shadow: 0 0 0 2px #8a73ff inset !important; - color: #a291fb !important; -} -.ui.inverted.violet.basic.button:focus, -.ui.inverted.violet.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #7d64ff inset !important; - box-shadow: 0 0 0 2px #7d64ff inset !important; - color: #a291fb !important; -} -.ui.inverted.violet.basic.active.button, -.ui.inverted.violet.basic.buttons .active.button, -.ui.inverted.violet.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #8a73ff inset !important; - box-shadow: 0 0 0 2px #8a73ff inset !important; - color: #a291fb !important; -} -.ui.inverted.violet.basic.button:active, -.ui.inverted.violet.basic.buttons .button:active, -.ui.inverted.violet.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #7860f9 inset !important; - box-shadow: 0 0 0 2px #7860f9 inset !important; - color: #a291fb !important; -} -.ui.purple.button, -.ui.purple.buttons .button { - background-color: #a333c8; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.purple.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.purple.button:hover, -.ui.purple.buttons .button:hover { - background-color: #9627ba; - color: #fff; - text-shadow: none; -} -.ui.purple.button:focus, -.ui.purple.buttons .button:focus { - background-color: #8f1eb4; - color: #fff; - text-shadow: none; -} -.ui.purple.button:active, -.ui.purple.buttons .button:active { - background-color: #82299f; - color: #fff; - text-shadow: none; -} -.ui.purple.active.button, -.ui.purple.button .active.button:active, -.ui.purple.buttons .active.button, -.ui.purple.buttons .active.button:active { - background-color: #9724be; - color: #fff; - text-shadow: none; -} -.ui.basic.purple.button, -.ui.basic.purple.buttons .button { - -webkit-box-shadow: 0 0 0 1px #a333c8 inset !important; - box-shadow: 0 0 0 1px #a333c8 inset !important; - color: #a333c8 !important; -} -.ui.basic.purple.button:hover, -.ui.basic.purple.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #9627ba inset !important; - box-shadow: 0 0 0 1px #9627ba inset !important; - color: #9627ba !important; -} -.ui.basic.purple.button:focus, -.ui.basic.purple.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #8f1eb4 inset !important; - box-shadow: 0 0 0 1px #8f1eb4 inset !important; - color: #9627ba !important; -} -.ui.basic.purple.active.button, -.ui.basic.purple.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #9724be inset !important; - box-shadow: 0 0 0 1px #9724be inset !important; - color: #82299f !important; -} -.ui.basic.purple.button:active, -.ui.basic.purple.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #82299f inset !important; - box-shadow: 0 0 0 1px #82299f inset !important; - color: #82299f !important; -} -.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.purple.button, -.ui.inverted.purple.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #dc73ff inset !important; - box-shadow: 0 0 0 2px #dc73ff inset !important; - color: #dc73ff; -} -.ui.inverted.purple.button.active, -.ui.inverted.purple.button:active, -.ui.inverted.purple.button:focus, -.ui.inverted.purple.button:hover, -.ui.inverted.purple.buttons .button.active, -.ui.inverted.purple.buttons .button:active, -.ui.inverted.purple.buttons .button:focus, -.ui.inverted.purple.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.purple.button:hover, -.ui.inverted.purple.buttons .button:hover { - background-color: #d65aff; -} -.ui.inverted.purple.button:focus, -.ui.inverted.purple.buttons .button:focus { - background-color: #d24aff; -} -.ui.inverted.purple.active.button, -.ui.inverted.purple.buttons .active.button { - background-color: #d65aff; -} -.ui.inverted.purple.button:active, -.ui.inverted.purple.buttons .button:active { - background-color: #cf40ff; -} -.ui.inverted.purple.basic.button, -.ui.inverted.purple.basic.buttons .button, -.ui.inverted.purple.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.purple.basic.button:hover, -.ui.inverted.purple.basic.buttons .button:hover, -.ui.inverted.purple.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #d65aff inset !important; - box-shadow: 0 0 0 2px #d65aff inset !important; - color: #dc73ff !important; -} -.ui.inverted.purple.basic.button:focus, -.ui.inverted.purple.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #d24aff inset !important; - box-shadow: 0 0 0 2px #d24aff inset !important; - color: #dc73ff !important; -} -.ui.inverted.purple.basic.active.button, -.ui.inverted.purple.basic.buttons .active.button, -.ui.inverted.purple.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #d65aff inset !important; - box-shadow: 0 0 0 2px #d65aff inset !important; - color: #dc73ff !important; -} -.ui.inverted.purple.basic.button:active, -.ui.inverted.purple.basic.buttons .button:active, -.ui.inverted.purple.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #cf40ff inset !important; - box-shadow: 0 0 0 2px #cf40ff inset !important; - color: #dc73ff !important; -} -.ui.red.button, -.ui.red.buttons .button { - background-color: #db2828; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.red.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.red.button:hover, -.ui.red.buttons .button:hover { - background-color: #d01919; - color: #fff; - text-shadow: none; -} -.ui.red.button:focus, -.ui.red.buttons .button:focus { - background-color: #ca1010; - color: #fff; - text-shadow: none; -} -.ui.red.button:active, -.ui.red.buttons .button:active { - background-color: #b21e1e; - color: #fff; - text-shadow: none; -} -.ui.red.active.button, -.ui.red.button .active.button:active, -.ui.red.buttons .active.button, -.ui.red.buttons .active.button:active { - background-color: #d41515; - color: #fff; - text-shadow: none; -} -.ui.basic.red.button, -.ui.basic.red.buttons .button { - -webkit-box-shadow: 0 0 0 1px #db2828 inset !important; - box-shadow: 0 0 0 1px #db2828 inset !important; - color: #db2828 !important; -} -.ui.basic.red.button:hover, -.ui.basic.red.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #d01919 inset !important; - box-shadow: 0 0 0 1px #d01919 inset !important; - color: #d01919 !important; -} -.ui.basic.red.button:focus, -.ui.basic.red.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #ca1010 inset !important; - box-shadow: 0 0 0 1px #ca1010 inset !important; - color: #d01919 !important; -} -.ui.basic.red.active.button, -.ui.basic.red.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #d41515 inset !important; - box-shadow: 0 0 0 1px #d41515 inset !important; - color: #b21e1e !important; -} -.ui.basic.red.button:active, -.ui.basic.red.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #b21e1e inset !important; - box-shadow: 0 0 0 1px #b21e1e inset !important; - color: #b21e1e !important; -} -.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.red.button, -.ui.inverted.red.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #ff695e inset !important; - box-shadow: 0 0 0 2px #ff695e inset !important; - color: #ff695e; -} -.ui.inverted.red.button.active, -.ui.inverted.red.button:active, -.ui.inverted.red.button:focus, -.ui.inverted.red.button:hover, -.ui.inverted.red.buttons .button.active, -.ui.inverted.red.buttons .button:active, -.ui.inverted.red.buttons .button:focus, -.ui.inverted.red.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.red.button:hover, -.ui.inverted.red.buttons .button:hover { - background-color: #ff5144; -} -.ui.inverted.red.button:focus, -.ui.inverted.red.buttons .button:focus { - background-color: #ff4335; -} -.ui.inverted.red.active.button, -.ui.inverted.red.buttons .active.button { - background-color: #ff5144; -} -.ui.inverted.red.button:active, -.ui.inverted.red.buttons .button:active { - background-color: #ff392b; -} -.ui.inverted.red.basic.button, -.ui.inverted.red.basic.buttons .button, -.ui.inverted.red.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.red.basic.button:hover, -.ui.inverted.red.basic.buttons .button:hover, -.ui.inverted.red.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ff5144 inset !important; - box-shadow: 0 0 0 2px #ff5144 inset !important; - color: #ff695e !important; -} -.ui.inverted.red.basic.button:focus, -.ui.inverted.red.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #ff4335 inset !important; - box-shadow: 0 0 0 2px #ff4335 inset !important; - color: #ff695e !important; -} -.ui.inverted.red.basic.active.button, -.ui.inverted.red.basic.buttons .active.button, -.ui.inverted.red.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ff5144 inset !important; - box-shadow: 0 0 0 2px #ff5144 inset !important; - color: #ff695e !important; -} -.ui.inverted.red.basic.button:active, -.ui.inverted.red.basic.buttons .button:active, -.ui.inverted.red.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #ff392b inset !important; - box-shadow: 0 0 0 2px #ff392b inset !important; - color: #ff695e !important; -} -.ui.teal.button, -.ui.teal.buttons .button { - background-color: #00b5ad; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.teal.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.teal.button:hover, -.ui.teal.buttons .button:hover { - background-color: #009c95; - color: #fff; - text-shadow: none; -} -.ui.teal.button:focus, -.ui.teal.buttons .button:focus { - background-color: #008c86; - color: #fff; - text-shadow: none; -} -.ui.teal.button:active, -.ui.teal.buttons .button:active { - background-color: #00827c; - color: #fff; - text-shadow: none; -} -.ui.teal.active.button, -.ui.teal.button .active.button:active, -.ui.teal.buttons .active.button, -.ui.teal.buttons .active.button:active { - background-color: #009c95; - color: #fff; - text-shadow: none; -} -.ui.basic.teal.button, -.ui.basic.teal.buttons .button { - -webkit-box-shadow: 0 0 0 1px #00b5ad inset !important; - box-shadow: 0 0 0 1px #00b5ad inset !important; - color: #00b5ad !important; -} -.ui.basic.teal.button:hover, -.ui.basic.teal.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #009c95 inset !important; - box-shadow: 0 0 0 1px #009c95 inset !important; - color: #009c95 !important; -} -.ui.basic.teal.button:focus, -.ui.basic.teal.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #008c86 inset !important; - box-shadow: 0 0 0 1px #008c86 inset !important; - color: #009c95 !important; -} -.ui.basic.teal.active.button, -.ui.basic.teal.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #009c95 inset !important; - box-shadow: 0 0 0 1px #009c95 inset !important; - color: #00827c !important; -} -.ui.basic.teal.button:active, -.ui.basic.teal.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #00827c inset !important; - box-shadow: 0 0 0 1px #00827c inset !important; - color: #00827c !important; -} -.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.teal.button, -.ui.inverted.teal.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #6dffff inset !important; - box-shadow: 0 0 0 2px #6dffff inset !important; - color: #6dffff; -} -.ui.inverted.teal.button.active, -.ui.inverted.teal.button:active, -.ui.inverted.teal.button:focus, -.ui.inverted.teal.button:hover, -.ui.inverted.teal.buttons .button.active, -.ui.inverted.teal.buttons .button:active, -.ui.inverted.teal.buttons .button:focus, -.ui.inverted.teal.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} -.ui.inverted.teal.button:hover, -.ui.inverted.teal.buttons .button:hover { - background-color: #54ffff; -} -.ui.inverted.teal.button:focus, -.ui.inverted.teal.buttons .button:focus { - background-color: #4ff; -} -.ui.inverted.teal.active.button, -.ui.inverted.teal.buttons .active.button { - background-color: #54ffff; -} -.ui.inverted.teal.button:active, -.ui.inverted.teal.buttons .button:active { - background-color: #3affff; -} -.ui.inverted.teal.basic.button, -.ui.inverted.teal.basic.buttons .button, -.ui.inverted.teal.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.teal.basic.button:hover, -.ui.inverted.teal.basic.buttons .button:hover, -.ui.inverted.teal.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #54ffff inset !important; - box-shadow: 0 0 0 2px #54ffff inset !important; - color: #6dffff !important; -} -.ui.inverted.teal.basic.button:focus, -.ui.inverted.teal.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #4ff inset !important; - box-shadow: 0 0 0 2px #4ff inset !important; - color: #6dffff !important; -} -.ui.inverted.teal.basic.active.button, -.ui.inverted.teal.basic.buttons .active.button, -.ui.inverted.teal.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #54ffff inset !important; - box-shadow: 0 0 0 2px #54ffff inset !important; - color: #6dffff !important; -} -.ui.inverted.teal.basic.button:active, -.ui.inverted.teal.basic.buttons .button:active, -.ui.inverted.teal.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #3affff inset !important; - box-shadow: 0 0 0 2px #3affff inset !important; - color: #6dffff !important; -} -.ui.olive.button, -.ui.olive.buttons .button { - background-color: #b5cc18; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.olive.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.olive.button:hover, -.ui.olive.buttons .button:hover { - background-color: #a7bd0d; - color: #fff; - text-shadow: none; -} -.ui.olive.button:focus, -.ui.olive.buttons .button:focus { - background-color: #a0b605; - color: #fff; - text-shadow: none; -} -.ui.olive.button:active, -.ui.olive.buttons .button:active { - background-color: #8d9e13; - color: #fff; - text-shadow: none; -} -.ui.olive.active.button, -.ui.olive.button .active.button:active, -.ui.olive.buttons .active.button, -.ui.olive.buttons .active.button:active { - background-color: #aac109; - color: #fff; - text-shadow: none; -} -.ui.basic.olive.button, -.ui.basic.olive.buttons .button { - -webkit-box-shadow: 0 0 0 1px #b5cc18 inset !important; - box-shadow: 0 0 0 1px #b5cc18 inset !important; - color: #b5cc18 !important; -} -.ui.basic.olive.button:hover, -.ui.basic.olive.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #a7bd0d inset !important; - box-shadow: 0 0 0 1px #a7bd0d inset !important; - color: #a7bd0d !important; -} -.ui.basic.olive.button:focus, -.ui.basic.olive.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #a0b605 inset !important; - box-shadow: 0 0 0 1px #a0b605 inset !important; - color: #a7bd0d !important; -} -.ui.basic.olive.active.button, -.ui.basic.olive.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #aac109 inset !important; - box-shadow: 0 0 0 1px #aac109 inset !important; - color: #8d9e13 !important; -} -.ui.basic.olive.button:active, -.ui.basic.olive.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #8d9e13 inset !important; - box-shadow: 0 0 0 1px #8d9e13 inset !important; - color: #8d9e13 !important; -} -.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.olive.button, -.ui.inverted.olive.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #d9e778 inset !important; - box-shadow: 0 0 0 2px #d9e778 inset !important; - color: #d9e778; -} -.ui.inverted.olive.button.active, -.ui.inverted.olive.button:active, -.ui.inverted.olive.button:focus, -.ui.inverted.olive.button:hover, -.ui.inverted.olive.buttons .button.active, -.ui.inverted.olive.buttons .button:active, -.ui.inverted.olive.buttons .button:focus, -.ui.inverted.olive.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} -.ui.inverted.olive.button:hover, -.ui.inverted.olive.buttons .button:hover { - background-color: #d8ea5c; -} -.ui.inverted.olive.button:focus, -.ui.inverted.olive.buttons .button:focus { - background-color: #daef47; -} -.ui.inverted.olive.active.button, -.ui.inverted.olive.buttons .active.button { - background-color: #daed59; -} -.ui.inverted.olive.button:active, -.ui.inverted.olive.buttons .button:active { - background-color: #cddf4d; -} -.ui.inverted.olive.basic.button, -.ui.inverted.olive.basic.buttons .button, -.ui.inverted.olive.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.olive.basic.button:hover, -.ui.inverted.olive.basic.buttons .button:hover, -.ui.inverted.olive.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #d8ea5c inset !important; - box-shadow: 0 0 0 2px #d8ea5c inset !important; - color: #d9e778 !important; -} -.ui.inverted.olive.basic.button:focus, -.ui.inverted.olive.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #daef47 inset !important; - box-shadow: 0 0 0 2px #daef47 inset !important; - color: #d9e778 !important; -} -.ui.inverted.olive.basic.active.button, -.ui.inverted.olive.basic.buttons .active.button, -.ui.inverted.olive.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #daed59 inset !important; - box-shadow: 0 0 0 2px #daed59 inset !important; - color: #d9e778 !important; -} -.ui.inverted.olive.basic.button:active, -.ui.inverted.olive.basic.buttons .button:active, -.ui.inverted.olive.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #cddf4d inset !important; - box-shadow: 0 0 0 2px #cddf4d inset !important; - color: #d9e778 !important; -} -.ui.yellow.button, -.ui.yellow.buttons .button { - background-color: #fbbd08; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.yellow.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.yellow.button:hover, -.ui.yellow.buttons .button:hover { - background-color: #eaae00; - color: #fff; - text-shadow: none; -} -.ui.yellow.button:focus, -.ui.yellow.buttons .button:focus { - background-color: #daa300; - color: #fff; - text-shadow: none; -} -.ui.yellow.button:active, -.ui.yellow.buttons .button:active { - background-color: #cd9903; - color: #fff; - text-shadow: none; -} -.ui.yellow.active.button, -.ui.yellow.button .active.button:active, -.ui.yellow.buttons .active.button, -.ui.yellow.buttons .active.button:active { - background-color: #eaae00; - color: #fff; - text-shadow: none; -} -.ui.basic.yellow.button, -.ui.basic.yellow.buttons .button { - -webkit-box-shadow: 0 0 0 1px #fbbd08 inset !important; - box-shadow: 0 0 0 1px #fbbd08 inset !important; - color: #fbbd08 !important; -} -.ui.basic.yellow.button:hover, -.ui.basic.yellow.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #eaae00 inset !important; - box-shadow: 0 0 0 1px #eaae00 inset !important; - color: #eaae00 !important; -} -.ui.basic.yellow.button:focus, -.ui.basic.yellow.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #daa300 inset !important; - box-shadow: 0 0 0 1px #daa300 inset !important; - color: #eaae00 !important; -} -.ui.basic.yellow.active.button, -.ui.basic.yellow.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #eaae00 inset !important; - box-shadow: 0 0 0 1px #eaae00 inset !important; - color: #cd9903 !important; -} -.ui.basic.yellow.button:active, -.ui.basic.yellow.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #cd9903 inset !important; - box-shadow: 0 0 0 1px #cd9903 inset !important; - color: #cd9903 !important; -} -.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.yellow.button, -.ui.inverted.yellow.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #ffe21f inset !important; - box-shadow: 0 0 0 2px #ffe21f inset !important; - color: #ffe21f; -} -.ui.inverted.yellow.button.active, -.ui.inverted.yellow.button:active, -.ui.inverted.yellow.button:focus, -.ui.inverted.yellow.button:hover, -.ui.inverted.yellow.buttons .button.active, -.ui.inverted.yellow.buttons .button:active, -.ui.inverted.yellow.buttons .button:focus, -.ui.inverted.yellow.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} -.ui.inverted.yellow.button:hover, -.ui.inverted.yellow.buttons .button:hover { - background-color: #ffdf05; -} -.ui.inverted.yellow.button:focus, -.ui.inverted.yellow.buttons .button:focus { - background-color: #f5d500; -} -.ui.inverted.yellow.active.button, -.ui.inverted.yellow.buttons .active.button { - background-color: #ffdf05; -} -.ui.inverted.yellow.button:active, -.ui.inverted.yellow.buttons .button:active { - background-color: #ebcd00; -} -.ui.inverted.yellow.basic.button, -.ui.inverted.yellow.basic.buttons .button, -.ui.inverted.yellow.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.yellow.basic.button:hover, -.ui.inverted.yellow.basic.buttons .button:hover, -.ui.inverted.yellow.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ffdf05 inset !important; - box-shadow: 0 0 0 2px #ffdf05 inset !important; - color: #ffe21f !important; -} -.ui.inverted.yellow.basic.button:focus, -.ui.inverted.yellow.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #f5d500 inset !important; - box-shadow: 0 0 0 2px #f5d500 inset !important; - color: #ffe21f !important; -} -.ui.inverted.yellow.basic.active.button, -.ui.inverted.yellow.basic.buttons .active.button, -.ui.inverted.yellow.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ffdf05 inset !important; - box-shadow: 0 0 0 2px #ffdf05 inset !important; - color: #ffe21f !important; -} -.ui.inverted.yellow.basic.button:active, -.ui.inverted.yellow.basic.buttons .button:active, -.ui.inverted.yellow.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #ebcd00 inset !important; - box-shadow: 0 0 0 2px #ebcd00 inset !important; - color: #ffe21f !important; -} -.ui.primary.button, -.ui.primary.buttons .button { - background-color: #2185d0; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.primary.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.primary.button:hover, -.ui.primary.buttons .button:hover { - background-color: #1678c2; - color: #fff; - text-shadow: none; -} -.ui.primary.button:focus, -.ui.primary.buttons .button:focus { - background-color: #0d71bb; - color: #fff; - text-shadow: none; -} -.ui.primary.button:active, -.ui.primary.buttons .button:active { - background-color: #1a69a4; - color: #fff; - text-shadow: none; -} -.ui.primary.active.button, -.ui.primary.button .active.button:active, -.ui.primary.buttons .active.button, -.ui.primary.buttons .active.button:active { - background-color: #1279c6; - color: #fff; - text-shadow: none; -} -.ui.basic.primary.button, -.ui.basic.primary.buttons .button { - -webkit-box-shadow: 0 0 0 1px #2185d0 inset !important; - box-shadow: 0 0 0 1px #2185d0 inset !important; - color: #2185d0 !important; -} -.ui.basic.primary.button:hover, -.ui.basic.primary.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #1678c2 inset !important; - box-shadow: 0 0 0 1px #1678c2 inset !important; - color: #1678c2 !important; -} -.ui.basic.primary.button:focus, -.ui.basic.primary.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #0d71bb inset !important; - box-shadow: 0 0 0 1px #0d71bb inset !important; - color: #1678c2 !important; -} -.ui.basic.primary.active.button, -.ui.basic.primary.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #1279c6 inset !important; - box-shadow: 0 0 0 1px #1279c6 inset !important; - color: #1a69a4 !important; -} -.ui.basic.primary.button:active, -.ui.basic.primary.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #1a69a4 inset !important; - box-shadow: 0 0 0 1px #1a69a4 inset !important; - color: #1a69a4 !important; -} -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} -.ui.secondary.button, -.ui.secondary.buttons .button { - background-color: #1b1c1d; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.secondary.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.secondary.button:hover, -.ui.secondary.buttons .button:hover { - background-color: #27292a; - color: #fff; - text-shadow: none; -} -.ui.secondary.button:focus, -.ui.secondary.buttons .button:focus { - background-color: #2e3032; - color: #fff; - text-shadow: none; -} -.ui.secondary.button:active, -.ui.secondary.buttons .button:active { - background-color: #343637; - color: #fff; - text-shadow: none; -} -.ui.secondary.active.button, -.ui.secondary.button .active.button:active, -.ui.secondary.buttons .active.button, -.ui.secondary.buttons .active.button:active { - background-color: #27292a; - color: #fff; - text-shadow: none; -} -.ui.basic.secondary.button, -.ui.basic.secondary.buttons .button { - -webkit-box-shadow: 0 0 0 1px #1b1c1d inset !important; - box-shadow: 0 0 0 1px #1b1c1d inset !important; - color: #1b1c1d !important; -} -.ui.basic.secondary.button:hover, -.ui.basic.secondary.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #27292a inset !important; - box-shadow: 0 0 0 1px #27292a inset !important; - color: #27292a !important; -} -.ui.basic.secondary.button:focus, -.ui.basic.secondary.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #2e3032 inset !important; - box-shadow: 0 0 0 1px #2e3032 inset !important; - color: #27292a !important; -} -.ui.basic.secondary.active.button, -.ui.basic.secondary.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #27292a inset !important; - box-shadow: 0 0 0 1px #27292a inset !important; - color: #343637 !important; -} -.ui.basic.secondary.button:active, -.ui.basic.secondary.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #343637 inset !important; - box-shadow: 0 0 0 1px #343637 inset !important; - color: #343637 !important; -} -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} -.ui.positive.button, -.ui.positive.buttons .button { - background-color: #21ba45; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.positive.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.positive.button:hover, -.ui.positive.buttons .button:hover { - background-color: #16ab39; - color: #fff; - text-shadow: none; -} -.ui.positive.button:focus, -.ui.positive.buttons .button:focus { - background-color: #0ea432; - color: #fff; - text-shadow: none; -} -.ui.positive.button:active, -.ui.positive.buttons .button:active { - background-color: #198f35; - color: #fff; - text-shadow: none; -} -.ui.positive.active.button, -.ui.positive.button .active.button:active, -.ui.positive.buttons .active.button, -.ui.positive.buttons .active.button:active { - background-color: #13ae38; - color: #fff; - text-shadow: none; -} -.ui.basic.positive.button, -.ui.basic.positive.buttons .button { - -webkit-box-shadow: 0 0 0 1px #21ba45 inset !important; - box-shadow: 0 0 0 1px #21ba45 inset !important; - color: #21ba45 !important; -} -.ui.basic.positive.button:hover, -.ui.basic.positive.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #16ab39 inset !important; - box-shadow: 0 0 0 1px #16ab39 inset !important; - color: #16ab39 !important; -} -.ui.basic.positive.button:focus, -.ui.basic.positive.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #0ea432 inset !important; - box-shadow: 0 0 0 1px #0ea432 inset !important; - color: #16ab39 !important; -} -.ui.basic.positive.active.button, -.ui.basic.positive.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #13ae38 inset !important; - box-shadow: 0 0 0 1px #13ae38 inset !important; - color: #198f35 !important; -} -.ui.basic.positive.button:active, -.ui.basic.positive.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #198f35 inset !important; - box-shadow: 0 0 0 1px #198f35 inset !important; - color: #198f35 !important; -} -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} -.ui.negative.button, -.ui.negative.buttons .button { - background-color: #db2828; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.negative.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.negative.button:hover, -.ui.negative.buttons .button:hover { - background-color: #d01919; - color: #fff; - text-shadow: none; -} -.ui.negative.button:focus, -.ui.negative.buttons .button:focus { - background-color: #ca1010; - color: #fff; - text-shadow: none; -} -.ui.negative.button:active, -.ui.negative.buttons .button:active { - background-color: #b21e1e; - color: #fff; - text-shadow: none; -} -.ui.negative.active.button, -.ui.negative.button .active.button:active, -.ui.negative.buttons .active.button, -.ui.negative.buttons .active.button:active { - background-color: #d41515; - color: #fff; - text-shadow: none; -} -.ui.basic.negative.button, -.ui.basic.negative.buttons .button { - -webkit-box-shadow: 0 0 0 1px #db2828 inset !important; - box-shadow: 0 0 0 1px #db2828 inset !important; - color: #db2828 !important; -} -.ui.basic.negative.button:hover, -.ui.basic.negative.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #d01919 inset !important; - box-shadow: 0 0 0 1px #d01919 inset !important; - color: #d01919 !important; -} -.ui.basic.negative.button:focus, -.ui.basic.negative.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #ca1010 inset !important; - box-shadow: 0 0 0 1px #ca1010 inset !important; - color: #d01919 !important; -} -.ui.basic.negative.active.button, -.ui.basic.negative.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #d41515 inset !important; - box-shadow: 0 0 0 1px #d41515 inset !important; - color: #b21e1e !important; -} -.ui.basic.negative.button:active, -.ui.basic.negative.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #b21e1e inset !important; - box-shadow: 0 0 0 1px #b21e1e inset !important; - color: #b21e1e !important; -} -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} -.ui.buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - font-size: 0; - vertical-align: baseline; - margin: 0 0.25em 0 0; -} -.ui.buttons:not(.basic):not(.inverted) { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.buttons:after { - content: '.'; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.buttons .button { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - margin: 0; - border-radius: 0; - margin: 0; -} -.ui.buttons:not(.basic):not(.inverted) > .button, -.ui.buttons > .ui.button:not(.basic):not(.inverted) { - -webkit-box-shadow: 0 0 0 1px transparent inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.buttons .button:first-child { - border-left: none; - margin-left: 0; - 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; -} -.ui.vertical.buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} -.ui.vertical.buttons .button { - display: block; - float: none; - width: 100%; - margin: 0; - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; -} -.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: 0; - border-bottom-left-radius: 0.28571429rem; - border-bottom-right-radius: 0.28571429rem; -} -.ui.vertical.buttons .button:only-child { - border-radius: 0.28571429rem; -} diff --git a/front/app/assets/semantic/components/card.css b/front/app/assets/semantic/components/card.css deleted file mode 100755 index 109896d29a79..000000000000 --- a/front/app/assets/semantic/components/card.css +++ /dev/null @@ -1,1041 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - width: 290px; - min-height: 0px; - background: #ffffff; - padding: 0em; - border: none; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 1px 3px 0px #d4d4d5, 0px 0px 0px 1px #d4d4d5; - box-shadow: 0px 1px 3px 0px #d4d4d5, 0px 0px 0px 1px #d4d4d5; - -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease, - -webkit-box-shadow 0.1s ease, -webkit-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: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: -0.875em -0.5em; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.ui.cards > .card { - display: -webkit-box; - display: -ms-flexbox; - 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; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - 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 { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border: none; - border-top: 1px solid rgba(34, 36, 38, 0.1); - background: none; - margin: 0em; - padding: 1em 1em; - -webkit-box-shadow: none; - 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: 'Public Sans', '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: ''; - -webkit-transition: color 0.1s ease; - 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; - -webkit-transition: color 0.1s ease; - 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; - -webkit-transition: color 0.1s ease; - 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; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - 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); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; - 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 { - -webkit-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); - 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 { - -webkit-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); - 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 { - -webkit-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); - 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 { - -webkit-box-pack: center; - -ms-flex-pack: center; - 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 { - -webkit-transform: none; - 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; - -webkit-box-shadow: 0px 1px 3px 0px #bcbdbd, 0px 0px 0px 1px #d4d4d5; - box-shadow: 0px 1px 3px 0px #bcbdbd, 0px 0px 0px 1px #d4d4d5; - -webkit-transform: translateY(-3px); - transform: translateY(-3px); -} - -/*------------------- - Colors ---------------------*/ - -/* Red */ -.ui.red.cards > .card, -.ui.cards > .red.card, -.ui.red.card { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #db2828, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #d01919, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #f2711c, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #f26202, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #fbbd08, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #eaae00, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #b5cc18, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a7bd0d, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #21ba45, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #16ab39, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #00b5ad, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #009c95, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #2185d0, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #1678c2, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #6435c9, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #5829bb, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a333c8, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #9627ba, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #e03997, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #e61a8d, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a5673f, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #975b33, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #767676, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #838383, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #1b1c1d, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #27292a, - 0px 1px 3px 0px #bcbdbd; - 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; -} - -/******************************* - User Variable Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/card.min.css b/front/app/assets/semantic/components/card.min.css deleted file mode 100755 index b7c056c7e4dc..000000000000 --- a/front/app/assets/semantic/components/card.min.css +++ /dev/null @@ -1,803 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Item - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.card, -.ui.cards > .card { - max-width: 100%; - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - width: 290px; - min-height: 0; - background: #fff; - padding: 0; - border: none; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; - box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; - -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease, - -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - z-index: ''; -} -.ui.card { - margin: 1em 0; -} -.ui.card a, -.ui.cards > .card a { - cursor: pointer; -} -.ui.card:first-child { - margin-top: 0; -} -.ui.card:last-child { - margin-bottom: 0; -} -.ui.cards { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: -0.875em -0.5em; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.ui.cards > .card { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 0.875em 0.5em; - float: none; -} -.ui.card:after, -.ui.cards:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.cards ~ .ui.cards { - margin-top: 0.875em; -} -.ui.card > :first-child, -.ui.cards > .card > :first-child { - border-radius: 0.28571429rem 0.28571429rem 0 0 !important; - border-top: none !important; -} -.ui.card > :last-child, -.ui.cards > .card > :last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem !important; -} -.ui.card > :only-child, -.ui.cards > .card > :only-child { - border-radius: 0.28571429rem !important; -} -.ui.card > .image, -.ui.cards > .card > .image { - position: relative; - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: 0; - background: rgba(0, 0, 0, 0.05); -} -.ui.card > .image > img, -.ui.cards > .card > .image > img { - display: block; - width: 100%; - height: auto; - border-radius: inherit; -} -.ui.card > .image:not(.ui) > img, -.ui.cards > .card > .image:not(.ui) > img { - border: none; -} -.ui.card > .content, -.ui.cards > .card > .content { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border: none; - border-top: 1px solid rgba(34, 36, 38, 0.1); - background: 0 0; - margin: 0; - padding: 1em 1em; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 1em; - border-radius: 0; -} -.ui.card > .content:after, -.ui.cards > .card > .content:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.card > .content > .header, -.ui.cards > .card > .content > .header { - display: block; - margin: ''; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - color: rgba(0, 0, 0, 0.85); -} -.ui.card > .content > .header:not(.ui), -.ui.cards > .card > .content > .header:not(.ui) { - font-weight: 700; - font-size: 1.28571429em; - margin-top: -0.21425em; - line-height: 1.28571429em; -} -.ui.card > .content > .header + .description, -.ui.card > .content > .meta + .description, -.ui.cards > .card > .content > .header + .description, -.ui.cards > .card > .content > .meta + .description { - margin-top: 0.5em; -} -.ui.card [class*='left floated'], -.ui.cards > .card [class*='left floated'] { - float: left; -} -.ui.card [class*='right floated'], -.ui.cards > .card [class*='right floated'] { - float: right; -} -.ui.card [class*='left aligned'], -.ui.cards > .card [class*='left aligned'] { - text-align: left; -} -.ui.card [class*='center aligned'], -.ui.cards > .card [class*='center aligned'] { - text-align: center; -} -.ui.card [class*='right aligned'], -.ui.cards > .card [class*='right aligned'] { - text-align: right; -} -.ui.card .content img, -.ui.cards > .card .content img { - display: inline-block; - vertical-align: middle; - width: ''; -} -.ui.card .avatar img, -.ui.card img.avatar, -.ui.cards > .card .avatar img, -.ui.cards > .card img.avatar { - width: 2em; - height: 2em; - border-radius: 500rem; -} -.ui.card > .content > .description, -.ui.cards > .card > .content > .description { - clear: both; - color: rgba(0, 0, 0, 0.68); -} -.ui.card > .content p, -.ui.cards > .card > .content p { - margin: 0 0 0.5em; -} -.ui.card > .content p:last-child, -.ui.cards > .card > .content p:last-child { - margin-bottom: 0; -} -.ui.card .meta, -.ui.cards > .card .meta { - font-size: 1em; - color: rgba(0, 0, 0, 0.4); -} -.ui.card .meta *, -.ui.cards > .card .meta * { - margin-right: 0.3em; -} -.ui.card .meta :last-child, -.ui.cards > .card .meta :last-child { - margin-right: 0; -} -.ui.card .meta [class*='right floated'], -.ui.cards > .card .meta [class*='right floated'] { - margin-right: 0; - margin-left: 0.3em; -} -.ui.card > .content a:not(.ui), -.ui.cards > .card > .content a:not(.ui) { - color: ''; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.card > .content a:not(.ui):hover, -.ui.cards > .card > .content a:not(.ui):hover { - color: ''; -} -.ui.card > .content > a.header, -.ui.cards > .card > .content > a.header { - color: rgba(0, 0, 0, 0.85); -} -.ui.card > .content > a.header:hover, -.ui.cards > .card > .content > a.header:hover { - color: #1e70bf; -} -.ui.card .meta > a:not(.ui), -.ui.cards > .card .meta > a:not(.ui) { - color: rgba(0, 0, 0, 0.4); -} -.ui.card .meta > a:not(.ui):hover, -.ui.cards > .card .meta > a:not(.ui):hover { - color: rgba(0, 0, 0, 0.87); -} -.ui.card > .button, -.ui.card > .buttons, -.ui.cards > .card > .button, -.ui.cards > .card > .buttons { - margin: 0 -1px; - width: calc(100% + 2px); -} -.ui.card .dimmer, -.ui.cards > .card .dimmer { - background-color: ''; - z-index: 10; -} -.ui.card > .content .star.icon, -.ui.cards > .card > .content .star.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.card > .content .star.icon:hover, -.ui.cards > .card > .content .star.icon:hover { - opacity: 1; - color: #ffb70a; -} -.ui.card > .content .active.star.icon, -.ui.cards > .card > .content .active.star.icon { - color: #ffe623; -} -.ui.card > .content .like.icon, -.ui.cards > .card > .content .like.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.card > .content .like.icon:hover, -.ui.cards > .card > .content .like.icon:hover { - opacity: 1; - color: #ff2733; -} -.ui.card > .content .active.like.icon, -.ui.cards > .card > .content .active.like.icon { - color: #ff2733; -} -.ui.card > .extra, -.ui.cards > .card > .extra { - max-width: 100%; - min-height: 0 !important; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - border-top: 1px solid rgba(0, 0, 0, 0.05) !important; - position: static; - background: 0 0; - width: auto; - margin: 0 0; - padding: 0.75em 1em; - top: 0; - left: 0; - color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.card > .extra a:not(.ui), -.ui.cards > .card > .extra a:not(.ui) { - color: rgba(0, 0, 0, 0.4); -} -.ui.card > .extra a:not(.ui):hover, -.ui.cards > .card > .extra a:not(.ui):hover { - color: #1e70bf; -} -.ui.raised.card, -.ui.raised.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); -} -.ui.link.cards .raised.card:hover, -.ui.link.raised.card:hover, -.ui.raised.cards a.card:hover, -a.ui.raised.card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), - 0 2px 10px 0 rgba(34, 36, 38, 0.25); - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), - 0 2px 10px 0 rgba(34, 36, 38, 0.25); -} -.ui.raised.card, -.ui.raised.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); -} -.ui.centered.cards { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.ui.centered.card { - margin-left: auto; - margin-right: auto; -} -.ui.fluid.card { - width: 100%; - max-width: 9999px; -} -.ui.cards a.card, -.ui.link.card, -.ui.link.cards .card, -a.ui.card { - -webkit-transform: none; - transform: none; -} -.ui.cards a.card:hover, -.ui.link.card:hover, -.ui.link.cards .card:hover, -a.ui.card:hover { - cursor: pointer; - z-index: 5; - background: #fff; - border: none; - -webkit-box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5; - box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5; - -webkit-transform: translateY(-3px); - transform: translateY(-3px); -} -.ui.cards > .red.card, -.ui.red.card, -.ui.red.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #db2828, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #db2828, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .red.card:hover, -.ui.red.card:hover, -.ui.red.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #d01919, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #d01919, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .orange.card, -.ui.orange.card, -.ui.orange.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f2711c, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f2711c, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .orange.card:hover, -.ui.orange.card:hover, -.ui.orange.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f26202, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f26202, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .yellow.card, -.ui.yellow.card, -.ui.yellow.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #fbbd08, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #fbbd08, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .yellow.card:hover, -.ui.yellow.card:hover, -.ui.yellow.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .olive.card, -.ui.olive.card, -.ui.olive.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #b5cc18, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #b5cc18, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .olive.card:hover, -.ui.olive.card:hover, -.ui.olive.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .green.card, -.ui.green.card, -.ui.green.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #21ba45, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #21ba45, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .green.card:hover, -.ui.green.card:hover, -.ui.green.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .teal.card, -.ui.teal.card, -.ui.teal.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #00b5ad, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #00b5ad, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .teal.card:hover, -.ui.teal.card:hover, -.ui.teal.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #009c95, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #009c95, 0 1px 3px 0 #bcbdbd; -} -.ui.blue.card, -.ui.blue.cards > .card, -.ui.cards > .blue.card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #2185d0, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #2185d0, 0 1px 3px 0 #d4d4d5; -} -.ui.blue.card:hover, -.ui.blue.cards > .card:hover, -.ui.cards > .blue.card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .violet.card, -.ui.violet.card, -.ui.violet.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #6435c9, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #6435c9, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .violet.card:hover, -.ui.violet.card:hover, -.ui.violet.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .purple.card, -.ui.purple.card, -.ui.purple.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a333c8, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a333c8, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .purple.card:hover, -.ui.purple.card:hover, -.ui.purple.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .pink.card, -.ui.pink.card, -.ui.pink.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e03997, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e03997, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .pink.card:hover, -.ui.pink.card:hover, -.ui.pink.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #bcbdbd; -} -.ui.brown.card, -.ui.brown.cards > .card, -.ui.cards > .brown.card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a5673f, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a5673f, 0 1px 3px 0 #d4d4d5; -} -.ui.brown.card:hover, -.ui.brown.cards > .card:hover, -.ui.cards > .brown.card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #975b33, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #975b33, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .grey.card, -.ui.grey.card, -.ui.grey.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #767676, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #767676, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .grey.card:hover, -.ui.grey.card:hover, -.ui.grey.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #838383, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #838383, 0 1px 3px 0 #bcbdbd; -} -.ui.black.card, -.ui.black.cards > .card, -.ui.cards > .black.card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b1c1d, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b1c1d, 0 1px 3px 0 #d4d4d5; -} -.ui.black.card:hover, -.ui.black.cards > .card:hover, -.ui.cards > .black.card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #27292a, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #27292a, 0 1px 3px 0 #bcbdbd; -} -.ui.one.cards { - margin-left: 0; - margin-right: 0; -} -.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; -} -@media only screen and (max-width: 767px) { - .ui.two.doubling.cards { - margin-left: 0; - margin-right: 0; - } - .ui.two.doubling.cards > .card { - width: 100%; - margin-left: 0; - margin-right: 0; - } - .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; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.two.doubling.cards { - margin-left: 0; - margin-right: 0; - } - .ui.two.doubling.cards > .card { - width: 100%; - margin-left: 0; - margin-right: 0; - } - .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; - } -} -@media only screen and (max-width: 767px) { - .ui.stackable.cards { - display: block !important; - } - .ui.stackable.cards .card:first-child { - margin-top: 0 !important; - } - .ui.stackable.cards > .card { - display: block !important; - height: auto !important; - margin: 1em 1em; - padding: 0 !important; - width: calc(100% - 2em) !important; - } -} -.ui.cards > .card { - font-size: 1em; -} diff --git a/front/app/assets/semantic/components/checkbox.css b/front/app/assets/semantic/components/checkbox.css deleted file mode 100755 index 828566f84631..000000000000 --- a/front/app/assets/semantic/components/checkbox.css +++ /dev/null @@ -1,604 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: border 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease, -webkit-transform 0.1s ease, - -webkit-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); - -webkit-transition: border 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; -} - -/*-------------- - Label ----------------*/ - -/* Inside */ -.ui.checkbox label, -.ui.checkbox + label { - color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease; - 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); -} -.ui.checkbox input:active ~ label { - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - 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); -} -.ui.checkbox input:focus ~ label { - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - 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); -} - -/*-------------- - 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); -} - -/*-------------- - 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); -} - -/*-------------- - 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: ''; - -webkit-transform: none; - 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; - -webkit-transform: scale(0.46666667); - 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); -} - -/* 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); -} - -/* 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); -} - -/*-------------- - 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; - -webkit-transform: none; - transform: none; - border-radius: 500rem; - -webkit-transition: background 0.3s ease; - transition: background 0.3s ease; -} - -/* Handle */ -.ui.slider.checkbox .box:after, -.ui.slider.checkbox label:after { - background: #ffffff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - position: absolute; - content: '' !important; - opacity: 1; - z-index: 2; - border: none; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), - 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-transform: none; - transform: none; - border-radius: 500rem; - -webkit-transition: left 0.3s ease; - 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; - -webkit-transform: none; - transform: none; - border: none; - top: 0rem; - background: rgba(0, 0, 0, 0.05); - -webkit-box-shadow: none; - 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 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - position: absolute; - content: '' !important; - opacity: 1; - z-index: 2; - border: none; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), - 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-transition: background 0.3s ease, left 0.3s ease; - transition: background 0.3s ease, left 0.3s ease; -} -.ui.toggle.checkbox input ~ .box:after, -.ui.toggle.checkbox input ~ label:after { - left: -0.05rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), - 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), - 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/checkbox.min.css b/front/app/assets/semantic/components/checkbox.min.css deleted file mode 100755 index b531e71fe7f2..000000000000 --- a/front/app/assets/semantic/components/checkbox.min.css +++ /dev/null @@ -1,442 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Checkbox - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.checkbox { - position: relative; - display: inline-block; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - outline: 0; - vertical-align: baseline; - font-style: normal; - min-height: 17px; - font-size: 1rem; - line-height: 17px; - min-width: 17px; -} -.ui.checkbox input[type='checkbox'], -.ui.checkbox input[type='radio'] { - cursor: pointer; - position: absolute; - top: 0; - left: 0; - opacity: 0 !important; - outline: 0; - z-index: 3; - width: 17px; - height: 17px; -} -.ui.checkbox .box, -.ui.checkbox label { - cursor: auto; - position: relative; - display: block; - padding-left: 1.85714em; - outline: 0; - font-size: 1em; -} -.ui.checkbox .box:before, -.ui.checkbox label:before { - position: absolute; - top: 0; - left: 0; - width: 17px; - height: 17px; - content: ''; - background: #fff; - border-radius: 0.21428571rem; - -webkit-transition: border 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; - border: 1px solid #d4d4d5; -} -.ui.checkbox .box:after, -.ui.checkbox label:after { - position: absolute; - font-size: 14px; - top: 0; - left: 0; - width: 17px; - height: 17px; - text-align: center; - opacity: 0; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: border 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; -} -.ui.checkbox label, -.ui.checkbox + label { - color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.checkbox + label { - vertical-align: middle; -} -.ui.checkbox .box:hover::before, -.ui.checkbox label:hover::before { - background: #fff; - border-color: rgba(34, 36, 38, 0.35); -} -.ui.checkbox label:hover, -.ui.checkbox + label:hover { - color: rgba(0, 0, 0, 0.8); -} -.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); -} -.ui.checkbox input:active ~ label { - color: rgba(0, 0, 0, 0.95); -} -.ui.checkbox input:focus ~ .box:before, -.ui.checkbox input:focus ~ label:before { - background: #fff; - border-color: #96c8da; -} -.ui.checkbox input:focus ~ .box:after, -.ui.checkbox input:focus ~ label:after { - color: rgba(0, 0, 0, 0.95); -} -.ui.checkbox input:focus ~ label { - color: rgba(0, 0, 0, 0.95); -} -.ui.checkbox input:checked ~ .box:before, -.ui.checkbox input:checked ~ label:before { - background: #fff; - 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); -} -.ui.checkbox input:not([type='radio']):indeterminate ~ .box:before, -.ui.checkbox input:not([type='radio']):indeterminate ~ label:before { - background: #fff; - 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); -} -.ui.checkbox input:checked:focus ~ .box:before, -.ui.checkbox input:checked:focus ~ label:before, -.ui.checkbox input:not([type='radio']):indeterminate:focus ~ .box:before, -.ui.checkbox input:not([type='radio']):indeterminate:focus ~ label:before { - background: #fff; - border-color: #96c8da; -} -.ui.checkbox input:checked:focus ~ .box:after, -.ui.checkbox input:checked:focus ~ label:after, -.ui.checkbox input:not([type='radio']):indeterminate:focus ~ .box:after, -.ui.checkbox input:not([type='radio']):indeterminate:focus ~ label:after { - color: rgba(0, 0, 0, 0.95); -} -.ui.read-only.checkbox, -.ui.read-only.checkbox label { - cursor: default; -} -.ui.checkbox input[disabled] ~ .box:after, -.ui.checkbox input[disabled] ~ label, -.ui.disabled.checkbox .box:after, -.ui.disabled.checkbox label { - cursor: default !important; - opacity: 0.5; - color: #000; -} -.ui.checkbox input.hidden { - z-index: -1; -} -.ui.checkbox input.hidden + label { - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.ui.radio.checkbox { - min-height: 15px; -} -.ui.radio.checkbox .box, -.ui.radio.checkbox label { - padding-left: 1.85714em; -} -.ui.radio.checkbox .box:before, -.ui.radio.checkbox label:before { - content: ''; - -webkit-transform: none; - transform: none; - width: 15px; - height: 15px; - border-radius: 500rem; - top: 1px; - left: 0; -} -.ui.radio.checkbox .box:after, -.ui.radio.checkbox label:after { - border: none; - content: '' !important; - width: 15px; - height: 15px; - line-height: 15px; -} -.ui.radio.checkbox .box:after, -.ui.radio.checkbox label:after { - top: 1px; - left: 0; - width: 15px; - height: 15px; - border-radius: 500rem; - -webkit-transform: scale(0.46666667); - transform: scale(0.46666667); - background-color: rgba(0, 0, 0, 0.87); -} -.ui.radio.checkbox input:focus ~ .box:before, -.ui.radio.checkbox input:focus ~ label:before { - background-color: #fff; -} -.ui.radio.checkbox input:focus ~ .box:after, -.ui.radio.checkbox input:focus ~ label:after { - background-color: rgba(0, 0, 0, 0.95); -} -.ui.radio.checkbox input:indeterminate ~ .box:after, -.ui.radio.checkbox input:indeterminate ~ label:after { - opacity: 0; -} -.ui.radio.checkbox input:checked ~ .box:before, -.ui.radio.checkbox input:checked ~ label:before { - background-color: #fff; -} -.ui.radio.checkbox input:checked ~ .box:after, -.ui.radio.checkbox input:checked ~ label:after { - background-color: rgba(0, 0, 0, 0.95); -} -.ui.radio.checkbox input:focus:checked ~ .box:before, -.ui.radio.checkbox input:focus:checked ~ label:before { - background-color: #fff; -} -.ui.radio.checkbox input:focus:checked ~ .box:after, -.ui.radio.checkbox input:focus:checked ~ label:after { - background-color: rgba(0, 0, 0, 0.95); -} -.ui.slider.checkbox { - min-height: 1.25rem; -} -.ui.slider.checkbox input { - width: 3.5rem; - height: 1.25rem; -} -.ui.slider.checkbox .box, -.ui.slider.checkbox label { - padding-left: 4.5rem; - line-height: 1rem; - color: rgba(0, 0, 0, 0.4); -} -.ui.slider.checkbox .box:before, -.ui.slider.checkbox label:before { - display: block; - position: absolute; - content: ''; - border: none !important; - left: 0; - z-index: 1; - top: 0.4rem; - background-color: rgba(0, 0, 0, 0.05); - width: 3.5rem; - height: 0.21428571rem; - -webkit-transform: none; - transform: none; - border-radius: 500rem; - -webkit-transition: background 0.3s ease; - transition: background 0.3s ease; -} -.ui.slider.checkbox .box:after, -.ui.slider.checkbox label:after { - background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - position: absolute; - content: '' !important; - opacity: 1; - z-index: 2; - border: none; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - width: 1.5rem; - height: 1.5rem; - top: -0.25rem; - left: 0; - -webkit-transform: none; - transform: none; - border-radius: 500rem; - -webkit-transition: left 0.3s ease; - transition: left 0.3s ease; -} -.ui.slider.checkbox input:focus ~ .box:before, -.ui.slider.checkbox input:focus ~ label:before { - background-color: rgba(0, 0, 0, 0.15); - border: none; -} -.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); -} -.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; -} -.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: #000 !important; -} -.ui.toggle.checkbox { - min-height: 1.5rem; -} -.ui.toggle.checkbox input { - width: 3.5rem; - height: 1.5rem; -} -.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; -} -.ui.toggle.checkbox .box:before, -.ui.toggle.checkbox label:before { - display: block; - position: absolute; - content: ''; - z-index: 1; - -webkit-transform: none; - transform: none; - border: none; - top: 0; - background: rgba(0, 0, 0, 0.05); - -webkit-box-shadow: none; - box-shadow: none; - width: 3.5rem; - height: 1.5rem; - border-radius: 500rem; -} -.ui.toggle.checkbox .box:after, -.ui.toggle.checkbox label:after { - background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - position: absolute; - content: '' !important; - opacity: 1; - z-index: 2; - border: none; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - width: 1.5rem; - height: 1.5rem; - top: 0; - left: 0; - border-radius: 500rem; - -webkit-transition: background 0.3s ease, left 0.3s ease; - transition: background 0.3s ease, left 0.3s ease; -} -.ui.toggle.checkbox input ~ .box:after, -.ui.toggle.checkbox input ~ label:after { - left: -0.05rem; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; -} -.ui.toggle.checkbox input:focus ~ .box:before, -.ui.toggle.checkbox input:focus ~ label:before { - background-color: rgba(0, 0, 0, 0.15); - border: none; -} -.ui.toggle.checkbox .box:hover::before, -.ui.toggle.checkbox label:hover::before { - background-color: rgba(0, 0, 0, 0.15); - border: none; -} -.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; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; -} -.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; -} -.ui.fitted.checkbox .box, -.ui.fitted.checkbox label { - padding-left: 0 !important; -} -.ui.fitted.toggle.checkbox { - width: 3.5rem; -} -.ui.fitted.slider.checkbox { - width: 3.5rem; -} diff --git a/front/app/assets/semantic/components/comment.css b/front/app/assets/semantic/components/comment.css deleted file mode 100755 index e81e23943457..000000000000 --- a/front/app/assets/semantic/components/comment.css +++ /dev/null @@ -1,258 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - -webkit-transition-delay: 0.1s; - 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; -} - -/******************************* - User Variable Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/comment.min.css b/front/app/assets/semantic/components/comment.min.css deleted file mode 100755 index c4302b9651e4..000000000000 --- a/front/app/assets/semantic/components/comment.min.css +++ /dev/null @@ -1,174 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Comment - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.comments { - margin: 1.5em 0; - max-width: 650px; -} -.ui.comments:first-child { - margin-top: 0; -} -.ui.comments:last-child { - margin-bottom: 0; -} -.ui.comments .comment { - position: relative; - background: 0 0; - margin: 0.5em 0 0; - padding: 0.5em 0 0; - border: none; - border-top: none; - line-height: 1.2; -} -.ui.comments .comment:first-child { - margin-top: 0; - padding-top: 0; -} -.ui.comments .comment .comments { - margin: 0 0 0.5em 0.5em; - padding: 1em 0 1em 1em; -} -.ui.comments .comment .comments:before { - position: absolute; - top: 0; - left: 0; -} -.ui.comments .comment .comments .comment { - border: none; - border-top: none; - background: 0 0; -} -.ui.comments .comment .avatar { - display: block; - width: 2.5em; - height: auto; - float: left; - margin: 0.2em 0 0; -} -.ui.comments .comment .avatar img, -.ui.comments .comment img.avatar { - display: block; - margin: 0 auto; - width: 100%; - height: 100%; - border-radius: 0.25rem; -} -.ui.comments .comment > .content { - display: block; -} -.ui.comments .comment > .avatar ~ .content { - margin-left: 3.5em; -} -.ui.comments .comment .author { - font-size: 1em; - color: rgba(0, 0, 0, 0.87); - font-weight: 700; -} -.ui.comments .comment a.author { - cursor: pointer; -} -.ui.comments .comment a.author:hover { - color: #1e70bf; -} -.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: 0 0.5em 0 0; -} -.ui.comments .comment .metadata > :last-child { - margin-right: 0; -} -.ui.comments .comment .text { - margin: 0.25em 0 0.5em; - font-size: 1em; - word-wrap: break-word; - color: rgba(0, 0, 0, 0.87); - line-height: 1.3; -} -.ui.comments .comment .actions { - font-size: 0.875em; -} -.ui.comments .comment .actions a { - cursor: pointer; - display: inline-block; - margin: 0 0.75em 0 0; - color: rgba(0, 0, 0, 0.4); -} -.ui.comments .comment .actions a:last-child { - margin-right: 0; -} -.ui.comments .comment .actions a.active, -.ui.comments .comment .actions a:hover { - color: rgba(0, 0, 0, 0.8); -} -.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; -} -.ui.collapsed.comments, -.ui.comments .collapsed.comment, -.ui.comments .collapsed.comments { - display: none; -} -.ui.threaded.comments .comment .comments { - margin: -1.5em 0 -1em 1.25em; - padding: 3em 0 2em 2.25em; - -webkit-box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15); -} -.ui.minimal.comments .comment .actions { - opacity: 0; - position: absolute; - top: 0; - right: 0; - left: auto; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - -webkit-transition-delay: 0.1s; - transition-delay: 0.1s; -} -.ui.minimal.comments .comment > .content:hover > .actions { - opacity: 1; -} -.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; -} diff --git a/front/app/assets/semantic/components/container.css b/front/app/assets/semantic/components/container.css deleted file mode 100644 index daa741cb667c..000000000000 --- a/front/app/assets/semantic/components/container.css +++ /dev/null @@ -1,134 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', '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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/container.min.css b/front/app/assets/semantic/components/container.min.css deleted file mode 100644 index 4095790c3ef9..000000000000 --- a/front/app/assets/semantic/components/container.min.css +++ /dev/null @@ -1,103 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Container - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.container { - display: block; - max-width: 100% !important; -} -@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; - } -} -@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; - } -} -@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; - } -} -@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; - } -} -.ui.text.container { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - max-width: 700px !important; - line-height: 1.5; -} -.ui.text.container { - font-size: 1.14285714rem; -} -.ui.fluid.container { - width: 100%; -} -.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; -} diff --git a/front/app/assets/semantic/components/dimmer.css b/front/app/assets/semantic/components/dimmer.css deleted file mode 100755 index 58a15784c41c..000000000000 --- a/front/app/assets/semantic/components/dimmer.css +++ /dev/null @@ -1,227 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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.85); - opacity: 0; - line-height: 1; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-transition: background-color 0.5s linear; - transition: background-color 0.5s linear; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -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: -webkit-box; - display: -ms-flexbox; - display: flex; - opacity: 1; -} - -/* Disabled */ -.ui.disabled.dimmer { - width: 0 !important; - height: 0 !important; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Alignment ----------------*/ - -.ui[class*='top aligned'].dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.ui[class*='bottom aligned'].dimmer { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; -} - -/*-------------- - Page ----------------*/ - -.ui.page.dimmer { - position: fixed; - -webkit-transform-style: ''; - transform-style: ''; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transform-origin: center center; - 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); - -webkit-transition: 800ms -webkit-filter ease; - 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); -} - -/******************************* - User Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/dimmer.min.css b/front/app/assets/semantic/components/dimmer.min.css deleted file mode 100755 index 7c6c15747215..000000000000 --- a/front/app/assets/semantic/components/dimmer.min.css +++ /dev/null @@ -1,165 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Dimmer - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.dimmable:not(body) { - position: relative; -} -.ui.dimmer { - display: none; - position: absolute; - top: 0 !important; - left: 0 !important; - width: 100%; - height: 100%; - text-align: center; - vertical-align: middle; - padding: 1em; - background-color: rgba(0, 0, 0, 0.85); - opacity: 0; - line-height: 1; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-transition: background-color 0.5s linear; - transition: background-color 0.5s linear; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - will-change: opacity; - z-index: 1000; -} -.ui.dimmer > .content { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - color: #fff; -} -.ui.segment > .ui.dimmer { - border-radius: inherit !important; -} -.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); -} -.animating.dimmable:not(body), -.dimmed.dimmable:not(body) { - overflow: hidden; -} -.dimmed.dimmable > .ui.animating.dimmer, -.dimmed.dimmable > .ui.visible.dimmer, -.ui.active.dimmer { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - opacity: 1; -} -.ui.disabled.dimmer { - width: 0 !important; - height: 0 !important; -} -.ui[class*='top aligned'].dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.ui[class*='bottom aligned'].dimmer { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.ui.page.dimmer { - position: fixed; - -webkit-transform-style: ''; - transform-style: ''; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transform-origin: center center; - transform-origin: center center; -} -body.animating.in.dimmable, -body.dimmed.dimmable { - overflow: hidden; -} -body.dimmable > .dimmer { - position: fixed; -} -.blurring.dimmable > :not(.dimmer) { - -webkit-filter: blur(0) grayscale(0); - filter: blur(0) grayscale(0); - -webkit-transition: 0.8s -webkit-filter ease; - transition: 0.8s -webkit-filter ease; - transition: 0.8s filter ease; - transition: 0.8s filter ease, 0.8s -webkit-filter ease; -} -.blurring.dimmed.dimmable > :not(.dimmer) { - -webkit-filter: blur(5px) grayscale(0.7); - filter: blur(5px) grayscale(0.7); -} -.blurring.dimmable > .dimmer { - background-color: rgba(0, 0, 0, 0.6); -} -.blurring.dimmable > .inverted.dimmer { - background-color: rgba(255, 255, 255, 0.6); -} -.ui.dimmer > .top.aligned.content > * { - vertical-align: top; -} -.ui.dimmer > .bottom.aligned.content > * { - vertical-align: bottom; -} -.ui.inverted.dimmer { - background-color: rgba(255, 255, 255, 0.85); -} -.ui.inverted.dimmer > .content > * { - color: #fff; -} -.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); -} diff --git a/front/app/assets/semantic/components/divider.css b/front/app/assets/semantic/components/divider.css deleted file mode 100755 index eb5bcfbc9984..000000000000 --- a/front/app/assets/semantic/components/divider.css +++ /dev/null @@ -1,236 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transform: translateX(-50%); - 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; - -webkit-transform: none; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/divider.min.css b/front/app/assets/semantic/components/divider.min.css deleted file mode 100755 index 6f109cfb35f6..000000000000 --- a/front/app/assets/semantic/components/divider.min.css +++ /dev/null @@ -1,165 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Divider - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.divider { - margin: 1rem 0; - line-height: 1; - height: 0; - font-weight: 700; - 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: transparent; -} -.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); -} -.ui.grid > .column + .divider, -.ui.grid > .row > .column + .divider { - left: auto; -} -.ui.horizontal.divider { - display: table; - white-space: nowrap; - height: auto; - margin: ''; - line-height: 1; - text-align: center; -} -.ui.horizontal.divider:after, -.ui.horizontal.divider:before { - 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%; -} -.ui.vertical.divider { - position: absolute; - z-index: 2; - top: 50%; - left: 50%; - margin: 0; - padding: 0; - width: auto; - height: 50%; - line-height: 0; - text-align: center; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); -} -.ui.vertical.divider:after, -.ui.vertical.divider:before { - 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: 0; -} -@media only screen and (max-width: 767px) { - .ui.grid .stackable.row .ui.vertical.divider, - .ui.stackable.grid .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; - -webkit-transform: none; - transform: none; - } - .ui.grid .stackable.row .ui.vertical.divider:after, - .ui.grid .stackable.row .ui.vertical.divider:before, - .ui.stackable.grid .ui.vertical.divider:after, - .ui.stackable.grid .ui.vertical.divider:before { - 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.grid .stackable.row .ui.vertical.divider:before, - .ui.stackable.grid .ui.vertical.divider:before { - background-position: right 1em top 50%; - } - .ui.grid .stackable.row .ui.vertical.divider:after, - .ui.stackable.grid .ui.vertical.divider:after { - background-position: left 1em top 50%; - } -} -.ui.divider > .icon { - margin: 0; - font-size: 1rem; - height: 1em; - vertical-align: middle; -} -.ui.hidden.divider { - border-color: transparent !important; -} -.ui.hidden.divider:after, -.ui.hidden.divider:before { - display: none; -} -.ui.divider.inverted, -.ui.horizontal.inverted.divider, -.ui.vertical.inverted.divider { - color: #fff; -} -.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; -} -.ui.fitted.divider { - margin: 0; -} -.ui.clearing.divider { - clear: both; -} -.ui.section.divider { - margin-top: 2rem; - margin-bottom: 2rem; -} -.ui.divider { - font-size: 1rem; -} diff --git a/front/app/assets/semantic/components/dropdown.css b/front/app/assets/semantic/components/dropdown.css deleted file mode 100755 index 075612a2bbe5..000000000000 --- a/front/app/assets/semantic/components/dropdown.css +++ /dev/null @@ -1,1422 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, - -webkit-box-shadow 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; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-transition: none; - 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; - -webkit-box-shadow: none; - 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: -webkit-box; - display: -ms-flexbox; - 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; - -webkit-transform: rotateZ(0deg); - 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); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, - -webkit-box-shadow 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; - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - -webkit-transition: opacity 0.1s ease; - 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); - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Active */ -.ui.selection.active.dropdown { - border-color: #96c8da; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} -.ui.selection.active.dropdown .menu { - border-color: #96c8da; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} - -/* Focus */ -.ui.selection.dropdown:focus { - border-color: #96c8da; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.selection.dropdown:focus .menu { - border-color: #96c8da; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} -.ui.selection.active.dropdown:hover .menu { - border-color: #96c8da; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - 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: 1; - 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; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.active.empty.selection.dropdown .menu { - border: none !important; - -webkit-box-shadow: 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; - -webkit-box-shadow: 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - 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.5em 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); - -webkit-box-shadow: none; - 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%; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - 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 { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes dropdown-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - 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 { - -webkit-transition: none; - 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; -} - -/*-------------------- - 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%; - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - 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; - -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); -} -.ui.upward.selection.dropdown:hover { - -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); - 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 { - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - 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 { - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); -} -.ui.upward.active.selection.dropdown:hover .menu { - -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); - 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; - -webkit-box-shadow: none !important; - 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; - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; - 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; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - width: 0.5em; - height: 0.5em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-transform: rotate(45deg); - 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; - -webkit-transform: rotate(45deg); - 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; - -webkit-transform: rotate(-45deg); - 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; - -webkit-transform: rotate(135deg); - 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; - -webkit-transform: rotate(135deg); - 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; - -webkit-transform: rotate(-135deg); - 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; - -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); -} - -/******************************* - User Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/dropdown.min.css b/front/app/assets/semantic/components/dropdown.min.css deleted file mode 100755 index bd520cb943f7..000000000000 --- a/front/app/assets/semantic/components/dropdown.min.css +++ /dev/null @@ -1,1087 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Dropdown - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.dropdown { - cursor: pointer; - position: relative; - display: inline-block; - outline: 0; - text-align: left; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, - -webkit-box-shadow 0.1s ease; - -webkit-tap-highlight-color: transparent; -} -.ui.dropdown .menu { - cursor: auto; - position: absolute; - display: none; - outline: 0; - top: 100%; - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - margin: 0; - padding: 0 0; - background: #fff; - font-size: 1em; - text-shadow: none; - text-align: left; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; - z-index: 11; - will-change: transform, opacity; -} -.ui.dropdown .menu > * { - white-space: nowrap; -} -.ui.dropdown > input:not(.search):first-child, -.ui.dropdown > select { - display: none !important; -} -.ui.dropdown > .dropdown.icon { - position: relative; - width: auto; - font-size: 0.85714286em; - margin: 0 0 0 1em; -} -.ui.dropdown .menu > .item .dropdown.icon { - width: auto; - float: right; - margin: 0 0 0 1em; -} -.ui.dropdown .menu > .item .dropdown.icon + .text { - margin-right: 1em; -} -.ui.dropdown > .text { - display: inline-block; - -webkit-transition: none; - transition: none; -} -.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: 400; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-touch-callout: none; -} -.ui.dropdown .menu > .item:first-child { - border-top-width: 0; -} -.ui.dropdown .menu .item > [class*='right floated'], -.ui.dropdown > .text > [class*='right floated'] { - float: right !important; - margin-right: 0 !important; - margin-left: 1em !important; -} -.ui.dropdown .menu .item > [class*='left floated'], -.ui.dropdown > .text > [class*='left floated'] { - float: left !important; - margin-left: 0 !important; - margin-right: 1em !important; -} -.ui.dropdown .menu .item > .flag.floated, -.ui.dropdown .menu .item > .icon.floated, -.ui.dropdown .menu .item > .image.floated, -.ui.dropdown .menu .item > img.floated { - margin-top: 0; -} -.ui.dropdown .menu > .header { - margin: 1rem 0 0.75rem; - padding: 0 1.14285714rem; - color: rgba(0, 0, 0, 0.85); - font-size: 0.78571429em; - font-weight: 700; - text-transform: uppercase; -} -.ui.dropdown .menu > .divider { - border-top: 1px solid rgba(34, 36, 38, 0.1); - height: 0; - margin: 0.5em 0; -} -.ui.dropdown.dropdown .menu > .input { - width: auto; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1.14285714rem 0.78571429rem; - min-width: 10rem; -} -.ui.dropdown .menu > .header + .input { - margin-top: 0; -} -.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; -} -.ui.dropdown .menu > .item > .description, -.ui.dropdown > .text > .description { - float: right; - margin: 0 0 0 1em; - color: rgba(0, 0, 0, 0.4); -} -.ui.dropdown .menu > .message { - padding: 0.78571429rem 1.14285714rem; - font-weight: 400; -} -.ui.dropdown .menu > .message:not(.ui) { - color: rgba(0, 0, 0, 0.4); -} -.ui.dropdown .menu .menu { - top: 0 !important; - left: 100%; - right: auto; - margin: 0 0 0 -0.5em !important; - border-radius: 0.28571429rem !important; - z-index: 21 !important; -} -.ui.dropdown .menu .menu:after { - display: none; -} -.ui.dropdown > .text > .flag, -.ui.dropdown > .text > .icon, -.ui.dropdown > .text > .image, -.ui.dropdown > .text > .label, -.ui.dropdown > .text > img { - margin-top: 0; -} -.ui.dropdown .menu > .item > .flag, -.ui.dropdown .menu > .item > .icon, -.ui.dropdown .menu > .item > .image, -.ui.dropdown .menu > .item > .label, -.ui.dropdown .menu > .item > img { - margin-top: 0; -} -.ui.dropdown .menu > .item > .flag, -.ui.dropdown .menu > .item > .icon, -.ui.dropdown .menu > .item > .image, -.ui.dropdown .menu > .item > .label, -.ui.dropdown .menu > .item > img, -.ui.dropdown > .text > .flag, -.ui.dropdown > .text > .icon, -.ui.dropdown > .text > .image, -.ui.dropdown > .text > .label, -.ui.dropdown > .text > img { - margin-left: 0; - float: none; - margin-right: 0.78571429rem; -} -.ui.dropdown .menu > .item > .image, -.ui.dropdown .menu > .item > img, -.ui.dropdown > .text > .image, -.ui.dropdown > .text > img { - display: inline-block; - vertical-align: top; - width: auto; - margin-top: -0.5em; - margin-bottom: -0.5em; - max-height: 2em; -} -.ui.dropdown .ui.menu > .item:before, -.ui.menu .ui.dropdown .menu > .item:before { - display: none; -} -.ui.menu .ui.dropdown .menu .active.item { - border-left: none; -} -.ui.buttons > .ui.dropdown:last-child .menu, -.ui.menu .right.dropdown.item .menu, -.ui.menu .right.menu .dropdown:last-child .menu { - left: auto; - right: 0; -} -.ui.label.dropdown .menu { - min-width: 100%; -} -.ui.dropdown.icon.button > .dropdown.icon { - margin: 0; -} -.ui.button.dropdown .menu { - min-width: 100%; -} -.ui.selection.dropdown { - cursor: pointer; - word-wrap: break-word; - line-height: 1em; - white-space: normal; - outline: 0; - -webkit-transform: rotateZ(0); - transform: rotateZ(0); - min-width: 14em; - min-height: 2.71428571em; - background: #fff; - display: inline-block; - padding: 0.78571429em 2.1em 0.78571429em 1em; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, - -webkit-box-shadow 0.1s ease; -} -.ui.selection.dropdown.active, -.ui.selection.dropdown.visible { - 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 > .delete.icon, -.ui.selection.dropdown > .dropdown.icon, -.ui.selection.dropdown > .search.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; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -.ui.compact.selection.dropdown { - min-width: 0; -} -.ui.selection.dropdown .menu { - overflow-x: hidden; - overflow-y: auto; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-overflow-scrolling: touch; - border-top-width: 0 !important; - width: auto; - outline: 0; - margin: 0 -1px; - min-width: calc(100% + 2px); - width: calc(100% + 2px); - border-radius: 0 0 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -.ui.selection.dropdown .menu:after, -.ui.selection.dropdown .menu:before { - display: none; -} -.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; - } -} -.ui.selection.dropdown .menu > .item { - border-top: 1px solid #fafafa; - padding: 0.78571429rem 1.14285714rem !important; - white-space: normal; - word-wrap: normal; -} -.ui.selection.dropdown .menu > .hidden.addition.item { - display: none; -} -.ui.selection.dropdown:hover { - border-color: rgba(34, 36, 38, 0.35); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.selection.active.dropdown { - border-color: #96c8da; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -} -.ui.selection.active.dropdown .menu { - border-color: #96c8da; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -} -.ui.selection.dropdown:focus { - border-color: #96c8da; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.selection.dropdown:focus .menu { - border-color: #96c8da; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -} -.ui.selection.visible.dropdown > .text:not(.default) { - font-weight: 400; - color: rgba(0, 0, 0, 0.8); -} -.ui.selection.active.dropdown:hover { - border-color: #96c8da; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -} -.ui.selection.active.dropdown:hover .menu { - border-color: #96c8da; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -} -.ui.active.selection.dropdown > .dropdown.icon, -.ui.visible.selection.dropdown > .dropdown.icon { - opacity: 1; - z-index: 3; -} -.ui.active.selection.dropdown { - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; -} -.ui.active.empty.selection.dropdown { - border-radius: 0.28571429rem !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.active.empty.selection.dropdown .menu { - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.search.dropdown { - min-width: ''; -} -.ui.search.dropdown > input.search { - background: none transparent !important; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - cursor: text; - top: 0; - left: 1px; - width: 100%; - outline: 0; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - padding: inherit; -} -.ui.search.dropdown > input.search { - position: absolute; - z-index: 2; -} -.ui.search.dropdown > .text { - cursor: text; - position: relative; - left: 1px; - z-index: 3; -} -.ui.search.selection.dropdown > input.search { - line-height: 1.21428571em; - padding: 0.67857143em 2.1em 0.67857143em 1em; -} -.ui.search.selection.dropdown > span.sizer { - line-height: 1.21428571em; - padding: 0.67857143em 2.1em 0.67857143em 1em; - display: none; - white-space: pre; -} -.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; -} -.ui.active.search.dropdown input.search:focus + .text .flag, -.ui.active.search.dropdown input.search:focus + .text .icon { - opacity: 0.45; -} -.ui.active.search.dropdown input.search:focus + .text { - color: rgba(115, 115, 115, 0.87) !important; -} -.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; - } -} -.ui.multiple.dropdown { - padding: 0.22619048em 2.1em 0.22619048em 0.35714286em; -} -.ui.multiple.dropdown .menu { - cursor: auto; -} -.ui.multiple.search.dropdown, -.ui.multiple.search.dropdown > input.search { - cursor: text; -} -.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 0; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; -} -.ui.multiple.dropdown .dropdown.icon { - margin: ''; - padding: ''; -} -.ui.multiple.dropdown > .text { - position: static; - padding: 0; - max-width: 100%; - margin: 0.45238095em 0 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; -} -.ui.multiple.search.dropdown > .text { - display: inline-block; - position: absolute; - top: 0; - left: 0; - padding: inherit; - margin: 0.45238095em 0 0.45238095em 0.64285714em; - line-height: 1.21428571em; -} -.ui.multiple.search.dropdown > .label ~ .text { - display: none; -} -.ui.multiple.search.dropdown > input.search { - position: static; - padding: 0; - max-width: 100%; - margin: 0.45238095em 0 0.45238095em 0.64285714em; - width: 2.2em; - line-height: 1.21428571em; -} -.ui.inline.dropdown { - cursor: pointer; - display: inline-block; - color: inherit; -} -.ui.inline.dropdown .dropdown.icon { - margin: 0 0.5em 0 0.21428571em; - vertical-align: baseline; -} -.ui.inline.dropdown > .text { - font-weight: 700; -} -.ui.inline.dropdown .menu { - cursor: auto; - margin-top: 0.21428571em; - border-radius: 0.28571429rem; -} -.ui.dropdown .menu .active.item { - background: 0 0; - font-weight: 700; - color: rgba(0, 0, 0, 0.95); - -webkit-box-shadow: none; - box-shadow: none; - z-index: 12; -} -.ui.dropdown .menu > .item:hover { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); - z-index: 13; -} -.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 0 0 -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%; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; - margin: -0.64285714em 0 0 -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; -} -.ui.loading.dropdown.button > i.icon:after, -.ui.loading.dropdown.button > i.icon:before { - display: none; -} -@-webkit-keyframes dropdown-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes dropdown-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -.ui.default.dropdown:not(.button) > .text, -.ui.dropdown:not(.button) > .default.text { - color: rgba(191, 191, 191, 0.87); -} -.ui.default.dropdown:not(.button) > input:focus ~ .text, -.ui.dropdown:not(.button) > input:focus ~ .default.text { - color: rgba(115, 115, 115, 0.87); -} -.ui.loading.dropdown > .text { - -webkit-transition: none; - transition: none; -} -.ui.dropdown .loading.menu { - display: block; - visibility: hidden; - z-index: -1; -} -.ui.dropdown > .loading.menu { - left: 0 !important; - right: auto !important; -} -.ui.dropdown > .menu .loading.menu { - left: 100% !important; - right: auto !important; -} -.ui.dropdown .menu .selected.item, -.ui.dropdown.selected { - background: rgba(0, 0, 0, 0.03); - color: rgba(0, 0, 0, 0.95); -} -.ui.dropdown > .filtered.text { - visibility: hidden; -} -.ui.dropdown .filtered.item { - display: none !important; -} -.ui.dropdown.error, -.ui.dropdown.error > .default.text, -.ui.dropdown.error > .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; -} -.ui.dropdown.error > .menu > .item:hover { - background-color: #fff2f2; -} -.ui.dropdown.error > .menu .active.item { - background-color: #fdcfcf; -} -.ui.disabled.dropdown, -.ui.dropdown .menu > .disabled.item { - cursor: default; - pointer-events: none; - opacity: 0.45; -} -.ui.dropdown .menu { - left: 0; -} -.ui.dropdown .menu .right.menu, -.ui.dropdown .right.menu > .menu { - left: 100% !important; - right: auto !important; - border-radius: 0.28571429rem !important; -} -.ui.dropdown > .left.menu { - left: auto !important; - right: 0 !important; -} -.ui.dropdown .menu .left.menu, -.ui.dropdown > .left.menu .menu { - left: auto; - right: 100%; - margin: 0 -0.5em 0 0 !important; - border-radius: 0.28571429rem !important; -} -.ui.dropdown .item .left.dropdown.icon, -.ui.dropdown .left.menu .item .dropdown.icon { - width: auto; - float: left; - margin: 0; -} -.ui.dropdown .item .left.dropdown.icon, -.ui.dropdown .left.menu .item .dropdown.icon { - width: auto; - float: left; - margin: 0; -} -.ui.dropdown .item .left.dropdown.icon + .text, -.ui.dropdown .left.menu .item .dropdown.icon + .text { - margin-left: 1em; - margin-right: 0; -} -.ui.upward.dropdown > .menu { - top: auto; - bottom: 100%; - -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.dropdown .upward.menu { - top: auto !important; - bottom: 0 !important; -} -.ui.simple.upward.active.dropdown, -.ui.simple.upward.dropdown:hover { - border-radius: 0.28571429rem 0.28571429rem 0 0 !important; -} -.ui.upward.dropdown.button:not(.pointing):not(.floating).active { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.upward.selection.dropdown .menu { - border-top-width: 1px !important; - border-bottom-width: 0 !important; - -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); -} -.ui.upward.selection.dropdown:hover { - -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); -} -.ui.active.upward.selection.dropdown { - border-radius: 0 0 0.28571429rem 0.28571429rem !important; -} -.ui.upward.selection.dropdown.visible { - -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); - border-radius: 0 0 0.28571429rem 0.28571429rem !important; -} -.ui.upward.active.selection.dropdown:hover { - -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); - box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); -} -.ui.upward.active.selection.dropdown:hover .menu { - -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); -} -.ui.dropdown .scrolling.menu, -.ui.scrolling.dropdown .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; - -webkit-box-shadow: none !important; - 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.dropdown .scrolling.menu > .item.item.item, -.ui.scrolling.dropdown .menu .item.item.item { - border-top: none; -} -.ui.dropdown .scrolling.menu .item:first-child, -.ui.scrolling.dropdown .menu .item:first-child { - border-top: none; -} -.ui.dropdown > .animating.menu .scrolling.menu, -.ui.dropdown > .visible.menu .scrolling.menu { - display: block; -} -@media all and (-ms-high-contrast: none) { - .ui.dropdown .scrolling.menu, - .ui.scrolling.dropdown .menu { - min-width: calc(100% - 17px); - } -} -@media only screen and (max-width: 767px) { - .ui.dropdown .scrolling.menu, - .ui.scrolling.dropdown .menu { - max-height: 10.28571429rem; - } -} -@media only screen and (min-width: 768px) { - .ui.dropdown .scrolling.menu, - .ui.scrolling.dropdown .menu { - max-height: 15.42857143rem; - } -} -@media only screen and (min-width: 992px) { - .ui.dropdown .scrolling.menu, - .ui.scrolling.dropdown .menu { - max-height: 20.57142857rem; - } -} -@media only screen and (min-width: 1920px) { - .ui.dropdown .scrolling.menu, - .ui.scrolling.dropdown .menu { - max-height: 20.57142857rem; - } -} -.ui.simple.dropdown .menu:after, -.ui.simple.dropdown .menu:before { - display: none; -} -.ui.simple.dropdown .menu { - position: absolute; - display: block; - overflow: hidden; - top: -9999px !important; - opacity: 0; - width: 0; - height: 0; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -.ui.simple.active.dropdown, -.ui.simple.dropdown:hover { - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !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:hover > .menu > .item:hover > .menu, -.ui.simple.dropdown > .menu > .item:active > .menu { - overflow: visible; - width: auto; - height: auto; - top: 0 !important; - left: 100% !important; - opacity: 1; -} -.ui.simple.disabled.dropdown:hover .menu { - display: none; - height: 0; - width: 0; - overflow: hidden; -} -.ui.simple.visible.dropdown > .menu { - display: block; -} -.ui.fluid.dropdown { - display: block; - width: 100%; - min-width: 0; -} -.ui.fluid.dropdown > .dropdown.icon { - float: right; -} -.ui.floating.dropdown .menu { - left: 0; - right: auto; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 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; -} -.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; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - width: 0.5em; - height: 0.5em; - -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); - background: #fff; - z-index: 2; -} -.ui.pointing.dropdown > .menu:after { - top: -0.25em; - left: 50%; - margin: 0 0 0 -0.25em; -} -.ui.top.left.pointing.dropdown > .menu { - top: 100%; - bottom: auto; - left: 0; - right: auto; - margin: 1em 0 0; -} -.ui.top.left.pointing.dropdown > .menu { - top: 100%; - bottom: auto; - left: 0; - right: auto; - margin: 1em 0 0; -} -.ui.top.left.pointing.dropdown > .menu:after { - top: -0.25em; - left: 1em; - right: auto; - margin: 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} -.ui.top.right.pointing.dropdown > .menu { - top: 100%; - bottom: auto; - right: 0; - left: auto; - margin: 1em 0 0; -} -.ui.top.pointing.dropdown > .left.menu:after, -.ui.top.right.pointing.dropdown > .menu:after { - top: -0.25em; - left: auto !important; - right: 1em !important; - margin: 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} -.ui.left.pointing.dropdown > .menu { - top: 0; - left: 100%; - right: auto; - margin: 0 0 0 1em; -} -.ui.left.pointing.dropdown > .menu:after { - top: 1em; - left: -0.25em; - margin: 0; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); -} -.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { - left: auto !important; - right: 100% !important; - margin: 0 1em 0 0; -} -.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after { - top: 1em; - left: auto; - right: -0.25em; - margin: 0; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); -} -.ui.right.pointing.dropdown > .menu { - top: 0; - left: auto; - right: 100%; - margin: 0 1em 0 0; -} -.ui.right.pointing.dropdown > .menu:after { - top: 1em; - left: auto; - right: -0.25em; - margin: 0; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); -} -.ui.bottom.pointing.dropdown > .menu { - top: auto; - bottom: 100%; - left: 0; - right: auto; - margin: 0 0 1em; -} -.ui.bottom.pointing.dropdown > .menu:after { - top: auto; - bottom: -0.25em; - right: auto; - margin: 0; - -webkit-transform: rotate(-135deg); - transform: rotate(-135deg); -} -.ui.bottom.pointing.dropdown > .menu .menu { - top: auto !important; - bottom: 0 !important; -} -.ui.bottom.left.pointing.dropdown > .menu { - left: 0; - right: auto; -} -.ui.bottom.left.pointing.dropdown > .menu:after { - left: 1em; - right: auto; -} -.ui.bottom.right.pointing.dropdown > .menu { - right: 0; - left: auto; -} -.ui.bottom.right.pointing.dropdown > .menu:after { - left: auto; - right: 1em; -} -.ui.pointing.upward.dropdown .menu, -.ui.top.pointing.upward.dropdown .menu { - top: auto !important; - bottom: 100% !important; - margin: 0 0 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; - -webkit-box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15); - margin: -0.25em 0 0; -} -.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { - top: auto !important; - bottom: 0 !important; - margin: 0 1em 0 0; -} -.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { - top: auto !important; - bottom: 0 !important; - margin: 0 0 1em 0; - -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); -} -.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { - top: auto !important; - bottom: 0 !important; - margin: 0 0 0 1em; -} -.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { - top: auto !important; - bottom: 0 !important; - margin: 0 0 1em 0; - -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); -} diff --git a/front/app/assets/semantic/components/embed.css b/front/app/assets/semantic/components/embed.css deleted file mode 100644 index 64a98dca15ab..000000000000 --- a/front/app/assets/semantic/components/embed.css +++ /dev/null @@ -1,154 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - opacity: 0.5; - -webkit-transition: opacity 0.5s ease; - transition: opacity 0.5s ease; -} -.ui.embed > .icon:before { - position: absolute; - top: 50%; - left: 50%; - z-index: 4; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - color: #ffffff; - font-size: 6rem; - text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2); - -webkit-transition: opacity 0.5s ease, color 0.5s ease; - transition: opacity 0.5s ease, color 0.5s ease; - z-index: 10; -} - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.embed .icon:hover:after { - background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - 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; -} - -/******************************* - 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%; -} diff --git a/front/app/assets/semantic/components/embed.min.css b/front/app/assets/semantic/components/embed.min.css deleted file mode 100644 index 2cb861bb381b..000000000000 --- a/front/app/assets/semantic/components/embed.min.css +++ /dev/null @@ -1,106 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Video - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.embed { - position: relative; - max-width: 100%; - height: 0; - overflow: hidden; - background: #dcddde; - padding-bottom: 56.25%; -} -.ui.embed embed, -.ui.embed iframe, -.ui.embed object { - position: absolute; - border: none; - width: 100%; - height: 100%; - top: 0; - left: 0; - margin: 0; - padding: 0; -} -.ui.embed > .embed { - display: none; -} -.ui.embed > .placeholder { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - display: block; - width: 100%; - height: 100%; - background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); -} -.ui.embed > .icon { - cursor: pointer; - position: absolute; - top: 0; - left: 0; - 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: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - opacity: 0.5; - -webkit-transition: opacity 0.5s ease; - transition: opacity 0.5s ease; -} -.ui.embed > .icon:before { - position: absolute; - top: 50%; - left: 50%; - z-index: 4; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - color: #fff; - font-size: 6rem; - text-shadow: 0 2px 10px rgba(34, 36, 38, 0.2); - -webkit-transition: opacity 0.5s ease, color 0.5s ease; - transition: opacity 0.5s ease, color 0.5s ease; - z-index: 10; -} -.ui.embed .icon:hover:after { - background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - opacity: 1; -} -.ui.embed .icon:hover:before { - color: #fff; -} -.ui.active.embed > .icon, -.ui.active.embed > .placeholder { - display: none; -} -.ui.active.embed > .embed { - display: block; -} -.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%; -} diff --git a/front/app/assets/semantic/components/feed.css b/front/app/assets/semantic/components/feed.css deleted file mode 100755 index b52e8a7d10f4..000000000000 --- a/front/app/assets/semantic/components/feed.css +++ /dev/null @@ -1,281 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - 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; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 2.5em; - height: auto; - -ms-flex-item-align: stretch; - 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; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-item-align: stretch; - 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; - -webkit-box-shadow: none; - 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: ''; - -webkit-transition: 0.2s color ease; - 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); - -webkit-transition: color 0.1s ease; - 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; -} - -/******************************* - User Variable Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/feed.min.css b/front/app/assets/semantic/components/feed.min.css deleted file mode 100755 index ac153c42361c..000000000000 --- a/front/app/assets/semantic/components/feed.min.css +++ /dev/null @@ -1,210 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Feed - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.feed { - margin: 1em 0; -} -.ui.feed:first-child { - margin-top: 0; -} -.ui.feed:last-child { - margin-bottom: 0; -} -.ui.feed > .event { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - width: 100%; - padding: 0.21428571rem 0; - margin: 0; - background: 0 0; - border-top: none; -} -.ui.feed > .event:first-child { - border-top: 0; - padding-top: 0; -} -.ui.feed > .event:last-child { - padding-bottom: 0; -} -.ui.feed > .event > .label { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 2.5em; - height: auto; - -ms-flex-item-align: stretch; - align-self: stretch; - text-align: left; -} -.ui.feed > .event > .label .icon { - opacity: 1; - font-size: 1.5em; - width: 100%; - padding: 0.25em; - background: 0 0; - 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 0 0.35714286em 1.14285714em; -} -.ui.feed > .event > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-item-align: stretch; - align-self: stretch; - text-align: left; - word-wrap: break-word; -} -.ui.feed > .event:last-child > .content { - padding-bottom: 0; -} -.ui.feed > .event > .content a { - cursor: pointer; -} -.ui.feed > .event > .content .date { - margin: -0.5rem 0 0; - padding: 0; - font-weight: 400; - font-size: 1em; - font-style: normal; - color: rgba(0, 0, 0, 0.4); -} -.ui.feed > .event > .content .summary { - margin: 0; - font-size: 1em; - font-weight: 700; - color: rgba(0, 0, 0, 0.87); -} -.ui.feed > .event > .content .summary img { - display: inline-block; - width: auto; - height: 10em; - margin: -0.25em 0.25em 0 0; - border-radius: 0.25em; - vertical-align: middle; -} -.ui.feed > .event > .content .user { - display: inline-block; - font-weight: 700; - margin-right: 0; - vertical-align: baseline; -} -.ui.feed > .event > .content .user img { - margin: -0.25em 0.25em 0 0; - width: auto; - height: 10em; - vertical-align: middle; -} -.ui.feed > .event > .content .summary > .date { - display: inline-block; - float: none; - font-weight: 400; - font-size: 0.85714286em; - font-style: normal; - margin: 0 0 0 0.5em; - padding: 0; - color: rgba(0, 0, 0, 0.4); -} -.ui.feed > .event > .content .extra { - margin: 0.5em 0 0; - background: 0 0; - padding: 0; - color: rgba(0, 0, 0, 0.87); -} -.ui.feed > .event > .content .extra.images img { - display: inline-block; - margin: 0 0.25em 0 0; - width: 6em; -} -.ui.feed > .event > .content .extra.text { - padding: 0; - border-left: none; - font-size: 1em; - max-width: 500px; - line-height: 1.4285em; -} -.ui.feed > .event > .content .meta { - display: inline-block; - font-size: 0.85714286em; - margin: 0.5em 0 0; - background: 0 0; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - padding: 0; - 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: 0; - left: -1em; - opacity: 1; - position: absolute; - vertical-align: top; -} -.ui.feed > .event > .content .meta .like { - color: ''; - -webkit-transition: 0.2s color ease; - 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; -} -.ui.feed > .event > .content .meta > :first-child { - margin-left: 0; -} -.ui.feed > .event > .content .meta > :first-child::after { - display: none; -} -.ui.feed > .event > .content .meta a, -.ui.feed > .event > .content .meta > .icon { - cursor: pointer; - opacity: 1; - color: rgba(0, 0, 0, 0.5); - -webkit-transition: color 0.1s ease; - 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); -} -.ui.small.feed { - font-size: 0.92857143rem; -} -.ui.feed { - font-size: 1rem; -} -.ui.large.feed { - font-size: 1.14285714rem; -} diff --git a/front/app/assets/semantic/components/flag.css b/front/app/assets/semantic/components/flag.css deleted file mode 100755 index c877d9598731..000000000000 --- a/front/app/assets/semantic/components/flag.css +++ /dev/null @@ -1,40 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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('./../themes/default/assets/images/flags.png') no-repeat -108px -1976px; - width: 16px; - height: 11px; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/flag.min.css b/front/app/assets/semantic/components/flag.min.css deleted file mode 100755 index e662d11d700e..000000000000 --- a/front/app/assets/semantic/components/flag.min.css +++ /dev/null @@ -1,29 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Flag - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -i.flag:not(.icon) { - display: inline-block; - width: 16px; - height: 11px; - line-height: 11px; - vertical-align: baseline; - margin: 0 0.5em 0 0; - text-decoration: inherit; - speak: none; - font-smoothing: antialiased; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -i.flag:not(.icon):before { - display: inline-block; - content: ''; - background: url(../themes/default/assets/images/flags.png) no-repeat -108px -1976px; - width: 16px; - height: 11px; -} diff --git a/front/app/assets/semantic/components/form.css b/front/app/assets/semantic/components/form.css deleted file mode 100755 index 2107788e0399..000000000000 --- a/front/app/assets/semantic/components/form.css +++ /dev/null @@ -1,1058 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', '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; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - 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; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - 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; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - padding: 0.62em 1em; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - 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 { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - 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 { - -webkit-box-shadow: 0px 0px 0px 100px #fffff0 inset !important; - box-shadow: 0px 0px 0px 100px #fffff0 inset !important; - border-color: #e5dfa1 !important; -} - -/* Focus */ -.ui.form .field.field input:-webkit-autofill:focus { - -webkit-box-shadow: 0px 0px 0px 100px #fffff0 inset !important; - box-shadow: 0px 0px 0px 100px #fffff0 inset !important; - border-color: #d5c315 !important; -} - -/* Error */ -.ui.form .error.error input:-webkit-autofill { - -webkit-box-shadow: 0px 0px 0px 100px #fffaf0 inset !important; - 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); -} -.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); -} -.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; - -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - 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; - -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - 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: -webkit-box; - display: -ms-flexbox; - 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: -webkit-box; - display: -ms-flexbox; - 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: -webkit-box; - display: -ms-flexbox; - 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: ''; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; - visibility: visible; - z-index: 101; -} -@-webkit-keyframes form-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes form-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - 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); - -webkit-box-shadow: none; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0em -0.5em 1em; -} -.ui.form .fields > .field { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - padding-left: 0.5em; - padding-right: 0.5em; -} -.ui.form .fields > .field:first-child { - border-left: none; - -webkit-box-shadow: 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 { - -ms-flex-wrap: wrap; - 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%; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -/*-------------------- - Inline Fields ----------------------*/ - -.ui.form .inline.fields { - margin: 0em 0em 1em; - -webkit-box-align: center; - -ms-flex-align: center; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/form.min.css b/front/app/assets/semantic/components/form.min.css deleted file mode 100755 index febf14fd9a06..000000000000 --- a/front/app/assets/semantic/components/form.min.css +++ /dev/null @@ -1,840 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Form - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.form { - position: relative; - max-width: 100%; -} -.ui.form > p { - margin: 1em 0; -} -.ui.form .field { - clear: both; - margin: 0 0 1em; -} -.ui.form .field:last-child, -.ui.form .fields:last-child .field { - margin-bottom: 0; -} -.ui.form .fields .field { - clear: both; - margin: 0; -} -.ui.form .field > label { - display: block; - margin: 0 0 0.28571429rem 0; - color: rgba(0, 0, 0, 0.87); - font-size: 0.92857143em; - font-weight: 700; - text-transform: none; -} -.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='file'], -.ui.form input[type='number'], -.ui.form input[type='password'], -.ui.form input[type='search'], -.ui.form input[type='tel'], -.ui.form input[type='text'], -.ui.form input[type='time'], -.ui.form input[type='url'], -.ui.form textarea { - width: 100%; - vertical-align: top; -} -.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='file'], -.ui.form input[type='number'], -.ui.form input[type='password'], -.ui.form input[type='search'], -.ui.form input[type='tel'], -.ui.form input[type='text'], -.ui.form input[type='time'], -.ui.form input[type='url'] { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - margin: 0; - outline: 0; - -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); - line-height: 1.21428571em; - padding: 0.67857143em 1em; - font-size: 1em; - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 0 transparent inset; - box-shadow: 0 0 0 0 transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - transition: color 0.1s ease, border-color 0.1s ease; -} -.ui.form textarea { - margin: 0; - -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); - padding: 0.78571429em 1em; - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - outline: 0; - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 0 transparent inset; - box-shadow: 0 0 0 0 transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - 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 input[type='checkbox'], -.ui.form textarea { - vertical-align: top; -} -.ui.form input.attached { - width: auto; -} -.ui.form select { - display: block; - height: auto; - width: 100%; - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 0 transparent inset; - box-shadow: 0 0 0 0 transparent inset; - padding: 0.62em 1em; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - transition: color 0.1s ease, border-color 0.1s ease; -} -.ui.form .field > .selection.dropdown { - width: 100%; -} -.ui.form .field > .selection.dropdown > .dropdown.icon { - float: right; -} -.ui.form .inline.field > .selection.dropdown, -.ui.form .inline.fields .field > .selection.dropdown { - width: auto; -} -.ui.form .inline.field > .selection.dropdown > .dropdown.icon, -.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon { - float: none; -} -.ui.form .field .ui.input, -.ui.form .fields .field .ui.input, -.ui.form .wide.field .ui.input { - width: 100%; -} -.ui.form .inline.field:not(.wide) .ui.input, -.ui.form .inline.fields .field:not(.wide) .ui.input { - width: auto; - vertical-align: middle; -} -.ui.form .field .ui.input input, -.ui.form .fields .field .ui.input input { - width: auto; -} -.ui.form .eight.fields .ui.input input, -.ui.form .five.fields .ui.input input, -.ui.form .four.fields .ui.input input, -.ui.form .nine.fields .ui.input input, -.ui.form .seven.fields .ui.input input, -.ui.form .six.fields .ui.input input, -.ui.form .ten.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 { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - width: 0; -} -.ui.form .error.message, -.ui.form .success.message, -.ui.form .warning.message { - display: none; -} -.ui.form .message:first-child { - margin-top: 0; -} -.ui.form .field .prompt.label { - white-space: normal; - background: #fff !important; - border: 1px solid #e0b4b4 !important; - color: #9f3a38 !important; -} -.ui.form .inline.field .prompt, -.ui.form .inline.fields .field .prompt { - vertical-align: top; - margin: -0.25em 0 -0.5em 0.5em; -} -.ui.form .inline.field .prompt:before, -.ui.form .inline.fields .field .prompt:before { - border-width: 0 0 1px 1px; - bottom: auto; - right: auto; - top: 50%; - left: 0; -} -.ui.form .field.field input:-webkit-autofill { - -webkit-box-shadow: 0 0 0 100px ivory inset !important; - box-shadow: 0 0 0 100px ivory inset !important; - border-color: #e5dfa1 !important; -} -.ui.form .field.field input:-webkit-autofill:focus { - -webkit-box-shadow: 0 0 0 100px ivory inset !important; - box-shadow: 0 0 0 100px ivory inset !important; - border-color: #d5c315 !important; -} -.ui.form .error.error input:-webkit-autofill { - -webkit-box-shadow: 0 0 0 100px #fffaf0 inset !important; - box-shadow: 0 0 0 100px #fffaf0 inset !important; - border-color: #e0b4b4 !important; -} -.ui.form ::-webkit-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} -.ui.form :-ms-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} -.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); -} -.ui.form :focus::-moz-placeholder { - color: rgba(115, 115, 115, 0.87); -} -.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; -} -.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='file']: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='text']:focus, -.ui.form input[type='time']:focus, -.ui.form input[type='url']:focus { - color: rgba(0, 0, 0, 0.95); - border-color: #85b7d9; - border-radius: 0.28571429rem; - background: #fff; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; - box-shadow: 0 0 0 0 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: #fff; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; - -webkit-appearance: none; -} -.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: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.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: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.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: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.ui.form .field.error .input, -.ui.form .field.error label, -.ui.form .fields.error .field .input, -.ui.form .fields.error .field label { - color: #9f3a38; -} -.ui.form .field.error .corner.label, -.ui.form .fields.error .field .corner.label { - border-color: #9f3a38; - color: #fff; -} -.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='file'], -.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='text'], -.ui.form .field.error input[type='time'], -.ui.form .field.error input[type='url'], -.ui.form .field.error select, -.ui.form .field.error textarea, -.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='file'], -.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='text'], -.ui.form .fields.error .field input[type='time'], -.ui.form .fields.error .field input[type='url'], -.ui.form .fields.error .field select, -.ui.form .fields.error .field textarea { - background: #fff6f6; - border-color: #e0b4b4; - color: #9f3a38; - border-radius: ''; - -webkit-box-shadow: none; - box-shadow: none; -} -.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='file']: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='text']:focus, -.ui.form .field.error input[type='time']:focus, -.ui.form .field.error input[type='url']:focus, -.ui.form .field.error select:focus, -.ui.form .field.error textarea:focus { - background: #fff6f6; - border-color: #e0b4b4; - color: #9f3a38; - -webkit-appearance: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.form .field.error select { - -webkit-appearance: menulist-button; -} -.ui.form .field.error .ui.dropdown, -.ui.form .field.error .ui.dropdown .item, -.ui.form .field.error .ui.dropdown .text, -.ui.form .fields.error .field .ui.dropdown, -.ui.form .fields.error .field .ui.dropdown .item { - background: #fff6f6; - color: #9f3a38; -} -.ui.form .field.error .ui.dropdown, -.ui.form .fields.error .field .ui.dropdown { - border-color: #e0b4b4 !important; -} -.ui.form .field.error .ui.dropdown:hover, -.ui.form .fields.error .field .ui.dropdown:hover { - border-color: #e0b4b4 !important; -} -.ui.form .field.error .ui.dropdown:hover .menu, -.ui.form .fields.error .field .ui.dropdown:hover .menu { - border-color: #e0b4b4; -} -.ui.form .field.error .ui.multiple.selection.dropdown > .label, -.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label { - background-color: #eacbcb; - color: #9f3a38; -} -.ui.form .field.error .ui.dropdown .menu .item:hover, -.ui.form .fields.error .field .ui.dropdown .menu .item:hover { - background-color: #fbe7e7; -} -.ui.form .field.error .ui.dropdown .menu .selected.item, -.ui.form .fields.error .field .ui.dropdown .menu .selected.item { - background-color: #fbe7e7; -} -.ui.form .field.error .ui.dropdown .menu .active.item, -.ui.form .fields.error .field .ui.dropdown .menu .active.item { - background-color: #fdcfcf !important; -} -.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box, -.ui.form .field.error .checkbox:not(.toggle):not(.slider) label, -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label { - color: #9f3a38; -} -.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box: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 .fields.error .field .checkbox:not(.toggle):not(.slider) label:before { - background: #fff6f6; - border-color: #e0b4b4; -} -.ui.form .field.error .checkbox .box:after, -.ui.form .field.error .checkbox label:after, -.ui.form .fields.error .field .checkbox .box:after, -.ui.form .fields.error .field .checkbox label:after { - color: #9f3a38; -} -.ui.form .disabled.field, -.ui.form .disabled.fields .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; -} -.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 0 0 -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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; - visibility: visible; - z-index: 101; -} -@-webkit-keyframes form-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes form-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -.ui.form .required.field > .checkbox:after, -.ui.form .required.field > label:after, -.ui.form .required.fields.grouped > label:after, -.ui.form .required.fields:not(.grouped) > .field > .checkbox:after, -.ui.form .required.fields:not(.grouped) > .field > label:after { - margin: -0.2em 0 0 0.2em; - content: '*'; - color: #db2828; -} -.ui.form .required.field > label:after, -.ui.form .required.fields.grouped > label:after, -.ui.form .required.fields:not(.grouped) > .field > label:after { - display: inline-block; - vertical-align: top; -} -.ui.form .required.field > .checkbox:after, -.ui.form .required.fields:not(.grouped) > .field > .checkbox:after { - position: absolute; - top: 0; - left: 100%; -} -.ui.form .inverted.segment .ui.checkbox .box, -.ui.form .inverted.segment .ui.checkbox label, -.ui.form .inverted.segment label, -.ui.inverted.form .inline.field > label, -.ui.inverted.form .inline.field > p, -.ui.inverted.form .inline.fields .field > label, -.ui.inverted.form .inline.fields .field > p, -.ui.inverted.form .inline.fields > label, -.ui.inverted.form .ui.checkbox .box, -.ui.inverted.form .ui.checkbox label, -.ui.inverted.form label { - color: rgba(255, 255, 255, 0.9); -} -.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='file'], -.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='text'], -.ui.inverted.form input[type='time'], -.ui.inverted.form input[type='url'] { - background: #fff; - border-color: rgba(255, 255, 255, 0.1); - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.form .grouped.fields { - display: block; - margin: 0 0 1em; -} -.ui.form .grouped.fields:last-child { - margin-bottom: 0; -} -.ui.form .grouped.fields > label { - margin: 0 0 0.28571429rem 0; - color: rgba(0, 0, 0, 0.87); - font-size: 0.92857143em; - font-weight: 700; - text-transform: none; -} -.ui.form .grouped.fields .field, -.ui.form .grouped.inline.fields .field { - display: block; - margin: 0.5em 0; - padding: 0; -} -.ui.form .fields { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0 -0.5em 1em; -} -.ui.form .fields > .field { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - padding-left: 0.5em; - padding-right: 0.5em; -} -.ui.form .fields > .field:first-child { - border-left: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.form .two.fields > .field, -.ui.form .two.fields > .fields { - width: 50%; -} -.ui.form .three.fields > .field, -.ui.form .three.fields > .fields { - width: 33.33333333%; -} -.ui.form .four.fields > .field, -.ui.form .four.fields > .fields { - width: 25%; -} -.ui.form .five.fields > .field, -.ui.form .five.fields > .fields { - width: 20%; -} -.ui.form .six.fields > .field, -.ui.form .six.fields > .fields { - width: 16.66666667%; -} -.ui.form .seven.fields > .field, -.ui.form .seven.fields > .fields { - width: 14.28571429%; -} -.ui.form .eight.fields > .field, -.ui.form .eight.fields > .fields { - width: 12.5%; -} -.ui.form .nine.fields > .field, -.ui.form .nine.fields > .fields { - width: 11.11111111%; -} -.ui.form .ten.fields > .field, -.ui.form .ten.fields > .fields { - width: 10%; -} -@media only screen and (max-width: 767px) { - .ui.form .fields { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) - [class*='equal width'].fields:not(.unstackable) - > .field, - .ui[class*='equal width'].form:not(.unstackable) .fields > .field { - width: 100% !important; - margin: 0 0 1em; - } -} -.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; -} -@media only screen and (max-width: 767px) { - .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields { - width: 100% !important; - } - .ui.form .fields { - margin-bottom: 0; - } -} -.ui.form [class*='equal width'].fields > .field, -.ui[class*='equal width'].form .fields > .field { - width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} -.ui.form .inline.fields { - margin: 0 0 1em; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.form .inline.fields .field { - margin: 0; - padding: 0 1em 0 0; -} -.ui.form .inline.field > label, -.ui.form .inline.field > p, -.ui.form .inline.fields .field > label, -.ui.form .inline.fields .field > p, -.ui.form .inline.fields > label { - display: inline-block; - width: auto; - margin-top: 0; - margin-bottom: 0; - vertical-align: baseline; - font-size: 0.92857143em; - font-weight: 700; - color: rgba(0, 0, 0, 0.87); - text-transform: none; -} -.ui.form .inline.fields > label { - margin: 0.035714em 1em 0 0; -} -.ui.form .inline.field > input, -.ui.form .inline.field > select, -.ui.form .inline.fields .field > input, -.ui.form .inline.fields .field > select { - display: inline-block; - width: auto; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; - font-size: 1em; -} -.ui.form .inline.field > :first-child, -.ui.form .inline.fields .field > :first-child { - margin: 0 0.85714286em 0 0; -} -.ui.form .inline.field > :only-child, -.ui.form .inline.fields .field > :only-child { - margin: 0; -} -.ui.form .inline.fields .wide.field { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.form .inline.fields .wide.field > input, -.ui.form .inline.fields .wide.field > select { - width: 100%; -} -.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; -} diff --git a/front/app/assets/semantic/components/grid.css b/front/app/assets/semantic/components/grid.css deleted file mode 100755 index be213cbb1e21..000000000000 --- a/front/app/assets/semantic/components/grid.css +++ /dev/null @@ -1,2069 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Grid - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Standard -*******************************/ - -.ui.grid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: inherit; - -ms-flex-pack: inherit; - justify-content: inherit; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - 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 { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 1rem 1rem; -} -.ui.grid .column + .ui.vertical.divider { - height: calc(50% - 1rem); -} - -/* Remove Border on Last Horizontal Segment */ -.ui.grid > .row > .column:last-child > .horizontal.segment, -.ui.grid > .column:last-child > .horizontal.segment { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: none; - 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; - -webkit-box-pack: center; - -ms-flex-pack: 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); -} -.ui.grid > .divided.row > .column:first-child { - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); - 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 { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted[class*='vertically divided'].grid > .row:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); - 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: 5rem; - margin-right: 5rem; - width: calc(100% - 5rem); -} - -/*---------------------- - Celled ------------------------*/ - -.ui.celled.grid { - width: 100%; - margin: 1em 0em; - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5; - box-shadow: 0px 0px 0px 1px #d4d4d5; -} -.ui.celled.grid > .row { - width: 100% !important; - margin: 0em; - padding: 0em; - -webkit-box-shadow: 0px -1px 0px 0px #d4d4d5; - box-shadow: 0px -1px 0px 0px #d4d4d5; -} -.ui.celled.grid > .column:not(.row), -.ui.celled.grid > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px #d4d4d5; - box-shadow: -1px 0px 0px 0px #d4d4d5; -} -.ui.celled.grid > .column:first-child, -.ui.celled.grid > .row > .column:first-child { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: none; - box-shadow: none; - margin: 0em; -} -.ui[class*='internally celled'].grid > .row:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui[class*='internally celled'].grid > .row > .column:first-child { - -webkit-box-shadow: none; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: top; - -ms-flex-item-align: start !important; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: middle; - -ms-flex-item-align: center !important; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: bottom; - -ms-flex-item-align: end !important; - 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: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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 > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - 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; - -ms-flex-item-align: inherit; - 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; - -ms-flex-item-align: inherit; - align-self: inherit; -} -.ui[class*='center aligned'].grid { - -webkit-box-pack: center; - -ms-flex-pack: center; - 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; - -ms-flex-item-align: inherit; - 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; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - 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 { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - 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 { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - .ui[class*='mobile vertically reversed'].grid, - .ui.stackable[class*='mobile reversed'] { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Vertically Divided Reversed */ - .ui.grid[class*='vertically divided'][class*='mobile vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Celled Reversed */ - .ui[class*='mobile reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #d4d4d5; - box-shadow: -1px 0px 0px 0px #d4d4d5; - } - .ui[class*='mobile reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - 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 { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - .ui[class*='tablet vertically reversed'].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Vertically Divided Reversed */ - .ui.grid[class*='vertically divided'][class*='tablet vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Celled Reversed */ - .ui[class*='tablet reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #d4d4d5; - box-shadow: -1px 0px 0px 0px #d4d4d5; - } - .ui[class*='tablet reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - 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 { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - .ui[class*='computer vertically reversed'].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Vertically Divided Reversed */ - .ui.grid[class*='vertically divided'][class*='computer vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Celled Reversed */ - .ui[class*='computer reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #d4d4d5; - box-shadow: -1px 0px 0px 0px #d4d4d5; - } - .ui[class*='computer reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none !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; - -webkit-box-shadow: none !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; - -webkit-box-shadow: none !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); - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding-top: 2rem !important; - padding-bottom: 2rem !important; - } - .ui.stackable.celled.grid > .row { - -webkit-box-shadow: none !important; - 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; - } -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/grid.min.css b/front/app/assets/semantic/components/grid.min.css deleted file mode 100755 index 89a29831db0b..000000000000 --- a/front/app/assets/semantic/components/grid.min.css +++ /dev/null @@ -1,1797 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Grid - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.grid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - padding: 0; -} -.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; -} -.ui.grid + .grid { - margin-top: 1rem; -} -.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; -} -.ui.grid > .row { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: inherit; - -ms-flex-pack: inherit; - justify-content: inherit; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - width: 100% !important; - padding: 0; - padding-top: 1rem; - padding-bottom: 1rem; -} -.ui.grid > .column:not(.row) { - padding-top: 1rem; - padding-bottom: 1rem; -} -.ui.grid > .row > .column { - margin-top: 0; - margin-bottom: 0; -} -.ui.grid > .row > .column > img, -.ui.grid > .row > img { - max-width: 100%; -} -.ui.grid > .ui.grid:first-child { - margin-top: 0; -} -.ui.grid > .ui.grid:last-child { - margin-bottom: 0; -} -.ui.aligned.grid .column > .segment:not(.compact):not(.attached), -.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached) { - width: 100%; -} -.ui.grid .row + .ui.divider { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 1rem 1rem; -} -.ui.grid .column + .ui.vertical.divider { - height: calc(50% - 1rem); -} -.ui.grid > .column:last-child > .horizontal.segment, -.ui.grid > .row > .column:last-child > .horizontal.segment { - -webkit-box-shadow: none; - box-shadow: none; -} -@media only screen and (max-width: 767px) { - .ui.page.grid { - width: auto; - padding-left: 0; - padding-right: 0; - margin-left: 0; - margin-right: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.page.grid { - width: auto; - margin-left: 0; - margin-right: 0; - padding-left: 2em; - padding-right: 2em; - } -} -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .ui.page.grid { - width: auto; - margin-left: 0; - margin-right: 0; - padding-left: 3%; - padding-right: 3%; - } -} -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .ui.page.grid { - width: auto; - margin-left: 0; - margin-right: 0; - padding-left: 15%; - padding-right: 15%; - } -} -@media only screen and (min-width: 1920px) { - .ui.page.grid { - width: auto; - margin-left: 0; - margin-right: 0; - padding-left: 23%; - padding-right: 23%; - } -} -.ui.grid > .column:only-child, -.ui.grid > .row > .column:only-child { - width: 100%; -} -.ui[class*='one column'].grid > .column:not(.row), -.ui[class*='one column'].grid > .row > .column { - width: 100%; -} -.ui[class*='two column'].grid > .column:not(.row), -.ui[class*='two column'].grid > .row > .column { - width: 50%; -} -.ui[class*='three column'].grid > .column:not(.row), -.ui[class*='three column'].grid > .row > .column { - width: 33.33333333%; -} -.ui[class*='four column'].grid > .column:not(.row), -.ui[class*='four column'].grid > .row > .column { - width: 25%; -} -.ui[class*='five column'].grid > .column:not(.row), -.ui[class*='five column'].grid > .row > .column { - width: 20%; -} -.ui[class*='six column'].grid > .column:not(.row), -.ui[class*='six column'].grid > .row > .column { - width: 16.66666667%; -} -.ui[class*='seven column'].grid > .column:not(.row), -.ui[class*='seven column'].grid > .row > .column { - width: 14.28571429%; -} -.ui[class*='eight column'].grid > .column:not(.row), -.ui[class*='eight column'].grid > .row > .column { - width: 12.5%; -} -.ui[class*='nine column'].grid > .column:not(.row), -.ui[class*='nine column'].grid > .row > .column { - width: 11.11111111%; -} -.ui[class*='ten column'].grid > .column:not(.row), -.ui[class*='ten column'].grid > .row > .column { - width: 10%; -} -.ui[class*='eleven column'].grid > .column:not(.row), -.ui[class*='eleven column'].grid > .row > .column { - width: 9.09090909%; -} -.ui[class*='twelve column'].grid > .column:not(.row), -.ui[class*='twelve column'].grid > .row > .column { - width: 8.33333333%; -} -.ui[class*='thirteen column'].grid > .column:not(.row), -.ui[class*='thirteen column'].grid > .row > .column { - width: 7.69230769%; -} -.ui[class*='fourteen column'].grid > .column:not(.row), -.ui[class*='fourteen column'].grid > .row > .column { - width: 7.14285714%; -} -.ui[class*='fifteen column'].grid > .column:not(.row), -.ui[class*='fifteen column'].grid > .row > .column { - width: 6.66666667%; -} -.ui[class*='sixteen column'].grid > .column:not(.row), -.ui[class*='sixteen column'].grid > .row > .column { - width: 6.25%; -} -.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; -} -.ui.celled.page.grid { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.column.grid > [class*='one wide'].column, -.ui.grid > .column.row > [class*='one wide'].column, -.ui.grid > .row > [class*='one wide'].column, -.ui.grid > [class*='one wide'].column { - width: 6.25% !important; -} -.ui.column.grid > [class*='two wide'].column, -.ui.grid > .column.row > [class*='two wide'].column, -.ui.grid > .row > [class*='two wide'].column, -.ui.grid > [class*='two wide'].column { - width: 12.5% !important; -} -.ui.column.grid > [class*='three wide'].column, -.ui.grid > .column.row > [class*='three wide'].column, -.ui.grid > .row > [class*='three wide'].column, -.ui.grid > [class*='three wide'].column { - width: 18.75% !important; -} -.ui.column.grid > [class*='four wide'].column, -.ui.grid > .column.row > [class*='four wide'].column, -.ui.grid > .row > [class*='four wide'].column, -.ui.grid > [class*='four wide'].column { - width: 25% !important; -} -.ui.column.grid > [class*='five wide'].column, -.ui.grid > .column.row > [class*='five wide'].column, -.ui.grid > .row > [class*='five wide'].column, -.ui.grid > [class*='five wide'].column { - width: 31.25% !important; -} -.ui.column.grid > [class*='six wide'].column, -.ui.grid > .column.row > [class*='six wide'].column, -.ui.grid > .row > [class*='six wide'].column, -.ui.grid > [class*='six wide'].column { - width: 37.5% !important; -} -.ui.column.grid > [class*='seven wide'].column, -.ui.grid > .column.row > [class*='seven wide'].column, -.ui.grid > .row > [class*='seven wide'].column, -.ui.grid > [class*='seven wide'].column { - width: 43.75% !important; -} -.ui.column.grid > [class*='eight wide'].column, -.ui.grid > .column.row > [class*='eight wide'].column, -.ui.grid > .row > [class*='eight wide'].column, -.ui.grid > [class*='eight wide'].column { - width: 50% !important; -} -.ui.column.grid > [class*='nine wide'].column, -.ui.grid > .column.row > [class*='nine wide'].column, -.ui.grid > .row > [class*='nine wide'].column, -.ui.grid > [class*='nine wide'].column { - width: 56.25% !important; -} -.ui.column.grid > [class*='ten wide'].column, -.ui.grid > .column.row > [class*='ten wide'].column, -.ui.grid > .row > [class*='ten wide'].column, -.ui.grid > [class*='ten wide'].column { - width: 62.5% !important; -} -.ui.column.grid > [class*='eleven wide'].column, -.ui.grid > .column.row > [class*='eleven wide'].column, -.ui.grid > .row > [class*='eleven wide'].column, -.ui.grid > [class*='eleven wide'].column { - width: 68.75% !important; -} -.ui.column.grid > [class*='twelve wide'].column, -.ui.grid > .column.row > [class*='twelve wide'].column, -.ui.grid > .row > [class*='twelve wide'].column, -.ui.grid > [class*='twelve wide'].column { - width: 75% !important; -} -.ui.column.grid > [class*='thirteen wide'].column, -.ui.grid > .column.row > [class*='thirteen wide'].column, -.ui.grid > .row > [class*='thirteen wide'].column, -.ui.grid > [class*='thirteen wide'].column { - width: 81.25% !important; -} -.ui.column.grid > [class*='fourteen wide'].column, -.ui.grid > .column.row > [class*='fourteen wide'].column, -.ui.grid > .row > [class*='fourteen wide'].column, -.ui.grid > [class*='fourteen wide'].column { - width: 87.5% !important; -} -.ui.column.grid > [class*='fifteen wide'].column, -.ui.grid > .column.row > [class*='fifteen wide'].column, -.ui.grid > .row > [class*='fifteen wide'].column, -.ui.grid > [class*='fifteen wide'].column { - width: 93.75% !important; -} -.ui.column.grid > [class*='sixteen wide'].column, -.ui.grid > .column.row > [class*='sixteen wide'].column, -.ui.grid > .row > [class*='sixteen wide'].column, -.ui.grid > [class*='sixteen wide'].column { - width: 100% !important; -} -@media only screen and (min-width: 320px) and (max-width: 767px) { - .ui.column.grid > [class*='one wide mobile'].column, - .ui.grid > .column.row > [class*='one wide mobile'].column, - .ui.grid > .row > [class*='one wide mobile'].column, - .ui.grid > [class*='one wide mobile'].column { - width: 6.25% !important; - } - .ui.column.grid > [class*='two wide mobile'].column, - .ui.grid > .column.row > [class*='two wide mobile'].column, - .ui.grid > .row > [class*='two wide mobile'].column, - .ui.grid > [class*='two wide mobile'].column { - width: 12.5% !important; - } - .ui.column.grid > [class*='three wide mobile'].column, - .ui.grid > .column.row > [class*='three wide mobile'].column, - .ui.grid > .row > [class*='three wide mobile'].column, - .ui.grid > [class*='three wide mobile'].column { - width: 18.75% !important; - } - .ui.column.grid > [class*='four wide mobile'].column, - .ui.grid > .column.row > [class*='four wide mobile'].column, - .ui.grid > .row > [class*='four wide mobile'].column, - .ui.grid > [class*='four wide mobile'].column { - width: 25% !important; - } - .ui.column.grid > [class*='five wide mobile'].column, - .ui.grid > .column.row > [class*='five wide mobile'].column, - .ui.grid > .row > [class*='five wide mobile'].column, - .ui.grid > [class*='five wide mobile'].column { - width: 31.25% !important; - } - .ui.column.grid > [class*='six wide mobile'].column, - .ui.grid > .column.row > [class*='six wide mobile'].column, - .ui.grid > .row > [class*='six wide mobile'].column, - .ui.grid > [class*='six wide mobile'].column { - width: 37.5% !important; - } - .ui.column.grid > [class*='seven wide mobile'].column, - .ui.grid > .column.row > [class*='seven wide mobile'].column, - .ui.grid > .row > [class*='seven wide mobile'].column, - .ui.grid > [class*='seven wide mobile'].column { - width: 43.75% !important; - } - .ui.column.grid > [class*='eight wide mobile'].column, - .ui.grid > .column.row > [class*='eight wide mobile'].column, - .ui.grid > .row > [class*='eight wide mobile'].column, - .ui.grid > [class*='eight wide mobile'].column { - width: 50% !important; - } - .ui.column.grid > [class*='nine wide mobile'].column, - .ui.grid > .column.row > [class*='nine wide mobile'].column, - .ui.grid > .row > [class*='nine wide mobile'].column, - .ui.grid > [class*='nine wide mobile'].column { - width: 56.25% !important; - } - .ui.column.grid > [class*='ten wide mobile'].column, - .ui.grid > .column.row > [class*='ten wide mobile'].column, - .ui.grid > .row > [class*='ten wide mobile'].column, - .ui.grid > [class*='ten wide mobile'].column { - width: 62.5% !important; - } - .ui.column.grid > [class*='eleven wide mobile'].column, - .ui.grid > .column.row > [class*='eleven wide mobile'].column, - .ui.grid > .row > [class*='eleven wide mobile'].column, - .ui.grid > [class*='eleven wide mobile'].column { - width: 68.75% !important; - } - .ui.column.grid > [class*='twelve wide mobile'].column, - .ui.grid > .column.row > [class*='twelve wide mobile'].column, - .ui.grid > .row > [class*='twelve wide mobile'].column, - .ui.grid > [class*='twelve wide mobile'].column { - width: 75% !important; - } - .ui.column.grid > [class*='thirteen wide mobile'].column, - .ui.grid > .column.row > [class*='thirteen wide mobile'].column, - .ui.grid > .row > [class*='thirteen wide mobile'].column, - .ui.grid > [class*='thirteen wide mobile'].column { - width: 81.25% !important; - } - .ui.column.grid > [class*='fourteen wide mobile'].column, - .ui.grid > .column.row > [class*='fourteen wide mobile'].column, - .ui.grid > .row > [class*='fourteen wide mobile'].column, - .ui.grid > [class*='fourteen wide mobile'].column { - width: 87.5% !important; - } - .ui.column.grid > [class*='fifteen wide mobile'].column, - .ui.grid > .column.row > [class*='fifteen wide mobile'].column, - .ui.grid > .row > [class*='fifteen wide mobile'].column, - .ui.grid > [class*='fifteen wide mobile'].column { - width: 93.75% !important; - } - .ui.column.grid > [class*='sixteen wide mobile'].column, - .ui.grid > .column.row > [class*='sixteen wide mobile'].column, - .ui.grid > .row > [class*='sixteen wide mobile'].column, - .ui.grid > [class*='sixteen wide mobile'].column { - width: 100% !important; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.column.grid > [class*='one wide tablet'].column, - .ui.grid > .column.row > [class*='one wide tablet'].column, - .ui.grid > .row > [class*='one wide tablet'].column, - .ui.grid > [class*='one wide tablet'].column { - width: 6.25% !important; - } - .ui.column.grid > [class*='two wide tablet'].column, - .ui.grid > .column.row > [class*='two wide tablet'].column, - .ui.grid > .row > [class*='two wide tablet'].column, - .ui.grid > [class*='two wide tablet'].column { - width: 12.5% !important; - } - .ui.column.grid > [class*='three wide tablet'].column, - .ui.grid > .column.row > [class*='three wide tablet'].column, - .ui.grid > .row > [class*='three wide tablet'].column, - .ui.grid > [class*='three wide tablet'].column { - width: 18.75% !important; - } - .ui.column.grid > [class*='four wide tablet'].column, - .ui.grid > .column.row > [class*='four wide tablet'].column, - .ui.grid > .row > [class*='four wide tablet'].column, - .ui.grid > [class*='four wide tablet'].column { - width: 25% !important; - } - .ui.column.grid > [class*='five wide tablet'].column, - .ui.grid > .column.row > [class*='five wide tablet'].column, - .ui.grid > .row > [class*='five wide tablet'].column, - .ui.grid > [class*='five wide tablet'].column { - width: 31.25% !important; - } - .ui.column.grid > [class*='six wide tablet'].column, - .ui.grid > .column.row > [class*='six wide tablet'].column, - .ui.grid > .row > [class*='six wide tablet'].column, - .ui.grid > [class*='six wide tablet'].column { - width: 37.5% !important; - } - .ui.column.grid > [class*='seven wide tablet'].column, - .ui.grid > .column.row > [class*='seven wide tablet'].column, - .ui.grid > .row > [class*='seven wide tablet'].column, - .ui.grid > [class*='seven wide tablet'].column { - width: 43.75% !important; - } - .ui.column.grid > [class*='eight wide tablet'].column, - .ui.grid > .column.row > [class*='eight wide tablet'].column, - .ui.grid > .row > [class*='eight wide tablet'].column, - .ui.grid > [class*='eight wide tablet'].column { - width: 50% !important; - } - .ui.column.grid > [class*='nine wide tablet'].column, - .ui.grid > .column.row > [class*='nine wide tablet'].column, - .ui.grid > .row > [class*='nine wide tablet'].column, - .ui.grid > [class*='nine wide tablet'].column { - width: 56.25% !important; - } - .ui.column.grid > [class*='ten wide tablet'].column, - .ui.grid > .column.row > [class*='ten wide tablet'].column, - .ui.grid > .row > [class*='ten wide tablet'].column, - .ui.grid > [class*='ten wide tablet'].column { - width: 62.5% !important; - } - .ui.column.grid > [class*='eleven wide tablet'].column, - .ui.grid > .column.row > [class*='eleven wide tablet'].column, - .ui.grid > .row > [class*='eleven wide tablet'].column, - .ui.grid > [class*='eleven wide tablet'].column { - width: 68.75% !important; - } - .ui.column.grid > [class*='twelve wide tablet'].column, - .ui.grid > .column.row > [class*='twelve wide tablet'].column, - .ui.grid > .row > [class*='twelve wide tablet'].column, - .ui.grid > [class*='twelve wide tablet'].column { - width: 75% !important; - } - .ui.column.grid > [class*='thirteen wide tablet'].column, - .ui.grid > .column.row > [class*='thirteen wide tablet'].column, - .ui.grid > .row > [class*='thirteen wide tablet'].column, - .ui.grid > [class*='thirteen wide tablet'].column { - width: 81.25% !important; - } - .ui.column.grid > [class*='fourteen wide tablet'].column, - .ui.grid > .column.row > [class*='fourteen wide tablet'].column, - .ui.grid > .row > [class*='fourteen wide tablet'].column, - .ui.grid > [class*='fourteen wide tablet'].column { - width: 87.5% !important; - } - .ui.column.grid > [class*='fifteen wide tablet'].column, - .ui.grid > .column.row > [class*='fifteen wide tablet'].column, - .ui.grid > .row > [class*='fifteen wide tablet'].column, - .ui.grid > [class*='fifteen wide tablet'].column { - width: 93.75% !important; - } - .ui.column.grid > [class*='sixteen wide tablet'].column, - .ui.grid > .column.row > [class*='sixteen wide tablet'].column, - .ui.grid > .row > [class*='sixteen wide tablet'].column, - .ui.grid > [class*='sixteen wide tablet'].column { - width: 100% !important; - } -} -@media only screen and (min-width: 992px) { - .ui.column.grid > [class*='one wide computer'].column, - .ui.grid > .column.row > [class*='one wide computer'].column, - .ui.grid > .row > [class*='one wide computer'].column, - .ui.grid > [class*='one wide computer'].column { - width: 6.25% !important; - } - .ui.column.grid > [class*='two wide computer'].column, - .ui.grid > .column.row > [class*='two wide computer'].column, - .ui.grid > .row > [class*='two wide computer'].column, - .ui.grid > [class*='two wide computer'].column { - width: 12.5% !important; - } - .ui.column.grid > [class*='three wide computer'].column, - .ui.grid > .column.row > [class*='three wide computer'].column, - .ui.grid > .row > [class*='three wide computer'].column, - .ui.grid > [class*='three wide computer'].column { - width: 18.75% !important; - } - .ui.column.grid > [class*='four wide computer'].column, - .ui.grid > .column.row > [class*='four wide computer'].column, - .ui.grid > .row > [class*='four wide computer'].column, - .ui.grid > [class*='four wide computer'].column { - width: 25% !important; - } - .ui.column.grid > [class*='five wide computer'].column, - .ui.grid > .column.row > [class*='five wide computer'].column, - .ui.grid > .row > [class*='five wide computer'].column, - .ui.grid > [class*='five wide computer'].column { - width: 31.25% !important; - } - .ui.column.grid > [class*='six wide computer'].column, - .ui.grid > .column.row > [class*='six wide computer'].column, - .ui.grid > .row > [class*='six wide computer'].column, - .ui.grid > [class*='six wide computer'].column { - width: 37.5% !important; - } - .ui.column.grid > [class*='seven wide computer'].column, - .ui.grid > .column.row > [class*='seven wide computer'].column, - .ui.grid > .row > [class*='seven wide computer'].column, - .ui.grid > [class*='seven wide computer'].column { - width: 43.75% !important; - } - .ui.column.grid > [class*='eight wide computer'].column, - .ui.grid > .column.row > [class*='eight wide computer'].column, - .ui.grid > .row > [class*='eight wide computer'].column, - .ui.grid > [class*='eight wide computer'].column { - width: 50% !important; - } - .ui.column.grid > [class*='nine wide computer'].column, - .ui.grid > .column.row > [class*='nine wide computer'].column, - .ui.grid > .row > [class*='nine wide computer'].column, - .ui.grid > [class*='nine wide computer'].column { - width: 56.25% !important; - } - .ui.column.grid > [class*='ten wide computer'].column, - .ui.grid > .column.row > [class*='ten wide computer'].column, - .ui.grid > .row > [class*='ten wide computer'].column, - .ui.grid > [class*='ten wide computer'].column { - width: 62.5% !important; - } - .ui.column.grid > [class*='eleven wide computer'].column, - .ui.grid > .column.row > [class*='eleven wide computer'].column, - .ui.grid > .row > [class*='eleven wide computer'].column, - .ui.grid > [class*='eleven wide computer'].column { - width: 68.75% !important; - } - .ui.column.grid > [class*='twelve wide computer'].column, - .ui.grid > .column.row > [class*='twelve wide computer'].column, - .ui.grid > .row > [class*='twelve wide computer'].column, - .ui.grid > [class*='twelve wide computer'].column { - width: 75% !important; - } - .ui.column.grid > [class*='thirteen wide computer'].column, - .ui.grid > .column.row > [class*='thirteen wide computer'].column, - .ui.grid > .row > [class*='thirteen wide computer'].column, - .ui.grid > [class*='thirteen wide computer'].column { - width: 81.25% !important; - } - .ui.column.grid > [class*='fourteen wide computer'].column, - .ui.grid > .column.row > [class*='fourteen wide computer'].column, - .ui.grid > .row > [class*='fourteen wide computer'].column, - .ui.grid > [class*='fourteen wide computer'].column { - width: 87.5% !important; - } - .ui.column.grid > [class*='fifteen wide computer'].column, - .ui.grid > .column.row > [class*='fifteen wide computer'].column, - .ui.grid > .row > [class*='fifteen wide computer'].column, - .ui.grid > [class*='fifteen wide computer'].column { - width: 93.75% !important; - } - .ui.column.grid > [class*='sixteen wide computer'].column, - .ui.grid > .column.row > [class*='sixteen wide computer'].column, - .ui.grid > .row > [class*='sixteen wide computer'].column, - .ui.grid > [class*='sixteen wide computer'].column { - width: 100% !important; - } -} -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .ui.column.grid > [class*='one wide large screen'].column, - .ui.grid > .column.row > [class*='one wide large screen'].column, - .ui.grid > .row > [class*='one wide large screen'].column, - .ui.grid > [class*='one wide large screen'].column { - width: 6.25% !important; - } - .ui.column.grid > [class*='two wide large screen'].column, - .ui.grid > .column.row > [class*='two wide large screen'].column, - .ui.grid > .row > [class*='two wide large screen'].column, - .ui.grid > [class*='two wide large screen'].column { - width: 12.5% !important; - } - .ui.column.grid > [class*='three wide large screen'].column, - .ui.grid > .column.row > [class*='three wide large screen'].column, - .ui.grid > .row > [class*='three wide large screen'].column, - .ui.grid > [class*='three wide large screen'].column { - width: 18.75% !important; - } - .ui.column.grid > [class*='four wide large screen'].column, - .ui.grid > .column.row > [class*='four wide large screen'].column, - .ui.grid > .row > [class*='four wide large screen'].column, - .ui.grid > [class*='four wide large screen'].column { - width: 25% !important; - } - .ui.column.grid > [class*='five wide large screen'].column, - .ui.grid > .column.row > [class*='five wide large screen'].column, - .ui.grid > .row > [class*='five wide large screen'].column, - .ui.grid > [class*='five wide large screen'].column { - width: 31.25% !important; - } - .ui.column.grid > [class*='six wide large screen'].column, - .ui.grid > .column.row > [class*='six wide large screen'].column, - .ui.grid > .row > [class*='six wide large screen'].column, - .ui.grid > [class*='six wide large screen'].column { - width: 37.5% !important; - } - .ui.column.grid > [class*='seven wide large screen'].column, - .ui.grid > .column.row > [class*='seven wide large screen'].column, - .ui.grid > .row > [class*='seven wide large screen'].column, - .ui.grid > [class*='seven wide large screen'].column { - width: 43.75% !important; - } - .ui.column.grid > [class*='eight wide large screen'].column, - .ui.grid > .column.row > [class*='eight wide large screen'].column, - .ui.grid > .row > [class*='eight wide large screen'].column, - .ui.grid > [class*='eight wide large screen'].column { - width: 50% !important; - } - .ui.column.grid > [class*='nine wide large screen'].column, - .ui.grid > .column.row > [class*='nine wide large screen'].column, - .ui.grid > .row > [class*='nine wide large screen'].column, - .ui.grid > [class*='nine wide large screen'].column { - width: 56.25% !important; - } - .ui.column.grid > [class*='ten wide large screen'].column, - .ui.grid > .column.row > [class*='ten wide large screen'].column, - .ui.grid > .row > [class*='ten wide large screen'].column, - .ui.grid > [class*='ten wide large screen'].column { - width: 62.5% !important; - } - .ui.column.grid > [class*='eleven wide large screen'].column, - .ui.grid > .column.row > [class*='eleven wide large screen'].column, - .ui.grid > .row > [class*='eleven wide large screen'].column, - .ui.grid > [class*='eleven wide large screen'].column { - width: 68.75% !important; - } - .ui.column.grid > [class*='twelve wide large screen'].column, - .ui.grid > .column.row > [class*='twelve wide large screen'].column, - .ui.grid > .row > [class*='twelve wide large screen'].column, - .ui.grid > [class*='twelve wide large screen'].column { - width: 75% !important; - } - .ui.column.grid > [class*='thirteen wide large screen'].column, - .ui.grid > .column.row > [class*='thirteen wide large screen'].column, - .ui.grid > .row > [class*='thirteen wide large screen'].column, - .ui.grid > [class*='thirteen wide large screen'].column { - width: 81.25% !important; - } - .ui.column.grid > [class*='fourteen wide large screen'].column, - .ui.grid > .column.row > [class*='fourteen wide large screen'].column, - .ui.grid > .row > [class*='fourteen wide large screen'].column, - .ui.grid > [class*='fourteen wide large screen'].column { - width: 87.5% !important; - } - .ui.column.grid > [class*='fifteen wide large screen'].column, - .ui.grid > .column.row > [class*='fifteen wide large screen'].column, - .ui.grid > .row > [class*='fifteen wide large screen'].column, - .ui.grid > [class*='fifteen wide large screen'].column { - width: 93.75% !important; - } - .ui.column.grid > [class*='sixteen wide large screen'].column, - .ui.grid > .column.row > [class*='sixteen wide large screen'].column, - .ui.grid > .row > [class*='sixteen wide large screen'].column, - .ui.grid > [class*='sixteen wide large screen'].column { - width: 100% !important; - } -} -@media only screen and (min-width: 1920px) { - .ui.column.grid > [class*='one wide widescreen'].column, - .ui.grid > .column.row > [class*='one wide widescreen'].column, - .ui.grid > .row > [class*='one wide widescreen'].column, - .ui.grid > [class*='one wide widescreen'].column { - width: 6.25% !important; - } - .ui.column.grid > [class*='two wide widescreen'].column, - .ui.grid > .column.row > [class*='two wide widescreen'].column, - .ui.grid > .row > [class*='two wide widescreen'].column, - .ui.grid > [class*='two wide widescreen'].column { - width: 12.5% !important; - } - .ui.column.grid > [class*='three wide widescreen'].column, - .ui.grid > .column.row > [class*='three wide widescreen'].column, - .ui.grid > .row > [class*='three wide widescreen'].column, - .ui.grid > [class*='three wide widescreen'].column { - width: 18.75% !important; - } - .ui.column.grid > [class*='four wide widescreen'].column, - .ui.grid > .column.row > [class*='four wide widescreen'].column, - .ui.grid > .row > [class*='four wide widescreen'].column, - .ui.grid > [class*='four wide widescreen'].column { - width: 25% !important; - } - .ui.column.grid > [class*='five wide widescreen'].column, - .ui.grid > .column.row > [class*='five wide widescreen'].column, - .ui.grid > .row > [class*='five wide widescreen'].column, - .ui.grid > [class*='five wide widescreen'].column { - width: 31.25% !important; - } - .ui.column.grid > [class*='six wide widescreen'].column, - .ui.grid > .column.row > [class*='six wide widescreen'].column, - .ui.grid > .row > [class*='six wide widescreen'].column, - .ui.grid > [class*='six wide widescreen'].column { - width: 37.5% !important; - } - .ui.column.grid > [class*='seven wide widescreen'].column, - .ui.grid > .column.row > [class*='seven wide widescreen'].column, - .ui.grid > .row > [class*='seven wide widescreen'].column, - .ui.grid > [class*='seven wide widescreen'].column { - width: 43.75% !important; - } - .ui.column.grid > [class*='eight wide widescreen'].column, - .ui.grid > .column.row > [class*='eight wide widescreen'].column, - .ui.grid > .row > [class*='eight wide widescreen'].column, - .ui.grid > [class*='eight wide widescreen'].column { - width: 50% !important; - } - .ui.column.grid > [class*='nine wide widescreen'].column, - .ui.grid > .column.row > [class*='nine wide widescreen'].column, - .ui.grid > .row > [class*='nine wide widescreen'].column, - .ui.grid > [class*='nine wide widescreen'].column { - width: 56.25% !important; - } - .ui.column.grid > [class*='ten wide widescreen'].column, - .ui.grid > .column.row > [class*='ten wide widescreen'].column, - .ui.grid > .row > [class*='ten wide widescreen'].column, - .ui.grid > [class*='ten wide widescreen'].column { - width: 62.5% !important; - } - .ui.column.grid > [class*='eleven wide widescreen'].column, - .ui.grid > .column.row > [class*='eleven wide widescreen'].column, - .ui.grid > .row > [class*='eleven wide widescreen'].column, - .ui.grid > [class*='eleven wide widescreen'].column { - width: 68.75% !important; - } - .ui.column.grid > [class*='twelve wide widescreen'].column, - .ui.grid > .column.row > [class*='twelve wide widescreen'].column, - .ui.grid > .row > [class*='twelve wide widescreen'].column, - .ui.grid > [class*='twelve wide widescreen'].column { - width: 75% !important; - } - .ui.column.grid > [class*='thirteen wide widescreen'].column, - .ui.grid > .column.row > [class*='thirteen wide widescreen'].column, - .ui.grid > .row > [class*='thirteen wide widescreen'].column, - .ui.grid > [class*='thirteen wide widescreen'].column { - width: 81.25% !important; - } - .ui.column.grid > [class*='fourteen wide widescreen'].column, - .ui.grid > .column.row > [class*='fourteen wide widescreen'].column, - .ui.grid > .row > [class*='fourteen wide widescreen'].column, - .ui.grid > [class*='fourteen wide widescreen'].column { - width: 87.5% !important; - } - .ui.column.grid > [class*='fifteen wide widescreen'].column, - .ui.grid > .column.row > [class*='fifteen wide widescreen'].column, - .ui.grid > .row > [class*='fifteen wide widescreen'].column, - .ui.grid > [class*='fifteen wide widescreen'].column { - width: 93.75% !important; - } - .ui.column.grid > [class*='sixteen wide widescreen'].column, - .ui.grid > .column.row > [class*='sixteen wide widescreen'].column, - .ui.grid > .row > [class*='sixteen wide widescreen'].column, - .ui.grid > [class*='sixteen wide widescreen'].column { - width: 100% !important; - } -} -.ui.centered.grid, -.ui.centered.grid > .row, -.ui.grid > .centered.row { - text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: 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; -} -.ui.grid > .relaxed.row > .column, -.ui.relaxed.grid > .column:not(.row), -.ui.relaxed.grid > .row > .column { - padding-left: 1.5rem; - padding-right: 1.5rem; -} -.ui.grid > [class*='very relaxed'].row > .column, -.ui[class*='very relaxed'].grid > .column:not(.row), -.ui[class*='very relaxed'].grid > .row > .column { - padding-left: 2.5rem; - padding-right: 2.5rem; -} -.ui.grid .relaxed.row + .ui.divider, -.ui.relaxed.grid .row + .ui.divider { - margin-left: 1.5rem; - margin-right: 1.5rem; -} -.ui.grid [class*='very relaxed'].row + .ui.divider, -.ui[class*='very relaxed'].grid .row + .ui.divider { - margin-left: 2.5rem; - margin-right: 2.5rem; -} -.ui.padded.grid:not(.vertically):not(.horizontally) { - margin: 0 !important; -} -[class*='horizontally padded'].ui.grid { - margin-left: 0 !important; - margin-right: 0 !important; -} -[class*='vertically padded'].ui.grid { - margin-top: 0 !important; - margin-bottom: 0 !important; -} -.ui.grid [class*='left floated'].column { - margin-right: auto; -} -.ui.grid [class*='right floated'].column { - margin-left: auto; -} -.ui.divided.grid:not([class*='vertically divided']) > .column:not(.row), -.ui.divided.grid:not([class*='vertically divided']) > .row > .column { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); -} -.ui[class*='vertically divided'].grid > .column:not(.row), -.ui[class*='vertically divided'].grid > .row > .column { - margin-top: 1rem; - margin-bottom: 1rem; - padding-top: 0; - padding-bottom: 0; -} -.ui[class*='vertically divided'].grid > .row { - margin-top: 0; - margin-bottom: 0; -} -.ui.divided.grid:not([class*='vertically divided']) > .column:first-child, -.ui.divided.grid:not([class*='vertically divided']) - > .row - > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui[class*='vertically divided'].grid > .row:first-child > .column { - margin-top: 0; -} -.ui.grid > .divided.row > .column { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); -} -.ui.grid > .divided.row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui[class*='vertically divided'].grid > .row { - position: relative; -} -.ui[class*='vertically divided'].grid > .row:before { - position: absolute; - content: ''; - top: 0; - left: 0; - width: calc(100% - 2rem); - height: 1px; - margin: 0 1rem; - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); -} -.ui.padded.divided.grid:not(.vertically):not(.horizontally), -[class*='horizontally padded'].ui.divided.grid { - width: 100%; -} -.ui[class*='vertically divided'].grid > .row:first-child:before { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.divided.grid:not([class*='vertically divided']) - > .column:not(.row), -.ui.inverted.divided.grid:not([class*='vertically divided']) > .row > .column { - -webkit-box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1); - box-shadow: -1px 0 0 0 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 { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted[class*='vertically divided'].grid > .row:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1); - box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1); -} -.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: 5rem; - margin-right: 5rem; - width: calc(100% - 5rem); -} -.ui.celled.grid { - width: 100%; - margin: 1em 0; - -webkit-box-shadow: 0 0 0 1px #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5; -} -.ui.celled.grid > .row { - width: 100% !important; - margin: 0; - padding: 0; - -webkit-box-shadow: 0 -1px 0 0 #d4d4d5; - box-shadow: 0 -1px 0 0 #d4d4d5; -} -.ui.celled.grid > .column:not(.row), -.ui.celled.grid > .row > .column { - -webkit-box-shadow: -1px 0 0 0 #d4d4d5; - box-shadow: -1px 0 0 0 #d4d4d5; -} -.ui.celled.grid > .column:first-child, -.ui.celled.grid > .row > .column:first-child { - -webkit-box-shadow: none; - 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; -} -.ui[class*='internally celled'].grid { - -webkit-box-shadow: none; - box-shadow: none; - margin: 0; -} -.ui[class*='internally celled'].grid > .row:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui[class*='internally celled'].grid > .row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.grid > .row > [class*='top aligned'].column, -.ui.grid > [class*='top aligned'].column:not(.row), -.ui.grid > [class*='top aligned'].row > .column, -.ui[class*='top aligned'].grid > .column:not(.row), -.ui[class*='top aligned'].grid > .row > .column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: top; - -ms-flex-item-align: start !important; - align-self: flex-start !important; -} -.ui.grid > .row > [class*='middle aligned'].column, -.ui.grid > [class*='middle aligned'].column:not(.row), -.ui.grid > [class*='middle aligned'].row > .column, -.ui[class*='middle aligned'].grid > .column:not(.row), -.ui[class*='middle aligned'].grid > .row > .column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: middle; - -ms-flex-item-align: center !important; - align-self: center !important; -} -.ui.grid > .row > [class*='bottom aligned'].column, -.ui.grid > [class*='bottom aligned'].column:not(.row), -.ui.grid > [class*='bottom aligned'].row > .column, -.ui[class*='bottom aligned'].grid > .column:not(.row), -.ui[class*='bottom aligned'].grid > .row > .column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: bottom; - -ms-flex-item-align: end !important; - align-self: flex-end !important; -} -.ui.grid > .row > .stretched.column, -.ui.grid > .stretched.column:not(.row), -.ui.grid > .stretched.row > .column, -.ui.stretched.grid > .column, -.ui.stretched.grid > .row > .column { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} -.ui.grid > .row > .stretched.column > *, -.ui.grid > .stretched.column:not(.row) > *, -.ui.grid > .stretched.row > .column > *, -.ui.stretched.grid > .column > *, -.ui.stretched.grid > .row > .column > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} -.ui.grid > .row > [class*='left aligned'].column.column, -.ui.grid > [class*='left aligned'].column.column, -.ui.grid > [class*='left aligned'].row > .column, -.ui[class*='left aligned'].grid > .column, -.ui[class*='left aligned'].grid > .row > .column { - text-align: left; - -ms-flex-item-align: inherit; - align-self: inherit; -} -.ui.grid > .row > [class*='center aligned'].column.column, -.ui.grid > [class*='center aligned'].column.column, -.ui.grid > [class*='center aligned'].row > .column, -.ui[class*='center aligned'].grid > .column, -.ui[class*='center aligned'].grid > .row > .column { - text-align: center; - -ms-flex-item-align: inherit; - align-self: inherit; -} -.ui[class*='center aligned'].grid { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.ui.grid > .row > [class*='right aligned'].column.column, -.ui.grid > [class*='right aligned'].column.column, -.ui.grid > [class*='right aligned'].row > .column, -.ui[class*='right aligned'].grid > .column, -.ui[class*='right aligned'].grid > .row > .column { - text-align: right; - -ms-flex-item-align: inherit; - align-self: inherit; -} -.ui.grid > .justified.column.column, -.ui.grid > .justified.row > .column, -.ui.grid > .row > .justified.column.column, -.ui.justified.grid > .column, -.ui.justified.grid > .row > .column { - text-align: justify; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; -} -.ui.grid > .row > .black.column, -.ui.grid > .row > .blue.column, -.ui.grid > .row > .brown.column, -.ui.grid > .row > .green.column, -.ui.grid > .row > .grey.column, -.ui.grid > .row > .olive.column, -.ui.grid > .row > .orange.column, -.ui.grid > .row > .pink.column, -.ui.grid > .row > .purple.column, -.ui.grid > .row > .red.column, -.ui.grid > .row > .teal.column, -.ui.grid > .row > .violet.column, -.ui.grid > .row > .yellow.column { - margin-top: -1rem; - margin-bottom: -1rem; - padding-top: 1rem; - padding-bottom: 1rem; -} -.ui.grid > .red.column, -.ui.grid > .red.row, -.ui.grid > .row > .red.column { - background-color: #db2828 !important; - color: #fff; -} -.ui.grid > .orange.column, -.ui.grid > .orange.row, -.ui.grid > .row > .orange.column { - background-color: #f2711c !important; - color: #fff; -} -.ui.grid > .row > .yellow.column, -.ui.grid > .yellow.column, -.ui.grid > .yellow.row { - background-color: #fbbd08 !important; - color: #fff; -} -.ui.grid > .olive.column, -.ui.grid > .olive.row, -.ui.grid > .row > .olive.column { - background-color: #b5cc18 !important; - color: #fff; -} -.ui.grid > .green.column, -.ui.grid > .green.row, -.ui.grid > .row > .green.column { - background-color: #21ba45 !important; - color: #fff; -} -.ui.grid > .row > .teal.column, -.ui.grid > .teal.column, -.ui.grid > .teal.row { - background-color: #00b5ad !important; - color: #fff; -} -.ui.grid > .blue.column, -.ui.grid > .blue.row, -.ui.grid > .row > .blue.column { - background-color: #2185d0 !important; - color: #fff; -} -.ui.grid > .row > .violet.column, -.ui.grid > .violet.column, -.ui.grid > .violet.row { - background-color: #6435c9 !important; - color: #fff; -} -.ui.grid > .purple.column, -.ui.grid > .purple.row, -.ui.grid > .row > .purple.column { - background-color: #a333c8 !important; - color: #fff; -} -.ui.grid > .pink.column, -.ui.grid > .pink.row, -.ui.grid > .row > .pink.column { - background-color: #e03997 !important; - color: #fff; -} -.ui.grid > .brown.column, -.ui.grid > .brown.row, -.ui.grid > .row > .brown.column { - background-color: #a5673f !important; - color: #fff; -} -.ui.grid > .grey.column, -.ui.grid > .grey.row, -.ui.grid > .row > .grey.column { - background-color: #767676 !important; - color: #fff; -} -.ui.grid > .black.column, -.ui.grid > .black.row, -.ui.grid > .row > .black.column { - background-color: #1b1c1d !important; - color: #fff; -} -.ui.grid > [class*='equal width'].row > .column, -.ui[class*='equal width'].grid > .column:not(.row), -.ui[class*='equal width'].grid > .row > .column { - display: inline-block; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} -.ui.grid > [class*='equal width'].row > .wide.column, -.ui[class*='equal width'].grid > .row > .wide.column, -.ui[class*='equal width'].grid > .wide.column { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; -} -@media only screen and (max-width: 767px) { - .ui.grid > [class*='mobile reversed'].row, - .ui[class*='mobile reversed'].grid, - .ui[class*='mobile reversed'].grid > .row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - .ui.stackable[class*='mobile reversed'], - .ui[class*='mobile vertically reversed'].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; - } - .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 { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 0 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui.grid[class*='vertically divided'][class*='mobile vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - } - .ui.grid[class*='vertically divided'][class*='mobile vertically reversed'] - > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui[class*='mobile reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 #d4d4d5; - box-shadow: -1px 0 0 0 #d4d4d5; - } - .ui[class*='mobile reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.grid > [class*='tablet reversed'].row, - .ui[class*='tablet reversed'].grid, - .ui[class*='tablet reversed'].grid > .row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - .ui[class*='tablet vertically reversed'].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; - } - .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 { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 0 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui.grid[class*='vertically divided'][class*='tablet vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - } - .ui.grid[class*='vertically divided'][class*='tablet vertically reversed'] - > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui[class*='tablet reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 #d4d4d5; - box-shadow: -1px 0 0 0 #d4d4d5; - } - .ui[class*='tablet reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } -} -@media only screen and (min-width: 992px) { - .ui.grid > [class*='computer reversed'].row, - .ui[class*='computer reversed'].grid, - .ui[class*='computer reversed'].grid > .row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - .ui[class*='computer vertically reversed'].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; - } - .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 { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 0 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui.grid[class*='vertically divided'][class*='computer vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - } - .ui.grid[class*='vertically divided'][class*='computer vertically reversed'] - > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui[class*='computer reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 #d4d4d5; - box-shadow: -1px 0 0 0 #d4d4d5; - } - .ui[class*='computer reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.doubling.grid { - width: auto; - } - .ui.doubling.grid > .row, - .ui.grid > .doubling.row { - margin: 0 !important; - padding: 0 !important; - } - .ui.doubling.grid > .row > .column, - .ui.grid > .doubling.row > .column { - display: inline-block !important; - padding-top: 1rem !important; - padding-bottom: 1rem !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - margin: 0; - } - .ui.grid > [class*='two column'].doubling.row.row > .column, - .ui[class*='two column'].doubling.grid > .column:not(.row), - .ui[class*='two column'].doubling.grid > .row > .column { - width: 100% !important; - } - .ui.grid > [class*='three column'].doubling.row.row > .column, - .ui[class*='three column'].doubling.grid > .column:not(.row), - .ui[class*='three column'].doubling.grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='four column'].doubling.row.row > .column, - .ui[class*='four column'].doubling.grid > .column:not(.row), - .ui[class*='four column'].doubling.grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='five column'].doubling.row.row > .column, - .ui[class*='five column'].doubling.grid > .column:not(.row), - .ui[class*='five column'].doubling.grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid > [class*='six column'].doubling.row.row > .column, - .ui[class*='six column'].doubling.grid > .column:not(.row), - .ui[class*='six column'].doubling.grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid > [class*='seven column'].doubling.row.row > .column, - .ui[class*='seven column'].doubling.grid > .column:not(.row), - .ui[class*='seven column'].doubling.grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid > [class*='eight column'].doubling.row.row > .column, - .ui[class*='eight column'].doubling.grid > .column:not(.row), - .ui[class*='eight column'].doubling.grid > .row > .column { - width: 25% !important; - } - .ui.grid > [class*='nine column'].doubling.row.row > .column, - .ui[class*='nine column'].doubling.grid > .column:not(.row), - .ui[class*='nine column'].doubling.grid > .row > .column { - width: 25% !important; - } - .ui.grid > [class*='ten column'].doubling.row.row > .column, - .ui[class*='ten column'].doubling.grid > .column:not(.row), - .ui[class*='ten column'].doubling.grid > .row > .column { - width: 20% !important; - } - .ui.grid > [class*='eleven column'].doubling.row.row > .column, - .ui[class*='eleven column'].doubling.grid > .column:not(.row), - .ui[class*='eleven column'].doubling.grid > .row > .column { - width: 20% !important; - } - .ui.grid > [class*='twelve column'].doubling.row.row > .column, - .ui[class*='twelve column'].doubling.grid > .column:not(.row), - .ui[class*='twelve column'].doubling.grid > .row > .column { - width: 16.66666667% !important; - } - .ui.grid > [class*='thirteen column'].doubling.row.row > .column, - .ui[class*='thirteen column'].doubling.grid > .column:not(.row), - .ui[class*='thirteen column'].doubling.grid > .row > .column { - width: 16.66666667% !important; - } - .ui.grid > [class*='fourteen column'].doubling.row.row > .column, - .ui[class*='fourteen column'].doubling.grid > .column:not(.row), - .ui[class*='fourteen column'].doubling.grid > .row > .column { - width: 14.28571429% !important; - } - .ui.grid > [class*='fifteen column'].doubling.row.row > .column, - .ui[class*='fifteen column'].doubling.grid > .column:not(.row), - .ui[class*='fifteen column'].doubling.grid > .row > .column { - width: 14.28571429% !important; - } - .ui.grid > [class*='sixteen column'].doubling.row.row > .column, - .ui[class*='sixteen column'].doubling.grid > .column:not(.row), - .ui[class*='sixteen column'].doubling.grid > .row > .column { - width: 12.5% !important; - } -} -@media only screen and (max-width: 767px) { - .ui.doubling.grid > .row, - .ui.grid > .doubling.row { - margin: 0 !important; - padding: 0 !important; - } - .ui.doubling.grid > .row > .column, - .ui.grid > .doubling.row > .column { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - margin: 0 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - .ui.grid > [class*='two column'].doubling:not(.stackable).row.row > .column, - .ui[class*='two column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='two column'].doubling:not(.stackable).grid > .row > .column { - width: 100% !important; - } - .ui.grid > [class*='three column'].doubling:not(.stackable).row.row > .column, - .ui[class*='three column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='three column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='four column'].doubling:not(.stackable).row.row > .column, - .ui[class*='four column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='four column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='five column'].doubling:not(.stackable).row.row > .column, - .ui[class*='five column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='five column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='six column'].doubling:not(.stackable).row.row > .column, - .ui[class*='six column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='six column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='seven column'].doubling:not(.stackable).row.row > .column, - .ui[class*='seven column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='seven column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='eight column'].doubling:not(.stackable).row.row > .column, - .ui[class*='eight column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='eight column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='nine column'].doubling:not(.stackable).row.row > .column, - .ui[class*='nine column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='nine column'].doubling:not(.stackable).grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid > [class*='ten column'].doubling:not(.stackable).row.row > .column, - .ui[class*='ten column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='ten column'].doubling:not(.stackable).grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid - > [class*='eleven column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='eleven column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='eleven column'].doubling:not(.stackable).grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid - > [class*='twelve column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='twelve column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='twelve column'].doubling:not(.stackable).grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid - > [class*='thirteen column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='thirteen column'].doubling:not(.stackable).grid - > .column:not(.row), - .ui[class*='thirteen column'].doubling:not(.stackable).grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid - > [class*='fourteen column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='fourteen column'].doubling:not(.stackable).grid - > .column:not(.row), - .ui[class*='fourteen column'].doubling:not(.stackable).grid > .row > .column { - width: 25% !important; - } - .ui.grid - > [class*='fifteen column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='fifteen column'].doubling:not(.stackable).grid - > .column:not(.row), - .ui[class*='fifteen column'].doubling:not(.stackable).grid > .row > .column { - width: 25% !important; - } - .ui.grid - > [class*='sixteen column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='sixteen column'].doubling:not(.stackable).grid - > .column:not(.row), - .ui[class*='sixteen column'].doubling:not(.stackable).grid > .row > .column { - width: 25% !important; - } -} -@media only screen and (max-width: 767px) { - .ui.stackable.grid { - width: auto; - margin-left: 0 !important; - margin-right: 0 !important; - } - .ui.grid > .stackable.stackable.row > .column, - .ui.stackable.grid > .column.grid > .column, - .ui.stackable.grid > .column.row > .column, - .ui.stackable.grid > .column:not(.row), - .ui.stackable.grid > .row > .column, - .ui.stackable.grid > .row > .wide.column, - .ui.stackable.grid > .wide.column { - width: 100% !important; - margin: 0 0 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding: 1rem 1rem !important; - } - .ui.stackable.grid:not(.vertically) > .row { - margin: 0; - padding: 0; - } - .ui.container > .ui.stackable.grid > .column, - .ui.container > .ui.stackable.grid > .row > .column { - padding-left: 0 !important; - padding-right: 0 !important; - } - .ui.grid .ui.stackable.grid, - .ui.segment:not(.vertical) .ui.stackable.page.grid { - margin-left: -1rem !important; - margin-right: -1rem !important; - } - .ui.stackable.celled.grid > .column:not(.row):first-child, - .ui.stackable.celled.grid > .row:first-child > .column:first-child, - .ui.stackable.divided.grid > .column:not(.row):first-child, - .ui.stackable.divided.grid > .row:first-child > .column:first-child { - border-top: none !important; - } - .ui.inverted.stackable.celled.grid > .column:not(.row), - .ui.inverted.stackable.celled.grid > .row > .column, - .ui.inverted.stackable.divided.grid > .column:not(.row), - .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.celled.grid > .row > .column, - .ui.stackable.divided:not(.vertically).grid > .column:not(.row), - .ui.stackable.divided:not(.vertically).grid > .row > .column { - border-top: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding-top: 2rem !important; - padding-bottom: 2rem !important; - } - .ui.stackable.celled.grid > .row { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - .ui.stackable.divided:not(.vertically).grid > .column:not(.row), - .ui.stackable.divided:not(.vertically).grid > .row > .column { - padding-left: 0 !important; - padding-right: 0 !important; - } -} -@media only screen and (max-width: 767px) { - .ui.grid.grid.grid > .row > [class*='tablet only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='tablet only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='tablet only'].row:not(.mobile), - .ui[class*='tablet only'].grid.grid.grid:not(.mobile) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='computer only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='computer only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='computer only'].row:not(.mobile), - .ui[class*='computer only'].grid.grid.grid:not(.mobile) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].row:not(.mobile), - .ui[class*='large screen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].row:not(.mobile), - .ui[class*='widescreen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.grid.grid.grid > .row > [class*='mobile only'].column:not(.tablet), - .ui.grid.grid.grid > [class*='mobile only'].column:not(.tablet), - .ui.grid.grid.grid > [class*='mobile only'].row:not(.tablet), - .ui[class*='mobile only'].grid.grid.grid:not(.tablet) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='computer only'].column:not(.tablet), - .ui.grid.grid.grid > [class*='computer only'].column:not(.tablet), - .ui.grid.grid.grid > [class*='computer only'].row:not(.tablet), - .ui[class*='computer only'].grid.grid.grid:not(.tablet) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].row:not(.mobile), - .ui[class*='large screen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].row:not(.mobile), - .ui[class*='widescreen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } -} -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .ui.grid.grid.grid > .row > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].row:not(.computer), - .ui[class*='mobile only'].grid.grid.grid:not(.computer) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].row:not(.computer), - .ui[class*='tablet only'].grid.grid.grid:not(.computer) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].row:not(.mobile), - .ui[class*='large screen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].row:not(.mobile), - .ui[class*='widescreen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } -} -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .ui.grid.grid.grid > .row > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].row:not(.computer), - .ui[class*='mobile only'].grid.grid.grid:not(.computer) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].row:not(.computer), - .ui[class*='tablet only'].grid.grid.grid:not(.computer) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].row:not(.mobile), - .ui[class*='widescreen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } -} -@media only screen and (min-width: 1920px) { - .ui.grid.grid.grid > .row > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].row:not(.computer), - .ui[class*='mobile only'].grid.grid.grid:not(.computer) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].row:not(.computer), - .ui[class*='tablet only'].grid.grid.grid:not(.computer) { - display: none !important; - } -} diff --git a/front/app/assets/semantic/components/header.css b/front/app/assets/semantic/components/header.css deleted file mode 100755 index 90eecb77c221..000000000000 --- a/front/app/assets/semantic/components/header.css +++ /dev/null @@ -1,711 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', '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 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; - border-color: transparent; -} -.ui.inverted.block.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/header.min.css b/front/app/assets/semantic/components/header.min.css deleted file mode 100755 index 11bcc4b93b26..000000000000 --- a/front/app/assets/semantic/components/header.min.css +++ /dev/null @@ -1,525 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Header - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.header { - border: none; - margin: calc(2rem - 0.14285714em) 0 1rem; - padding: 0 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: 700; - 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: 0; -} -.ui.header .sub.header { - display: block; - font-weight: 400; - padding: 0; - margin: 0; - font-size: 1rem; - line-height: 1.2em; - color: rgba(0, 0, 0, 0.6); -} -.ui.header > .icon { - display: table-cell; - opacity: 1; - font-size: 1.5em; - padding-top: 0; - vertical-align: middle; -} -.ui.header .icon:only-child { - display: inline-block; - padding: 0; - margin-right: 0.75rem; -} -.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; -} -.ui.header .content { - display: inline-block; - vertical-align: top; -} -.ui.header > .image + .content, -.ui.header > img + .content { - padding-left: 0.75rem; - vertical-align: middle; -} -.ui.header > .icon + .content { - padding-left: 0.75rem; - display: table-cell; - vertical-align: middle; -} -.ui.header .ui.label { - font-size: ''; - margin-left: 0.5rem; - vertical-align: middle; -} -.ui.header + p { - margin-top: 0; -} -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; -} -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; -} -.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; -} -.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; -} -.ui.sub.header { - padding: 0; - margin-bottom: 0.14285714rem; - font-weight: 700; - 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; -} -.ui.icon.header { - display: inline-block; - text-align: center; - margin: 2rem 0 1rem; -} -.ui.icon.header:after { - content: ''; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.icon.header:first-child { - margin-top: 0; -} -.ui.icon.header .icon { - float: none; - display: block; - width: auto; - height: auto; - line-height: 1; - padding: 0; - font-size: 3em; - margin: 0 auto 0.5rem; - opacity: 1; -} -.ui.icon.header .content { - display: block; - padding: 0; -} -.ui.icon.header .circular.icon { - font-size: 2em; -} -.ui.icon.header .square.icon { - font-size: 2em; -} -.ui.block.icon.header .icon { - margin-bottom: 0; -} -.ui.icon.header.aligned { - margin-left: auto; - margin-right: auto; - display: block; -} -.ui.disabled.header { - opacity: 0.45; -} -.ui.inverted.header { - color: #fff; -} -.ui.inverted.header .sub.header { - color: rgba(255, 255, 255, 0.8); -} -.ui.inverted.attached.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; - border-color: transparent; -} -.ui.inverted.block.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.block.header { - border-bottom: none; -} -.ui.red.header { - color: #db2828 !important; -} -a.ui.red.header:hover { - color: #d01919 !important; -} -.ui.red.dividing.header { - border-bottom: 2px solid #db2828; -} -.ui.inverted.red.header { - color: #ff695e !important; -} -a.ui.inverted.red.header:hover { - color: #ff5144 !important; -} -.ui.orange.header { - color: #f2711c !important; -} -a.ui.orange.header:hover { - color: #f26202 !important; -} -.ui.orange.dividing.header { - border-bottom: 2px solid #f2711c; -} -.ui.inverted.orange.header { - color: #ff851b !important; -} -a.ui.inverted.orange.header:hover { - color: #ff7701 !important; -} -.ui.olive.header { - color: #b5cc18 !important; -} -a.ui.olive.header:hover { - color: #a7bd0d !important; -} -.ui.olive.dividing.header { - border-bottom: 2px solid #b5cc18; -} -.ui.inverted.olive.header { - color: #d9e778 !important; -} -a.ui.inverted.olive.header:hover { - color: #d8ea5c !important; -} -.ui.yellow.header { - color: #fbbd08 !important; -} -a.ui.yellow.header:hover { - color: #eaae00 !important; -} -.ui.yellow.dividing.header { - border-bottom: 2px solid #fbbd08; -} -.ui.inverted.yellow.header { - color: #ffe21f !important; -} -a.ui.inverted.yellow.header:hover { - color: #ffdf05 !important; -} -.ui.green.header { - color: #21ba45 !important; -} -a.ui.green.header:hover { - color: #16ab39 !important; -} -.ui.green.dividing.header { - border-bottom: 2px solid #21ba45; -} -.ui.inverted.green.header { - color: #2ecc40 !important; -} -a.ui.inverted.green.header:hover { - color: #22be34 !important; -} -.ui.teal.header { - color: #00b5ad !important; -} -a.ui.teal.header:hover { - color: #009c95 !important; -} -.ui.teal.dividing.header { - border-bottom: 2px solid #00b5ad; -} -.ui.inverted.teal.header { - color: #6dffff !important; -} -a.ui.inverted.teal.header:hover { - color: #54ffff !important; -} -.ui.blue.header { - color: #2185d0 !important; -} -a.ui.blue.header:hover { - color: #1678c2 !important; -} -.ui.blue.dividing.header { - border-bottom: 2px solid #2185d0; -} -.ui.inverted.blue.header { - color: #54c8ff !important; -} -a.ui.inverted.blue.header:hover { - color: #3ac0ff !important; -} -.ui.violet.header { - color: #6435c9 !important; -} -a.ui.violet.header:hover { - color: #5829bb !important; -} -.ui.violet.dividing.header { - border-bottom: 2px solid #6435c9; -} -.ui.inverted.violet.header { - color: #a291fb !important; -} -a.ui.inverted.violet.header:hover { - color: #8a73ff !important; -} -.ui.purple.header { - color: #a333c8 !important; -} -a.ui.purple.header:hover { - color: #9627ba !important; -} -.ui.purple.dividing.header { - border-bottom: 2px solid #a333c8; -} -.ui.inverted.purple.header { - color: #dc73ff !important; -} -a.ui.inverted.purple.header:hover { - color: #d65aff !important; -} -.ui.pink.header { - color: #e03997 !important; -} -a.ui.pink.header:hover { - color: #e61a8d !important; -} -.ui.pink.dividing.header { - border-bottom: 2px solid #e03997; -} -.ui.inverted.pink.header { - color: #ff8edf !important; -} -a.ui.inverted.pink.header:hover { - color: #ff74d8 !important; -} -.ui.brown.header { - color: #a5673f !important; -} -a.ui.brown.header:hover { - color: #975b33 !important; -} -.ui.brown.dividing.header { - border-bottom: 2px solid #a5673f; -} -.ui.inverted.brown.header { - color: #d67c1c !important; -} -a.ui.inverted.brown.header:hover { - color: #c86f11 !important; -} -.ui.grey.header { - color: #767676 !important; -} -a.ui.grey.header:hover { - color: #838383 !important; -} -.ui.grey.dividing.header { - border-bottom: 2px solid #767676; -} -.ui.inverted.grey.header { - color: #dcddde !important; -} -a.ui.inverted.grey.header:hover { - color: #cfd0d2 !important; -} -.ui.left.aligned.header { - text-align: left; -} -.ui.right.aligned.header { - text-align: right; -} -.ui.center.aligned.header, -.ui.centered.header { - text-align: center; -} -.ui.justified.header { - text-align: justify; -} -.ui.justified.header:after { - display: inline-block; - content: ''; - width: 100%; -} -.ui.floated.header, -.ui[class*='left floated'].header { - float: left; - margin-top: 0; - margin-right: 0.5em; -} -.ui[class*='right floated'].header { - float: right; - margin-top: 0; - margin-left: 0.5em; -} -.ui.fitted.header { - padding: 0; -} -.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: 0; -} -.ui.inverted.dividing.header { - border-bottom-color: rgba(255, 255, 255, 0.1); -} -.ui.block.header { - background: #f3f4f5; - padding: 0.78571429rem 1rem; - -webkit-box-shadow: none; - 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; -} -.ui.attached.header { - background: #fff; - padding: 0.78571429rem 1rem; - margin-left: -1px; - margin-right: -1px; - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #d4d4d5; -} -.ui.attached.block.header { - background: #f3f4f5; -} -.ui.attached:not(.top):not(.bottom).header { - margin-top: 0; - margin-bottom: 0; - border-top: none; - border-radius: 0; -} -.ui.top.attached.header { - margin-bottom: 0; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.bottom.attached.header { - margin-top: 0; - border-top: none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.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; -} -.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: 1.28571429em; -} diff --git a/front/app/assets/semantic/components/icon.css b/front/app/assets/semantic/components/icon.css deleted file mode 100755 index 2fb6668d4afa..000000000000 --- a/front/app/assets/semantic/components/icon.css +++ /dev/null @@ -1,4786 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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('./../themes/default/assets/fonts/icons.eot'); - src: url('./../themes/default/assets/fonts/icons.eot?#iefix') - format('embedded-opentype'), - url('./../themes/default/assets/fonts/icons.woff2') format('woff2'), - url('./../themes/default/assets/fonts/icons.woff') format('woff'), - url('./../themes/default/assets/fonts/icons.ttf') format('truetype'), - url('./../themes/default/assets/fonts/icons.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; - -webkit-animation: icon-loading 2s linear infinite; - animation: icon-loading 2s linear infinite; -} -@-webkit-keyframes icon-loading { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes icon-loading { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - 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; - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - 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; - -webkit-box-shadow: none; - box-shadow: none; -} - -/*------------------- - Flipped ---------------------*/ - -i.flipped.icon, -i.horizontally.flipped.icon { - -webkit-transform: scale(-1, 1); - transform: scale(-1, 1); -} -i.vertically.flipped.icon { - -webkit-transform: scale(1, -1); - transform: scale(1, -1); -} - -/*------------------- - Rotated ---------------------*/ - -i.rotated.icon, -i.right.rotated.icon, -i.clockwise.rotated.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -i.left.rotated.icon, -i.counterclockwise.rotated.icon { - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); -} - -/*------------------- - Bordered ---------------------*/ - -i.bordered.icon { - line-height: 1; - vertical-align: baseline; - width: 2em; - height: 2em; - padding: 0.5em 0em !important; - -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; -} -i.bordered.inverted.icon { - border: none; - -webkit-box-shadow: 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%; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - margin: 0em; - margin: 0; -} -i.icons .icon:first-child { - position: static; - width: auto; - height: auto; - vertical-align: top; - -webkit-transform: none; - transform: none; - margin-right: 0.25rem; -} - -/* Corner Icon */ -i.icons .corner.icon { - top: auto; - left: auto; - right: 0; - bottom: 0; - -webkit-transform: none; - 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 -*******************************/ - -/* 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.in: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.in.alternate:before { - content: '\f2f6'; -} -i.icon.sign.language:before { - content: '\f2a7'; -} -i.icon.sign.out.alternate:before { - content: '\f2f5'; -} -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.log.out: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('./../themes/default/assets/fonts/outline-icons.eot'); - src: url('./../themes/default/assets/fonts/outline-icons.eot?#iefix') - format('embedded-opentype'), - url('./../themes/default/assets/fonts/outline-icons.woff2') format('woff2'), - url('./../themes/default/assets/fonts/outline-icons.woff') format('woff'), - url('./../themes/default/assets/fonts/outline-icons.ttf') format('truetype'), - url('./../themes/default/assets/fonts/outline-icons.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'; -} -i.icon.disk.outline:before { - content: '\f369'; -} - -/* Outline Aliases */ -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('./../themes/default/assets/fonts/brand-icons.eot'); - src: url('./../themes/default/assets/fonts/brand-icons.eot?#iefix') - format('embedded-opentype'), - url('./../themes/default/assets/fonts/brand-icons.woff2') format('woff2'), - url('./../themes/default/assets/fonts/brand-icons.woff') format('woff'), - url('./../themes/default/assets/fonts/brand-icons.ttf') format('truetype'), - url('./../themes/default/assets/fonts/brand-icons.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.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.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 -*******************************/ diff --git a/front/app/assets/semantic/components/icon.min.css b/front/app/assets/semantic/components/icon.min.css deleted file mode 100755 index 96e039efb992..000000000000 --- a/front/app/assets/semantic/components/icon.min.css +++ /dev/null @@ -1,4623 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Icon - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -@font-face { - font-family: Icons; - src: url(../themes/default/assets/fonts/icons.eot); - src: url(../themes/default/assets/fonts/icons.eot?#iefix) - format('embedded-opentype'), - url(../themes/default/assets/fonts/icons.woff2) format('woff2'), - url(../themes/default/assets/fonts/icons.woff) format('woff'), - url(../themes/default/assets/fonts/icons.ttf) format('truetype'), - url(../themes/default/assets/fonts/icons.svg#icons) format('svg'); - font-style: normal; - font-weight: 400; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} -i.icon { - display: inline-block; - opacity: 1; - margin: 0 0.25rem 0 0; - width: 1.18em; - height: 1em; - font-family: Icons; - font-style: normal; - font-weight: 400; - 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: 0 0 !important; -} -i.icon.loading { - height: 1em; - line-height: 1; - -webkit-animation: icon-loading 2s linear infinite; - animation: icon-loading 2s linear infinite; -} -@-webkit-keyframes icon-loading { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes icon-loading { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -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; -} -i.fitted.icon { - width: auto; - margin: 0 !important; -} -i.link.icon, -i.link.icons { - cursor: pointer; - opacity: 0.8; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -i.link.icon:hover, -i.link.icons:hover { - opacity: 1 !important; -} -i.circular.icon { - border-radius: 500em !important; - line-height: 1 !important; - padding: 0.5em 0 !important; - -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; - width: 2em !important; - height: 2em !important; -} -i.circular.inverted.icon { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -i.flipped.icon, -i.horizontally.flipped.icon { - -webkit-transform: scale(-1, 1); - transform: scale(-1, 1); -} -i.vertically.flipped.icon { - -webkit-transform: scale(1, -1); - transform: scale(1, -1); -} -i.clockwise.rotated.icon, -i.right.rotated.icon, -i.rotated.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -i.counterclockwise.rotated.icon, -i.left.rotated.icon { - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); -} -i.bordered.icon { - line-height: 1; - vertical-align: baseline; - width: 2em; - height: 2em; - padding: 0.5em 0 !important; - -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; -} -i.bordered.inverted.icon { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -i.inverted.bordered.icon, -i.inverted.circular.icon { - background-color: #1b1c1d !important; - color: #fff !important; -} -i.inverted.icon { - color: #fff; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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; -} -i.icons { - display: inline-block; - position: relative; - line-height: 1; -} -i.icons .icon { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - margin: 0; - margin: 0; -} -i.icons .icon:first-child { - position: static; - width: auto; - height: auto; - vertical-align: top; - -webkit-transform: none; - transform: none; - margin-right: 0.25rem; -} -i.icons .corner.icon { - top: auto; - left: auto; - right: 0; - bottom: 0; - -webkit-transform: none; - transform: none; - font-size: 0.45em; - text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, - 1px 1px 0 #fff; -} -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; -} -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.in: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.in.alternate:before { - content: '\f2f6'; -} -i.icon.sign.language:before { - content: '\f2a7'; -} -i.icon.sign.out.alternate:before { - content: '\f2f5'; -} -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'; -} -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.log.out: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'; -} -@font-face { - font-family: outline-icons; - src: url(../themes/default/assets/fonts/outline-icons.eot); - src: url(../themes/default/assets/fonts/outline-icons.eot?#iefix) - format('embedded-opentype'), - url(../themes/default/assets/fonts/outline-icons.woff2) format('woff2'), - url(../themes/default/assets/fonts/outline-icons.woff) format('woff'), - url(../themes/default/assets/fonts/outline-icons.ttf) format('truetype'), - url(../themes/default/assets/fonts/outline-icons.svg#icons) format('svg'); - font-style: normal; - font-weight: 400; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} -i.icon.outline { - font-family: outline-icons; -} -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'; -} -i.icon.disk.outline:before { - content: '\f369'; -} -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'; -} -@font-face { - font-family: brand-icons; - src: url(../themes/default/assets/fonts/brand-icons.eot); - src: url(../themes/default/assets/fonts/brand-icons.eot?#iefix) - format('embedded-opentype'), - url(../themes/default/assets/fonts/brand-icons.woff2) format('woff2'), - url(../themes/default/assets/fonts/brand-icons.woff) format('woff'), - url(../themes/default/assets/fonts/brand-icons.ttf) format('truetype'), - url(../themes/default/assets/fonts/brand-icons.svg#icons) format('svg'); - font-style: normal; - font-weight: 400; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} -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.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.reddit, -i.icon.reddit.alien, -i.icon.reddit.square, -i.icon.redriver, -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.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; -} diff --git a/front/app/assets/semantic/components/image.css b/front/app/assets/semantic/components/image.css deleted file mode 100755 index 2eef355ff64f..000000000000 --- a/front/app/assets/semantic/components/image.css +++ /dev/null @@ -1,297 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/image.min.css b/front/app/assets/semantic/components/image.min.css deleted file mode 100755 index 259fc642cfde..000000000000 --- a/front/app/assets/semantic/components/image.min.css +++ /dev/null @@ -1,224 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Image - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.image { - position: relative; - display: inline-block; - vertical-align: middle; - max-width: 100%; - background-color: transparent; -} -img.ui.image { - display: block; -} -.ui.image img, -.ui.image svg { - display: block; - max-width: 100%; - height: auto; -} -.ui.hidden.image, -.ui.hidden.images { - display: none; -} -.ui.hidden.transition.image, -.ui.hidden.transition.images { - display: block; - visibility: hidden; -} -.ui.images > .hidden.transition { - display: inline-block; - visibility: hidden; -} -.ui.disabled.image, -.ui.disabled.images { - cursor: default; - opacity: 0.45; -} -.ui.inline.image, -.ui.inline.image img, -.ui.inline.image svg { - display: inline-block; -} -.ui.top.aligned.image, -.ui.top.aligned.image img, -.ui.top.aligned.image svg, -.ui.top.aligned.images .image { - display: inline-block; - vertical-align: top; -} -.ui.middle.aligned.image, -.ui.middle.aligned.image img, -.ui.middle.aligned.image svg, -.ui.middle.aligned.images .image { - display: inline-block; - vertical-align: middle; -} -.ui.bottom.aligned.image, -.ui.bottom.aligned.image img, -.ui.bottom.aligned.image svg, -.ui.bottom.aligned.images .image { - display: inline-block; - vertical-align: bottom; -} -.ui.rounded.image, -.ui.rounded.image > *, -.ui.rounded.images .image, -.ui.rounded.images .image > * { - border-radius: 0.3125em; -} -.ui.bordered.image img, -.ui.bordered.image svg, -.ui.bordered.images .image, -.ui.bordered.images img, -.ui.bordered.images svg, -img.ui.bordered.image { - border: 1px solid rgba(0, 0, 0, 0.1); -} -.ui.circular.image, -.ui.circular.images { - overflow: hidden; -} -.ui.circular.image, -.ui.circular.image > *, -.ui.circular.images .image, -.ui.circular.images .image > * { - border-radius: 500rem; -} -.ui.fluid.image, -.ui.fluid.image img, -.ui.fluid.image svg, -.ui.fluid.images, -.ui.fluid.images img, -.ui.fluid.images svg { - display: block; - width: 100%; - height: auto; -} -.ui.avatar.image, -.ui.avatar.image img, -.ui.avatar.image svg, -.ui.avatar.images .image, -.ui.avatar.images img, -.ui.avatar.images svg { - margin-right: 0.25em; - display: inline-block; - width: 2em; - height: 2em; - border-radius: 500rem; -} -.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: 0; -} -.ui[class*='right spaced'].image { - margin-left: 0; - margin-right: 0.5em; -} -.ui.floated.image, -.ui.floated.images { - float: left; - margin-right: 1em; - margin-bottom: 1em; -} -.ui.right.floated.image, -.ui.right.floated.images { - float: right; - margin-right: 0; - margin-bottom: 1em; - margin-left: 1em; -} -.ui.floated.image:last-child, -.ui.floated.images:last-child { - margin-bottom: 0; -} -.ui.centered.image, -.ui.centered.images { - margin-left: auto; - margin-right: auto; -} -.ui.mini.image, -.ui.mini.images .image, -.ui.mini.images img, -.ui.mini.images svg { - width: 35px; - height: auto; - font-size: 0.78571429rem; -} -.ui.tiny.image, -.ui.tiny.images .image, -.ui.tiny.images img, -.ui.tiny.images svg { - width: 80px; - height: auto; - font-size: 0.85714286rem; -} -.ui.small.image, -.ui.small.images .image, -.ui.small.images img, -.ui.small.images svg { - width: 150px; - height: auto; - font-size: 0.92857143rem; -} -.ui.medium.image, -.ui.medium.images .image, -.ui.medium.images img, -.ui.medium.images svg { - width: 300px; - height: auto; - font-size: 1rem; -} -.ui.large.image, -.ui.large.images .image, -.ui.large.images img, -.ui.large.images svg { - width: 450px; - height: auto; - font-size: 1.14285714rem; -} -.ui.big.image, -.ui.big.images .image, -.ui.big.images img, -.ui.big.images svg { - width: 600px; - height: auto; - font-size: 1.28571429rem; -} -.ui.huge.image, -.ui.huge.images .image, -.ui.huge.images img, -.ui.huge.images svg { - width: 800px; - height: auto; - font-size: 1.42857143rem; -} -.ui.massive.image, -.ui.massive.images .image, -.ui.massive.images img, -.ui.massive.images svg { - width: 960px; - height: auto; - font-size: 1.71428571rem; -} -.ui.images { - font-size: 0; - margin: 0 -0.25rem 0; -} -.ui.images .image, -.ui.images > img, -.ui.images > svg { - display: inline-block; - margin: 0 0.25rem 0.5rem; -} diff --git a/front/app/assets/semantic/components/input.css b/front/app/assets/semantic/components/input.css deleted file mode 100755 index 82ef0b396fdc..000000000000 --- a/front/app/assets/semantic/components/input.css +++ /dev/null @@ -1,510 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - color: rgba(0, 0, 0, 0.87); -} -.ui.input > input { - margin: 0em; - max-width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - outline: none; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - text-align: left; - line-height: 1.21428571em; - font-family: 'Public Sans', '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; - -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease, - -webkit-box-shadow 0.1s ease; - -webkit-box-shadow: none; - 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); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - 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); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none !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; - -webkit-transition: opacity 0.3s ease; - 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 { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; -} -.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: -webkit-box; - display: -ms-flexbox; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/input.min.css b/front/app/assets/semantic/components/input.min.css deleted file mode 100755 index acc303cd2cb3..000000000000 --- a/front/app/assets/semantic/components/input.min.css +++ /dev/null @@ -1,389 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Input - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.input { - position: relative; - font-weight: 400; - font-style: normal; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - color: rgba(0, 0, 0, 0.87); -} -.ui.input > input { - margin: 0; - max-width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - outline: 0; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - text-align: left; - line-height: 1.21428571em; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - padding: 0.67857143em 1em; - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease, - -webkit-box-shadow 0.1s ease; - -webkit-box-shadow: none; - box-shadow: none; -} -.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); -} -.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; -} -.ui.input.down input, -.ui.input > input:active { - border-color: rgba(0, 0, 0, 0.3); - background: #fafafa; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.loading.loading.input > i.icon:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0 0 -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 0 0 -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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; -} -.ui.input.focus > input, -.ui.input > input:focus { - border-color: #85b7d9; - background: #fff; - color: rgba(0, 0, 0, 0.8); - -webkit-box-shadow: none; - 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); -} -.ui.input.error > input { - background-color: #fff6f6; - border-color: #e0b4b4; - color: #9f3a38; - -webkit-box-shadow: none; - box-shadow: none; -} -.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; -} -.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; -} -.ui.transparent.input > input { - border-color: transparent !important; - background-color: transparent !important; - padding: 0 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-radius: 0 !important; -} -.ui.transparent.icon.input > i.icon { - width: 1.1em; -} -.ui.transparent.icon.input > input { - padding-left: 0 !important; - padding-right: 2em !important; -} -.ui.transparent[class*='left icon'].input > input { - padding-left: 2em !important; - padding-right: 0 !important; -} -.ui.transparent.inverted.input { - color: #fff; -} -.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); -} -.ui.icon.input > i.icon { - cursor: default; - position: absolute; - line-height: 1; - text-align: center; - top: 0; - right: 0; - margin: 0; - height: 100%; - width: 2.67142857em; - opacity: 0.5; - border-radius: 0 0.28571429rem 0.28571429rem 0; - -webkit-transition: opacity 0.3s ease; - 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:after, -.ui.icon.input > i.icon:before { - 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; -} -.ui[class*='left icon'].input > i.icon { - right: auto; - left: 1px; - border-radius: 0.28571429rem 0 0 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; -} -.ui.icon.input > input:focus ~ i.icon { - opacity: 1; -} -.ui.labeled.input > .label { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - font-size: 1em; -} -.ui.labeled.input > .label:not(.corner) { - padding-top: 0.78571429em; - padding-bottom: 0.78571429em; -} -.ui.labeled.input:not([class*='corner labeled']) .label:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.ui.labeled.input:not([class*='corner labeled']) .label:first-child + input { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-color: transparent; -} -.ui.labeled.input:not([class*='corner labeled']) - .label:first-child - + input:focus { - border-left-color: #85b7d9; -} -.ui[class*='right labeled'].input > input { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-right-color: transparent !important; -} -.ui[class*='right labeled'].input > input + .label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.ui[class*='right labeled'].input > input:focus { - border-right-color: #85b7d9 !important; -} -.ui.labeled.input .corner.label { - top: 1px; - right: 1px; - font-size: 0.64285714em; - border-radius: 0 0.28571429rem 0 0; -} -.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; -} -.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; -} -.ui.input > .ui.corner.label { - top: 1px; - right: 1px; -} -.ui.input > .ui.left.corner.label { - right: auto; - left: 1px; -} -.ui.action.input > .button, -.ui.action.input > .buttons { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; -} -.ui.action.input > .button, -.ui.action.input > .buttons > .button { - padding-top: 0.78571429em; - padding-bottom: 0.78571429em; - margin: 0; -} -.ui.action.input:not([class*='left action']) > input { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-right-color: transparent !important; -} -.ui.action.input:not([class*='left action']) > .button:not(:first-child), -.ui.action.input:not([class*='left action']) - > .buttons:not(:first-child) - > .button, -.ui.action.input:not([class*='left action']) > .dropdown:not(:first-child) { - border-radius: 0; -} -.ui.action.input:not([class*='left action']) > .button:last-child, -.ui.action.input:not([class*='left action']) > .buttons:last-child > .button, -.ui.action.input:not([class*='left action']) > .dropdown:last-child { - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.ui.action.input:not([class*='left action']) > input:focus { - border-right-color: #85b7d9 !important; -} -.ui[class*='left action'].input > input { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; - border-left-color: transparent !important; -} -.ui[class*='left action'].input > .button, -.ui[class*='left action'].input > .buttons > .button, -.ui[class*='left action'].input > .dropdown { - border-radius: 0; -} -.ui[class*='left action'].input > .button:first-child, -.ui[class*='left action'].input > .buttons:first-child > .button, -.ui[class*='left action'].input > .dropdown:first-child { - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui[class*='left action'].input > input:focus { - border-left-color: #85b7d9 !important; -} -.ui.inverted.input > input { - border: none; -} -.ui.fluid.input { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.ui.fluid.input > input { - width: 0 !important; -} -.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; -} diff --git a/front/app/assets/semantic/components/item.css b/front/app/assets/semantic/components/item.css deleted file mode 100755 index 6b58bb76f6b4..000000000000 --- a/front/app/assets/semantic/components/item.css +++ /dev/null @@ -1,469 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Item - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Standard -*******************************/ - -/*-------------- - Item ----------------*/ - -.ui.items > .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1em 0em; - width: 100%; - min-height: 0px; - background: transparent; - padding: 0em; - border: none; - border-radius: 0rem; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: -webkit-box-shadow 0.1s ease; - transition: -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, -webkit-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; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: block; - float: none; - margin: 0em; - padding: 0em; - max-height: ''; - -ms-flex-item-align: top; - 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; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - background: none; - margin: 0em; - padding: 0em; - -webkit-box-shadow: none; - 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; - -ms-flex-item-align: top; - align-self: top; - padding-left: 1.5em; -} -.ui.items > .item > .content > .header { - display: inline-block; - margin: -0.21425em 0em 0em; - font-family: 'Public Sans', '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 { - -ms-flex-item-align: middle; - 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: ''; - -webkit-transition: color 0.1s ease; - 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; - -webkit-transition: color 0.1s ease; - 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; - -webkit-transition: color 0.1s ease; - 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); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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 { - -ms-flex-item-align: start; - align-self: flex-start; -} -.ui.items > .item > .image + [class*='middle aligned'].content { - -ms-flex-item-align: center; - align-self: center; -} -.ui.items > .item > .image + [class*='bottom aligned'].content { - -ms-flex-item-align: end; - 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; - } -} - -/******************************* - User Variable Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/item.min.css b/front/app/assets/semantic/components/item.min.css deleted file mode 100755 index 81e2687a6bf1..000000000000 --- a/front/app/assets/semantic/components/item.min.css +++ /dev/null @@ -1,336 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Item - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.items > .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1em 0; - width: 100%; - min-height: 0; - background: 0 0; - padding: 0; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: -webkit-box-shadow 0.1s ease; - transition: -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - z-index: ''; -} -.ui.items > .item a { - cursor: pointer; -} -.ui.items { - margin: 1.5em 0; -} -.ui.items:first-child { - margin-top: 0 !important; -} -.ui.items:last-child { - margin-bottom: 0 !important; -} -.ui.items > .item:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.items > .item:first-child { - margin-top: 0; -} -.ui.items > .item:last-child { - margin-bottom: 0; -} -.ui.items > .item > .image { - position: relative; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: block; - float: none; - margin: 0; - padding: 0; - max-height: ''; - -ms-flex-item-align: top; - 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: 0; -} -.ui.items > .item > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - background: 0 0; - margin: 0; - padding: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 1em; - border: none; - border-radius: 0; -} -.ui.items > .item > .content:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.items > .item > .image + .content { - min-width: 0; - width: auto; - display: block; - margin-left: 0; - -ms-flex-item-align: top; - align-self: top; - padding-left: 1.5em; -} -.ui.items > .item > .content > .header { - display: inline-block; - margin: -0.21425em 0 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: 700; - color: rgba(0, 0, 0, 0.85); -} -.ui.items > .item > .content > .header:not(.ui) { - font-size: 1.28571429em; -} -.ui.items > .item [class*='left floated'] { - float: left; -} -.ui.items > .item [class*='right floated'] { - float: right; -} -.ui.items > .item .content img { - -ms-flex-item-align: middle; - align-self: middle; - width: ''; -} -.ui.items > .item .avatar img, -.ui.items > .item img.avatar { - width: ''; - height: ''; - border-radius: 500rem; -} -.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); -} -.ui.items > .item > .content p { - margin: 0 0 0.5em; -} -.ui.items > .item > .content p:last-child { - margin-bottom: 0; -} -.ui.items > .item .meta { - margin: 0.5em 0 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: 0; -} -.ui.items > .item .meta [class*='right floated'] { - margin-right: 0; - margin-left: 0.3em; -} -.ui.items > .item > .content a:not(.ui) { - color: ''; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.items > .item > .content a:not(.ui):hover { - color: ''; -} -.ui.items > .item > .content > a.header { - color: rgba(0, 0, 0, 0.85); -} -.ui.items > .item > .content > a.header:hover { - color: #1e70bf; -} -.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); -} -.ui.items > .item > .content .favorite.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - 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; -} -.ui.items > .item > .content .like.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - 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; -} -.ui.items > .item .extra { - display: block; - position: relative; - background: 0 0; - margin: 0.5rem 0 0; - width: 100%; - padding: 0 0 0; - top: 0; - left: 0; - color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; - border-top: none; -} -.ui.items > .item .extra > * { - margin: 0.25rem 0.5rem 0.25rem 0; -} -.ui.items > .item .extra > [class*='right floated'] { - margin: 0.25rem 0 0.25rem 0.5rem; -} -.ui.items > .item .extra:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.items > .item > .image:not(.ui) { - width: 175px; -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.items > .item { - margin: 1em 0; - } - .ui.items > .item > .image:not(.ui) { - width: 150px; - } - .ui.items > .item > .image + .content { - display: block; - padding: 0 0 0 1em; - } -} -@media only screen and (max-width: 767px) { - .ui.items:not(.unstackable) > .item { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 2em 0; - } - .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 0 0; - } -} -.ui.items > .item > .image + [class*='top aligned'].content { - -ms-flex-item-align: start; - align-self: flex-start; -} -.ui.items > .item > .image + [class*='middle aligned'].content { - -ms-flex-item-align: center; - align-self: center; -} -.ui.items > .item > .image + [class*='bottom aligned'].content { - -ms-flex-item-align: end; - align-self: flex-end; -} -.ui.relaxed.items > .item { - margin: 1.5em 0; -} -.ui[class*='very relaxed'].items > .item { - margin: 2em 0; -} -.ui.divided.items > .item { - border-top: 1px solid rgba(34, 36, 38, 0.15); - margin: 0; - padding: 1em 0; -} -.ui.divided.items > .item:first-child { - border-top: none; - margin-top: 0 !important; - padding-top: 0 !important; -} -.ui.divided.items > .item:last-child { - margin-bottom: 0 !important; - padding-bottom: 0 !important; -} -.ui.relaxed.divided.items > .item { - margin: 0; - padding: 1.5em 0; -} -.ui[class*='very relaxed'].divided.items > .item { - margin: 0; - padding: 2em 0; -} -.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; -} -.ui.items > .item { - font-size: 1em; -} -@media only screen and (max-width: 767px) { - .ui.unstackable.items > .item > .image, - .ui.unstackable.items > .item > .image > img { - width: 125px !important; - } -} diff --git a/front/app/assets/semantic/components/label.css b/front/app/assets/semantic/components/label.css deleted file mode 100755 index dbafa10cdd61..000000000000 --- a/front/app/assets/semantic/components/label.css +++ /dev/null @@ -1,1298 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: background 0.1s ease; - 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; - -webkit-transition: 0.1s opacity ease; - 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; - -webkit-transition: background 0.1s ease; - 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; - -webkit-box-shadow: none; - 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; - -webkit-transition: none; - transition: none; -} -.ui.tag.labels .label:before, -.ui.tag.label:before { - position: absolute; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - transform: translateY(-50%) translateX(50%) rotate(-45deg); - top: 50%; - right: 100%; - content: ''; - background-color: inherit; - background-image: none; - width: 1.56em; - height: 1.56em; - -webkit-transition: none; - 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; - -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); - 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; - -webkit-transition: border-color 0.1s ease; - 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; - -webkit-transition: border-color 0.1s ease; - 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; - -webkit-transform: translateX(-100%); - 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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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); - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Link */ -a.ui.basic.label:hover { - text-decoration: none; - background: none #ffffff; - color: #1e70bf; - -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15); - box-shadow: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Pointing */ -.ui.basic.pointing.label:before { - border-color: inherit; -} - -/*------------------- - Fluid ---------------------*/ - -.ui.label.fluid, -.ui.fluid.labels > .label { - width: 100%; - -webkit-box-sizing: border-box; - 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: ''; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - background-image: none; - z-index: 2; - width: 0.6666em; - height: 0.6666em; - -webkit-transition: background 0.1s ease; - 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; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - 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; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - 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; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - 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; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/label.min.css b/front/app/assets/semantic/components/label.min.css deleted file mode 100755 index 6f2e0c573c8d..000000000000 --- a/front/app/assets/semantic/components/label.min.css +++ /dev/null @@ -1,967 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Label - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.label { - display: inline-block; - line-height: 1; - vertical-align: baseline; - margin: 0 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: 700; - border: 0 solid transparent; - border-radius: 0.28571429rem; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} -.ui.label:first-child { - margin-left: 0; -} -.ui.label:last-child { - margin-right: 0; -} -a.ui.label { - cursor: pointer; -} -.ui.label > a { - cursor: pointer; - color: inherit; - opacity: 0.5; - -webkit-transition: 0.1s opacity ease; - transition: 0.1s opacity ease; -} -.ui.label > a:hover { - opacity: 1; -} -.ui.label > img { - width: auto !important; - vertical-align: middle; - height: 2.1666em !important; -} -.ui.label > .icon { - width: auto; - margin: 0 0.75em 0 0; -} -.ui.label > .detail { - display: inline-block; - vertical-align: top; - font-weight: 700; - margin-left: 1em; - opacity: 0.8; -} -.ui.label > .detail .icon { - margin: 0 0.25em 0 0; -} -.ui.label > .close.icon, -.ui.label > .delete.icon { - cursor: pointer; - margin-right: 0; - margin-left: 0.5em; - font-size: 0.92857143em; - opacity: 0.5; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} -.ui.label > .delete.icon:hover { - opacity: 1; -} -.ui.labels > .label { - margin: 0 0.5em 0.5em 0; -} -.ui.header > .ui.label { - margin-top: -0.29165em; -} -.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; -} -.ui.top.attached.label + [class*='right floated'] + *, -.ui.top.attached.label:first-child + :not(.attached) { - margin-top: 2rem !important; -} -.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) { - margin-top: 0; - margin-bottom: 2rem !important; -} -.ui.image.label { - width: auto !important; - margin-top: 0; - margin-bottom: 0; - max-width: 9999px; - vertical-align: baseline; - text-transform: none; - background: #e8e8e8; - padding: 0.5833em 0.833em 0.5833em 0.5em; - border-radius: 0.28571429rem; - -webkit-box-shadow: none; - 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 0 0 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: 0 0.28571429rem 0.28571429rem 0; -} -.ui.tag.label, -.ui.tag.labels .label { - margin-left: 1em; - position: relative; - padding-left: 1.5em; - padding-right: 1.5em; - border-radius: 0 0.28571429rem 0.28571429rem 0; - -webkit-transition: none; - transition: none; -} -.ui.tag.label:before, -.ui.tag.labels .label:before { - position: absolute; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - transform: translateY(-50%) translateX(50%) rotate(-45deg); - top: 50%; - right: 100%; - content: ''; - background-color: inherit; - background-image: none; - width: 1.56em; - height: 1.56em; - -webkit-transition: none; - transition: none; -} -.ui.tag.label:after, -.ui.tag.labels .label:after { - position: absolute; - content: ''; - top: 50%; - left: -0.25em; - margin-top: -0.25em; - background-color: #fff !important; - width: 0.5em; - height: 0.5em; - -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); - box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); - border-radius: 500rem; -} -.ui.corner.label { - position: absolute; - top: 0; - right: 0; - margin: 0; - padding: 0; - text-align: center; - border-color: #e8e8e8; - width: 4em; - height: 4em; - z-index: 1; - -webkit-transition: border-color 0.1s ease; - transition: border-color 0.1s ease; -} -.ui.corner.label { - background-color: transparent !important; -} -.ui.corner.label:after { - position: absolute; - content: ''; - right: 0; - top: 0; - z-index: -1; - width: 0; - height: 0; - background-color: transparent !important; - border-top: 0 solid transparent; - border-right: 4em solid transparent; - border-bottom: 4em solid transparent; - border-left: 0 solid transparent; - border-right-color: inherit; - -webkit-transition: border-color 0.1s ease; - 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: 0; -} -.ui.left.corner.label, -.ui.left.corner.label:after { - right: auto; - left: 0; -} -.ui.left.corner.label:after { - border-top: 4em solid transparent; - border-right: 4em solid transparent; - border-bottom: 0 solid transparent; - border-left: 0 solid transparent; - border-top-color: inherit; -} -.ui.left.corner.label .icon { - left: -0.78571429em; -} -.ui.segment > .ui.corner.label { - top: -1px; - right: -1px; -} -.ui.segment > .ui.left.corner.label { - right: auto; - left: -1px; -} -.ui.ribbon.label { - position: relative; - margin: 0; - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - border-radius: 0 0.28571429rem 0.28571429rem 0; - 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: 0 1.2em 1.2em 0; - border-color: transparent; - border-right-color: inherit; - width: 0; - height: 0; -} -.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); -} -.ui[class*='right ribbon'].label { - text-align: left; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui[class*='right ribbon'].label:after { - left: auto; - right: 0; - border-style: solid; - border-width: 1.2em 1.2em 0 0; - border-color: transparent; - border-top-color: inherit; -} -.ui.card .image > .ribbon.label, -.ui.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; -} -.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; -} -.ui.attached.label, -.ui[class*='top attached'].label { - width: 100%; - position: absolute; - margin: 0; - top: 0; - left: 0; - padding: 0.75em 1em; - border-radius: 0.21428571rem 0.21428571rem 0 0; -} -.ui[class*='bottom attached'].label { - top: auto; - bottom: 0; - border-radius: 0 0 0.21428571rem 0.21428571rem; -} -.ui[class*='top left attached'].label { - width: auto; - margin-top: 0 !important; - border-radius: 0.21428571rem 0 0.28571429rem 0; -} -.ui[class*='top right attached'].label { - width: auto; - left: auto; - right: 0; - border-radius: 0 0.21428571rem 0 0.28571429rem; -} -.ui[class*='bottom left attached'].label { - width: auto; - top: auto; - bottom: 0; - border-radius: 0 0.28571429rem 0 0.21428571rem; -} -.ui[class*='bottom right attached'].label { - top: auto; - bottom: 0; - left: auto; - right: 0; - width: auto; - border-radius: 0.28571429rem 0 0.21428571rem 0; -} -.ui.label.disabled { - opacity: 0.5; -} -a.ui.label:hover, -a.ui.labels .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); -} -.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); -} -a.ui.active.label:hover, -a.ui.labels .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); -} -.ui.label.visible:not(.dropdown), -.ui.labels.visible .label { - display: inline-block !important; -} -.ui.label.hidden, -.ui.labels.hidden .label { - display: none !important; -} -.ui.red.label, -.ui.red.labels .label { - background-color: #db2828 !important; - border-color: #db2828 !important; - color: #fff !important; -} -.ui.red.labels .label:hover, -a.ui.red.label:hover { - background-color: #d01919 !important; - border-color: #d01919 !important; - color: #fff !important; -} -.ui.red.corner.label, -.ui.red.corner.label:hover { - background-color: transparent !important; -} -.ui.red.ribbon.label { - border-color: #b21e1e !important; -} -.ui.basic.red.label { - background-color: #fff !important; - color: #db2828 !important; - border-color: #db2828 !important; -} -.ui.basic.red.labels a.label:hover, -a.ui.basic.red.label:hover { - background-color: #fff !important; - color: #d01919 !important; - border-color: #d01919 !important; -} -.ui.orange.label, -.ui.orange.labels .label { - background-color: #f2711c !important; - border-color: #f2711c !important; - color: #fff !important; -} -.ui.orange.labels .label:hover, -a.ui.orange.label:hover { - background-color: #f26202 !important; - border-color: #f26202 !important; - color: #fff !important; -} -.ui.orange.corner.label, -.ui.orange.corner.label:hover { - background-color: transparent !important; -} -.ui.orange.ribbon.label { - border-color: #cf590c !important; -} -.ui.basic.orange.label { - background-color: #fff !important; - color: #f2711c !important; - border-color: #f2711c !important; -} -.ui.basic.orange.labels a.label:hover, -a.ui.basic.orange.label:hover { - background-color: #fff !important; - color: #f26202 !important; - border-color: #f26202 !important; -} -.ui.yellow.label, -.ui.yellow.labels .label { - background-color: #fbbd08 !important; - border-color: #fbbd08 !important; - color: #fff !important; -} -.ui.yellow.labels .label:hover, -a.ui.yellow.label:hover { - background-color: #eaae00 !important; - border-color: #eaae00 !important; - color: #fff !important; -} -.ui.yellow.corner.label, -.ui.yellow.corner.label:hover { - background-color: transparent !important; -} -.ui.yellow.ribbon.label { - border-color: #cd9903 !important; -} -.ui.basic.yellow.label { - background-color: #fff !important; - color: #fbbd08 !important; - border-color: #fbbd08 !important; -} -.ui.basic.yellow.labels a.label:hover, -a.ui.basic.yellow.label:hover { - background-color: #fff !important; - color: #eaae00 !important; - border-color: #eaae00 !important; -} -.ui.olive.label, -.ui.olive.labels .label { - background-color: #b5cc18 !important; - border-color: #b5cc18 !important; - color: #fff !important; -} -.ui.olive.labels .label:hover, -a.ui.olive.label:hover { - background-color: #a7bd0d !important; - border-color: #a7bd0d !important; - color: #fff !important; -} -.ui.olive.corner.label, -.ui.olive.corner.label:hover { - background-color: transparent !important; -} -.ui.olive.ribbon.label { - border-color: #198f35 !important; -} -.ui.basic.olive.label { - background-color: #fff !important; - color: #b5cc18 !important; - border-color: #b5cc18 !important; -} -.ui.basic.olive.labels a.label:hover, -a.ui.basic.olive.label:hover { - background-color: #fff !important; - color: #a7bd0d !important; - border-color: #a7bd0d !important; -} -.ui.green.label, -.ui.green.labels .label { - background-color: #21ba45 !important; - border-color: #21ba45 !important; - color: #fff !important; -} -.ui.green.labels .label:hover, -a.ui.green.label:hover { - background-color: #16ab39 !important; - border-color: #16ab39 !important; - color: #fff !important; -} -.ui.green.corner.label, -.ui.green.corner.label:hover { - background-color: transparent !important; -} -.ui.green.ribbon.label { - border-color: #198f35 !important; -} -.ui.basic.green.label { - background-color: #fff !important; - color: #21ba45 !important; - border-color: #21ba45 !important; -} -.ui.basic.green.labels a.label:hover, -a.ui.basic.green.label:hover { - background-color: #fff !important; - color: #16ab39 !important; - border-color: #16ab39 !important; -} -.ui.teal.label, -.ui.teal.labels .label { - background-color: #00b5ad !important; - border-color: #00b5ad !important; - color: #fff !important; -} -.ui.teal.labels .label:hover, -a.ui.teal.label:hover { - background-color: #009c95 !important; - border-color: #009c95 !important; - color: #fff !important; -} -.ui.teal.corner.label, -.ui.teal.corner.label:hover { - background-color: transparent !important; -} -.ui.teal.ribbon.label { - border-color: #00827c !important; -} -.ui.basic.teal.label { - background-color: #fff !important; - color: #00b5ad !important; - border-color: #00b5ad !important; -} -.ui.basic.teal.labels a.label:hover, -a.ui.basic.teal.label:hover { - background-color: #fff !important; - color: #009c95 !important; - border-color: #009c95 !important; -} -.ui.blue.label, -.ui.blue.labels .label { - background-color: #2185d0 !important; - border-color: #2185d0 !important; - color: #fff !important; -} -.ui.blue.labels .label:hover, -a.ui.blue.label:hover { - background-color: #1678c2 !important; - border-color: #1678c2 !important; - color: #fff !important; -} -.ui.blue.corner.label, -.ui.blue.corner.label:hover { - background-color: transparent !important; -} -.ui.blue.ribbon.label { - border-color: #1a69a4 !important; -} -.ui.basic.blue.label { - background-color: #fff !important; - color: #2185d0 !important; - border-color: #2185d0 !important; -} -.ui.basic.blue.labels a.label:hover, -a.ui.basic.blue.label:hover { - background-color: #fff !important; - color: #1678c2 !important; - border-color: #1678c2 !important; -} -.ui.violet.label, -.ui.violet.labels .label { - background-color: #6435c9 !important; - border-color: #6435c9 !important; - color: #fff !important; -} -.ui.violet.labels .label:hover, -a.ui.violet.label:hover { - background-color: #5829bb !important; - border-color: #5829bb !important; - color: #fff !important; -} -.ui.violet.corner.label, -.ui.violet.corner.label:hover { - background-color: transparent !important; -} -.ui.violet.ribbon.label { - border-color: #502aa1 !important; -} -.ui.basic.violet.label { - background-color: #fff !important; - color: #6435c9 !important; - border-color: #6435c9 !important; -} -.ui.basic.violet.labels a.label:hover, -a.ui.basic.violet.label:hover { - background-color: #fff !important; - color: #5829bb !important; - border-color: #5829bb !important; -} -.ui.purple.label, -.ui.purple.labels .label { - background-color: #a333c8 !important; - border-color: #a333c8 !important; - color: #fff !important; -} -.ui.purple.labels .label:hover, -a.ui.purple.label:hover { - background-color: #9627ba !important; - border-color: #9627ba !important; - color: #fff !important; -} -.ui.purple.corner.label, -.ui.purple.corner.label:hover { - background-color: transparent !important; -} -.ui.purple.ribbon.label { - border-color: #82299f !important; -} -.ui.basic.purple.label { - background-color: #fff !important; - color: #a333c8 !important; - border-color: #a333c8 !important; -} -.ui.basic.purple.labels a.label:hover, -a.ui.basic.purple.label:hover { - background-color: #fff !important; - color: #9627ba !important; - border-color: #9627ba !important; -} -.ui.pink.label, -.ui.pink.labels .label { - background-color: #e03997 !important; - border-color: #e03997 !important; - color: #fff !important; -} -.ui.pink.labels .label:hover, -a.ui.pink.label:hover { - background-color: #e61a8d !important; - border-color: #e61a8d !important; - color: #fff !important; -} -.ui.pink.corner.label, -.ui.pink.corner.label:hover { - background-color: transparent !important; -} -.ui.pink.ribbon.label { - border-color: #c71f7e !important; -} -.ui.basic.pink.label { - background-color: #fff !important; - color: #e03997 !important; - border-color: #e03997 !important; -} -.ui.basic.pink.labels a.label:hover, -a.ui.basic.pink.label:hover { - background-color: #fff !important; - color: #e61a8d !important; - border-color: #e61a8d !important; -} -.ui.brown.label, -.ui.brown.labels .label { - background-color: #a5673f !important; - border-color: #a5673f !important; - color: #fff !important; -} -.ui.brown.labels .label:hover, -a.ui.brown.label:hover { - background-color: #975b33 !important; - border-color: #975b33 !important; - color: #fff !important; -} -.ui.brown.corner.label, -.ui.brown.corner.label:hover { - background-color: transparent !important; -} -.ui.brown.ribbon.label { - border-color: #805031 !important; -} -.ui.basic.brown.label { - background-color: #fff !important; - color: #a5673f !important; - border-color: #a5673f !important; -} -.ui.basic.brown.labels a.label:hover, -a.ui.basic.brown.label:hover { - background-color: #fff !important; - color: #975b33 !important; - border-color: #975b33 !important; -} -.ui.grey.label, -.ui.grey.labels .label { - background-color: #767676 !important; - border-color: #767676 !important; - color: #fff !important; -} -.ui.grey.labels .label:hover, -a.ui.grey.label:hover { - background-color: #838383 !important; - border-color: #838383 !important; - color: #fff !important; -} -.ui.grey.corner.label, -.ui.grey.corner.label:hover { - background-color: transparent !important; -} -.ui.grey.ribbon.label { - border-color: #805031 !important; -} -.ui.basic.grey.label { - background-color: #fff !important; - color: #767676 !important; - border-color: #767676 !important; -} -.ui.basic.grey.labels a.label:hover, -a.ui.basic.grey.label:hover { - background-color: #fff !important; - color: #838383 !important; - border-color: #838383 !important; -} -.ui.black.label, -.ui.black.labels .label { - background-color: #1b1c1d !important; - border-color: #1b1c1d !important; - color: #fff !important; -} -.ui.black.labels .label:hover, -a.ui.black.label:hover { - background-color: #27292a !important; - border-color: #27292a !important; - color: #fff !important; -} -.ui.black.corner.label, -.ui.black.corner.label:hover { - background-color: transparent !important; -} -.ui.black.ribbon.label { - border-color: #805031 !important; -} -.ui.basic.black.label { - background-color: #fff !important; - color: #1b1c1d !important; - border-color: #1b1c1d !important; -} -.ui.basic.black.labels a.label:hover, -a.ui.basic.black.label:hover { - background-color: #fff !important; - color: #27292a !important; - border-color: #27292a !important; -} -.ui.basic.label { - background: none #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; -} -a.ui.basic.label:hover { - text-decoration: none; - background: none #fff; - color: #1e70bf; - -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15); - box-shadow: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.basic.pointing.label:before { - border-color: inherit; -} -.ui.fluid.labels > .label, -.ui.label.fluid { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.ui.inverted.label, -.ui.inverted.labels .label { - color: rgba(255, 255, 255, 0.9) !important; -} -.ui.horizontal.label, -.ui.horizontal.labels .label { - margin: 0 0.5em 0 0; - padding: 0.4em 0.833em; - min-width: 3em; - text-align: center; -} -.ui.circular.label, -.ui.circular.labels .label { - min-width: 2em; - min-height: 2em; - padding: 0.5em !important; - line-height: 1em; - text-align: center; - border-radius: 500rem; -} -.ui.empty.circular.label, -.ui.empty.circular.labels .label { - min-width: 0; - min-height: 0; - overflow: hidden; - width: 0.5em; - height: 0.5em; - vertical-align: baseline; -} -.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; -} -.ui.pointing.label:before { - position: absolute; - content: ''; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - background-image: none; - z-index: 2; - width: 0.6666em; - height: 0.6666em; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} -.ui.pointing.label, -.ui[class*='pointing above'].label { - margin-top: 1em; -} -.ui.pointing.label:before, -.ui[class*='pointing above'].label:before { - border-width: 1px 0 0 1px; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - top: 0; - left: 50%; -} -.ui[class*='bottom pointing'].label, -.ui[class*='pointing below'].label { - margin-top: 0; - margin-bottom: 1em; -} -.ui[class*='bottom pointing'].label:before, -.ui[class*='pointing below'].label:before { - border-width: 0 1px 1px 0; - top: auto; - right: auto; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - top: 100%; - left: 50%; -} -.ui[class*='left pointing'].label { - margin-top: 0; - margin-left: 0.6666em; -} -.ui[class*='left pointing'].label:before { - border-width: 0 0 1px 1px; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - bottom: auto; - right: auto; - top: 50%; - left: 0; -} -.ui[class*='right pointing'].label { - margin-top: 0; - margin-right: 0.6666em; -} -.ui[class*='right pointing'].label:before { - border-width: 1px 1px 0 0; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - transform: translateX(50%) translateY(-50%) rotate(45deg); - top: 50%; - right: 0; - bottom: auto; - left: auto; -} -.ui.basic.pointing.label:before, -.ui.basic[class*='pointing above'].label:before { - margin-top: -1px; -} -.ui.basic[class*='bottom pointing'].label:before, -.ui.basic[class*='pointing below'].label:before { - bottom: auto; - top: 100%; - margin-top: 1px; -} -.ui.basic[class*='left pointing'].label:before { - top: 50%; - left: -1px; -} -.ui.basic[class*='right pointing'].label:before { - top: 50%; - right: -1px; -} -.ui.floating.label { - position: absolute; - z-index: 100; - top: -1em; - left: 100%; - margin: 0 0 0 -1.5em !important; -} -.ui.mini.label, -.ui.mini.labels .label { - font-size: 0.64285714rem; -} -.ui.tiny.label, -.ui.tiny.labels .label { - font-size: 0.71428571rem; -} -.ui.small.label, -.ui.small.labels .label { - font-size: 0.78571429rem; -} -.ui.label, -.ui.labels .label { - font-size: 0.85714286rem; -} -.ui.large.label, -.ui.large.labels .label { - font-size: 1rem; -} -.ui.big.label, -.ui.big.labels .label { - font-size: 1.28571429rem; -} -.ui.huge.label, -.ui.huge.labels .label { - font-size: 1.42857143rem; -} -.ui.massive.label, -.ui.massive.labels .label { - font-size: 1.71428571rem; -} diff --git a/front/app/assets/semantic/components/list.css b/front/app/assets/semantic/components/list.css deleted file mode 100755 index 582f2f1d7a6a..000000000000 --- a/front/app/assets/semantic/components/list.css +++ /dev/null @@ -1,937 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: color 0.1s ease; - 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; - 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; -} -.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: 'Public Sans', '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); - -webkit-transition: 0.1s color ease; - 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; - -webkit-transition: 0.1s color ease, 0.1s padding-left ease, - 0.1s background-color ease; - 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 { - -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, - 0.25s background-color ease 0.1s; - 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: '•'; - 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; -} - -/******************************* - User Variable Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/list.min.css b/front/app/assets/semantic/components/list.min.css deleted file mode 100755 index 1950110ea997..000000000000 --- a/front/app/assets/semantic/components/list.min.css +++ /dev/null @@ -1,754 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - List - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.list, -ol.ui.list, -ul.ui.list { - list-style-type: none; - margin: 1em 0; - padding: 0 0; -} -.ui.list:first-child, -ol.ui.list:first-child, -ul.ui.list:first-child { - margin-top: 0; - padding-top: 0; -} -.ui.list:last-child, -ol.ui.list:last-child, -ul.ui.list:last-child { - margin-bottom: 0; - padding-bottom: 0; -} -.ui.list .list > .item, -.ui.list > .item, -ol.ui.list li, -ul.ui.list li { - display: list-item; - table-layout: fixed; - list-style-type: none; - list-style-position: outside; - padding: 0.21428571em 0; - line-height: 1.14285714em; -} -.ui.list > .item:after, -.ui.list > .list > .item, -ol.ui.list > li:first-child:after, -ul.ui.list > li:first-child:after { - content: ''; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.list .list > .item:first-child, -.ui.list > .item:first-child, -ol.ui.list li:first-child, -ul.ui.list li:first-child { - padding-top: 0; -} -.ui.list .list > .item:last-child, -.ui.list > .item:last-child, -ol.ui.list li:last-child, -ul.ui.list li:last-child { - padding-bottom: 0; -} -.ui.list .list, -ol.ui.list ol, -ul.ui.list ul { - clear: both; - margin: 0; - padding: 0.75em 0 0.25em 0.5em; -} -.ui.list .list > .item, -ol.ui.list ol li, -ul.ui.list ul li { - padding: 0.14285714em 0; - line-height: inherit; -} -.ui.list .list > .item > i.icon, -.ui.list > .item > i.icon { - display: table-cell; - margin: 0; - padding-top: 0; - padding-right: 0.28571429em; - vertical-align: top; - -webkit-transition: color 0.1s ease; - 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; -} -.ui.list .list > .item > .image, -.ui.list > .item > .image { - display: table-cell; - background-color: transparent; - margin: 0; - 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 > .image:only-child, -.ui.list .list > .item > img.image, -.ui.list > .item > .image:only-child, -.ui.list > .item > img.image { - display: inline-block; -} -.ui.list .list > .item > .content, -.ui.list > .item > .content { - line-height: 1.14285714em; -} -.ui.list .list > .item > .icon + .content, -.ui.list .list > .item > .image + .content, -.ui.list > .item > .icon + .content, -.ui.list > .item > .image + .content { - display: table-cell; - padding: 0 0 0 0.5em; - vertical-align: top; -} -.ui.list .list > .item > img.image + .content, -.ui.list > .item > img.image + .content { - display: inline-block; -} -.ui.list .list > .item > .content > .list, -.ui.list > .item > .content > .list { - margin-left: 0; - padding-left: 0; -} -.ui.list .list > .item .header, -.ui.list > .item .header { - display: block; - margin: 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: 700; - color: rgba(0, 0, 0, 0.87); -} -.ui.list .list > .item .description, -.ui.list > .item .description { - display: block; - color: rgba(0, 0, 0, 0.7); -} -.ui.list .list > .item a, -.ui.list > .item a { - cursor: pointer; -} -.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; -} -.ui.list .list > a.item i.icon, -.ui.list > a.item i.icon { - color: rgba(0, 0, 0, 0.4); -} -.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; -} -.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: 0 1em 0 0; -} -.ui.list .list > .item [class*='right floated'], -.ui.list > .item [class*='right floated'] { - float: right; - margin: 0 0 0 1em; -} -.ui.menu .ui.list .list > .item, -.ui.menu .ui.list > .item { - display: list-item; - table-layout: fixed; - background-color: transparent; - list-style-type: none; - list-style-position: outside; - padding: 0.21428571em 0; - line-height: 1.14285714em; -} -.ui.menu .ui.list .list > .item:before, -.ui.menu .ui.list > .item:before { - border: none; - background: 0 0; -} -.ui.menu .ui.list .list > .item:first-child, -.ui.menu .ui.list > .item:first-child { - padding-top: 0; -} -.ui.menu .ui.list .list > .item:last-child, -.ui.menu .ui.list > .item:last-child { - padding-bottom: 0; -} -.ui.horizontal.list { - display: inline-block; - font-size: 0; -} -.ui.horizontal.list > .item { - display: inline-block; - margin-left: 1em; - font-size: 1rem; -} -.ui.horizontal.list:not(.celled) > .item:first-child { - margin-left: 0 !important; - padding-left: 0 !important; -} -.ui.horizontal.list .list { - padding-left: 0; - padding-bottom: 0; -} -.ui.horizontal.list .list > .item > .content, -.ui.horizontal.list .list > .item > .icon, -.ui.horizontal.list .list > .item > .image, -.ui.horizontal.list > .item > .content, -.ui.horizontal.list > .item > .icon, -.ui.horizontal.list > .item > .image { - vertical-align: middle; -} -.ui.horizontal.list > .item:first-child, -.ui.horizontal.list > .item:last-child { - padding-top: 0.21428571em; - padding-bottom: 0.21428571em; -} -.ui.horizontal.list > .item > i.icon { - margin: 0; - padding: 0 0.25em 0 0; -} -.ui.horizontal.list > .item > .icon, -.ui.horizontal.list > .item > .icon + .content { - float: none; - display: inline-block; -} -.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; -} -.ui.list .list > a.item:hover .icon, -.ui.list > a.item:hover .icon { - color: rgba(0, 0, 0, 0.87); -} -.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); -} -.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; -} -.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; -} -.ui.list [class*='top aligned'], -.ui.list[class*='top aligned'] .content, -.ui.list[class*='top aligned'] .image { - vertical-align: top !important; -} -.ui.list [class*='middle aligned'], -.ui.list[class*='middle aligned'] .content, -.ui.list[class*='middle aligned'] .image { - vertical-align: middle !important; -} -.ui.list [class*='bottom aligned'], -.ui.list[class*='bottom aligned'] .content, -.ui.list[class*='bottom aligned'] .image { - vertical-align: bottom !important; -} -.ui.link.list .item, -.ui.link.list .item a:not(.ui), -.ui.link.list a.item { - color: rgba(0, 0, 0, 0.4); - -webkit-transition: 0.1s color ease; - transition: 0.1s color ease; -} -.ui.link.list.list .item a:not(.ui):hover, -.ui.link.list.list a.item:hover { - color: rgba(0, 0, 0, 0.8); -} -.ui.link.list.list .item a:not(.ui):active, -.ui.link.list.list a.item: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); -} -.ui.inverted.link.list .item, -.ui.inverted.link.list .item a:not(.ui), -.ui.inverted.link.list a.item { - color: rgba(255, 255, 255, 0.5); -} -.ui.inverted.link.list.list .item a:not(.ui):hover, -.ui.inverted.link.list.list a.item:hover { - color: #fff; -} -.ui.inverted.link.list.list .item a:not(.ui):active, -.ui.inverted.link.list.list a.item:active { - color: #fff; -} -.ui.inverted.link.list.list .active.item a:not(.ui), -.ui.inverted.link.list.list a.active.item { - color: #fff; -} -.ui.selection.list .list > .item, -.ui.selection.list > .item { - cursor: pointer; - background: 0 0; - padding: 0.5em 0.5em; - margin: 0; - color: rgba(0, 0, 0, 0.4); - border-radius: 0.5em; - -webkit-transition: 0.1s color ease, 0.1s padding-left ease, - 0.1s background-color ease; - 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: 0; -} -.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); -} -.ui.inverted.selection.list > .item { - background: 0 0; - color: rgba(255, 255, 255, 0.5); -} -.ui.inverted.selection.list > .item:hover { - background: rgba(255, 255, 255, 0.02); - color: #fff; -} -.ui.inverted.selection.list > .item:active { - background: rgba(255, 255, 255, 0.08); - color: #fff; -} -.ui.inverted.selection.list > .item.active { - background: rgba(255, 255, 255, 0.08); - color: #fff; -} -.ui.celled.selection.list .list > .item, -.ui.celled.selection.list > .item, -.ui.divided.selection.list .list > .item, -.ui.divided.selection.list > .item { - border-radius: 0; -} -.ui.animated.list > .item { - -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, - 0.25s background-color ease 0.1s; - 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; -} -.ui.fitted.list:not(.selection) .list > .item, -.ui.fitted.list:not(.selection) > .item { - padding-left: 0; - padding-right: 0; -} -.ui.fitted.selection.list .list > .item, -.ui.fitted.selection.list > .item { - margin-left: -0.5em; - margin-right: -0.5em; -} -.ui.bulleted.list, -ul.ui.list { - margin-left: 1.25rem; -} -.ui.bulleted.list .list > .item, -.ui.bulleted.list > .item, -ul.ui.list li { - position: relative; -} -.ui.bulleted.list .list > .item:before, -.ui.bulleted.list > .item:before, -ul.ui.list li: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: 400; - margin-left: -1.25rem; - content: '•'; - opacity: 1; - color: inherit; - vertical-align: top; -} -.ui.bulleted.list .list > a.item:before, -.ui.bulleted.list > a.item:before, -ul.ui.list li:before { - color: rgba(0, 0, 0, 0.87); -} -.ui.bulleted.list .list, -ul.ui.list ul { - padding-left: 1.25rem; -} -.ui.horizontal.bulleted.list, -ul.ui.horizontal.bulleted.list { - margin-left: 0; -} -.ui.horizontal.bulleted.list > .item, -ul.ui.horizontal.bulleted.list li { - margin-left: 1.75rem; -} -.ui.horizontal.bulleted.list > .item:first-child, -ul.ui.horizontal.bulleted.list li:first-child { - margin-left: 0; -} -.ui.horizontal.bulleted.list > .item::before, -ul.ui.horizontal.bulleted.list li::before { - color: rgba(0, 0, 0, 0.87); -} -.ui.horizontal.bulleted.list > .item:first-child::before, -ul.ui.horizontal.bulleted.list li:first-child::before { - display: none; -} -.ui.ordered.list, -.ui.ordered.list .list, -ol.ui.list, -ol.ui.list ol { - counter-reset: ordered; - margin-left: 1.25rem; - list-style-type: none; -} -.ui.ordered.list .list > .item, -.ui.ordered.list > .item, -ol.ui.list li { - list-style-type: none; - position: relative; -} -.ui.ordered.list .list > .item:before, -.ui.ordered.list > .item:before, -ol.ui.list li: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; -} -.ui.ordered.inverted.list .list > .item:before, -.ui.ordered.inverted.list > .item:before, -ol.ui.inverted.list li:before { - color: rgba(255, 255, 255, 0.7); -} -.ui.ordered.list > .item[data-value], -.ui.ordered.list > .list > .item[data-value] { - content: attr(data-value); -} -ol.ui.list li[value]:before { - content: attr(value); -} -.ui.ordered.list .list, -ol.ui.list ol { - margin-left: 1em; -} -.ui.ordered.list .list > .item:before, -ol.ui.list ol li:before { - margin-left: -2em; -} -.ui.ordered.horizontal.list, -ol.ui.horizontal.list { - margin-left: 0; -} -.ui.ordered.horizontal.list .list > .item:before, -.ui.ordered.horizontal.list > .item:before, -ol.ui.horizontal.list li:before { - position: static; - margin: 0 0.5em 0 0; -} -.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; -} -.ui.divided.list:not(.horizontal) .list > .item:first-child { - border-top-width: 1px; -} -.ui.divided.bulleted.list .list, -.ui.divided.bulleted.list:not(.horizontal) { - margin-left: 0; - padding-left: 0; -} -.ui.divided.bulleted.list > .item:not(.horizontal) { - padding-left: 1.25rem; -} -.ui.divided.ordered.list { - margin-left: 0; -} -.ui.divided.ordered.list .list > .item, -.ui.divided.ordered.list > .item { - padding-left: 1.25rem; -} -.ui.divided.ordered.list .item .list { - margin-left: 0; - margin-right: 0; - padding-bottom: 0.21428571em; -} -.ui.divided.ordered.list .item .list > .item { - padding-left: 1em; -} -.ui.divided.selection.list .list > .item, -.ui.divided.selection.list > .item { - margin: 0; - border-radius: 0; -} -.ui.divided.horizontal.list { - margin-left: 0; -} -.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: 0; - line-height: 0.6; -} -.ui.horizontal.divided.list > .item:first-child { - border-left: none; -} -.ui.divided.inverted.horizontal.list > .item, -.ui.divided.inverted.list > .item, -.ui.divided.inverted.list > .list { - border-color: rgba(255, 255, 255, 0.1); -} -.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); -} -.ui.celled.list > .item:first-child, -.ui.celled.list > .item:last-child { - padding-top: 0.21428571em; - padding-bottom: 0.21428571em; -} -.ui.celled.list .item .list > .item { - border-width: 0; -} -.ui.celled.list .list > .item:first-child { - border-top-width: 0; -} -.ui.celled.bulleted.list { - margin-left: 0; -} -.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; -} -.ui.celled.ordered.list { - margin-left: 0; -} -.ui.celled.ordered.list .list > .item, -.ui.celled.ordered.list > .item { - padding-left: 1.25rem; -} -.ui.celled.ordered.list .item .list { - margin-left: 0; - margin-right: 0; - padding-bottom: 0.21428571em; -} -.ui.celled.ordered.list .list > .item { - padding-left: 1em; -} -.ui.horizontal.celled.list { - margin-left: 0; -} -.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: 0; - 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); -} -.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); -} -.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; -} -.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; -} -.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; -} diff --git a/front/app/assets/semantic/components/loader.css b/front/app/assets/semantic/components/loader.css deleted file mode 100755 index d7835bcc6e69..000000000000 --- a/front/app/assets/semantic/components/loader.css +++ /dev/null @@ -1,330 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transform: translateX(-50%) translateY(-50%); - 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} - -/* Active Animation */ -@-webkit-keyframes loader { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes loader { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - 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; - -webkit-transform: none; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/loader.min.css b/front/app/assets/semantic/components/loader.min.css deleted file mode 100755 index 7ef31ea21673..000000000000 --- a/front/app/assets/semantic/components/loader.min.css +++ /dev/null @@ -1,264 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Loader - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.loader { - display: none; - position: absolute; - top: 50%; - left: 50%; - margin: 0; - text-align: center; - z-index: 1000; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); -} -.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); -} -.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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; -} -@-webkit-keyframes loader { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes loader { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -.ui.mini.loader:after, -.ui.mini.loader:before { - width: 1rem; - height: 1rem; - margin: 0 0 0 -0.5rem; -} -.ui.tiny.loader:after, -.ui.tiny.loader:before { - width: 1.14285714rem; - height: 1.14285714rem; - margin: 0 0 0 -0.57142857rem; -} -.ui.small.loader:after, -.ui.small.loader:before { - width: 1.71428571rem; - height: 1.71428571rem; - margin: 0 0 0 -0.85714286rem; -} -.ui.loader:after, -.ui.loader:before { - width: 2.28571429rem; - height: 2.28571429rem; - margin: 0 0 0 -1.14285714rem; -} -.ui.large.loader:after, -.ui.large.loader:before { - width: 3.42857143rem; - height: 3.42857143rem; - margin: 0 0 0 -1.71428571rem; -} -.ui.big.loader:after, -.ui.big.loader:before { - width: 3.71428571rem; - height: 3.71428571rem; - margin: 0 0 0 -1.85714286rem; -} -.ui.huge.loader:after, -.ui.huge.loader:before { - width: 4.14285714rem; - height: 4.14285714rem; - margin: 0 0 0 -2.07142857rem; -} -.ui.massive.loader:after, -.ui.massive.loader:before { - width: 4.57142857rem; - height: 4.57142857rem; - margin: 0 0 0 -2.28571429rem; -} -.ui.dimmer .loader { - display: block; -} -.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: #fff transparent transparent; -} -.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; -} -.ui.text.loader { - width: auto !important; - height: auto !important; - text-align: center; - font-style: normal; -} -.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; -} -.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.big.loader, -.ui.inverted.dimmer .ui.big.loader { - width: 3.71428571rem; - height: 3.71428571rem; - font-size: 1.28571429em; -} -.ui.huge.loader, -.ui.inverted.dimmer .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; -} -.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; -} -.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: #fff; -} -.ui.inline.loader { - position: relative; - vertical-align: middle; - margin: 0; - left: 0; - top: 0; - -webkit-transform: none; - transform: none; -} -.ui.inline.loader.active, -.ui.inline.loader.visible { - display: inline-block; -} -.ui.centered.inline.loader.active, -.ui.centered.inline.loader.visible { - display: block; - margin-left: auto; - margin-right: auto; -} diff --git a/front/app/assets/semantic/components/menu.css b/front/app/assets/semantic/components/menu.css deleted file mode 100755 index 1cc4b0690ab6..000000000000 --- a/front/app/assets/semantic/components/menu.css +++ /dev/null @@ -1,2029 +0,0 @@ -/* - * # 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: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1rem 0em; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - background: #ffffff; - font-weight: normal; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 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: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -/*-------------- - Item ----------------*/ - -.ui.menu:not(.vertical) .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.menu .item { - position: relative; - vertical-align: middle; - line-height: 1; - text-decoration: none; - -webkit-tap-highlight-color: transparent; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background: none; - padding: 0.92857143em 1.14285714em; - text-transform: none; - color: rgba(0, 0, 0, 0.87); - font-weight: normal; - -webkit-transition: background 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, - -webkit-box-shadow 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: inherit; - -ms-flex-align: inherit; - align-items: inherit; - -webkit-box-orient: inherit; - -webkit-box-direction: inherit; - -ms-flex-direction: 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; - -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; - 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; - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-transition: 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; -} - -/* 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; - -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); - 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 { - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - 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) .left.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-right: auto !important; -} - -/* Right Floated */ -.ui.menu:not(.vertical) .right.item, -.ui.menu:not(.vertical) .right.menu { - display: -webkit-box; - display: -ms-flexbox; - 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; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - background: #ffffff; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none; - background: none transparent; - border-bottom: 1px solid #d4d4d5; -} -.ui.tabular.fluid.menu { - width: calc(100% + 2px) !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; - -webkit-box-shadow: none; - 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% + 2px); - left: -1px; -} - -/* Bottom Vertical Tabular */ -.ui.bottom.tabular.menu { - background: none transparent; - border-radius: 0em; - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: none !important; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - 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); - -webkit-box-shadow: none; - box-shadow: none; -} - -/*-------------- - Secondary ----------------*/ - -.ui.secondary.menu { - background: none; - margin-left: -0.35714286em; - margin-right: -0.35714286em; - border-radius: 0em; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Item */ -.ui.secondary.menu .item { - -ms-flex-item-align: center; - align-self: center; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - padding: 0.78571429em 0.92857143em; - margin: 0em 0.35714286em; - background: none; - -webkit-transition: color 0.1s ease; - 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 { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: none; - 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; - -ms-flex-item-align: end; - align-self: flex-end; - margin: 0em 0em -2px; - padding: 0.85714286em 1.14285714em; - border-bottom-width: 2px; - -webkit-transition: color 0.1s ease; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - margin: 1em -0.5em; -} -.ui.text.menu .item { - border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; - -ms-flex-item-align: center; - align-self: center; - margin: 0em 0em; - padding: 0.35714286em 0.5em; - font-weight: normal; - color: rgba(0, 0, 0, 0.6); - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-box-shadow: 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 { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.text.attached.menu { - -webkit-box-shadow: none; - 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; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none !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: -webkit-inline-box; - display: -ms-inline-flexbox; - 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; - -webkit-box-pack: center; - -ms-flex-pack: 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%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - 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; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} -.ui.vertical.pointing.menu .item:after { - position: absolute; - top: 50%; - right: 0%; - bottom: auto; - left: auto; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - 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% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/menu.min.css b/front/app/assets/semantic/components/menu.min.css deleted file mode 100755 index 1f679cc0f245..000000000000 --- a/front/app/assets/semantic/components/menu.min.css +++ /dev/null @@ -1,1543 +0,0 @@ -.ui.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1rem 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - background: #fff; - font-weight: 400; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - min-height: 2.85714286em; -} -.ui.menu:after { - content: ''; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.menu:first-child { - margin-top: 0; -} -.ui.menu:last-child { - margin-bottom: 0; -} -.ui.menu .menu { - margin: 0; -} -.ui.menu:not(.vertical) > .menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.ui.menu:not(.vertical) .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.menu .item { - position: relative; - vertical-align: middle; - line-height: 1; - text-decoration: none; - -webkit-tap-highlight-color: transparent; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background: 0 0; - padding: 0.92857143em 1.14285714em; - text-transform: none; - color: rgba(0, 0, 0, 0.87); - font-weight: 400; - -webkit-transition: background 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; -} -.ui.menu > .item:first-child { - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui.menu .item:before { - position: absolute; - content: ''; - top: 0; - right: 0; - height: 100%; - width: 1px; - background: rgba(34, 36, 38, 0.1); -} -.ui.menu .item > a:not(.ui), -.ui.menu .item > p:only-child, -.ui.menu .text.item > * { - -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; -} -.ui.menu .item > i.icon { - opacity: 0.9; - float: none; - margin: 0 0.35714286em 0 0; -} -.ui.menu:not(.vertical) .item > .button { - position: relative; - top: 0; - margin: -0.5em 0; - padding-bottom: 0.78571429em; - padding-top: 0.78571429em; - font-size: 1em; -} -.ui.menu > .container, -.ui.menu > .grid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: inherit; - -ms-flex-align: inherit; - align-items: inherit; - -webkit-box-orient: inherit; - -webkit-box-direction: inherit; - -ms-flex-direction: inherit; - flex-direction: inherit; -} -.ui.menu .item > .input { - width: 100%; -} -.ui.menu:not(.vertical) .item > .input { - position: relative; - top: 0; - margin: -0.5em 0; -} -.ui.menu .item > .input input { - font-size: 1em; - padding-top: 0.57142857em; - padding-bottom: 0.57142857em; -} -.ui.menu .header.item, -.ui.vertical.menu .header.item { - margin: 0; - background: ''; - text-transform: normal; - font-weight: 700; -} -.ui.vertical.menu .item > .header:not(.ui) { - margin: 0 0 0.5em; - font-size: 1em; - font-weight: 700; -} -.ui.menu .item > i.dropdown.icon { - padding: 0; - float: right; - margin: 0 0 0 1em; -} -.ui.menu .dropdown.item .menu { - min-width: calc(100% - 1px); - border-radius: 0 0 0.28571429rem 0.28571429rem; - background: #fff; - margin: 0 0 0; - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; - flex-direction: column !important; -} -.ui.menu .ui.dropdown .menu > .item { - margin: 0; - text-align: left; - font-size: 1em !important; - padding: 0.78571429em 1.14285714em !important; - background: 0 0 !important; - color: rgba(0, 0, 0, 0.87) !important; - text-transform: none !important; - font-weight: 400 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-transition: 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: 700 !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: 0 0.75em 0 0; -} -.ui.secondary.menu .dropdown.item > .menu, -.ui.text.menu .dropdown.item > .menu { - border-radius: 0.28571429rem; - margin-top: 0.35714286em; -} -.ui.menu .pointing.dropdown.item .menu { - margin-top: 0.75em; -} -.ui.inverted.menu .search.dropdown.item > .search, -.ui.inverted.menu .search.dropdown.item > .text { - color: rgba(255, 255, 255, 0.9); -} -.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: 0; - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); - border-radius: 0 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: 0; - border-bottom-right-radius: 0; -} -.ui.vertical.menu .dropdown.active.item { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.item.menu .dropdown .menu .item { - width: 100%; -} -.ui.menu .item > .label { - background: #999; - color: #fff; - margin-left: 1em; - padding: 0.3em 0.78571429em; -} -.ui.vertical.menu .item > .label { - background: #999; - color: #fff; - margin-top: -0.15em; - margin-bottom: -0.15em; - padding: 0.3em 0.78571429em; -} -.ui.menu .item > .floating.label { - padding: 0.3em 0.78571429em; -} -.ui.menu .item > img:not(.ui) { - display: inline-block; - vertical-align: middle; - margin: -0.3em 0; - width: 2.5em; -} -.ui.vertical.menu .item > img:not(.ui):only-child { - display: block; - max-width: 100%; - width: auto; -} -.ui.menu .list .item:before { - background: 0 0 !important; -} -.ui.vertical.sidebar.menu > .item:first-child:before { - display: block !important; -} -.ui.vertical.sidebar.menu > .item::before { - top: auto; - bottom: 0; -} -@media only screen and (max-width: 767px) { - .ui.menu > .ui.container { - width: 100% !important; - margin-left: 0 !important; - margin-right: 0 !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); - } -} -.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); -} -.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); -} -.ui.menu .active.item { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); - font-weight: 400; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.menu .active.item > i.icon { - opacity: 1; -} -.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); -} -.ui.menu .item.disabled, -.ui.menu .item.disabled:hover { - cursor: default !important; - background-color: transparent !important; - color: rgba(40, 40, 40, 0.3) !important; -} -.ui.menu:not(.vertical) .left.item, -.ui.menu:not(.vertical) .left.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-right: auto !important; -} -.ui.menu:not(.vertical) .right.item, -.ui.menu:not(.vertical) .right.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-left: auto !important; -} -.ui.menu .right.item::before, -.ui.menu .right.menu > .item::before { - right: auto; - left: 0; -} -.ui.vertical.menu { - display: block; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - background: #fff; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); -} -.ui.vertical.menu .item { - display: block; - background: 0 0; - border-top: none; - border-right: none; -} -.ui.vertical.menu > .item:first-child { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.vertical.menu > .item:last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.vertical.menu .item > .label { - float: right; - text-align: center; -} -.ui.vertical.menu .item > i.icon { - width: 1.18em; - float: right; - margin: 0 0 0 0.5em; -} -.ui.vertical.menu .item > .label + i.icon { - float: none; - margin: 0 0.5em 0 0; -} -.ui.vertical.menu .item:before { - position: absolute; - content: ''; - top: 0; - left: 0; - width: 100%; - height: 1px; - background: rgba(34, 36, 38, 0.1); -} -.ui.vertical.menu .item:first-child:before { - display: none !important; -} -.ui.vertical.menu .item > .menu { - margin: 0.5em -1.14285714em 0; -} -.ui.vertical.menu .menu .item { - background: 0 0; - padding: 0.5em 1.33333333em; - font-size: 0.85714286em; - color: rgba(0, 0, 0, 0.5); -} -.ui.vertical.menu .item .menu .link.item:hover, -.ui.vertical.menu .item .menu a.item:hover { - color: rgba(0, 0, 0, 0.85); -} -.ui.vertical.menu .menu .item:before { - display: none; -} -.ui.vertical.menu .active.item { - background: rgba(0, 0, 0, 0.05); - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.vertical.menu > .active.item:first-child { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.vertical.menu > .active.item:last-child { - border-radius: 0 0 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: 700; - color: rgba(0, 0, 0, 0.95); -} -.ui.tabular.menu { - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none; - background: none transparent; - border-bottom: 1px solid #d4d4d5; -} -.ui.tabular.fluid.menu { - width: calc(100% + 2px) !important; -} -.ui.tabular.menu .item { - background: 0 0; - 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; -} -.ui.tabular.menu .item:hover { - background-color: transparent; - color: rgba(0, 0, 0, 0.8); -} -.ui.tabular.menu .active.item { - background: none #fff; - color: rgba(0, 0, 0, 0.95); - border-top-width: 1px; - border-color: #d4d4d5; - font-weight: 700; - margin-bottom: -1px; - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0.28571429rem 0.28571429rem 0 0 !important; -} -.ui.tabular.menu + .attached:not(.top).segment, -.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment { - border-top: none; - margin-left: 0; - margin-top: 0; - margin-right: 0; - width: 100%; -} -.top.attached.segment + .ui.bottom.tabular.menu { - position: relative; - width: calc(100% + 2px); - left: -1px; -} -.ui.bottom.tabular.menu { - background: none transparent; - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-bottom: none; - border-top: 1px solid #d4d4d5; -} -.ui.bottom.tabular.menu .item { - background: 0 0; - 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 #fff; - color: rgba(0, 0, 0, 0.95); - border-color: #d4d4d5; - margin: -1px 0 0 0; - border-radius: 0 0 0.28571429rem 0.28571429rem !important; -} -.ui.vertical.tabular.menu { - background: none transparent; - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-bottom: none; - border-right: 1px solid #d4d4d5; -} -.ui.vertical.tabular.menu .item { - background: 0 0; - 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 #fff; - color: rgba(0, 0, 0, 0.95); - border-color: #d4d4d5; - margin: 0 -1px 0 0; - border-radius: 0.28571429rem 0 0 0.28571429rem !important; -} -.ui.vertical.right.tabular.menu { - background: none transparent; - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-bottom: none; - border-right: none; - border-left: 1px solid #d4d4d5; -} -.ui.vertical.right.tabular.menu .item { - background: 0 0; - 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 #fff; - color: rgba(0, 0, 0, 0.95); - border-color: #d4d4d5; - margin: 0 0 0 -1px; - border-radius: 0 0.28571429rem 0.28571429rem 0 !important; -} -.ui.tabular.menu .active.dropdown.item { - margin-bottom: 0; - border-left: 1px solid transparent; - border-right: 1px solid transparent; - border-top: 2px solid transparent; - border-bottom: none; -} -.ui.pagination.menu { - margin: 0; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: middle; -} -.ui.pagination.menu .item:last-child { - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.ui.compact.menu .item:last-child { - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.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; -} -.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); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.secondary.menu { - background: 0 0; - margin-left: -0.35714286em; - margin-right: -0.35714286em; - border-radius: 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.secondary.menu .item { - -ms-flex-item-align: center; - align-self: center; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - padding: 0.78571429em 0.92857143em; - margin: 0 0.35714286em; - background: 0 0; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; - border-radius: 0.28571429rem; -} -.ui.secondary.menu .item:before { - display: none !important; -} -.ui.secondary.menu .header.item { - border-radius: 0; - border-right: none; - background: none transparent; -} -.ui.secondary.menu .item > img:not(.ui) { - margin: 0; -} -.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); -} -.ui.secondary.menu .active.item { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); - border-radius: 0.28571429rem; -} -.ui.secondary.menu .active.item:hover { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); -} -.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: #fff !important; -} -.ui.secondary.inverted.menu .active.item { - background: rgba(255, 255, 255, 0.15); - color: #fff !important; -} -.ui.secondary.item.menu { - margin-left: 0; - margin-right: 0; -} -.ui.secondary.item.menu .item:last-child { - margin-right: 0; -} -.ui.secondary.attached.menu { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.vertical.secondary.menu .item:not(.dropdown) > .menu { - margin: 0 -0.92857143em; -} -.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item { - margin: 0; - padding: 0.5em 1.33333333em; -} -.ui.secondary.vertical.menu > .item { - border: none; - margin: 0 0 0.35714286em; - border-radius: 0.28571429rem !important; -} -.ui.secondary.vertical.menu > .header.item { - border-radius: 0; -} -.ui.vertical.secondary.menu .item > .menu .item { - background-color: transparent; -} -.ui.secondary.inverted.menu { - background-color: transparent; -} -.ui.secondary.pointing.menu { - margin-left: 0; - margin-right: 0; - 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: 0; - -ms-flex-item-align: end; - align-self: flex-end; - margin: 0 0 -2px; - padding: 0.85714286em 1.14285714em; - border-bottom-width: 2px; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.secondary.pointing.menu .header.item { - color: rgba(0, 0, 0, 0.85) !important; -} -.ui.secondary.pointing.menu .text.item { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.secondary.pointing.menu .item:after { - display: none; -} -.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); -} -.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); -} -.ui.secondary.pointing.menu .active.item { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - border-color: #1b1c1d; - font-weight: 700; - color: rgba(0, 0, 0, 0.95); -} -.ui.secondary.pointing.menu .active.item:hover { - border-color: #1b1c1d; - color: rgba(0, 0, 0, 0.95); -} -.ui.secondary.pointing.menu .active.dropdown.item { - border-color: transparent; -} -.ui.secondary.vertical.pointing.menu { - border-bottom-width: 0; - 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: 0 !important; - margin: 0 -2px 0 0; - border-right-width: 2px; -} -.ui.secondary.vertical.pointing.menu .active.item { - border-color: #1b1c1d; -} -.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: #fff !important; -} -.ui.secondary.inverted.pointing.menu .link.item:hover, -.ui.secondary.inverted.pointing.menu a.item:hover { - color: rgba(0, 0, 0, 0.95); -} -.ui.secondary.inverted.pointing.menu .active.item { - border-color: #fff; - color: #fff; -} -.ui.text.menu { - background: none transparent; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - margin: 1em -0.5em; -} -.ui.text.menu .item { - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - -ms-flex-item-align: center; - align-self: center; - margin: 0 0; - padding: 0.35714286em 0.5em; - font-weight: 400; - color: rgba(0, 0, 0, 0.6); - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -.ui.text.menu .item:before, -.ui.text.menu .menu .item:before { - display: none !important; -} -.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: 700; -} -.ui.text.menu .item > img:not(.ui) { - margin: 0; -} -.ui.text.item.menu .item { - margin: 0; -} -.ui.vertical.text.menu { - margin: 1em 0; -} -.ui.vertical.text.menu:first-child { - margin-top: 0; -} -.ui.vertical.text.menu:last-child { - margin-bottom: 0; -} -.ui.vertical.text.menu .item { - margin: 0.57142857em 0; - padding-left: 0; - padding-right: 0; -} -.ui.vertical.text.menu .item > i.icon { - float: none; - margin: 0 0.35714286em 0 0; -} -.ui.vertical.text.menu .header.item { - margin: 0.57142857em 0 0.71428571em; -} -.ui.vertical.text.menu .item:not(.dropdown) > .menu { - margin: 0; -} -.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item { - margin: 0; - padding: 0.5em 0; -} -.ui.text.menu .item:hover { - opacity: 1; - background-color: transparent; -} -.ui.text.menu .active.item { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - color: rgba(0, 0, 0, 0.95); -} -.ui.text.menu .active.item:hover { - background-color: transparent; -} -.ui.text.pointing.menu .active.item:after { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.text.attached.menu { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.text.menu, -.ui.inverted.text.menu .active.item, -.ui.inverted.text.menu .item, -.ui.inverted.text.menu .item:hover { - background-color: transparent !important; -} -.ui.fluid.text.menu { - margin-left: 0; - margin-right: 0; -} -.ui.vertical.icon.menu { - display: inline-block; - width: auto; -} -.ui.icon.menu .item { - height: auto; - text-align: center; - color: #1b1c1d; -} -.ui.icon.menu .item > .icon:not(.dropdown) { - margin: 0; - opacity: 1; -} -.ui.icon.menu .icon:before { - opacity: 1; -} -.ui.menu .icon.item > .icon { - width: auto; - margin: 0 auto; -} -.ui.vertical.icon.menu .item > .icon:not(.dropdown) { - display: block; - opacity: 1; - margin: 0 auto; - float: none; -} -.ui.inverted.icon.menu .item { - color: #fff; -} -.ui.labeled.icon.menu { - text-align: center; -} -.ui.labeled.icon.menu .item { - min-width: 6em; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} -.ui.labeled.icon.menu .item > .icon:not(.dropdown) { - height: 1em; - display: block; - font-size: 1.71428571em !important; - margin: 0 auto 0.5rem !important; -} -.ui.fluid.labeled.icon.menu > .item { - min-width: 0; -} -@media only screen and (max-width: 767px) { - .ui.stackable.menu { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - .ui.stackable.menu .item { - width: 100% !important; - } - .ui.stackable.menu .item:before { - position: absolute; - content: ''; - top: auto; - bottom: 0; - left: 0; - width: 100%; - height: 1px; - background: rgba(34, 36, 38, 0.1); - } - .ui.stackable.menu .left.item, - .ui.stackable.menu .left.menu { - margin-right: 0 !important; - } - .ui.stackable.menu .right.item, - .ui.stackable.menu .right.menu { - margin-left: 0 !important; - } - .ui.stackable.menu .left.menu, - .ui.stackable.menu .right.menu { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } -} -.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.green.menu .active.item, -.ui.menu .green.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.blue.menu .active.item, -.ui.menu .blue.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.brown.menu .active.item, -.ui.menu .brown.active.item { - border-color: #a5673f !important; - color: #a5673f !important; -} -.ui.grey.menu .active.item, -.ui.menu .grey.active.item { - border-color: #767676 !important; - color: #767676 !important; -} -.ui.inverted.menu { - border: 0 solid transparent; - background: #1b1c1d; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.menu .item, -.ui.inverted.menu .item > a:not(.ui) { - background: 0 0; - color: rgba(255, 255, 255, 0.9); -} -.ui.inverted.menu .item.menu { - background: 0 0; -} -.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); -} -.ui.vertical.inverted.menu .menu .item, -.ui.vertical.inverted.menu .menu .item a:not(.ui) { - color: rgba(255, 255, 255, 0.5); -} -.ui.inverted.menu .header.item { - margin: 0; - background: 0 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.menu .item.disabled, -.ui.inverted.menu .item.disabled:hover { - color: rgba(225, 225, 225, 0.3); -} -.ui.inverted.menu .dropdown.item:hover, -.ui.inverted.menu .link.item:hover, -.ui.inverted.menu a.item:hover, -.ui.link.inverted.menu .item:hover { - background: rgba(255, 255, 255, 0.08); - color: #fff; -} -.ui.vertical.inverted.menu .item .menu .link.item:hover, -.ui.vertical.inverted.menu .item .menu a.item:hover { - background: 0 0; - color: #fff; -} -.ui.inverted.menu .link.item:active, -.ui.inverted.menu a.item:active { - background: rgba(255, 255, 255, 0.08); - color: #fff; -} -.ui.inverted.menu .active.item { - background: rgba(255, 255, 255, 0.15); - color: #fff !important; -} -.ui.inverted.vertical.menu .item .menu .active.item { - background: 0 0; - color: #fff; -} -.ui.inverted.pointing.menu .active.item:after { - background: #3d3e3f !important; - margin: 0 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none !important; -} -.ui.inverted.menu .active.item:hover { - background: rgba(255, 255, 255, 0.15); - color: #fff !important; -} -.ui.inverted.pointing.menu .active.item:hover:after { - background: #3d3e3f !important; -} -.ui.floated.menu { - float: left; - margin: 0 0.5rem 0 0; -} -.ui.floated.menu .item:last-child:before { - display: none; -} -.ui.right.floated.menu { - float: right; - margin: 0 0 0 0.5rem; -} -.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; -} -.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; -} -.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; -} -.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; -} -.ui.inverted.green.menu, -.ui.inverted.menu .green.active.item { - 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; -} -.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; -} -.ui.inverted.blue.menu, -.ui.inverted.menu .blue.active.item { - 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; -} -.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; -} -.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; -} -.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; -} -.ui.inverted.brown.menu, -.ui.inverted.menu .brown.active.item { - 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; -} -.ui.inverted.grey.menu, -.ui.inverted.menu .grey.active.item { - 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; -} -.ui.fitted.menu .item, -.ui.fitted.menu .item .menu .item, -.ui.menu .fitted.item { - padding: 0; -} -.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.menu .vertically.fitted.item, -.ui.vertically.fitted.menu .item, -.ui.vertically.fitted.menu .item .menu .item { - padding-left: 1.14285714em; - padding-right: 1.14285714em; -} -.ui.borderless.menu .item .menu .item:before, -.ui.borderless.menu .item:before, -.ui.menu .borderless.item:before { - background: 0 0 !important; -} -.ui.compact.menu { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin: 0; - vertical-align: middle; -} -.ui.compact.vertical.menu { - display: inline-block; -} -.ui.compact.menu .item:last-child { - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.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; -} -.ui.menu.fluid, -.ui.vertical.menu.fluid { - width: 100% !important; -} -.ui.item.menu, -.ui.item.menu .item { - width: 100%; - padding-left: 0 !important; - padding-right: 0 !important; - margin-left: 0 !important; - margin-right: 0 !important; - text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.ui.attached.item.menu { - margin: 0 -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%; -} -.ui.menu.fixed { - position: fixed; - z-index: 101; - margin: 0; - width: 100%; -} -.ui.menu.fixed, -.ui.menu.fixed .item:first-child, -.ui.menu.fixed .item:last-child { - border-radius: 0 !important; -} -.ui.fixed.menu, -.ui[class*='top fixed'].menu { - top: 0; - left: 0; - 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: 0; - right: 0; - left: auto; - bottom: auto; - width: auto; - height: 100%; -} -.ui[class*='bottom fixed'].menu { - border-bottom: none; - border-left: none; - border-right: none; - bottom: 0; - left: 0; - top: auto; - right: auto; -} -.ui[class*='left fixed'].menu { - border-top: none; - border-bottom: none; - border-left: none; - top: 0; - left: 0; - right: auto; - bottom: auto; - width: auto; - height: 100%; -} -.ui.fixed.menu + .ui.grid { - padding-top: 2.75rem; -} -.ui.pointing.menu .item:after { - visibility: hidden; - position: absolute; - content: ''; - top: 100%; - left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - background: 0 0; - margin: 0.5px 0 0; - width: 0.57142857em; - height: 0.57142857em; - border: none; - border-bottom: 1px solid #d4d4d5; - border-right: 1px solid #d4d4d5; - z-index: 2; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} -.ui.vertical.pointing.menu .item:after { - position: absolute; - top: 50%; - right: 0; - bottom: auto; - left: auto; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - transform: translateX(50%) translateY(-50%) rotate(45deg); - margin: 0 -0.5px 0 0; - border: none; - border-top: 1px solid #d4d4d5; - border-right: 1px solid #d4d4d5; -} -.ui.pointing.menu .active.item:after { - visibility: visible; -} -.ui.pointing.menu .active.dropdown.item:after { - visibility: hidden; -} -.ui.pointing.menu .active.item .menu .active.item:after, -.ui.pointing.menu .dropdown.active.item:after { - display: none; -} -.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: #fff; -} -.ui.attached.menu { - top: 0; - bottom: 0; - border-radius: 0; - margin: 0 -1px; - width: calc(100% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.attached + .ui.attached.menu:not(.top) { - border-top: none; -} -.ui[class*='top attached'].menu { - bottom: 0; - margin-bottom: 0; - top: 0; - margin-top: 1rem; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.menu[class*='top attached']:first-child { - margin-top: 0; -} -.ui[class*='bottom attached'].menu { - bottom: 0; - margin-top: 0; - top: 0; - margin-bottom: 1rem; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui[class*='bottom attached'].menu:last-child { - margin-bottom: 0; -} -.ui.top.attached.menu > .item:first-child { - border-radius: 0.28571429rem 0 0 0; -} -.ui.bottom.attached.menu > .item:first-child { - border-radius: 0 0 0 0.28571429rem; -} -.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%; -} -.ui.mini.menu { - font-size: 0.78571429rem; -} -.ui.mini.vertical.menu { - width: 9rem; -} -.ui.tiny.menu { - font-size: 0.85714286rem; -} -.ui.tiny.vertical.menu { - width: 11rem; -} -.ui.small.menu { - font-size: 0.92857143rem; -} -.ui.small.vertical.menu { - width: 13rem; -} -.ui.menu { - font-size: 1rem; -} -.ui.vertical.menu { - width: 15rem; -} -.ui.large.menu { - font-size: 1.07142857rem; -} -.ui.large.vertical.menu { - width: 18rem; -} -.ui.huge.menu { - font-size: 1.21428571rem; -} -.ui.huge.vertical.menu { - width: 22rem; -} -.ui.big.menu { - font-size: 1.14285714rem; -} -.ui.big.vertical.menu { - width: 20rem; -} -.ui.massive.menu { - font-size: 1.28571429rem; -} -.ui.massive.vertical.menu { - width: 25rem; -} diff --git a/front/app/assets/semantic/components/message.css b/front/app/assets/semantic/components/message.css deleted file mode 100755 index 85fb396b75c3..000000000000 --- a/front/app/assets/semantic/components/message.css +++ /dev/null @@ -1,516 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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); - -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - border-radius: 0.28571429rem; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.message:first-child { - margin-top: 0em; -} -.ui.message:last-child { - margin-bottom: 0em; -} - -/*-------------- - Content ----------------*/ - -/* Header */ -.ui.message .header { - display: block; - font-family: 'Public Sans', '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: '•'; - 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; - -webkit-transition: opacity 0.1s ease; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -/*-------------- - Hidden ----------------*/ - -.ui.hidden.hidden.hidden.hidden.message { - display: none; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Compact ----------------*/ - -.ui.compact.message { - display: inline-block; -} -.ui.compact.icon.message { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} - -/*-------------- - Attached ----------------*/ - -.ui.attached.message { - margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; - -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, - 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.icon.message > .icon:not(.close) { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - line-height: 1; - vertical-align: middle; - font-size: 3em; - opacity: 0.8; -} -.ui.icon.message > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - 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 { - -webkit-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); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #a3c293 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #e0b4b4 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #a9d5de inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #c9ba9b inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #e0b4b4 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #a3c293 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #db2828 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #f2711c inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #b58105 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #8abc1e inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #1ebc30 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #10a3a3 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #2185d0 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #6435c9 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #a333c8 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #e03997 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #a5673f inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/message.min.css b/front/app/assets/semantic/components/message.min.css deleted file mode 100755 index d018de58dc81..000000000000 --- a/front/app/assets/semantic/components/message.min.css +++ /dev/null @@ -1,399 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Message - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.message { - position: relative; - min-height: 1em; - margin: 1em 0; - background: #f8f8f9; - padding: 1em 1.5em; - line-height: 1.4285em; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - border-radius: 0.28571429rem; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.message:first-child { - margin-top: 0; -} -.ui.message:last-child { - margin-bottom: 0; -} -.ui.message .header { - display: block; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: 700; - margin: -0.14285714em 0 0 0; -} -.ui.message .header:not(.ui) { - font-size: 1.14285714em; -} -.ui.message p { - opacity: 0.85; - margin: 0.75em 0; -} -.ui.message p:first-child { - margin-top: 0; -} -.ui.message p:last-child { - margin-bottom: 0; -} -.ui.message .header + p { - margin-top: 0.25em; -} -.ui.message .list:not(.ui) { - text-align: left; - padding: 0; - opacity: 0.85; - list-style-position: inside; - margin: 0.5em 0 0; -} -.ui.message .list:not(.ui):first-child { - margin-top: 0; -} -.ui.message .list:not(.ui):last-child { - margin-bottom: 0; -} -.ui.message .list:not(.ui) li { - position: relative; - list-style-type: none; - margin: 0 0 0.3em 1em; - padding: 0; -} -.ui.message .list:not(.ui) li:before { - position: absolute; - content: '•'; - left: -1em; - height: 100%; - vertical-align: baseline; -} -.ui.message .list:not(.ui) li:last-child { - margin-bottom: 0; -} -.ui.message > .icon { - margin-right: 0.6em; -} -.ui.message > .close.icon { - cursor: pointer; - position: absolute; - margin: 0; - top: 0.78575em; - right: 0.5em; - opacity: 0.7; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -.ui.message > .close.icon:hover { - opacity: 1; -} -.ui.message > :first-child { - margin-top: 0; -} -.ui.message > :last-child { - margin-bottom: 0; -} -.ui.dropdown .menu > .message { - margin: 0 -1px; -} -.ui.visible.visible.visible.visible.message { - display: block; -} -.ui.icon.visible.visible.visible.visible.message { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.ui.hidden.hidden.hidden.hidden.message { - display: none; -} -.ui.compact.message { - display: inline-block; -} -.ui.compact.icon.message { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} -.ui.attached.message { - margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0 0; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 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: 0; -} -.ui.bottom.attached.message { - margin-top: -1px; - border-radius: 0 0 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, - 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, - 0 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; -} -.ui.icon.message { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.icon.message > .icon:not(.close) { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - line-height: 1; - vertical-align: middle; - font-size: 3em; - opacity: 0.8; -} -.ui.icon.message > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - vertical-align: middle; -} -.ui.icon.message .icon:not(.close) + .content { - padding-left: 0; -} -.ui.icon.message .circular.icon { - width: 1em; -} -.ui.floating.message { - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, - 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, - 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); -} -.ui.black.message { - background-color: #1b1c1d; - color: rgba(255, 255, 255, 0.9); -} -.ui.positive.message { - background-color: #fcfff5; - color: #2c662d; -} -.ui.attached.positive.message, -.ui.positive.message { - -webkit-box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; -} -.ui.positive.message .header { - color: #1a531b; -} -.ui.negative.message { - background-color: #fff6f6; - color: #9f3a38; -} -.ui.attached.negative.message, -.ui.negative.message { - -webkit-box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; -} -.ui.negative.message .header { - color: #912d2b; -} -.ui.info.message { - background-color: #f8ffff; - color: #276f86; -} -.ui.attached.info.message, -.ui.info.message { - -webkit-box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; -} -.ui.info.message .header { - color: #0e566c; -} -.ui.warning.message { - background-color: #fffaf3; - color: #573a08; -} -.ui.attached.warning.message, -.ui.warning.message { - -webkit-box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; -} -.ui.warning.message .header { - color: #794b02; -} -.ui.error.message { - background-color: #fff6f6; - color: #9f3a38; -} -.ui.attached.error.message, -.ui.error.message { - -webkit-box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; -} -.ui.error.message .header { - color: #912d2b; -} -.ui.success.message { - background-color: #fcfff5; - color: #2c662d; -} -.ui.attached.success.message, -.ui.success.message { - -webkit-box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; -} -.ui.success.message .header { - color: #1a531b; -} -.ui.black.message, -.ui.inverted.message { - background-color: #1b1c1d; - color: rgba(255, 255, 255, 0.9); -} -.ui.red.message { - background-color: #ffe8e6; - color: #db2828; - -webkit-box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 transparent; -} -.ui.red.message .header { - color: #c82121; -} -.ui.orange.message { - background-color: #ffedde; - color: #f2711c; - -webkit-box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 transparent; -} -.ui.orange.message .header { - color: #e7640d; -} -.ui.yellow.message { - background-color: #fff8db; - color: #b58105; - -webkit-box-shadow: 0 0 0 1px #b58105 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #b58105 inset, 0 0 0 0 transparent; -} -.ui.yellow.message .header { - color: #9c6f04; -} -.ui.olive.message { - background-color: #fbfdef; - color: #8abc1e; - -webkit-box-shadow: 0 0 0 1px #8abc1e inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #8abc1e inset, 0 0 0 0 transparent; -} -.ui.olive.message .header { - color: #7aa61a; -} -.ui.green.message { - background-color: #e5f9e7; - color: #1ebc30; - -webkit-box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 transparent; -} -.ui.green.message .header { - color: #1aa62a; -} -.ui.teal.message { - background-color: #e1f7f7; - color: #10a3a3; - -webkit-box-shadow: 0 0 0 1px #10a3a3 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #10a3a3 inset, 0 0 0 0 transparent; -} -.ui.teal.message .header { - color: #0e8c8c; -} -.ui.blue.message { - background-color: #dff0ff; - color: #2185d0; - -webkit-box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 transparent; -} -.ui.blue.message .header { - color: #1e77ba; -} -.ui.violet.message { - background-color: #eae7ff; - color: #6435c9; - -webkit-box-shadow: 0 0 0 1px #6435c9 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #6435c9 inset, 0 0 0 0 transparent; -} -.ui.violet.message .header { - color: #5a30b5; -} -.ui.purple.message { - background-color: #f6e7ff; - color: #a333c8; - -webkit-box-shadow: 0 0 0 1px #a333c8 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #a333c8 inset, 0 0 0 0 transparent; -} -.ui.purple.message .header { - color: #922eb4; -} -.ui.pink.message { - background-color: #ffe3fb; - color: #e03997; - -webkit-box-shadow: 0 0 0 1px #e03997 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #e03997 inset, 0 0 0 0 transparent; -} -.ui.pink.message .header { - color: #dd238b; -} -.ui.brown.message { - background-color: #f1e2d3; - color: #a5673f; - -webkit-box-shadow: 0 0 0 1px #a5673f inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #a5673f inset, 0 0 0 0 transparent; -} -.ui.brown.message .header { - color: #935b38; -} -.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; -} diff --git a/front/app/assets/semantic/components/modal.css b/front/app/assets/semantic/components/modal.css deleted file mode 100755 index 4f604d8a0814..000000000000 --- a/front/app/assets/semantic/components/modal.css +++ /dev/null @@ -1,574 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Modal - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Modal -*******************************/ - -.ui.modal { - display: none; - z-index: 1001; - text-align: left; - background: #ffffff; - border: none; - -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), - 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), - 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - 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: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - background: #ffffff; - margin: 0em; - padding: 1.25rem 1.5rem; - -webkit-box-shadow: none; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; -} - -/* Image */ -.ui.modal > .content > .image { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - width: ''; - -ms-flex-item-align: top; - align-self: top; -} -.ui.modal > [class*='top aligned'] { - -ms-flex-item-align: top; - align-self: top; -} -.ui.modal > [class*='middle aligned'] { - -ms-flex-item-align: middle; - align-self: middle; -} -.ui.modal > [class*='stretched'] { - -ms-flex-item-align: stretch; - align-self: stretch; -} - -/* Description */ -.ui.modal > .content > .description { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - min-width: 0px; - -ms-flex-item-align: top; - align-self: top; -} -.ui.modal > .content > .icon + .description, -.ui.modal > .content > .image + .description { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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; - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); -} - -/******************************* - Types -*******************************/ - -.ui.basic.modal { - background-color: transparent; - border: none; - border-radius: 0em; - -webkit-box-shadow: none !important; - 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); -} - -/* 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; -} - -/*-------------- - Scrolling ----------------*/ - -/* Scrolling Dimmer */ -.scrolling.dimmable.dimmed { - overflow: hidden; -} -.scrolling.dimmable > .dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - 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 !important; -} - -/* 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(70vh); - overflow: auto; -} - -/*-------------- - Full Screen ----------------*/ - -.ui.fullscreen.modal { - width: 95% !important; - left: 0em !important; - margin: 1em auto; -} -.ui.fullscreen.scrolling.modal { - left: 0em !important; -} -.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; - } -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/modal.min.css b/front/app/assets/semantic/components/modal.min.css deleted file mode 100755 index a5ba36666588..000000000000 --- a/front/app/assets/semantic/components/modal.min.css +++ /dev/null @@ -1,461 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Modal - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.modal { - display: none; - z-index: 1001; - text-align: left; - background: #fff; - border: none; - -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), - 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), - 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - 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 > .icon:first-child + *, -.ui.modal > :first-child:not(.icon) { - 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; -} -.ui.modal > .close { - cursor: pointer; - position: absolute; - top: -2.5rem; - right: -2.5rem; - z-index: 1; - opacity: 0.8; - font-size: 1.25em; - color: #fff; - width: 2.25rem; - height: 2.25rem; - padding: 0.625rem 0 0 0; -} -.ui.modal > .close:hover { - opacity: 1; -} -.ui.modal > .header { - display: block; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - background: #fff; - margin: 0; - padding: 1.25rem 1.5rem; - -webkit-box-shadow: none; - 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: 700; -} -.ui.modal > .content { - display: block; - width: 100%; - font-size: 1em; - line-height: 1.4; - padding: 1.5rem; - background: #fff; -} -.ui.modal > .image.content { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; -} -.ui.modal > .content > .image { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - width: ''; - -ms-flex-item-align: top; - align-self: top; -} -.ui.modal > [class*='top aligned'] { - -ms-flex-item-align: top; - align-self: top; -} -.ui.modal > [class*='middle aligned'] { - -ms-flex-item-align: middle; - align-self: middle; -} -.ui.modal > [class*='stretched'] { - -ms-flex-item-align: stretch; - align-self: stretch; -} -.ui.modal > .content > .description { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - min-width: 0; - -ms-flex-item-align: top; - align-self: top; -} -.ui.modal > .content > .icon + .description, -.ui.modal > .content > .image + .description { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - min-width: ''; - width: auto; - padding-left: 2em; -} -.ui.modal > .content > .image > i.icon { - margin: 0; - opacity: 1; - width: auto; - line-height: 1; - font-size: 8rem; -} -.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; -} -@media only screen and (max-width: 767px) { - .ui.modal { - width: 95%; - margin: 0; - } -} -@media only screen and (min-width: 768px) { - .ui.modal { - width: 88%; - margin: 0; - } -} -@media only screen and (min-width: 992px) { - .ui.modal { - width: 850px; - margin: 0; - } -} -@media only screen and (min-width: 1200px) { - .ui.modal { - width: 900px; - margin: 0; - } -} -@media only screen and (min-width: 1920px) { - .ui.modal { - width: 950px; - margin: 0; - } -} -@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); - } -} -@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; - } - .ui.modal .image.content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - .ui.modal .content > .image { - display: block; - max-width: 100%; - margin: 0 auto !important; - text-align: center; - padding: 0 0 1rem !important; - } - .ui.modal > .content > .image > i.icon { - font-size: 5rem; - text-align: center; - } - .ui.modal .content > .description { - display: block; - width: 100% !important; - margin: 0 !important; - padding: 1rem 0 !important; - -webkit-box-shadow: none; - box-shadow: none; - } - .ui.modal > .actions { - padding: 1rem 1rem 0 !important; - } - .ui.modal .actions > .button, - .ui.modal .actions > .buttons { - margin-bottom: 1rem; - } -} -.ui.inverted.dimmer > .ui.modal { - -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); -} -.ui.basic.modal { - background-color: transparent; - border: none; - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.basic.modal > .actions, -.ui.basic.modal > .content, -.ui.basic.modal > .header { - background-color: transparent; -} -.ui.basic.modal > .header { - color: #fff; -} -.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); -} -@media only screen and (max-width: 991px) { - .ui.basic.modal > .close { - color: #fff; - } -} -.ui.loading.modal { - display: block; - visibility: hidden; - z-index: -1; -} -.ui.active.modal { - display: block; -} -.modals.dimmer[class*='top aligned'] .modal { - margin: 5vh auto; -} -.scrolling.dimmable.dimmed { - overflow: hidden; -} -.scrolling.dimmable > .dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - 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 !important; -} -.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; -} -.ui.modal .scrolling.content { - max-height: calc(70vh); - overflow: auto; -} -.ui.fullscreen.modal { - width: 95% !important; - left: 0 !important; - margin: 1em auto; -} -.ui.fullscreen.scrolling.modal { - left: 0 !important; -} -.ui.fullscreen.modal > .header { - padding-right: 2.25rem; -} -.ui.fullscreen.modal > .close { - top: 1.0535rem; - right: 1rem; - color: rgba(0, 0, 0, 0.87); -} -.ui.modal { - font-size: 1rem; -} -.ui.mini.modal > .header:not(.ui) { - font-size: 1.3em; -} -@media only screen and (max-width: 767px) { - .ui.mini.modal { - width: 95%; - margin: 0; - } -} -@media only screen and (min-width: 768px) { - .ui.mini.modal { - width: 35.2%; - margin: 0; - } -} -@media only screen and (min-width: 992px) { - .ui.mini.modal { - width: 340px; - margin: 0; - } -} -@media only screen and (min-width: 1200px) { - .ui.mini.modal { - width: 360px; - margin: 0; - } -} -@media only screen and (min-width: 1920px) { - .ui.mini.modal { - width: 380px; - margin: 0; - } -} -.ui.small.modal > .header:not(.ui) { - font-size: 1.3em; -} -@media only screen and (max-width: 767px) { - .ui.tiny.modal { - width: 95%; - margin: 0; - } -} -@media only screen and (min-width: 768px) { - .ui.tiny.modal { - width: 52.8%; - margin: 0; - } -} -@media only screen and (min-width: 992px) { - .ui.tiny.modal { - width: 510px; - margin: 0; - } -} -@media only screen and (min-width: 1200px) { - .ui.tiny.modal { - width: 540px; - margin: 0; - } -} -@media only screen and (min-width: 1920px) { - .ui.tiny.modal { - width: 570px; - margin: 0; - } -} -.ui.small.modal > .header:not(.ui) { - font-size: 1.3em; -} -@media only screen and (max-width: 767px) { - .ui.small.modal { - width: 95%; - margin: 0; - } -} -@media only screen and (min-width: 768px) { - .ui.small.modal { - width: 70.4%; - margin: 0; - } -} -@media only screen and (min-width: 992px) { - .ui.small.modal { - width: 680px; - margin: 0; - } -} -@media only screen and (min-width: 1200px) { - .ui.small.modal { - width: 720px; - margin: 0; - } -} -@media only screen and (min-width: 1920px) { - .ui.small.modal { - width: 760px; - margin: 0; - } -} -.ui.large.modal > .header { - font-size: 1.6em; -} -@media only screen and (max-width: 767px) { - .ui.large.modal { - width: 95%; - margin: 0; - } -} -@media only screen and (min-width: 768px) { - .ui.large.modal { - width: 88%; - margin: 0; - } -} -@media only screen and (min-width: 992px) { - .ui.large.modal { - width: 1020px; - margin: 0; - } -} -@media only screen and (min-width: 1200px) { - .ui.large.modal { - width: 1080px; - margin: 0; - } -} -@media only screen and (min-width: 1920px) { - .ui.large.modal { - width: 1140px; - margin: 0; - } -} diff --git a/front/app/assets/semantic/components/nag.css b/front/app/assets/semantic/components/nag.css deleted file mode 100755 index e87471284862..000000000000 --- a/front/app/assets/semantic/components/nag.css +++ /dev/null @@ -1,134 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); - 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; - -webkit-transition: 0.2s background ease; - 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; - -webkit-transition: opacity 0.2s ease; - 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; -} - -/******************************* - User Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/nag.min.css b/front/app/assets/semantic/components/nag.min.css deleted file mode 100755 index aaef6ba94b11..000000000000 --- a/front/app/assets/semantic/components/nag.min.css +++ /dev/null @@ -1,90 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Nag - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.nag { - display: none; - opacity: 0.95; - position: relative; - top: 0; - left: 0; - z-index: 999; - min-height: 0; - width: 100%; - margin: 0; - padding: 0.75em 1em; - background: #555; - -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); - font-size: 1rem; - text-align: center; - color: rgba(0, 0, 0, 0.87); - border-radius: 0 0 0.28571429rem 0.28571429rem; - -webkit-transition: 0.2s background ease; - transition: 0.2s background ease; -} -a.ui.nag { - cursor: pointer; -} -.ui.nag > .title { - display: inline-block; - margin: 0 0.5em; - color: #fff; -} -.ui.nag > .close.icon { - cursor: pointer; - opacity: 0.4; - position: absolute; - top: 50%; - right: 1em; - font-size: 1em; - margin: -0.5em 0 0; - color: #fff; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; -} -.ui.nag:hover { - background: #555; - opacity: 1; -} -.ui.nag .close:hover { - opacity: 1; -} -.ui.overlay.nag { - position: absolute; - display: block; -} -.ui.fixed.nag { - position: fixed; -} -.ui.bottom.nag, -.ui.bottom.nags { - border-radius: 0.28571429rem 0.28571429rem 0 0; - top: auto; - bottom: 0; -} -.ui.inverted.nag, -.ui.inverted.nags .nag { - background-color: #f3f4f5; - color: rgba(0, 0, 0, 0.85); -} -.ui.inverted.nag .close, -.ui.inverted.nag .title, -.ui.inverted.nags .nag .close, -.ui.inverted.nags .nag .title { - color: rgba(0, 0, 0, 0.4); -} -.ui.nags .nag { - border-radius: 0 !important; -} -.ui.nags .nag:last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.bottom.nags .nag:last-child { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} diff --git a/front/app/assets/semantic/components/popup.css b/front/app/assets/semantic/components/popup.css deleted file mode 100755 index 2d648bef8a8b..000000000000 --- a/front/app/assets/semantic/components/popup.css +++ /dev/null @@ -1,735 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - 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: 'Public Sans', '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; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - -webkit-box-shadow: 1px 1px 0px 0px #bababc; - 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; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - -webkit-box-shadow: 1px 1px 0px 0px #bababc; - 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; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - 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%; - -webkit-transform: translateX(-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; - -webkit-transform: rotate(45deg) scale(0) !important; - transform: rotate(45deg) scale(0) !important; - -webkit-transform-origin: center top; - transform-origin: center top; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} -[data-tooltip]:after { - opacity: 1; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} -[data-tooltip]:hover:before, -[data-tooltip]:hover:after { - visibility: visible; - pointer-events: auto; -} -[data-tooltip]:hover:before { - -webkit-transform: rotate(45deg) scale(1) !important; - 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 { - -webkit-transform: translateX(-50%) scale(0) !important; - transform: translateX(-50%) scale(0) !important; -} -[data-tooltip]:hover:after, -[data-tooltip][data-position='bottom center']:hover:after { - -webkit-transform: translateX(-50%) scale(1) !important; - transform: translateX(-50%) scale(1) !important; -} -[data-tooltip][data-position='left center']:after, -[data-tooltip][data-position='right center']:after { - -webkit-transform: translateY(-50%) scale(0) !important; - transform: translateY(-50%) scale(0) !important; -} -[data-tooltip][data-position='left center']:hover:after, -[data-tooltip][data-position='right center']:hover:after { - -webkit-transform: translateY(-50%) scale(1) !important; - 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 { - -webkit-transform: scale(0) !important; - 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 { - -webkit-transform: scale(1) !important; - transform: scale(1) !important; -} - -/*-------------- - Inverted ----------------*/ - -/* Arrow */ -[data-tooltip][data-inverted]:before { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 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%; - -webkit-transform: translateX(-50%); - 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%; - -webkit-transform: translateX(-50%); - 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; - -webkit-transform: translateY(-50%); - 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; - -webkit-transform: translateY(-50%); - 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; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; -} -[data-position='left center'][data-tooltip]:before { - background: #ffffff; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; -} -[data-position='right center'][data-tooltip]:before { - background: #ffffff; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - 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; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; -} -[data-inverted][data-position='left center'][data-tooltip]:before { - background: #1b1c1d; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; -} -[data-inverted][data-position='right center'][data-tooltip]:before { - background: #1b1c1d; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; -} -[data-inverted][data-position~='top'][data-tooltip]:before { - background: #1b1c1d; -} -[data-position~='bottom'][data-tooltip]:before { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -[data-position~='bottom'][data-tooltip]:after { - -webkit-transform-origin: center top; - transform-origin: center top; -} -[data-position='left center'][data-tooltip]:before { - -webkit-transform-origin: top center; - transform-origin: top center; -} -[data-position='left center'][data-tooltip]:after { - -webkit-transform-origin: right center; - transform-origin: right center; -} -[data-position='right center'][data-tooltip]:before { - -webkit-transform-origin: right center; - transform-origin: right center; -} -[data-position='right center'][data-tooltip]:after { - -webkit-transform-origin: left center; - transform-origin: left center; -} - -/*-------------- - Spacing ----------------*/ - -.ui.popup { - margin: 0em; -} - -/* Extending from Top */ -.ui.top.popup { - margin: 0em 0em 0.71428571em; -} -.ui.top.left.popup { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; -} -.ui.top.center.popup { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -.ui.top.right.popup { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; -} - -/* Extending from Vertical Center */ -.ui.left.center.popup { - margin: 0em 0.71428571em 0em 0em; - -webkit-transform-origin: right 50%; - transform-origin: right 50%; -} -.ui.right.center.popup { - margin: 0em 0em 0em 0.71428571em; - -webkit-transform-origin: left 50%; - transform-origin: left 50%; -} - -/* Extending from Bottom */ -.ui.bottom.popup { - margin: 0.71428571em 0em 0em; -} -.ui.bottom.left.popup { - -webkit-transform-origin: left top; - transform-origin: left top; -} -.ui.bottom.center.popup { - -webkit-transform-origin: center top; - transform-origin: center top; -} -.ui.bottom.right.popup { - -webkit-transform-origin: right top; - transform-origin: right top; -} - -/*-------------- - Pointer ----------------*/ - -/*--- Below ---*/ - -.ui.bottom.center.popup:before { - margin-left: -0.30714286em; - top: -0.30714286em; - left: 50%; - right: auto; - bottom: auto; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - 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; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - 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; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - 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; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - 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; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - 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 { - -webkit-transform: translateZ(0px); - 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; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.popup .header { - background-color: none; - color: #ffffff; -} -.ui.inverted.popup:before { - background-color: #1b1c1d; - -webkit-box-shadow: none !important; - 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; -} - -/******************************* - User Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/popup.min.css b/front/app/assets/semantic/components/popup.min.css deleted file mode 100755 index 578c42f0b121..000000000000 --- a/front/app/assets/semantic/components/popup.min.css +++ /dev/null @@ -1,587 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Popup - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.popup { - display: none; - position: absolute; - top: 0; - right: 0; - 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: #fff; - padding: 0.833em 1em; - font-weight: 400; - font-style: normal; - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); -} -.ui.popup > .header { - padding: 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1.14285714em; - line-height: 1.2; - font-weight: 700; -} -.ui.popup > .header + .content { - padding-top: 0.5em; -} -.ui.popup:before { - position: absolute; - content: ''; - width: 0.71428571em; - height: 0.71428571em; - background: #fff; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - -webkit-box-shadow: 1px 1px 0 0 #bababc; - box-shadow: 1px 1px 0 0 #bababc; -} -[data-tooltip] { - position: relative; -} -[data-tooltip]:before { - pointer-events: none; - position: absolute; - content: ''; - font-size: 1rem; - width: 0.71428571em; - height: 0.71428571em; - background: #fff; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - -webkit-box-shadow: 1px 1px 0 0 #bababc; - box-shadow: 1px 1px 0 0 #bababc; -} -[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: #fff; - padding: 0.833em 1em; - font-weight: 400; - font-style: normal; - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - z-index: 1; -} -[data-tooltip]:not([data-position]):before { - top: auto; - right: auto; - bottom: 100%; - left: 50%; - background: #fff; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} -[data-tooltip]:not([data-position]):after { - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - bottom: 100%; - margin-bottom: 0.5em; -} -[data-tooltip]:after, -[data-tooltip]:before { - pointer-events: none; - visibility: hidden; -} -[data-tooltip]:before { - opacity: 0; - -webkit-transform: rotate(45deg) scale(0) !important; - transform: rotate(45deg) scale(0) !important; - -webkit-transform-origin: center top; - transform-origin: center top; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} -[data-tooltip]:after { - opacity: 1; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} -[data-tooltip]:hover:after, -[data-tooltip]:hover:before { - visibility: visible; - pointer-events: auto; -} -[data-tooltip]:hover:before { - -webkit-transform: rotate(45deg) scale(1) !important; - transform: rotate(45deg) scale(1) !important; - opacity: 1; -} -[data-tooltip]:after, -[data-tooltip][data-position='bottom center']:after, -[data-tooltip][data-position='top center']:after { - -webkit-transform: translateX(-50%) scale(0) !important; - transform: translateX(-50%) scale(0) !important; -} -[data-tooltip]:hover:after, -[data-tooltip][data-position='bottom center']:hover:after { - -webkit-transform: translateX(-50%) scale(1) !important; - transform: translateX(-50%) scale(1) !important; -} -[data-tooltip][data-position='left center']:after, -[data-tooltip][data-position='right center']:after { - -webkit-transform: translateY(-50%) scale(0) !important; - transform: translateY(-50%) scale(0) !important; -} -[data-tooltip][data-position='left center']:hover:after, -[data-tooltip][data-position='right center']:hover:after { - -webkit-transform: translateY(-50%) scale(1) !important; - transform: translateY(-50%) scale(1) !important; -} -[data-tooltip][data-position='bottom left']:after, -[data-tooltip][data-position='bottom right']:after, -[data-tooltip][data-position='top left']:after, -[data-tooltip][data-position='top right']:after { - -webkit-transform: scale(0) !important; - transform: scale(0) !important; -} -[data-tooltip][data-position='bottom left']:hover:after, -[data-tooltip][data-position='bottom right']:hover:after, -[data-tooltip][data-position='top left']:hover:after, -[data-tooltip][data-position='top right']:hover:after { - -webkit-transform: scale(1) !important; - transform: scale(1) !important; -} -[data-tooltip][data-inverted]:before { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -[data-tooltip][data-inverted]:before { - background: #1b1c1d; -} -[data-tooltip][data-inverted]:after { - background: #1b1c1d; - color: #fff; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -[data-tooltip][data-inverted]:after .header { - background-color: none; - color: #fff; -} -[data-position='top center'][data-tooltip]:after { - top: auto; - right: auto; - left: 50%; - bottom: 100%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - margin-bottom: 0.5em; -} -[data-position='top center'][data-tooltip]:before { - top: auto; - right: auto; - bottom: 100%; - left: 50%; - background: #fff; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} -[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; -} -[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; -} -[data-position='bottom center'][data-tooltip]:after { - bottom: auto; - right: auto; - left: 50%; - top: 100%; - -webkit-transform: translateX(-50%); - 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; -} -[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; -} -[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; -} -[data-position='left center'][data-tooltip]:after { - right: 100%; - top: 50%; - margin-right: 0.5em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -[data-position='left center'][data-tooltip]:before { - right: 100%; - top: 50%; - margin-top: -0.14285714rem; - margin-right: -0.07142857rem; -} -[data-position='right center'][data-tooltip]:after { - left: 100%; - top: 50%; - margin-left: 0.5em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -[data-position='right center'][data-tooltip]:before { - left: 100%; - top: 50%; - margin-top: -0.07142857rem; - margin-left: 0.14285714rem; -} -[data-position~='bottom'][data-tooltip]:before { - background: #fff; - -webkit-box-shadow: -1px -1px 0 0 #bababc; - box-shadow: -1px -1px 0 0 #bababc; -} -[data-position='left center'][data-tooltip]:before { - background: #fff; - -webkit-box-shadow: 1px -1px 0 0 #bababc; - box-shadow: 1px -1px 0 0 #bababc; -} -[data-position='right center'][data-tooltip]:before { - background: #fff; - -webkit-box-shadow: -1px 1px 0 0 #bababc; - box-shadow: -1px 1px 0 0 #bababc; -} -[data-position~='top'][data-tooltip]:before { - background: #fff; -} -[data-inverted][data-position~='bottom'][data-tooltip]:before { - background: #1b1c1d; - -webkit-box-shadow: -1px -1px 0 0 #bababc; - box-shadow: -1px -1px 0 0 #bababc; -} -[data-inverted][data-position='left center'][data-tooltip]:before { - background: #1b1c1d; - -webkit-box-shadow: 1px -1px 0 0 #bababc; - box-shadow: 1px -1px 0 0 #bababc; -} -[data-inverted][data-position='right center'][data-tooltip]:before { - background: #1b1c1d; - -webkit-box-shadow: -1px 1px 0 0 #bababc; - box-shadow: -1px 1px 0 0 #bababc; -} -[data-inverted][data-position~='top'][data-tooltip]:before { - background: #1b1c1d; -} -[data-position~='bottom'][data-tooltip]:before { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -[data-position~='bottom'][data-tooltip]:after { - -webkit-transform-origin: center top; - transform-origin: center top; -} -[data-position='left center'][data-tooltip]:before { - -webkit-transform-origin: top center; - transform-origin: top center; -} -[data-position='left center'][data-tooltip]:after { - -webkit-transform-origin: right center; - transform-origin: right center; -} -[data-position='right center'][data-tooltip]:before { - -webkit-transform-origin: right center; - transform-origin: right center; -} -[data-position='right center'][data-tooltip]:after { - -webkit-transform-origin: left center; - transform-origin: left center; -} -.ui.popup { - margin: 0; -} -.ui.top.popup { - margin: 0 0 0.71428571em; -} -.ui.top.left.popup { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; -} -.ui.top.center.popup { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -.ui.top.right.popup { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; -} -.ui.left.center.popup { - margin: 0 0.71428571em 0 0; - -webkit-transform-origin: right 50%; - transform-origin: right 50%; -} -.ui.right.center.popup { - margin: 0 0 0 0.71428571em; - -webkit-transform-origin: left 50%; - transform-origin: left 50%; -} -.ui.bottom.popup { - margin: 0.71428571em 0 0; -} -.ui.bottom.left.popup { - -webkit-transform-origin: left top; - transform-origin: left top; -} -.ui.bottom.center.popup { - -webkit-transform-origin: center top; - transform-origin: center top; -} -.ui.bottom.right.popup { - -webkit-transform-origin: right top; - transform-origin: right top; -} -.ui.bottom.center.popup:before { - margin-left: -0.30714286em; - top: -0.30714286em; - left: 50%; - right: auto; - bottom: auto; - -webkit-box-shadow: -1px -1px 0 0 #bababc; - box-shadow: -1px -1px 0 0 #bababc; -} -.ui.bottom.left.popup { - margin-left: 0; -} -.ui.bottom.left.popup:before { - top: -0.30714286em; - left: 1em; - right: auto; - bottom: auto; - margin-left: 0; - -webkit-box-shadow: -1px -1px 0 0 #bababc; - box-shadow: -1px -1px 0 0 #bababc; -} -.ui.bottom.right.popup { - margin-right: 0; -} -.ui.bottom.right.popup:before { - top: -0.30714286em; - right: 1em; - bottom: auto; - left: auto; - margin-left: 0; - -webkit-box-shadow: -1px -1px 0 0 #bababc; - box-shadow: -1px -1px 0 0 #bababc; -} -.ui.top.center.popup:before { - top: auto; - right: auto; - bottom: -0.30714286em; - left: 50%; - margin-left: -0.30714286em; -} -.ui.top.left.popup { - margin-left: 0; -} -.ui.top.left.popup:before { - bottom: -0.30714286em; - left: 1em; - top: auto; - right: auto; - margin-left: 0; -} -.ui.top.right.popup { - margin-right: 0; -} -.ui.top.right.popup:before { - bottom: -0.30714286em; - right: 1em; - top: auto; - left: auto; - margin-left: 0; -} -.ui.left.center.popup:before { - top: 50%; - right: -0.30714286em; - bottom: auto; - left: auto; - margin-top: -0.30714286em; - -webkit-box-shadow: 1px -1px 0 0 #bababc; - box-shadow: 1px -1px 0 0 #bababc; -} -.ui.right.center.popup:before { - top: 50%; - left: -0.30714286em; - bottom: auto; - right: auto; - margin-top: -0.30714286em; - -webkit-box-shadow: -1px 1px 0 0 #bababc; - box-shadow: -1px 1px 0 0 #bababc; -} -.ui.bottom.popup:before { - background: #fff; -} -.ui.left.center.popup:before, -.ui.right.center.popup:before { - background: #fff; -} -.ui.top.popup:before { - background: #fff; -} -.ui.inverted.bottom.popup:before { - background: #1b1c1d; -} -.ui.inverted.left.center.popup:before, -.ui.inverted.right.center.popup:before { - background: #1b1c1d; -} -.ui.inverted.top.popup:before { - background: #1b1c1d; -} -.ui.popup > .ui.grid:not(.padded) { - width: calc(100% + 1.75rem); - margin: -0.7rem -0.875rem; -} -.ui.loading.popup { - display: block; - visibility: hidden; - z-index: -1; -} -.ui.animating.popup, -.ui.visible.popup { - display: block; -} -.ui.visible.popup { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.ui.basic.popup:before { - display: none; -} -.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; - } -} -.ui.fluid.popup { - width: 100%; - max-width: none; -} -.ui.inverted.popup { - background: #1b1c1d; - color: #fff; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.popup .header { - background-color: none; - color: #fff; -} -.ui.inverted.popup:before { - background-color: #1b1c1d; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.flowing.popup { - max-width: none; -} -.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; -} diff --git a/front/app/assets/semantic/components/progress.css b/front/app/assets/semantic/components/progress.css deleted file mode 100755 index a24dc4c86251..000000000000 --- a/front/app/assets/semantic/components/progress.css +++ /dev/null @@ -1,498 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: none; - 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; - -webkit-transition: width 0.1s ease, background-color 0.1s ease; - 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; - -webkit-transition: color 0.4s ease; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/progress.min.css b/front/app/assets/semantic/components/progress.min.css deleted file mode 100755 index a877805cf148..000000000000 --- a/front/app/assets/semantic/components/progress.min.css +++ /dev/null @@ -1,384 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Progress Bar - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.progress { - position: relative; - display: block; - max-width: 100%; - border: none; - margin: 1em 0 2.5em; - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(0, 0, 0, 0.1); - padding: 0; - border-radius: 0.28571429rem; -} -.ui.progress:first-child { - margin: 0 0 2.5em; -} -.ui.progress:last-child { - margin: 0 0 1.5em; -} -.ui.progress .bar { - display: block; - line-height: 1; - position: relative; - width: 0%; - min-width: 2em; - background: #888; - border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, background-color 0.1s ease; - transition: width 0.1s ease, background-color 0.1s ease; -} -.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: 700; - text-align: left; -} -.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: 700; - text-shadow: none; - margin-top: 0.2em; - text-align: center; - -webkit-transition: color 0.4s ease; - transition: color 0.4s ease; -} -.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^='100'] .bar, -.ui.indicating.progress[data-percent^='9'] .bar { - background-color: #66da81; -} -.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^='100'] .label, -.ui.indicating.progress[data-percent^='9'] .label { - color: rgba(0, 0, 0, 0.87); -} -.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); -} -.ui.indicating.progress.success .label { - color: #1a531b; -} -.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; -} -.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; -} -.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; -} -.ui.active.progress .bar { - position: relative; - min-width: 2em; -} -.ui.active.progress .bar::after { - content: ''; - opacity: 0; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #fff; - 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%; - } -} -.ui.disabled.progress { - opacity: 0.35; -} -.ui.disabled.progress .bar, -.ui.disabled.progress .bar::after { - -webkit-animation: none !important; - animation: none !important; -} -.ui.inverted.progress { - background: rgba(255, 255, 255, 0.08); - border: none; -} -.ui.inverted.progress .bar { - background: #888; -} -.ui.inverted.progress .bar > .progress { - color: #f9fafb; -} -.ui.inverted.progress > .label { - color: #fff; -} -.ui.inverted.progress.success > .label { - color: #21ba45; -} -.ui.inverted.progress.warning > .label { - color: #f2c037; -} -.ui.inverted.progress.error > .label { - color: #db2828; -} -.ui.progress.attached { - background: 0 0; - position: relative; - border: none; - margin: 0; -} -.ui.progress.attached, -.ui.progress.attached .bar { - display: block; - height: 0.2rem; - padding: 0; - overflow: hidden; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.progress.attached .bar { - border-radius: 0; -} -.ui.progress.top.attached, -.ui.progress.top.attached .bar { - top: 0; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.progress.top.attached .bar { - border-radius: 0; -} -.ui.card > .ui.attached.progress, -.ui.segment > .ui.attached.progress { - position: absolute; - top: auto; - left: 0; - bottom: 100%; - width: 100%; -} -.ui.card > .ui.bottom.attached.progress, -.ui.segment > .ui.bottom.attached.progress { - top: 100%; - bottom: auto; -} -.ui.red.progress .bar { - background-color: #db2828; -} -.ui.red.inverted.progress .bar { - background-color: #ff695e; -} -.ui.orange.progress .bar { - background-color: #f2711c; -} -.ui.orange.inverted.progress .bar { - background-color: #ff851b; -} -.ui.yellow.progress .bar { - background-color: #fbbd08; -} -.ui.yellow.inverted.progress .bar { - background-color: #ffe21f; -} -.ui.olive.progress .bar { - background-color: #b5cc18; -} -.ui.olive.inverted.progress .bar { - background-color: #d9e778; -} -.ui.green.progress .bar { - background-color: #21ba45; -} -.ui.green.inverted.progress .bar { - background-color: #2ecc40; -} -.ui.teal.progress .bar { - background-color: #00b5ad; -} -.ui.teal.inverted.progress .bar { - background-color: #6dffff; -} -.ui.blue.progress .bar { - background-color: #2185d0; -} -.ui.blue.inverted.progress .bar { - background-color: #54c8ff; -} -.ui.violet.progress .bar { - background-color: #6435c9; -} -.ui.violet.inverted.progress .bar { - background-color: #a291fb; -} -.ui.purple.progress .bar { - background-color: #a333c8; -} -.ui.purple.inverted.progress .bar { - background-color: #dc73ff; -} -.ui.pink.progress .bar { - background-color: #e03997; -} -.ui.pink.inverted.progress .bar { - background-color: #ff8edf; -} -.ui.brown.progress .bar { - background-color: #a5673f; -} -.ui.brown.inverted.progress .bar { - background-color: #d67c1c; -} -.ui.grey.progress .bar { - background-color: #767676; -} -.ui.grey.inverted.progress .bar { - background-color: #dcddde; -} -.ui.black.progress .bar { - background-color: #1b1c1d; -} -.ui.black.inverted.progress .bar { - background-color: #545454; -} -.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; -} diff --git a/front/app/assets/semantic/components/rail.css b/front/app/assets/semantic/components/rail.css deleted file mode 100755 index 2140fcc94fd1..000000000000 --- a/front/app/assets/semantic/components/rail.css +++ /dev/null @@ -1,141 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/rail.min.css b/front/app/assets/semantic/components/rail.min.css deleted file mode 100755 index 3f0d8ceb1d2b..000000000000 --- a/front/app/assets/semantic/components/rail.min.css +++ /dev/null @@ -1,103 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Rail - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.rail { - position: absolute; - top: 0; - width: 300px; - height: 100%; -} -.ui.left.rail { - left: auto; - right: 100%; - padding: 0 2rem 0 0; - margin: 0 2rem 0 0; -} -.ui.right.rail { - left: 100%; - right: auto; - padding: 0 0 0 2rem; - margin: 0 0 0 2rem; -} -.ui.left.internal.rail { - left: 0; - right: auto; - padding: 0 0 0 2rem; - margin: 0 0 0 2rem; -} -.ui.right.internal.rail { - left: auto; - right: 0; - padding: 0 2rem 0 0; - margin: 0 2rem 0 0; -} -.ui.dividing.rail { - width: 302.5px; -} -.ui.left.dividing.rail { - padding: 0 2.5rem 0 0; - margin: 0 2.5rem 0 0; - 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: 0 0 0 2.5rem; - margin: 0 0 0 2.5rem; -} -.ui.close.rail { - width: calc(300px + 1em); -} -.ui.close.left.rail { - padding: 0 1em 0 0; - margin: 0 1em 0 0; -} -.ui.close.right.rail { - padding: 0 0 0 1em; - margin: 0 0 0 1em; -} -.ui.very.close.rail { - width: calc(300px + 0.5em); -} -.ui.very.close.left.rail { - padding: 0 0.5em 0 0; - margin: 0 0.5em 0 0; -} -.ui.very.close.right.rail { - padding: 0 0 0 0.5em; - margin: 0 0 0 0.5em; -} -.ui.attached.left.rail, -.ui.attached.right.rail { - padding: 0; - margin: 0; -} -.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; -} diff --git a/front/app/assets/semantic/components/rating.css b/front/app/assets/semantic/components/rating.css deleted file mode 100755 index 1c144ce543d4..000000000000 --- a/front/app/assets/semantic/components/rating.css +++ /dev/null @@ -1,185 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Rating - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Rating -*******************************/ - -.ui.rating { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - 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; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - cursor: pointer; - width: 1.25em; - height: auto; - -webkit-transition: opacity 0.1s ease, background 0.1s ease, - text-shadow 0.1s ease, color 0.1s ease; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/rating.min.css b/front/app/assets/semantic/components/rating.min.css deleted file mode 100755 index a2008f7eab27..000000000000 --- a/front/app/assets/semantic/components/rating.min.css +++ /dev/null @@ -1,120 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Rating - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.rating { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - white-space: nowrap; - vertical-align: baseline; -} -.ui.rating:last-child { - margin-right: 0; -} -.ui.rating .icon { - padding: 0; - margin: 0; - text-align: center; - font-weight: 400; - font-style: normal; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - cursor: pointer; - width: 1.25em; - height: auto; - -webkit-transition: opacity 0.1s ease, background 0.1s ease, - text-shadow 0.1s ease, color 0.1s ease; - transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, - color 0.1s ease; -} -.ui.rating .icon { - background: 0 0; - color: rgba(0, 0, 0, 0.15); -} -.ui.rating .active.icon { - background: 0 0; - color: rgba(0, 0, 0, 0.85); -} -.ui.rating .icon.selected, -.ui.rating .icon.selected.active { - background: 0 0; - color: rgba(0, 0, 0, 0.87); -} -.ui.star.rating .icon { - width: 1.25em; - height: auto; - background: 0 0; - color: rgba(0, 0, 0, 0.15); - text-shadow: none; -} -.ui.star.rating .active.icon { - background: 0 0 !important; - color: #ffe623 !important; - text-shadow: 0 -1px 0 #ddc507, -1px 0 0 #ddc507, 0 1px 0 #ddc507, - 1px 0 0 #ddc507 !important; -} -.ui.star.rating .icon.selected, -.ui.star.rating .icon.selected.active { - background: 0 0 !important; - color: #fc0 !important; - text-shadow: 0 -1px 0 #e6a200, -1px 0 0 #e6a200, 0 1px 0 #e6a200, - 1px 0 0 #e6a200 !important; -} -.ui.heart.rating .icon { - width: 1.4em; - height: auto; - background: 0 0; - color: rgba(0, 0, 0, 0.15); - text-shadow: none !important; -} -.ui.heart.rating .active.icon { - background: 0 0 !important; - color: #ff6d75 !important; - text-shadow: 0 -1px 0 #cd0707, -1px 0 0 #cd0707, 0 1px 0 #cd0707, - 1px 0 0 #cd0707 !important; -} -.ui.heart.rating .icon.selected, -.ui.heart.rating .icon.selected.active { - background: 0 0 !important; - color: #ff3000 !important; - text-shadow: 0 -1px 0 #aa0101, -1px 0 0 #aa0101, 0 1px 0 #aa0101, - 1px 0 0 #aa0101 !important; -} -.ui.disabled.rating .icon { - cursor: default; -} -.ui.rating.selected .active.icon { - opacity: 1; -} -.ui.rating .icon.selected, -.ui.rating.selected .icon.selected { - opacity: 1; -} -.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; -} diff --git a/front/app/assets/semantic/components/reset.css b/front/app/assets/semantic/components/reset.css deleted file mode 100755 index afa7c95ba74f..000000000000 --- a/front/app/assets/semantic/components/reset.css +++ /dev/null @@ -1,58 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Reset - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Reset -*******************************/ - -/* Border-Box */ -*, -*:before, -*:after { - -webkit-box-sizing: inherit; - box-sizing: inherit; -} -html { - -webkit-box-sizing: border-box; - 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! */ -} -button, -input, -optgroup, -select, -textarea { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - - /* 1 */ - font-size: 100%; - - /* 1 */ - line-height: 1.15; - - /* 1 */ - margin: 0; - - /* 2 */ -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/reset.min.css b/front/app/assets/semantic/components/reset.min.css deleted file mode 100755 index 0e6ad9c43ec1..000000000000 --- a/front/app/assets/semantic/components/reset.min.css +++ /dev/null @@ -1,36 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Reset - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -*, -:after, -:before { - -webkit-box-sizing: inherit; - box-sizing: inherit; -} -html { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -input[type='email'], -input[type='password'], -input[type='search'], -input[type='text'] { - -webkit-appearance: none; - -moz-appearance: none; -} -button, -input, -optgroup, -select, -textarea { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; -} diff --git a/front/app/assets/semantic/components/reveal.css b/front/app/assets/semantic/components/reveal.css deleted file mode 100755 index d0ab7fe634f0..000000000000 --- a/front/app/assets/semantic/components/reveal.css +++ /dev/null @@ -1,282 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: all 0.5s ease 0.1s; - 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; - -webkit-transition: -webkit-transform 0.5s ease 0.1s; - transition: -webkit-transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s, -webkit-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; - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} -.ui.slide.active.reveal > .visible.content, -.ui.slide.reveal:hover > .visible.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} -.ui.slide.active.reveal > .hidden.content, -.ui.slide.reveal:hover > .hidden.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; -} -.ui.slide.right.reveal > .visible.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; -} -.ui.slide.right.reveal > .hidden.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} -.ui.slide.right.active.reveal > .visible.content, -.ui.slide.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} -.ui.slide.right.active.reveal > .hidden.content, -.ui.slide.right.reveal:hover > .hidden.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; -} -.ui.slide.up.reveal > .hidden.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} -.ui.slide.up.active.reveal > .visible.content, -.ui.slide.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} -.ui.slide.up.active.reveal > .hidden.content, -.ui.slide.up.reveal:hover > .hidden.content { - -webkit-transform: translateY(0%) !important; - transform: translateY(0%) !important; -} -.ui.slide.down.reveal > .hidden.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} -.ui.slide.down.active.reveal > .visible.content, -.ui.slide.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} -.ui.slide.down.active.reveal > .hidden.content, -.ui.slide.down.reveal:hover > .hidden.content { - -webkit-transform: translateY(0%) !important; - 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; - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) - 0.1s; - transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, - -webkit-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 { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} -.ui.move.right.active.reveal > .visible.content, -.ui.move.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} -.ui.move.up.active.reveal > .visible.content, -.ui.move.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} -.ui.move.down.active.reveal > .visible.content, -.ui.move.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} - -/*-------------- - Rotate ----------------*/ - -.ui.rotate.reveal > .visible.content { - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); -} -.ui.rotate.reveal > .visible.content, -.ui.rotate.right.reveal > .visible.content { - -webkit-transform-origin: bottom right; - 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 { - -webkit-transform: rotate(110deg); - transform: rotate(110deg); -} -.ui.rotate.left.reveal > .visible.content { - -webkit-transform-origin: bottom left; - transform-origin: bottom left; -} -.ui.rotate.left.active.reveal > .visible.content, -.ui.rotate.left.reveal:hover > .visible.content { - -webkit-transform: rotate(-110deg); - 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; - -webkit-transform: none !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 { - -webkit-transition-delay: 0s !important; - transition-delay: 0s !important; -} - -/*-------------- - Sizing ----------------*/ - -.ui.reveal > .content { - font-size: 1rem !important; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/reveal.min.css b/front/app/assets/semantic/components/reveal.min.css deleted file mode 100755 index 36c41fced29a..000000000000 --- a/front/app/assets/semantic/components/reveal.min.css +++ /dev/null @@ -1,218 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Reveal - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.reveal { - display: inherit; - position: relative !important; - font-size: 0 !important; -} -.ui.reveal > .visible.content { - position: absolute !important; - top: 0 !important; - left: 0 !important; - z-index: 3 !important; - -webkit-transition: all 0.5s ease 0.1s; - transition: all 0.5s ease 0.1s; -} -.ui.reveal > .hidden.content { - position: relative !important; - z-index: 2 !important; -} -.ui.active.reveal .visible.content, -.ui.reveal:hover .visible.content { - z-index: 4 !important; -} -.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: 0; - -webkit-transition: -webkit-transform 0.5s ease 0.1s; - transition: -webkit-transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s, -webkit-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; - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} -.ui.slide.active.reveal > .visible.content, -.ui.slide.reveal:hover > .visible.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} -.ui.slide.active.reveal > .hidden.content, -.ui.slide.reveal:hover > .hidden.content { - -webkit-transform: translateX(0) !important; - transform: translateX(0) !important; -} -.ui.slide.right.reveal > .visible.content { - -webkit-transform: translateX(0) !important; - transform: translateX(0) !important; -} -.ui.slide.right.reveal > .hidden.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} -.ui.slide.right.active.reveal > .visible.content, -.ui.slide.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} -.ui.slide.right.active.reveal > .hidden.content, -.ui.slide.right.reveal:hover > .hidden.content { - -webkit-transform: translateX(0) !important; - transform: translateX(0) !important; -} -.ui.slide.up.reveal > .hidden.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} -.ui.slide.up.active.reveal > .visible.content, -.ui.slide.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} -.ui.slide.up.active.reveal > .hidden.content, -.ui.slide.up.reveal:hover > .hidden.content { - -webkit-transform: translateY(0) !important; - transform: translateY(0) !important; -} -.ui.slide.down.reveal > .hidden.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} -.ui.slide.down.active.reveal > .visible.content, -.ui.slide.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} -.ui.slide.down.active.reveal > .hidden.content, -.ui.slide.down.reveal:hover > .hidden.content { - -webkit-transform: translateY(0) !important; - transform: translateY(0) !important; -} -.ui.fade.reveal > .visible.content { - opacity: 1; -} -.ui.fade.active.reveal > .visible.content, -.ui.fade.reveal:hover > .visible.content { - opacity: 0; -} -.ui.move.reveal { - position: relative !important; - overflow: hidden !important; - white-space: nowrap; -} -.ui.move.reveal > .content { - display: block; - float: left; - white-space: normal; - margin: 0; - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) - 0.1s; - transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, - -webkit-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 { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} -.ui.move.right.active.reveal > .visible.content, -.ui.move.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} -.ui.move.up.active.reveal > .visible.content, -.ui.move.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} -.ui.move.down.active.reveal > .visible.content, -.ui.move.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} -.ui.rotate.reveal > .visible.content { - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transform: rotate(0); - transform: rotate(0); -} -.ui.rotate.reveal > .visible.content, -.ui.rotate.right.reveal > .visible.content { - -webkit-transform-origin: bottom right; - 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 { - -webkit-transform: rotate(110deg); - transform: rotate(110deg); -} -.ui.rotate.left.reveal > .visible.content { - -webkit-transform-origin: bottom left; - transform-origin: bottom left; -} -.ui.rotate.left.active.reveal > .visible.content, -.ui.rotate.left.reveal:hover > .visible.content { - -webkit-transform: rotate(-110deg); - transform: rotate(-110deg); -} -.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; - -webkit-transform: none !important; - transform: none !important; -} -.ui.disabled.reveal:hover > .hidden.hidden.content { - display: none !important; -} -.ui.reveal > .ui.ribbon.label { - z-index: 5; -} -.ui.visible.reveal { - overflow: visible; -} -.ui.instant.reveal > .content { - -webkit-transition-delay: 0s !important; - transition-delay: 0s !important; -} -.ui.reveal > .content { - font-size: 1rem !important; -} diff --git a/front/app/assets/semantic/components/search.css b/front/app/assets/semantic/components/search.css deleted file mode 100755 index e83a8879d63c..000000000000 --- a/front/app/assets/semantic/components/search.css +++ /dev/null @@ -1,436 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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); - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: background-color 0.1s ease, color 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, - border-color 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 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%; - -webkit-transform-origin: center top; - transform-origin: center top; - white-space: normal; - background: #ffffff; - margin-top: 0.5em; - width: 18em; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - 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: 'Public Sans', '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: 'Public Sans', '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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - 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; - -webkit-box-shadow: none; - 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; - -webkit-transition: color 0.1s ease, opacity 0.1s ease; - 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; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background 0.1s ease, border-color 0.1s ease; - 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: 'Public Sans', '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); - -webkit-transition: background 0.1s ease, border-color 0.1s ease; - 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); - } -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/search.min.css b/front/app/assets/semantic/components/search.min.css deleted file mode 100755 index aa8b87c9c7c2..000000000000 --- a/front/app/assets/semantic/components/search.min.css +++ /dev/null @@ -1,318 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Search - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.search { - position: relative; -} -.ui.search > .prompt { - margin: 0; - outline: 0; - -webkit-appearance: none; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - text-shadow: none; - font-style: normal; - font-weight: 400; - line-height: 1.21428571em; - padding: 0.67857143em 1em; - font-size: 1em; - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0 0 0 0 transparent inset; - box-shadow: 0 0 0 0 transparent inset; - -webkit-transition: background-color 0.1s ease, color 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, - border-color 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 0.1s ease; -} -.ui.search .prompt { - border-radius: 500rem; -} -.ui.search .prompt ~ .search.icon { - cursor: pointer; -} -.ui.search > .results { - display: none; - position: absolute; - top: 100%; - left: 0; - -webkit-transform-origin: center top; - transform-origin: center top; - white-space: normal; - background: #fff; - margin-top: 0.5em; - width: 18em; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - border: 1px solid #d4d4d5; - z-index: 998; -} -.ui.search > .results > :first-child { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.search > .results > :last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.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; -} -.ui.search > .results .result .image { - float: right; - overflow: hidden; - background: 0 0; - width: 5em; - height: 3em; - border-radius: 0.25em; -} -.ui.search > .results .result .image img { - display: block; - width: auto; - height: 100%; -} -.ui.search > .results .result .image + .content { - margin: 0 6em 0 0; -} -.ui.search > .results .result .title { - margin: -0.14285714em 0 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: 700; - 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; -} -.ui.search > .results > .message { - padding: 1em 1em; -} -.ui.search > .results > .message .header { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1rem; - font-weight: 700; - 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); -} -.ui.search > .results > .action { - display: block; - border-top: none; - background: #f3f4f5; - padding: 0.92857143em 1em; - color: rgba(0, 0, 0, 0.87); - font-weight: 700; - text-align: center; -} -.ui.search > .prompt:focus { - border-color: rgba(34, 36, 38, 0.35); - background: #fff; - color: rgba(0, 0, 0, 0.95); -} -.ui.loading.search .input > i.icon:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0 0 -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 0 0 -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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; -} -.ui.category.search > .results .category .result:hover, -.ui.search > .results .result:hover { - background: #f9fafb; -} -.ui.search .action:hover { - background: #e0e0e0; -} -.ui.category.search > .results .category.active { - background: #f3f4f5; -} -.ui.category.search > .results .category.active > .name { - color: rgba(0, 0, 0, 0.87); -} -.ui.category.search > .results .category .result.active, -.ui.search > .results .result.active { - position: relative; - border-left-color: rgba(34, 36, 38, 0.1); - background: #f3f4f5; - -webkit-box-shadow: none; - 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); -} -.ui.disabled.search { - cursor: default; - pointer-events: none; - opacity: 0.45; -} -.ui.search.selection .prompt { - border-radius: 0.28571429rem; -} -.ui.search.selection > .icon.input > .remove.icon { - pointer-events: none; - position: absolute; - left: auto; - opacity: 0; - color: ''; - top: 0; - right: 0; - -webkit-transition: color 0.1s ease, opacity 0.1s ease; - 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; -} -.ui.category.search .results { - width: 28em; -} -.ui.category.search .results.animating, -.ui.category.search .results.visible { - display: table; -} -.ui.category.search > .results .category { - display: table-row; - background: #f3f4f5; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background 0.1s ease, border-color 0.1s ease; - transition: background 0.1s ease, border-color 0.1s ease; -} -.ui.category.search > .results .category:last-child { - border-bottom: none; -} -.ui.category.search > .results .category:first-child .name + .result { - border-radius: 0 0.28571429rem 0 0; -} -.ui.category.search > .results .category:last-child .result:last-child { - border-radius: 0 0 0.28571429rem 0; -} -.ui.category.search > .results .category > .name { - display: table-cell; - text-overflow: ellipsis; - width: 100px; - white-space: nowrap; - background: 0 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1em; - padding: 0.4em 1em; - font-weight: 700; - color: rgba(0, 0, 0, 0.4); - border-bottom: 1px solid rgba(34, 36, 38, 0.1); -} -.ui.category.search > .results .category .results { - display: table-cell; - background: #fff; - 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); - -webkit-transition: background 0.1s ease, border-color 0.1s ease; - transition: background 0.1s ease, border-color 0.1s ease; - padding: 0.85714286em 1.14285714em; -} -.ui[class*='left aligned'].search > .results { - right: auto; - left: 0; -} -.ui[class*='right aligned'].search > .results { - right: 0; - left: auto; -} -.ui.fluid.search .results { - width: 100%; -} -.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; -} -@media only screen and (max-width: 767px) { - .ui.search .results { - max-width: calc(100vw - 2rem); - } -} diff --git a/front/app/assets/semantic/components/segment.css b/front/app/assets/semantic/components/segment.css deleted file mode 100755 index b73a5139ea87..000000000000 --- a/front/app/assets/semantic/components/segment.css +++ /dev/null @@ -1,815 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: none; - 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); - -webkit-box-shadow: 0px 1px 2px 0 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 -*******************************/ - -/*------------------- - Piled ---------------------*/ - -.ui.piled.segments, -.ui.piled.segment { - margin: 3em 0em; - -webkit-box-shadow: ''; - 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); - -webkit-box-shadow: ''; - box-shadow: ''; -} -.ui.piled.segments:before, -.ui.piled.segment:before { - -webkit-transform: rotate(-1.2deg); - transform: rotate(-1.2deg); - top: 0; - z-index: -2; -} -.ui.piled.segments:after, -.ui.piled.segment:after { - -webkit-transform: rotate(1.2deg); - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} -.ui.compact.segments .segment, -.ui.segments .compact.segment { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - 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 { - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - margin: 1rem 0em; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background-color: transparent; - border-radius: 0px; - padding: 0em; - background-color: #ffffff; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: none; - box-shadow: none; - border-top: 1px solid rgba(34, 36, 38, 0.15); -} - -/* Horizontal Segment */ -.ui.horizontal.segments > .segment { - -webkit-box-flex: 1; - 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; - -webkit-box-shadow: 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; - -webkit-transition: all 0s linear; - 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; - visibility: visible; - z-index: 101; -} -@-webkit-keyframes segment-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes segment-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Basic ---------------------*/ - -.ui.basic.segment { - background: none transparent; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 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 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))); - background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba( - 255, - 255, - 255, - 0.2 - ) - 100%); - 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 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))); - background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba( - 255, - 255, - 255, - 0.35 - ) - 100%); - 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% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/segment.min.css b/front/app/assets/semantic/components/segment.min.css deleted file mode 100755 index 37ebcd54e933..000000000000 --- a/front/app/assets/semantic/components/segment.min.css +++ /dev/null @@ -1,621 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Segment - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.segment { - position: relative; - background: #fff; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - margin: 1rem 0; - padding: 1em 1em; - border-radius: 0.28571429rem; - border: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.segment:first-child { - margin-top: 0; -} -.ui.segment:last-child { - margin-bottom: 0; -} -.ui.vertical.segment { - margin: 0; - padding-left: 0; - padding-right: 0; - background: none transparent; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - border-bottom: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.vertical.segment:last-child { - border-bottom: none; -} -.ui.inverted.segment > .ui.header { - color: #fff; -} -.ui[class*='bottom attached'].segment > [class*='top attached'].label { - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.ui[class*='top attached'].segment > [class*='bottom attached'].label { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.ui.attached.segment:not(.top):not(.bottom) > [class*='top attached'].label { - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.ui.attached.segment:not(.top):not(.bottom) > [class*='bottom attached'].label { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.ui.grid > .row > .ui.segment.column, -.ui.grid > .ui.segment.column, -.ui.page.grid.segment { - padding-top: 2em; - padding-bottom: 2em; -} -.ui.grid.segment { - margin: 1rem 0; - border-radius: 0.28571429rem; -} -.ui.basic.table.segment { - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); -} -.ui[class*='very basic'].table.segment { - padding: 1em 1em; -} -.ui.piled.segment, -.ui.piled.segments { - margin: 3em 0; - -webkit-box-shadow: ''; - box-shadow: ''; - z-index: auto; -} -.ui.piled.segment:first-child { - margin-top: 0; -} -.ui.piled.segment:last-child { - margin-bottom: 0; -} -.ui.piled.segment:after, -.ui.piled.segment:before, -.ui.piled.segments:after, -.ui.piled.segments:before { - background-color: #fff; - visibility: visible; - content: ''; - display: block; - height: 100%; - left: 0; - position: absolute; - width: 100%; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: ''; - box-shadow: ''; -} -.ui.piled.segment:before, -.ui.piled.segments:before { - -webkit-transform: rotate(-1.2deg); - transform: rotate(-1.2deg); - top: 0; - z-index: -2; -} -.ui.piled.segment:after, -.ui.piled.segments:after { - -webkit-transform: rotate(1.2deg); - transform: rotate(1.2deg); - top: 0; - z-index: -1; -} -.ui[class*='top attached'].piled.segment { - margin-top: 3em; - margin-bottom: 0; -} -.ui.piled.segment[class*='top attached']:first-child { - margin-top: 0; -} -.ui.piled.segment[class*='bottom attached'] { - margin-top: 0; - margin-bottom: 3em; -} -.ui.piled.segment[class*='bottom attached']:last-child { - margin-bottom: 0; -} -.ui.stacked.segment { - padding-bottom: 1.4em; -} -.ui.stacked.segment:after, -.ui.stacked.segment:before, -.ui.stacked.segments:after, -.ui.stacked.segments:before { - 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.segment:before, -.ui.stacked.segments:before { - display: none; -} -.ui.tall.stacked.segment:before, -.ui.tall.stacked.segments:before { - display: block; - bottom: 0; -} -.ui.stacked.inverted.segment:after, -.ui.stacked.inverted.segment:before, -.ui.stacked.inverted.segments:after, -.ui.stacked.inverted.segments:before { - background-color: rgba(0, 0, 0, 0.03); - border-top: 1px solid rgba(34, 36, 38, 0.35); -} -.ui.padded.segment { - padding: 1.5em; -} -.ui[class*='very padded'].segment { - padding: 3em; -} -.ui.padded.segment.vertical.segment, -.ui[class*='very padded'].vertical.segment { - padding-left: 0; - padding-right: 0; -} -.ui.compact.segment { - display: table; -} -.ui.compact.segments { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} -.ui.compact.segments .segment, -.ui.segments .compact.segment { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; -} -.ui.circular.segment { - display: table-cell; - padding: 2em; - text-align: center; - vertical-align: middle; - border-radius: 500em; -} -.ui.raised.segment, -.ui.raised.segments { - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); -} -.ui.segments { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - margin: 1rem 0; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; -} -.ui.segments:first-child { - margin-top: 0; -} -.ui.segments:last-child { - margin-bottom: 0; -} -.ui.segments > .segment { - top: 0; - bottom: 0; - border-radius: 0; - margin: 0; - width: auto; - -webkit-box-shadow: none; - 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: 0; - bottom: 0; - margin-bottom: 0; - top: 0; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.segments:not(.horizontal) > .segment:last-child { - top: 0; - bottom: 0; - margin-top: 0; - margin-bottom: 0; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.segments:not(.horizontal) > .segment:only-child { - border-radius: 0.28571429rem; -} -.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: 0; -} -.ui.horizontal.segments { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background-color: transparent; - border-radius: 0; - padding: 0; - background-color: #fff; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - margin: 1rem 0; - border-radius: 0.28571429rem; - border: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.segments > .horizontal.segments { - margin: 0; - background-color: transparent; - border-radius: 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - border-top: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.horizontal.segments > .segment { - -webkit-box-flex: 1; - flex: 1 1 auto; - -ms-flex: 1 1 0px; - margin: 0; - min-width: 0; - background-color: transparent; - border-radius: 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - border-left: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.segments > .horizontal.segments:first-child { - border-top: none; -} -.ui.horizontal.segments > .segment:first-child { - border-left: none; -} -.ui.disabled.segment { - opacity: 0.45; - color: rgba(40, 40, 40, 0.3); -} -.ui.loading.segment { - position: relative; - cursor: default; - pointer-events: none; - text-shadow: none !important; - color: transparent !important; - -webkit-transition: all 0s linear; - 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 0 0 -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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; - visibility: visible; - z-index: 101; -} -@-webkit-keyframes segment-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes segment-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -.ui.basic.segment { - background: none transparent; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - border-radius: 0; -} -.ui.clearing.segment:after { - content: '.'; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.red.segment:not(.inverted) { - border-top: 2px solid #db2828 !important; -} -.ui.inverted.red.segment { - background-color: #db2828 !important; - color: #fff !important; -} -.ui.orange.segment:not(.inverted) { - border-top: 2px solid #f2711c !important; -} -.ui.inverted.orange.segment { - background-color: #f2711c !important; - color: #fff !important; -} -.ui.yellow.segment:not(.inverted) { - border-top: 2px solid #fbbd08 !important; -} -.ui.inverted.yellow.segment { - background-color: #fbbd08 !important; - color: #fff !important; -} -.ui.olive.segment:not(.inverted) { - border-top: 2px solid #b5cc18 !important; -} -.ui.inverted.olive.segment { - background-color: #b5cc18 !important; - color: #fff !important; -} -.ui.green.segment:not(.inverted) { - border-top: 2px solid #21ba45 !important; -} -.ui.inverted.green.segment { - background-color: #21ba45 !important; - color: #fff !important; -} -.ui.teal.segment:not(.inverted) { - border-top: 2px solid #00b5ad !important; -} -.ui.inverted.teal.segment { - background-color: #00b5ad !important; - color: #fff !important; -} -.ui.blue.segment:not(.inverted) { - border-top: 2px solid #2185d0 !important; -} -.ui.inverted.blue.segment { - background-color: #2185d0 !important; - color: #fff !important; -} -.ui.violet.segment:not(.inverted) { - border-top: 2px solid #6435c9 !important; -} -.ui.inverted.violet.segment { - background-color: #6435c9 !important; - color: #fff !important; -} -.ui.purple.segment:not(.inverted) { - border-top: 2px solid #a333c8 !important; -} -.ui.inverted.purple.segment { - background-color: #a333c8 !important; - color: #fff !important; -} -.ui.pink.segment:not(.inverted) { - border-top: 2px solid #e03997 !important; -} -.ui.inverted.pink.segment { - background-color: #e03997 !important; - color: #fff !important; -} -.ui.brown.segment:not(.inverted) { - border-top: 2px solid #a5673f !important; -} -.ui.inverted.brown.segment { - background-color: #a5673f !important; - color: #fff !important; -} -.ui.grey.segment:not(.inverted) { - border-top: 2px solid #767676 !important; -} -.ui.inverted.grey.segment { - background-color: #767676 !important; - color: #fff !important; -} -.ui.black.segment:not(.inverted) { - border-top: 2px solid #1b1c1d !important; -} -.ui.inverted.black.segment { - background-color: #1b1c1d !important; - color: #fff !important; -} -.ui[class*='left aligned'].segment { - text-align: left; -} -.ui[class*='right aligned'].segment { - text-align: right; -} -.ui[class*='center aligned'].segment { - text-align: center; -} -.ui.floated.segment, -.ui[class*='left floated'].segment { - float: left; - margin-right: 1em; -} -.ui[class*='right floated'].segment { - float: right; - margin-left: 1em; -} -.ui.inverted.segment { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.segment, -.ui.primary.inverted.segment { - background: #1b1c1d; - color: rgba(255, 255, 255, 0.9); -} -.ui.inverted.segment .segment { - color: rgba(0, 0, 0, 0.87); -} -.ui.inverted.segment .inverted.segment { - color: rgba(255, 255, 255, 0.9); -} -.ui.inverted.attached.segment { - border-color: #555; -} -.ui.secondary.segment { - background: #f3f4f5; - color: rgba(0, 0, 0, 0.6); -} -.ui.secondary.inverted.segment { - background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))); - background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba( - 255, - 255, - 255, - 0.2 - ) - 100%); - 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); -} -.ui.tertiary.segment { - background: #dcddde; - color: rgba(0, 0, 0, 0.6); -} -.ui.tertiary.inverted.segment { - background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))); - background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba( - 255, - 255, - 255, - 0.35 - ) - 100%); - 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); -} -.ui.attached.segment { - top: 0; - bottom: 0; - border-radius: 0; - margin: 0 -1px; - width: calc(100% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #d4d4d5; -} -.ui.attached:not(.message) + .ui.attached.segment:not(.top) { - border-top: none; -} -.ui[class*='top attached'].segment { - bottom: 0; - margin-bottom: 0; - top: 0; - margin-top: 1rem; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.segment[class*='top attached']:first-child { - margin-top: 0; -} -.ui.segment[class*='bottom attached'] { - bottom: 0; - margin-top: 0; - top: 0; - margin-bottom: 1rem; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.segment[class*='bottom attached']:last-child { - margin-bottom: 0; -} -.ui.mini.segment, -.ui.mini.segments .segment { - font-size: 0.78571429rem; -} -.ui.tiny.segment, -.ui.tiny.segments .segment { - font-size: 0.85714286rem; -} -.ui.small.segment, -.ui.small.segments .segment { - font-size: 0.92857143rem; -} -.ui.segment, -.ui.segments .segment { - font-size: 1rem; -} -.ui.large.segment, -.ui.large.segments .segment { - font-size: 1.14285714rem; -} -.ui.big.segment, -.ui.big.segments .segment { - font-size: 1.28571429rem; -} -.ui.huge.segment, -.ui.huge.segments .segment { - font-size: 1.42857143rem; -} -.ui.massive.segment, -.ui.massive.segments .segment { - font-size: 1.71428571rem; -} diff --git a/front/app/assets/semantic/components/shape.css b/front/app/assets/semantic/components/shape.css deleted file mode 100755 index a0faaebbecd2..000000000000 --- a/front/app/assets/semantic/components/shape.css +++ /dev/null @@ -1,155 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - 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; - 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, - -webkit-transform 0.6s ease-in-out; -} -.ui.shape .sides { - -webkit-transform-style: preserve-3d; - 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); - -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); - 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 { - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - 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; - 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, - -webkit-transform 0.6s ease-in-out; -} -.ui.shape.animating .side { - -webkit-transition: opacity 0.6s ease-in-out; - transition: opacity 0.6s ease-in-out; -} - -/*-------------- - Active ----------------*/ - -.ui.shape .active.side { - display: block; -} - -/******************************* - User Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/shape.min.css b/front/app/assets/semantic/components/shape.min.css deleted file mode 100755 index 3ba446075621..000000000000 --- a/front/app/assets/semantic/components/shape.min.css +++ /dev/null @@ -1,112 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Shape - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.shape { - position: relative; - vertical-align: top; - display: inline-block; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - 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; - 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, - -webkit-transform 0.6s ease-in-out; -} -.ui.shape .sides { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} -.ui.shape .side { - opacity: 1; - width: 100%; - margin: 0 !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; -} -.ui.cube.shape .side { - min-width: 15em; - height: 15em; - padding: 2em; - background-color: #e6e6e6; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 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; -} -.ui.text.shape.animating .sides { - position: static; -} -.ui.text.shape .side { - white-space: nowrap; -} -.ui.text.shape .side > * { - white-space: normal; -} -.ui.loading.shape { - position: absolute; - top: -9999px; - left: -9999px; -} -.ui.shape .animating.side { - position: absolute; - top: 0; - left: 0; - display: block; - z-index: 100; -} -.ui.shape .hidden.side { - opacity: 0.6; -} -.ui.shape.animating .sides { - position: absolute; -} -.ui.shape.animating .sides { - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - 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; - 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, - -webkit-transform 0.6s ease-in-out; -} -.ui.shape.animating .side { - -webkit-transition: opacity 0.6s ease-in-out; - transition: opacity 0.6s ease-in-out; -} -.ui.shape .active.side { - display: block; -} diff --git a/front/app/assets/semantic/components/sidebar.css b/front/app/assets/semantic/components/sidebar.css deleted file mode 100755 index 2a89eae6ecc1..000000000000 --- a/front/app/assets/semantic/components/sidebar.css +++ /dev/null @@ -1,604 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: none; - transition: none; - will-change: transform; - -webkit-transform: translate3d(0, 0, 0); - 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; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.sidebar { - right: 0px !important; - left: auto !important; - -webkit-transform: translate3d(100%, 0%, 0); - 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; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.ui.bottom.sidebar { - top: auto !important; - bottom: 0px !important; - -webkit-transform: translate3d(0, 100%, 0); - 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) { - -webkit-transform: translate3d(0, 0, 0); - 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; - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-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%; - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-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; - -webkit-transition: opacity 500ms; - 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; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -/* Shadow Direction */ -.ui.left.visible.sidebar, -.ui.right.visible.sidebar { - -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); -} -.ui.top.visible.sidebar, -.ui.bottom.visible.sidebar { - -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); -} - -/* Visible On Load */ -.ui.visible.left.sidebar ~ .fixed, -.ui.visible.left.sidebar ~ .pusher { - -webkit-transform: translate3d(260px, 0, 0); - transform: translate3d(260px, 0, 0); -} -.ui.visible.right.sidebar ~ .fixed, -.ui.visible.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-260px, 0, 0); - transform: translate3d(-260px, 0, 0); -} -.ui.visible.top.sidebar ~ .fixed, -.ui.visible.top.sidebar ~ .pusher { - -webkit-transform: translate3d(0, 36px, 0); - transform: translate3d(0, 36px, 0); -} -.ui.visible.bottom.sidebar ~ .fixed, -.ui.visible.bottom.sidebar ~ .pusher { - -webkit-transform: translate3d(0, -36px, 0); - 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 { - -webkit-transform: translate3d(0, 0, 0); - 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 { - -webkit-transform: translate3d(150px, 0, 0); - transform: translate3d(150px, 0, 0); -} -.ui.visible[class*='very thin'].left.sidebar ~ .fixed, -.ui.visible[class*='very thin'].left.sidebar ~ .pusher { - -webkit-transform: translate3d(60px, 0, 0); - transform: translate3d(60px, 0, 0); -} -.ui.visible.wide.left.sidebar ~ .fixed, -.ui.visible.wide.left.sidebar ~ .pusher { - -webkit-transform: translate3d(350px, 0, 0); - transform: translate3d(350px, 0, 0); -} -.ui.visible[class*='very wide'].left.sidebar ~ .fixed, -.ui.visible[class*='very wide'].left.sidebar ~ .pusher { - -webkit-transform: translate3d(475px, 0, 0); - transform: translate3d(475px, 0, 0); -} - -/* Right Visible */ -.ui.visible.thin.right.sidebar ~ .fixed, -.ui.visible.thin.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-150px, 0, 0); - transform: translate3d(-150px, 0, 0); -} -.ui.visible[class*='very thin'].right.sidebar ~ .fixed, -.ui.visible[class*='very thin'].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-60px, 0, 0); - transform: translate3d(-60px, 0, 0); -} -.ui.visible.wide.right.sidebar ~ .fixed, -.ui.visible.wide.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-350px, 0, 0); - transform: translate3d(-350px, 0, 0); -} -.ui.visible[class*='very wide'].right.sidebar ~ .fixed, -.ui.visible[class*='very wide'].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-475px, 0, 0); - transform: translate3d(-475px, 0, 0); -} - -/******************************* - Animations -*******************************/ - -/*-------------- - Overlay ----------------*/ - -/* Set-up */ -.ui.overlay.sidebar { - z-index: 102; -} - -/* Initial */ -.ui.left.overlay.sidebar { - -webkit-transform: translate3d(-100%, 0%, 0); - transform: translate3d(-100%, 0%, 0); -} -.ui.right.overlay.sidebar { - -webkit-transform: translate3d(100%, 0%, 0); - transform: translate3d(100%, 0%, 0); -} -.ui.top.overlay.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); -} -.ui.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); -} - -/* Animation */ -.animating.ui.overlay.sidebar, -.ui.visible.overlay.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/* End - Sidebar */ -.ui.visible.left.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} -.ui.visible.right.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} -.ui.visible.top.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} -.ui.visible.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} - -/* End - Pusher */ -.ui.visible.overlay.sidebar ~ .fixed, -.ui.visible.overlay.sidebar ~ .pusher { - -webkit-transform: none !important; - transform: none !important; -} - -/*-------------- - Push ----------------*/ - -/* Initial */ -.ui.push.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; - z-index: 102; -} - -/* Sidebar - Initial */ -.ui.left.push.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.push.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.ui.top.push.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); -} -.ui.bottom.push.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); -} - -/* End */ -.ui.visible.push.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); -} - -/*-------------- - Uncover ----------------*/ - -/* Initial */ -.ui.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - z-index: 1; -} - -/* End */ -.ui.visible.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/*-------------- - Slide Along ----------------*/ - -/* Initial */ -.ui.slide.along.sidebar { - z-index: 1; -} - -/* Sidebar - Initial */ -.ui.left.slide.along.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); -} -.ui.right.slide.along.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); -} -.ui.top.slide.along.sidebar { - -webkit-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); -} -.ui.bottom.slide.along.sidebar { - -webkit-transform: translate3d(0%, 50%, 0); - transform: translate3d(0%, 50%, 0); -} - -/* Animation */ -.ui.animating.slide.along.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/* End */ -.ui.visible.slide.along.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); -} - -/*-------------- - Slide Out ----------------*/ - -/* Initial */ -.ui.slide.out.sidebar { - z-index: 1; -} - -/* Sidebar - Initial */ -.ui.left.slide.out.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); -} -.ui.right.slide.out.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); -} -.ui.top.slide.out.sidebar { - -webkit-transform: translate3d(0%, 50%, 0); - transform: translate3d(0%, 50%, 0); -} -.ui.bottom.slide.out.sidebar { - -webkit-transform: translate3d(0%, -50%, 0); - transform: translate3d(0%, -50%, 0); -} - -/* Animation */ -.ui.animating.slide.out.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/* End */ -.ui.visible.slide.out.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); -} - -/*-------------- - Scale Down ----------------*/ - -/* Initial */ -.ui.scale.down.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; - z-index: 102; -} - -/* Sidebar - Initial */ -.ui.left.scale.down.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.scale.down.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.ui.top.scale.down.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); -} -.ui.bottom.scale.down.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); -} - -/* Pusher - Initial */ -.ui.scale.down.left.sidebar ~ .pusher { - -webkit-transform-origin: 75% 50%; - transform-origin: 75% 50%; -} -.ui.scale.down.right.sidebar ~ .pusher { - -webkit-transform-origin: 25% 50%; - transform-origin: 25% 50%; -} -.ui.scale.down.top.sidebar ~ .pusher { - -webkit-transform-origin: 50% 75%; - transform-origin: 50% 75%; -} -.ui.scale.down.bottom.sidebar ~ .pusher { - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; -} - -/* Animation */ -.ui.animating.scale.down > .visible.ui.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-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 { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.scale.down.sidebar ~ .pusher { - -webkit-transform: scale(0.75); - transform: scale(0.75); -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/sidebar.min.css b/front/app/assets/semantic/components/sidebar.min.css deleted file mode 100755 index 00f7afed336d..000000000000 --- a/front/app/assets/semantic/components/sidebar.min.css +++ /dev/null @@ -1,439 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Sidebar - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.sidebar { - position: fixed; - top: 0; - left: 0; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transition: none; - transition: none; - will-change: transform; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - visibility: hidden; - -webkit-overflow-scrolling: touch; - height: 100% !important; - max-height: 100%; - border-radius: 0 !important; - margin: 0 !important; - overflow-y: auto !important; - z-index: 102; -} -.ui.sidebar > * { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.ui.left.sidebar { - right: auto; - left: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.sidebar { - right: 0 !important; - left: auto !important; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.ui.bottom.sidebar, -.ui.top.sidebar { - width: 100% !important; - height: auto !important; -} -.ui.top.sidebar { - top: 0 !important; - bottom: auto !important; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.ui.bottom.sidebar { - top: auto !important; - bottom: 0 !important; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.pushable { - height: 100%; - overflow-x: hidden; - padding: 0 !important; -} -body.pushable { - background: #545454 !important; -} -.pushable:not(body) { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.pushable:not(body) > .fixed, -.pushable:not(body) > .pusher:after, -.pushable:not(body) > .ui.sidebar { - position: absolute; -} -.pushable > .fixed { - position: fixed; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; - will-change: transform; - z-index: 101; -} -.pushable > .pusher { - position: relative; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - overflow: hidden; - min-height: 100%; - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; - z-index: 2; -} -body.pushable > .pusher { - background: #fff; -} -.pushable > .pusher { - background: inherit; -} -.pushable > .pusher:after { - position: fixed; - top: 0; - right: 0; - content: ''; - background-color: rgba(0, 0, 0, 0.4); - overflow: hidden; - opacity: 0; - -webkit-transition: opacity 0.5s; - transition: opacity 0.5s; - will-change: opacity; - z-index: 1000; -} -.ui.sidebar.menu .item { - border-radius: 0 !important; -} -.pushable > .pusher.dimmed:after { - width: 100% !important; - height: 100% !important; - opacity: 1 !important; -} -.ui.animating.sidebar { - visibility: visible; -} -.ui.visible.sidebar { - visibility: visible; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.left.visible.sidebar, -.ui.right.visible.sidebar { - -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); - box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); -} -.ui.bottom.visible.sidebar, -.ui.top.visible.sidebar { - -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); - box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); -} -.ui.visible.left.sidebar ~ .fixed, -.ui.visible.left.sidebar ~ .pusher { - -webkit-transform: translate3d(260px, 0, 0); - transform: translate3d(260px, 0, 0); -} -.ui.visible.right.sidebar ~ .fixed, -.ui.visible.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-260px, 0, 0); - transform: translate3d(-260px, 0, 0); -} -.ui.visible.top.sidebar ~ .fixed, -.ui.visible.top.sidebar ~ .pusher { - -webkit-transform: translate3d(0, 36px, 0); - transform: translate3d(0, 36px, 0); -} -.ui.visible.bottom.sidebar ~ .fixed, -.ui.visible.bottom.sidebar ~ .pusher { - -webkit-transform: translate3d(0, -36px, 0); - transform: translate3d(0, -36px, 0); -} -.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 { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.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; -} -.ui.visible.thin.left.sidebar ~ .fixed, -.ui.visible.thin.left.sidebar ~ .pusher { - -webkit-transform: translate3d(150px, 0, 0); - transform: translate3d(150px, 0, 0); -} -.ui.visible[class*='very thin'].left.sidebar ~ .fixed, -.ui.visible[class*='very thin'].left.sidebar ~ .pusher { - -webkit-transform: translate3d(60px, 0, 0); - transform: translate3d(60px, 0, 0); -} -.ui.visible.wide.left.sidebar ~ .fixed, -.ui.visible.wide.left.sidebar ~ .pusher { - -webkit-transform: translate3d(350px, 0, 0); - transform: translate3d(350px, 0, 0); -} -.ui.visible[class*='very wide'].left.sidebar ~ .fixed, -.ui.visible[class*='very wide'].left.sidebar ~ .pusher { - -webkit-transform: translate3d(475px, 0, 0); - transform: translate3d(475px, 0, 0); -} -.ui.visible.thin.right.sidebar ~ .fixed, -.ui.visible.thin.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-150px, 0, 0); - transform: translate3d(-150px, 0, 0); -} -.ui.visible[class*='very thin'].right.sidebar ~ .fixed, -.ui.visible[class*='very thin'].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-60px, 0, 0); - transform: translate3d(-60px, 0, 0); -} -.ui.visible.wide.right.sidebar ~ .fixed, -.ui.visible.wide.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-350px, 0, 0); - transform: translate3d(-350px, 0, 0); -} -.ui.visible[class*='very wide'].right.sidebar ~ .fixed, -.ui.visible[class*='very wide'].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-475px, 0, 0); - transform: translate3d(-475px, 0, 0); -} -.ui.overlay.sidebar { - z-index: 102; -} -.ui.left.overlay.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.overlay.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.ui.top.overlay.sidebar { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.ui.bottom.overlay.sidebar { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.animating.ui.overlay.sidebar, -.ui.visible.overlay.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; -} -.ui.visible.left.overlay.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.right.overlay.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.top.overlay.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.bottom.overlay.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.overlay.sidebar ~ .fixed, -.ui.visible.overlay.sidebar ~ .pusher { - -webkit-transform: none !important; - transform: none !important; -} -.ui.push.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; - z-index: 102; -} -.ui.left.push.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.push.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.ui.top.push.sidebar { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.ui.bottom.push.sidebar { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.ui.visible.push.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - z-index: 1; -} -.ui.visible.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; -} -.ui.slide.along.sidebar { - z-index: 1; -} -.ui.left.slide.along.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); -} -.ui.right.slide.along.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); -} -.ui.top.slide.along.sidebar { - -webkit-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); -} -.ui.bottom.slide.along.sidebar { - -webkit-transform: translate3d(0, 50%, 0); - transform: translate3d(0, 50%, 0); -} -.ui.animating.slide.along.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; -} -.ui.visible.slide.along.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.slide.out.sidebar { - z-index: 1; -} -.ui.left.slide.out.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); -} -.ui.right.slide.out.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); -} -.ui.top.slide.out.sidebar { - -webkit-transform: translate3d(0, 50%, 0); - transform: translate3d(0, 50%, 0); -} -.ui.bottom.slide.out.sidebar { - -webkit-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); -} -.ui.animating.slide.out.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; -} -.ui.visible.slide.out.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.scale.down.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; - z-index: 102; -} -.ui.left.scale.down.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.scale.down.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.ui.top.scale.down.sidebar { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.ui.bottom.scale.down.sidebar { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.ui.scale.down.left.sidebar ~ .pusher { - -webkit-transform-origin: 75% 50%; - transform-origin: 75% 50%; -} -.ui.scale.down.right.sidebar ~ .pusher { - -webkit-transform-origin: 25% 50%; - transform-origin: 25% 50%; -} -.ui.scale.down.top.sidebar ~ .pusher { - -webkit-transform-origin: 50% 75%; - transform-origin: 50% 75%; -} -.ui.scale.down.bottom.sidebar ~ .pusher { - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; -} -.ui.animating.scale.down > .visible.ui.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; -} -.ui.animating.scale.down.sidebar ~ .pusher, -.ui.visible.scale.down.sidebar ~ .pusher { - display: block !important; - width: 100%; - height: 100%; - overflow: hidden !important; -} -.ui.visible.scale.down.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.scale.down.sidebar ~ .pusher { - -webkit-transform: scale(0.75); - transform: scale(0.75); -} diff --git a/front/app/assets/semantic/components/site.css b/front/app/assets/semantic/components/site.css deleted file mode 100755 index 325aa6325eb4..000000000000 --- a/front/app/assets/semantic/components/site.css +++ /dev/null @@ -1,188 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 14px; - line-height: 1.4285em; - color: rgba(0, 0, 0, 0.87); - font-smoothing: antialiased; -} - -/******************************* - Headers -*******************************/ - -h1, -h2, -h3, -h4, -h5 { - font-family: 'Public Sans', '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::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: 3px; - 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); -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/site.min.css b/front/app/assets/semantic/components/site.min.css deleted file mode 100755 index d6d620aa5efe..000000000000 --- a/front/app/assets/semantic/components/site.min.css +++ /dev/null @@ -1,148 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Site - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -body, -html { - height: 100%; -} -html { - font-size: 14px; -} -body { - margin: 0; - padding: 0; - overflow-x: hidden; - min-width: 320px; - background: #fff; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 14px; - line-height: 1.4285em; - color: rgba(0, 0, 0, 0.87); - font-smoothing: antialiased; -} -h1, -h2, -h3, -h4, -h5 { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - line-height: 1.28571429em; - margin: calc(2rem - 0.14285714em) 0 1rem; - font-weight: 700; - padding: 0; -} -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: 0; -} -h1:last-child, -h2:last-child, -h3:last-child, -h4:last-child, -h5:last-child { - margin-bottom: 0; -} -p { - margin: 0 0 1em; - line-height: 1.4285em; -} -p:first-child { - margin-top: 0; -} -p:last-child { - margin-bottom: 0; -} -a { - color: #4183c4; - text-decoration: none; -} -a:hover { - color: #1e70bf; - text-decoration: none; -} -::-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); -} -input::-webkit-selection, -textarea::-webkit-selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} -input::-moz-selection, -textarea::-moz-selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} -input::selection, -textarea::selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} -body ::-webkit-scrollbar { - -webkit-appearance: none; - width: 10px; - height: 10px; -} -body ::-webkit-scrollbar-track { - background: rgba(0, 0, 0, 0.1); - border-radius: 0; -} -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); -} -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); -} diff --git a/front/app/assets/semantic/components/statistic.css b/front/app/assets/semantic/components/statistic.css deleted file mode 100755 index 7a0a3e4e4c3c..000000000000 --- a/front/app/assets/semantic/components/statistic.css +++ /dev/null @@ -1,550 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Statistic - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Statistic -*******************************/ - -/* Standalone */ -.ui.statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.ui.statistics > .statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0em 1.5em 2em; - max-width: auto; -} -.ui.statistics { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1em -1.5em -2em; -} - -/* Clearing */ -.ui.statistics:after { - display: block; - content: ' '; - height: 0px; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.statistics:first-child { - margin-top: 0em; -} -.ui.statistics:last-child { - margin-bottom: 0em; -} - -/******************************* - Content -*******************************/ - -/*-------------- - Value ----------------*/ - -.ui.statistics .statistic > .value, -.ui.statistic > .value { - font-family: 'Public Sans', '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: 'Public Sans', '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 -2em; -} -.ui.ten.statistics .statistic { - min-width: 10%; - margin: 0em 0em 2em; -} -.ui.nine.statistics { - margin: 0em 0em -2em; -} -.ui.nine.statistics .statistic { - min-width: 11.11111111%; - margin: 0em 0em 2em; -} -.ui.eight.statistics { - margin: 0em 0em -2em; -} -.ui.eight.statistics .statistic { - min-width: 12.5%; - margin: 0em 0em 2em; -} -.ui.seven.statistics { - margin: 0em 0em -2em; -} -.ui.seven.statistics .statistic { - min-width: 14.28571429%; - margin: 0em 0em 2em; -} -.ui.six.statistics { - margin: 0em 0em -2em; -} -.ui.six.statistics .statistic { - min-width: 16.66666667%; - margin: 0em 0em 2em; -} -.ui.five.statistics { - margin: 0em 0em -2em; -} -.ui.five.statistics .statistic { - min-width: 20%; - margin: 0em 0em 2em; -} -.ui.four.statistics { - margin: 0em 0em -2em; -} -.ui.four.statistics .statistic { - min-width: 25%; - margin: 0em 0em 2em; -} -.ui.three.statistics { - margin: 0em 0em -2em; -} -.ui.three.statistics .statistic { - min-width: 33.33333333%; - margin: 0em 0em 2em; -} -.ui.two.statistics { - margin: 0em 0em -2em; -} -.ui.two.statistics .statistic { - min-width: 50%; - margin: 0em 0em 2em; -} -.ui.one.statistics { - margin: 0em 0em -2em; -} -.ui.one.statistics .statistic { - min-width: 100%; - margin: 0em 0em 2em; -} - -/*-------------- - Horizontal ----------------*/ - -.ui.horizontal.statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.horizontal.statistics { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0em; - max-width: none; -} -.ui.horizontal.statistics .statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - 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; -} - -/******************************* - User Variable Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/statistic.min.css b/front/app/assets/semantic/components/statistic.min.css deleted file mode 100755 index 407376ac6b91..000000000000 --- a/front/app/assets/semantic/components/statistic.min.css +++ /dev/null @@ -1,450 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Statistic - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 1em 0; - max-width: auto; -} -.ui.statistic + .ui.statistic { - margin: 0 0 0 1.5em; -} -.ui.statistic:first-child { - margin-top: 0; -} -.ui.statistic:last-child { - margin-bottom: 0; -} -.ui.statistics { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.ui.statistics > .statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 1.5em 2em; - max-width: auto; -} -.ui.statistics { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1em -1.5em -2em; -} -.ui.statistics:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.statistics:first-child { - margin-top: 0; -} -.ui.statistics:last-child { - margin-bottom: 0; -} -.ui.statistic > .value, -.ui.statistics .statistic > .value { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 4rem; - font-weight: 400; - line-height: 1em; - color: #1b1c1d; - text-transform: uppercase; - text-align: center; -} -.ui.statistic > .label, -.ui.statistics .statistic > .label { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1em; - font-weight: 700; - color: rgba(0, 0, 0, 0.87); - text-transform: uppercase; - text-align: center; -} -.ui.statistic > .label ~ .value, -.ui.statistics .statistic > .label ~ .value { - margin-top: 0; -} -.ui.statistic > .value ~ .label, -.ui.statistics .statistic > .value ~ .label { - margin-top: 0; -} -.ui.statistic > .value .icon, -.ui.statistics .statistic > .value .icon { - opacity: 1; - width: auto; - margin: 0; -} -.ui.statistic > .text.value, -.ui.statistics .statistic > .text.value { - line-height: 1em; - min-height: 2em; - font-weight: 700; - text-align: center; -} -.ui.statistic > .text.value + .label, -.ui.statistics .statistic > .text.value + .label { - text-align: center; -} -.ui.statistic > .value img, -.ui.statistics .statistic > .value img { - max-height: 3rem; - vertical-align: baseline; -} -.ui.ten.statistics { - margin: 0 0 -2em; -} -.ui.ten.statistics .statistic { - min-width: 10%; - margin: 0 0 2em; -} -.ui.nine.statistics { - margin: 0 0 -2em; -} -.ui.nine.statistics .statistic { - min-width: 11.11111111%; - margin: 0 0 2em; -} -.ui.eight.statistics { - margin: 0 0 -2em; -} -.ui.eight.statistics .statistic { - min-width: 12.5%; - margin: 0 0 2em; -} -.ui.seven.statistics { - margin: 0 0 -2em; -} -.ui.seven.statistics .statistic { - min-width: 14.28571429%; - margin: 0 0 2em; -} -.ui.six.statistics { - margin: 0 0 -2em; -} -.ui.six.statistics .statistic { - min-width: 16.66666667%; - margin: 0 0 2em; -} -.ui.five.statistics { - margin: 0 0 -2em; -} -.ui.five.statistics .statistic { - min-width: 20%; - margin: 0 0 2em; -} -.ui.four.statistics { - margin: 0 0 -2em; -} -.ui.four.statistics .statistic { - min-width: 25%; - margin: 0 0 2em; -} -.ui.three.statistics { - margin: 0 0 -2em; -} -.ui.three.statistics .statistic { - min-width: 33.33333333%; - margin: 0 0 2em; -} -.ui.two.statistics { - margin: 0 0 -2em; -} -.ui.two.statistics .statistic { - min-width: 50%; - margin: 0 0 2em; -} -.ui.one.statistics { - margin: 0 0 -2em; -} -.ui.one.statistics .statistic { - min-width: 100%; - margin: 0 0 2em; -} -.ui.horizontal.statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.horizontal.statistics { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - max-width: none; -} -.ui.horizontal.statistics .statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - max-width: none; - margin: 1em 0; -} -.ui.horizontal.statistic > .text.value, -.ui.horizontal.statistics > .statistic > .text.value { - min-height: 0 !important; -} -.ui.horizontal.statistic > .value .icon, -.ui.horizontal.statistics .statistic > .value .icon { - width: 1.18em; -} -.ui.horizontal.statistic > .value, -.ui.horizontal.statistics .statistic > .value { - display: inline-block; - vertical-align: middle; -} -.ui.horizontal.statistic > .label, -.ui.horizontal.statistics .statistic > .label { - display: inline-block; - vertical-align: middle; - margin: 0 0 0 0.75em; -} -.ui.red.statistic > .value, -.ui.red.statistics .statistic > .value, -.ui.statistics .red.statistic > .value { - color: #db2828; -} -.ui.orange.statistic > .value, -.ui.orange.statistics .statistic > .value, -.ui.statistics .orange.statistic > .value { - color: #f2711c; -} -.ui.statistics .yellow.statistic > .value, -.ui.yellow.statistic > .value, -.ui.yellow.statistics .statistic > .value { - color: #fbbd08; -} -.ui.olive.statistic > .value, -.ui.olive.statistics .statistic > .value, -.ui.statistics .olive.statistic > .value { - color: #b5cc18; -} -.ui.green.statistic > .value, -.ui.green.statistics .statistic > .value, -.ui.statistics .green.statistic > .value { - color: #21ba45; -} -.ui.statistics .teal.statistic > .value, -.ui.teal.statistic > .value, -.ui.teal.statistics .statistic > .value { - color: #00b5ad; -} -.ui.blue.statistic > .value, -.ui.blue.statistics .statistic > .value, -.ui.statistics .blue.statistic > .value { - color: #2185d0; -} -.ui.statistics .violet.statistic > .value, -.ui.violet.statistic > .value, -.ui.violet.statistics .statistic > .value { - color: #6435c9; -} -.ui.purple.statistic > .value, -.ui.purple.statistics .statistic > .value, -.ui.statistics .purple.statistic > .value { - color: #a333c8; -} -.ui.pink.statistic > .value, -.ui.pink.statistics .statistic > .value, -.ui.statistics .pink.statistic > .value { - color: #e03997; -} -.ui.brown.statistic > .value, -.ui.brown.statistics .statistic > .value, -.ui.statistics .brown.statistic > .value { - color: #a5673f; -} -.ui.grey.statistic > .value, -.ui.grey.statistics .statistic > .value, -.ui.statistics .grey.statistic > .value { - color: #767676; -} -.ui.inverted.statistic .value, -.ui.inverted.statistics .statistic > .value { - color: #fff; -} -.ui.inverted.statistic .label, -.ui.inverted.statistics .statistic > .label { - color: rgba(255, 255, 255, 0.9); -} -.ui.inverted.red.statistic > .value, -.ui.inverted.red.statistics .statistic > .value, -.ui.statistics .inverted.red.statistic > .value { - color: #ff695e; -} -.ui.inverted.orange.statistic > .value, -.ui.inverted.orange.statistics .statistic > .value, -.ui.statistics .inverted.orange.statistic > .value { - color: #ff851b; -} -.ui.inverted.yellow.statistic > .value, -.ui.inverted.yellow.statistics .statistic > .value, -.ui.statistics .inverted.yellow.statistic > .value { - color: #ffe21f; -} -.ui.inverted.olive.statistic > .value, -.ui.inverted.olive.statistics .statistic > .value, -.ui.statistics .inverted.olive.statistic > .value { - color: #d9e778; -} -.ui.inverted.green.statistic > .value, -.ui.inverted.green.statistics .statistic > .value, -.ui.statistics .inverted.green.statistic > .value { - color: #2ecc40; -} -.ui.inverted.teal.statistic > .value, -.ui.inverted.teal.statistics .statistic > .value, -.ui.statistics .inverted.teal.statistic > .value { - color: #6dffff; -} -.ui.inverted.blue.statistic > .value, -.ui.inverted.blue.statistics .statistic > .value, -.ui.statistics .inverted.blue.statistic > .value { - color: #54c8ff; -} -.ui.inverted.violet.statistic > .value, -.ui.inverted.violet.statistics .statistic > .value, -.ui.statistics .inverted.violet.statistic > .value { - color: #a291fb; -} -.ui.inverted.purple.statistic > .value, -.ui.inverted.purple.statistics .statistic > .value, -.ui.statistics .inverted.purple.statistic > .value { - color: #dc73ff; -} -.ui.inverted.pink.statistic > .value, -.ui.inverted.pink.statistics .statistic > .value, -.ui.statistics .inverted.pink.statistic > .value { - color: #ff8edf; -} -.ui.inverted.brown.statistic > .value, -.ui.inverted.brown.statistics .statistic > .value, -.ui.statistics .inverted.brown.statistic > .value { - color: #d67c1c; -} -.ui.inverted.grey.statistic > .value, -.ui.inverted.grey.statistics .statistic > .value, -.ui.statistics .inverted.grey.statistic > .value { - color: #dcddde; -} -.ui[class*='left floated'].statistic { - float: left; - margin: 0 2em 1em 0; -} -.ui[class*='right floated'].statistic { - float: right; - margin: 0 0 1em 2em; -} -.ui.floated.statistic:last-child { - margin-bottom: 0; -} -.ui.mini.statistic > .value, -.ui.mini.statistics .statistic > .value { - font-size: 1.5rem !important; -} -.ui.mini.horizontal.statistic > .value, -.ui.mini.horizontal.statistics .statistic > .value { - font-size: 1.5rem !important; -} -.ui.mini.statistic > .text.value, -.ui.mini.statistics .statistic > .text.value { - font-size: 1rem !important; -} -.ui.tiny.statistic > .value, -.ui.tiny.statistics .statistic > .value { - font-size: 2rem !important; -} -.ui.tiny.horizontal.statistic > .value, -.ui.tiny.horizontal.statistics .statistic > .value { - font-size: 2rem !important; -} -.ui.tiny.statistic > .text.value, -.ui.tiny.statistics .statistic > .text.value { - font-size: 1rem !important; -} -.ui.small.statistic > .value, -.ui.small.statistics .statistic > .value { - font-size: 3rem !important; -} -.ui.small.horizontal.statistic > .value, -.ui.small.horizontal.statistics .statistic > .value { - font-size: 2rem !important; -} -.ui.small.statistic > .text.value, -.ui.small.statistics .statistic > .text.value { - font-size: 1rem !important; -} -.ui.statistic > .value, -.ui.statistics .statistic > .value { - font-size: 4rem !important; -} -.ui.horizontal.statistic > .value, -.ui.horizontal.statistics .statistic > .value { - font-size: 3rem !important; -} -.ui.statistic > .text.value, -.ui.statistics .statistic > .text.value { - font-size: 2rem !important; -} -.ui.large.statistic > .value, -.ui.large.statistics .statistic > .value { - font-size: 5rem !important; -} -.ui.large.horizontal.statistic > .value, -.ui.large.horizontal.statistics .statistic > .value { - font-size: 4rem !important; -} -.ui.large.statistic > .text.value, -.ui.large.statistics .statistic > .text.value { - font-size: 2.5rem !important; -} -.ui.huge.statistic > .value, -.ui.huge.statistics .statistic > .value { - font-size: 6rem !important; -} -.ui.huge.horizontal.statistic > .value, -.ui.huge.horizontal.statistics .statistic > .value { - font-size: 5rem !important; -} -.ui.huge.statistic > .text.value, -.ui.huge.statistics .statistic > .text.value { - font-size: 2.5rem !important; -} diff --git a/front/app/assets/semantic/components/step.css b/front/app/assets/semantic/components/step.css deleted file mode 100755 index d3760580623e..000000000000 --- a/front/app/assets/semantic/components/step.css +++ /dev/null @@ -1,601 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Step - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Plural -*******************************/ - -.ui.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - margin: 1em 0em; - background: ''; - -webkit-box-shadow: none; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - vertical-align: middle; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0em 0em; - padding: 1.14285714em 2em; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0em; - border: none; - border-right: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, - color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, -webkit-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; - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, - color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - 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: 'Public Sans', '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; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -ms-flex-item-align: middle; - align-self: middle; -} -.ui.steps .step > .icon ~ .content { - -webkit-box-flex: 1 0 auto; - -ms-flex-positive: 1 0 auto; - 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, '.'); - -ms-flex-item-align: middle; - 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; - -ms-flex-item-align: middle; - align-self: middle; -} - -/*-------------- - Vertical ----------------*/ - -.ui.vertical.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - overflow: visible; -} -.ui.vertical.steps .step { - -webkit-box-pack: start; - -ms-flex-pack: start; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - .ui.steps:not(.unstackable) .step { - width: 100% !important; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - - /* Steps */ - .ui[class*='tablet stackable'].steps .step { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; -} - -/*-------------- - Attached ----------------*/ - -/* Top */ -.ui.attached.steps { - width: calc(100% + 2px) !important; - margin: 0em -1px 0; - max-width: calc(100% + 2px); - 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 { - -ms-flex-wrap: nowrap; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/step.min.css b/front/app/assets/semantic/components/step.min.css deleted file mode 100755 index bd26572ced31..000000000000 --- a/front/app/assets/semantic/components/step.min.css +++ /dev/null @@ -1,473 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Step - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - margin: 1em 0; - background: ''; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.14285714em; - border-radius: 0.28571429rem; - border: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.steps:first-child { - margin-top: 0; -} -.ui.steps:last-child { - margin-bottom: 0; -} -.ui.steps .step { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - vertical-align: middle; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0 0; - padding: 1.14285714em 2em; - background: #fff; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; - border: none; - border-right: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, - color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; -} -.ui.steps .step:after { - display: none; - position: absolute; - z-index: 2; - content: ''; - top: 50%; - right: 0; - border: medium none; - background-color: #fff; - width: 1.14285714em; - height: 1.14285714em; - border-style: solid; - border-color: rgba(34, 36, 38, 0.15); - border-width: 0 1px 1px 0; - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, - color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - transform: translateY(-50%) translateX(50%) rotate(-45deg); -} -.ui.steps .step:first-child { - padding-left: 2em; - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui.steps .step:last-child { - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.ui.steps .step:last-child { - border-right: none; - margin-right: 0; -} -.ui.steps .step:only-child { - border-radius: 0.28571429rem; -} -.ui.steps .step .title { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1.14285714em; - font-weight: 700; -} -.ui.steps .step > .title { - width: 100%; -} -.ui.steps .step .description { - font-weight: 400; - 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; -} -.ui.steps .step > .icon { - line-height: 1; - font-size: 2.5em; - margin: 0 1rem 0 0; -} -.ui.steps .step > .icon, -.ui.steps .step > .icon ~ .content { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -ms-flex-item-align: middle; - align-self: middle; -} -.ui.steps .step > .icon ~ .content { - -webkit-box-flex: 1 0 auto; - -ms-flex-positive: 1 0 auto; - flex-grow: 1 0 auto; -} -.ui.steps:not(.vertical) .step > .icon { - width: auto; -} -.ui.steps .link.step, -.ui.steps a.step { - cursor: pointer; -} -.ui.ordered.steps { - counter-reset: ordered; -} -.ui.ordered.steps .step:before { - display: block; - position: static; - text-align: center; - content: counters(ordered, '.'); - -ms-flex-item-align: middle; - align-self: middle; - margin-right: 1rem; - font-size: 2.5em; - counter-increment: ordered; - font-family: inherit; - font-weight: 700; -} -.ui.ordered.steps .step > * { - display: block; - -ms-flex-item-align: middle; - align-self: middle; -} -.ui.vertical.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - overflow: visible; -} -.ui.vertical.steps .step { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - border-radius: 0; - 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 0 0; -} -.ui.vertical.steps .step:last-child { - border-bottom: none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.vertical.steps .step:only-child { - border-radius: 0.28571429rem; -} -.ui.vertical.steps .step:after { - display: none; -} -.ui.vertical.steps .step:after { - top: 50%; - right: 0; - border-width: 0 1px 1px 0; -} -.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; -} -@media only screen and (max-width: 767px) { - .ui.steps:not(.unstackable) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - .ui.steps:not(.unstackable) .step { - width: 100% !important; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 0; - padding: 1.14285714em 2em; - } - .ui.steps:not(.unstackable) .step:first-child { - padding: 1.14285714em 2em; - border-radius: 0.28571429rem 0.28571429rem 0 0; - } - .ui.steps:not(.unstackable) .step:last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; - } - .ui.steps:not(.unstackable) .step:after { - display: none !important; - } - .ui.steps:not(.unstackable) .step .content { - text-align: center; - } - .ui.ordered.steps:not(.unstackable) .step:before, - .ui.steps:not(.unstackable) .step > .icon { - margin: 0 0 1rem 0; - } -} -.ui.steps .link.step:hover, -.ui.steps .link.step:hover::after, -.ui.steps a.step:hover, -.ui.steps a.step:hover::after { - background: #f9fafb; - color: rgba(0, 0, 0, 0.8); -} -.ui.steps .link.step:active, -.ui.steps .link.step:active::after, -.ui.steps a.step:active, -.ui.steps a.step:active::after { - background: #f3f4f5; - color: rgba(0, 0, 0, 0.9); -} -.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); -} -.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; -} -.ui.steps .link.active.step:hover, -.ui.steps .link.active.step:hover::after, -.ui.steps a.active.step:hover, -.ui.steps a.active.step:hover::after { - cursor: pointer; - background: #dcddde; - color: rgba(0, 0, 0, 0.87); -} -.ui.ordered.steps .step.completed:before, -.ui.steps .step.completed > .icon:before { - color: #21ba45; -} -.ui.steps .disabled.step { - cursor: auto; - background: #fff; - pointer-events: none; -} -.ui.steps .disabled.step, -.ui.steps .disabled.step .description, -.ui.steps .disabled.step .title { - color: rgba(40, 40, 40, 0.3); -} -.ui.steps .disabled.step:after { - background: #fff; -} -@media only screen and (max-width: 991px) { - .ui[class*='tablet stackable'].steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - .ui[class*='tablet stackable'].steps .step { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 0; - padding: 1.14285714em 2em; - } - .ui[class*='tablet stackable'].steps .step:first-child { - padding: 1.14285714em 2em; - border-radius: 0.28571429rem 0.28571429rem 0 0; - } - .ui[class*='tablet stackable'].steps .step:last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; - } - .ui[class*='tablet stackable'].steps .step:after { - display: none !important; - } - .ui[class*='tablet stackable'].steps .step .content { - text-align: center; - } - .ui[class*='tablet stackable'].ordered.steps .step:before, - .ui[class*='tablet stackable'].steps .step > .icon { - margin: 0 0 1rem 0; - } -} -.ui.fluid.steps { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; -} -.ui.attached.steps { - width: calc(100% + 2px) !important; - margin: 0 -1px 0; - max-width: calc(100% + 2px); - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.attached.steps .step:first-child { - border-radius: 0.28571429rem 0 0 0; -} -.ui.attached.steps .step:last-child { - border-radius: 0 0.28571429rem 0 0; -} -.ui.bottom.attached.steps { - margin: 0 -1px 0; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.bottom.attached.steps .step:first-child { - border-radius: 0 0 0 0.28571429rem; -} -.ui.bottom.attached.steps .step:last-child { - border-radius: 0 0 0.28571429rem 0; -} -.ui.eight.steps, -.ui.five.steps, -.ui.four.steps, -.ui.one.steps, -.ui.seven.steps, -.ui.six.steps, -.ui.three.steps, -.ui.two.steps { - width: 100%; -} -.ui.eight.steps > .step, -.ui.five.steps > .step, -.ui.four.steps > .step, -.ui.one.steps > .step, -.ui.seven.steps > .step, -.ui.six.steps > .step, -.ui.three.steps > .step, -.ui.two.steps > .step { - -ms-flex-wrap: nowrap; - 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%; -} -.ui.mini.step, -.ui.mini.steps .step { - font-size: 0.78571429rem; -} -.ui.tiny.step, -.ui.tiny.steps .step { - font-size: 0.85714286rem; -} -.ui.small.step, -.ui.small.steps .step { - font-size: 0.92857143rem; -} -.ui.step, -.ui.steps .step { - font-size: 1rem; -} -.ui.large.step, -.ui.large.steps .step { - font-size: 1.14285714rem; -} -.ui.big.step, -.ui.big.steps .step { - font-size: 1.28571429rem; -} -.ui.huge.step, -.ui.huge.steps .step { - font-size: 1.42857143rem; -} -.ui.massive.step, -.ui.massive.steps .step { - font-size: 1.71428571rem; -} diff --git a/front/app/assets/semantic/components/sticky.css b/front/app/assets/semantic/components/sticky.css deleted file mode 100755 index 44893293687d..000000000000 --- a/front/app/assets/semantic/components/sticky.css +++ /dev/null @@ -1,66 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Sticky - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Sticky -*******************************/ - -.ui.sticky { - position: static; - -webkit-transition: none; - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/sticky.min.css b/front/app/assets/semantic/components/sticky.min.css deleted file mode 100755 index 6e6c126d5c44..000000000000 --- a/front/app/assets/semantic/components/sticky.min.css +++ /dev/null @@ -1,42 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Sticky - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.sticky { - position: static; - -webkit-transition: none; - transition: none; - z-index: 800; -} -.ui.sticky.bound { - position: absolute; - left: auto; - right: auto; -} -.ui.sticky.fixed { - position: fixed; - left: auto; - right: auto; -} -.ui.sticky.bound.top, -.ui.sticky.fixed.top { - top: 0; - bottom: auto; -} -.ui.sticky.bound.bottom, -.ui.sticky.fixed.bottom { - top: auto; - bottom: 0; -} -.ui.native.sticky { - position: -webkit-sticky; - position: -moz-sticky; - position: -ms-sticky; - position: -o-sticky; - position: sticky; -} diff --git a/front/app/assets/semantic/components/tab.css b/front/app/assets/semantic/components/tab.css deleted file mode 100755 index 5135d47a56a6..000000000000 --- a/front/app/assets/semantic/components/tab.css +++ /dev/null @@ -1,81 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} - -/******************************* - User Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/tab.min.css b/front/app/assets/semantic/components/tab.min.css deleted file mode 100755 index 0f6136a2d2a6..000000000000 --- a/front/app/assets/semantic/components/tab.min.css +++ /dev/null @@ -1,58 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Tab - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.tab { - display: none; -} -.ui.tab.active, -.ui.tab.open { - display: block; -} -.ui.tab.loading { - position: relative; - overflow: hidden; - display: block; - min-height: 250px; -} -.ui.tab.loading * { - position: relative !important; - left: -10000px !important; -} -.ui.tab.loading.segment:before, -.ui.tab.loading:before { - position: absolute; - content: ''; - top: 100px; - left: 50%; - margin: -1.25em 0 0 -1.25em; - width: 2.5em; - height: 2.5em; - border-radius: 500rem; - border: 0.2em solid rgba(0, 0, 0, 0.1); -} -.ui.tab.loading.segment:after, -.ui.tab.loading:after { - position: absolute; - content: ''; - top: 100px; - left: 50%; - margin: -1.25em 0 0 -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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; -} diff --git a/front/app/assets/semantic/components/table.css b/front/app/assets/semantic/components/table.css deleted file mode 100755 index 529af9bfefa0..000000000000 --- a/front/app/assets/semantic/components/table.css +++ /dev/null @@ -1,1125 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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); - -webkit-box-shadow: none; - 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 { - -webkit-transition: background 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, color 0.1s ease; -} - -/* Headers */ -.ui.table thead { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; - 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; - -webkit-box-shadow: none !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 { - -webkit-box-shadow: none !important; - 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); - -webkit-box-shadow: -1px -1px 0px 1px #ffffff; - 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; - -webkit-box-shadow: 1px 1px 0px 1px #ffffff; - box-shadow: 1px 1px 0px 1px #ffffff; -} - -/* Remove Border */ -.ui.celled.definition.table thead:not(.full-width) th:first-child { - -webkit-box-shadow: 0px -1px 0px 1px #ffffff; - box-shadow: 0px -1px 0px 1px #ffffff; -} -.ui.celled.definition.table tfoot:not(.full-width) th:first-child { - -webkit-box-shadow: 0px 1px 0px 1px #ffffff; - 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: ''; - -webkit-box-shadow: ''; - 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 { - -webkit-box-shadow: 0px 0px 0px #a3c293 inset; - 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 { - -webkit-box-shadow: 0px 0px 0px #e0b4b4 inset; - 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 { - -webkit-box-shadow: 0px 0px 0px #e0b4b4 inset; - 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 { - -webkit-box-shadow: 0px 0px 0px #c9ba9b inset; - 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 { - -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset; - 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; - -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; - 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; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - - /* Definition Table */ - .ui.definition[class*='tablet stackable'].table thead th:first-child { - -webkit-box-shadow: none !important; - 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% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none, none; - 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) -webkit-gradient(linear, left top, left - bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - 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) -webkit-gradient(linear, left top, left - bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - 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); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.basic.table thead, -.ui.basic.table tfoot { - -webkit-box-shadow: none; - 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 -*******************************/ diff --git a/front/app/assets/semantic/components/table.min.css b/front/app/assets/semantic/components/table.min.css deleted file mode 100755 index 0d000db93c83..000000000000 --- a/front/app/assets/semantic/components/table.min.css +++ /dev/null @@ -1,866 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Table - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.table { - width: 100%; - background: #fff; - margin: 1em 0; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0.28571429rem; - text-align: left; - color: rgba(0, 0, 0, 0.87); - border-collapse: separate; - border-spacing: 0; -} -.ui.table:first-child { - margin-top: 0; -} -.ui.table:last-child { - margin-bottom: 0; -} -.ui.table td, -.ui.table th { - -webkit-transition: background 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, color 0.1s ease; -} -.ui.table thead { - -webkit-box-shadow: none; - 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: 700; - 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 0 0 0; -} -.ui.table thead tr:first-child > th:last-child { - border-radius: 0 0.28571429rem 0 0; -} -.ui.table thead tr:first-child > th:only-child { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.table tfoot { - -webkit-box-shadow: none; - 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: 400; - text-transform: none; -} -.ui.table tfoot tr > th:first-child { - border-left: none; -} -.ui.table tfoot tr:first-child > th:first-child { - border-radius: 0 0 0 0.28571429rem; -} -.ui.table tfoot tr:first-child > th:last-child { - border-radius: 0 0 0.28571429rem 0; -} -.ui.table tfoot tr:first-child > th:only-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.table tr td { - border-top: 1px solid rgba(34, 36, 38, 0.1); -} -.ui.table tr:first-child td { - border-top: none; -} -.ui.table tbody + tbody tr:first-child td { - border-top: 1px solid rgba(34, 36, 38, 0.1); -} -.ui.table td { - padding: 0.78571429em 0.78571429em; - text-align: inherit; -} -.ui.table > .icon { - vertical-align: baseline; -} -.ui.table > .icon:only-child { - margin: 0; -} -.ui.table.segment { - padding: 0; -} -.ui.table.segment:after { - display: none; -} -.ui.table.segment.stacked:after { - display: block; -} -@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 > td, - .ui.table:not(.unstackable) tr > th { - width: auto !important; - display: block !important; - } - .ui.table:not(.unstackable) { - padding: 0; - } - .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; - -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; - } - .ui.table:not(.unstackable) tr > td, - .ui.table:not(.unstackable) tr > th { - background: 0 0; - border: none !important; - padding: 0.25em 0.75em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - .ui.table:not(.unstackable) td:first-child, - .ui.table:not(.unstackable) th:first-child { - font-weight: 700; - } - .ui.definition.table:not(.unstackable) thead th:first-child { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } -} -.ui.table td .image, -.ui.table td .image img, -.ui.table th .image, -.ui.table th .image img { - max-width: none; -} -.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 td, -.ui.structured.celled.table tr th { - border-left: 1px solid rgba(34, 36, 38, 0.1); - border-right: 1px solid rgba(34, 36, 38, 0.1); -} -.ui.definition.table thead:not(.full-width) th:first-child { - pointer-events: none; - background: 0 0; - font-weight: 400; - color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: -1px -1px 0 1px #fff; - box-shadow: -1px -1px 0 1px #fff; -} -.ui.definition.table tfoot:not(.full-width) th:first-child { - pointer-events: none; - background: 0 0; - font-weight: rgba(0, 0, 0, 0.4); - color: normal; - -webkit-box-shadow: 1px 1px 0 1px #fff; - box-shadow: 1px 1px 0 1px #fff; -} -.ui.celled.definition.table thead:not(.full-width) th:first-child { - -webkit-box-shadow: 0 -1px 0 1px #fff; - box-shadow: 0 -1px 0 1px #fff; -} -.ui.celled.definition.table tfoot:not(.full-width) th:first-child { - -webkit-box-shadow: 0 1px 0 1px #fff; - box-shadow: 0 1px 0 1px #fff; -} -.ui.definition.table tr td.definition, -.ui.definition.table tr td:first-child:not(.ignored) { - background: rgba(0, 0, 0, 0.03); - font-weight: 700; - color: rgba(0, 0, 0, 0.95); - text-transform: ''; - -webkit-box-shadow: ''; - box-shadow: ''; - text-align: ''; - font-size: 1em; - padding-left: ''; - padding-right: ''; -} -.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); -} -.ui.table td.positive, -.ui.table tr.positive { - -webkit-box-shadow: 0 0 0 #a3c293 inset; - box-shadow: 0 0 0 #a3c293 inset; -} -.ui.table td.positive, -.ui.table tr.positive { - background: #fcfff5 !important; - color: #2c662d !important; -} -.ui.table td.negative, -.ui.table tr.negative { - -webkit-box-shadow: 0 0 0 #e0b4b4 inset; - box-shadow: 0 0 0 #e0b4b4 inset; -} -.ui.table td.negative, -.ui.table tr.negative { - background: #fff6f6 !important; - color: #9f3a38 !important; -} -.ui.table td.error, -.ui.table tr.error { - -webkit-box-shadow: 0 0 0 #e0b4b4 inset; - box-shadow: 0 0 0 #e0b4b4 inset; -} -.ui.table td.error, -.ui.table tr.error { - background: #fff6f6 !important; - color: #9f3a38 !important; -} -.ui.table td.warning, -.ui.table tr.warning { - -webkit-box-shadow: 0 0 0 #c9ba9b inset; - box-shadow: 0 0 0 #c9ba9b inset; -} -.ui.table td.warning, -.ui.table tr.warning { - background: #fffaf3 !important; - color: #573a08 !important; -} -.ui.table td.active, -.ui.table tr.active { - -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset; - box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset; -} -.ui.table td.active, -.ui.table tr.active { - background: #e0e0e0 !important; - color: rgba(0, 0, 0, 0.87) !important; -} -.ui.table tr td.disabled, -.ui.table tr.disabled td, -.ui.table tr.disabled:hover, -.ui.table tr:hover td.disabled { - pointer-events: none; - color: rgba(40, 40, 40, 0.3); -} -@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 > td, - .ui[class*='tablet stackable'].table tr > th { - width: 100% !important; - display: block !important; - } - .ui[class*='tablet stackable'].table { - padding: 0; - } - .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; - -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; - } - .ui[class*='tablet stackable'].table tr > td, - .ui[class*='tablet stackable'].table tr > th { - background: 0 0; - border: none !important; - padding: 0.25em 0.75em; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - .ui.definition[class*='tablet stackable'].table thead th:first-child { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } -} -.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; -} -.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; -} -.ui.table td.collapsing, -.ui.table th.collapsing { - width: 1px; - white-space: nowrap; -} -.ui.fixed.table { - table-layout: fixed; -} -.ui.fixed.table td, -.ui.fixed.table th { - overflow: hidden; - text-overflow: ellipsis; -} -.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.inverted.table tbody tr td.selectable:hover, -.ui.selectable.inverted.table tbody tr:hover { - background: rgba(255, 255, 255, 0.08) !important; - color: #fff !important; -} -.ui.table tbody tr td.selectable { - padding: 0; -} -.ui.table tbody tr td.selectable > a:not(.ui) { - display: block; - color: inherit; - padding: 0.78571429em 0.78571429em; -} -.ui.selectable.table tr.error:hover, -.ui.selectable.table tr:hover td.error, -.ui.table tr td.selectable.error:hover { - background: #ffe7e7 !important; - color: #943634 !important; -} -.ui.selectable.table tr.warning:hover, -.ui.selectable.table tr:hover td.warning, -.ui.table tr td.selectable.warning:hover { - background: #fff4e4 !important; - color: #493107 !important; -} -.ui.selectable.table tr.active:hover, -.ui.selectable.table tr:hover td.active, -.ui.table tr td.selectable.active:hover { - background: #e0e0e0 !important; - color: rgba(0, 0, 0, 0.87) !important; -} -.ui.selectable.table tr.positive:hover, -.ui.selectable.table tr:hover td.positive, -.ui.table tr td.selectable.positive:hover { - background: #f7ffe6 !important; - color: #275b28 !important; -} -.ui.selectable.table tr.negative:hover, -.ui.selectable.table tr:hover td.negative, -.ui.table tr td.selectable.negative:hover { - background: #ffe7e7 !important; - color: #943634 !important; -} -.ui.attached.table { - top: 0; - bottom: 0; - border-radius: 0; - margin: 0 -1px; - width: calc(100% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #d4d4d5; -} -.ui.attached + .ui.attached.table:not(.top) { - border-top: none; -} -.ui[class*='top attached'].table { - bottom: 0; - margin-bottom: 0; - top: 0; - margin-top: 1em; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.table[class*='top attached']:first-child { - margin-top: 0; -} -.ui[class*='bottom attached'].table { - bottom: 0; - margin-top: 0; - top: 0; - margin-bottom: 1em; - -webkit-box-shadow: none, none; - box-shadow: none, none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui[class*='bottom attached'].table:last-child { - margin-bottom: 0; -} -.ui.striped.table tbody tr:nth-child(2n), -.ui.striped.table > tr:nth-child(2n) { - background-color: rgba(0, 0, 50, 0.02); -} -.ui.inverted.striped.table tbody tr:nth-child(2n), -.ui.inverted.striped.table > tr:nth-child(2n) { - background-color: rgba(255, 255, 255, 0.05); -} -.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { - background: #efefef !important; - color: rgba(0, 0, 0, 0.95) !important; -} -.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; -} -.ui.red.table { - border-top: 0.2em solid #db2828; -} -.ui.inverted.red.table { - background-color: #db2828 !important; - color: #fff !important; -} -.ui.orange.table { - border-top: 0.2em solid #f2711c; -} -.ui.inverted.orange.table { - background-color: #f2711c !important; - color: #fff !important; -} -.ui.yellow.table { - border-top: 0.2em solid #fbbd08; -} -.ui.inverted.yellow.table { - background-color: #fbbd08 !important; - color: #fff !important; -} -.ui.olive.table { - border-top: 0.2em solid #b5cc18; -} -.ui.inverted.olive.table { - background-color: #b5cc18 !important; - color: #fff !important; -} -.ui.green.table { - border-top: 0.2em solid #21ba45; -} -.ui.inverted.green.table { - background-color: #21ba45 !important; - color: #fff !important; -} -.ui.teal.table { - border-top: 0.2em solid #00b5ad; -} -.ui.inverted.teal.table { - background-color: #00b5ad !important; - color: #fff !important; -} -.ui.blue.table { - border-top: 0.2em solid #2185d0; -} -.ui.inverted.blue.table { - background-color: #2185d0 !important; - color: #fff !important; -} -.ui.violet.table { - border-top: 0.2em solid #6435c9; -} -.ui.inverted.violet.table { - background-color: #6435c9 !important; - color: #fff !important; -} -.ui.purple.table { - border-top: 0.2em solid #a333c8; -} -.ui.inverted.purple.table { - background-color: #a333c8 !important; - color: #fff !important; -} -.ui.pink.table { - border-top: 0.2em solid #e03997; -} -.ui.inverted.pink.table { - background-color: #e03997 !important; - color: #fff !important; -} -.ui.brown.table { - border-top: 0.2em solid #a5673f; -} -.ui.inverted.brown.table { - background-color: #a5673f !important; - color: #fff !important; -} -.ui.grey.table { - border-top: 0.2em solid #767676; -} -.ui.inverted.grey.table { - background-color: #767676 !important; - color: #fff !important; -} -.ui.black.table { - border-top: 0.2em solid #1b1c1d; -} -.ui.inverted.black.table { - background-color: #1b1c1d !important; - color: #fff !important; -} -.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%; -} -.ui.table td.one.wide, -.ui.table th.one.wide { - width: 6.25%; -} -.ui.table td.two.wide, -.ui.table th.two.wide { - width: 12.5%; -} -.ui.table td.three.wide, -.ui.table th.three.wide { - width: 18.75%; -} -.ui.table td.four.wide, -.ui.table th.four.wide { - width: 25%; -} -.ui.table td.five.wide, -.ui.table th.five.wide { - width: 31.25%; -} -.ui.table td.six.wide, -.ui.table th.six.wide { - width: 37.5%; -} -.ui.table td.seven.wide, -.ui.table th.seven.wide { - width: 43.75%; -} -.ui.table td.eight.wide, -.ui.table th.eight.wide { - width: 50%; -} -.ui.table td.nine.wide, -.ui.table th.nine.wide { - width: 56.25%; -} -.ui.table td.ten.wide, -.ui.table th.ten.wide { - width: 62.5%; -} -.ui.table td.eleven.wide, -.ui.table th.eleven.wide { - width: 68.75%; -} -.ui.table td.twelve.wide, -.ui.table th.twelve.wide { - width: 75%; -} -.ui.table td.thirteen.wide, -.ui.table th.thirteen.wide { - width: 81.25%; -} -.ui.table td.fourteen.wide, -.ui.table th.fourteen.wide { - width: 87.5%; -} -.ui.table td.fifteen.wide, -.ui.table th.fifteen.wide { - width: 93.75%; -} -.ui.table td.sixteen.wide, -.ui.table th.sixteen.wide { - width: 100%; -} -.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: 400; - text-decoration: inherit; - content: ''; - height: 1em; - width: auto; - opacity: 0.8; - margin: 0 0 0 0.5em; - font-family: Icons; -} -.ui.sortable.table thead th.ascending:after { - content: '\f0d8'; -} -.ui.sortable.table thead th.descending:after { - content: '\f0d7'; -} -.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); -} -.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; -} -.ui.sortable.table thead th.sorted:hover { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); -} -.ui.inverted.sortable.table thead th.sorted { - background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left - bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: rgba(255, 255, 255, 0.15) - linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - color: #fff; -} -.ui.inverted.sortable.table thead th:hover { - background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left - bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: rgba(255, 255, 255, 0.08) - linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - color: #fff; -} -.ui.inverted.sortable.table thead th { - border-left-color: transparent; - border-right-color: transparent; -} -.ui.inverted.table { - background: #333; - 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 td.disabled, -.ui.inverted.table tr.disabled td, -.ui.inverted.table tr.disabled:hover td, -.ui.inverted.table tr:hover td.disabled { - pointer-events: none; - color: rgba(225, 225, 225, 0.3); -} -.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, -.ui.inverted.definition.table thead:not(.full-width) th:first-child { - background: #fff; -} -.ui.inverted.definition.table tr td:first-child { - background: rgba(255, 255, 255, 0.02); - color: #fff; -} -.ui.collapsing.table { - width: auto; -} -.ui.basic.table { - background: 0 0; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.basic.table tfoot, -.ui.basic.table thead { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.basic.table th { - background: 0 0; - border-left: none; -} -.ui.basic.table tbody tr { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} -.ui.basic.table td { - background: 0 0; -} -.ui.basic.striped.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 0, 0.05) !important; -} -.ui[class*='very basic'].table { - border: none; -} -.ui[class*='very basic'].table:not(.sortable):not(.striped) td, -.ui[class*='very basic'].table:not(.sortable):not(.striped) th { - padding: ''; -} -.ui[class*='very basic'].table:not(.sortable):not(.striped) td:first-child, -.ui[class*='very basic'].table:not(.sortable):not(.striped) th:first-child { - padding-left: 0; -} -.ui[class*='very basic'].table:not(.sortable):not(.striped) td:last-child, -.ui[class*='very basic'].table:not(.sortable):not(.striped) th:last-child { - padding-right: 0; -} -.ui[class*='very basic'].table:not(.sortable):not(.striped) - thead - tr:first-child - th { - padding-top: 0; -} -.ui.celled.table tr td, -.ui.celled.table tr th { - border-left: 1px solid rgba(34, 36, 38, 0.1); -} -.ui.celled.table tr td:first-child, -.ui.celled.table tr th:first-child { - border-left: none; -} -.ui.padded.table th { - padding-left: 1em; - padding-right: 1em; -} -.ui.padded.table td, -.ui.padded.table th { - padding: 1em 1em; -} -.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; -} -.ui.compact.table th { - padding-left: 0.7em; - padding-right: 0.7em; -} -.ui.compact.table td { - padding: 0.5em 0.7em; -} -.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; -} -.ui.small.table { - font-size: 0.9em; -} -.ui.table { - font-size: 1em; -} -.ui.large.table { - font-size: 1.1em; -} diff --git a/front/app/assets/semantic/components/transition.css b/front/app/assets/semantic/components/transition.css deleted file mode 100755 index a350ab703df7..000000000000 --- a/front/app/assets/semantic/components/transition.css +++ /dev/null @@ -1,75 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/transition.min.css b/front/app/assets/semantic/components/transition.min.css deleted file mode 100755 index d0421dd6d1cd..000000000000 --- a/front/app/assets/semantic/components/transition.min.css +++ /dev/null @@ -1,45 +0,0 @@ -/*! - * # Semantic UI 2.3.1 - Transition - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.transition { - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-timing-function: ease; - animation-timing-function: ease; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} -.animating.transition { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - visibility: visible !important; -} -.loading.transition { - position: absolute; - top: -99999px; - left: -99999px; -} -.hidden.transition { - display: none; - visibility: hidden; -} -.visible.transition { - display: block !important; - visibility: visible !important; -} -.disabled.transition { - -webkit-animation-play-state: paused; - animation-play-state: paused; -} -.looping.transition { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} diff --git a/front/app/assets/semantic/components/video.css b/front/app/assets/semantic/components/video.css deleted file mode 100755 index ab04788b6894..000000000000 --- a/front/app/assets/semantic/components/video.css +++ /dev/null @@ -1,117 +0,0 @@ -/*! - * # Semantic UI 2.0.0 - Video - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Video -*******************************/ - -.ui.video { - background-color: #dddddd; - position: relative; - max-width: 100%; - padding-bottom: 56.25%; - height: 0px; - overflow: hidden; -} - -/*-------------- - Content ----------------*/ - -/* Placeholder Image */ -.ui.video .placeholder { - background-color: #333333; -} - -/* Play Icon Overlay */ -.ui.video .play { - cursor: pointer; - position: absolute; - top: 0px; - left: 0px; - z-index: 10; - width: 100%; - height: 100%; - background: transparent; - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; -} -.ui.video .play.icon:before { - position: absolute; - top: 50%; - left: 50%; - z-index: 11; - -webkit-transform: translateX(-50%) translateY(-50%); - -ms-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - color: rgba(255, 255, 255, 0.7); - font-size: 7rem; - text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15); - -webkit-transition: color 0.2s ease; - transition: color 0.2s ease; -} -.ui.video .placeholder { - position: absolute; - top: 0px; - left: 0px; - display: block; - width: 100%; - height: 100%; -} - -/* IFrame Embed */ -.ui.video .embed iframe, -.ui.video .embed embed, -.ui.video .embed object { - position: absolute; - border: none; - width: 100%; - height: 100%; - top: 0px; - left: 0px; - margin: 0em; - padding: 0em; -} - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.video .play:hover { - background: rgba(0, 0, 0, 0); -} -.ui.video .play:hover:before { - color: #ffffff; -} - -/*-------------- - Active ----------------*/ - -.ui.active.video .play, -.ui.active.video .placeholder { - display: none; -} -.ui.active.video .embed { - display: inline; -} - -/******************************* - Video Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/components/video.min.css b/front/app/assets/semantic/components/video.min.css deleted file mode 100755 index 8f2050cc2b6d..000000000000 --- a/front/app/assets/semantic/components/video.min.css +++ /dev/null @@ -1,80 +0,0 @@ -/*! - * # Semantic UI 2.0.0 - Video - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.video { - background-color: #ddd; - position: relative; - max-width: 100%; - padding-bottom: 56.25%; - height: 0; - overflow: hidden; -} -.ui.video .placeholder { - background-color: #333; -} -.ui.video .play { - cursor: pointer; - position: absolute; - top: 0; - left: 0; - z-index: 10; - width: 100%; - height: 100%; - background: 0 0; - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; -} -.ui.video .play.icon:before { - position: absolute; - top: 50%; - left: 50%; - z-index: 11; - -webkit-transform: translateX(-50%) translateY(-50%); - -ms-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - color: rgba(255, 255, 255, 0.7); - font-size: 7rem; - text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15); - -webkit-transition: color 0.2s ease; - transition: color 0.2s ease; -} -.ui.video .placeholder { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 100%; -} -.ui.video .embed embed, -.ui.video .embed iframe, -.ui.video .embed object { - position: absolute; - border: none; - width: 100%; - height: 100%; - top: 0; - left: 0; - margin: 0; - padding: 0; -} -.ui.video .play:hover { - background: 0 0; -} -.ui.video .play:hover:before { - color: #fff; -} -.ui.active.video .placeholder, -.ui.active.video .play { - display: none; -} -.ui.active.video .embed { - display: inline; -} diff --git a/front/app/assets/semantic/semantic.css b/front/app/assets/semantic/semantic.css deleted file mode 100755 index 89050b03180d..000000000000 --- a/front/app/assets/semantic/semantic.css +++ /dev/null @@ -1,35564 +0,0 @@ -/* - * # Semantic UI - 2.3.1 - * https://github.com/Semantic-Org/Semantic-UI - * http://www.semantic-ui.com/ - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -/*! - * # Semantic UI 2.3.1 - Reset - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Reset -*******************************/ - -/* Border-Box */ - -*, -*:before, -*:after { - -webkit-box-sizing: inherit; - box-sizing: inherit; -} - -html { - -webkit-box-sizing: border-box; - 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! */ -} - -button, -input, -optgroup, -select, -textarea { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - /* 1 */ - font-size: 100%; - /* 1 */ - line-height: 1.15; - /* 1 */ - margin: 0; - /* 2 */ -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 14px; - line-height: 1.4285em; - color: rgba(0, 0, 0, 0.87); - font-smoothing: antialiased; -} - -/*------------------- - 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::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: 3px; - 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); -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', '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; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, - 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, - color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, background 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - will-change: ''; - -webkit-tap-highlight-color: transparent; -} - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.button:hover { - background-color: #cacbcd; - background-image: none; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, - 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: '' !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); - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, none; - box-shadow: 0px 0px 0px 1px transparent inset, none; -} - -/*-------------- - Active ----------------*/ - -.ui.active.button { - background-color: #c0c1c2; - background-image: none; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset; - 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; - -webkit-transition: all 0s linear, opacity 0.1s ease; - 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} - -.ui.labeled.icon.loading.button .icon { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} - -@-webkit-keyframes button-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes button-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - 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; - -webkit-box-shadow: 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 { - -webkit-transition: right 0.3s ease 0s; - 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 { - -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; -} - -.ui.vertical.animated.button .visible.content { - -webkit-transform: translateY(0%); - 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 { - -webkit-transform: translateY(200%); - 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 { - -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease, - -webkit-transform 0.3s ease; -} - -.ui.fade.animated.button .visible.content { - left: auto; - right: auto; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} - -.ui.fade.animated.button .hidden.content { - opacity: 0; - left: 0%; - right: auto; - -webkit-transform: scale(1.5); - transform: scale(1.5); -} - -.ui.fade.animated.button:focus .visible.content, -.ui.fade.animated.button:hover .visible.content { - left: auto; - right: auto; - opacity: 0; - -webkit-transform: scale(0.75); - transform: scale(0.75); -} - -.ui.fade.animated.button:focus .hidden.content, -.ui.fade.animated.button:hover .hidden.content { - left: 0%; - right: auto; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.button { - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #dcddde inset !important; - box-shadow: 0px 0px 0px 2px #dcddde inset !important; - color: rgba(0, 0, 0, 0.8); -} - -/*------------------- - Labeled Button ---------------------*/ - -.ui.labeled.button:not(.icon) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background: none !important; - padding: 0px !important; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -.ui.labeled.button > .button { - margin: 0px; -} - -.ui.labeled.button > .label { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; -} - -.ui.basic.buttons { - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, - 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, - 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, - 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: '' !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 { - -webkit-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; - 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 { - -webkit-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; - 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 { - -webkit-box-shadow: '' !important; - box-shadow: '' !important; -} - -/* Standard Basic Inverted */ - -.ui.basic.inverted.buttons .button, -.ui.basic.inverted.button { - background-color: transparent !important; - color: #f9fafb !important; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !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; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; -} - -.ui.basic.inverted.buttons .button:focus, -.ui.basic.inverted.button:focus { - color: #ffffff !important; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; - 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); - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - 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); - -webkit-box-shadow: none; - 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: ''; - -webkit-box-shadow: -1px 0px 0px 0px transparent inset; - 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; - -webkit-box-shadow: 1px 0px 0px 0px transparent inset; - 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; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} - -.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; - -webkit-box-shadow: none !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; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset; - 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; - 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: -webkit-box; - display: -ms-flexbox; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - 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: -webkit-box; - display: -ms-flexbox; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #1b1c1d inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #2f3032 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; - box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; - color: #343637 !important; -} - -.ui.basic.black.buttons .button:active, -.ui.basic.black.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #d4d4d5 inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #767676 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #838383 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #8a8a8a inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #696969 inset !important; - box-shadow: 0px 0px 0px 1px #696969 inset !important; - color: #909090 !important; -} - -.ui.basic.grey.buttons .button:active, -.ui.basic.grey.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #909090 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #d4d4d5 inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #a5673f inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #975b33 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #90532b inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #995a31 inset !important; - box-shadow: 0px 0px 0px 1px #995a31 inset !important; - color: #805031 !important; -} - -.ui.basic.brown.buttons .button:active, -.ui.basic.brown.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #805031 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #d67c1c inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #c86f11 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #c16808 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #a96216 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #2185d0 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - color: #1a69a4 !important; -} - -.ui.basic.blue.buttons .button:active, -.ui.basic.blue.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #54c8ff inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #21ba45 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - color: #198f35 !important; -} - -.ui.basic.green.buttons .button:active, -.ui.basic.green.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #2ecc40 inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #22be34 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #19b82b inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #1fc231 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #25a233 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #f2711c inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #f26202 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #e55b00 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #f56100 inset !important; - box-shadow: 0px 0px 0px 1px #f56100 inset !important; - color: #cf590c !important; -} - -.ui.basic.orange.buttons .button:active, -.ui.basic.orange.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #cf590c inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ff851b inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #f17000 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #e76b00 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #e03997 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #e61a8d inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #e10f85 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #ea158d inset !important; - box-shadow: 0px 0px 0px 1px #ea158d inset !important; - color: #c71f7e !important; -} - -.ui.basic.pink.buttons .button:active, -.ui.basic.pink.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #c71f7e inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ff8edf inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #6435c9 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #5829bb inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #4f20b5 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #5626bf inset !important; - box-shadow: 0px 0px 0px 1px #5626bf inset !important; - color: #502aa1 !important; -} - -.ui.basic.violet.buttons .button:active, -.ui.basic.violet.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #502aa1 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #a291fb inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #7d64ff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #7860f9 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #a333c8 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #9627ba inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #8f1eb4 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #9724be inset !important; - box-shadow: 0px 0px 0px 1px #9724be inset !important; - color: #82299f !important; -} - -.ui.basic.purple.buttons .button:active, -.ui.basic.purple.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #82299f inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #dc73ff inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #d24aff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #cf40ff inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #db2828 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; - box-shadow: 0px 0px 0px 1px #d41515 inset !important; - color: #b21e1e !important; -} - -.ui.basic.red.buttons .button:active, -.ui.basic.red.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ff695e inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff4335 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ff392b inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #00b5ad inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #008c86 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important; - box-shadow: 0px 0px 0px 1px #009c95 inset !important; - color: #00827c !important; -} - -.ui.basic.teal.buttons .button:active, -.ui.basic.teal.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #00827c inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #6dffff inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #44ffff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #3affff inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #b5cc18 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #a7bd0d inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #a0b605 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #aac109 inset !important; - box-shadow: 0px 0px 0px 1px #aac109 inset !important; - color: #8d9e13 !important; -} - -.ui.basic.olive.buttons .button:active, -.ui.basic.olive.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #d9e778 inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #daef47 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #daed59 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #cddf4d inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #fbbd08 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #daa300 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - color: #cd9903 !important; -} - -.ui.basic.yellow.buttons .button:active, -.ui.basic.yellow.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #cd9903 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px #ffe21f inset !important; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #f5d500 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - 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 { - -webkit-box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #2185d0 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - color: #1a69a4 !important; -} - -.ui.basic.primary.buttons .button:active, -.ui.basic.primary.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - 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; -} - -/*------------------- - Secondary ---------------------*/ - -/* Standard */ - -.ui.secondary.buttons .button, -.ui.secondary.button { - background-color: #1b1c1d; - color: #ffffff; - text-shadow: none; - background-image: none; -} - -.ui.secondary.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #1b1c1d inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #2e3032 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; - color: #343637 !important; -} - -.ui.basic.secondary.buttons .button:active, -.ui.basic.secondary.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; - 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; -} - -/*--------------- - Positive -----------------*/ - -/* Standard */ - -.ui.positive.buttons .button, -.ui.positive.button { - background-color: #21ba45; - color: #ffffff; - text-shadow: none; - background-image: none; -} - -.ui.positive.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #21ba45 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - color: #198f35 !important; -} - -.ui.basic.positive.buttons .button:active, -.ui.basic.positive.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; - 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 { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #db2828 inset !important; - 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; - -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !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; - -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; - box-shadow: 0px 0px 0px 1px #d41515 inset !important; - color: #b21e1e !important; -} - -.ui.basic.negative.buttons .button:active, -.ui.basic.negative.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - font-size: 0em; - vertical-align: baseline; - margin: 0em 0.25em 0em 0em; -} - -.ui.buttons:not(.basic):not(.inverted) { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Clearfix */ - -.ui.buttons:after { - content: '.'; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -/* Standard Group */ - -.ui.buttons .button { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, - 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.ui.vertical.buttons .button { - display: block; - float: none; - width: 100%; - margin: 0px 0px 0px 0px; - -webkit-box-shadow: none; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', '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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transform: translateX(-50%); - 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; - -webkit-transform: none; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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('./themes/default/assets/images/flags.png') no-repeat -108px -1976px; - width: 16px; - height: 11px; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', '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 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; - border-color: transparent; -} - -.ui.inverted.block.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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('./themes/default/assets/fonts/icons.eot'); - src: url('./themes/default/assets/fonts/icons.eot?#iefix') - format('embedded-opentype'), - url('./themes/default/assets/fonts/icons.woff2') format('woff2'), - url('./themes/default/assets/fonts/icons.woff') format('woff'), - url('./themes/default/assets/fonts/icons.ttf') format('truetype'), - url('./themes/default/assets/fonts/icons.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; - -webkit-animation: icon-loading 2s linear infinite; - animation: icon-loading 2s linear infinite; -} - -@-webkit-keyframes icon-loading { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes icon-loading { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - 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; - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - 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; - -webkit-box-shadow: none; - box-shadow: none; -} - -/*------------------- - Flipped ---------------------*/ - -i.flipped.icon, -i.horizontally.flipped.icon { - -webkit-transform: scale(-1, 1); - transform: scale(-1, 1); -} - -i.vertically.flipped.icon { - -webkit-transform: scale(1, -1); - transform: scale(1, -1); -} - -/*------------------- - Rotated ---------------------*/ - -i.rotated.icon, -i.right.rotated.icon, -i.clockwise.rotated.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} - -i.left.rotated.icon, -i.counterclockwise.rotated.icon { - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); -} - -/*------------------- - Bordered ---------------------*/ - -i.bordered.icon { - line-height: 1; - vertical-align: baseline; - width: 2em; - height: 2em; - padding: 0.5em 0em !important; - -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; -} - -i.bordered.inverted.icon { - border: none; - -webkit-box-shadow: 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%; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - margin: 0em; - margin: 0; -} - -i.icons .icon:first-child { - position: static; - width: auto; - height: auto; - vertical-align: top; - -webkit-transform: none; - transform: none; - margin-right: 0.25rem; -} - -/* Corner Icon */ - -i.icons .corner.icon { - top: auto; - left: auto; - right: 0; - bottom: 0; - -webkit-transform: none; - 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 -*******************************/ - -/* 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.in: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.in.alternate:before { - content: '\f2f6'; -} - -i.icon.sign.language:before { - content: '\f2a7'; -} - -i.icon.sign.out.alternate:before { - content: '\f2f5'; -} - -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.log.out: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('./themes/default/assets/fonts/outline-icons.eot'); - src: url('./themes/default/assets/fonts/outline-icons.eot?#iefix') - format('embedded-opentype'), - url('./themes/default/assets/fonts/outline-icons.woff2') format('woff2'), - url('./themes/default/assets/fonts/outline-icons.woff') format('woff'), - url('./themes/default/assets/fonts/outline-icons.ttf') format('truetype'), - url('./themes/default/assets/fonts/outline-icons.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'; -} - -i.icon.disk.outline:before { - content: '\f369'; -} - -/* Outline Aliases */ - -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('./themes/default/assets/fonts/brand-icons.eot'); - src: url('./themes/default/assets/fonts/brand-icons.eot?#iefix') - format('embedded-opentype'), - url('./themes/default/assets/fonts/brand-icons.woff2') format('woff2'), - url('./themes/default/assets/fonts/brand-icons.woff') format('woff'), - url('./themes/default/assets/fonts/brand-icons.ttf') format('truetype'), - url('./themes/default/assets/fonts/brand-icons.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.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.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.3.1 - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - color: rgba(0, 0, 0, 0.87); -} - -.ui.input > input { - margin: 0em; - max-width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - outline: none; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - text-align: left; - line-height: 1.21428571em; - font-family: 'Public Sans', '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; - -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease, - -webkit-box-shadow 0.1s ease; - -webkit-box-shadow: none; - 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); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - 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); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none !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; - -webkit-transition: opacity 0.3s ease; - 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 { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; -} - -.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: -webkit-box; - display: -ms-flexbox; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: background 0.1s ease; - 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; - -webkit-transition: 0.1s opacity ease; - 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; - -webkit-transition: background 0.1s ease; - 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; - -webkit-box-shadow: none; - 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; - -webkit-transition: none; - transition: none; -} - -.ui.tag.labels .label:before, -.ui.tag.label:before { - position: absolute; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - transform: translateY(-50%) translateX(50%) rotate(-45deg); - top: 50%; - right: 100%; - content: ''; - background-color: inherit; - background-image: none; - width: 1.56em; - height: 1.56em; - -webkit-transition: none; - 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; - -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); - 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; - -webkit-transition: border-color 0.1s ease; - 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; - -webkit-transition: border-color 0.1s ease; - 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; - -webkit-transform: translateX(-100%); - 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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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-color: #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); - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Link */ - -a.ui.basic.label:hover { - text-decoration: none; - background: none #ffffff; - color: #1e70bf; - -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15); - box-shadow: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Pointing */ - -.ui.basic.pointing.label:before { - border-color: inherit; -} - -/*------------------- - Fluid ---------------------*/ - -.ui.label.fluid, -.ui.fluid.labels > .label { - width: 100%; - -webkit-box-sizing: border-box; - 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: ''; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - background-image: none; - z-index: 2; - width: 0.6666em; - height: 0.6666em; - -webkit-transition: background 0.1s ease; - 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; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - 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; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - 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; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - 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; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: color 0.1s ease; - 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; - 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; -} - -.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: 'Public Sans', '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); - -webkit-transition: 0.1s color ease; - 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; - -webkit-transition: 0.1s color ease, 0.1s padding-left ease, - 0.1s background-color ease; - 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 { - -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, - 0.25s background-color ease 0.1s; - 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: '•'; - 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; -} - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transform: translateX(-50%) translateY(-50%); - 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} - -/* Active Animation */ - -@-webkit-keyframes loader { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes loader { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - 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; - -webkit-transform: none; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: all 0.5s ease 0.1s; - 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; - -webkit-transition: -webkit-transform 0.5s ease 0.1s; - transition: -webkit-transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s, -webkit-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; - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} - -.ui.slide.active.reveal > .visible.content, -.ui.slide.reveal:hover > .visible.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} - -.ui.slide.active.reveal > .hidden.content, -.ui.slide.reveal:hover > .hidden.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; -} - -.ui.slide.right.reveal > .visible.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; -} - -.ui.slide.right.reveal > .hidden.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} - -.ui.slide.right.active.reveal > .visible.content, -.ui.slide.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} - -.ui.slide.right.active.reveal > .hidden.content, -.ui.slide.right.reveal:hover > .hidden.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; -} - -.ui.slide.up.reveal > .hidden.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} - -.ui.slide.up.active.reveal > .visible.content, -.ui.slide.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} - -.ui.slide.up.active.reveal > .hidden.content, -.ui.slide.up.reveal:hover > .hidden.content { - -webkit-transform: translateY(0%) !important; - transform: translateY(0%) !important; -} - -.ui.slide.down.reveal > .hidden.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} - -.ui.slide.down.active.reveal > .visible.content, -.ui.slide.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} - -.ui.slide.down.active.reveal > .hidden.content, -.ui.slide.down.reveal:hover > .hidden.content { - -webkit-transform: translateY(0%) !important; - 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; - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) - 0.1s; - transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, - -webkit-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 { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} - -.ui.move.right.active.reveal > .visible.content, -.ui.move.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} - -.ui.move.up.active.reveal > .visible.content, -.ui.move.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} - -.ui.move.down.active.reveal > .visible.content, -.ui.move.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} - -/*-------------- - Rotate ----------------*/ - -.ui.rotate.reveal > .visible.content { - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); -} - -.ui.rotate.reveal > .visible.content, -.ui.rotate.right.reveal > .visible.content { - -webkit-transform-origin: bottom right; - 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 { - -webkit-transform: rotate(110deg); - transform: rotate(110deg); -} - -.ui.rotate.left.reveal > .visible.content { - -webkit-transform-origin: bottom left; - transform-origin: bottom left; -} - -.ui.rotate.left.active.reveal > .visible.content, -.ui.rotate.left.reveal:hover > .visible.content { - -webkit-transform: rotate(-110deg); - 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; - -webkit-transform: none !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 { - -webkit-transition-delay: 0s !important; - transition-delay: 0s !important; -} - -/*-------------- - Sizing ----------------*/ - -.ui.reveal > .content { - font-size: 1rem !important; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: none; - 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); - -webkit-box-shadow: 0px 1px 2px 0 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 -*******************************/ - -/*------------------- - Piled ---------------------*/ - -.ui.piled.segments, -.ui.piled.segment { - margin: 3em 0em; - -webkit-box-shadow: ''; - 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); - -webkit-box-shadow: ''; - box-shadow: ''; -} - -.ui.piled.segments:before, -.ui.piled.segment:before { - -webkit-transform: rotate(-1.2deg); - transform: rotate(-1.2deg); - top: 0; - z-index: -2; -} - -.ui.piled.segments:after, -.ui.piled.segment:after { - -webkit-transform: rotate(1.2deg); - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.ui.compact.segments .segment, -.ui.segments .compact.segment { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - 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 { - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - margin: 1rem 0em; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background-color: transparent; - border-radius: 0px; - padding: 0em; - background-color: #ffffff; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: none; - box-shadow: none; - border-top: 1px solid rgba(34, 36, 38, 0.15); -} - -/* Horizontal Segment */ - -.ui.horizontal.segments > .segment { - -webkit-box-flex: 1; - 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; - -webkit-box-shadow: 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; - -webkit-transition: all 0s linear; - 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; - visibility: visible; - z-index: 101; -} - -@-webkit-keyframes segment-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes segment-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Basic ---------------------*/ - -.ui.basic.segment { - background: none transparent; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 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 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))); - background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba( - 255, - 255, - 255, - 0.2 - ) - 100%); - 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 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))); - background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba( - 255, - 255, - 255, - 0.35 - ) - 100%); - 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% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Step - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Plural -*******************************/ - -.ui.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - margin: 1em 0em; - background: ''; - -webkit-box-shadow: none; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - vertical-align: middle; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0em 0em; - padding: 1.14285714em 2em; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0em; - border: none; - border-right: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, - color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, -webkit-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; - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, - color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - 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: 'Public Sans', '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; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -ms-flex-item-align: middle; - align-self: middle; -} - -.ui.steps .step > .icon ~ .content { - -webkit-box-flex: 1 0 auto; - -ms-flex-positive: 1 0 auto; - 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, '.'); - -ms-flex-item-align: middle; - 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; - -ms-flex-item-align: middle; - align-self: middle; -} - -/*-------------- - Vertical ----------------*/ - -.ui.vertical.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - overflow: visible; -} - -.ui.vertical.steps .step { - -webkit-box-pack: start; - -ms-flex-pack: start; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - - .ui.steps:not(.unstackable) .step { - width: 100% !important; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - - /* Steps */ - - .ui[class*='tablet stackable'].steps .step { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; -} - -/*-------------- - Attached ----------------*/ - -/* Top */ - -.ui.attached.steps { - width: calc(100% + 2px) !important; - margin: 0em -1px 0; - max-width: calc(100% + 2px); - 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 { - -ms-flex-wrap: nowrap; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', '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; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - 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; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - 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; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - padding: 0.62em 1em; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - 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 { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - 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 { - -webkit-box-shadow: 0px 0px 0px 100px #fffff0 inset !important; - box-shadow: 0px 0px 0px 100px #fffff0 inset !important; - border-color: #e5dfa1 !important; -} - -/* Focus */ - -.ui.form .field.field input:-webkit-autofill:focus { - -webkit-box-shadow: 0px 0px 0px 100px #fffff0 inset !important; - box-shadow: 0px 0px 0px 100px #fffff0 inset !important; - border-color: #d5c315 !important; -} - -/* Error */ - -.ui.form .error.error input:-webkit-autofill { - -webkit-box-shadow: 0px 0px 0px 100px #fffaf0 inset !important; - 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); -} - -.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); -} - -.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; - -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - 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; - -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - 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: -webkit-box; - display: -ms-flexbox; - 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: -webkit-box; - display: -ms-flexbox; - 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: -webkit-box; - display: -ms-flexbox; - 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: ''; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; - visibility: visible; - z-index: 101; -} - -@-webkit-keyframes form-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes form-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - 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); - -webkit-box-shadow: none; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0em -0.5em 1em; -} - -.ui.form .fields > .field { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - padding-left: 0.5em; - padding-right: 0.5em; -} - -.ui.form .fields > .field:first-child { - border-left: none; - -webkit-box-shadow: 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 { - -ms-flex-wrap: wrap; - 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%; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -/*-------------------- - Inline Fields ----------------------*/ - -.ui.form .inline.fields { - margin: 0em 0em 1em; - -webkit-box-align: center; - -ms-flex-align: center; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Grid - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Standard -*******************************/ - -.ui.grid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: inherit; - -ms-flex-pack: inherit; - justify-content: inherit; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - 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 { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 1rem 1rem; -} - -.ui.grid .column + .ui.vertical.divider { - height: calc(50% - 1rem); -} - -/* Remove Border on Last Horizontal Segment */ - -.ui.grid > .row > .column:last-child > .horizontal.segment, -.ui.grid > .column:last-child > .horizontal.segment { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: none; - 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; - -webkit-box-pack: center; - -ms-flex-pack: 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); -} - -.ui.grid > .divided.row > .column:first-child { - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); - 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 { - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.inverted[class*='vertically divided'].grid > .row:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); - 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: 5rem; - margin-right: 5rem; - width: calc(100% - 5rem); -} - -/*---------------------- - Celled ------------------------*/ - -.ui.celled.grid { - width: 100%; - margin: 1em 0em; - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5; - box-shadow: 0px 0px 0px 1px #d4d4d5; -} - -.ui.celled.grid > .row { - width: 100% !important; - margin: 0em; - padding: 0em; - -webkit-box-shadow: 0px -1px 0px 0px #d4d4d5; - box-shadow: 0px -1px 0px 0px #d4d4d5; -} - -.ui.celled.grid > .column:not(.row), -.ui.celled.grid > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px #d4d4d5; - box-shadow: -1px 0px 0px 0px #d4d4d5; -} - -.ui.celled.grid > .column:first-child, -.ui.celled.grid > .row > .column:first-child { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: none; - box-shadow: none; - margin: 0em; -} - -.ui[class*='internally celled'].grid > .row:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui[class*='internally celled'].grid > .row > .column:first-child { - -webkit-box-shadow: none; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: top; - -ms-flex-item-align: start !important; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: middle; - -ms-flex-item-align: center !important; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: bottom; - -ms-flex-item-align: end !important; - 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: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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 > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - 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; - -ms-flex-item-align: inherit; - 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; - -ms-flex-item-align: inherit; - align-self: inherit; -} - -.ui[class*='center aligned'].grid { - -webkit-box-pack: center; - -ms-flex-pack: center; - 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; - -ms-flex-item-align: inherit; - 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; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - 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 { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - 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 { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - - .ui[class*='mobile vertically reversed'].grid, - .ui.stackable[class*='mobile reversed'] { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Vertically Divided Reversed */ - - .ui.grid[class*='vertically divided'][class*='mobile vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Celled Reversed */ - - .ui[class*='mobile reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #d4d4d5; - box-shadow: -1px 0px 0px 0px #d4d4d5; - } - - .ui[class*='mobile reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - 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 { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - - .ui[class*='tablet vertically reversed'].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Vertically Divided Reversed */ - - .ui.grid[class*='vertically divided'][class*='tablet vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Celled Reversed */ - - .ui[class*='tablet reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #d4d4d5; - box-shadow: -1px 0px 0px 0px #d4d4d5; - } - - .ui[class*='tablet reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - 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 { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - - .ui[class*='computer vertically reversed'].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - 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 { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Vertically Divided Reversed */ - - .ui.grid[class*='vertically divided'][class*='computer vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Celled Reversed */ - - .ui[class*='computer reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #d4d4d5; - box-shadow: -1px 0px 0px 0px #d4d4d5; - } - - .ui[class*='computer reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none !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; - -webkit-box-shadow: none !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; - -webkit-box-shadow: none !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); - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding-top: 2rem !important; - padding-bottom: 2rem !important; - } - - .ui.stackable.celled.grid > .row { - -webkit-box-shadow: none !important; - 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; - } -} - -/******************************* - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1rem 0em; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - background: #ffffff; - font-weight: normal; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 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: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -/*-------------- - Item ----------------*/ - -.ui.menu:not(.vertical) .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.ui.menu .item { - position: relative; - vertical-align: middle; - line-height: 1; - text-decoration: none; - -webkit-tap-highlight-color: transparent; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background: none; - padding: 0.92857143em 1.14285714em; - text-transform: none; - color: rgba(0, 0, 0, 0.87); - font-weight: normal; - -webkit-transition: background 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, - -webkit-box-shadow 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: inherit; - -ms-flex-align: inherit; - align-items: inherit; - -webkit-box-orient: inherit; - -webkit-box-direction: inherit; - -ms-flex-direction: 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; - -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; - 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; - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-transition: 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; -} - -/* 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; - -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); - 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 { - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - 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) .left.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-right: auto !important; -} - -/* Right Floated */ - -.ui.menu:not(.vertical) .right.item, -.ui.menu:not(.vertical) .right.menu { - display: -webkit-box; - display: -ms-flexbox; - 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; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - background: #ffffff; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none; - background: none transparent; - border-bottom: 1px solid #d4d4d5; -} - -.ui.tabular.fluid.menu { - width: calc(100% + 2px) !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; - -webkit-box-shadow: none; - 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% + 2px); - left: -1px; -} - -/* Bottom Vertical Tabular */ - -.ui.bottom.tabular.menu { - background: none transparent; - border-radius: 0em; - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: none !important; - 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: -webkit-inline-box; - display: -ms-inline-flexbox; - 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); - -webkit-box-shadow: none; - box-shadow: none; -} - -/*-------------- - Secondary ----------------*/ - -.ui.secondary.menu { - background: none; - margin-left: -0.35714286em; - margin-right: -0.35714286em; - border-radius: 0em; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Item */ - -.ui.secondary.menu .item { - -ms-flex-item-align: center; - align-self: center; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - padding: 0.78571429em 0.92857143em; - margin: 0em 0.35714286em; - background: none; - -webkit-transition: color 0.1s ease; - 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 { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: none; - 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; - -ms-flex-item-align: end; - align-self: flex-end; - margin: 0em 0em -2px; - padding: 0.85714286em 1.14285714em; - border-bottom-width: 2px; - -webkit-transition: color 0.1s ease; - 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 { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - margin: 1em -0.5em; -} - -.ui.text.menu .item { - border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; - -ms-flex-item-align: center; - align-self: center; - margin: 0em 0em; - padding: 0.35714286em 0.5em; - font-weight: normal; - color: rgba(0, 0, 0, 0.6); - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-box-shadow: 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 { - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.text.attached.menu { - -webkit-box-shadow: none; - 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; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none !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: -webkit-inline-box; - display: -ms-inline-flexbox; - 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; - -webkit-box-pack: center; - -ms-flex-pack: 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%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - 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; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} - -.ui.vertical.pointing.menu .item:after { - position: absolute; - top: 50%; - right: 0%; - bottom: auto; - left: auto; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - 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% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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); - -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - border-radius: 0.28571429rem; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.message:first-child { - margin-top: 0em; -} - -.ui.message:last-child { - margin-bottom: 0em; -} - -/*-------------- - Content ----------------*/ - -/* Header */ - -.ui.message .header { - display: block; - font-family: 'Public Sans', '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: '•'; - 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; - -webkit-transition: opacity 0.1s ease; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -/*-------------- - Hidden ----------------*/ - -.ui.hidden.hidden.hidden.hidden.message { - display: none; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Compact ----------------*/ - -.ui.compact.message { - display: inline-block; -} - -.ui.compact.icon.message { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} - -/*-------------- - Attached ----------------*/ - -.ui.attached.message { - margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; - -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, - 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.ui.icon.message > .icon:not(.close) { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - line-height: 1; - vertical-align: middle; - font-size: 3em; - opacity: 0.8; -} - -.ui.icon.message > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - 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 { - -webkit-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); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #a3c293 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #e0b4b4 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #a9d5de inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #c9ba9b inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #e0b4b4 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #a3c293 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #db2828 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #f2711c inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #b58105 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #8abc1e inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #1ebc30 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #10a3a3 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #2185d0 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #6435c9 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #a333c8 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #e03997 inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; - -webkit-box-shadow: 0px 0px 0px 1px #a5673f inset, - 0px 0px 0px 0px rgba(0, 0, 0, 0); - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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); - -webkit-box-shadow: none; - 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 { - -webkit-transition: background 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, color 0.1s ease; -} - -/* Headers */ - -.ui.table thead { - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; - 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; - -webkit-box-shadow: none !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 { - -webkit-box-shadow: none !important; - 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); - -webkit-box-shadow: -1px -1px 0px 1px #ffffff; - 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; - -webkit-box-shadow: 1px 1px 0px 1px #ffffff; - box-shadow: 1px 1px 0px 1px #ffffff; -} - -/* Remove Border */ - -.ui.celled.definition.table thead:not(.full-width) th:first-child { - -webkit-box-shadow: 0px -1px 0px 1px #ffffff; - box-shadow: 0px -1px 0px 1px #ffffff; -} - -.ui.celled.definition.table tfoot:not(.full-width) th:first-child { - -webkit-box-shadow: 0px 1px 0px 1px #ffffff; - 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: ''; - -webkit-box-shadow: ''; - 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 { - -webkit-box-shadow: 0px 0px 0px #a3c293 inset; - 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 { - -webkit-box-shadow: 0px 0px 0px #e0b4b4 inset; - 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 { - -webkit-box-shadow: 0px 0px 0px #e0b4b4 inset; - 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 { - -webkit-box-shadow: 0px 0px 0px #c9ba9b inset; - 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 { - -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset; - 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; - -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; - 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; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - - /* Definition Table */ - - .ui.definition[class*='tablet stackable'].table thead th:first-child { - -webkit-box-shadow: none !important; - 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% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - 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; - -webkit-box-shadow: none, none; - 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) -webkit-gradient(linear, left top, left - bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - 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) -webkit-gradient(linear, left top, left - bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - 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); - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.basic.table thead, -.ui.basic.table tfoot { - -webkit-box-shadow: none; - 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.3.1 - 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; - -webkit-transform: translateX(-50%) translateY(-50%); - 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); -} - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - width: 290px; - min-height: 0px; - background: #ffffff; - padding: 0em; - border: none; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 1px 3px 0px #d4d4d5, 0px 0px 0px 1px #d4d4d5; - box-shadow: 0px 1px 3px 0px #d4d4d5, 0px 0px 0px 1px #d4d4d5; - -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease, - -webkit-box-shadow 0.1s ease, -webkit-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: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: -0.875em -0.5em; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.ui.cards > .card { - display: -webkit-box; - display: -ms-flexbox; - 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; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - 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 { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border: none; - border-top: 1px solid rgba(34, 36, 38, 0.1); - background: none; - margin: 0em; - padding: 1em 1em; - -webkit-box-shadow: none; - 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: 'Public Sans', '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: ''; - -webkit-transition: color 0.1s ease; - 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; - -webkit-transition: color 0.1s ease; - 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; - -webkit-transition: color 0.1s ease; - 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; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - 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); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; - 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 { - -webkit-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); - 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 { - -webkit-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); - 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 { - -webkit-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); - 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 { - -webkit-box-pack: center; - -ms-flex-pack: center; - 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 { - -webkit-transform: none; - 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; - -webkit-box-shadow: 0px 1px 3px 0px #bcbdbd, 0px 0px 0px 1px #d4d4d5; - box-shadow: 0px 1px 3px 0px #bcbdbd, 0px 0px 0px 1px #d4d4d5; - -webkit-transform: translateY(-3px); - transform: translateY(-3px); -} - -/*------------------- - Colors ---------------------*/ - -/* Red */ - -.ui.red.cards > .card, -.ui.cards > .red.card, -.ui.red.card { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #db2828, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #d01919, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #f2711c, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #f26202, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #fbbd08, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #eaae00, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #b5cc18, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a7bd0d, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #21ba45, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #16ab39, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #00b5ad, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #009c95, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #2185d0, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #1678c2, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #6435c9, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #5829bb, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a333c8, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #9627ba, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #e03997, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #e61a8d, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a5673f, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #975b33, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #767676, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #838383, - 0px 1px 3px 0px #bcbdbd; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #1b1c1d, - 0px 1px 3px 0px #d4d4d5; - 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 { - -webkit-box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #27292a, - 0px 1px 3px 0px #bcbdbd; - 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; -} - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - -webkit-transition-delay: 0.1s; - 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; -} - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - 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; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 2.5em; - height: auto; - -ms-flex-item-align: stretch; - 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; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-item-align: stretch; - 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; - -webkit-box-shadow: none; - 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: ''; - -webkit-transition: 0.2s color ease; - 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); - -webkit-transition: color 0.1s ease; - 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; -} - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Item - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Standard -*******************************/ - -/*-------------- - Item ----------------*/ - -.ui.items > .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1em 0em; - width: 100%; - min-height: 0px; - background: transparent; - padding: 0em; - border: none; - border-radius: 0rem; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: -webkit-box-shadow 0.1s ease; - transition: -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, -webkit-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; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: block; - float: none; - margin: 0em; - padding: 0em; - max-height: ''; - -ms-flex-item-align: top; - 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; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - background: none; - margin: 0em; - padding: 0em; - -webkit-box-shadow: none; - 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; - -ms-flex-item-align: top; - align-self: top; - padding-left: 1.5em; -} - -.ui.items > .item > .content > .header { - display: inline-block; - margin: -0.21425em 0em 0em; - font-family: 'Public Sans', '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 { - -ms-flex-item-align: middle; - 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: ''; - -webkit-transition: color 0.1s ease; - 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; - -webkit-transition: color 0.1s ease; - 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; - -webkit-transition: color 0.1s ease; - 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); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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 { - -ms-flex-item-align: start; - align-self: flex-start; -} - -.ui.items > .item > .image + [class*='middle aligned'].content { - -ms-flex-item-align: center; - align-self: center; -} - -.ui.items > .item > .image + [class*='bottom aligned'].content { - -ms-flex-item-align: end; - 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; - } -} - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Statistic - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Statistic -*******************************/ - -/* Standalone */ - -.ui.statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.ui.statistics > .statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0em 1.5em 2em; - max-width: auto; -} - -.ui.statistics { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1em -1.5em -2em; -} - -/* Clearing */ - -.ui.statistics:after { - display: block; - content: ' '; - height: 0px; - clear: both; - overflow: hidden; - visibility: hidden; -} - -.ui.statistics:first-child { - margin-top: 0em; -} - -.ui.statistics:last-child { - margin-bottom: 0em; -} - -/******************************* - Content -*******************************/ - -/*-------------- - Value ----------------*/ - -.ui.statistics .statistic > .value, -.ui.statistic > .value { - font-family: 'Public Sans', '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: 'Public Sans', '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 -2em; -} - -.ui.ten.statistics .statistic { - min-width: 10%; - margin: 0em 0em 2em; -} - -.ui.nine.statistics { - margin: 0em 0em -2em; -} - -.ui.nine.statistics .statistic { - min-width: 11.11111111%; - margin: 0em 0em 2em; -} - -.ui.eight.statistics { - margin: 0em 0em -2em; -} - -.ui.eight.statistics .statistic { - min-width: 12.5%; - margin: 0em 0em 2em; -} - -.ui.seven.statistics { - margin: 0em 0em -2em; -} - -.ui.seven.statistics .statistic { - min-width: 14.28571429%; - margin: 0em 0em 2em; -} - -.ui.six.statistics { - margin: 0em 0em -2em; -} - -.ui.six.statistics .statistic { - min-width: 16.66666667%; - margin: 0em 0em 2em; -} - -.ui.five.statistics { - margin: 0em 0em -2em; -} - -.ui.five.statistics .statistic { - min-width: 20%; - margin: 0em 0em 2em; -} - -.ui.four.statistics { - margin: 0em 0em -2em; -} - -.ui.four.statistics .statistic { - min-width: 25%; - margin: 0em 0em 2em; -} - -.ui.three.statistics { - margin: 0em 0em -2em; -} - -.ui.three.statistics .statistic { - min-width: 33.33333333%; - margin: 0em 0em 2em; -} - -.ui.two.statistics { - margin: 0em 0em -2em; -} - -.ui.two.statistics .statistic { - min-width: 50%; - margin: 0em 0em 2em; -} - -.ui.one.statistics { - margin: 0em 0em -2em; -} - -.ui.one.statistics .statistic { - min-width: 100%; - margin: 0em 0em 2em; -} - -/*-------------- - Horizontal ----------------*/ - -.ui.horizontal.statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.ui.horizontal.statistics { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0em; - max-width: none; -} - -.ui.horizontal.statistics .statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - 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; -} - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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: 'Public Sans', '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; - -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease; - vertical-align: baseline; - -webkit-transform: none; - 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; - -webkit-transform: rotate(180deg); - 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 { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} - -.ui.accordion.menu .item .active.title > .dropdown.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} - -/******************************* - Types -*******************************/ - -/*-------------- - Styled ----------------*/ - -.ui.styled.accordion { - width: 600px; -} - -.ui.styled.accordion, -.ui.styled.accordion .accordion { - border-radius: 0.28571429rem; - background: #ffffff; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), - 0px 0px 0px 1px rgba(34, 36, 38, 0.15); - 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); - -webkit-transition: background 0.1s ease, color 0.1s ease; - 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); -} - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: border 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease, -webkit-transform 0.1s ease, - -webkit-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); - -webkit-transition: border 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; -} - -/*-------------- - Label ----------------*/ - -/* Inside */ - -.ui.checkbox label, -.ui.checkbox + label { - color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease; - 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); -} - -.ui.checkbox input:active ~ label { - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - 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); -} - -.ui.checkbox input:focus ~ label { - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - 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); -} - -/*-------------- - 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); -} - -/*-------------- - 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); -} - -/*-------------- - 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: ''; - -webkit-transform: none; - 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; - -webkit-transform: scale(0.46666667); - 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); -} - -/* 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); -} - -/* 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); -} - -/*-------------- - 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; - -webkit-transform: none; - transform: none; - border-radius: 500rem; - -webkit-transition: background 0.3s ease; - transition: background 0.3s ease; -} - -/* Handle */ - -.ui.slider.checkbox .box:after, -.ui.slider.checkbox label:after { - background: #ffffff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - position: absolute; - content: '' !important; - opacity: 1; - z-index: 2; - border: none; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), - 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-transform: none; - transform: none; - border-radius: 500rem; - -webkit-transition: left 0.3s ease; - 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; - -webkit-transform: none; - transform: none; - border: none; - top: 0rem; - background: rgba(0, 0, 0, 0.05); - -webkit-box-shadow: none; - 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 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - position: absolute; - content: '' !important; - opacity: 1; - z-index: 2; - border: none; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), - 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-transition: background 0.3s ease, left 0.3s ease; - transition: background 0.3s ease, left 0.3s ease; -} - -.ui.toggle.checkbox input ~ .box:after, -.ui.toggle.checkbox input ~ label:after { - left: -0.05rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), - 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - 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; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), - 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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.85); - opacity: 0; - line-height: 1; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-transition: background-color 0.5s linear; - transition: background-color 0.5s linear; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -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: -webkit-box; - display: -ms-flexbox; - display: flex; - opacity: 1; -} - -/* Disabled */ - -.ui.disabled.dimmer { - width: 0 !important; - height: 0 !important; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Alignment ----------------*/ - -.ui[class*='top aligned'].dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} - -.ui[class*='bottom aligned'].dimmer { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; -} - -/*-------------- - Page ----------------*/ - -.ui.page.dimmer { - position: fixed; - -webkit-transform-style: ''; - transform-style: ''; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transform-origin: center center; - 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); - -webkit-transition: 800ms -webkit-filter ease; - 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); -} - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, - -webkit-box-shadow 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; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-transition: none; - 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; - -webkit-box-shadow: none; - 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: -webkit-box; - display: -ms-flexbox; - 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; - -webkit-transform: rotateZ(0deg); - 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); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, - -webkit-box-shadow 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; - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - -webkit-transition: opacity 0.1s ease; - 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); - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Active */ - -.ui.selection.active.dropdown { - border-color: #96c8da; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} - -.ui.selection.active.dropdown .menu { - border-color: #96c8da; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} - -/* Focus */ - -.ui.selection.dropdown:focus { - border-color: #96c8da; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.selection.dropdown:focus .menu { - border-color: #96c8da; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} - -.ui.selection.active.dropdown:hover .menu { - border-color: #96c8da; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - 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: 1; - 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; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -.ui.active.empty.selection.dropdown .menu { - border: none !important; - -webkit-box-shadow: 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; - -webkit-box-shadow: 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; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - 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.5em 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); - -webkit-box-shadow: none; - 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%; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - 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 { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes dropdown-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - 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 { - -webkit-transition: none; - 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; -} - -/*-------------------- - 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%; - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - 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; - -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); -} - -.ui.upward.selection.dropdown:hover { - -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); - 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 { - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - 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 { - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); -} - -.ui.upward.active.selection.dropdown:hover .menu { - -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); - 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; - -webkit-box-shadow: none !important; - 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; - -webkit-transition: opacity 0.1s ease; - 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; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; - 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; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - width: 0.5em; - height: 0.5em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-transform: rotate(45deg); - 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; - -webkit-transform: rotate(45deg); - 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; - -webkit-transform: rotate(-45deg); - 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; - -webkit-transform: rotate(135deg); - 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; - -webkit-transform: rotate(135deg); - 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; - -webkit-transform: rotate(-135deg); - 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; - -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - 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; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); -} - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - opacity: 0.5; - -webkit-transition: opacity 0.5s ease; - transition: opacity 0.5s ease; -} - -.ui.embed > .icon:before { - position: absolute; - top: 50%; - left: 50%; - z-index: 4; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - color: #ffffff; - font-size: 6rem; - text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2); - -webkit-transition: opacity 0.5s ease, color 0.5s ease; - transition: opacity 0.5s ease, color 0.5s ease; - z-index: 10; -} - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.embed .icon:hover:after { - background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - 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; -} - -/******************************* - 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.3.1 - Modal - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Modal -*******************************/ - -.ui.modal { - display: none; - z-index: 1001; - text-align: left; - background: #ffffff; - border: none; - -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), - 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), - 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - 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: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - background: #ffffff; - margin: 0em; - padding: 1.25rem 1.5rem; - -webkit-box-shadow: none; - 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: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; -} - -/* Image */ - -.ui.modal > .content > .image { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - width: ''; - -ms-flex-item-align: top; - align-self: top; -} - -.ui.modal > [class*='top aligned'] { - -ms-flex-item-align: top; - align-self: top; -} - -.ui.modal > [class*='middle aligned'] { - -ms-flex-item-align: middle; - align-self: middle; -} - -.ui.modal > [class*='stretched'] { - -ms-flex-item-align: stretch; - align-self: stretch; -} - -/* Description */ - -.ui.modal > .content > .description { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - min-width: 0px; - -ms-flex-item-align: top; - align-self: top; -} - -.ui.modal > .content > .icon + .description, -.ui.modal > .content > .image + .description { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - 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 { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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; - -webkit-box-shadow: none; - 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 { - -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); -} - -/******************************* - Types -*******************************/ - -.ui.basic.modal { - background-color: transparent; - border: none; - border-radius: 0em; - -webkit-box-shadow: none !important; - 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); -} - -/* 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; -} - -/*-------------- - Scrolling ----------------*/ - -/* Scrolling Dimmer */ - -.scrolling.dimmable.dimmed { - overflow: hidden; -} - -.scrolling.dimmable > .dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - 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 !important; -} - -/* 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(70vh); - overflow: auto; -} - -/*-------------- - Full Screen ----------------*/ - -.ui.fullscreen.modal { - width: 95% !important; - left: 0em !important; - margin: 1em auto; -} - -.ui.fullscreen.scrolling.modal { - left: 0em !important; -} - -.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; - } -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); - 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; - -webkit-transition: 0.2s background ease; - 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; - -webkit-transition: opacity 0.2s ease; - 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; -} - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - 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: 'Public Sans', '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; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - -webkit-box-shadow: 1px 1px 0px 0px #bababc; - 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; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - -webkit-box-shadow: 1px 1px 0px 0px #bababc; - 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; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - 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%; - -webkit-transform: translateX(-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; - -webkit-transform: rotate(45deg) scale(0) !important; - transform: rotate(45deg) scale(0) !important; - -webkit-transform-origin: center top; - transform-origin: center top; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} - -[data-tooltip]:after { - opacity: 1; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} - -[data-tooltip]:hover:before, -[data-tooltip]:hover:after { - visibility: visible; - pointer-events: auto; -} - -[data-tooltip]:hover:before { - -webkit-transform: rotate(45deg) scale(1) !important; - 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 { - -webkit-transform: translateX(-50%) scale(0) !important; - transform: translateX(-50%) scale(0) !important; -} - -[data-tooltip]:hover:after, -[data-tooltip][data-position='bottom center']:hover:after { - -webkit-transform: translateX(-50%) scale(1) !important; - transform: translateX(-50%) scale(1) !important; -} - -[data-tooltip][data-position='left center']:after, -[data-tooltip][data-position='right center']:after { - -webkit-transform: translateY(-50%) scale(0) !important; - transform: translateY(-50%) scale(0) !important; -} - -[data-tooltip][data-position='left center']:hover:after, -[data-tooltip][data-position='right center']:hover:after { - -webkit-transform: translateY(-50%) scale(1) !important; - 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 { - -webkit-transform: scale(0) !important; - 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 { - -webkit-transform: scale(1) !important; - transform: scale(1) !important; -} - -/*-------------- - Inverted ----------------*/ - -/* Arrow */ - -[data-tooltip][data-inverted]:before { - -webkit-box-shadow: none !important; - 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; - -webkit-box-shadow: 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%; - -webkit-transform: translateX(-50%); - 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%; - -webkit-transform: translateX(-50%); - 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; - -webkit-transform: translateY(-50%); - 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; - -webkit-transform: translateY(-50%); - 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; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; -} - -[data-position='left center'][data-tooltip]:before { - background: #ffffff; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; -} - -[data-position='right center'][data-tooltip]:before { - background: #ffffff; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - 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; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; -} - -[data-inverted][data-position='left center'][data-tooltip]:before { - background: #1b1c1d; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; -} - -[data-inverted][data-position='right center'][data-tooltip]:before { - background: #1b1c1d; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; -} - -[data-inverted][data-position~='top'][data-tooltip]:before { - background: #1b1c1d; -} - -[data-position~='bottom'][data-tooltip]:before { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} - -[data-position~='bottom'][data-tooltip]:after { - -webkit-transform-origin: center top; - transform-origin: center top; -} - -[data-position='left center'][data-tooltip]:before { - -webkit-transform-origin: top center; - transform-origin: top center; -} - -[data-position='left center'][data-tooltip]:after { - -webkit-transform-origin: right center; - transform-origin: right center; -} - -[data-position='right center'][data-tooltip]:before { - -webkit-transform-origin: right center; - transform-origin: right center; -} - -[data-position='right center'][data-tooltip]:after { - -webkit-transform-origin: left center; - transform-origin: left center; -} - -/*-------------- - Spacing ----------------*/ - -.ui.popup { - margin: 0em; -} - -/* Extending from Top */ - -.ui.top.popup { - margin: 0em 0em 0.71428571em; -} - -.ui.top.left.popup { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; -} - -.ui.top.center.popup { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} - -.ui.top.right.popup { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; -} - -/* Extending from Vertical Center */ - -.ui.left.center.popup { - margin: 0em 0.71428571em 0em 0em; - -webkit-transform-origin: right 50%; - transform-origin: right 50%; -} - -.ui.right.center.popup { - margin: 0em 0em 0em 0.71428571em; - -webkit-transform-origin: left 50%; - transform-origin: left 50%; -} - -/* Extending from Bottom */ - -.ui.bottom.popup { - margin: 0.71428571em 0em 0em; -} - -.ui.bottom.left.popup { - -webkit-transform-origin: left top; - transform-origin: left top; -} - -.ui.bottom.center.popup { - -webkit-transform-origin: center top; - transform-origin: center top; -} - -.ui.bottom.right.popup { - -webkit-transform-origin: right top; - transform-origin: right top; -} - -/*-------------- - Pointer ----------------*/ - -/*--- Below ---*/ - -.ui.bottom.center.popup:before { - margin-left: -0.30714286em; - top: -0.30714286em; - left: 50%; - right: auto; - bottom: auto; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - 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; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - 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; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - 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; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - 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; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - 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 { - -webkit-transform: translateZ(0px); - 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; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.inverted.popup .header { - background-color: none; - color: #ffffff; -} - -.ui.inverted.popup:before { - background-color: #1b1c1d; - -webkit-box-shadow: none !important; - 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; -} - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: none; - 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; - -webkit-transition: width 0.1s ease, background-color 0.1s ease; - 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; - -webkit-transition: color 0.4s ease; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Rating - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Rating -*******************************/ - -.ui.rating { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - 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; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - cursor: pointer; - width: 1.25em; - height: auto; - -webkit-transition: opacity 0.1s ease, background 0.1s ease, - text-shadow 0.1s ease, color 0.1s ease; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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); - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: background-color 0.1s ease, color 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, - border-color 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 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%; - -webkit-transform-origin: center top; - transform-origin: center top; - white-space: normal; - background: #ffffff; - margin-top: 0.5em; - width: 18em; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - 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: 'Public Sans', '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: 'Public Sans', '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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - 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; - -webkit-box-shadow: none; - 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; - -webkit-transition: color 0.1s ease, opacity 0.1s ease; - 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; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background 0.1s ease, border-color 0.1s ease; - 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: 'Public Sans', '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); - -webkit-transition: background 0.1s ease, border-color 0.1s ease; - 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); - } -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - 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; - 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, - -webkit-transform 0.6s ease-in-out; -} - -.ui.shape .sides { - -webkit-transform-style: preserve-3d; - 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); - -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); - 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 { - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - 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; - 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, - -webkit-transform 0.6s ease-in-out; -} - -.ui.shape.animating .side { - -webkit-transition: opacity 0.6s ease-in-out; - transition: opacity 0.6s ease-in-out; -} - -/*-------------- - Active ----------------*/ - -.ui.shape .active.side { - display: block; -} - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-transition: none; - transition: none; - will-change: transform; - -webkit-transform: translate3d(0, 0, 0); - 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; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} - -.ui.right.sidebar { - right: 0px !important; - left: auto !important; - -webkit-transform: translate3d(100%, 0%, 0); - 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; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} - -.ui.bottom.sidebar { - top: auto !important; - bottom: 0px !important; - -webkit-transform: translate3d(0, 100%, 0); - 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) { - -webkit-transform: translate3d(0, 0, 0); - 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; - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-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%; - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-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; - -webkit-transition: opacity 500ms; - 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; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -/* Shadow Direction */ - -.ui.left.visible.sidebar, -.ui.right.visible.sidebar { - -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); -} - -.ui.top.visible.sidebar, -.ui.bottom.visible.sidebar { - -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); -} - -/* Visible On Load */ - -.ui.visible.left.sidebar ~ .fixed, -.ui.visible.left.sidebar ~ .pusher { - -webkit-transform: translate3d(260px, 0, 0); - transform: translate3d(260px, 0, 0); -} - -.ui.visible.right.sidebar ~ .fixed, -.ui.visible.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-260px, 0, 0); - transform: translate3d(-260px, 0, 0); -} - -.ui.visible.top.sidebar ~ .fixed, -.ui.visible.top.sidebar ~ .pusher { - -webkit-transform: translate3d(0, 36px, 0); - transform: translate3d(0, 36px, 0); -} - -.ui.visible.bottom.sidebar ~ .fixed, -.ui.visible.bottom.sidebar ~ .pusher { - -webkit-transform: translate3d(0, -36px, 0); - 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 { - -webkit-transform: translate3d(0, 0, 0); - 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 { - -webkit-transform: translate3d(150px, 0, 0); - transform: translate3d(150px, 0, 0); -} - -.ui.visible[class*='very thin'].left.sidebar ~ .fixed, -.ui.visible[class*='very thin'].left.sidebar ~ .pusher { - -webkit-transform: translate3d(60px, 0, 0); - transform: translate3d(60px, 0, 0); -} - -.ui.visible.wide.left.sidebar ~ .fixed, -.ui.visible.wide.left.sidebar ~ .pusher { - -webkit-transform: translate3d(350px, 0, 0); - transform: translate3d(350px, 0, 0); -} - -.ui.visible[class*='very wide'].left.sidebar ~ .fixed, -.ui.visible[class*='very wide'].left.sidebar ~ .pusher { - -webkit-transform: translate3d(475px, 0, 0); - transform: translate3d(475px, 0, 0); -} - -/* Right Visible */ - -.ui.visible.thin.right.sidebar ~ .fixed, -.ui.visible.thin.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-150px, 0, 0); - transform: translate3d(-150px, 0, 0); -} - -.ui.visible[class*='very thin'].right.sidebar ~ .fixed, -.ui.visible[class*='very thin'].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-60px, 0, 0); - transform: translate3d(-60px, 0, 0); -} - -.ui.visible.wide.right.sidebar ~ .fixed, -.ui.visible.wide.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-350px, 0, 0); - transform: translate3d(-350px, 0, 0); -} - -.ui.visible[class*='very wide'].right.sidebar ~ .fixed, -.ui.visible[class*='very wide'].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-475px, 0, 0); - transform: translate3d(-475px, 0, 0); -} - -/******************************* - Animations -*******************************/ - -/*-------------- - Overlay ----------------*/ - -/* Set-up */ - -.ui.overlay.sidebar { - z-index: 102; -} - -/* Initial */ - -.ui.left.overlay.sidebar { - -webkit-transform: translate3d(-100%, 0%, 0); - transform: translate3d(-100%, 0%, 0); -} - -.ui.right.overlay.sidebar { - -webkit-transform: translate3d(100%, 0%, 0); - transform: translate3d(100%, 0%, 0); -} - -.ui.top.overlay.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); -} - -.ui.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); -} - -/* Animation */ - -.animating.ui.overlay.sidebar, -.ui.visible.overlay.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/* End - Sidebar */ - -.ui.visible.left.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} - -.ui.visible.right.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} - -.ui.visible.top.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} - -.ui.visible.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} - -/* End - Pusher */ - -.ui.visible.overlay.sidebar ~ .fixed, -.ui.visible.overlay.sidebar ~ .pusher { - -webkit-transform: none !important; - transform: none !important; -} - -/*-------------- - Push ----------------*/ - -/* Initial */ - -.ui.push.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; - z-index: 102; -} - -/* Sidebar - Initial */ - -.ui.left.push.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} - -.ui.right.push.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} - -.ui.top.push.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); -} - -.ui.bottom.push.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); -} - -/* End */ - -.ui.visible.push.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); -} - -/*-------------- - Uncover ----------------*/ - -/* Initial */ - -.ui.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - z-index: 1; -} - -/* End */ - -.ui.visible.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/*-------------- - Slide Along ----------------*/ - -/* Initial */ - -.ui.slide.along.sidebar { - z-index: 1; -} - -/* Sidebar - Initial */ - -.ui.left.slide.along.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); -} - -.ui.right.slide.along.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); -} - -.ui.top.slide.along.sidebar { - -webkit-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); -} - -.ui.bottom.slide.along.sidebar { - -webkit-transform: translate3d(0%, 50%, 0); - transform: translate3d(0%, 50%, 0); -} - -/* Animation */ - -.ui.animating.slide.along.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/* End */ - -.ui.visible.slide.along.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); -} - -/*-------------- - Slide Out ----------------*/ - -/* Initial */ - -.ui.slide.out.sidebar { - z-index: 1; -} - -/* Sidebar - Initial */ - -.ui.left.slide.out.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); -} - -.ui.right.slide.out.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); -} - -.ui.top.slide.out.sidebar { - -webkit-transform: translate3d(0%, 50%, 0); - transform: translate3d(0%, 50%, 0); -} - -.ui.bottom.slide.out.sidebar { - -webkit-transform: translate3d(0%, -50%, 0); - transform: translate3d(0%, -50%, 0); -} - -/* Animation */ - -.ui.animating.slide.out.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/* End */ - -.ui.visible.slide.out.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); -} - -/*-------------- - Scale Down ----------------*/ - -/* Initial */ - -.ui.scale.down.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; - z-index: 102; -} - -/* Sidebar - Initial */ - -.ui.left.scale.down.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} - -.ui.right.scale.down.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} - -.ui.top.scale.down.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); -} - -.ui.bottom.scale.down.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); -} - -/* Pusher - Initial */ - -.ui.scale.down.left.sidebar ~ .pusher { - -webkit-transform-origin: 75% 50%; - transform-origin: 75% 50%; -} - -.ui.scale.down.right.sidebar ~ .pusher { - -webkit-transform-origin: 25% 50%; - transform-origin: 25% 50%; -} - -.ui.scale.down.top.sidebar ~ .pusher { - -webkit-transform-origin: 50% 75%; - transform-origin: 50% 75%; -} - -.ui.scale.down.bottom.sidebar ~ .pusher { - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; -} - -/* Animation */ - -.ui.animating.scale.down > .visible.ui.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-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 { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -.ui.visible.scale.down.sidebar ~ .pusher { - -webkit-transform: scale(0.75); - transform: scale(0.75); -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Sticky - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Sticky -*******************************/ - -.ui.sticky { - position: static; - -webkit-transition: none; - 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; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - 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; -} - -/******************************* - Site Overrides -*******************************/ diff --git a/front/app/assets/semantic/semantic.min.css b/front/app/assets/semantic/semantic.min.css deleted file mode 100755 index 216e3e8eaf14..000000000000 --- a/front/app/assets/semantic/semantic.min.css +++ /dev/null @@ -1,25112 +0,0 @@ -/* - * # Semantic UI - 2.3.1 - * https://github.com/Semantic-Org/Semantic-UI - * http://www.semantic-ui.com/ - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -/*! - * # Semantic UI 2.3.1 - Reset - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -*, -:after, -:before { - -webkit-box-sizing: inherit; - box-sizing: inherit; -} -html { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -input[type='email'], -input[type='password'], -input[type='search'], -input[type='text'] { - -webkit-appearance: none; - -moz-appearance: none; -} -button, -input, -optgroup, -select, -textarea { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; -} /*! - * # Semantic UI 2.3.1 - Site - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -body, -html { - height: 100%; -} -html { - font-size: 14px; -} -body { - margin: 0; - padding: 0; - overflow-x: hidden; - min-width: 320px; - background: #fff; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 14px; - line-height: 1.4285em; - color: rgba(0, 0, 0, 0.87); - font-smoothing: antialiased; -} -a { - color: #4183c4; - text-decoration: none; -} -a:hover { - color: #1e70bf; - text-decoration: none; -} -::-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); -} -input::-webkit-selection, -textarea::-webkit-selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} -input::-moz-selection, -textarea::-moz-selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} -input::selection, -textarea::selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} -body ::-webkit-scrollbar { - -webkit-appearance: none; - width: 10px; - height: 10px; -} -body ::-webkit-scrollbar-track { - background: rgba(0, 0, 0, 0.1); - border-radius: 0; -} -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); -} -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); -} /*! - * # Semantic UI 2.3.1 - Button - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.button { - cursor: pointer; - display: inline-block; - min-height: 1em; - outline: 0; - border: none; - vertical-align: baseline; - background: #e0e1e2 none; - color: rgba(0, 0, 0, 0.6); - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - margin: 0 0.25em 0 0; - padding: 0.78571429em 1.5em 0.78571429em; - text-transform: none; - text-shadow: none; - font-weight: 700; - line-height: 1em; - font-style: normal; - text-align: center; - text-decoration: none; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 1px transparent inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, - color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, background 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - will-change: ''; - -webkit-tap-highlight-color: transparent; -} -.ui.button:hover { - background-color: #cacbcd; - background-image: none; - -webkit-box-shadow: 0 0 0 1px transparent inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - color: rgba(0, 0, 0, 0.8); -} -.ui.button:hover .icon { - opacity: 0.85; -} -.ui.button:focus { - background-color: #cacbcd; - color: rgba(0, 0, 0, 0.8); - background-image: '' !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; -} -.ui.button:focus .icon { - opacity: 0.85; -} -.ui.active.button:active, -.ui.button:active { - background-color: #babbbc; - background-image: ''; - color: rgba(0, 0, 0, 0.9); - -webkit-box-shadow: 0 0 0 1px transparent inset, none; - box-shadow: 0 0 0 1px transparent inset, none; -} -.ui.active.button { - background-color: #c0c1c2; - background-image: none; - -webkit-box-shadow: 0 0 0 1px transparent inset; - box-shadow: 0 0 0 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; -} -.ui.loading.loading.loading.loading.loading.loading.button { - position: relative; - cursor: default; - text-shadow: none !important; - color: transparent !important; - opacity: 1; - pointer-events: auto; - -webkit-transition: all 0s linear, opacity 0.1s ease; - transition: all 0s linear, opacity 0.1s ease; -} -.ui.loading.button:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0 0 -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 0 0 -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: #fff transparent transparent; - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; -} -.ui.labeled.icon.loading.button .icon { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} -@-webkit-keyframes button-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes button-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - 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; -} -.ui.button:disabled, -.ui.buttons .disabled.button, -.ui.disabled.active.button, -.ui.disabled.button, -.ui.disabled.button:hover { - cursor: default; - opacity: 0.45 !important; - background-image: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - pointer-events: none !important; -} -.ui.basic.buttons .ui.disabled.button { - border-color: rgba(34, 36, 38, 0.5); -} -.ui.animated.button { - position: relative; - overflow: hidden; - padding-right: 0 !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%; -} -.ui.animated.button .hidden.content, -.ui.animated.button .visible.content { - -webkit-transition: right 0.3s ease 0s; - 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; -} -.ui.vertical.animated.button .hidden.content, -.ui.vertical.animated.button .visible.content { - -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; -} -.ui.vertical.animated.button .visible.content { - -webkit-transform: translateY(0); - 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 { - -webkit-transform: translateY(200%); - transform: translateY(200%); - right: auto; -} -.ui.vertical.animated.button:focus .hidden.content, -.ui.vertical.animated.button:hover .hidden.content { - top: 50%; - right: auto; -} -.ui.fade.animated.button .hidden.content, -.ui.fade.animated.button .visible.content { - -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease, - -webkit-transform 0.3s ease; -} -.ui.fade.animated.button .visible.content { - left: auto; - right: auto; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -.ui.fade.animated.button .hidden.content { - opacity: 0; - left: 0; - right: auto; - -webkit-transform: scale(1.5); - transform: scale(1.5); -} -.ui.fade.animated.button:focus .visible.content, -.ui.fade.animated.button:hover .visible.content { - left: auto; - right: auto; - opacity: 0; - -webkit-transform: scale(0.75); - transform: scale(0.75); -} -.ui.fade.animated.button:focus .hidden.content, -.ui.fade.animated.button:hover .hidden.content { - left: 0; - right: auto; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -.ui.inverted.button { - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; - background: transparent none; - color: #fff; - text-shadow: none !important; -} -.ui.inverted.buttons .button { - margin: 0 0 0 -2px; -} -.ui.inverted.buttons .button:first-child { - margin-left: 0; -} -.ui.inverted.vertical.buttons .button { - margin: 0 0 -2px 0; -} -.ui.inverted.vertical.buttons .button:first-child { - margin-top: 0; -} -.ui.inverted.button:hover { - background: #fff; - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; - color: rgba(0, 0, 0, 0.8); -} -.ui.inverted.button.active, -.ui.inverted.button:focus { - background: #fff; - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; - color: rgba(0, 0, 0, 0.8); -} -.ui.inverted.button.active:focus { - background: #dcddde; - -webkit-box-shadow: 0 0 0 2px #dcddde inset !important; - box-shadow: 0 0 0 2px #dcddde inset !important; - color: rgba(0, 0, 0, 0.8); -} -.ui.labeled.button:not(.icon) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background: 0 0 !important; - padding: 0 !important; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.labeled.button > .button { - margin: 0; -} -.ui.labeled.button > .label { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 0 -1px !important; - padding: ''; - font-size: 1em; - border-color: rgba(34, 36, 38, 0.15); -} -.ui.labeled.button > .tag.label:before { - width: 1.85em; - height: 1.85em; -} -.ui.labeled.button:not([class*='left labeled']) > .button { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.ui.labeled.button:not([class*='left labeled']) > .label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.ui[class*='left labeled'].button > .button { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.ui[class*='left labeled'].button > .label { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.ui.facebook.button { - background-color: #3b5998; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.facebook.button:hover { - background-color: #304d8a; - color: #fff; - text-shadow: none; -} -.ui.facebook.button:active { - background-color: #2d4373; - color: #fff; - text-shadow: none; -} -.ui.twitter.button { - background-color: #55acee; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.twitter.button:hover { - background-color: #35a2f4; - color: #fff; - text-shadow: none; -} -.ui.twitter.button:active { - background-color: #2795e9; - color: #fff; - text-shadow: none; -} -.ui.google.plus.button { - background-color: #dd4b39; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.google.plus.button:hover { - background-color: #e0321c; - color: #fff; - text-shadow: none; -} -.ui.google.plus.button:active { - background-color: #c23321; - color: #fff; - text-shadow: none; -} -.ui.linkedin.button { - background-color: #1f88be; - color: #fff; - text-shadow: none; -} -.ui.linkedin.button:hover { - background-color: #147baf; - color: #fff; - text-shadow: none; -} -.ui.linkedin.button:active { - background-color: #186992; - color: #fff; - text-shadow: none; -} -.ui.youtube.button { - background-color: red; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.youtube.button:hover { - background-color: #e60000; - color: #fff; - text-shadow: none; -} -.ui.youtube.button:active { - background-color: #c00; - color: #fff; - text-shadow: none; -} -.ui.instagram.button { - background-color: #49769c; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.instagram.button:hover { - background-color: #3d698e; - color: #fff; - text-shadow: none; -} -.ui.instagram.button:active { - background-color: #395c79; - color: #fff; - text-shadow: none; -} -.ui.pinterest.button { - background-color: #bd081c; - color: #fff; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.pinterest.button:hover { - background-color: #ac0013; - color: #fff; - text-shadow: none; -} -.ui.pinterest.button:active { - background-color: #8c0615; - color: #fff; - text-shadow: none; -} -.ui.vk.button { - background-color: #4d7198; - color: #fff; - background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.vk.button:hover { - background-color: #41648a; - color: #fff; -} -.ui.vk.button:active { - background-color: #3c5876; - color: #fff; -} -.ui.button > .icon:not(.button) { - height: 0.85714286em; - opacity: 0.8; - margin: 0 0.42857143em 0 -0.21428571em; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; - vertical-align: ''; - color: ''; -} -.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) { - margin: 0 0.42857143em 0 -0.21428571em; -} -.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { - margin: 0 -0.21428571em 0 0.42857143em; -} -.ui[class*='left floated'].button, -.ui[class*='left floated'].buttons { - float: left; - margin-left: 0; - margin-right: 0.25em; -} -.ui[class*='right floated'].button, -.ui[class*='right floated'].buttons { - float: right; - margin-right: 0; - margin-left: 0.25em; -} -.ui.compact.button, -.ui.compact.buttons .button { - padding: 0.58928571em 1.125em 0.58928571em; -} -.ui.compact.icon.button, -.ui.compact.icon.buttons .button { - padding: 0.58928571em 0.58928571em 0.58928571em; -} -.ui.compact.labeled.icon.button, -.ui.compact.labeled.icon.buttons .button { - padding: 0.58928571em 3.69642857em 0.58928571em; -} -.ui.mini.button, -.ui.mini.buttons .button, -.ui.mini.buttons .or { - font-size: 0.78571429rem; -} -.ui.tiny.button, -.ui.tiny.buttons .button, -.ui.tiny.buttons .or { - font-size: 0.85714286rem; -} -.ui.small.button, -.ui.small.buttons .button, -.ui.small.buttons .or { - font-size: 0.92857143rem; -} -.ui.button, -.ui.buttons .button, -.ui.buttons .or { - font-size: 1rem; -} -.ui.large.button, -.ui.large.buttons .button, -.ui.large.buttons .or { - font-size: 1.14285714rem; -} -.ui.big.button, -.ui.big.buttons .button, -.ui.big.buttons .or { - font-size: 1.28571429rem; -} -.ui.huge.button, -.ui.huge.buttons .button, -.ui.huge.buttons .or { - font-size: 1.42857143rem; -} -.ui.massive.button, -.ui.massive.buttons .button, -.ui.massive.buttons .or { - font-size: 1.71428571rem; -} -.ui.icon.button, -.ui.icon.buttons .button { - padding: 0.78571429em 0.78571429em 0.78571429em; -} -.ui.icon.button > .icon, -.ui.icon.buttons .button > .icon { - opacity: 0.9; - margin: 0 !important; - vertical-align: top; -} -.ui.basic.button, -.ui.basic.buttons .button { - background: transparent none !important; - color: rgba(0, 0, 0, 0.6) !important; - font-weight: 400; - border-radius: 0.28571429rem; - text-transform: none; - text-shadow: none !important; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; -} -.ui.basic.buttons { - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; -} -.ui.basic.buttons .button { - border-radius: 0; -} -.ui.basic.button:hover, -.ui.basic.buttons .button:hover { - background: #fff !important; - color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.basic.button:focus, -.ui.basic.buttons .button:focus { - background: #fff !important; - color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.basic.button:active, -.ui.basic.buttons .button:active { - background: #f8f8f8 !important; - color: rgba(0, 0, 0, 0.9) !important; - -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, - 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, - 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.basic.active.button, -.ui.basic.buttons .active.button { - background: rgba(0, 0, 0, 0.05) !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; - color: rgba(0, 0, 0, 0.95) !important; -} -.ui.basic.active.button:hover, -.ui.basic.buttons .active.button:hover { - background-color: rgba(0, 0, 0, 0.05); -} -.ui.basic.buttons .button:hover { - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset; -} -.ui.basic.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, - 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, - 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset; -} -.ui.basic.buttons .active.button { - -webkit-box-shadow: '' !important; - box-shadow: '' !important; -} -.ui.basic.inverted.button, -.ui.basic.inverted.buttons .button { - background-color: transparent !important; - color: #f9fafb !important; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; -} -.ui.basic.inverted.button:hover, -.ui.basic.inverted.buttons .button:hover { - color: #fff !important; - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; -} -.ui.basic.inverted.button:focus, -.ui.basic.inverted.buttons .button:focus { - color: #fff !important; - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; -} -.ui.basic.inverted.button:active, -.ui.basic.inverted.buttons .button:active { - background-color: rgba(255, 255, 255, 0.08) !important; - color: #fff !important; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset !important; -} -.ui.basic.inverted.active.button, -.ui.basic.inverted.buttons .active.button { - background-color: rgba(255, 255, 255, 0.08); - color: #fff; - text-shadow: none; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset; -} -.ui.basic.inverted.active.button:hover, -.ui.basic.inverted.buttons .active.button:hover { - background-color: rgba(255, 255, 255, 0.15); - -webkit-box-shadow: 0 0 0 2px #fff inset !important; - box-shadow: 0 0 0 2px #fff inset !important; -} -.ui.basic.buttons .button { - border-left: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.basic.vertical.buttons .button { - border-left: none; -} -.ui.basic.vertical.buttons .button { - border-left-width: 0; - border-top: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.basic.vertical.buttons .button:first-child { - border-top-width: 0; -} -.ui.labeled.icon.button, -.ui.labeled.icon.buttons .button { - position: relative; - padding-left: 4.07142857em !important; - padding-right: 1.5em !important; -} -.ui.labeled.icon.button > .icon, -.ui.labeled.icon.buttons > .button > .icon { - position: absolute; - height: 100%; - line-height: 1; - border-radius: 0; - border-top-left-radius: inherit; - border-bottom-left-radius: inherit; - text-align: center; - margin: 0; - width: 2.57142857em; - background-color: rgba(0, 0, 0, 0.05); - color: ''; - -webkit-box-shadow: -1px 0 0 0 transparent inset; - box-shadow: -1px 0 0 0 transparent inset; -} -.ui.labeled.icon.button > .icon, -.ui.labeled.icon.buttons > .button > .icon { - top: 0; - left: 0; -} -.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: 0; - border-radius: 0; - border-top-right-radius: inherit; - border-bottom-right-radius: inherit; - -webkit-box-shadow: 1px 0 0 0 transparent inset; - box-shadow: 1px 0 0 0 transparent inset; -} -.ui.labeled.icon.button > .icon:after, -.ui.labeled.icon.button > .icon:before, -.ui.labeled.icon.buttons > .button > .icon:after, -.ui.labeled.icon.buttons > .button > .icon:before { - display: block; - position: absolute; - width: 100%; - top: 50%; - text-align: center; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.ui.labeled.icon.buttons .button > .icon { - border-radius: 0; -} -.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: 0; - border-top-left-radius: 0.28571429rem; -} -.ui.vertical.labeled.icon.buttons .button:last-child > .icon { - border-radius: 0; - border-bottom-left-radius: 0.28571429rem; -} -.ui.fluid[class*='left labeled'].icon.button, -.ui.fluid[class*='right labeled'].icon.button { - padding-left: 1.5em !important; - padding-right: 1.5em !important; -} -.ui.button.toggle.active, -.ui.buttons .button.toggle.active, -.ui.toggle.buttons .active.button { - background-color: #21ba45 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - text-shadow: none; - color: #fff !important; -} -.ui.button.toggle.active:hover { - background-color: #16ab39 !important; - text-shadow: none; - color: #fff !important; -} -.ui.circular.button { - border-radius: 10em; -} -.ui.circular.button > .icon { - width: 1em; - vertical-align: baseline; -} -.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: #fff; - 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: 700; - -webkit-box-shadow: 0 0 0 1px transparent inset; - box-shadow: 0 0 0 1px transparent inset; -} -.ui.buttons .or[data-text]:before { - content: attr(data-text); -} -.ui.fluid.buttons .or { - width: 0 !important; -} -.ui.fluid.buttons .or:after { - display: none; -} -.ui.attached.button { - position: relative; - display: block; - margin: 0; - border-radius: 0; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) !important; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) !important; -} -.ui.attached.top.button { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.attached.bottom.button { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.left.attached.button { - display: inline-block; - border-left: none; - text-align: right; - padding-right: 0.75em; - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui.right.attached.button { - display: inline-block; - text-align: left; - padding-left: 0.75em; - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.ui.attached.buttons { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: 0; - width: auto !important; - z-index: 2; - margin-left: -1px; - margin-right: -1px; -} -.ui.attached.buttons .button { - margin: 0; -} -.ui.attached.buttons .button:first-child { - border-radius: 0; -} -.ui.attached.buttons .button:last-child { - border-radius: 0; -} -.ui[class*='top attached'].buttons { - margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui[class*='top attached'].buttons .button:first-child { - border-radius: 0.28571429rem 0 0 0; -} -.ui[class*='top attached'].buttons .button:last-child { - border-radius: 0 0.28571429rem 0 0; -} -.ui[class*='bottom attached'].buttons { - margin-top: -1px; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui[class*='bottom attached'].buttons .button:first-child { - border-radius: 0 0 0 0.28571429rem; -} -.ui[class*='bottom attached'].buttons .button:last-child { - border-radius: 0 0 0.28571429rem 0; -} -.ui[class*='left attached'].buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin-right: 0; - margin-left: -1px; - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.ui[class*='left attached'].buttons .button:first-child { - margin-left: -1px; - border-radius: 0 0.28571429rem 0 0; -} -.ui[class*='left attached'].buttons .button:last-child { - margin-left: -1px; - border-radius: 0 0 0.28571429rem 0; -} -.ui[class*='right attached'].buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin-left: 0; - margin-right: -1px; - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui[class*='right attached'].buttons .button:first-child { - margin-left: -1px; - border-radius: 0.28571429rem 0 0 0; -} -.ui[class*='right attached'].buttons .button:last-child { - margin-left: -1px; - border-radius: 0 0 0 0.28571429rem; -} -.ui.fluid.button, -.ui.fluid.buttons { - 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%; -} -.ui.fluid.vertical.buttons, -.ui.fluid.vertical.buttons > .button { - display: -webkit-box; - display: -ms-flexbox; - 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%; -} -.ui.black.button, -.ui.black.buttons .button { - background-color: #1b1c1d; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.black.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.black.button:hover, -.ui.black.buttons .button:hover { - background-color: #27292a; - color: #fff; - text-shadow: none; -} -.ui.black.button:focus, -.ui.black.buttons .button:focus { - background-color: #2f3032; - color: #fff; - text-shadow: none; -} -.ui.black.button:active, -.ui.black.buttons .button:active { - background-color: #343637; - color: #fff; - text-shadow: none; -} -.ui.black.active.button, -.ui.black.button .active.button:active, -.ui.black.buttons .active.button, -.ui.black.buttons .active.button:active { - background-color: #0f0f10; - color: #fff; - text-shadow: none; -} -.ui.basic.black.button, -.ui.basic.black.buttons .button { - -webkit-box-shadow: 0 0 0 1px #1b1c1d inset !important; - box-shadow: 0 0 0 1px #1b1c1d inset !important; - color: #1b1c1d !important; -} -.ui.basic.black.button:hover, -.ui.basic.black.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #27292a inset !important; - box-shadow: 0 0 0 1px #27292a inset !important; - color: #27292a !important; -} -.ui.basic.black.button:focus, -.ui.basic.black.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #2f3032 inset !important; - box-shadow: 0 0 0 1px #2f3032 inset !important; - color: #27292a !important; -} -.ui.basic.black.active.button, -.ui.basic.black.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #0f0f10 inset !important; - box-shadow: 0 0 0 1px #0f0f10 inset !important; - color: #343637 !important; -} -.ui.basic.black.button:active, -.ui.basic.black.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #343637 inset !important; - box-shadow: 0 0 0 1px #343637 inset !important; - color: #343637 !important; -} -.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.black.button, -.ui.inverted.black.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #d4d4d5 inset !important; - box-shadow: 0 0 0 2px #d4d4d5 inset !important; - color: #fff; -} -.ui.inverted.black.button.active, -.ui.inverted.black.button:active, -.ui.inverted.black.button:focus, -.ui.inverted.black.button:hover, -.ui.inverted.black.buttons .button.active, -.ui.inverted.black.buttons .button:active, -.ui.inverted.black.buttons .button:focus, -.ui.inverted.black.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.black.button:hover, -.ui.inverted.black.buttons .button:hover { - background-color: #000; -} -.ui.inverted.black.button:focus, -.ui.inverted.black.buttons .button:focus { - background-color: #000; -} -.ui.inverted.black.active.button, -.ui.inverted.black.buttons .active.button { - background-color: #000; -} -.ui.inverted.black.button:active, -.ui.inverted.black.buttons .button:active { - background-color: #000; -} -.ui.inverted.black.basic.button, -.ui.inverted.black.basic.buttons .button, -.ui.inverted.black.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.black.basic.button:hover, -.ui.inverted.black.basic.buttons .button:hover, -.ui.inverted.black.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #000 inset !important; - box-shadow: 0 0 0 2px #000 inset !important; - color: #fff !important; -} -.ui.inverted.black.basic.button:focus, -.ui.inverted.black.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #000 inset !important; - box-shadow: 0 0 0 2px #000 inset !important; - color: #545454 !important; -} -.ui.inverted.black.basic.active.button, -.ui.inverted.black.basic.buttons .active.button, -.ui.inverted.black.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #000 inset !important; - box-shadow: 0 0 0 2px #000 inset !important; - color: #fff !important; -} -.ui.inverted.black.basic.button:active, -.ui.inverted.black.basic.buttons .button:active, -.ui.inverted.black.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #000 inset !important; - box-shadow: 0 0 0 2px #000 inset !important; - color: #fff !important; -} -.ui.grey.button, -.ui.grey.buttons .button { - background-color: #767676; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.grey.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.grey.button:hover, -.ui.grey.buttons .button:hover { - background-color: #838383; - color: #fff; - text-shadow: none; -} -.ui.grey.button:focus, -.ui.grey.buttons .button:focus { - background-color: #8a8a8a; - color: #fff; - text-shadow: none; -} -.ui.grey.button:active, -.ui.grey.buttons .button:active { - background-color: #909090; - color: #fff; - text-shadow: none; -} -.ui.grey.active.button, -.ui.grey.button .active.button:active, -.ui.grey.buttons .active.button, -.ui.grey.buttons .active.button:active { - background-color: #696969; - color: #fff; - text-shadow: none; -} -.ui.basic.grey.button, -.ui.basic.grey.buttons .button { - -webkit-box-shadow: 0 0 0 1px #767676 inset !important; - box-shadow: 0 0 0 1px #767676 inset !important; - color: #767676 !important; -} -.ui.basic.grey.button:hover, -.ui.basic.grey.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #838383 inset !important; - box-shadow: 0 0 0 1px #838383 inset !important; - color: #838383 !important; -} -.ui.basic.grey.button:focus, -.ui.basic.grey.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #8a8a8a inset !important; - box-shadow: 0 0 0 1px #8a8a8a inset !important; - color: #838383 !important; -} -.ui.basic.grey.active.button, -.ui.basic.grey.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #696969 inset !important; - box-shadow: 0 0 0 1px #696969 inset !important; - color: #909090 !important; -} -.ui.basic.grey.button:active, -.ui.basic.grey.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #909090 inset !important; - box-shadow: 0 0 0 1px #909090 inset !important; - color: #909090 !important; -} -.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.grey.button, -.ui.inverted.grey.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #d4d4d5 inset !important; - box-shadow: 0 0 0 2px #d4d4d5 inset !important; - color: #fff; -} -.ui.inverted.grey.button.active, -.ui.inverted.grey.button:active, -.ui.inverted.grey.button:focus, -.ui.inverted.grey.button:hover, -.ui.inverted.grey.buttons .button.active, -.ui.inverted.grey.buttons .button:active, -.ui.inverted.grey.buttons .button:focus, -.ui.inverted.grey.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} -.ui.inverted.grey.button:hover, -.ui.inverted.grey.buttons .button:hover { - background-color: #cfd0d2; -} -.ui.inverted.grey.button:focus, -.ui.inverted.grey.buttons .button:focus { - background-color: #c7c9cb; -} -.ui.inverted.grey.active.button, -.ui.inverted.grey.buttons .active.button { - background-color: #cfd0d2; -} -.ui.inverted.grey.button:active, -.ui.inverted.grey.buttons .button:active { - background-color: #c2c4c5; -} -.ui.inverted.grey.basic.button, -.ui.inverted.grey.basic.buttons .button, -.ui.inverted.grey.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.grey.basic.button:hover, -.ui.inverted.grey.basic.buttons .button:hover, -.ui.inverted.grey.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset !important; - box-shadow: 0 0 0 2px #cfd0d2 inset !important; - color: #fff !important; -} -.ui.inverted.grey.basic.button:focus, -.ui.inverted.grey.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #c7c9cb inset !important; - box-shadow: 0 0 0 2px #c7c9cb inset !important; - color: #dcddde !important; -} -.ui.inverted.grey.basic.active.button, -.ui.inverted.grey.basic.buttons .active.button, -.ui.inverted.grey.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset !important; - box-shadow: 0 0 0 2px #cfd0d2 inset !important; - color: #fff !important; -} -.ui.inverted.grey.basic.button:active, -.ui.inverted.grey.basic.buttons .button:active, -.ui.inverted.grey.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset !important; - box-shadow: 0 0 0 2px #c2c4c5 inset !important; - color: #fff !important; -} -.ui.brown.button, -.ui.brown.buttons .button { - background-color: #a5673f; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.brown.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.brown.button:hover, -.ui.brown.buttons .button:hover { - background-color: #975b33; - color: #fff; - text-shadow: none; -} -.ui.brown.button:focus, -.ui.brown.buttons .button:focus { - background-color: #90532b; - color: #fff; - text-shadow: none; -} -.ui.brown.button:active, -.ui.brown.buttons .button:active { - background-color: #805031; - color: #fff; - text-shadow: none; -} -.ui.brown.active.button, -.ui.brown.button .active.button:active, -.ui.brown.buttons .active.button, -.ui.brown.buttons .active.button:active { - background-color: #995a31; - color: #fff; - text-shadow: none; -} -.ui.basic.brown.button, -.ui.basic.brown.buttons .button { - -webkit-box-shadow: 0 0 0 1px #a5673f inset !important; - box-shadow: 0 0 0 1px #a5673f inset !important; - color: #a5673f !important; -} -.ui.basic.brown.button:hover, -.ui.basic.brown.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #975b33 inset !important; - box-shadow: 0 0 0 1px #975b33 inset !important; - color: #975b33 !important; -} -.ui.basic.brown.button:focus, -.ui.basic.brown.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #90532b inset !important; - box-shadow: 0 0 0 1px #90532b inset !important; - color: #975b33 !important; -} -.ui.basic.brown.active.button, -.ui.basic.brown.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #995a31 inset !important; - box-shadow: 0 0 0 1px #995a31 inset !important; - color: #805031 !important; -} -.ui.basic.brown.button:active, -.ui.basic.brown.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #805031 inset !important; - box-shadow: 0 0 0 1px #805031 inset !important; - color: #805031 !important; -} -.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.brown.button, -.ui.inverted.brown.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #d67c1c inset !important; - box-shadow: 0 0 0 2px #d67c1c inset !important; - color: #d67c1c; -} -.ui.inverted.brown.button.active, -.ui.inverted.brown.button:active, -.ui.inverted.brown.button:focus, -.ui.inverted.brown.button:hover, -.ui.inverted.brown.buttons .button.active, -.ui.inverted.brown.buttons .button:active, -.ui.inverted.brown.buttons .button:focus, -.ui.inverted.brown.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.brown.button:hover, -.ui.inverted.brown.buttons .button:hover { - background-color: #c86f11; -} -.ui.inverted.brown.button:focus, -.ui.inverted.brown.buttons .button:focus { - background-color: #c16808; -} -.ui.inverted.brown.active.button, -.ui.inverted.brown.buttons .active.button { - background-color: #cc6f0d; -} -.ui.inverted.brown.button:active, -.ui.inverted.brown.buttons .button:active { - background-color: #a96216; -} -.ui.inverted.brown.basic.button, -.ui.inverted.brown.basic.buttons .button, -.ui.inverted.brown.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.brown.basic.button:hover, -.ui.inverted.brown.basic.buttons .button:hover, -.ui.inverted.brown.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #c86f11 inset !important; - box-shadow: 0 0 0 2px #c86f11 inset !important; - color: #d67c1c !important; -} -.ui.inverted.brown.basic.button:focus, -.ui.inverted.brown.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #c16808 inset !important; - box-shadow: 0 0 0 2px #c16808 inset !important; - color: #d67c1c !important; -} -.ui.inverted.brown.basic.active.button, -.ui.inverted.brown.basic.buttons .active.button, -.ui.inverted.brown.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #cc6f0d inset !important; - box-shadow: 0 0 0 2px #cc6f0d inset !important; - color: #d67c1c !important; -} -.ui.inverted.brown.basic.button:active, -.ui.inverted.brown.basic.buttons .button:active, -.ui.inverted.brown.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #a96216 inset !important; - box-shadow: 0 0 0 2px #a96216 inset !important; - color: #d67c1c !important; -} -.ui.blue.button, -.ui.blue.buttons .button { - background-color: #2185d0; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.blue.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.blue.button:hover, -.ui.blue.buttons .button:hover { - background-color: #1678c2; - color: #fff; - text-shadow: none; -} -.ui.blue.button:focus, -.ui.blue.buttons .button:focus { - background-color: #0d71bb; - color: #fff; - text-shadow: none; -} -.ui.blue.button:active, -.ui.blue.buttons .button:active { - background-color: #1a69a4; - color: #fff; - text-shadow: none; -} -.ui.blue.active.button, -.ui.blue.button .active.button:active, -.ui.blue.buttons .active.button, -.ui.blue.buttons .active.button:active { - background-color: #1279c6; - color: #fff; - text-shadow: none; -} -.ui.basic.blue.button, -.ui.basic.blue.buttons .button { - -webkit-box-shadow: 0 0 0 1px #2185d0 inset !important; - box-shadow: 0 0 0 1px #2185d0 inset !important; - color: #2185d0 !important; -} -.ui.basic.blue.button:hover, -.ui.basic.blue.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #1678c2 inset !important; - box-shadow: 0 0 0 1px #1678c2 inset !important; - color: #1678c2 !important; -} -.ui.basic.blue.button:focus, -.ui.basic.blue.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #0d71bb inset !important; - box-shadow: 0 0 0 1px #0d71bb inset !important; - color: #1678c2 !important; -} -.ui.basic.blue.active.button, -.ui.basic.blue.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #1279c6 inset !important; - box-shadow: 0 0 0 1px #1279c6 inset !important; - color: #1a69a4 !important; -} -.ui.basic.blue.button:active, -.ui.basic.blue.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #1a69a4 inset !important; - box-shadow: 0 0 0 1px #1a69a4 inset !important; - color: #1a69a4 !important; -} -.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.blue.button, -.ui.inverted.blue.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #54c8ff inset !important; - box-shadow: 0 0 0 2px #54c8ff inset !important; - color: #54c8ff; -} -.ui.inverted.blue.button.active, -.ui.inverted.blue.button:active, -.ui.inverted.blue.button:focus, -.ui.inverted.blue.button:hover, -.ui.inverted.blue.buttons .button.active, -.ui.inverted.blue.buttons .button:active, -.ui.inverted.blue.buttons .button:focus, -.ui.inverted.blue.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.blue.button:hover, -.ui.inverted.blue.buttons .button:hover { - background-color: #3ac0ff; -} -.ui.inverted.blue.button:focus, -.ui.inverted.blue.buttons .button:focus { - background-color: #2bbbff; -} -.ui.inverted.blue.active.button, -.ui.inverted.blue.buttons .active.button { - background-color: #3ac0ff; -} -.ui.inverted.blue.button:active, -.ui.inverted.blue.buttons .button:active { - background-color: #21b8ff; -} -.ui.inverted.blue.basic.button, -.ui.inverted.blue.basic.buttons .button, -.ui.inverted.blue.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.blue.basic.button:hover, -.ui.inverted.blue.basic.buttons .button:hover, -.ui.inverted.blue.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #3ac0ff inset !important; - box-shadow: 0 0 0 2px #3ac0ff inset !important; - color: #54c8ff !important; -} -.ui.inverted.blue.basic.button:focus, -.ui.inverted.blue.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #2bbbff inset !important; - box-shadow: 0 0 0 2px #2bbbff inset !important; - color: #54c8ff !important; -} -.ui.inverted.blue.basic.active.button, -.ui.inverted.blue.basic.buttons .active.button, -.ui.inverted.blue.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #3ac0ff inset !important; - box-shadow: 0 0 0 2px #3ac0ff inset !important; - color: #54c8ff !important; -} -.ui.inverted.blue.basic.button:active, -.ui.inverted.blue.basic.buttons .button:active, -.ui.inverted.blue.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #21b8ff inset !important; - box-shadow: 0 0 0 2px #21b8ff inset !important; - color: #54c8ff !important; -} -.ui.green.button, -.ui.green.buttons .button { - background-color: #21ba45; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.green.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.green.button:hover, -.ui.green.buttons .button:hover { - background-color: #16ab39; - color: #fff; - text-shadow: none; -} -.ui.green.button:focus, -.ui.green.buttons .button:focus { - background-color: #0ea432; - color: #fff; - text-shadow: none; -} -.ui.green.button:active, -.ui.green.buttons .button:active { - background-color: #198f35; - color: #fff; - text-shadow: none; -} -.ui.green.active.button, -.ui.green.button .active.button:active, -.ui.green.buttons .active.button, -.ui.green.buttons .active.button:active { - background-color: #13ae38; - color: #fff; - text-shadow: none; -} -.ui.basic.green.button, -.ui.basic.green.buttons .button { - -webkit-box-shadow: 0 0 0 1px #21ba45 inset !important; - box-shadow: 0 0 0 1px #21ba45 inset !important; - color: #21ba45 !important; -} -.ui.basic.green.button:hover, -.ui.basic.green.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #16ab39 inset !important; - box-shadow: 0 0 0 1px #16ab39 inset !important; - color: #16ab39 !important; -} -.ui.basic.green.button:focus, -.ui.basic.green.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #0ea432 inset !important; - box-shadow: 0 0 0 1px #0ea432 inset !important; - color: #16ab39 !important; -} -.ui.basic.green.active.button, -.ui.basic.green.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #13ae38 inset !important; - box-shadow: 0 0 0 1px #13ae38 inset !important; - color: #198f35 !important; -} -.ui.basic.green.button:active, -.ui.basic.green.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #198f35 inset !important; - box-shadow: 0 0 0 1px #198f35 inset !important; - color: #198f35 !important; -} -.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.green.button, -.ui.inverted.green.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #2ecc40 inset !important; - box-shadow: 0 0 0 2px #2ecc40 inset !important; - color: #2ecc40; -} -.ui.inverted.green.button.active, -.ui.inverted.green.button:active, -.ui.inverted.green.button:focus, -.ui.inverted.green.button:hover, -.ui.inverted.green.buttons .button.active, -.ui.inverted.green.buttons .button:active, -.ui.inverted.green.buttons .button:focus, -.ui.inverted.green.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.green.button:hover, -.ui.inverted.green.buttons .button:hover { - background-color: #22be34; -} -.ui.inverted.green.button:focus, -.ui.inverted.green.buttons .button:focus { - background-color: #19b82b; -} -.ui.inverted.green.active.button, -.ui.inverted.green.buttons .active.button { - background-color: #1fc231; -} -.ui.inverted.green.button:active, -.ui.inverted.green.buttons .button:active { - background-color: #25a233; -} -.ui.inverted.green.basic.button, -.ui.inverted.green.basic.buttons .button, -.ui.inverted.green.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.green.basic.button:hover, -.ui.inverted.green.basic.buttons .button:hover, -.ui.inverted.green.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #22be34 inset !important; - box-shadow: 0 0 0 2px #22be34 inset !important; - color: #2ecc40 !important; -} -.ui.inverted.green.basic.button:focus, -.ui.inverted.green.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #19b82b inset !important; - box-shadow: 0 0 0 2px #19b82b inset !important; - color: #2ecc40 !important; -} -.ui.inverted.green.basic.active.button, -.ui.inverted.green.basic.buttons .active.button, -.ui.inverted.green.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #1fc231 inset !important; - box-shadow: 0 0 0 2px #1fc231 inset !important; - color: #2ecc40 !important; -} -.ui.inverted.green.basic.button:active, -.ui.inverted.green.basic.buttons .button:active, -.ui.inverted.green.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #25a233 inset !important; - box-shadow: 0 0 0 2px #25a233 inset !important; - color: #2ecc40 !important; -} -.ui.orange.button, -.ui.orange.buttons .button { - background-color: #f2711c; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.orange.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.orange.button:hover, -.ui.orange.buttons .button:hover { - background-color: #f26202; - color: #fff; - text-shadow: none; -} -.ui.orange.button:focus, -.ui.orange.buttons .button:focus { - background-color: #e55b00; - color: #fff; - text-shadow: none; -} -.ui.orange.button:active, -.ui.orange.buttons .button:active { - background-color: #cf590c; - color: #fff; - text-shadow: none; -} -.ui.orange.active.button, -.ui.orange.button .active.button:active, -.ui.orange.buttons .active.button, -.ui.orange.buttons .active.button:active { - background-color: #f56100; - color: #fff; - text-shadow: none; -} -.ui.basic.orange.button, -.ui.basic.orange.buttons .button { - -webkit-box-shadow: 0 0 0 1px #f2711c inset !important; - box-shadow: 0 0 0 1px #f2711c inset !important; - color: #f2711c !important; -} -.ui.basic.orange.button:hover, -.ui.basic.orange.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #f26202 inset !important; - box-shadow: 0 0 0 1px #f26202 inset !important; - color: #f26202 !important; -} -.ui.basic.orange.button:focus, -.ui.basic.orange.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #e55b00 inset !important; - box-shadow: 0 0 0 1px #e55b00 inset !important; - color: #f26202 !important; -} -.ui.basic.orange.active.button, -.ui.basic.orange.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #f56100 inset !important; - box-shadow: 0 0 0 1px #f56100 inset !important; - color: #cf590c !important; -} -.ui.basic.orange.button:active, -.ui.basic.orange.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #cf590c inset !important; - box-shadow: 0 0 0 1px #cf590c inset !important; - color: #cf590c !important; -} -.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.orange.button, -.ui.inverted.orange.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #ff851b inset !important; - box-shadow: 0 0 0 2px #ff851b inset !important; - color: #ff851b; -} -.ui.inverted.orange.button.active, -.ui.inverted.orange.button:active, -.ui.inverted.orange.button:focus, -.ui.inverted.orange.button:hover, -.ui.inverted.orange.buttons .button.active, -.ui.inverted.orange.buttons .button:active, -.ui.inverted.orange.buttons .button:focus, -.ui.inverted.orange.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.orange.button:hover, -.ui.inverted.orange.buttons .button:hover { - background-color: #ff7701; -} -.ui.inverted.orange.button:focus, -.ui.inverted.orange.buttons .button:focus { - background-color: #f17000; -} -.ui.inverted.orange.active.button, -.ui.inverted.orange.buttons .active.button { - background-color: #ff7701; -} -.ui.inverted.orange.button:active, -.ui.inverted.orange.buttons .button:active { - background-color: #e76b00; -} -.ui.inverted.orange.basic.button, -.ui.inverted.orange.basic.buttons .button, -.ui.inverted.orange.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.orange.basic.button:hover, -.ui.inverted.orange.basic.buttons .button:hover, -.ui.inverted.orange.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ff7701 inset !important; - box-shadow: 0 0 0 2px #ff7701 inset !important; - color: #ff851b !important; -} -.ui.inverted.orange.basic.button:focus, -.ui.inverted.orange.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #f17000 inset !important; - box-shadow: 0 0 0 2px #f17000 inset !important; - color: #ff851b !important; -} -.ui.inverted.orange.basic.active.button, -.ui.inverted.orange.basic.buttons .active.button, -.ui.inverted.orange.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ff7701 inset !important; - box-shadow: 0 0 0 2px #ff7701 inset !important; - color: #ff851b !important; -} -.ui.inverted.orange.basic.button:active, -.ui.inverted.orange.basic.buttons .button:active, -.ui.inverted.orange.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #e76b00 inset !important; - box-shadow: 0 0 0 2px #e76b00 inset !important; - color: #ff851b !important; -} -.ui.pink.button, -.ui.pink.buttons .button { - background-color: #e03997; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.pink.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.pink.button:hover, -.ui.pink.buttons .button:hover { - background-color: #e61a8d; - color: #fff; - text-shadow: none; -} -.ui.pink.button:focus, -.ui.pink.buttons .button:focus { - background-color: #e10f85; - color: #fff; - text-shadow: none; -} -.ui.pink.button:active, -.ui.pink.buttons .button:active { - background-color: #c71f7e; - color: #fff; - text-shadow: none; -} -.ui.pink.active.button, -.ui.pink.button .active.button:active, -.ui.pink.buttons .active.button, -.ui.pink.buttons .active.button:active { - background-color: #ea158d; - color: #fff; - text-shadow: none; -} -.ui.basic.pink.button, -.ui.basic.pink.buttons .button { - -webkit-box-shadow: 0 0 0 1px #e03997 inset !important; - box-shadow: 0 0 0 1px #e03997 inset !important; - color: #e03997 !important; -} -.ui.basic.pink.button:hover, -.ui.basic.pink.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #e61a8d inset !important; - box-shadow: 0 0 0 1px #e61a8d inset !important; - color: #e61a8d !important; -} -.ui.basic.pink.button:focus, -.ui.basic.pink.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #e10f85 inset !important; - box-shadow: 0 0 0 1px #e10f85 inset !important; - color: #e61a8d !important; -} -.ui.basic.pink.active.button, -.ui.basic.pink.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #ea158d inset !important; - box-shadow: 0 0 0 1px #ea158d inset !important; - color: #c71f7e !important; -} -.ui.basic.pink.button:active, -.ui.basic.pink.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #c71f7e inset !important; - box-shadow: 0 0 0 1px #c71f7e inset !important; - color: #c71f7e !important; -} -.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.pink.button, -.ui.inverted.pink.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #ff8edf inset !important; - box-shadow: 0 0 0 2px #ff8edf inset !important; - color: #ff8edf; -} -.ui.inverted.pink.button.active, -.ui.inverted.pink.button:active, -.ui.inverted.pink.button:focus, -.ui.inverted.pink.button:hover, -.ui.inverted.pink.buttons .button.active, -.ui.inverted.pink.buttons .button:active, -.ui.inverted.pink.buttons .button:focus, -.ui.inverted.pink.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.pink.button:hover, -.ui.inverted.pink.buttons .button:hover { - background-color: #ff74d8; -} -.ui.inverted.pink.button:focus, -.ui.inverted.pink.buttons .button:focus { - background-color: #ff65d3; -} -.ui.inverted.pink.active.button, -.ui.inverted.pink.buttons .active.button { - background-color: #ff74d8; -} -.ui.inverted.pink.button:active, -.ui.inverted.pink.buttons .button:active { - background-color: #ff5bd1; -} -.ui.inverted.pink.basic.button, -.ui.inverted.pink.basic.buttons .button, -.ui.inverted.pink.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.pink.basic.button:hover, -.ui.inverted.pink.basic.buttons .button:hover, -.ui.inverted.pink.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ff74d8 inset !important; - box-shadow: 0 0 0 2px #ff74d8 inset !important; - color: #ff8edf !important; -} -.ui.inverted.pink.basic.button:focus, -.ui.inverted.pink.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #ff65d3 inset !important; - box-shadow: 0 0 0 2px #ff65d3 inset !important; - color: #ff8edf !important; -} -.ui.inverted.pink.basic.active.button, -.ui.inverted.pink.basic.buttons .active.button, -.ui.inverted.pink.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ff74d8 inset !important; - box-shadow: 0 0 0 2px #ff74d8 inset !important; - color: #ff8edf !important; -} -.ui.inverted.pink.basic.button:active, -.ui.inverted.pink.basic.buttons .button:active, -.ui.inverted.pink.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset !important; - box-shadow: 0 0 0 2px #ff5bd1 inset !important; - color: #ff8edf !important; -} -.ui.violet.button, -.ui.violet.buttons .button { - background-color: #6435c9; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.violet.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.violet.button:hover, -.ui.violet.buttons .button:hover { - background-color: #5829bb; - color: #fff; - text-shadow: none; -} -.ui.violet.button:focus, -.ui.violet.buttons .button:focus { - background-color: #4f20b5; - color: #fff; - text-shadow: none; -} -.ui.violet.button:active, -.ui.violet.buttons .button:active { - background-color: #502aa1; - color: #fff; - text-shadow: none; -} -.ui.violet.active.button, -.ui.violet.button .active.button:active, -.ui.violet.buttons .active.button, -.ui.violet.buttons .active.button:active { - background-color: #5626bf; - color: #fff; - text-shadow: none; -} -.ui.basic.violet.button, -.ui.basic.violet.buttons .button { - -webkit-box-shadow: 0 0 0 1px #6435c9 inset !important; - box-shadow: 0 0 0 1px #6435c9 inset !important; - color: #6435c9 !important; -} -.ui.basic.violet.button:hover, -.ui.basic.violet.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #5829bb inset !important; - box-shadow: 0 0 0 1px #5829bb inset !important; - color: #5829bb !important; -} -.ui.basic.violet.button:focus, -.ui.basic.violet.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #4f20b5 inset !important; - box-shadow: 0 0 0 1px #4f20b5 inset !important; - color: #5829bb !important; -} -.ui.basic.violet.active.button, -.ui.basic.violet.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #5626bf inset !important; - box-shadow: 0 0 0 1px #5626bf inset !important; - color: #502aa1 !important; -} -.ui.basic.violet.button:active, -.ui.basic.violet.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #502aa1 inset !important; - box-shadow: 0 0 0 1px #502aa1 inset !important; - color: #502aa1 !important; -} -.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.violet.button, -.ui.inverted.violet.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #a291fb inset !important; - box-shadow: 0 0 0 2px #a291fb inset !important; - color: #a291fb; -} -.ui.inverted.violet.button.active, -.ui.inverted.violet.button:active, -.ui.inverted.violet.button:focus, -.ui.inverted.violet.button:hover, -.ui.inverted.violet.buttons .button.active, -.ui.inverted.violet.buttons .button:active, -.ui.inverted.violet.buttons .button:focus, -.ui.inverted.violet.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.violet.button:hover, -.ui.inverted.violet.buttons .button:hover { - background-color: #8a73ff; -} -.ui.inverted.violet.button:focus, -.ui.inverted.violet.buttons .button:focus { - background-color: #7d64ff; -} -.ui.inverted.violet.active.button, -.ui.inverted.violet.buttons .active.button { - background-color: #8a73ff; -} -.ui.inverted.violet.button:active, -.ui.inverted.violet.buttons .button:active { - background-color: #7860f9; -} -.ui.inverted.violet.basic.button, -.ui.inverted.violet.basic.buttons .button, -.ui.inverted.violet.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.violet.basic.button:hover, -.ui.inverted.violet.basic.buttons .button:hover, -.ui.inverted.violet.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #8a73ff inset !important; - box-shadow: 0 0 0 2px #8a73ff inset !important; - color: #a291fb !important; -} -.ui.inverted.violet.basic.button:focus, -.ui.inverted.violet.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #7d64ff inset !important; - box-shadow: 0 0 0 2px #7d64ff inset !important; - color: #a291fb !important; -} -.ui.inverted.violet.basic.active.button, -.ui.inverted.violet.basic.buttons .active.button, -.ui.inverted.violet.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #8a73ff inset !important; - box-shadow: 0 0 0 2px #8a73ff inset !important; - color: #a291fb !important; -} -.ui.inverted.violet.basic.button:active, -.ui.inverted.violet.basic.buttons .button:active, -.ui.inverted.violet.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #7860f9 inset !important; - box-shadow: 0 0 0 2px #7860f9 inset !important; - color: #a291fb !important; -} -.ui.purple.button, -.ui.purple.buttons .button { - background-color: #a333c8; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.purple.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.purple.button:hover, -.ui.purple.buttons .button:hover { - background-color: #9627ba; - color: #fff; - text-shadow: none; -} -.ui.purple.button:focus, -.ui.purple.buttons .button:focus { - background-color: #8f1eb4; - color: #fff; - text-shadow: none; -} -.ui.purple.button:active, -.ui.purple.buttons .button:active { - background-color: #82299f; - color: #fff; - text-shadow: none; -} -.ui.purple.active.button, -.ui.purple.button .active.button:active, -.ui.purple.buttons .active.button, -.ui.purple.buttons .active.button:active { - background-color: #9724be; - color: #fff; - text-shadow: none; -} -.ui.basic.purple.button, -.ui.basic.purple.buttons .button { - -webkit-box-shadow: 0 0 0 1px #a333c8 inset !important; - box-shadow: 0 0 0 1px #a333c8 inset !important; - color: #a333c8 !important; -} -.ui.basic.purple.button:hover, -.ui.basic.purple.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #9627ba inset !important; - box-shadow: 0 0 0 1px #9627ba inset !important; - color: #9627ba !important; -} -.ui.basic.purple.button:focus, -.ui.basic.purple.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #8f1eb4 inset !important; - box-shadow: 0 0 0 1px #8f1eb4 inset !important; - color: #9627ba !important; -} -.ui.basic.purple.active.button, -.ui.basic.purple.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #9724be inset !important; - box-shadow: 0 0 0 1px #9724be inset !important; - color: #82299f !important; -} -.ui.basic.purple.button:active, -.ui.basic.purple.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #82299f inset !important; - box-shadow: 0 0 0 1px #82299f inset !important; - color: #82299f !important; -} -.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.purple.button, -.ui.inverted.purple.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #dc73ff inset !important; - box-shadow: 0 0 0 2px #dc73ff inset !important; - color: #dc73ff; -} -.ui.inverted.purple.button.active, -.ui.inverted.purple.button:active, -.ui.inverted.purple.button:focus, -.ui.inverted.purple.button:hover, -.ui.inverted.purple.buttons .button.active, -.ui.inverted.purple.buttons .button:active, -.ui.inverted.purple.buttons .button:focus, -.ui.inverted.purple.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.purple.button:hover, -.ui.inverted.purple.buttons .button:hover { - background-color: #d65aff; -} -.ui.inverted.purple.button:focus, -.ui.inverted.purple.buttons .button:focus { - background-color: #d24aff; -} -.ui.inverted.purple.active.button, -.ui.inverted.purple.buttons .active.button { - background-color: #d65aff; -} -.ui.inverted.purple.button:active, -.ui.inverted.purple.buttons .button:active { - background-color: #cf40ff; -} -.ui.inverted.purple.basic.button, -.ui.inverted.purple.basic.buttons .button, -.ui.inverted.purple.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.purple.basic.button:hover, -.ui.inverted.purple.basic.buttons .button:hover, -.ui.inverted.purple.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #d65aff inset !important; - box-shadow: 0 0 0 2px #d65aff inset !important; - color: #dc73ff !important; -} -.ui.inverted.purple.basic.button:focus, -.ui.inverted.purple.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #d24aff inset !important; - box-shadow: 0 0 0 2px #d24aff inset !important; - color: #dc73ff !important; -} -.ui.inverted.purple.basic.active.button, -.ui.inverted.purple.basic.buttons .active.button, -.ui.inverted.purple.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #d65aff inset !important; - box-shadow: 0 0 0 2px #d65aff inset !important; - color: #dc73ff !important; -} -.ui.inverted.purple.basic.button:active, -.ui.inverted.purple.basic.buttons .button:active, -.ui.inverted.purple.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #cf40ff inset !important; - box-shadow: 0 0 0 2px #cf40ff inset !important; - color: #dc73ff !important; -} -.ui.red.button, -.ui.red.buttons .button { - background-color: #db2828; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.red.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.red.button:hover, -.ui.red.buttons .button:hover { - background-color: #d01919; - color: #fff; - text-shadow: none; -} -.ui.red.button:focus, -.ui.red.buttons .button:focus { - background-color: #ca1010; - color: #fff; - text-shadow: none; -} -.ui.red.button:active, -.ui.red.buttons .button:active { - background-color: #b21e1e; - color: #fff; - text-shadow: none; -} -.ui.red.active.button, -.ui.red.button .active.button:active, -.ui.red.buttons .active.button, -.ui.red.buttons .active.button:active { - background-color: #d41515; - color: #fff; - text-shadow: none; -} -.ui.basic.red.button, -.ui.basic.red.buttons .button { - -webkit-box-shadow: 0 0 0 1px #db2828 inset !important; - box-shadow: 0 0 0 1px #db2828 inset !important; - color: #db2828 !important; -} -.ui.basic.red.button:hover, -.ui.basic.red.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #d01919 inset !important; - box-shadow: 0 0 0 1px #d01919 inset !important; - color: #d01919 !important; -} -.ui.basic.red.button:focus, -.ui.basic.red.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #ca1010 inset !important; - box-shadow: 0 0 0 1px #ca1010 inset !important; - color: #d01919 !important; -} -.ui.basic.red.active.button, -.ui.basic.red.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #d41515 inset !important; - box-shadow: 0 0 0 1px #d41515 inset !important; - color: #b21e1e !important; -} -.ui.basic.red.button:active, -.ui.basic.red.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #b21e1e inset !important; - box-shadow: 0 0 0 1px #b21e1e inset !important; - color: #b21e1e !important; -} -.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.red.button, -.ui.inverted.red.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #ff695e inset !important; - box-shadow: 0 0 0 2px #ff695e inset !important; - color: #ff695e; -} -.ui.inverted.red.button.active, -.ui.inverted.red.button:active, -.ui.inverted.red.button:focus, -.ui.inverted.red.button:hover, -.ui.inverted.red.buttons .button.active, -.ui.inverted.red.buttons .button:active, -.ui.inverted.red.buttons .button:focus, -.ui.inverted.red.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.inverted.red.button:hover, -.ui.inverted.red.buttons .button:hover { - background-color: #ff5144; -} -.ui.inverted.red.button:focus, -.ui.inverted.red.buttons .button:focus { - background-color: #ff4335; -} -.ui.inverted.red.active.button, -.ui.inverted.red.buttons .active.button { - background-color: #ff5144; -} -.ui.inverted.red.button:active, -.ui.inverted.red.buttons .button:active { - background-color: #ff392b; -} -.ui.inverted.red.basic.button, -.ui.inverted.red.basic.buttons .button, -.ui.inverted.red.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.red.basic.button:hover, -.ui.inverted.red.basic.buttons .button:hover, -.ui.inverted.red.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ff5144 inset !important; - box-shadow: 0 0 0 2px #ff5144 inset !important; - color: #ff695e !important; -} -.ui.inverted.red.basic.button:focus, -.ui.inverted.red.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #ff4335 inset !important; - box-shadow: 0 0 0 2px #ff4335 inset !important; - color: #ff695e !important; -} -.ui.inverted.red.basic.active.button, -.ui.inverted.red.basic.buttons .active.button, -.ui.inverted.red.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ff5144 inset !important; - box-shadow: 0 0 0 2px #ff5144 inset !important; - color: #ff695e !important; -} -.ui.inverted.red.basic.button:active, -.ui.inverted.red.basic.buttons .button:active, -.ui.inverted.red.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #ff392b inset !important; - box-shadow: 0 0 0 2px #ff392b inset !important; - color: #ff695e !important; -} -.ui.teal.button, -.ui.teal.buttons .button { - background-color: #00b5ad; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.teal.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.teal.button:hover, -.ui.teal.buttons .button:hover { - background-color: #009c95; - color: #fff; - text-shadow: none; -} -.ui.teal.button:focus, -.ui.teal.buttons .button:focus { - background-color: #008c86; - color: #fff; - text-shadow: none; -} -.ui.teal.button:active, -.ui.teal.buttons .button:active { - background-color: #00827c; - color: #fff; - text-shadow: none; -} -.ui.teal.active.button, -.ui.teal.button .active.button:active, -.ui.teal.buttons .active.button, -.ui.teal.buttons .active.button:active { - background-color: #009c95; - color: #fff; - text-shadow: none; -} -.ui.basic.teal.button, -.ui.basic.teal.buttons .button { - -webkit-box-shadow: 0 0 0 1px #00b5ad inset !important; - box-shadow: 0 0 0 1px #00b5ad inset !important; - color: #00b5ad !important; -} -.ui.basic.teal.button:hover, -.ui.basic.teal.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #009c95 inset !important; - box-shadow: 0 0 0 1px #009c95 inset !important; - color: #009c95 !important; -} -.ui.basic.teal.button:focus, -.ui.basic.teal.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #008c86 inset !important; - box-shadow: 0 0 0 1px #008c86 inset !important; - color: #009c95 !important; -} -.ui.basic.teal.active.button, -.ui.basic.teal.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #009c95 inset !important; - box-shadow: 0 0 0 1px #009c95 inset !important; - color: #00827c !important; -} -.ui.basic.teal.button:active, -.ui.basic.teal.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #00827c inset !important; - box-shadow: 0 0 0 1px #00827c inset !important; - color: #00827c !important; -} -.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.teal.button, -.ui.inverted.teal.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #6dffff inset !important; - box-shadow: 0 0 0 2px #6dffff inset !important; - color: #6dffff; -} -.ui.inverted.teal.button.active, -.ui.inverted.teal.button:active, -.ui.inverted.teal.button:focus, -.ui.inverted.teal.button:hover, -.ui.inverted.teal.buttons .button.active, -.ui.inverted.teal.buttons .button:active, -.ui.inverted.teal.buttons .button:focus, -.ui.inverted.teal.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} -.ui.inverted.teal.button:hover, -.ui.inverted.teal.buttons .button:hover { - background-color: #54ffff; -} -.ui.inverted.teal.button:focus, -.ui.inverted.teal.buttons .button:focus { - background-color: #4ff; -} -.ui.inverted.teal.active.button, -.ui.inverted.teal.buttons .active.button { - background-color: #54ffff; -} -.ui.inverted.teal.button:active, -.ui.inverted.teal.buttons .button:active { - background-color: #3affff; -} -.ui.inverted.teal.basic.button, -.ui.inverted.teal.basic.buttons .button, -.ui.inverted.teal.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.teal.basic.button:hover, -.ui.inverted.teal.basic.buttons .button:hover, -.ui.inverted.teal.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #54ffff inset !important; - box-shadow: 0 0 0 2px #54ffff inset !important; - color: #6dffff !important; -} -.ui.inverted.teal.basic.button:focus, -.ui.inverted.teal.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #4ff inset !important; - box-shadow: 0 0 0 2px #4ff inset !important; - color: #6dffff !important; -} -.ui.inverted.teal.basic.active.button, -.ui.inverted.teal.basic.buttons .active.button, -.ui.inverted.teal.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #54ffff inset !important; - box-shadow: 0 0 0 2px #54ffff inset !important; - color: #6dffff !important; -} -.ui.inverted.teal.basic.button:active, -.ui.inverted.teal.basic.buttons .button:active, -.ui.inverted.teal.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #3affff inset !important; - box-shadow: 0 0 0 2px #3affff inset !important; - color: #6dffff !important; -} -.ui.olive.button, -.ui.olive.buttons .button { - background-color: #b5cc18; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.olive.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.olive.button:hover, -.ui.olive.buttons .button:hover { - background-color: #a7bd0d; - color: #fff; - text-shadow: none; -} -.ui.olive.button:focus, -.ui.olive.buttons .button:focus { - background-color: #a0b605; - color: #fff; - text-shadow: none; -} -.ui.olive.button:active, -.ui.olive.buttons .button:active { - background-color: #8d9e13; - color: #fff; - text-shadow: none; -} -.ui.olive.active.button, -.ui.olive.button .active.button:active, -.ui.olive.buttons .active.button, -.ui.olive.buttons .active.button:active { - background-color: #aac109; - color: #fff; - text-shadow: none; -} -.ui.basic.olive.button, -.ui.basic.olive.buttons .button { - -webkit-box-shadow: 0 0 0 1px #b5cc18 inset !important; - box-shadow: 0 0 0 1px #b5cc18 inset !important; - color: #b5cc18 !important; -} -.ui.basic.olive.button:hover, -.ui.basic.olive.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #a7bd0d inset !important; - box-shadow: 0 0 0 1px #a7bd0d inset !important; - color: #a7bd0d !important; -} -.ui.basic.olive.button:focus, -.ui.basic.olive.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #a0b605 inset !important; - box-shadow: 0 0 0 1px #a0b605 inset !important; - color: #a7bd0d !important; -} -.ui.basic.olive.active.button, -.ui.basic.olive.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #aac109 inset !important; - box-shadow: 0 0 0 1px #aac109 inset !important; - color: #8d9e13 !important; -} -.ui.basic.olive.button:active, -.ui.basic.olive.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #8d9e13 inset !important; - box-shadow: 0 0 0 1px #8d9e13 inset !important; - color: #8d9e13 !important; -} -.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.olive.button, -.ui.inverted.olive.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #d9e778 inset !important; - box-shadow: 0 0 0 2px #d9e778 inset !important; - color: #d9e778; -} -.ui.inverted.olive.button.active, -.ui.inverted.olive.button:active, -.ui.inverted.olive.button:focus, -.ui.inverted.olive.button:hover, -.ui.inverted.olive.buttons .button.active, -.ui.inverted.olive.buttons .button:active, -.ui.inverted.olive.buttons .button:focus, -.ui.inverted.olive.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} -.ui.inverted.olive.button:hover, -.ui.inverted.olive.buttons .button:hover { - background-color: #d8ea5c; -} -.ui.inverted.olive.button:focus, -.ui.inverted.olive.buttons .button:focus { - background-color: #daef47; -} -.ui.inverted.olive.active.button, -.ui.inverted.olive.buttons .active.button { - background-color: #daed59; -} -.ui.inverted.olive.button:active, -.ui.inverted.olive.buttons .button:active { - background-color: #cddf4d; -} -.ui.inverted.olive.basic.button, -.ui.inverted.olive.basic.buttons .button, -.ui.inverted.olive.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.olive.basic.button:hover, -.ui.inverted.olive.basic.buttons .button:hover, -.ui.inverted.olive.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #d8ea5c inset !important; - box-shadow: 0 0 0 2px #d8ea5c inset !important; - color: #d9e778 !important; -} -.ui.inverted.olive.basic.button:focus, -.ui.inverted.olive.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #daef47 inset !important; - box-shadow: 0 0 0 2px #daef47 inset !important; - color: #d9e778 !important; -} -.ui.inverted.olive.basic.active.button, -.ui.inverted.olive.basic.buttons .active.button, -.ui.inverted.olive.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #daed59 inset !important; - box-shadow: 0 0 0 2px #daed59 inset !important; - color: #d9e778 !important; -} -.ui.inverted.olive.basic.button:active, -.ui.inverted.olive.basic.buttons .button:active, -.ui.inverted.olive.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #cddf4d inset !important; - box-shadow: 0 0 0 2px #cddf4d inset !important; - color: #d9e778 !important; -} -.ui.yellow.button, -.ui.yellow.buttons .button { - background-color: #fbbd08; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.yellow.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.yellow.button:hover, -.ui.yellow.buttons .button:hover { - background-color: #eaae00; - color: #fff; - text-shadow: none; -} -.ui.yellow.button:focus, -.ui.yellow.buttons .button:focus { - background-color: #daa300; - color: #fff; - text-shadow: none; -} -.ui.yellow.button:active, -.ui.yellow.buttons .button:active { - background-color: #cd9903; - color: #fff; - text-shadow: none; -} -.ui.yellow.active.button, -.ui.yellow.button .active.button:active, -.ui.yellow.buttons .active.button, -.ui.yellow.buttons .active.button:active { - background-color: #eaae00; - color: #fff; - text-shadow: none; -} -.ui.basic.yellow.button, -.ui.basic.yellow.buttons .button { - -webkit-box-shadow: 0 0 0 1px #fbbd08 inset !important; - box-shadow: 0 0 0 1px #fbbd08 inset !important; - color: #fbbd08 !important; -} -.ui.basic.yellow.button:hover, -.ui.basic.yellow.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #eaae00 inset !important; - box-shadow: 0 0 0 1px #eaae00 inset !important; - color: #eaae00 !important; -} -.ui.basic.yellow.button:focus, -.ui.basic.yellow.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #daa300 inset !important; - box-shadow: 0 0 0 1px #daa300 inset !important; - color: #eaae00 !important; -} -.ui.basic.yellow.active.button, -.ui.basic.yellow.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #eaae00 inset !important; - box-shadow: 0 0 0 1px #eaae00 inset !important; - color: #cd9903 !important; -} -.ui.basic.yellow.button:active, -.ui.basic.yellow.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #cd9903 inset !important; - box-shadow: 0 0 0 1px #cd9903 inset !important; - color: #cd9903 !important; -} -.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { - margin-left: -1px; -} -.ui.inverted.yellow.button, -.ui.inverted.yellow.buttons .button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #ffe21f inset !important; - box-shadow: 0 0 0 2px #ffe21f inset !important; - color: #ffe21f; -} -.ui.inverted.yellow.button.active, -.ui.inverted.yellow.button:active, -.ui.inverted.yellow.button:focus, -.ui.inverted.yellow.button:hover, -.ui.inverted.yellow.buttons .button.active, -.ui.inverted.yellow.buttons .button:active, -.ui.inverted.yellow.buttons .button:focus, -.ui.inverted.yellow.buttons .button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} -.ui.inverted.yellow.button:hover, -.ui.inverted.yellow.buttons .button:hover { - background-color: #ffdf05; -} -.ui.inverted.yellow.button:focus, -.ui.inverted.yellow.buttons .button:focus { - background-color: #f5d500; -} -.ui.inverted.yellow.active.button, -.ui.inverted.yellow.buttons .active.button { - background-color: #ffdf05; -} -.ui.inverted.yellow.button:active, -.ui.inverted.yellow.buttons .button:active { - background-color: #ebcd00; -} -.ui.inverted.yellow.basic.button, -.ui.inverted.yellow.basic.buttons .button, -.ui.inverted.yellow.buttons .basic.button { - background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; - color: #fff !important; -} -.ui.inverted.yellow.basic.button:hover, -.ui.inverted.yellow.basic.buttons .button:hover, -.ui.inverted.yellow.buttons .basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ffdf05 inset !important; - box-shadow: 0 0 0 2px #ffdf05 inset !important; - color: #ffe21f !important; -} -.ui.inverted.yellow.basic.button:focus, -.ui.inverted.yellow.basic.buttons .button:focus { - -webkit-box-shadow: 0 0 0 2px #f5d500 inset !important; - box-shadow: 0 0 0 2px #f5d500 inset !important; - color: #ffe21f !important; -} -.ui.inverted.yellow.basic.active.button, -.ui.inverted.yellow.basic.buttons .active.button, -.ui.inverted.yellow.buttons .basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ffdf05 inset !important; - box-shadow: 0 0 0 2px #ffdf05 inset !important; - color: #ffe21f !important; -} -.ui.inverted.yellow.basic.button:active, -.ui.inverted.yellow.basic.buttons .button:active, -.ui.inverted.yellow.buttons .basic.button:active { - -webkit-box-shadow: 0 0 0 2px #ebcd00 inset !important; - box-shadow: 0 0 0 2px #ebcd00 inset !important; - color: #ffe21f !important; -} -.ui.primary.button, -.ui.primary.buttons .button { - background-color: #2185d0; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.primary.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.primary.button:hover, -.ui.primary.buttons .button:hover { - background-color: #1678c2; - color: #fff; - text-shadow: none; -} -.ui.primary.button:focus, -.ui.primary.buttons .button:focus { - background-color: #0d71bb; - color: #fff; - text-shadow: none; -} -.ui.primary.button:active, -.ui.primary.buttons .button:active { - background-color: #1a69a4; - color: #fff; - text-shadow: none; -} -.ui.primary.active.button, -.ui.primary.button .active.button:active, -.ui.primary.buttons .active.button, -.ui.primary.buttons .active.button:active { - background-color: #1279c6; - color: #fff; - text-shadow: none; -} -.ui.basic.primary.button, -.ui.basic.primary.buttons .button { - -webkit-box-shadow: 0 0 0 1px #2185d0 inset !important; - box-shadow: 0 0 0 1px #2185d0 inset !important; - color: #2185d0 !important; -} -.ui.basic.primary.button:hover, -.ui.basic.primary.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #1678c2 inset !important; - box-shadow: 0 0 0 1px #1678c2 inset !important; - color: #1678c2 !important; -} -.ui.basic.primary.button:focus, -.ui.basic.primary.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #0d71bb inset !important; - box-shadow: 0 0 0 1px #0d71bb inset !important; - color: #1678c2 !important; -} -.ui.basic.primary.active.button, -.ui.basic.primary.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #1279c6 inset !important; - box-shadow: 0 0 0 1px #1279c6 inset !important; - color: #1a69a4 !important; -} -.ui.basic.primary.button:active, -.ui.basic.primary.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #1a69a4 inset !important; - box-shadow: 0 0 0 1px #1a69a4 inset !important; - color: #1a69a4 !important; -} -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} -.ui.secondary.button, -.ui.secondary.buttons .button { - background-color: #1b1c1d; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.secondary.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.secondary.button:hover, -.ui.secondary.buttons .button:hover { - background-color: #27292a; - color: #fff; - text-shadow: none; -} -.ui.secondary.button:focus, -.ui.secondary.buttons .button:focus { - background-color: #2e3032; - color: #fff; - text-shadow: none; -} -.ui.secondary.button:active, -.ui.secondary.buttons .button:active { - background-color: #343637; - color: #fff; - text-shadow: none; -} -.ui.secondary.active.button, -.ui.secondary.button .active.button:active, -.ui.secondary.buttons .active.button, -.ui.secondary.buttons .active.button:active { - background-color: #27292a; - color: #fff; - text-shadow: none; -} -.ui.basic.secondary.button, -.ui.basic.secondary.buttons .button { - -webkit-box-shadow: 0 0 0 1px #1b1c1d inset !important; - box-shadow: 0 0 0 1px #1b1c1d inset !important; - color: #1b1c1d !important; -} -.ui.basic.secondary.button:hover, -.ui.basic.secondary.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #27292a inset !important; - box-shadow: 0 0 0 1px #27292a inset !important; - color: #27292a !important; -} -.ui.basic.secondary.button:focus, -.ui.basic.secondary.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #2e3032 inset !important; - box-shadow: 0 0 0 1px #2e3032 inset !important; - color: #27292a !important; -} -.ui.basic.secondary.active.button, -.ui.basic.secondary.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #27292a inset !important; - box-shadow: 0 0 0 1px #27292a inset !important; - color: #343637 !important; -} -.ui.basic.secondary.button:active, -.ui.basic.secondary.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #343637 inset !important; - box-shadow: 0 0 0 1px #343637 inset !important; - color: #343637 !important; -} -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} -.ui.positive.button, -.ui.positive.buttons .button { - background-color: #21ba45; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.positive.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.positive.button:hover, -.ui.positive.buttons .button:hover { - background-color: #16ab39; - color: #fff; - text-shadow: none; -} -.ui.positive.button:focus, -.ui.positive.buttons .button:focus { - background-color: #0ea432; - color: #fff; - text-shadow: none; -} -.ui.positive.button:active, -.ui.positive.buttons .button:active { - background-color: #198f35; - color: #fff; - text-shadow: none; -} -.ui.positive.active.button, -.ui.positive.button .active.button:active, -.ui.positive.buttons .active.button, -.ui.positive.buttons .active.button:active { - background-color: #13ae38; - color: #fff; - text-shadow: none; -} -.ui.basic.positive.button, -.ui.basic.positive.buttons .button { - -webkit-box-shadow: 0 0 0 1px #21ba45 inset !important; - box-shadow: 0 0 0 1px #21ba45 inset !important; - color: #21ba45 !important; -} -.ui.basic.positive.button:hover, -.ui.basic.positive.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #16ab39 inset !important; - box-shadow: 0 0 0 1px #16ab39 inset !important; - color: #16ab39 !important; -} -.ui.basic.positive.button:focus, -.ui.basic.positive.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #0ea432 inset !important; - box-shadow: 0 0 0 1px #0ea432 inset !important; - color: #16ab39 !important; -} -.ui.basic.positive.active.button, -.ui.basic.positive.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #13ae38 inset !important; - box-shadow: 0 0 0 1px #13ae38 inset !important; - color: #198f35 !important; -} -.ui.basic.positive.button:active, -.ui.basic.positive.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #198f35 inset !important; - box-shadow: 0 0 0 1px #198f35 inset !important; - color: #198f35 !important; -} -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} -.ui.negative.button, -.ui.negative.buttons .button { - background-color: #db2828; - color: #fff; - text-shadow: none; - background-image: none; -} -.ui.negative.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.negative.button:hover, -.ui.negative.buttons .button:hover { - background-color: #d01919; - color: #fff; - text-shadow: none; -} -.ui.negative.button:focus, -.ui.negative.buttons .button:focus { - background-color: #ca1010; - color: #fff; - text-shadow: none; -} -.ui.negative.button:active, -.ui.negative.buttons .button:active { - background-color: #b21e1e; - color: #fff; - text-shadow: none; -} -.ui.negative.active.button, -.ui.negative.button .active.button:active, -.ui.negative.buttons .active.button, -.ui.negative.buttons .active.button:active { - background-color: #d41515; - color: #fff; - text-shadow: none; -} -.ui.basic.negative.button, -.ui.basic.negative.buttons .button { - -webkit-box-shadow: 0 0 0 1px #db2828 inset !important; - box-shadow: 0 0 0 1px #db2828 inset !important; - color: #db2828 !important; -} -.ui.basic.negative.button:hover, -.ui.basic.negative.buttons .button:hover { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #d01919 inset !important; - box-shadow: 0 0 0 1px #d01919 inset !important; - color: #d01919 !important; -} -.ui.basic.negative.button:focus, -.ui.basic.negative.buttons .button:focus { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #ca1010 inset !important; - box-shadow: 0 0 0 1px #ca1010 inset !important; - color: #d01919 !important; -} -.ui.basic.negative.active.button, -.ui.basic.negative.buttons .active.button { - background: 0 0 !important; - -webkit-box-shadow: 0 0 0 1px #d41515 inset !important; - box-shadow: 0 0 0 1px #d41515 inset !important; - color: #b21e1e !important; -} -.ui.basic.negative.button:active, -.ui.basic.negative.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px #b21e1e inset !important; - box-shadow: 0 0 0 1px #b21e1e inset !important; - color: #b21e1e !important; -} -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} -.ui.buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - font-size: 0; - vertical-align: baseline; - margin: 0 0.25em 0 0; -} -.ui.buttons:not(.basic):not(.inverted) { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.buttons:after { - content: '.'; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.buttons .button { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - margin: 0; - border-radius: 0; - margin: 0; -} -.ui.buttons:not(.basic):not(.inverted) > .button, -.ui.buttons > .ui.button:not(.basic):not(.inverted) { - -webkit-box-shadow: 0 0 0 1px transparent inset, - 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; -} -.ui.buttons .button:first-child { - border-left: none; - margin-left: 0; - 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; -} -.ui.vertical.buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} -.ui.vertical.buttons .button { - display: block; - float: none; - width: 100%; - margin: 0; - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; -} -.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: 0; - border-bottom-left-radius: 0.28571429rem; - border-bottom-right-radius: 0.28571429rem; -} -.ui.vertical.buttons .button:only-child { - border-radius: 0.28571429rem; -} /*! - * # Semantic UI 2.3.1 - Container - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.container { - display: block; - max-width: 100% !important; -} -@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; - } -} -@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; - } -} -@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; - } -} -@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; - } -} -.ui.text.container { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - max-width: 700px !important; - line-height: 1.5; -} -.ui.text.container { - font-size: 1.14285714rem; -} -.ui.fluid.container { - width: 100%; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Divider - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.divider { - margin: 1rem 0; - line-height: 1; - height: 0; - font-weight: 700; - 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: transparent; -} -.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); -} -.ui.grid > .column + .divider, -.ui.grid > .row > .column + .divider { - left: auto; -} -.ui.horizontal.divider { - display: table; - white-space: nowrap; - height: auto; - margin: ''; - line-height: 1; - text-align: center; -} -.ui.horizontal.divider:after, -.ui.horizontal.divider:before { - 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%; -} -.ui.vertical.divider { - position: absolute; - z-index: 2; - top: 50%; - left: 50%; - margin: 0; - padding: 0; - width: auto; - height: 50%; - line-height: 0; - text-align: center; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); -} -.ui.vertical.divider:after, -.ui.vertical.divider:before { - 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: 0; -} -@media only screen and (max-width: 767px) { - .ui.grid .stackable.row .ui.vertical.divider, - .ui.stackable.grid .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; - -webkit-transform: none; - transform: none; - } - .ui.grid .stackable.row .ui.vertical.divider:after, - .ui.grid .stackable.row .ui.vertical.divider:before, - .ui.stackable.grid .ui.vertical.divider:after, - .ui.stackable.grid .ui.vertical.divider:before { - 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.grid .stackable.row .ui.vertical.divider:before, - .ui.stackable.grid .ui.vertical.divider:before { - background-position: right 1em top 50%; - } - .ui.grid .stackable.row .ui.vertical.divider:after, - .ui.stackable.grid .ui.vertical.divider:after { - background-position: left 1em top 50%; - } -} -.ui.divider > .icon { - margin: 0; - font-size: 1rem; - height: 1em; - vertical-align: middle; -} -.ui.hidden.divider { - border-color: transparent !important; -} -.ui.hidden.divider:after, -.ui.hidden.divider:before { - display: none; -} -.ui.divider.inverted, -.ui.horizontal.inverted.divider, -.ui.vertical.inverted.divider { - color: #fff; -} -.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; -} -.ui.fitted.divider { - margin: 0; -} -.ui.clearing.divider { - clear: both; -} -.ui.section.divider { - margin-top: 2rem; - margin-bottom: 2rem; -} -.ui.divider { - font-size: 1rem; -} /*! - * # Semantic UI 2.3.1 - Flag - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -i.flag:not(.icon) { - display: inline-block; - width: 16px; - height: 11px; - line-height: 11px; - vertical-align: baseline; - margin: 0 0.5em 0 0; - text-decoration: inherit; - speak: none; - font-smoothing: antialiased; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -i.flag:not(.icon):before { - display: inline-block; - content: ''; - background: url(themes/default/assets/images/flags.png) no-repeat -108px -1976px; - width: 16px; - height: 11px; -} /*! - * # Semantic UI 2.3.1 - Header - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.header { - border: none; - margin: calc(2rem - 0.14285714em) 0 1rem; - padding: 0 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: 700; - 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: 0; -} -.ui.header .sub.header { - display: block; - font-weight: 400; - padding: 0; - margin: 0; - font-size: 1rem; - line-height: 1.2em; - color: rgba(0, 0, 0, 0.6); -} -.ui.header > .icon { - display: table-cell; - opacity: 1; - font-size: 1.5em; - padding-top: 0; - vertical-align: middle; -} -.ui.header .icon:only-child { - display: inline-block; - padding: 0; - margin-right: 0.75rem; -} -.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; -} -.ui.header .content { - display: inline-block; - vertical-align: top; -} -.ui.header > .image + .content, -.ui.header > img + .content { - padding-left: 0.75rem; - vertical-align: middle; -} -.ui.header > .icon + .content { - padding-left: 0.75rem; - display: table-cell; - vertical-align: middle; -} -.ui.header .ui.label { - font-size: ''; - margin-left: 0.5rem; - vertical-align: middle; -} -.ui.header + p { - margin-top: 0; -} -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; -} -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; -} -.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; -} -.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; -} -.ui.sub.header { - padding: 0; - margin-bottom: 0.14285714rem; - font-weight: 700; - 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; -} -.ui.icon.header { - display: inline-block; - text-align: center; - margin: 2rem 0 1rem; -} -.ui.icon.header:after { - content: ''; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.icon.header:first-child { - margin-top: 0; -} -.ui.icon.header .icon { - float: none; - display: block; - width: auto; - height: auto; - line-height: 1; - padding: 0; - font-size: 3em; - margin: 0 auto 0.5rem; - opacity: 1; -} -.ui.icon.header .content { - display: block; - padding: 0; -} -.ui.icon.header .circular.icon { - font-size: 2em; -} -.ui.icon.header .square.icon { - font-size: 2em; -} -.ui.block.icon.header .icon { - margin-bottom: 0; -} -.ui.icon.header.aligned { - margin-left: auto; - margin-right: auto; - display: block; -} -.ui.disabled.header { - opacity: 0.45; -} -.ui.inverted.header { - color: #fff; -} -.ui.inverted.header .sub.header { - color: rgba(255, 255, 255, 0.8); -} -.ui.inverted.attached.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; - border-color: transparent; -} -.ui.inverted.block.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.block.header { - border-bottom: none; -} -.ui.red.header { - color: #db2828 !important; -} -a.ui.red.header:hover { - color: #d01919 !important; -} -.ui.red.dividing.header { - border-bottom: 2px solid #db2828; -} -.ui.inverted.red.header { - color: #ff695e !important; -} -a.ui.inverted.red.header:hover { - color: #ff5144 !important; -} -.ui.orange.header { - color: #f2711c !important; -} -a.ui.orange.header:hover { - color: #f26202 !important; -} -.ui.orange.dividing.header { - border-bottom: 2px solid #f2711c; -} -.ui.inverted.orange.header { - color: #ff851b !important; -} -a.ui.inverted.orange.header:hover { - color: #ff7701 !important; -} -.ui.olive.header { - color: #b5cc18 !important; -} -a.ui.olive.header:hover { - color: #a7bd0d !important; -} -.ui.olive.dividing.header { - border-bottom: 2px solid #b5cc18; -} -.ui.inverted.olive.header { - color: #d9e778 !important; -} -a.ui.inverted.olive.header:hover { - color: #d8ea5c !important; -} -.ui.yellow.header { - color: #fbbd08 !important; -} -a.ui.yellow.header:hover { - color: #eaae00 !important; -} -.ui.yellow.dividing.header { - border-bottom: 2px solid #fbbd08; -} -.ui.inverted.yellow.header { - color: #ffe21f !important; -} -a.ui.inverted.yellow.header:hover { - color: #ffdf05 !important; -} -.ui.green.header { - color: #21ba45 !important; -} -a.ui.green.header:hover { - color: #16ab39 !important; -} -.ui.green.dividing.header { - border-bottom: 2px solid #21ba45; -} -.ui.inverted.green.header { - color: #2ecc40 !important; -} -a.ui.inverted.green.header:hover { - color: #22be34 !important; -} -.ui.teal.header { - color: #00b5ad !important; -} -a.ui.teal.header:hover { - color: #009c95 !important; -} -.ui.teal.dividing.header { - border-bottom: 2px solid #00b5ad; -} -.ui.inverted.teal.header { - color: #6dffff !important; -} -a.ui.inverted.teal.header:hover { - color: #54ffff !important; -} -.ui.blue.header { - color: #2185d0 !important; -} -a.ui.blue.header:hover { - color: #1678c2 !important; -} -.ui.blue.dividing.header { - border-bottom: 2px solid #2185d0; -} -.ui.inverted.blue.header { - color: #54c8ff !important; -} -a.ui.inverted.blue.header:hover { - color: #3ac0ff !important; -} -.ui.violet.header { - color: #6435c9 !important; -} -a.ui.violet.header:hover { - color: #5829bb !important; -} -.ui.violet.dividing.header { - border-bottom: 2px solid #6435c9; -} -.ui.inverted.violet.header { - color: #a291fb !important; -} -a.ui.inverted.violet.header:hover { - color: #8a73ff !important; -} -.ui.purple.header { - color: #a333c8 !important; -} -a.ui.purple.header:hover { - color: #9627ba !important; -} -.ui.purple.dividing.header { - border-bottom: 2px solid #a333c8; -} -.ui.inverted.purple.header { - color: #dc73ff !important; -} -a.ui.inverted.purple.header:hover { - color: #d65aff !important; -} -.ui.pink.header { - color: #e03997 !important; -} -a.ui.pink.header:hover { - color: #e61a8d !important; -} -.ui.pink.dividing.header { - border-bottom: 2px solid #e03997; -} -.ui.inverted.pink.header { - color: #ff8edf !important; -} -a.ui.inverted.pink.header:hover { - color: #ff74d8 !important; -} -.ui.brown.header { - color: #a5673f !important; -} -a.ui.brown.header:hover { - color: #975b33 !important; -} -.ui.brown.dividing.header { - border-bottom: 2px solid #a5673f; -} -.ui.inverted.brown.header { - color: #d67c1c !important; -} -a.ui.inverted.brown.header:hover { - color: #c86f11 !important; -} -.ui.grey.header { - color: #767676 !important; -} -a.ui.grey.header:hover { - color: #838383 !important; -} -.ui.grey.dividing.header { - border-bottom: 2px solid #767676; -} -.ui.inverted.grey.header { - color: #dcddde !important; -} -a.ui.inverted.grey.header:hover { - color: #cfd0d2 !important; -} -.ui.left.aligned.header { - text-align: left; -} -.ui.right.aligned.header { - text-align: right; -} -.ui.center.aligned.header, -.ui.centered.header { - text-align: center; -} -.ui.justified.header { - text-align: justify; -} -.ui.justified.header:after { - display: inline-block; - content: ''; - width: 100%; -} -.ui.floated.header, -.ui[class*='left floated'].header { - float: left; - margin-top: 0; - margin-right: 0.5em; -} -.ui[class*='right floated'].header { - float: right; - margin-top: 0; - margin-left: 0.5em; -} -.ui.fitted.header { - padding: 0; -} -.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: 0; -} -.ui.inverted.dividing.header { - border-bottom-color: rgba(255, 255, 255, 0.1); -} -.ui.block.header { - background: #f3f4f5; - padding: 0.78571429rem 1rem; - -webkit-box-shadow: none; - 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; -} -.ui.attached.header { - background: #fff; - padding: 0.78571429rem 1rem; - margin-left: -1px; - margin-right: -1px; - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #d4d4d5; -} -.ui.attached.block.header { - background: #f3f4f5; -} -.ui.attached:not(.top):not(.bottom).header { - margin-top: 0; - margin-bottom: 0; - border-top: none; - border-radius: 0; -} -.ui.top.attached.header { - margin-bottom: 0; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.bottom.attached.header { - margin-top: 0; - border-top: none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.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; -} -.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: 1.28571429em; -} /*! - * # Semantic UI 2.3.1 - Icon - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -@font-face { - font-family: Icons; - src: url(themes/default/assets/fonts/icons.eot); - src: url(themes/default/assets/fonts/icons.eot?#iefix) - format('embedded-opentype'), - url(themes/default/assets/fonts/icons.woff2) format('woff2'), - url(themes/default/assets/fonts/icons.woff) format('woff'), - url(themes/default/assets/fonts/icons.ttf) format('truetype'), - url(themes/default/assets/fonts/icons.svg#icons) format('svg'); - font-style: normal; - font-weight: 400; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} -i.icon { - display: inline-block; - opacity: 1; - margin: 0 0.25rem 0 0; - width: 1.18em; - height: 1em; - font-family: Icons; - font-style: normal; - font-weight: 400; - 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: 0 0 !important; -} -i.icon.loading { - height: 1em; - line-height: 1; - -webkit-animation: icon-loading 2s linear infinite; - animation: icon-loading 2s linear infinite; -} -@-webkit-keyframes icon-loading { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes icon-loading { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -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; -} -i.fitted.icon { - width: auto; - margin: 0 !important; -} -i.link.icon, -i.link.icons { - cursor: pointer; - opacity: 0.8; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -i.link.icon:hover, -i.link.icons:hover { - opacity: 1 !important; -} -i.circular.icon { - border-radius: 500em !important; - line-height: 1 !important; - padding: 0.5em 0 !important; - -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; - width: 2em !important; - height: 2em !important; -} -i.circular.inverted.icon { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -i.flipped.icon, -i.horizontally.flipped.icon { - -webkit-transform: scale(-1, 1); - transform: scale(-1, 1); -} -i.vertically.flipped.icon { - -webkit-transform: scale(1, -1); - transform: scale(1, -1); -} -i.clockwise.rotated.icon, -i.right.rotated.icon, -i.rotated.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -i.counterclockwise.rotated.icon, -i.left.rotated.icon { - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); -} -i.bordered.icon { - line-height: 1; - vertical-align: baseline; - width: 2em; - height: 2em; - padding: 0.5em 0 !important; - -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; -} -i.bordered.inverted.icon { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -i.inverted.bordered.icon, -i.inverted.circular.icon { - background-color: #1b1c1d !important; - color: #fff !important; -} -i.inverted.icon { - color: #fff; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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: #fff !important; -} -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; -} -i.icons { - display: inline-block; - position: relative; - line-height: 1; -} -i.icons .icon { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - margin: 0; - margin: 0; -} -i.icons .icon:first-child { - position: static; - width: auto; - height: auto; - vertical-align: top; - -webkit-transform: none; - transform: none; - margin-right: 0.25rem; -} -i.icons .corner.icon { - top: auto; - left: auto; - right: 0; - bottom: 0; - -webkit-transform: none; - transform: none; - font-size: 0.45em; - text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, - 1px 1px 0 #fff; -} -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; -} -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.in: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.in.alternate:before { - content: '\f2f6'; -} -i.icon.sign.language:before { - content: '\f2a7'; -} -i.icon.sign.out.alternate:before { - content: '\f2f5'; -} -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'; -} -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.log.out: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'; -} -@font-face { - font-family: outline-icons; - src: url(themes/default/assets/fonts/outline-icons.eot); - src: url(themes/default/assets/fonts/outline-icons.eot?#iefix) - format('embedded-opentype'), - url(themes/default/assets/fonts/outline-icons.woff2) format('woff2'), - url(themes/default/assets/fonts/outline-icons.woff) format('woff'), - url(themes/default/assets/fonts/outline-icons.ttf) format('truetype'), - url(themes/default/assets/fonts/outline-icons.svg#icons) format('svg'); - font-style: normal; - font-weight: 400; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} -i.icon.outline { - font-family: outline-icons; -} -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'; -} -i.icon.disk.outline:before { - content: '\f369'; -} -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'; -} -@font-face { - font-family: brand-icons; - src: url(themes/default/assets/fonts/brand-icons.eot); - src: url(themes/default/assets/fonts/brand-icons.eot?#iefix) - format('embedded-opentype'), - url(themes/default/assets/fonts/brand-icons.woff2) format('woff2'), - url(themes/default/assets/fonts/brand-icons.woff) format('woff'), - url(themes/default/assets/fonts/brand-icons.ttf) format('truetype'), - url(themes/default/assets/fonts/brand-icons.svg#icons) format('svg'); - font-style: normal; - font-weight: 400; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} -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.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.reddit, -i.icon.reddit.alien, -i.icon.reddit.square, -i.icon.redriver, -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.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; -} /*! - * # Semantic UI 2.3.1 - Image - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.image { - position: relative; - display: inline-block; - vertical-align: middle; - max-width: 100%; - background-color: transparent; -} -img.ui.image { - display: block; -} -.ui.image img, -.ui.image svg { - display: block; - max-width: 100%; - height: auto; -} -.ui.hidden.image, -.ui.hidden.images { - display: none; -} -.ui.hidden.transition.image, -.ui.hidden.transition.images { - display: block; - visibility: hidden; -} -.ui.images > .hidden.transition { - display: inline-block; - visibility: hidden; -} -.ui.disabled.image, -.ui.disabled.images { - cursor: default; - opacity: 0.45; -} -.ui.inline.image, -.ui.inline.image img, -.ui.inline.image svg { - display: inline-block; -} -.ui.top.aligned.image, -.ui.top.aligned.image img, -.ui.top.aligned.image svg, -.ui.top.aligned.images .image { - display: inline-block; - vertical-align: top; -} -.ui.middle.aligned.image, -.ui.middle.aligned.image img, -.ui.middle.aligned.image svg, -.ui.middle.aligned.images .image { - display: inline-block; - vertical-align: middle; -} -.ui.bottom.aligned.image, -.ui.bottom.aligned.image img, -.ui.bottom.aligned.image svg, -.ui.bottom.aligned.images .image { - display: inline-block; - vertical-align: bottom; -} -.ui.rounded.image, -.ui.rounded.image > *, -.ui.rounded.images .image, -.ui.rounded.images .image > * { - border-radius: 0.3125em; -} -.ui.bordered.image img, -.ui.bordered.image svg, -.ui.bordered.images .image, -.ui.bordered.images img, -.ui.bordered.images svg, -img.ui.bordered.image { - border: 1px solid rgba(0, 0, 0, 0.1); -} -.ui.circular.image, -.ui.circular.images { - overflow: hidden; -} -.ui.circular.image, -.ui.circular.image > *, -.ui.circular.images .image, -.ui.circular.images .image > * { - border-radius: 500rem; -} -.ui.fluid.image, -.ui.fluid.image img, -.ui.fluid.image svg, -.ui.fluid.images, -.ui.fluid.images img, -.ui.fluid.images svg { - display: block; - width: 100%; - height: auto; -} -.ui.avatar.image, -.ui.avatar.image img, -.ui.avatar.image svg, -.ui.avatar.images .image, -.ui.avatar.images img, -.ui.avatar.images svg { - margin-right: 0.25em; - display: inline-block; - width: 2em; - height: 2em; - border-radius: 500rem; -} -.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: 0; -} -.ui[class*='right spaced'].image { - margin-left: 0; - margin-right: 0.5em; -} -.ui.floated.image, -.ui.floated.images { - float: left; - margin-right: 1em; - margin-bottom: 1em; -} -.ui.right.floated.image, -.ui.right.floated.images { - float: right; - margin-right: 0; - margin-bottom: 1em; - margin-left: 1em; -} -.ui.floated.image:last-child, -.ui.floated.images:last-child { - margin-bottom: 0; -} -.ui.centered.image, -.ui.centered.images { - margin-left: auto; - margin-right: auto; -} -.ui.mini.image, -.ui.mini.images .image, -.ui.mini.images img, -.ui.mini.images svg { - width: 35px; - height: auto; - font-size: 0.78571429rem; -} -.ui.tiny.image, -.ui.tiny.images .image, -.ui.tiny.images img, -.ui.tiny.images svg { - width: 80px; - height: auto; - font-size: 0.85714286rem; -} -.ui.small.image, -.ui.small.images .image, -.ui.small.images img, -.ui.small.images svg { - width: 150px; - height: auto; - font-size: 0.92857143rem; -} -.ui.medium.image, -.ui.medium.images .image, -.ui.medium.images img, -.ui.medium.images svg { - width: 300px; - height: auto; - font-size: 1rem; -} -.ui.large.image, -.ui.large.images .image, -.ui.large.images img, -.ui.large.images svg { - width: 450px; - height: auto; - font-size: 1.14285714rem; -} -.ui.big.image, -.ui.big.images .image, -.ui.big.images img, -.ui.big.images svg { - width: 600px; - height: auto; - font-size: 1.28571429rem; -} -.ui.huge.image, -.ui.huge.images .image, -.ui.huge.images img, -.ui.huge.images svg { - width: 800px; - height: auto; - font-size: 1.42857143rem; -} -.ui.massive.image, -.ui.massive.images .image, -.ui.massive.images img, -.ui.massive.images svg { - width: 960px; - height: auto; - font-size: 1.71428571rem; -} -.ui.images { - font-size: 0; - margin: 0 -0.25rem 0; -} -.ui.images .image, -.ui.images > img, -.ui.images > svg { - display: inline-block; - margin: 0 0.25rem 0.5rem; -} /*! - * # Semantic UI 2.3.1 - Input - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.input { - position: relative; - font-weight: 400; - font-style: normal; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - color: rgba(0, 0, 0, 0.87); -} -.ui.input > input { - margin: 0; - max-width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - outline: 0; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - text-align: left; - line-height: 1.21428571em; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - padding: 0.67857143em 1em; - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease, - -webkit-box-shadow 0.1s ease; - -webkit-box-shadow: none; - box-shadow: none; -} -.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); -} -.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; -} -.ui.input.down input, -.ui.input > input:active { - border-color: rgba(0, 0, 0, 0.3); - background: #fafafa; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.loading.loading.input > i.icon:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0 0 -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 0 0 -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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; -} -.ui.input.focus > input, -.ui.input > input:focus { - border-color: #85b7d9; - background: #fff; - color: rgba(0, 0, 0, 0.8); - -webkit-box-shadow: none; - 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); -} -.ui.input.error > input { - background-color: #fff6f6; - border-color: #e0b4b4; - color: #9f3a38; - -webkit-box-shadow: none; - box-shadow: none; -} -.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; -} -.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; -} -.ui.transparent.input > input { - border-color: transparent !important; - background-color: transparent !important; - padding: 0 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-radius: 0 !important; -} -.ui.transparent.icon.input > i.icon { - width: 1.1em; -} -.ui.transparent.icon.input > input { - padding-left: 0 !important; - padding-right: 2em !important; -} -.ui.transparent[class*='left icon'].input > input { - padding-left: 2em !important; - padding-right: 0 !important; -} -.ui.transparent.inverted.input { - color: #fff; -} -.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); -} -.ui.icon.input > i.icon { - cursor: default; - position: absolute; - line-height: 1; - text-align: center; - top: 0; - right: 0; - margin: 0; - height: 100%; - width: 2.67142857em; - opacity: 0.5; - border-radius: 0 0.28571429rem 0.28571429rem 0; - -webkit-transition: opacity 0.3s ease; - 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:after, -.ui.icon.input > i.icon:before { - 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; -} -.ui[class*='left icon'].input > i.icon { - right: auto; - left: 1px; - border-radius: 0.28571429rem 0 0 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; -} -.ui.icon.input > input:focus ~ i.icon { - opacity: 1; -} -.ui.labeled.input > .label { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - font-size: 1em; -} -.ui.labeled.input > .label:not(.corner) { - padding-top: 0.78571429em; - padding-bottom: 0.78571429em; -} -.ui.labeled.input:not([class*='corner labeled']) .label:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.ui.labeled.input:not([class*='corner labeled']) .label:first-child + input { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-color: transparent; -} -.ui.labeled.input:not([class*='corner labeled']) - .label:first-child - + input:focus { - border-left-color: #85b7d9; -} -.ui[class*='right labeled'].input > input { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-right-color: transparent !important; -} -.ui[class*='right labeled'].input > input + .label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.ui[class*='right labeled'].input > input:focus { - border-right-color: #85b7d9 !important; -} -.ui.labeled.input .corner.label { - top: 1px; - right: 1px; - font-size: 0.64285714em; - border-radius: 0 0.28571429rem 0 0; -} -.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; -} -.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; -} -.ui.input > .ui.corner.label { - top: 1px; - right: 1px; -} -.ui.input > .ui.left.corner.label { - right: auto; - left: 1px; -} -.ui.action.input > .button, -.ui.action.input > .buttons { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; -} -.ui.action.input > .button, -.ui.action.input > .buttons > .button { - padding-top: 0.78571429em; - padding-bottom: 0.78571429em; - margin: 0; -} -.ui.action.input:not([class*='left action']) > input { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-right-color: transparent !important; -} -.ui.action.input:not([class*='left action']) > .button:not(:first-child), -.ui.action.input:not([class*='left action']) - > .buttons:not(:first-child) - > .button, -.ui.action.input:not([class*='left action']) > .dropdown:not(:first-child) { - border-radius: 0; -} -.ui.action.input:not([class*='left action']) > .button:last-child, -.ui.action.input:not([class*='left action']) > .buttons:last-child > .button, -.ui.action.input:not([class*='left action']) > .dropdown:last-child { - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.ui.action.input:not([class*='left action']) > input:focus { - border-right-color: #85b7d9 !important; -} -.ui[class*='left action'].input > input { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; - border-left-color: transparent !important; -} -.ui[class*='left action'].input > .button, -.ui[class*='left action'].input > .buttons > .button, -.ui[class*='left action'].input > .dropdown { - border-radius: 0; -} -.ui[class*='left action'].input > .button:first-child, -.ui[class*='left action'].input > .buttons:first-child > .button, -.ui[class*='left action'].input > .dropdown:first-child { - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui[class*='left action'].input > input:focus { - border-left-color: #85b7d9 !important; -} -.ui.inverted.input > input { - border: none; -} -.ui.fluid.input { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.ui.fluid.input > input { - width: 0 !important; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Label - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.label { - display: inline-block; - line-height: 1; - vertical-align: baseline; - margin: 0 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: 700; - border: 0 solid transparent; - border-radius: 0.28571429rem; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} -.ui.label:first-child { - margin-left: 0; -} -.ui.label:last-child { - margin-right: 0; -} -a.ui.label { - cursor: pointer; -} -.ui.label > a { - cursor: pointer; - color: inherit; - opacity: 0.5; - -webkit-transition: 0.1s opacity ease; - transition: 0.1s opacity ease; -} -.ui.label > a:hover { - opacity: 1; -} -.ui.label > img { - width: auto !important; - vertical-align: middle; - height: 2.1666em !important; -} -.ui.label > .icon { - width: auto; - margin: 0 0.75em 0 0; -} -.ui.label > .detail { - display: inline-block; - vertical-align: top; - font-weight: 700; - margin-left: 1em; - opacity: 0.8; -} -.ui.label > .detail .icon { - margin: 0 0.25em 0 0; -} -.ui.label > .close.icon, -.ui.label > .delete.icon { - cursor: pointer; - margin-right: 0; - margin-left: 0.5em; - font-size: 0.92857143em; - opacity: 0.5; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} -.ui.label > .delete.icon:hover { - opacity: 1; -} -.ui.labels > .label { - margin: 0 0.5em 0.5em 0; -} -.ui.header > .ui.label { - margin-top: -0.29165em; -} -.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; -} -.ui.top.attached.label + [class*='right floated'] + *, -.ui.top.attached.label:first-child + :not(.attached) { - margin-top: 2rem !important; -} -.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) { - margin-top: 0; - margin-bottom: 2rem !important; -} -.ui.image.label { - width: auto !important; - margin-top: 0; - margin-bottom: 0; - max-width: 9999px; - vertical-align: baseline; - text-transform: none; - background: #e8e8e8; - padding: 0.5833em 0.833em 0.5833em 0.5em; - border-radius: 0.28571429rem; - -webkit-box-shadow: none; - 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 0 0 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: 0 0.28571429rem 0.28571429rem 0; -} -.ui.tag.label, -.ui.tag.labels .label { - margin-left: 1em; - position: relative; - padding-left: 1.5em; - padding-right: 1.5em; - border-radius: 0 0.28571429rem 0.28571429rem 0; - -webkit-transition: none; - transition: none; -} -.ui.tag.label:before, -.ui.tag.labels .label:before { - position: absolute; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - transform: translateY(-50%) translateX(50%) rotate(-45deg); - top: 50%; - right: 100%; - content: ''; - background-color: inherit; - background-image: none; - width: 1.56em; - height: 1.56em; - -webkit-transition: none; - transition: none; -} -.ui.tag.label:after, -.ui.tag.labels .label:after { - position: absolute; - content: ''; - top: 50%; - left: -0.25em; - margin-top: -0.25em; - background-color: #fff !important; - width: 0.5em; - height: 0.5em; - -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); - box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); - border-radius: 500rem; -} -.ui.corner.label { - position: absolute; - top: 0; - right: 0; - margin: 0; - padding: 0; - text-align: center; - border-color: #e8e8e8; - width: 4em; - height: 4em; - z-index: 1; - -webkit-transition: border-color 0.1s ease; - transition: border-color 0.1s ease; -} -.ui.corner.label { - background-color: transparent !important; -} -.ui.corner.label:after { - position: absolute; - content: ''; - right: 0; - top: 0; - z-index: -1; - width: 0; - height: 0; - background-color: transparent !important; - border-top: 0 solid transparent; - border-right: 4em solid transparent; - border-bottom: 4em solid transparent; - border-left: 0 solid transparent; - border-right-color: inherit; - -webkit-transition: border-color 0.1s ease; - 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: 0; -} -.ui.left.corner.label, -.ui.left.corner.label:after { - right: auto; - left: 0; -} -.ui.left.corner.label:after { - border-top: 4em solid transparent; - border-right: 4em solid transparent; - border-bottom: 0 solid transparent; - border-left: 0 solid transparent; - border-top-color: inherit; -} -.ui.left.corner.label .icon { - left: -0.78571429em; -} -.ui.segment > .ui.corner.label { - top: -1px; - right: -1px; -} -.ui.segment > .ui.left.corner.label { - right: auto; - left: -1px; -} -.ui.ribbon.label { - position: relative; - margin: 0; - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - border-radius: 0 0.28571429rem 0.28571429rem 0; - 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: 0 1.2em 1.2em 0; - border-color: transparent; - border-right-color: inherit; - width: 0; - height: 0; -} -.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); -} -.ui[class*='right ribbon'].label { - text-align: left; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui[class*='right ribbon'].label:after { - left: auto; - right: 0; - border-style: solid; - border-width: 1.2em 1.2em 0 0; - border-color: transparent; - border-top-color: inherit; -} -.ui.card .image > .ribbon.label, -.ui.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; -} -.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; -} -.ui.attached.label, -.ui[class*='top attached'].label { - width: 100%; - position: absolute; - margin: 0; - top: 0; - left: 0; - padding: 0.75em 1em; - border-radius: 0.21428571rem 0.21428571rem 0 0; -} -.ui[class*='bottom attached'].label { - top: auto; - bottom: 0; - border-radius: 0 0 0.21428571rem 0.21428571rem; -} -.ui[class*='top left attached'].label { - width: auto; - margin-top: 0 !important; - border-radius: 0.21428571rem 0 0.28571429rem 0; -} -.ui[class*='top right attached'].label { - width: auto; - left: auto; - right: 0; - border-radius: 0 0.21428571rem 0 0.28571429rem; -} -.ui[class*='bottom left attached'].label { - width: auto; - top: auto; - bottom: 0; - border-radius: 0 0.28571429rem 0 0.21428571rem; -} -.ui[class*='bottom right attached'].label { - top: auto; - bottom: 0; - left: auto; - right: 0; - width: auto; - border-radius: 0.28571429rem 0 0.21428571rem 0; -} -.ui.label.disabled { - opacity: 0.5; -} -a.ui.label:hover, -a.ui.labels .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); -} -.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); -} -a.ui.active.label:hover, -a.ui.labels .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); -} -.ui.label.visible:not(.dropdown), -.ui.labels.visible .label { - display: inline-block !important; -} -.ui.label.hidden, -.ui.labels.hidden .label { - display: none !important; -} -.ui.red.label, -.ui.red.labels .label { - background-color: #db2828 !important; - border-color: #db2828 !important; - color: #fff !important; -} -.ui.red.labels .label:hover, -a.ui.red.label:hover { - background-color: #d01919 !important; - border-color: #d01919 !important; - color: #fff !important; -} -.ui.red.corner.label, -.ui.red.corner.label:hover { - background-color: transparent !important; -} -.ui.red.ribbon.label { - border-color: #b21e1e !important; -} -.ui.basic.red.label { - background-color: #fff !important; - color: #db2828 !important; - border-color: #db2828 !important; -} -.ui.basic.red.labels a.label:hover, -a.ui.basic.red.label:hover { - background-color: #fff !important; - color: #d01919 !important; - border-color: #d01919 !important; -} -.ui.orange.label, -.ui.orange.labels .label { - background-color: #f2711c !important; - border-color: #f2711c !important; - color: #fff !important; -} -.ui.orange.labels .label:hover, -a.ui.orange.label:hover { - background-color: #f26202 !important; - border-color: #f26202 !important; - color: #fff !important; -} -.ui.orange.corner.label, -.ui.orange.corner.label:hover { - background-color: transparent !important; -} -.ui.orange.ribbon.label { - border-color: #cf590c !important; -} -.ui.basic.orange.label { - background-color: #fff !important; - color: #f2711c !important; - border-color: #f2711c !important; -} -.ui.basic.orange.labels a.label:hover, -a.ui.basic.orange.label:hover { - background-color: #fff !important; - color: #f26202 !important; - border-color: #f26202 !important; -} -.ui.yellow.label, -.ui.yellow.labels .label { - background-color: #fbbd08 !important; - border-color: #fbbd08 !important; - color: #fff !important; -} -.ui.yellow.labels .label:hover, -a.ui.yellow.label:hover { - background-color: #eaae00 !important; - border-color: #eaae00 !important; - color: #fff !important; -} -.ui.yellow.corner.label, -.ui.yellow.corner.label:hover { - background-color: transparent !important; -} -.ui.yellow.ribbon.label { - border-color: #cd9903 !important; -} -.ui.basic.yellow.label { - background-color: #fff !important; - color: #fbbd08 !important; - border-color: #fbbd08 !important; -} -.ui.basic.yellow.labels a.label:hover, -a.ui.basic.yellow.label:hover { - background-color: #fff !important; - color: #eaae00 !important; - border-color: #eaae00 !important; -} -.ui.olive.label, -.ui.olive.labels .label { - background-color: #b5cc18 !important; - border-color: #b5cc18 !important; - color: #fff !important; -} -.ui.olive.labels .label:hover, -a.ui.olive.label:hover { - background-color: #a7bd0d !important; - border-color: #a7bd0d !important; - color: #fff !important; -} -.ui.olive.corner.label, -.ui.olive.corner.label:hover { - background-color: transparent !important; -} -.ui.olive.ribbon.label { - border-color: #198f35 !important; -} -.ui.basic.olive.label { - background-color: #fff !important; - color: #b5cc18 !important; - border-color: #b5cc18 !important; -} -.ui.basic.olive.labels a.label:hover, -a.ui.basic.olive.label:hover { - background-color: #fff !important; - color: #a7bd0d !important; - border-color: #a7bd0d !important; -} -.ui.green.label, -.ui.green.labels .label { - background-color: #21ba45 !important; - border-color: #21ba45 !important; - color: #fff !important; -} -.ui.green.labels .label:hover, -a.ui.green.label:hover { - background-color: #16ab39 !important; - border-color: #16ab39 !important; - color: #fff !important; -} -.ui.green.corner.label, -.ui.green.corner.label:hover { - background-color: transparent !important; -} -.ui.green.ribbon.label { - border-color: #198f35 !important; -} -.ui.basic.green.label { - background-color: #fff !important; - color: #21ba45 !important; - border-color: #21ba45 !important; -} -.ui.basic.green.labels a.label:hover, -a.ui.basic.green.label:hover { - background-color: #fff !important; - color: #16ab39 !important; - border-color: #16ab39 !important; -} -.ui.teal.label, -.ui.teal.labels .label { - background-color: #00b5ad !important; - border-color: #00b5ad !important; - color: #fff !important; -} -.ui.teal.labels .label:hover, -a.ui.teal.label:hover { - background-color: #009c95 !important; - border-color: #009c95 !important; - color: #fff !important; -} -.ui.teal.corner.label, -.ui.teal.corner.label:hover { - background-color: transparent !important; -} -.ui.teal.ribbon.label { - border-color: #00827c !important; -} -.ui.basic.teal.label { - background-color: #fff !important; - color: #00b5ad !important; - border-color: #00b5ad !important; -} -.ui.basic.teal.labels a.label:hover, -a.ui.basic.teal.label:hover { - background-color: #fff !important; - color: #009c95 !important; - border-color: #009c95 !important; -} -.ui.blue.label, -.ui.blue.labels .label { - background-color: #2185d0 !important; - border-color: #2185d0 !important; - color: #fff !important; -} -.ui.blue.labels .label:hover, -a.ui.blue.label:hover { - background-color: #1678c2 !important; - border-color: #1678c2 !important; - color: #fff !important; -} -.ui.blue.corner.label, -.ui.blue.corner.label:hover { - background-color: transparent !important; -} -.ui.blue.ribbon.label { - border-color: #1a69a4 !important; -} -.ui.basic.blue.label { - background-color: #fff !important; - color: #2185d0 !important; - border-color: #2185d0 !important; -} -.ui.basic.blue.labels a.label:hover, -a.ui.basic.blue.label:hover { - background-color: #fff !important; - color: #1678c2 !important; - border-color: #1678c2 !important; -} -.ui.violet.label, -.ui.violet.labels .label { - background-color: #6435c9 !important; - border-color: #6435c9 !important; - color: #fff !important; -} -.ui.violet.labels .label:hover, -a.ui.violet.label:hover { - background-color: #5829bb !important; - border-color: #5829bb !important; - color: #fff !important; -} -.ui.violet.corner.label, -.ui.violet.corner.label:hover { - background-color: transparent !important; -} -.ui.violet.ribbon.label { - border-color: #502aa1 !important; -} -.ui.basic.violet.label { - background-color: #fff !important; - color: #6435c9 !important; - border-color: #6435c9 !important; -} -.ui.basic.violet.labels a.label:hover, -a.ui.basic.violet.label:hover { - background-color: #fff !important; - color: #5829bb !important; - border-color: #5829bb !important; -} -.ui.purple.label, -.ui.purple.labels .label { - background-color: #a333c8 !important; - border-color: #a333c8 !important; - color: #fff !important; -} -.ui.purple.labels .label:hover, -a.ui.purple.label:hover { - background-color: #9627ba !important; - border-color: #9627ba !important; - color: #fff !important; -} -.ui.purple.corner.label, -.ui.purple.corner.label:hover { - background-color: transparent !important; -} -.ui.purple.ribbon.label { - border-color: #82299f !important; -} -.ui.basic.purple.label { - background-color: #fff !important; - color: #a333c8 !important; - border-color: #a333c8 !important; -} -.ui.basic.purple.labels a.label:hover, -a.ui.basic.purple.label:hover { - background-color: #fff !important; - color: #9627ba !important; - border-color: #9627ba !important; -} -.ui.pink.label, -.ui.pink.labels .label { - background-color: #e03997 !important; - border-color: #e03997 !important; - color: #fff !important; -} -.ui.pink.labels .label:hover, -a.ui.pink.label:hover { - background-color: #e61a8d !important; - border-color: #e61a8d !important; - color: #fff !important; -} -.ui.pink.corner.label, -.ui.pink.corner.label:hover { - background-color: transparent !important; -} -.ui.pink.ribbon.label { - border-color: #c71f7e !important; -} -.ui.basic.pink.label { - background-color: #fff !important; - color: #e03997 !important; - border-color: #e03997 !important; -} -.ui.basic.pink.labels a.label:hover, -a.ui.basic.pink.label:hover { - background-color: #fff !important; - color: #e61a8d !important; - border-color: #e61a8d !important; -} -.ui.brown.label, -.ui.brown.labels .label { - background-color: #a5673f !important; - border-color: #a5673f !important; - color: #fff !important; -} -.ui.brown.labels .label:hover, -a.ui.brown.label:hover { - background-color: #975b33 !important; - border-color: #975b33 !important; - color: #fff !important; -} -.ui.brown.corner.label, -.ui.brown.corner.label:hover { - background-color: transparent !important; -} -.ui.brown.ribbon.label { - border-color: #805031 !important; -} -.ui.basic.brown.label { - background-color: #fff !important; - color: #a5673f !important; - border-color: #a5673f !important; -} -.ui.basic.brown.labels a.label:hover, -a.ui.basic.brown.label:hover { - background-color: #fff !important; - color: #975b33 !important; - border-color: #975b33 !important; -} -.ui.grey.label, -.ui.grey.labels .label { - background-color: #767676 !important; - border-color: #767676 !important; - color: #fff !important; -} -.ui.grey.labels .label:hover, -a.ui.grey.label:hover { - background-color: #838383 !important; - border-color: #838383 !important; - color: #fff !important; -} -.ui.grey.corner.label, -.ui.grey.corner.label:hover { - background-color: transparent !important; -} -.ui.grey.ribbon.label { - border-color: #805031 !important; -} -.ui.basic.grey.label { - background-color: #fff !important; - color: #767676 !important; - border-color: #767676 !important; -} -.ui.basic.grey.labels a.label:hover, -a.ui.basic.grey.label:hover { - background-color: #fff !important; - color: #838383 !important; - border-color: #838383 !important; -} -.ui.black.label, -.ui.black.labels .label { - background-color: #1b1c1d !important; - border-color: #1b1c1d !important; - color: #fff !important; -} -.ui.black.labels .label:hover, -a.ui.black.label:hover { - background-color: #27292a !important; - border-color: #27292a !important; - color: #fff !important; -} -.ui.black.corner.label, -.ui.black.corner.label:hover { - background-color: transparent !important; -} -.ui.black.ribbon.label { - border-color: #805031 !important; -} -.ui.basic.black.label { - background-color: #fff !important; - color: #1b1c1d !important; - border-color: #1b1c1d !important; -} -.ui.basic.black.labels a.label:hover, -a.ui.basic.black.label:hover { - background-color: #fff !important; - color: #27292a !important; - border-color: #27292a !important; -} -.ui.basic.label { - background: none #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; -} -a.ui.basic.label:hover { - text-decoration: none; - background: none #fff; - color: #1e70bf; - -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15); - box-shadow: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.basic.pointing.label:before { - border-color: inherit; -} -.ui.fluid.labels > .label, -.ui.label.fluid { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.ui.inverted.label, -.ui.inverted.labels .label { - color: rgba(255, 255, 255, 0.9) !important; -} -.ui.horizontal.label, -.ui.horizontal.labels .label { - margin: 0 0.5em 0 0; - padding: 0.4em 0.833em; - min-width: 3em; - text-align: center; -} -.ui.circular.label, -.ui.circular.labels .label { - min-width: 2em; - min-height: 2em; - padding: 0.5em !important; - line-height: 1em; - text-align: center; - border-radius: 500rem; -} -.ui.empty.circular.label, -.ui.empty.circular.labels .label { - min-width: 0; - min-height: 0; - overflow: hidden; - width: 0.5em; - height: 0.5em; - vertical-align: baseline; -} -.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; -} -.ui.pointing.label:before { - position: absolute; - content: ''; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - background-image: none; - z-index: 2; - width: 0.6666em; - height: 0.6666em; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} -.ui.pointing.label, -.ui[class*='pointing above'].label { - margin-top: 1em; -} -.ui.pointing.label:before, -.ui[class*='pointing above'].label:before { - border-width: 1px 0 0 1px; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - top: 0; - left: 50%; -} -.ui[class*='bottom pointing'].label, -.ui[class*='pointing below'].label { - margin-top: 0; - margin-bottom: 1em; -} -.ui[class*='bottom pointing'].label:before, -.ui[class*='pointing below'].label:before { - border-width: 0 1px 1px 0; - top: auto; - right: auto; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - top: 100%; - left: 50%; -} -.ui[class*='left pointing'].label { - margin-top: 0; - margin-left: 0.6666em; -} -.ui[class*='left pointing'].label:before { - border-width: 0 0 1px 1px; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - bottom: auto; - right: auto; - top: 50%; - left: 0; -} -.ui[class*='right pointing'].label { - margin-top: 0; - margin-right: 0.6666em; -} -.ui[class*='right pointing'].label:before { - border-width: 1px 1px 0 0; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - transform: translateX(50%) translateY(-50%) rotate(45deg); - top: 50%; - right: 0; - bottom: auto; - left: auto; -} -.ui.basic.pointing.label:before, -.ui.basic[class*='pointing above'].label:before { - margin-top: -1px; -} -.ui.basic[class*='bottom pointing'].label:before, -.ui.basic[class*='pointing below'].label:before { - bottom: auto; - top: 100%; - margin-top: 1px; -} -.ui.basic[class*='left pointing'].label:before { - top: 50%; - left: -1px; -} -.ui.basic[class*='right pointing'].label:before { - top: 50%; - right: -1px; -} -.ui.floating.label { - position: absolute; - z-index: 100; - top: -1em; - left: 100%; - margin: 0 0 0 -1.5em !important; -} -.ui.mini.label, -.ui.mini.labels .label { - font-size: 0.64285714rem; -} -.ui.tiny.label, -.ui.tiny.labels .label { - font-size: 0.71428571rem; -} -.ui.small.label, -.ui.small.labels .label { - font-size: 0.78571429rem; -} -.ui.label, -.ui.labels .label { - font-size: 0.85714286rem; -} -.ui.large.label, -.ui.large.labels .label { - font-size: 1rem; -} -.ui.big.label, -.ui.big.labels .label { - font-size: 1.28571429rem; -} -.ui.huge.label, -.ui.huge.labels .label { - font-size: 1.42857143rem; -} -.ui.massive.label, -.ui.massive.labels .label { - font-size: 1.71428571rem; -} /*! - * # Semantic UI 2.3.1 - List - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.list, -ol.ui.list, -ul.ui.list { - list-style-type: none; - margin: 1em 0; - padding: 0 0; -} -.ui.list:first-child, -ol.ui.list:first-child, -ul.ui.list:first-child { - margin-top: 0; - padding-top: 0; -} -.ui.list:last-child, -ol.ui.list:last-child, -ul.ui.list:last-child { - margin-bottom: 0; - padding-bottom: 0; -} -.ui.list .list > .item, -.ui.list > .item, -ol.ui.list li, -ul.ui.list li { - display: list-item; - table-layout: fixed; - list-style-type: none; - list-style-position: outside; - padding: 0.21428571em 0; - line-height: 1.14285714em; -} -.ui.list > .item:after, -.ui.list > .list > .item, -ol.ui.list > li:first-child:after, -ul.ui.list > li:first-child:after { - content: ''; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.list .list > .item:first-child, -.ui.list > .item:first-child, -ol.ui.list li:first-child, -ul.ui.list li:first-child { - padding-top: 0; -} -.ui.list .list > .item:last-child, -.ui.list > .item:last-child, -ol.ui.list li:last-child, -ul.ui.list li:last-child { - padding-bottom: 0; -} -.ui.list .list, -ol.ui.list ol, -ul.ui.list ul { - clear: both; - margin: 0; - padding: 0.75em 0 0.25em 0.5em; -} -.ui.list .list > .item, -ol.ui.list ol li, -ul.ui.list ul li { - padding: 0.14285714em 0; - line-height: inherit; -} -.ui.list .list > .item > i.icon, -.ui.list > .item > i.icon { - display: table-cell; - margin: 0; - padding-top: 0; - padding-right: 0.28571429em; - vertical-align: top; - -webkit-transition: color 0.1s ease; - 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; -} -.ui.list .list > .item > .image, -.ui.list > .item > .image { - display: table-cell; - background-color: transparent; - margin: 0; - 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 > .image:only-child, -.ui.list .list > .item > img.image, -.ui.list > .item > .image:only-child, -.ui.list > .item > img.image { - display: inline-block; -} -.ui.list .list > .item > .content, -.ui.list > .item > .content { - line-height: 1.14285714em; -} -.ui.list .list > .item > .icon + .content, -.ui.list .list > .item > .image + .content, -.ui.list > .item > .icon + .content, -.ui.list > .item > .image + .content { - display: table-cell; - padding: 0 0 0 0.5em; - vertical-align: top; -} -.ui.list .list > .item > img.image + .content, -.ui.list > .item > img.image + .content { - display: inline-block; -} -.ui.list .list > .item > .content > .list, -.ui.list > .item > .content > .list { - margin-left: 0; - padding-left: 0; -} -.ui.list .list > .item .header, -.ui.list > .item .header { - display: block; - margin: 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: 700; - color: rgba(0, 0, 0, 0.87); -} -.ui.list .list > .item .description, -.ui.list > .item .description { - display: block; - color: rgba(0, 0, 0, 0.7); -} -.ui.list .list > .item a, -.ui.list > .item a { - cursor: pointer; -} -.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; -} -.ui.list .list > a.item i.icon, -.ui.list > a.item i.icon { - color: rgba(0, 0, 0, 0.4); -} -.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; -} -.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: 0 1em 0 0; -} -.ui.list .list > .item [class*='right floated'], -.ui.list > .item [class*='right floated'] { - float: right; - margin: 0 0 0 1em; -} -.ui.menu .ui.list .list > .item, -.ui.menu .ui.list > .item { - display: list-item; - table-layout: fixed; - background-color: transparent; - list-style-type: none; - list-style-position: outside; - padding: 0.21428571em 0; - line-height: 1.14285714em; -} -.ui.menu .ui.list .list > .item:before, -.ui.menu .ui.list > .item:before { - border: none; - background: 0 0; -} -.ui.menu .ui.list .list > .item:first-child, -.ui.menu .ui.list > .item:first-child { - padding-top: 0; -} -.ui.menu .ui.list .list > .item:last-child, -.ui.menu .ui.list > .item:last-child { - padding-bottom: 0; -} -.ui.horizontal.list { - display: inline-block; - font-size: 0; -} -.ui.horizontal.list > .item { - display: inline-block; - margin-left: 1em; - font-size: 1rem; -} -.ui.horizontal.list:not(.celled) > .item:first-child { - margin-left: 0 !important; - padding-left: 0 !important; -} -.ui.horizontal.list .list { - padding-left: 0; - padding-bottom: 0; -} -.ui.horizontal.list .list > .item > .content, -.ui.horizontal.list .list > .item > .icon, -.ui.horizontal.list .list > .item > .image, -.ui.horizontal.list > .item > .content, -.ui.horizontal.list > .item > .icon, -.ui.horizontal.list > .item > .image { - vertical-align: middle; -} -.ui.horizontal.list > .item:first-child, -.ui.horizontal.list > .item:last-child { - padding-top: 0.21428571em; - padding-bottom: 0.21428571em; -} -.ui.horizontal.list > .item > i.icon { - margin: 0; - padding: 0 0.25em 0 0; -} -.ui.horizontal.list > .item > .icon, -.ui.horizontal.list > .item > .icon + .content { - float: none; - display: inline-block; -} -.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; -} -.ui.list .list > a.item:hover .icon, -.ui.list > a.item:hover .icon { - color: rgba(0, 0, 0, 0.87); -} -.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); -} -.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; -} -.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; -} -.ui.list [class*='top aligned'], -.ui.list[class*='top aligned'] .content, -.ui.list[class*='top aligned'] .image { - vertical-align: top !important; -} -.ui.list [class*='middle aligned'], -.ui.list[class*='middle aligned'] .content, -.ui.list[class*='middle aligned'] .image { - vertical-align: middle !important; -} -.ui.list [class*='bottom aligned'], -.ui.list[class*='bottom aligned'] .content, -.ui.list[class*='bottom aligned'] .image { - vertical-align: bottom !important; -} -.ui.link.list .item, -.ui.link.list .item a:not(.ui), -.ui.link.list a.item { - color: rgba(0, 0, 0, 0.4); - -webkit-transition: 0.1s color ease; - transition: 0.1s color ease; -} -.ui.link.list.list .item a:not(.ui):hover, -.ui.link.list.list a.item:hover { - color: rgba(0, 0, 0, 0.8); -} -.ui.link.list.list .item a:not(.ui):active, -.ui.link.list.list a.item: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); -} -.ui.inverted.link.list .item, -.ui.inverted.link.list .item a:not(.ui), -.ui.inverted.link.list a.item { - color: rgba(255, 255, 255, 0.5); -} -.ui.inverted.link.list.list .item a:not(.ui):hover, -.ui.inverted.link.list.list a.item:hover { - color: #fff; -} -.ui.inverted.link.list.list .item a:not(.ui):active, -.ui.inverted.link.list.list a.item:active { - color: #fff; -} -.ui.inverted.link.list.list .active.item a:not(.ui), -.ui.inverted.link.list.list a.active.item { - color: #fff; -} -.ui.selection.list .list > .item, -.ui.selection.list > .item { - cursor: pointer; - background: 0 0; - padding: 0.5em 0.5em; - margin: 0; - color: rgba(0, 0, 0, 0.4); - border-radius: 0.5em; - -webkit-transition: 0.1s color ease, 0.1s padding-left ease, - 0.1s background-color ease; - 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: 0; -} -.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); -} -.ui.inverted.selection.list > .item { - background: 0 0; - color: rgba(255, 255, 255, 0.5); -} -.ui.inverted.selection.list > .item:hover { - background: rgba(255, 255, 255, 0.02); - color: #fff; -} -.ui.inverted.selection.list > .item:active { - background: rgba(255, 255, 255, 0.08); - color: #fff; -} -.ui.inverted.selection.list > .item.active { - background: rgba(255, 255, 255, 0.08); - color: #fff; -} -.ui.celled.selection.list .list > .item, -.ui.celled.selection.list > .item, -.ui.divided.selection.list .list > .item, -.ui.divided.selection.list > .item { - border-radius: 0; -} -.ui.animated.list > .item { - -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, - 0.25s background-color ease 0.1s; - 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; -} -.ui.fitted.list:not(.selection) .list > .item, -.ui.fitted.list:not(.selection) > .item { - padding-left: 0; - padding-right: 0; -} -.ui.fitted.selection.list .list > .item, -.ui.fitted.selection.list > .item { - margin-left: -0.5em; - margin-right: -0.5em; -} -.ui.bulleted.list, -ul.ui.list { - margin-left: 1.25rem; -} -.ui.bulleted.list .list > .item, -.ui.bulleted.list > .item, -ul.ui.list li { - position: relative; -} -.ui.bulleted.list .list > .item:before, -.ui.bulleted.list > .item:before, -ul.ui.list li: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: 400; - margin-left: -1.25rem; - content: '•'; - opacity: 1; - color: inherit; - vertical-align: top; -} -.ui.bulleted.list .list > a.item:before, -.ui.bulleted.list > a.item:before, -ul.ui.list li:before { - color: rgba(0, 0, 0, 0.87); -} -.ui.bulleted.list .list, -ul.ui.list ul { - padding-left: 1.25rem; -} -.ui.horizontal.bulleted.list, -ul.ui.horizontal.bulleted.list { - margin-left: 0; -} -.ui.horizontal.bulleted.list > .item, -ul.ui.horizontal.bulleted.list li { - margin-left: 1.75rem; -} -.ui.horizontal.bulleted.list > .item:first-child, -ul.ui.horizontal.bulleted.list li:first-child { - margin-left: 0; -} -.ui.horizontal.bulleted.list > .item::before, -ul.ui.horizontal.bulleted.list li::before { - color: rgba(0, 0, 0, 0.87); -} -.ui.horizontal.bulleted.list > .item:first-child::before, -ul.ui.horizontal.bulleted.list li:first-child::before { - display: none; -} -.ui.ordered.list, -.ui.ordered.list .list, -ol.ui.list, -ol.ui.list ol { - counter-reset: ordered; - margin-left: 1.25rem; - list-style-type: none; -} -.ui.ordered.list .list > .item, -.ui.ordered.list > .item, -ol.ui.list li { - list-style-type: none; - position: relative; -} -.ui.ordered.list .list > .item:before, -.ui.ordered.list > .item:before, -ol.ui.list li: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; -} -.ui.ordered.inverted.list .list > .item:before, -.ui.ordered.inverted.list > .item:before, -ol.ui.inverted.list li:before { - color: rgba(255, 255, 255, 0.7); -} -.ui.ordered.list > .item[data-value], -.ui.ordered.list > .list > .item[data-value] { - content: attr(data-value); -} -ol.ui.list li[value]:before { - content: attr(value); -} -.ui.ordered.list .list, -ol.ui.list ol { - margin-left: 1em; -} -.ui.ordered.list .list > .item:before, -ol.ui.list ol li:before { - margin-left: -2em; -} -.ui.ordered.horizontal.list, -ol.ui.horizontal.list { - margin-left: 0; -} -.ui.ordered.horizontal.list .list > .item:before, -.ui.ordered.horizontal.list > .item:before, -ol.ui.horizontal.list li:before { - position: static; - margin: 0 0.5em 0 0; -} -.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; -} -.ui.divided.list:not(.horizontal) .list > .item:first-child { - border-top-width: 1px; -} -.ui.divided.bulleted.list .list, -.ui.divided.bulleted.list:not(.horizontal) { - margin-left: 0; - padding-left: 0; -} -.ui.divided.bulleted.list > .item:not(.horizontal) { - padding-left: 1.25rem; -} -.ui.divided.ordered.list { - margin-left: 0; -} -.ui.divided.ordered.list .list > .item, -.ui.divided.ordered.list > .item { - padding-left: 1.25rem; -} -.ui.divided.ordered.list .item .list { - margin-left: 0; - margin-right: 0; - padding-bottom: 0.21428571em; -} -.ui.divided.ordered.list .item .list > .item { - padding-left: 1em; -} -.ui.divided.selection.list .list > .item, -.ui.divided.selection.list > .item { - margin: 0; - border-radius: 0; -} -.ui.divided.horizontal.list { - margin-left: 0; -} -.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: 0; - line-height: 0.6; -} -.ui.horizontal.divided.list > .item:first-child { - border-left: none; -} -.ui.divided.inverted.horizontal.list > .item, -.ui.divided.inverted.list > .item, -.ui.divided.inverted.list > .list { - border-color: rgba(255, 255, 255, 0.1); -} -.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); -} -.ui.celled.list > .item:first-child, -.ui.celled.list > .item:last-child { - padding-top: 0.21428571em; - padding-bottom: 0.21428571em; -} -.ui.celled.list .item .list > .item { - border-width: 0; -} -.ui.celled.list .list > .item:first-child { - border-top-width: 0; -} -.ui.celled.bulleted.list { - margin-left: 0; -} -.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; -} -.ui.celled.ordered.list { - margin-left: 0; -} -.ui.celled.ordered.list .list > .item, -.ui.celled.ordered.list > .item { - padding-left: 1.25rem; -} -.ui.celled.ordered.list .item .list { - margin-left: 0; - margin-right: 0; - padding-bottom: 0.21428571em; -} -.ui.celled.ordered.list .list > .item { - padding-left: 1em; -} -.ui.horizontal.celled.list { - margin-left: 0; -} -.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: 0; - 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); -} -.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); -} -.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; -} -.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; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Loader - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.loader { - display: none; - position: absolute; - top: 50%; - left: 50%; - margin: 0; - text-align: center; - z-index: 1000; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); -} -.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); -} -.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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; -} -@-webkit-keyframes loader { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes loader { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -.ui.mini.loader:after, -.ui.mini.loader:before { - width: 1rem; - height: 1rem; - margin: 0 0 0 -0.5rem; -} -.ui.tiny.loader:after, -.ui.tiny.loader:before { - width: 1.14285714rem; - height: 1.14285714rem; - margin: 0 0 0 -0.57142857rem; -} -.ui.small.loader:after, -.ui.small.loader:before { - width: 1.71428571rem; - height: 1.71428571rem; - margin: 0 0 0 -0.85714286rem; -} -.ui.loader:after, -.ui.loader:before { - width: 2.28571429rem; - height: 2.28571429rem; - margin: 0 0 0 -1.14285714rem; -} -.ui.large.loader:after, -.ui.large.loader:before { - width: 3.42857143rem; - height: 3.42857143rem; - margin: 0 0 0 -1.71428571rem; -} -.ui.big.loader:after, -.ui.big.loader:before { - width: 3.71428571rem; - height: 3.71428571rem; - margin: 0 0 0 -1.85714286rem; -} -.ui.huge.loader:after, -.ui.huge.loader:before { - width: 4.14285714rem; - height: 4.14285714rem; - margin: 0 0 0 -2.07142857rem; -} -.ui.massive.loader:after, -.ui.massive.loader:before { - width: 4.57142857rem; - height: 4.57142857rem; - margin: 0 0 0 -2.28571429rem; -} -.ui.dimmer .loader { - display: block; -} -.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: #fff transparent transparent; -} -.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; -} -.ui.text.loader { - width: auto !important; - height: auto !important; - text-align: center; - font-style: normal; -} -.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; -} -.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.big.loader, -.ui.inverted.dimmer .ui.big.loader { - width: 3.71428571rem; - height: 3.71428571rem; - font-size: 1.28571429em; -} -.ui.huge.loader, -.ui.inverted.dimmer .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; -} -.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; -} -.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: #fff; -} -.ui.inline.loader { - position: relative; - vertical-align: middle; - margin: 0; - left: 0; - top: 0; - -webkit-transform: none; - transform: none; -} -.ui.inline.loader.active, -.ui.inline.loader.visible { - display: inline-block; -} -.ui.centered.inline.loader.active, -.ui.centered.inline.loader.visible { - display: block; - margin-left: auto; - margin-right: auto; -} /*! - * # Semantic UI 2.3.1 - Rail - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.rail { - position: absolute; - top: 0; - width: 300px; - height: 100%; -} -.ui.left.rail { - left: auto; - right: 100%; - padding: 0 2rem 0 0; - margin: 0 2rem 0 0; -} -.ui.right.rail { - left: 100%; - right: auto; - padding: 0 0 0 2rem; - margin: 0 0 0 2rem; -} -.ui.left.internal.rail { - left: 0; - right: auto; - padding: 0 0 0 2rem; - margin: 0 0 0 2rem; -} -.ui.right.internal.rail { - left: auto; - right: 0; - padding: 0 2rem 0 0; - margin: 0 2rem 0 0; -} -.ui.dividing.rail { - width: 302.5px; -} -.ui.left.dividing.rail { - padding: 0 2.5rem 0 0; - margin: 0 2.5rem 0 0; - 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: 0 0 0 2.5rem; - margin: 0 0 0 2.5rem; -} -.ui.close.rail { - width: calc(300px + 1em); -} -.ui.close.left.rail { - padding: 0 1em 0 0; - margin: 0 1em 0 0; -} -.ui.close.right.rail { - padding: 0 0 0 1em; - margin: 0 0 0 1em; -} -.ui.very.close.rail { - width: calc(300px + 0.5em); -} -.ui.very.close.left.rail { - padding: 0 0.5em 0 0; - margin: 0 0.5em 0 0; -} -.ui.very.close.right.rail { - padding: 0 0 0 0.5em; - margin: 0 0 0 0.5em; -} -.ui.attached.left.rail, -.ui.attached.right.rail { - padding: 0; - margin: 0; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Reveal - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.reveal { - display: inherit; - position: relative !important; - font-size: 0 !important; -} -.ui.reveal > .visible.content { - position: absolute !important; - top: 0 !important; - left: 0 !important; - z-index: 3 !important; - -webkit-transition: all 0.5s ease 0.1s; - transition: all 0.5s ease 0.1s; -} -.ui.reveal > .hidden.content { - position: relative !important; - z-index: 2 !important; -} -.ui.active.reveal .visible.content, -.ui.reveal:hover .visible.content { - z-index: 4 !important; -} -.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: 0; - -webkit-transition: -webkit-transform 0.5s ease 0.1s; - transition: -webkit-transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s, -webkit-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; - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} -.ui.slide.active.reveal > .visible.content, -.ui.slide.reveal:hover > .visible.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} -.ui.slide.active.reveal > .hidden.content, -.ui.slide.reveal:hover > .hidden.content { - -webkit-transform: translateX(0) !important; - transform: translateX(0) !important; -} -.ui.slide.right.reveal > .visible.content { - -webkit-transform: translateX(0) !important; - transform: translateX(0) !important; -} -.ui.slide.right.reveal > .hidden.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} -.ui.slide.right.active.reveal > .visible.content, -.ui.slide.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} -.ui.slide.right.active.reveal > .hidden.content, -.ui.slide.right.reveal:hover > .hidden.content { - -webkit-transform: translateX(0) !important; - transform: translateX(0) !important; -} -.ui.slide.up.reveal > .hidden.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} -.ui.slide.up.active.reveal > .visible.content, -.ui.slide.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} -.ui.slide.up.active.reveal > .hidden.content, -.ui.slide.up.reveal:hover > .hidden.content { - -webkit-transform: translateY(0) !important; - transform: translateY(0) !important; -} -.ui.slide.down.reveal > .hidden.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} -.ui.slide.down.active.reveal > .visible.content, -.ui.slide.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} -.ui.slide.down.active.reveal > .hidden.content, -.ui.slide.down.reveal:hover > .hidden.content { - -webkit-transform: translateY(0) !important; - transform: translateY(0) !important; -} -.ui.fade.reveal > .visible.content { - opacity: 1; -} -.ui.fade.active.reveal > .visible.content, -.ui.fade.reveal:hover > .visible.content { - opacity: 0; -} -.ui.move.reveal { - position: relative !important; - overflow: hidden !important; - white-space: nowrap; -} -.ui.move.reveal > .content { - display: block; - float: left; - white-space: normal; - margin: 0; - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) - 0.1s; - transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, - -webkit-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 { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} -.ui.move.right.active.reveal > .visible.content, -.ui.move.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} -.ui.move.up.active.reveal > .visible.content, -.ui.move.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} -.ui.move.down.active.reveal > .visible.content, -.ui.move.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} -.ui.rotate.reveal > .visible.content { - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transform: rotate(0); - transform: rotate(0); -} -.ui.rotate.reveal > .visible.content, -.ui.rotate.right.reveal > .visible.content { - -webkit-transform-origin: bottom right; - 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 { - -webkit-transform: rotate(110deg); - transform: rotate(110deg); -} -.ui.rotate.left.reveal > .visible.content { - -webkit-transform-origin: bottom left; - transform-origin: bottom left; -} -.ui.rotate.left.active.reveal > .visible.content, -.ui.rotate.left.reveal:hover > .visible.content { - -webkit-transform: rotate(-110deg); - transform: rotate(-110deg); -} -.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; - -webkit-transform: none !important; - transform: none !important; -} -.ui.disabled.reveal:hover > .hidden.hidden.content { - display: none !important; -} -.ui.reveal > .ui.ribbon.label { - z-index: 5; -} -.ui.visible.reveal { - overflow: visible; -} -.ui.instant.reveal > .content { - -webkit-transition-delay: 0s !important; - transition-delay: 0s !important; -} -.ui.reveal > .content { - font-size: 1rem !important; -} /*! - * # Semantic UI 2.3.1 - Segment - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.segment { - position: relative; - background: #fff; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - margin: 1rem 0; - padding: 1em 1em; - border-radius: 0.28571429rem; - border: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.segment:first-child { - margin-top: 0; -} -.ui.segment:last-child { - margin-bottom: 0; -} -.ui.vertical.segment { - margin: 0; - padding-left: 0; - padding-right: 0; - background: none transparent; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - border-bottom: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.vertical.segment:last-child { - border-bottom: none; -} -.ui.inverted.segment > .ui.header { - color: #fff; -} -.ui[class*='bottom attached'].segment > [class*='top attached'].label { - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.ui[class*='top attached'].segment > [class*='bottom attached'].label { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.ui.attached.segment:not(.top):not(.bottom) > [class*='top attached'].label { - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.ui.attached.segment:not(.top):not(.bottom) > [class*='bottom attached'].label { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.ui.grid > .row > .ui.segment.column, -.ui.grid > .ui.segment.column, -.ui.page.grid.segment { - padding-top: 2em; - padding-bottom: 2em; -} -.ui.grid.segment { - margin: 1rem 0; - border-radius: 0.28571429rem; -} -.ui.basic.table.segment { - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); -} -.ui[class*='very basic'].table.segment { - padding: 1em 1em; -} -.ui.piled.segment, -.ui.piled.segments { - margin: 3em 0; - -webkit-box-shadow: ''; - box-shadow: ''; - z-index: auto; -} -.ui.piled.segment:first-child { - margin-top: 0; -} -.ui.piled.segment:last-child { - margin-bottom: 0; -} -.ui.piled.segment:after, -.ui.piled.segment:before, -.ui.piled.segments:after, -.ui.piled.segments:before { - background-color: #fff; - visibility: visible; - content: ''; - display: block; - height: 100%; - left: 0; - position: absolute; - width: 100%; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: ''; - box-shadow: ''; -} -.ui.piled.segment:before, -.ui.piled.segments:before { - -webkit-transform: rotate(-1.2deg); - transform: rotate(-1.2deg); - top: 0; - z-index: -2; -} -.ui.piled.segment:after, -.ui.piled.segments:after { - -webkit-transform: rotate(1.2deg); - transform: rotate(1.2deg); - top: 0; - z-index: -1; -} -.ui[class*='top attached'].piled.segment { - margin-top: 3em; - margin-bottom: 0; -} -.ui.piled.segment[class*='top attached']:first-child { - margin-top: 0; -} -.ui.piled.segment[class*='bottom attached'] { - margin-top: 0; - margin-bottom: 3em; -} -.ui.piled.segment[class*='bottom attached']:last-child { - margin-bottom: 0; -} -.ui.stacked.segment { - padding-bottom: 1.4em; -} -.ui.stacked.segment:after, -.ui.stacked.segment:before, -.ui.stacked.segments:after, -.ui.stacked.segments:before { - 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.segment:before, -.ui.stacked.segments:before { - display: none; -} -.ui.tall.stacked.segment:before, -.ui.tall.stacked.segments:before { - display: block; - bottom: 0; -} -.ui.stacked.inverted.segment:after, -.ui.stacked.inverted.segment:before, -.ui.stacked.inverted.segments:after, -.ui.stacked.inverted.segments:before { - background-color: rgba(0, 0, 0, 0.03); - border-top: 1px solid rgba(34, 36, 38, 0.35); -} -.ui.padded.segment { - padding: 1.5em; -} -.ui[class*='very padded'].segment { - padding: 3em; -} -.ui.padded.segment.vertical.segment, -.ui[class*='very padded'].vertical.segment { - padding-left: 0; - padding-right: 0; -} -.ui.compact.segment { - display: table; -} -.ui.compact.segments { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} -.ui.compact.segments .segment, -.ui.segments .compact.segment { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; -} -.ui.circular.segment { - display: table-cell; - padding: 2em; - text-align: center; - vertical-align: middle; - border-radius: 500em; -} -.ui.raised.segment, -.ui.raised.segments { - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); -} -.ui.segments { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - margin: 1rem 0; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; -} -.ui.segments:first-child { - margin-top: 0; -} -.ui.segments:last-child { - margin-bottom: 0; -} -.ui.segments > .segment { - top: 0; - bottom: 0; - border-radius: 0; - margin: 0; - width: auto; - -webkit-box-shadow: none; - 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: 0; - bottom: 0; - margin-bottom: 0; - top: 0; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.segments:not(.horizontal) > .segment:last-child { - top: 0; - bottom: 0; - margin-top: 0; - margin-bottom: 0; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.segments:not(.horizontal) > .segment:only-child { - border-radius: 0.28571429rem; -} -.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: 0; -} -.ui.horizontal.segments { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background-color: transparent; - border-radius: 0; - padding: 0; - background-color: #fff; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - margin: 1rem 0; - border-radius: 0.28571429rem; - border: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.segments > .horizontal.segments { - margin: 0; - background-color: transparent; - border-radius: 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - border-top: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.horizontal.segments > .segment { - -webkit-box-flex: 1; - flex: 1 1 auto; - -ms-flex: 1 1 0px; - margin: 0; - min-width: 0; - background-color: transparent; - border-radius: 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - border-left: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.segments > .horizontal.segments:first-child { - border-top: none; -} -.ui.horizontal.segments > .segment:first-child { - border-left: none; -} -.ui.disabled.segment { - opacity: 0.45; - color: rgba(40, 40, 40, 0.3); -} -.ui.loading.segment { - position: relative; - cursor: default; - pointer-events: none; - text-shadow: none !important; - color: transparent !important; - -webkit-transition: all 0s linear; - 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 0 0 -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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; - visibility: visible; - z-index: 101; -} -@-webkit-keyframes segment-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes segment-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -.ui.basic.segment { - background: none transparent; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - border-radius: 0; -} -.ui.clearing.segment:after { - content: '.'; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.red.segment:not(.inverted) { - border-top: 2px solid #db2828 !important; -} -.ui.inverted.red.segment { - background-color: #db2828 !important; - color: #fff !important; -} -.ui.orange.segment:not(.inverted) { - border-top: 2px solid #f2711c !important; -} -.ui.inverted.orange.segment { - background-color: #f2711c !important; - color: #fff !important; -} -.ui.yellow.segment:not(.inverted) { - border-top: 2px solid #fbbd08 !important; -} -.ui.inverted.yellow.segment { - background-color: #fbbd08 !important; - color: #fff !important; -} -.ui.olive.segment:not(.inverted) { - border-top: 2px solid #b5cc18 !important; -} -.ui.inverted.olive.segment { - background-color: #b5cc18 !important; - color: #fff !important; -} -.ui.green.segment:not(.inverted) { - border-top: 2px solid #21ba45 !important; -} -.ui.inverted.green.segment { - background-color: #21ba45 !important; - color: #fff !important; -} -.ui.teal.segment:not(.inverted) { - border-top: 2px solid #00b5ad !important; -} -.ui.inverted.teal.segment { - background-color: #00b5ad !important; - color: #fff !important; -} -.ui.blue.segment:not(.inverted) { - border-top: 2px solid #2185d0 !important; -} -.ui.inverted.blue.segment { - background-color: #2185d0 !important; - color: #fff !important; -} -.ui.violet.segment:not(.inverted) { - border-top: 2px solid #6435c9 !important; -} -.ui.inverted.violet.segment { - background-color: #6435c9 !important; - color: #fff !important; -} -.ui.purple.segment:not(.inverted) { - border-top: 2px solid #a333c8 !important; -} -.ui.inverted.purple.segment { - background-color: #a333c8 !important; - color: #fff !important; -} -.ui.pink.segment:not(.inverted) { - border-top: 2px solid #e03997 !important; -} -.ui.inverted.pink.segment { - background-color: #e03997 !important; - color: #fff !important; -} -.ui.brown.segment:not(.inverted) { - border-top: 2px solid #a5673f !important; -} -.ui.inverted.brown.segment { - background-color: #a5673f !important; - color: #fff !important; -} -.ui.grey.segment:not(.inverted) { - border-top: 2px solid #767676 !important; -} -.ui.inverted.grey.segment { - background-color: #767676 !important; - color: #fff !important; -} -.ui.black.segment:not(.inverted) { - border-top: 2px solid #1b1c1d !important; -} -.ui.inverted.black.segment { - background-color: #1b1c1d !important; - color: #fff !important; -} -.ui[class*='left aligned'].segment { - text-align: left; -} -.ui[class*='right aligned'].segment { - text-align: right; -} -.ui[class*='center aligned'].segment { - text-align: center; -} -.ui.floated.segment, -.ui[class*='left floated'].segment { - float: left; - margin-right: 1em; -} -.ui[class*='right floated'].segment { - float: right; - margin-left: 1em; -} -.ui.inverted.segment { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.segment, -.ui.primary.inverted.segment { - background: #1b1c1d; - color: rgba(255, 255, 255, 0.9); -} -.ui.inverted.segment .segment { - color: rgba(0, 0, 0, 0.87); -} -.ui.inverted.segment .inverted.segment { - color: rgba(255, 255, 255, 0.9); -} -.ui.inverted.attached.segment { - border-color: #555; -} -.ui.secondary.segment { - background: #f3f4f5; - color: rgba(0, 0, 0, 0.6); -} -.ui.secondary.inverted.segment { - background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))); - background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba( - 255, - 255, - 255, - 0.2 - ) - 100%); - 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); -} -.ui.tertiary.segment { - background: #dcddde; - color: rgba(0, 0, 0, 0.6); -} -.ui.tertiary.inverted.segment { - background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))); - background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba( - 255, - 255, - 255, - 0.35 - ) - 100%); - 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); -} -.ui.attached.segment { - top: 0; - bottom: 0; - border-radius: 0; - margin: 0 -1px; - width: calc(100% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #d4d4d5; -} -.ui.attached:not(.message) + .ui.attached.segment:not(.top) { - border-top: none; -} -.ui[class*='top attached'].segment { - bottom: 0; - margin-bottom: 0; - top: 0; - margin-top: 1rem; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.segment[class*='top attached']:first-child { - margin-top: 0; -} -.ui.segment[class*='bottom attached'] { - bottom: 0; - margin-top: 0; - top: 0; - margin-bottom: 1rem; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.segment[class*='bottom attached']:last-child { - margin-bottom: 0; -} -.ui.mini.segment, -.ui.mini.segments .segment { - font-size: 0.78571429rem; -} -.ui.tiny.segment, -.ui.tiny.segments .segment { - font-size: 0.85714286rem; -} -.ui.small.segment, -.ui.small.segments .segment { - font-size: 0.92857143rem; -} -.ui.segment, -.ui.segments .segment { - font-size: 1rem; -} -.ui.large.segment, -.ui.large.segments .segment { - font-size: 1.14285714rem; -} -.ui.big.segment, -.ui.big.segments .segment { - font-size: 1.28571429rem; -} -.ui.huge.segment, -.ui.huge.segments .segment { - font-size: 1.42857143rem; -} -.ui.massive.segment, -.ui.massive.segments .segment { - font-size: 1.71428571rem; -} /*! - * # Semantic UI 2.3.1 - Step - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - margin: 1em 0; - background: ''; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.14285714em; - border-radius: 0.28571429rem; - border: 1px solid rgba(34, 36, 38, 0.15); -} -.ui.steps:first-child { - margin-top: 0; -} -.ui.steps:last-child { - margin-bottom: 0; -} -.ui.steps .step { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - vertical-align: middle; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0 0; - padding: 1.14285714em 2em; - background: #fff; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; - border: none; - border-right: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, - color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; -} -.ui.steps .step:after { - display: none; - position: absolute; - z-index: 2; - content: ''; - top: 50%; - right: 0; - border: medium none; - background-color: #fff; - width: 1.14285714em; - height: 1.14285714em; - border-style: solid; - border-color: rgba(34, 36, 38, 0.15); - border-width: 0 1px 1px 0; - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, - color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, - box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - transform: translateY(-50%) translateX(50%) rotate(-45deg); -} -.ui.steps .step:first-child { - padding-left: 2em; - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui.steps .step:last-child { - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.ui.steps .step:last-child { - border-right: none; - margin-right: 0; -} -.ui.steps .step:only-child { - border-radius: 0.28571429rem; -} -.ui.steps .step .title { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1.14285714em; - font-weight: 700; -} -.ui.steps .step > .title { - width: 100%; -} -.ui.steps .step .description { - font-weight: 400; - 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; -} -.ui.steps .step > .icon { - line-height: 1; - font-size: 2.5em; - margin: 0 1rem 0 0; -} -.ui.steps .step > .icon, -.ui.steps .step > .icon ~ .content { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -ms-flex-item-align: middle; - align-self: middle; -} -.ui.steps .step > .icon ~ .content { - -webkit-box-flex: 1 0 auto; - -ms-flex-positive: 1 0 auto; - flex-grow: 1 0 auto; -} -.ui.steps:not(.vertical) .step > .icon { - width: auto; -} -.ui.steps .link.step, -.ui.steps a.step { - cursor: pointer; -} -.ui.ordered.steps { - counter-reset: ordered; -} -.ui.ordered.steps .step:before { - display: block; - position: static; - text-align: center; - content: counters(ordered, '.'); - -ms-flex-item-align: middle; - align-self: middle; - margin-right: 1rem; - font-size: 2.5em; - counter-increment: ordered; - font-family: inherit; - font-weight: 700; -} -.ui.ordered.steps .step > * { - display: block; - -ms-flex-item-align: middle; - align-self: middle; -} -.ui.vertical.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - overflow: visible; -} -.ui.vertical.steps .step { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - border-radius: 0; - 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 0 0; -} -.ui.vertical.steps .step:last-child { - border-bottom: none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.vertical.steps .step:only-child { - border-radius: 0.28571429rem; -} -.ui.vertical.steps .step:after { - display: none; -} -.ui.vertical.steps .step:after { - top: 50%; - right: 0; - border-width: 0 1px 1px 0; -} -.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; -} -@media only screen and (max-width: 767px) { - .ui.steps:not(.unstackable) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - .ui.steps:not(.unstackable) .step { - width: 100% !important; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 0; - padding: 1.14285714em 2em; - } - .ui.steps:not(.unstackable) .step:first-child { - padding: 1.14285714em 2em; - border-radius: 0.28571429rem 0.28571429rem 0 0; - } - .ui.steps:not(.unstackable) .step:last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; - } - .ui.steps:not(.unstackable) .step:after { - display: none !important; - } - .ui.steps:not(.unstackable) .step .content { - text-align: center; - } - .ui.ordered.steps:not(.unstackable) .step:before, - .ui.steps:not(.unstackable) .step > .icon { - margin: 0 0 1rem 0; - } -} -.ui.steps .link.step:hover, -.ui.steps .link.step:hover::after, -.ui.steps a.step:hover, -.ui.steps a.step:hover::after { - background: #f9fafb; - color: rgba(0, 0, 0, 0.8); -} -.ui.steps .link.step:active, -.ui.steps .link.step:active::after, -.ui.steps a.step:active, -.ui.steps a.step:active::after { - background: #f3f4f5; - color: rgba(0, 0, 0, 0.9); -} -.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); -} -.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; -} -.ui.steps .link.active.step:hover, -.ui.steps .link.active.step:hover::after, -.ui.steps a.active.step:hover, -.ui.steps a.active.step:hover::after { - cursor: pointer; - background: #dcddde; - color: rgba(0, 0, 0, 0.87); -} -.ui.ordered.steps .step.completed:before, -.ui.steps .step.completed > .icon:before { - color: #21ba45; -} -.ui.steps .disabled.step { - cursor: auto; - background: #fff; - pointer-events: none; -} -.ui.steps .disabled.step, -.ui.steps .disabled.step .description, -.ui.steps .disabled.step .title { - color: rgba(40, 40, 40, 0.3); -} -.ui.steps .disabled.step:after { - background: #fff; -} -@media only screen and (max-width: 991px) { - .ui[class*='tablet stackable'].steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - .ui[class*='tablet stackable'].steps .step { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 0; - padding: 1.14285714em 2em; - } - .ui[class*='tablet stackable'].steps .step:first-child { - padding: 1.14285714em 2em; - border-radius: 0.28571429rem 0.28571429rem 0 0; - } - .ui[class*='tablet stackable'].steps .step:last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; - } - .ui[class*='tablet stackable'].steps .step:after { - display: none !important; - } - .ui[class*='tablet stackable'].steps .step .content { - text-align: center; - } - .ui[class*='tablet stackable'].ordered.steps .step:before, - .ui[class*='tablet stackable'].steps .step > .icon { - margin: 0 0 1rem 0; - } -} -.ui.fluid.steps { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; -} -.ui.attached.steps { - width: calc(100% + 2px) !important; - margin: 0 -1px 0; - max-width: calc(100% + 2px); - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.attached.steps .step:first-child { - border-radius: 0.28571429rem 0 0 0; -} -.ui.attached.steps .step:last-child { - border-radius: 0 0.28571429rem 0 0; -} -.ui.bottom.attached.steps { - margin: 0 -1px 0; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.bottom.attached.steps .step:first-child { - border-radius: 0 0 0 0.28571429rem; -} -.ui.bottom.attached.steps .step:last-child { - border-radius: 0 0 0.28571429rem 0; -} -.ui.eight.steps, -.ui.five.steps, -.ui.four.steps, -.ui.one.steps, -.ui.seven.steps, -.ui.six.steps, -.ui.three.steps, -.ui.two.steps { - width: 100%; -} -.ui.eight.steps > .step, -.ui.five.steps > .step, -.ui.four.steps > .step, -.ui.one.steps > .step, -.ui.seven.steps > .step, -.ui.six.steps > .step, -.ui.three.steps > .step, -.ui.two.steps > .step { - -ms-flex-wrap: nowrap; - 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%; -} -.ui.mini.step, -.ui.mini.steps .step { - font-size: 0.78571429rem; -} -.ui.tiny.step, -.ui.tiny.steps .step { - font-size: 0.85714286rem; -} -.ui.small.step, -.ui.small.steps .step { - font-size: 0.92857143rem; -} -.ui.step, -.ui.steps .step { - font-size: 1rem; -} -.ui.large.step, -.ui.large.steps .step { - font-size: 1.14285714rem; -} -.ui.big.step, -.ui.big.steps .step { - font-size: 1.28571429rem; -} -.ui.huge.step, -.ui.huge.steps .step { - font-size: 1.42857143rem; -} -.ui.massive.step, -.ui.massive.steps .step { - font-size: 1.71428571rem; -} /*! - * # Semantic UI 2.3.1 - Breadcrumb - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.breadcrumb { - line-height: 1; - display: inline-block; - margin: 0 0; - vertical-align: middle; -} -.ui.breadcrumb:first-child { - margin-top: 0; -} -.ui.breadcrumb:last-child { - margin-bottom: 0; -} -.ui.breadcrumb .divider { - display: inline-block; - opacity: 0.7; - margin: 0 0.21428571rem 0; - font-size: 0.92857143em; - color: rgba(0, 0, 0, 0.4); - vertical-align: baseline; -} -.ui.breadcrumb a { - color: #4183c4; -} -.ui.breadcrumb a:hover { - color: #1e70bf; -} -.ui.breadcrumb .icon.divider { - font-size: 0.85714286em; - vertical-align: baseline; -} -.ui.breadcrumb a.section { - cursor: pointer; -} -.ui.breadcrumb .section { - display: inline-block; - margin: 0; - padding: 0; -} -.ui.breadcrumb.segment { - display: inline-block; - padding: 0.78571429em 1em; -} -.ui.breadcrumb .active.section { - font-weight: 700; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Form - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.form { - position: relative; - max-width: 100%; -} -.ui.form > p { - margin: 1em 0; -} -.ui.form .field { - clear: both; - margin: 0 0 1em; -} -.ui.form .field:last-child, -.ui.form .fields:last-child .field { - margin-bottom: 0; -} -.ui.form .fields .field { - clear: both; - margin: 0; -} -.ui.form .field > label { - display: block; - margin: 0 0 0.28571429rem 0; - color: rgba(0, 0, 0, 0.87); - font-size: 0.92857143em; - font-weight: 700; - text-transform: none; -} -.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='file'], -.ui.form input[type='number'], -.ui.form input[type='password'], -.ui.form input[type='search'], -.ui.form input[type='tel'], -.ui.form input[type='text'], -.ui.form input[type='time'], -.ui.form input[type='url'], -.ui.form textarea { - width: 100%; - vertical-align: top; -} -.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='file'], -.ui.form input[type='number'], -.ui.form input[type='password'], -.ui.form input[type='search'], -.ui.form input[type='tel'], -.ui.form input[type='text'], -.ui.form input[type='time'], -.ui.form input[type='url'] { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - margin: 0; - outline: 0; - -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); - line-height: 1.21428571em; - padding: 0.67857143em 1em; - font-size: 1em; - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 0 transparent inset; - box-shadow: 0 0 0 0 transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - transition: color 0.1s ease, border-color 0.1s ease; -} -.ui.form textarea { - margin: 0; - -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); - padding: 0.78571429em 1em; - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - outline: 0; - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 0 transparent inset; - box-shadow: 0 0 0 0 transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - 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 input[type='checkbox'], -.ui.form textarea { - vertical-align: top; -} -.ui.form input.attached { - width: auto; -} -.ui.form select { - display: block; - height: auto; - width: 100%; - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 0 transparent inset; - box-shadow: 0 0 0 0 transparent inset; - padding: 0.62em 1em; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - transition: color 0.1s ease, border-color 0.1s ease; -} -.ui.form .field > .selection.dropdown { - width: 100%; -} -.ui.form .field > .selection.dropdown > .dropdown.icon { - float: right; -} -.ui.form .inline.field > .selection.dropdown, -.ui.form .inline.fields .field > .selection.dropdown { - width: auto; -} -.ui.form .inline.field > .selection.dropdown > .dropdown.icon, -.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon { - float: none; -} -.ui.form .field .ui.input, -.ui.form .fields .field .ui.input, -.ui.form .wide.field .ui.input { - width: 100%; -} -.ui.form .inline.field:not(.wide) .ui.input, -.ui.form .inline.fields .field:not(.wide) .ui.input { - width: auto; - vertical-align: middle; -} -.ui.form .field .ui.input input, -.ui.form .fields .field .ui.input input { - width: auto; -} -.ui.form .eight.fields .ui.input input, -.ui.form .five.fields .ui.input input, -.ui.form .four.fields .ui.input input, -.ui.form .nine.fields .ui.input input, -.ui.form .seven.fields .ui.input input, -.ui.form .six.fields .ui.input input, -.ui.form .ten.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 { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - width: 0; -} -.ui.form .error.message, -.ui.form .success.message, -.ui.form .warning.message { - display: none; -} -.ui.form .message:first-child { - margin-top: 0; -} -.ui.form .field .prompt.label { - white-space: normal; - background: #fff !important; - border: 1px solid #e0b4b4 !important; - color: #9f3a38 !important; -} -.ui.form .inline.field .prompt, -.ui.form .inline.fields .field .prompt { - vertical-align: top; - margin: -0.25em 0 -0.5em 0.5em; -} -.ui.form .inline.field .prompt:before, -.ui.form .inline.fields .field .prompt:before { - border-width: 0 0 1px 1px; - bottom: auto; - right: auto; - top: 50%; - left: 0; -} -.ui.form .field.field input:-webkit-autofill { - -webkit-box-shadow: 0 0 0 100px ivory inset !important; - box-shadow: 0 0 0 100px ivory inset !important; - border-color: #e5dfa1 !important; -} -.ui.form .field.field input:-webkit-autofill:focus { - -webkit-box-shadow: 0 0 0 100px ivory inset !important; - box-shadow: 0 0 0 100px ivory inset !important; - border-color: #d5c315 !important; -} -.ui.form .error.error input:-webkit-autofill { - -webkit-box-shadow: 0 0 0 100px #fffaf0 inset !important; - box-shadow: 0 0 0 100px #fffaf0 inset !important; - border-color: #e0b4b4 !important; -} -.ui.form ::-webkit-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} -.ui.form :-ms-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} -.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); -} -.ui.form :focus::-moz-placeholder { - color: rgba(115, 115, 115, 0.87); -} -.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; -} -.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='file']: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='text']:focus, -.ui.form input[type='time']:focus, -.ui.form input[type='url']:focus { - color: rgba(0, 0, 0, 0.95); - border-color: #85b7d9; - border-radius: 0.28571429rem; - background: #fff; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; - box-shadow: 0 0 0 0 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: #fff; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; - box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; - -webkit-appearance: none; -} -.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: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.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: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.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: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.ui.form .field.error .input, -.ui.form .field.error label, -.ui.form .fields.error .field .input, -.ui.form .fields.error .field label { - color: #9f3a38; -} -.ui.form .field.error .corner.label, -.ui.form .fields.error .field .corner.label { - border-color: #9f3a38; - color: #fff; -} -.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='file'], -.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='text'], -.ui.form .field.error input[type='time'], -.ui.form .field.error input[type='url'], -.ui.form .field.error select, -.ui.form .field.error textarea, -.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='file'], -.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='text'], -.ui.form .fields.error .field input[type='time'], -.ui.form .fields.error .field input[type='url'], -.ui.form .fields.error .field select, -.ui.form .fields.error .field textarea { - background: #fff6f6; - border-color: #e0b4b4; - color: #9f3a38; - border-radius: ''; - -webkit-box-shadow: none; - box-shadow: none; -} -.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='file']: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='text']:focus, -.ui.form .field.error input[type='time']:focus, -.ui.form .field.error input[type='url']:focus, -.ui.form .field.error select:focus, -.ui.form .field.error textarea:focus { - background: #fff6f6; - border-color: #e0b4b4; - color: #9f3a38; - -webkit-appearance: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.form .field.error select { - -webkit-appearance: menulist-button; -} -.ui.form .field.error .ui.dropdown, -.ui.form .field.error .ui.dropdown .item, -.ui.form .field.error .ui.dropdown .text, -.ui.form .fields.error .field .ui.dropdown, -.ui.form .fields.error .field .ui.dropdown .item { - background: #fff6f6; - color: #9f3a38; -} -.ui.form .field.error .ui.dropdown, -.ui.form .fields.error .field .ui.dropdown { - border-color: #e0b4b4 !important; -} -.ui.form .field.error .ui.dropdown:hover, -.ui.form .fields.error .field .ui.dropdown:hover { - border-color: #e0b4b4 !important; -} -.ui.form .field.error .ui.dropdown:hover .menu, -.ui.form .fields.error .field .ui.dropdown:hover .menu { - border-color: #e0b4b4; -} -.ui.form .field.error .ui.multiple.selection.dropdown > .label, -.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label { - background-color: #eacbcb; - color: #9f3a38; -} -.ui.form .field.error .ui.dropdown .menu .item:hover, -.ui.form .fields.error .field .ui.dropdown .menu .item:hover { - background-color: #fbe7e7; -} -.ui.form .field.error .ui.dropdown .menu .selected.item, -.ui.form .fields.error .field .ui.dropdown .menu .selected.item { - background-color: #fbe7e7; -} -.ui.form .field.error .ui.dropdown .menu .active.item, -.ui.form .fields.error .field .ui.dropdown .menu .active.item { - background-color: #fdcfcf !important; -} -.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box, -.ui.form .field.error .checkbox:not(.toggle):not(.slider) label, -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label { - color: #9f3a38; -} -.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box: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 .fields.error .field .checkbox:not(.toggle):not(.slider) label:before { - background: #fff6f6; - border-color: #e0b4b4; -} -.ui.form .field.error .checkbox .box:after, -.ui.form .field.error .checkbox label:after, -.ui.form .fields.error .field .checkbox .box:after, -.ui.form .fields.error .field .checkbox label:after { - color: #9f3a38; -} -.ui.form .disabled.field, -.ui.form .disabled.fields .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; -} -.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 0 0 -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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; - visibility: visible; - z-index: 101; -} -@-webkit-keyframes form-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes form-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -.ui.form .required.field > .checkbox:after, -.ui.form .required.field > label:after, -.ui.form .required.fields.grouped > label:after, -.ui.form .required.fields:not(.grouped) > .field > .checkbox:after, -.ui.form .required.fields:not(.grouped) > .field > label:after { - margin: -0.2em 0 0 0.2em; - content: '*'; - color: #db2828; -} -.ui.form .required.field > label:after, -.ui.form .required.fields.grouped > label:after, -.ui.form .required.fields:not(.grouped) > .field > label:after { - display: inline-block; - vertical-align: top; -} -.ui.form .required.field > .checkbox:after, -.ui.form .required.fields:not(.grouped) > .field > .checkbox:after { - position: absolute; - top: 0; - left: 100%; -} -.ui.form .inverted.segment .ui.checkbox .box, -.ui.form .inverted.segment .ui.checkbox label, -.ui.form .inverted.segment label, -.ui.inverted.form .inline.field > label, -.ui.inverted.form .inline.field > p, -.ui.inverted.form .inline.fields .field > label, -.ui.inverted.form .inline.fields .field > p, -.ui.inverted.form .inline.fields > label, -.ui.inverted.form .ui.checkbox .box, -.ui.inverted.form .ui.checkbox label, -.ui.inverted.form label { - color: rgba(255, 255, 255, 0.9); -} -.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='file'], -.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='text'], -.ui.inverted.form input[type='time'], -.ui.inverted.form input[type='url'] { - background: #fff; - border-color: rgba(255, 255, 255, 0.1); - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.form .grouped.fields { - display: block; - margin: 0 0 1em; -} -.ui.form .grouped.fields:last-child { - margin-bottom: 0; -} -.ui.form .grouped.fields > label { - margin: 0 0 0.28571429rem 0; - color: rgba(0, 0, 0, 0.87); - font-size: 0.92857143em; - font-weight: 700; - text-transform: none; -} -.ui.form .grouped.fields .field, -.ui.form .grouped.inline.fields .field { - display: block; - margin: 0.5em 0; - padding: 0; -} -.ui.form .fields { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0 -0.5em 1em; -} -.ui.form .fields > .field { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - padding-left: 0.5em; - padding-right: 0.5em; -} -.ui.form .fields > .field:first-child { - border-left: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.form .two.fields > .field, -.ui.form .two.fields > .fields { - width: 50%; -} -.ui.form .three.fields > .field, -.ui.form .three.fields > .fields { - width: 33.33333333%; -} -.ui.form .four.fields > .field, -.ui.form .four.fields > .fields { - width: 25%; -} -.ui.form .five.fields > .field, -.ui.form .five.fields > .fields { - width: 20%; -} -.ui.form .six.fields > .field, -.ui.form .six.fields > .fields { - width: 16.66666667%; -} -.ui.form .seven.fields > .field, -.ui.form .seven.fields > .fields { - width: 14.28571429%; -} -.ui.form .eight.fields > .field, -.ui.form .eight.fields > .fields { - width: 12.5%; -} -.ui.form .nine.fields > .field, -.ui.form .nine.fields > .fields { - width: 11.11111111%; -} -.ui.form .ten.fields > .field, -.ui.form .ten.fields > .fields { - width: 10%; -} -@media only screen and (max-width: 767px) { - .ui.form .fields { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) - [class*='equal width'].fields:not(.unstackable) - > .field, - .ui[class*='equal width'].form:not(.unstackable) .fields > .field { - width: 100% !important; - margin: 0 0 1em; - } -} -.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; -} -@media only screen and (max-width: 767px) { - .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields { - width: 100% !important; - } - .ui.form .fields { - margin-bottom: 0; - } -} -.ui.form [class*='equal width'].fields > .field, -.ui[class*='equal width'].form .fields > .field { - width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} -.ui.form .inline.fields { - margin: 0 0 1em; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.form .inline.fields .field { - margin: 0; - padding: 0 1em 0 0; -} -.ui.form .inline.field > label, -.ui.form .inline.field > p, -.ui.form .inline.fields .field > label, -.ui.form .inline.fields .field > p, -.ui.form .inline.fields > label { - display: inline-block; - width: auto; - margin-top: 0; - margin-bottom: 0; - vertical-align: baseline; - font-size: 0.92857143em; - font-weight: 700; - color: rgba(0, 0, 0, 0.87); - text-transform: none; -} -.ui.form .inline.fields > label { - margin: 0.035714em 1em 0 0; -} -.ui.form .inline.field > input, -.ui.form .inline.field > select, -.ui.form .inline.fields .field > input, -.ui.form .inline.fields .field > select { - display: inline-block; - width: auto; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; - font-size: 1em; -} -.ui.form .inline.field > :first-child, -.ui.form .inline.fields .field > :first-child { - margin: 0 0.85714286em 0 0; -} -.ui.form .inline.field > :only-child, -.ui.form .inline.fields .field > :only-child { - margin: 0; -} -.ui.form .inline.fields .wide.field { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.form .inline.fields .wide.field > input, -.ui.form .inline.fields .wide.field > select { - width: 100%; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Grid - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.grid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - padding: 0; -} -.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; -} -.ui.grid + .grid { - margin-top: 1rem; -} -.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; -} -.ui.grid > .row { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: inherit; - -ms-flex-pack: inherit; - justify-content: inherit; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - width: 100% !important; - padding: 0; - padding-top: 1rem; - padding-bottom: 1rem; -} -.ui.grid > .column:not(.row) { - padding-top: 1rem; - padding-bottom: 1rem; -} -.ui.grid > .row > .column { - margin-top: 0; - margin-bottom: 0; -} -.ui.grid > .row > .column > img, -.ui.grid > .row > img { - max-width: 100%; -} -.ui.grid > .ui.grid:first-child { - margin-top: 0; -} -.ui.grid > .ui.grid:last-child { - margin-bottom: 0; -} -.ui.aligned.grid .column > .segment:not(.compact):not(.attached), -.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached) { - width: 100%; -} -.ui.grid .row + .ui.divider { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 1rem 1rem; -} -.ui.grid .column + .ui.vertical.divider { - height: calc(50% - 1rem); -} -.ui.grid > .column:last-child > .horizontal.segment, -.ui.grid > .row > .column:last-child > .horizontal.segment { - -webkit-box-shadow: none; - box-shadow: none; -} -@media only screen and (max-width: 767px) { - .ui.page.grid { - width: auto; - padding-left: 0; - padding-right: 0; - margin-left: 0; - margin-right: 0; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.page.grid { - width: auto; - margin-left: 0; - margin-right: 0; - padding-left: 2em; - padding-right: 2em; - } -} -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .ui.page.grid { - width: auto; - margin-left: 0; - margin-right: 0; - padding-left: 3%; - padding-right: 3%; - } -} -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .ui.page.grid { - width: auto; - margin-left: 0; - margin-right: 0; - padding-left: 15%; - padding-right: 15%; - } -} -@media only screen and (min-width: 1920px) { - .ui.page.grid { - width: auto; - margin-left: 0; - margin-right: 0; - padding-left: 23%; - padding-right: 23%; - } -} -.ui.grid > .column:only-child, -.ui.grid > .row > .column:only-child { - width: 100%; -} -.ui[class*='one column'].grid > .column:not(.row), -.ui[class*='one column'].grid > .row > .column { - width: 100%; -} -.ui[class*='two column'].grid > .column:not(.row), -.ui[class*='two column'].grid > .row > .column { - width: 50%; -} -.ui[class*='three column'].grid > .column:not(.row), -.ui[class*='three column'].grid > .row > .column { - width: 33.33333333%; -} -.ui[class*='four column'].grid > .column:not(.row), -.ui[class*='four column'].grid > .row > .column { - width: 25%; -} -.ui[class*='five column'].grid > .column:not(.row), -.ui[class*='five column'].grid > .row > .column { - width: 20%; -} -.ui[class*='six column'].grid > .column:not(.row), -.ui[class*='six column'].grid > .row > .column { - width: 16.66666667%; -} -.ui[class*='seven column'].grid > .column:not(.row), -.ui[class*='seven column'].grid > .row > .column { - width: 14.28571429%; -} -.ui[class*='eight column'].grid > .column:not(.row), -.ui[class*='eight column'].grid > .row > .column { - width: 12.5%; -} -.ui[class*='nine column'].grid > .column:not(.row), -.ui[class*='nine column'].grid > .row > .column { - width: 11.11111111%; -} -.ui[class*='ten column'].grid > .column:not(.row), -.ui[class*='ten column'].grid > .row > .column { - width: 10%; -} -.ui[class*='eleven column'].grid > .column:not(.row), -.ui[class*='eleven column'].grid > .row > .column { - width: 9.09090909%; -} -.ui[class*='twelve column'].grid > .column:not(.row), -.ui[class*='twelve column'].grid > .row > .column { - width: 8.33333333%; -} -.ui[class*='thirteen column'].grid > .column:not(.row), -.ui[class*='thirteen column'].grid > .row > .column { - width: 7.69230769%; -} -.ui[class*='fourteen column'].grid > .column:not(.row), -.ui[class*='fourteen column'].grid > .row > .column { - width: 7.14285714%; -} -.ui[class*='fifteen column'].grid > .column:not(.row), -.ui[class*='fifteen column'].grid > .row > .column { - width: 6.66666667%; -} -.ui[class*='sixteen column'].grid > .column:not(.row), -.ui[class*='sixteen column'].grid > .row > .column { - width: 6.25%; -} -.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; -} -.ui.celled.page.grid { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.column.grid > [class*='one wide'].column, -.ui.grid > .column.row > [class*='one wide'].column, -.ui.grid > .row > [class*='one wide'].column, -.ui.grid > [class*='one wide'].column { - width: 6.25% !important; -} -.ui.column.grid > [class*='two wide'].column, -.ui.grid > .column.row > [class*='two wide'].column, -.ui.grid > .row > [class*='two wide'].column, -.ui.grid > [class*='two wide'].column { - width: 12.5% !important; -} -.ui.column.grid > [class*='three wide'].column, -.ui.grid > .column.row > [class*='three wide'].column, -.ui.grid > .row > [class*='three wide'].column, -.ui.grid > [class*='three wide'].column { - width: 18.75% !important; -} -.ui.column.grid > [class*='four wide'].column, -.ui.grid > .column.row > [class*='four wide'].column, -.ui.grid > .row > [class*='four wide'].column, -.ui.grid > [class*='four wide'].column { - width: 25% !important; -} -.ui.column.grid > [class*='five wide'].column, -.ui.grid > .column.row > [class*='five wide'].column, -.ui.grid > .row > [class*='five wide'].column, -.ui.grid > [class*='five wide'].column { - width: 31.25% !important; -} -.ui.column.grid > [class*='six wide'].column, -.ui.grid > .column.row > [class*='six wide'].column, -.ui.grid > .row > [class*='six wide'].column, -.ui.grid > [class*='six wide'].column { - width: 37.5% !important; -} -.ui.column.grid > [class*='seven wide'].column, -.ui.grid > .column.row > [class*='seven wide'].column, -.ui.grid > .row > [class*='seven wide'].column, -.ui.grid > [class*='seven wide'].column { - width: 43.75% !important; -} -.ui.column.grid > [class*='eight wide'].column, -.ui.grid > .column.row > [class*='eight wide'].column, -.ui.grid > .row > [class*='eight wide'].column, -.ui.grid > [class*='eight wide'].column { - width: 50% !important; -} -.ui.column.grid > [class*='nine wide'].column, -.ui.grid > .column.row > [class*='nine wide'].column, -.ui.grid > .row > [class*='nine wide'].column, -.ui.grid > [class*='nine wide'].column { - width: 56.25% !important; -} -.ui.column.grid > [class*='ten wide'].column, -.ui.grid > .column.row > [class*='ten wide'].column, -.ui.grid > .row > [class*='ten wide'].column, -.ui.grid > [class*='ten wide'].column { - width: 62.5% !important; -} -.ui.column.grid > [class*='eleven wide'].column, -.ui.grid > .column.row > [class*='eleven wide'].column, -.ui.grid > .row > [class*='eleven wide'].column, -.ui.grid > [class*='eleven wide'].column { - width: 68.75% !important; -} -.ui.column.grid > [class*='twelve wide'].column, -.ui.grid > .column.row > [class*='twelve wide'].column, -.ui.grid > .row > [class*='twelve wide'].column, -.ui.grid > [class*='twelve wide'].column { - width: 75% !important; -} -.ui.column.grid > [class*='thirteen wide'].column, -.ui.grid > .column.row > [class*='thirteen wide'].column, -.ui.grid > .row > [class*='thirteen wide'].column, -.ui.grid > [class*='thirteen wide'].column { - width: 81.25% !important; -} -.ui.column.grid > [class*='fourteen wide'].column, -.ui.grid > .column.row > [class*='fourteen wide'].column, -.ui.grid > .row > [class*='fourteen wide'].column, -.ui.grid > [class*='fourteen wide'].column { - width: 87.5% !important; -} -.ui.column.grid > [class*='fifteen wide'].column, -.ui.grid > .column.row > [class*='fifteen wide'].column, -.ui.grid > .row > [class*='fifteen wide'].column, -.ui.grid > [class*='fifteen wide'].column { - width: 93.75% !important; -} -.ui.column.grid > [class*='sixteen wide'].column, -.ui.grid > .column.row > [class*='sixteen wide'].column, -.ui.grid > .row > [class*='sixteen wide'].column, -.ui.grid > [class*='sixteen wide'].column { - width: 100% !important; -} -@media only screen and (min-width: 320px) and (max-width: 767px) { - .ui.column.grid > [class*='one wide mobile'].column, - .ui.grid > .column.row > [class*='one wide mobile'].column, - .ui.grid > .row > [class*='one wide mobile'].column, - .ui.grid > [class*='one wide mobile'].column { - width: 6.25% !important; - } - .ui.column.grid > [class*='two wide mobile'].column, - .ui.grid > .column.row > [class*='two wide mobile'].column, - .ui.grid > .row > [class*='two wide mobile'].column, - .ui.grid > [class*='two wide mobile'].column { - width: 12.5% !important; - } - .ui.column.grid > [class*='three wide mobile'].column, - .ui.grid > .column.row > [class*='three wide mobile'].column, - .ui.grid > .row > [class*='three wide mobile'].column, - .ui.grid > [class*='three wide mobile'].column { - width: 18.75% !important; - } - .ui.column.grid > [class*='four wide mobile'].column, - .ui.grid > .column.row > [class*='four wide mobile'].column, - .ui.grid > .row > [class*='four wide mobile'].column, - .ui.grid > [class*='four wide mobile'].column { - width: 25% !important; - } - .ui.column.grid > [class*='five wide mobile'].column, - .ui.grid > .column.row > [class*='five wide mobile'].column, - .ui.grid > .row > [class*='five wide mobile'].column, - .ui.grid > [class*='five wide mobile'].column { - width: 31.25% !important; - } - .ui.column.grid > [class*='six wide mobile'].column, - .ui.grid > .column.row > [class*='six wide mobile'].column, - .ui.grid > .row > [class*='six wide mobile'].column, - .ui.grid > [class*='six wide mobile'].column { - width: 37.5% !important; - } - .ui.column.grid > [class*='seven wide mobile'].column, - .ui.grid > .column.row > [class*='seven wide mobile'].column, - .ui.grid > .row > [class*='seven wide mobile'].column, - .ui.grid > [class*='seven wide mobile'].column { - width: 43.75% !important; - } - .ui.column.grid > [class*='eight wide mobile'].column, - .ui.grid > .column.row > [class*='eight wide mobile'].column, - .ui.grid > .row > [class*='eight wide mobile'].column, - .ui.grid > [class*='eight wide mobile'].column { - width: 50% !important; - } - .ui.column.grid > [class*='nine wide mobile'].column, - .ui.grid > .column.row > [class*='nine wide mobile'].column, - .ui.grid > .row > [class*='nine wide mobile'].column, - .ui.grid > [class*='nine wide mobile'].column { - width: 56.25% !important; - } - .ui.column.grid > [class*='ten wide mobile'].column, - .ui.grid > .column.row > [class*='ten wide mobile'].column, - .ui.grid > .row > [class*='ten wide mobile'].column, - .ui.grid > [class*='ten wide mobile'].column { - width: 62.5% !important; - } - .ui.column.grid > [class*='eleven wide mobile'].column, - .ui.grid > .column.row > [class*='eleven wide mobile'].column, - .ui.grid > .row > [class*='eleven wide mobile'].column, - .ui.grid > [class*='eleven wide mobile'].column { - width: 68.75% !important; - } - .ui.column.grid > [class*='twelve wide mobile'].column, - .ui.grid > .column.row > [class*='twelve wide mobile'].column, - .ui.grid > .row > [class*='twelve wide mobile'].column, - .ui.grid > [class*='twelve wide mobile'].column { - width: 75% !important; - } - .ui.column.grid > [class*='thirteen wide mobile'].column, - .ui.grid > .column.row > [class*='thirteen wide mobile'].column, - .ui.grid > .row > [class*='thirteen wide mobile'].column, - .ui.grid > [class*='thirteen wide mobile'].column { - width: 81.25% !important; - } - .ui.column.grid > [class*='fourteen wide mobile'].column, - .ui.grid > .column.row > [class*='fourteen wide mobile'].column, - .ui.grid > .row > [class*='fourteen wide mobile'].column, - .ui.grid > [class*='fourteen wide mobile'].column { - width: 87.5% !important; - } - .ui.column.grid > [class*='fifteen wide mobile'].column, - .ui.grid > .column.row > [class*='fifteen wide mobile'].column, - .ui.grid > .row > [class*='fifteen wide mobile'].column, - .ui.grid > [class*='fifteen wide mobile'].column { - width: 93.75% !important; - } - .ui.column.grid > [class*='sixteen wide mobile'].column, - .ui.grid > .column.row > [class*='sixteen wide mobile'].column, - .ui.grid > .row > [class*='sixteen wide mobile'].column, - .ui.grid > [class*='sixteen wide mobile'].column { - width: 100% !important; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.column.grid > [class*='one wide tablet'].column, - .ui.grid > .column.row > [class*='one wide tablet'].column, - .ui.grid > .row > [class*='one wide tablet'].column, - .ui.grid > [class*='one wide tablet'].column { - width: 6.25% !important; - } - .ui.column.grid > [class*='two wide tablet'].column, - .ui.grid > .column.row > [class*='two wide tablet'].column, - .ui.grid > .row > [class*='two wide tablet'].column, - .ui.grid > [class*='two wide tablet'].column { - width: 12.5% !important; - } - .ui.column.grid > [class*='three wide tablet'].column, - .ui.grid > .column.row > [class*='three wide tablet'].column, - .ui.grid > .row > [class*='three wide tablet'].column, - .ui.grid > [class*='three wide tablet'].column { - width: 18.75% !important; - } - .ui.column.grid > [class*='four wide tablet'].column, - .ui.grid > .column.row > [class*='four wide tablet'].column, - .ui.grid > .row > [class*='four wide tablet'].column, - .ui.grid > [class*='four wide tablet'].column { - width: 25% !important; - } - .ui.column.grid > [class*='five wide tablet'].column, - .ui.grid > .column.row > [class*='five wide tablet'].column, - .ui.grid > .row > [class*='five wide tablet'].column, - .ui.grid > [class*='five wide tablet'].column { - width: 31.25% !important; - } - .ui.column.grid > [class*='six wide tablet'].column, - .ui.grid > .column.row > [class*='six wide tablet'].column, - .ui.grid > .row > [class*='six wide tablet'].column, - .ui.grid > [class*='six wide tablet'].column { - width: 37.5% !important; - } - .ui.column.grid > [class*='seven wide tablet'].column, - .ui.grid > .column.row > [class*='seven wide tablet'].column, - .ui.grid > .row > [class*='seven wide tablet'].column, - .ui.grid > [class*='seven wide tablet'].column { - width: 43.75% !important; - } - .ui.column.grid > [class*='eight wide tablet'].column, - .ui.grid > .column.row > [class*='eight wide tablet'].column, - .ui.grid > .row > [class*='eight wide tablet'].column, - .ui.grid > [class*='eight wide tablet'].column { - width: 50% !important; - } - .ui.column.grid > [class*='nine wide tablet'].column, - .ui.grid > .column.row > [class*='nine wide tablet'].column, - .ui.grid > .row > [class*='nine wide tablet'].column, - .ui.grid > [class*='nine wide tablet'].column { - width: 56.25% !important; - } - .ui.column.grid > [class*='ten wide tablet'].column, - .ui.grid > .column.row > [class*='ten wide tablet'].column, - .ui.grid > .row > [class*='ten wide tablet'].column, - .ui.grid > [class*='ten wide tablet'].column { - width: 62.5% !important; - } - .ui.column.grid > [class*='eleven wide tablet'].column, - .ui.grid > .column.row > [class*='eleven wide tablet'].column, - .ui.grid > .row > [class*='eleven wide tablet'].column, - .ui.grid > [class*='eleven wide tablet'].column { - width: 68.75% !important; - } - .ui.column.grid > [class*='twelve wide tablet'].column, - .ui.grid > .column.row > [class*='twelve wide tablet'].column, - .ui.grid > .row > [class*='twelve wide tablet'].column, - .ui.grid > [class*='twelve wide tablet'].column { - width: 75% !important; - } - .ui.column.grid > [class*='thirteen wide tablet'].column, - .ui.grid > .column.row > [class*='thirteen wide tablet'].column, - .ui.grid > .row > [class*='thirteen wide tablet'].column, - .ui.grid > [class*='thirteen wide tablet'].column { - width: 81.25% !important; - } - .ui.column.grid > [class*='fourteen wide tablet'].column, - .ui.grid > .column.row > [class*='fourteen wide tablet'].column, - .ui.grid > .row > [class*='fourteen wide tablet'].column, - .ui.grid > [class*='fourteen wide tablet'].column { - width: 87.5% !important; - } - .ui.column.grid > [class*='fifteen wide tablet'].column, - .ui.grid > .column.row > [class*='fifteen wide tablet'].column, - .ui.grid > .row > [class*='fifteen wide tablet'].column, - .ui.grid > [class*='fifteen wide tablet'].column { - width: 93.75% !important; - } - .ui.column.grid > [class*='sixteen wide tablet'].column, - .ui.grid > .column.row > [class*='sixteen wide tablet'].column, - .ui.grid > .row > [class*='sixteen wide tablet'].column, - .ui.grid > [class*='sixteen wide tablet'].column { - width: 100% !important; - } -} -@media only screen and (min-width: 992px) { - .ui.column.grid > [class*='one wide computer'].column, - .ui.grid > .column.row > [class*='one wide computer'].column, - .ui.grid > .row > [class*='one wide computer'].column, - .ui.grid > [class*='one wide computer'].column { - width: 6.25% !important; - } - .ui.column.grid > [class*='two wide computer'].column, - .ui.grid > .column.row > [class*='two wide computer'].column, - .ui.grid > .row > [class*='two wide computer'].column, - .ui.grid > [class*='two wide computer'].column { - width: 12.5% !important; - } - .ui.column.grid > [class*='three wide computer'].column, - .ui.grid > .column.row > [class*='three wide computer'].column, - .ui.grid > .row > [class*='three wide computer'].column, - .ui.grid > [class*='three wide computer'].column { - width: 18.75% !important; - } - .ui.column.grid > [class*='four wide computer'].column, - .ui.grid > .column.row > [class*='four wide computer'].column, - .ui.grid > .row > [class*='four wide computer'].column, - .ui.grid > [class*='four wide computer'].column { - width: 25% !important; - } - .ui.column.grid > [class*='five wide computer'].column, - .ui.grid > .column.row > [class*='five wide computer'].column, - .ui.grid > .row > [class*='five wide computer'].column, - .ui.grid > [class*='five wide computer'].column { - width: 31.25% !important; - } - .ui.column.grid > [class*='six wide computer'].column, - .ui.grid > .column.row > [class*='six wide computer'].column, - .ui.grid > .row > [class*='six wide computer'].column, - .ui.grid > [class*='six wide computer'].column { - width: 37.5% !important; - } - .ui.column.grid > [class*='seven wide computer'].column, - .ui.grid > .column.row > [class*='seven wide computer'].column, - .ui.grid > .row > [class*='seven wide computer'].column, - .ui.grid > [class*='seven wide computer'].column { - width: 43.75% !important; - } - .ui.column.grid > [class*='eight wide computer'].column, - .ui.grid > .column.row > [class*='eight wide computer'].column, - .ui.grid > .row > [class*='eight wide computer'].column, - .ui.grid > [class*='eight wide computer'].column { - width: 50% !important; - } - .ui.column.grid > [class*='nine wide computer'].column, - .ui.grid > .column.row > [class*='nine wide computer'].column, - .ui.grid > .row > [class*='nine wide computer'].column, - .ui.grid > [class*='nine wide computer'].column { - width: 56.25% !important; - } - .ui.column.grid > [class*='ten wide computer'].column, - .ui.grid > .column.row > [class*='ten wide computer'].column, - .ui.grid > .row > [class*='ten wide computer'].column, - .ui.grid > [class*='ten wide computer'].column { - width: 62.5% !important; - } - .ui.column.grid > [class*='eleven wide computer'].column, - .ui.grid > .column.row > [class*='eleven wide computer'].column, - .ui.grid > .row > [class*='eleven wide computer'].column, - .ui.grid > [class*='eleven wide computer'].column { - width: 68.75% !important; - } - .ui.column.grid > [class*='twelve wide computer'].column, - .ui.grid > .column.row > [class*='twelve wide computer'].column, - .ui.grid > .row > [class*='twelve wide computer'].column, - .ui.grid > [class*='twelve wide computer'].column { - width: 75% !important; - } - .ui.column.grid > [class*='thirteen wide computer'].column, - .ui.grid > .column.row > [class*='thirteen wide computer'].column, - .ui.grid > .row > [class*='thirteen wide computer'].column, - .ui.grid > [class*='thirteen wide computer'].column { - width: 81.25% !important; - } - .ui.column.grid > [class*='fourteen wide computer'].column, - .ui.grid > .column.row > [class*='fourteen wide computer'].column, - .ui.grid > .row > [class*='fourteen wide computer'].column, - .ui.grid > [class*='fourteen wide computer'].column { - width: 87.5% !important; - } - .ui.column.grid > [class*='fifteen wide computer'].column, - .ui.grid > .column.row > [class*='fifteen wide computer'].column, - .ui.grid > .row > [class*='fifteen wide computer'].column, - .ui.grid > [class*='fifteen wide computer'].column { - width: 93.75% !important; - } - .ui.column.grid > [class*='sixteen wide computer'].column, - .ui.grid > .column.row > [class*='sixteen wide computer'].column, - .ui.grid > .row > [class*='sixteen wide computer'].column, - .ui.grid > [class*='sixteen wide computer'].column { - width: 100% !important; - } -} -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .ui.column.grid > [class*='one wide large screen'].column, - .ui.grid > .column.row > [class*='one wide large screen'].column, - .ui.grid > .row > [class*='one wide large screen'].column, - .ui.grid > [class*='one wide large screen'].column { - width: 6.25% !important; - } - .ui.column.grid > [class*='two wide large screen'].column, - .ui.grid > .column.row > [class*='two wide large screen'].column, - .ui.grid > .row > [class*='two wide large screen'].column, - .ui.grid > [class*='two wide large screen'].column { - width: 12.5% !important; - } - .ui.column.grid > [class*='three wide large screen'].column, - .ui.grid > .column.row > [class*='three wide large screen'].column, - .ui.grid > .row > [class*='three wide large screen'].column, - .ui.grid > [class*='three wide large screen'].column { - width: 18.75% !important; - } - .ui.column.grid > [class*='four wide large screen'].column, - .ui.grid > .column.row > [class*='four wide large screen'].column, - .ui.grid > .row > [class*='four wide large screen'].column, - .ui.grid > [class*='four wide large screen'].column { - width: 25% !important; - } - .ui.column.grid > [class*='five wide large screen'].column, - .ui.grid > .column.row > [class*='five wide large screen'].column, - .ui.grid > .row > [class*='five wide large screen'].column, - .ui.grid > [class*='five wide large screen'].column { - width: 31.25% !important; - } - .ui.column.grid > [class*='six wide large screen'].column, - .ui.grid > .column.row > [class*='six wide large screen'].column, - .ui.grid > .row > [class*='six wide large screen'].column, - .ui.grid > [class*='six wide large screen'].column { - width: 37.5% !important; - } - .ui.column.grid > [class*='seven wide large screen'].column, - .ui.grid > .column.row > [class*='seven wide large screen'].column, - .ui.grid > .row > [class*='seven wide large screen'].column, - .ui.grid > [class*='seven wide large screen'].column { - width: 43.75% !important; - } - .ui.column.grid > [class*='eight wide large screen'].column, - .ui.grid > .column.row > [class*='eight wide large screen'].column, - .ui.grid > .row > [class*='eight wide large screen'].column, - .ui.grid > [class*='eight wide large screen'].column { - width: 50% !important; - } - .ui.column.grid > [class*='nine wide large screen'].column, - .ui.grid > .column.row > [class*='nine wide large screen'].column, - .ui.grid > .row > [class*='nine wide large screen'].column, - .ui.grid > [class*='nine wide large screen'].column { - width: 56.25% !important; - } - .ui.column.grid > [class*='ten wide large screen'].column, - .ui.grid > .column.row > [class*='ten wide large screen'].column, - .ui.grid > .row > [class*='ten wide large screen'].column, - .ui.grid > [class*='ten wide large screen'].column { - width: 62.5% !important; - } - .ui.column.grid > [class*='eleven wide large screen'].column, - .ui.grid > .column.row > [class*='eleven wide large screen'].column, - .ui.grid > .row > [class*='eleven wide large screen'].column, - .ui.grid > [class*='eleven wide large screen'].column { - width: 68.75% !important; - } - .ui.column.grid > [class*='twelve wide large screen'].column, - .ui.grid > .column.row > [class*='twelve wide large screen'].column, - .ui.grid > .row > [class*='twelve wide large screen'].column, - .ui.grid > [class*='twelve wide large screen'].column { - width: 75% !important; - } - .ui.column.grid > [class*='thirteen wide large screen'].column, - .ui.grid > .column.row > [class*='thirteen wide large screen'].column, - .ui.grid > .row > [class*='thirteen wide large screen'].column, - .ui.grid > [class*='thirteen wide large screen'].column { - width: 81.25% !important; - } - .ui.column.grid > [class*='fourteen wide large screen'].column, - .ui.grid > .column.row > [class*='fourteen wide large screen'].column, - .ui.grid > .row > [class*='fourteen wide large screen'].column, - .ui.grid > [class*='fourteen wide large screen'].column { - width: 87.5% !important; - } - .ui.column.grid > [class*='fifteen wide large screen'].column, - .ui.grid > .column.row > [class*='fifteen wide large screen'].column, - .ui.grid > .row > [class*='fifteen wide large screen'].column, - .ui.grid > [class*='fifteen wide large screen'].column { - width: 93.75% !important; - } - .ui.column.grid > [class*='sixteen wide large screen'].column, - .ui.grid > .column.row > [class*='sixteen wide large screen'].column, - .ui.grid > .row > [class*='sixteen wide large screen'].column, - .ui.grid > [class*='sixteen wide large screen'].column { - width: 100% !important; - } -} -@media only screen and (min-width: 1920px) { - .ui.column.grid > [class*='one wide widescreen'].column, - .ui.grid > .column.row > [class*='one wide widescreen'].column, - .ui.grid > .row > [class*='one wide widescreen'].column, - .ui.grid > [class*='one wide widescreen'].column { - width: 6.25% !important; - } - .ui.column.grid > [class*='two wide widescreen'].column, - .ui.grid > .column.row > [class*='two wide widescreen'].column, - .ui.grid > .row > [class*='two wide widescreen'].column, - .ui.grid > [class*='two wide widescreen'].column { - width: 12.5% !important; - } - .ui.column.grid > [class*='three wide widescreen'].column, - .ui.grid > .column.row > [class*='three wide widescreen'].column, - .ui.grid > .row > [class*='three wide widescreen'].column, - .ui.grid > [class*='three wide widescreen'].column { - width: 18.75% !important; - } - .ui.column.grid > [class*='four wide widescreen'].column, - .ui.grid > .column.row > [class*='four wide widescreen'].column, - .ui.grid > .row > [class*='four wide widescreen'].column, - .ui.grid > [class*='four wide widescreen'].column { - width: 25% !important; - } - .ui.column.grid > [class*='five wide widescreen'].column, - .ui.grid > .column.row > [class*='five wide widescreen'].column, - .ui.grid > .row > [class*='five wide widescreen'].column, - .ui.grid > [class*='five wide widescreen'].column { - width: 31.25% !important; - } - .ui.column.grid > [class*='six wide widescreen'].column, - .ui.grid > .column.row > [class*='six wide widescreen'].column, - .ui.grid > .row > [class*='six wide widescreen'].column, - .ui.grid > [class*='six wide widescreen'].column { - width: 37.5% !important; - } - .ui.column.grid > [class*='seven wide widescreen'].column, - .ui.grid > .column.row > [class*='seven wide widescreen'].column, - .ui.grid > .row > [class*='seven wide widescreen'].column, - .ui.grid > [class*='seven wide widescreen'].column { - width: 43.75% !important; - } - .ui.column.grid > [class*='eight wide widescreen'].column, - .ui.grid > .column.row > [class*='eight wide widescreen'].column, - .ui.grid > .row > [class*='eight wide widescreen'].column, - .ui.grid > [class*='eight wide widescreen'].column { - width: 50% !important; - } - .ui.column.grid > [class*='nine wide widescreen'].column, - .ui.grid > .column.row > [class*='nine wide widescreen'].column, - .ui.grid > .row > [class*='nine wide widescreen'].column, - .ui.grid > [class*='nine wide widescreen'].column { - width: 56.25% !important; - } - .ui.column.grid > [class*='ten wide widescreen'].column, - .ui.grid > .column.row > [class*='ten wide widescreen'].column, - .ui.grid > .row > [class*='ten wide widescreen'].column, - .ui.grid > [class*='ten wide widescreen'].column { - width: 62.5% !important; - } - .ui.column.grid > [class*='eleven wide widescreen'].column, - .ui.grid > .column.row > [class*='eleven wide widescreen'].column, - .ui.grid > .row > [class*='eleven wide widescreen'].column, - .ui.grid > [class*='eleven wide widescreen'].column { - width: 68.75% !important; - } - .ui.column.grid > [class*='twelve wide widescreen'].column, - .ui.grid > .column.row > [class*='twelve wide widescreen'].column, - .ui.grid > .row > [class*='twelve wide widescreen'].column, - .ui.grid > [class*='twelve wide widescreen'].column { - width: 75% !important; - } - .ui.column.grid > [class*='thirteen wide widescreen'].column, - .ui.grid > .column.row > [class*='thirteen wide widescreen'].column, - .ui.grid > .row > [class*='thirteen wide widescreen'].column, - .ui.grid > [class*='thirteen wide widescreen'].column { - width: 81.25% !important; - } - .ui.column.grid > [class*='fourteen wide widescreen'].column, - .ui.grid > .column.row > [class*='fourteen wide widescreen'].column, - .ui.grid > .row > [class*='fourteen wide widescreen'].column, - .ui.grid > [class*='fourteen wide widescreen'].column { - width: 87.5% !important; - } - .ui.column.grid > [class*='fifteen wide widescreen'].column, - .ui.grid > .column.row > [class*='fifteen wide widescreen'].column, - .ui.grid > .row > [class*='fifteen wide widescreen'].column, - .ui.grid > [class*='fifteen wide widescreen'].column { - width: 93.75% !important; - } - .ui.column.grid > [class*='sixteen wide widescreen'].column, - .ui.grid > .column.row > [class*='sixteen wide widescreen'].column, - .ui.grid > .row > [class*='sixteen wide widescreen'].column, - .ui.grid > [class*='sixteen wide widescreen'].column { - width: 100% !important; - } -} -.ui.centered.grid, -.ui.centered.grid > .row, -.ui.grid > .centered.row { - text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: 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; -} -.ui.grid > .relaxed.row > .column, -.ui.relaxed.grid > .column:not(.row), -.ui.relaxed.grid > .row > .column { - padding-left: 1.5rem; - padding-right: 1.5rem; -} -.ui.grid > [class*='very relaxed'].row > .column, -.ui[class*='very relaxed'].grid > .column:not(.row), -.ui[class*='very relaxed'].grid > .row > .column { - padding-left: 2.5rem; - padding-right: 2.5rem; -} -.ui.grid .relaxed.row + .ui.divider, -.ui.relaxed.grid .row + .ui.divider { - margin-left: 1.5rem; - margin-right: 1.5rem; -} -.ui.grid [class*='very relaxed'].row + .ui.divider, -.ui[class*='very relaxed'].grid .row + .ui.divider { - margin-left: 2.5rem; - margin-right: 2.5rem; -} -.ui.padded.grid:not(.vertically):not(.horizontally) { - margin: 0 !important; -} -[class*='horizontally padded'].ui.grid { - margin-left: 0 !important; - margin-right: 0 !important; -} -[class*='vertically padded'].ui.grid { - margin-top: 0 !important; - margin-bottom: 0 !important; -} -.ui.grid [class*='left floated'].column { - margin-right: auto; -} -.ui.grid [class*='right floated'].column { - margin-left: auto; -} -.ui.divided.grid:not([class*='vertically divided']) > .column:not(.row), -.ui.divided.grid:not([class*='vertically divided']) > .row > .column { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); -} -.ui[class*='vertically divided'].grid > .column:not(.row), -.ui[class*='vertically divided'].grid > .row > .column { - margin-top: 1rem; - margin-bottom: 1rem; - padding-top: 0; - padding-bottom: 0; -} -.ui[class*='vertically divided'].grid > .row { - margin-top: 0; - margin-bottom: 0; -} -.ui.divided.grid:not([class*='vertically divided']) > .column:first-child, -.ui.divided.grid:not([class*='vertically divided']) - > .row - > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui[class*='vertically divided'].grid > .row:first-child > .column { - margin-top: 0; -} -.ui.grid > .divided.row > .column { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); -} -.ui.grid > .divided.row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui[class*='vertically divided'].grid > .row { - position: relative; -} -.ui[class*='vertically divided'].grid > .row:before { - position: absolute; - content: ''; - top: 0; - left: 0; - width: calc(100% - 2rem); - height: 1px; - margin: 0 1rem; - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); -} -.ui.padded.divided.grid:not(.vertically):not(.horizontally), -[class*='horizontally padded'].ui.divided.grid { - width: 100%; -} -.ui[class*='vertically divided'].grid > .row:first-child:before { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.divided.grid:not([class*='vertically divided']) - > .column:not(.row), -.ui.inverted.divided.grid:not([class*='vertically divided']) > .row > .column { - -webkit-box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1); - box-shadow: -1px 0 0 0 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 { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted[class*='vertically divided'].grid > .row:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1); - box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1); -} -.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: 5rem; - margin-right: 5rem; - width: calc(100% - 5rem); -} -.ui.celled.grid { - width: 100%; - margin: 1em 0; - -webkit-box-shadow: 0 0 0 1px #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5; -} -.ui.celled.grid > .row { - width: 100% !important; - margin: 0; - padding: 0; - -webkit-box-shadow: 0 -1px 0 0 #d4d4d5; - box-shadow: 0 -1px 0 0 #d4d4d5; -} -.ui.celled.grid > .column:not(.row), -.ui.celled.grid > .row > .column { - -webkit-box-shadow: -1px 0 0 0 #d4d4d5; - box-shadow: -1px 0 0 0 #d4d4d5; -} -.ui.celled.grid > .column:first-child, -.ui.celled.grid > .row > .column:first-child { - -webkit-box-shadow: none; - 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; -} -.ui[class*='internally celled'].grid { - -webkit-box-shadow: none; - box-shadow: none; - margin: 0; -} -.ui[class*='internally celled'].grid > .row:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui[class*='internally celled'].grid > .row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.grid > .row > [class*='top aligned'].column, -.ui.grid > [class*='top aligned'].column:not(.row), -.ui.grid > [class*='top aligned'].row > .column, -.ui[class*='top aligned'].grid > .column:not(.row), -.ui[class*='top aligned'].grid > .row > .column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: top; - -ms-flex-item-align: start !important; - align-self: flex-start !important; -} -.ui.grid > .row > [class*='middle aligned'].column, -.ui.grid > [class*='middle aligned'].column:not(.row), -.ui.grid > [class*='middle aligned'].row > .column, -.ui[class*='middle aligned'].grid > .column:not(.row), -.ui[class*='middle aligned'].grid > .row > .column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: middle; - -ms-flex-item-align: center !important; - align-self: center !important; -} -.ui.grid > .row > [class*='bottom aligned'].column, -.ui.grid > [class*='bottom aligned'].column:not(.row), -.ui.grid > [class*='bottom aligned'].row > .column, -.ui[class*='bottom aligned'].grid > .column:not(.row), -.ui[class*='bottom aligned'].grid > .row > .column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: bottom; - -ms-flex-item-align: end !important; - align-self: flex-end !important; -} -.ui.grid > .row > .stretched.column, -.ui.grid > .stretched.column:not(.row), -.ui.grid > .stretched.row > .column, -.ui.stretched.grid > .column, -.ui.stretched.grid > .row > .column { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} -.ui.grid > .row > .stretched.column > *, -.ui.grid > .stretched.column:not(.row) > *, -.ui.grid > .stretched.row > .column > *, -.ui.stretched.grid > .column > *, -.ui.stretched.grid > .row > .column > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} -.ui.grid > .row > [class*='left aligned'].column.column, -.ui.grid > [class*='left aligned'].column.column, -.ui.grid > [class*='left aligned'].row > .column, -.ui[class*='left aligned'].grid > .column, -.ui[class*='left aligned'].grid > .row > .column { - text-align: left; - -ms-flex-item-align: inherit; - align-self: inherit; -} -.ui.grid > .row > [class*='center aligned'].column.column, -.ui.grid > [class*='center aligned'].column.column, -.ui.grid > [class*='center aligned'].row > .column, -.ui[class*='center aligned'].grid > .column, -.ui[class*='center aligned'].grid > .row > .column { - text-align: center; - -ms-flex-item-align: inherit; - align-self: inherit; -} -.ui[class*='center aligned'].grid { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.ui.grid > .row > [class*='right aligned'].column.column, -.ui.grid > [class*='right aligned'].column.column, -.ui.grid > [class*='right aligned'].row > .column, -.ui[class*='right aligned'].grid > .column, -.ui[class*='right aligned'].grid > .row > .column { - text-align: right; - -ms-flex-item-align: inherit; - align-self: inherit; -} -.ui.grid > .justified.column.column, -.ui.grid > .justified.row > .column, -.ui.grid > .row > .justified.column.column, -.ui.justified.grid > .column, -.ui.justified.grid > .row > .column { - text-align: justify; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; -} -.ui.grid > .row > .black.column, -.ui.grid > .row > .blue.column, -.ui.grid > .row > .brown.column, -.ui.grid > .row > .green.column, -.ui.grid > .row > .grey.column, -.ui.grid > .row > .olive.column, -.ui.grid > .row > .orange.column, -.ui.grid > .row > .pink.column, -.ui.grid > .row > .purple.column, -.ui.grid > .row > .red.column, -.ui.grid > .row > .teal.column, -.ui.grid > .row > .violet.column, -.ui.grid > .row > .yellow.column { - margin-top: -1rem; - margin-bottom: -1rem; - padding-top: 1rem; - padding-bottom: 1rem; -} -.ui.grid > .red.column, -.ui.grid > .red.row, -.ui.grid > .row > .red.column { - background-color: #db2828 !important; - color: #fff; -} -.ui.grid > .orange.column, -.ui.grid > .orange.row, -.ui.grid > .row > .orange.column { - background-color: #f2711c !important; - color: #fff; -} -.ui.grid > .row > .yellow.column, -.ui.grid > .yellow.column, -.ui.grid > .yellow.row { - background-color: #fbbd08 !important; - color: #fff; -} -.ui.grid > .olive.column, -.ui.grid > .olive.row, -.ui.grid > .row > .olive.column { - background-color: #b5cc18 !important; - color: #fff; -} -.ui.grid > .green.column, -.ui.grid > .green.row, -.ui.grid > .row > .green.column { - background-color: #21ba45 !important; - color: #fff; -} -.ui.grid > .row > .teal.column, -.ui.grid > .teal.column, -.ui.grid > .teal.row { - background-color: #00b5ad !important; - color: #fff; -} -.ui.grid > .blue.column, -.ui.grid > .blue.row, -.ui.grid > .row > .blue.column { - background-color: #2185d0 !important; - color: #fff; -} -.ui.grid > .row > .violet.column, -.ui.grid > .violet.column, -.ui.grid > .violet.row { - background-color: #6435c9 !important; - color: #fff; -} -.ui.grid > .purple.column, -.ui.grid > .purple.row, -.ui.grid > .row > .purple.column { - background-color: #a333c8 !important; - color: #fff; -} -.ui.grid > .pink.column, -.ui.grid > .pink.row, -.ui.grid > .row > .pink.column { - background-color: #e03997 !important; - color: #fff; -} -.ui.grid > .brown.column, -.ui.grid > .brown.row, -.ui.grid > .row > .brown.column { - background-color: #a5673f !important; - color: #fff; -} -.ui.grid > .grey.column, -.ui.grid > .grey.row, -.ui.grid > .row > .grey.column { - background-color: #767676 !important; - color: #fff; -} -.ui.grid > .black.column, -.ui.grid > .black.row, -.ui.grid > .row > .black.column { - background-color: #1b1c1d !important; - color: #fff; -} -.ui.grid > [class*='equal width'].row > .column, -.ui[class*='equal width'].grid > .column:not(.row), -.ui[class*='equal width'].grid > .row > .column { - display: inline-block; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} -.ui.grid > [class*='equal width'].row > .wide.column, -.ui[class*='equal width'].grid > .row > .wide.column, -.ui[class*='equal width'].grid > .wide.column { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; -} -@media only screen and (max-width: 767px) { - .ui.grid > [class*='mobile reversed'].row, - .ui[class*='mobile reversed'].grid, - .ui[class*='mobile reversed'].grid > .row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - .ui.stackable[class*='mobile reversed'], - .ui[class*='mobile vertically reversed'].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; - } - .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 { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 0 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui.grid[class*='vertically divided'][class*='mobile vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - } - .ui.grid[class*='vertically divided'][class*='mobile vertically reversed'] - > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui[class*='mobile reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 #d4d4d5; - box-shadow: -1px 0 0 0 #d4d4d5; - } - .ui[class*='mobile reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.grid > [class*='tablet reversed'].row, - .ui[class*='tablet reversed'].grid, - .ui[class*='tablet reversed'].grid > .row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - .ui[class*='tablet vertically reversed'].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; - } - .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 { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 0 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui.grid[class*='vertically divided'][class*='tablet vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - } - .ui.grid[class*='vertically divided'][class*='tablet vertically reversed'] - > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui[class*='tablet reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 #d4d4d5; - box-shadow: -1px 0 0 0 #d4d4d5; - } - .ui[class*='tablet reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } -} -@media only screen and (min-width: 992px) { - .ui.grid > [class*='computer reversed'].row, - .ui[class*='computer reversed'].grid, - .ui[class*='computer reversed'].grid > .row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - .ui[class*='computer vertically reversed'].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; - } - .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 { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 0 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 { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui.grid[class*='vertically divided'][class*='computer vertically reversed'] - > .row:first-child:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); - } - .ui.grid[class*='vertically divided'][class*='computer vertically reversed'] - > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; - } - .ui[class*='computer reversed'].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 #d4d4d5; - box-shadow: -1px 0 0 0 #d4d4d5; - } - .ui[class*='computer reversed'].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.doubling.grid { - width: auto; - } - .ui.doubling.grid > .row, - .ui.grid > .doubling.row { - margin: 0 !important; - padding: 0 !important; - } - .ui.doubling.grid > .row > .column, - .ui.grid > .doubling.row > .column { - display: inline-block !important; - padding-top: 1rem !important; - padding-bottom: 1rem !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - margin: 0; - } - .ui.grid > [class*='two column'].doubling.row.row > .column, - .ui[class*='two column'].doubling.grid > .column:not(.row), - .ui[class*='two column'].doubling.grid > .row > .column { - width: 100% !important; - } - .ui.grid > [class*='three column'].doubling.row.row > .column, - .ui[class*='three column'].doubling.grid > .column:not(.row), - .ui[class*='three column'].doubling.grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='four column'].doubling.row.row > .column, - .ui[class*='four column'].doubling.grid > .column:not(.row), - .ui[class*='four column'].doubling.grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='five column'].doubling.row.row > .column, - .ui[class*='five column'].doubling.grid > .column:not(.row), - .ui[class*='five column'].doubling.grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid > [class*='six column'].doubling.row.row > .column, - .ui[class*='six column'].doubling.grid > .column:not(.row), - .ui[class*='six column'].doubling.grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid > [class*='seven column'].doubling.row.row > .column, - .ui[class*='seven column'].doubling.grid > .column:not(.row), - .ui[class*='seven column'].doubling.grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid > [class*='eight column'].doubling.row.row > .column, - .ui[class*='eight column'].doubling.grid > .column:not(.row), - .ui[class*='eight column'].doubling.grid > .row > .column { - width: 25% !important; - } - .ui.grid > [class*='nine column'].doubling.row.row > .column, - .ui[class*='nine column'].doubling.grid > .column:not(.row), - .ui[class*='nine column'].doubling.grid > .row > .column { - width: 25% !important; - } - .ui.grid > [class*='ten column'].doubling.row.row > .column, - .ui[class*='ten column'].doubling.grid > .column:not(.row), - .ui[class*='ten column'].doubling.grid > .row > .column { - width: 20% !important; - } - .ui.grid > [class*='eleven column'].doubling.row.row > .column, - .ui[class*='eleven column'].doubling.grid > .column:not(.row), - .ui[class*='eleven column'].doubling.grid > .row > .column { - width: 20% !important; - } - .ui.grid > [class*='twelve column'].doubling.row.row > .column, - .ui[class*='twelve column'].doubling.grid > .column:not(.row), - .ui[class*='twelve column'].doubling.grid > .row > .column { - width: 16.66666667% !important; - } - .ui.grid > [class*='thirteen column'].doubling.row.row > .column, - .ui[class*='thirteen column'].doubling.grid > .column:not(.row), - .ui[class*='thirteen column'].doubling.grid > .row > .column { - width: 16.66666667% !important; - } - .ui.grid > [class*='fourteen column'].doubling.row.row > .column, - .ui[class*='fourteen column'].doubling.grid > .column:not(.row), - .ui[class*='fourteen column'].doubling.grid > .row > .column { - width: 14.28571429% !important; - } - .ui.grid > [class*='fifteen column'].doubling.row.row > .column, - .ui[class*='fifteen column'].doubling.grid > .column:not(.row), - .ui[class*='fifteen column'].doubling.grid > .row > .column { - width: 14.28571429% !important; - } - .ui.grid > [class*='sixteen column'].doubling.row.row > .column, - .ui[class*='sixteen column'].doubling.grid > .column:not(.row), - .ui[class*='sixteen column'].doubling.grid > .row > .column { - width: 12.5% !important; - } -} -@media only screen and (max-width: 767px) { - .ui.doubling.grid > .row, - .ui.grid > .doubling.row { - margin: 0 !important; - padding: 0 !important; - } - .ui.doubling.grid > .row > .column, - .ui.grid > .doubling.row > .column { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - margin: 0 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - .ui.grid > [class*='two column'].doubling:not(.stackable).row.row > .column, - .ui[class*='two column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='two column'].doubling:not(.stackable).grid > .row > .column { - width: 100% !important; - } - .ui.grid > [class*='three column'].doubling:not(.stackable).row.row > .column, - .ui[class*='three column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='three column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='four column'].doubling:not(.stackable).row.row > .column, - .ui[class*='four column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='four column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='five column'].doubling:not(.stackable).row.row > .column, - .ui[class*='five column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='five column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='six column'].doubling:not(.stackable).row.row > .column, - .ui[class*='six column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='six column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='seven column'].doubling:not(.stackable).row.row > .column, - .ui[class*='seven column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='seven column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='eight column'].doubling:not(.stackable).row.row > .column, - .ui[class*='eight column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='eight column'].doubling:not(.stackable).grid > .row > .column { - width: 50% !important; - } - .ui.grid > [class*='nine column'].doubling:not(.stackable).row.row > .column, - .ui[class*='nine column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='nine column'].doubling:not(.stackable).grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid > [class*='ten column'].doubling:not(.stackable).row.row > .column, - .ui[class*='ten column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='ten column'].doubling:not(.stackable).grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid - > [class*='eleven column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='eleven column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='eleven column'].doubling:not(.stackable).grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid - > [class*='twelve column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='twelve column'].doubling:not(.stackable).grid > .column:not(.row), - .ui[class*='twelve column'].doubling:not(.stackable).grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid - > [class*='thirteen column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='thirteen column'].doubling:not(.stackable).grid - > .column:not(.row), - .ui[class*='thirteen column'].doubling:not(.stackable).grid > .row > .column { - width: 33.33333333% !important; - } - .ui.grid - > [class*='fourteen column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='fourteen column'].doubling:not(.stackable).grid - > .column:not(.row), - .ui[class*='fourteen column'].doubling:not(.stackable).grid > .row > .column { - width: 25% !important; - } - .ui.grid - > [class*='fifteen column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='fifteen column'].doubling:not(.stackable).grid - > .column:not(.row), - .ui[class*='fifteen column'].doubling:not(.stackable).grid > .row > .column { - width: 25% !important; - } - .ui.grid - > [class*='sixteen column'].doubling:not(.stackable).row.row - > .column, - .ui[class*='sixteen column'].doubling:not(.stackable).grid - > .column:not(.row), - .ui[class*='sixteen column'].doubling:not(.stackable).grid > .row > .column { - width: 25% !important; - } -} -@media only screen and (max-width: 767px) { - .ui.stackable.grid { - width: auto; - margin-left: 0 !important; - margin-right: 0 !important; - } - .ui.grid > .stackable.stackable.row > .column, - .ui.stackable.grid > .column.grid > .column, - .ui.stackable.grid > .column.row > .column, - .ui.stackable.grid > .column:not(.row), - .ui.stackable.grid > .row > .column, - .ui.stackable.grid > .row > .wide.column, - .ui.stackable.grid > .wide.column { - width: 100% !important; - margin: 0 0 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding: 1rem 1rem !important; - } - .ui.stackable.grid:not(.vertically) > .row { - margin: 0; - padding: 0; - } - .ui.container > .ui.stackable.grid > .column, - .ui.container > .ui.stackable.grid > .row > .column { - padding-left: 0 !important; - padding-right: 0 !important; - } - .ui.grid .ui.stackable.grid, - .ui.segment:not(.vertical) .ui.stackable.page.grid { - margin-left: -1rem !important; - margin-right: -1rem !important; - } - .ui.stackable.celled.grid > .column:not(.row):first-child, - .ui.stackable.celled.grid > .row:first-child > .column:first-child, - .ui.stackable.divided.grid > .column:not(.row):first-child, - .ui.stackable.divided.grid > .row:first-child > .column:first-child { - border-top: none !important; - } - .ui.inverted.stackable.celled.grid > .column:not(.row), - .ui.inverted.stackable.celled.grid > .row > .column, - .ui.inverted.stackable.divided.grid > .column:not(.row), - .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.celled.grid > .row > .column, - .ui.stackable.divided:not(.vertically).grid > .column:not(.row), - .ui.stackable.divided:not(.vertically).grid > .row > .column { - border-top: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding-top: 2rem !important; - padding-bottom: 2rem !important; - } - .ui.stackable.celled.grid > .row { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - .ui.stackable.divided:not(.vertically).grid > .column:not(.row), - .ui.stackable.divided:not(.vertically).grid > .row > .column { - padding-left: 0 !important; - padding-right: 0 !important; - } -} -@media only screen and (max-width: 767px) { - .ui.grid.grid.grid > .row > [class*='tablet only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='tablet only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='tablet only'].row:not(.mobile), - .ui[class*='tablet only'].grid.grid.grid:not(.mobile) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='computer only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='computer only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='computer only'].row:not(.mobile), - .ui[class*='computer only'].grid.grid.grid:not(.mobile) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].row:not(.mobile), - .ui[class*='large screen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].row:not(.mobile), - .ui[class*='widescreen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.grid.grid.grid > .row > [class*='mobile only'].column:not(.tablet), - .ui.grid.grid.grid > [class*='mobile only'].column:not(.tablet), - .ui.grid.grid.grid > [class*='mobile only'].row:not(.tablet), - .ui[class*='mobile only'].grid.grid.grid:not(.tablet) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='computer only'].column:not(.tablet), - .ui.grid.grid.grid > [class*='computer only'].column:not(.tablet), - .ui.grid.grid.grid > [class*='computer only'].row:not(.tablet), - .ui[class*='computer only'].grid.grid.grid:not(.tablet) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].row:not(.mobile), - .ui[class*='large screen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].row:not(.mobile), - .ui[class*='widescreen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } -} -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .ui.grid.grid.grid > .row > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].row:not(.computer), - .ui[class*='mobile only'].grid.grid.grid:not(.computer) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].row:not(.computer), - .ui[class*='tablet only'].grid.grid.grid:not(.computer) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='large screen only'].row:not(.mobile), - .ui[class*='large screen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].row:not(.mobile), - .ui[class*='widescreen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } -} -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .ui.grid.grid.grid > .row > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].row:not(.computer), - .ui[class*='mobile only'].grid.grid.grid:not(.computer) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].row:not(.computer), - .ui[class*='tablet only'].grid.grid.grid:not(.computer) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].column:not(.mobile), - .ui.grid.grid.grid > [class*='widescreen only'].row:not(.mobile), - .ui[class*='widescreen only'].grid.grid.grid:not(.mobile) { - display: none !important; - } -} -@media only screen and (min-width: 1920px) { - .ui.grid.grid.grid > .row > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].column:not(.computer), - .ui.grid.grid.grid > [class*='mobile only'].row:not(.computer), - .ui[class*='mobile only'].grid.grid.grid:not(.computer) { - display: none !important; - } - .ui.grid.grid.grid > .row > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].column:not(.computer), - .ui.grid.grid.grid > [class*='tablet only'].row:not(.computer), - .ui[class*='tablet only'].grid.grid.grid:not(.computer) { - display: none !important; - } -} -.ui.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1rem 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - background: #fff; - font-weight: 400; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - min-height: 2.85714286em; -} -.ui.menu:after { - content: ''; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.menu:first-child { - margin-top: 0; -} -.ui.menu:last-child { - margin-bottom: 0; -} -.ui.menu .menu { - margin: 0; -} -.ui.menu:not(.vertical) > .menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.ui.menu:not(.vertical) .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.menu .item { - position: relative; - vertical-align: middle; - line-height: 1; - text-decoration: none; - -webkit-tap-highlight-color: transparent; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background: 0 0; - padding: 0.92857143em 1.14285714em; - text-transform: none; - color: rgba(0, 0, 0, 0.87); - font-weight: 400; - -webkit-transition: background 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, - -webkit-box-shadow 0.1s ease; -} -.ui.menu > .item:first-child { - border-radius: 0.28571429rem 0 0 0.28571429rem; -} -.ui.menu .item:before { - position: absolute; - content: ''; - top: 0; - right: 0; - height: 100%; - width: 1px; - background: rgba(34, 36, 38, 0.1); -} -.ui.menu .item > a:not(.ui), -.ui.menu .item > p:only-child, -.ui.menu .text.item > * { - -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; -} -.ui.menu .item > i.icon { - opacity: 0.9; - float: none; - margin: 0 0.35714286em 0 0; -} -.ui.menu:not(.vertical) .item > .button { - position: relative; - top: 0; - margin: -0.5em 0; - padding-bottom: 0.78571429em; - padding-top: 0.78571429em; - font-size: 1em; -} -.ui.menu > .container, -.ui.menu > .grid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: inherit; - -ms-flex-align: inherit; - align-items: inherit; - -webkit-box-orient: inherit; - -webkit-box-direction: inherit; - -ms-flex-direction: inherit; - flex-direction: inherit; -} -.ui.menu .item > .input { - width: 100%; -} -.ui.menu:not(.vertical) .item > .input { - position: relative; - top: 0; - margin: -0.5em 0; -} -.ui.menu .item > .input input { - font-size: 1em; - padding-top: 0.57142857em; - padding-bottom: 0.57142857em; -} -.ui.menu .header.item, -.ui.vertical.menu .header.item { - margin: 0; - background: ''; - text-transform: normal; - font-weight: 700; -} -.ui.vertical.menu .item > .header:not(.ui) { - margin: 0 0 0.5em; - font-size: 1em; - font-weight: 700; -} -.ui.menu .item > i.dropdown.icon { - padding: 0; - float: right; - margin: 0 0 0 1em; -} -.ui.menu .dropdown.item .menu { - min-width: calc(100% - 1px); - border-radius: 0 0 0.28571429rem 0.28571429rem; - background: #fff; - margin: 0 0 0; - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; - flex-direction: column !important; -} -.ui.menu .ui.dropdown .menu > .item { - margin: 0; - text-align: left; - font-size: 1em !important; - padding: 0.78571429em 1.14285714em !important; - background: 0 0 !important; - color: rgba(0, 0, 0, 0.87) !important; - text-transform: none !important; - font-weight: 400 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-transition: 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: 700 !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: 0 0.75em 0 0; -} -.ui.secondary.menu .dropdown.item > .menu, -.ui.text.menu .dropdown.item > .menu { - border-radius: 0.28571429rem; - margin-top: 0.35714286em; -} -.ui.menu .pointing.dropdown.item .menu { - margin-top: 0.75em; -} -.ui.inverted.menu .search.dropdown.item > .search, -.ui.inverted.menu .search.dropdown.item > .text { - color: rgba(255, 255, 255, 0.9); -} -.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: 0; - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); - border-radius: 0 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: 0; - border-bottom-right-radius: 0; -} -.ui.vertical.menu .dropdown.active.item { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.item.menu .dropdown .menu .item { - width: 100%; -} -.ui.menu .item > .label { - background: #999; - color: #fff; - margin-left: 1em; - padding: 0.3em 0.78571429em; -} -.ui.vertical.menu .item > .label { - background: #999; - color: #fff; - margin-top: -0.15em; - margin-bottom: -0.15em; - padding: 0.3em 0.78571429em; -} -.ui.menu .item > .floating.label { - padding: 0.3em 0.78571429em; -} -.ui.menu .item > img:not(.ui) { - display: inline-block; - vertical-align: middle; - margin: -0.3em 0; - width: 2.5em; -} -.ui.vertical.menu .item > img:not(.ui):only-child { - display: block; - max-width: 100%; - width: auto; -} -.ui.menu .list .item:before { - background: 0 0 !important; -} -.ui.vertical.sidebar.menu > .item:first-child:before { - display: block !important; -} -.ui.vertical.sidebar.menu > .item::before { - top: auto; - bottom: 0; -} -@media only screen and (max-width: 767px) { - .ui.menu > .ui.container { - width: 100% !important; - margin-left: 0 !important; - margin-right: 0 !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); - } -} -.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); -} -.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); -} -.ui.menu .active.item { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); - font-weight: 400; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.menu .active.item > i.icon { - opacity: 1; -} -.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); -} -.ui.menu .item.disabled, -.ui.menu .item.disabled:hover { - cursor: default !important; - background-color: transparent !important; - color: rgba(40, 40, 40, 0.3) !important; -} -.ui.menu:not(.vertical) .left.item, -.ui.menu:not(.vertical) .left.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-right: auto !important; -} -.ui.menu:not(.vertical) .right.item, -.ui.menu:not(.vertical) .right.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-left: auto !important; -} -.ui.menu .right.item::before, -.ui.menu .right.menu > .item::before { - right: auto; - left: 0; -} -.ui.vertical.menu { - display: block; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - background: #fff; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); -} -.ui.vertical.menu .item { - display: block; - background: 0 0; - border-top: none; - border-right: none; -} -.ui.vertical.menu > .item:first-child { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.vertical.menu > .item:last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.vertical.menu .item > .label { - float: right; - text-align: center; -} -.ui.vertical.menu .item > i.icon { - width: 1.18em; - float: right; - margin: 0 0 0 0.5em; -} -.ui.vertical.menu .item > .label + i.icon { - float: none; - margin: 0 0.5em 0 0; -} -.ui.vertical.menu .item:before { - position: absolute; - content: ''; - top: 0; - left: 0; - width: 100%; - height: 1px; - background: rgba(34, 36, 38, 0.1); -} -.ui.vertical.menu .item:first-child:before { - display: none !important; -} -.ui.vertical.menu .item > .menu { - margin: 0.5em -1.14285714em 0; -} -.ui.vertical.menu .menu .item { - background: 0 0; - padding: 0.5em 1.33333333em; - font-size: 0.85714286em; - color: rgba(0, 0, 0, 0.5); -} -.ui.vertical.menu .item .menu .link.item:hover, -.ui.vertical.menu .item .menu a.item:hover { - color: rgba(0, 0, 0, 0.85); -} -.ui.vertical.menu .menu .item:before { - display: none; -} -.ui.vertical.menu .active.item { - background: rgba(0, 0, 0, 0.05); - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.vertical.menu > .active.item:first-child { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.vertical.menu > .active.item:last-child { - border-radius: 0 0 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: 700; - color: rgba(0, 0, 0, 0.95); -} -.ui.tabular.menu { - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none; - background: none transparent; - border-bottom: 1px solid #d4d4d5; -} -.ui.tabular.fluid.menu { - width: calc(100% + 2px) !important; -} -.ui.tabular.menu .item { - background: 0 0; - 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; -} -.ui.tabular.menu .item:hover { - background-color: transparent; - color: rgba(0, 0, 0, 0.8); -} -.ui.tabular.menu .active.item { - background: none #fff; - color: rgba(0, 0, 0, 0.95); - border-top-width: 1px; - border-color: #d4d4d5; - font-weight: 700; - margin-bottom: -1px; - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0.28571429rem 0.28571429rem 0 0 !important; -} -.ui.tabular.menu + .attached:not(.top).segment, -.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment { - border-top: none; - margin-left: 0; - margin-top: 0; - margin-right: 0; - width: 100%; -} -.top.attached.segment + .ui.bottom.tabular.menu { - position: relative; - width: calc(100% + 2px); - left: -1px; -} -.ui.bottom.tabular.menu { - background: none transparent; - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-bottom: none; - border-top: 1px solid #d4d4d5; -} -.ui.bottom.tabular.menu .item { - background: 0 0; - 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 #fff; - color: rgba(0, 0, 0, 0.95); - border-color: #d4d4d5; - margin: -1px 0 0 0; - border-radius: 0 0 0.28571429rem 0.28571429rem !important; -} -.ui.vertical.tabular.menu { - background: none transparent; - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-bottom: none; - border-right: 1px solid #d4d4d5; -} -.ui.vertical.tabular.menu .item { - background: 0 0; - 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 #fff; - color: rgba(0, 0, 0, 0.95); - border-color: #d4d4d5; - margin: 0 -1px 0 0; - border-radius: 0.28571429rem 0 0 0.28571429rem !important; -} -.ui.vertical.right.tabular.menu { - background: none transparent; - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-bottom: none; - border-right: none; - border-left: 1px solid #d4d4d5; -} -.ui.vertical.right.tabular.menu .item { - background: 0 0; - 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 #fff; - color: rgba(0, 0, 0, 0.95); - border-color: #d4d4d5; - margin: 0 0 0 -1px; - border-radius: 0 0.28571429rem 0.28571429rem 0 !important; -} -.ui.tabular.menu .active.dropdown.item { - margin-bottom: 0; - border-left: 1px solid transparent; - border-right: 1px solid transparent; - border-top: 2px solid transparent; - border-bottom: none; -} -.ui.pagination.menu { - margin: 0; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: middle; -} -.ui.pagination.menu .item:last-child { - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.ui.compact.menu .item:last-child { - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.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; -} -.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); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.secondary.menu { - background: 0 0; - margin-left: -0.35714286em; - margin-right: -0.35714286em; - border-radius: 0; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.secondary.menu .item { - -ms-flex-item-align: center; - align-self: center; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - padding: 0.78571429em 0.92857143em; - margin: 0 0.35714286em; - background: 0 0; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; - border-radius: 0.28571429rem; -} -.ui.secondary.menu .item:before { - display: none !important; -} -.ui.secondary.menu .header.item { - border-radius: 0; - border-right: none; - background: none transparent; -} -.ui.secondary.menu .item > img:not(.ui) { - margin: 0; -} -.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); -} -.ui.secondary.menu .active.item { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); - border-radius: 0.28571429rem; -} -.ui.secondary.menu .active.item:hover { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); -} -.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: #fff !important; -} -.ui.secondary.inverted.menu .active.item { - background: rgba(255, 255, 255, 0.15); - color: #fff !important; -} -.ui.secondary.item.menu { - margin-left: 0; - margin-right: 0; -} -.ui.secondary.item.menu .item:last-child { - margin-right: 0; -} -.ui.secondary.attached.menu { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.vertical.secondary.menu .item:not(.dropdown) > .menu { - margin: 0 -0.92857143em; -} -.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item { - margin: 0; - padding: 0.5em 1.33333333em; -} -.ui.secondary.vertical.menu > .item { - border: none; - margin: 0 0 0.35714286em; - border-radius: 0.28571429rem !important; -} -.ui.secondary.vertical.menu > .header.item { - border-radius: 0; -} -.ui.vertical.secondary.menu .item > .menu .item { - background-color: transparent; -} -.ui.secondary.inverted.menu { - background-color: transparent; -} -.ui.secondary.pointing.menu { - margin-left: 0; - margin-right: 0; - 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: 0; - -ms-flex-item-align: end; - align-self: flex-end; - margin: 0 0 -2px; - padding: 0.85714286em 1.14285714em; - border-bottom-width: 2px; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.secondary.pointing.menu .header.item { - color: rgba(0, 0, 0, 0.85) !important; -} -.ui.secondary.pointing.menu .text.item { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.secondary.pointing.menu .item:after { - display: none; -} -.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); -} -.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); -} -.ui.secondary.pointing.menu .active.item { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - border-color: #1b1c1d; - font-weight: 700; - color: rgba(0, 0, 0, 0.95); -} -.ui.secondary.pointing.menu .active.item:hover { - border-color: #1b1c1d; - color: rgba(0, 0, 0, 0.95); -} -.ui.secondary.pointing.menu .active.dropdown.item { - border-color: transparent; -} -.ui.secondary.vertical.pointing.menu { - border-bottom-width: 0; - 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: 0 !important; - margin: 0 -2px 0 0; - border-right-width: 2px; -} -.ui.secondary.vertical.pointing.menu .active.item { - border-color: #1b1c1d; -} -.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: #fff !important; -} -.ui.secondary.inverted.pointing.menu .link.item:hover, -.ui.secondary.inverted.pointing.menu a.item:hover { - color: rgba(0, 0, 0, 0.95); -} -.ui.secondary.inverted.pointing.menu .active.item { - border-color: #fff; - color: #fff; -} -.ui.text.menu { - background: none transparent; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - margin: 1em -0.5em; -} -.ui.text.menu .item { - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - -ms-flex-item-align: center; - align-self: center; - margin: 0 0; - padding: 0.35714286em 0.5em; - font-weight: 400; - color: rgba(0, 0, 0, 0.6); - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -.ui.text.menu .item:before, -.ui.text.menu .menu .item:before { - display: none !important; -} -.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: 700; -} -.ui.text.menu .item > img:not(.ui) { - margin: 0; -} -.ui.text.item.menu .item { - margin: 0; -} -.ui.vertical.text.menu { - margin: 1em 0; -} -.ui.vertical.text.menu:first-child { - margin-top: 0; -} -.ui.vertical.text.menu:last-child { - margin-bottom: 0; -} -.ui.vertical.text.menu .item { - margin: 0.57142857em 0; - padding-left: 0; - padding-right: 0; -} -.ui.vertical.text.menu .item > i.icon { - float: none; - margin: 0 0.35714286em 0 0; -} -.ui.vertical.text.menu .header.item { - margin: 0.57142857em 0 0.71428571em; -} -.ui.vertical.text.menu .item:not(.dropdown) > .menu { - margin: 0; -} -.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item { - margin: 0; - padding: 0.5em 0; -} -.ui.text.menu .item:hover { - opacity: 1; - background-color: transparent; -} -.ui.text.menu .active.item { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - color: rgba(0, 0, 0, 0.95); -} -.ui.text.menu .active.item:hover { - background-color: transparent; -} -.ui.text.pointing.menu .active.item:after { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.text.attached.menu { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.text.menu, -.ui.inverted.text.menu .active.item, -.ui.inverted.text.menu .item, -.ui.inverted.text.menu .item:hover { - background-color: transparent !important; -} -.ui.fluid.text.menu { - margin-left: 0; - margin-right: 0; -} -.ui.vertical.icon.menu { - display: inline-block; - width: auto; -} -.ui.icon.menu .item { - height: auto; - text-align: center; - color: #1b1c1d; -} -.ui.icon.menu .item > .icon:not(.dropdown) { - margin: 0; - opacity: 1; -} -.ui.icon.menu .icon:before { - opacity: 1; -} -.ui.menu .icon.item > .icon { - width: auto; - margin: 0 auto; -} -.ui.vertical.icon.menu .item > .icon:not(.dropdown) { - display: block; - opacity: 1; - margin: 0 auto; - float: none; -} -.ui.inverted.icon.menu .item { - color: #fff; -} -.ui.labeled.icon.menu { - text-align: center; -} -.ui.labeled.icon.menu .item { - min-width: 6em; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} -.ui.labeled.icon.menu .item > .icon:not(.dropdown) { - height: 1em; - display: block; - font-size: 1.71428571em !important; - margin: 0 auto 0.5rem !important; -} -.ui.fluid.labeled.icon.menu > .item { - min-width: 0; -} -@media only screen and (max-width: 767px) { - .ui.stackable.menu { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - .ui.stackable.menu .item { - width: 100% !important; - } - .ui.stackable.menu .item:before { - position: absolute; - content: ''; - top: auto; - bottom: 0; - left: 0; - width: 100%; - height: 1px; - background: rgba(34, 36, 38, 0.1); - } - .ui.stackable.menu .left.item, - .ui.stackable.menu .left.menu { - margin-right: 0 !important; - } - .ui.stackable.menu .right.item, - .ui.stackable.menu .right.menu { - margin-left: 0 !important; - } - .ui.stackable.menu .left.menu, - .ui.stackable.menu .right.menu { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } -} -.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.green.menu .active.item, -.ui.menu .green.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.blue.menu .active.item, -.ui.menu .blue.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.brown.menu .active.item, -.ui.menu .brown.active.item { - border-color: #a5673f !important; - color: #a5673f !important; -} -.ui.grey.menu .active.item, -.ui.menu .grey.active.item { - border-color: #767676 !important; - color: #767676 !important; -} -.ui.inverted.menu { - border: 0 solid transparent; - background: #1b1c1d; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.menu .item, -.ui.inverted.menu .item > a:not(.ui) { - background: 0 0; - color: rgba(255, 255, 255, 0.9); -} -.ui.inverted.menu .item.menu { - background: 0 0; -} -.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); -} -.ui.vertical.inverted.menu .menu .item, -.ui.vertical.inverted.menu .menu .item a:not(.ui) { - color: rgba(255, 255, 255, 0.5); -} -.ui.inverted.menu .header.item { - margin: 0; - background: 0 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.menu .item.disabled, -.ui.inverted.menu .item.disabled:hover { - color: rgba(225, 225, 225, 0.3); -} -.ui.inverted.menu .dropdown.item:hover, -.ui.inverted.menu .link.item:hover, -.ui.inverted.menu a.item:hover, -.ui.link.inverted.menu .item:hover { - background: rgba(255, 255, 255, 0.08); - color: #fff; -} -.ui.vertical.inverted.menu .item .menu .link.item:hover, -.ui.vertical.inverted.menu .item .menu a.item:hover { - background: 0 0; - color: #fff; -} -.ui.inverted.menu .link.item:active, -.ui.inverted.menu a.item:active { - background: rgba(255, 255, 255, 0.08); - color: #fff; -} -.ui.inverted.menu .active.item { - background: rgba(255, 255, 255, 0.15); - color: #fff !important; -} -.ui.inverted.vertical.menu .item .menu .active.item { - background: 0 0; - color: #fff; -} -.ui.inverted.pointing.menu .active.item:after { - background: #3d3e3f !important; - margin: 0 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none !important; -} -.ui.inverted.menu .active.item:hover { - background: rgba(255, 255, 255, 0.15); - color: #fff !important; -} -.ui.inverted.pointing.menu .active.item:hover:after { - background: #3d3e3f !important; -} -.ui.floated.menu { - float: left; - margin: 0 0.5rem 0 0; -} -.ui.floated.menu .item:last-child:before { - display: none; -} -.ui.right.floated.menu { - float: right; - margin: 0 0 0 0.5rem; -} -.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; -} -.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; -} -.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; -} -.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; -} -.ui.inverted.green.menu, -.ui.inverted.menu .green.active.item { - 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; -} -.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; -} -.ui.inverted.blue.menu, -.ui.inverted.menu .blue.active.item { - 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; -} -.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; -} -.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; -} -.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; -} -.ui.inverted.brown.menu, -.ui.inverted.menu .brown.active.item { - 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; -} -.ui.inverted.grey.menu, -.ui.inverted.menu .grey.active.item { - 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; -} -.ui.fitted.menu .item, -.ui.fitted.menu .item .menu .item, -.ui.menu .fitted.item { - padding: 0; -} -.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.menu .vertically.fitted.item, -.ui.vertically.fitted.menu .item, -.ui.vertically.fitted.menu .item .menu .item { - padding-left: 1.14285714em; - padding-right: 1.14285714em; -} -.ui.borderless.menu .item .menu .item:before, -.ui.borderless.menu .item:before, -.ui.menu .borderless.item:before { - background: 0 0 !important; -} -.ui.compact.menu { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin: 0; - vertical-align: middle; -} -.ui.compact.vertical.menu { - display: inline-block; -} -.ui.compact.menu .item:last-child { - border-radius: 0 0.28571429rem 0.28571429rem 0; -} -.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; -} -.ui.menu.fluid, -.ui.vertical.menu.fluid { - width: 100% !important; -} -.ui.item.menu, -.ui.item.menu .item { - width: 100%; - padding-left: 0 !important; - padding-right: 0 !important; - margin-left: 0 !important; - margin-right: 0 !important; - text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.ui.attached.item.menu { - margin: 0 -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%; -} -.ui.menu.fixed { - position: fixed; - z-index: 101; - margin: 0; - width: 100%; -} -.ui.menu.fixed, -.ui.menu.fixed .item:first-child, -.ui.menu.fixed .item:last-child { - border-radius: 0 !important; -} -.ui.fixed.menu, -.ui[class*='top fixed'].menu { - top: 0; - left: 0; - 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: 0; - right: 0; - left: auto; - bottom: auto; - width: auto; - height: 100%; -} -.ui[class*='bottom fixed'].menu { - border-bottom: none; - border-left: none; - border-right: none; - bottom: 0; - left: 0; - top: auto; - right: auto; -} -.ui[class*='left fixed'].menu { - border-top: none; - border-bottom: none; - border-left: none; - top: 0; - left: 0; - right: auto; - bottom: auto; - width: auto; - height: 100%; -} -.ui.fixed.menu + .ui.grid { - padding-top: 2.75rem; -} -.ui.pointing.menu .item:after { - visibility: hidden; - position: absolute; - content: ''; - top: 100%; - left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - background: 0 0; - margin: 0.5px 0 0; - width: 0.57142857em; - height: 0.57142857em; - border: none; - border-bottom: 1px solid #d4d4d5; - border-right: 1px solid #d4d4d5; - z-index: 2; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} -.ui.vertical.pointing.menu .item:after { - position: absolute; - top: 50%; - right: 0; - bottom: auto; - left: auto; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - transform: translateX(50%) translateY(-50%) rotate(45deg); - margin: 0 -0.5px 0 0; - border: none; - border-top: 1px solid #d4d4d5; - border-right: 1px solid #d4d4d5; -} -.ui.pointing.menu .active.item:after { - visibility: visible; -} -.ui.pointing.menu .active.dropdown.item:after { - visibility: hidden; -} -.ui.pointing.menu .active.item .menu .active.item:after, -.ui.pointing.menu .dropdown.active.item:after { - display: none; -} -.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: #fff; -} -.ui.attached.menu { - top: 0; - bottom: 0; - border-radius: 0; - margin: 0 -1px; - width: calc(100% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.attached + .ui.attached.menu:not(.top) { - border-top: none; -} -.ui[class*='top attached'].menu { - bottom: 0; - margin-bottom: 0; - top: 0; - margin-top: 1rem; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.menu[class*='top attached']:first-child { - margin-top: 0; -} -.ui[class*='bottom attached'].menu { - bottom: 0; - margin-top: 0; - top: 0; - margin-bottom: 1rem; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui[class*='bottom attached'].menu:last-child { - margin-bottom: 0; -} -.ui.top.attached.menu > .item:first-child { - border-radius: 0.28571429rem 0 0 0; -} -.ui.bottom.attached.menu > .item:first-child { - border-radius: 0 0 0 0.28571429rem; -} -.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%; -} -.ui.mini.menu { - font-size: 0.78571429rem; -} -.ui.mini.vertical.menu { - width: 9rem; -} -.ui.tiny.menu { - font-size: 0.85714286rem; -} -.ui.tiny.vertical.menu { - width: 11rem; -} -.ui.small.menu { - font-size: 0.92857143rem; -} -.ui.small.vertical.menu { - width: 13rem; -} -.ui.menu { - font-size: 1rem; -} -.ui.vertical.menu { - width: 15rem; -} -.ui.large.menu { - font-size: 1.07142857rem; -} -.ui.large.vertical.menu { - width: 18rem; -} -.ui.huge.menu { - font-size: 1.21428571rem; -} -.ui.huge.vertical.menu { - width: 22rem; -} -.ui.big.menu { - font-size: 1.14285714rem; -} -.ui.big.vertical.menu { - width: 20rem; -} -.ui.massive.menu { - font-size: 1.28571429rem; -} -.ui.massive.vertical.menu { - width: 25rem; -} /*! - * # Semantic UI 2.3.1 - Message - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.message { - position: relative; - min-height: 1em; - margin: 1em 0; - background: #f8f8f9; - padding: 1em 1.5em; - line-height: 1.4285em; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, - box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - border-radius: 0.28571429rem; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.message:first-child { - margin-top: 0; -} -.ui.message:last-child { - margin-bottom: 0; -} -.ui.message .header { - display: block; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: 700; - margin: -0.14285714em 0 0 0; -} -.ui.message .header:not(.ui) { - font-size: 1.14285714em; -} -.ui.message p { - opacity: 0.85; - margin: 0.75em 0; -} -.ui.message p:first-child { - margin-top: 0; -} -.ui.message p:last-child { - margin-bottom: 0; -} -.ui.message .header + p { - margin-top: 0.25em; -} -.ui.message .list:not(.ui) { - text-align: left; - padding: 0; - opacity: 0.85; - list-style-position: inside; - margin: 0.5em 0 0; -} -.ui.message .list:not(.ui):first-child { - margin-top: 0; -} -.ui.message .list:not(.ui):last-child { - margin-bottom: 0; -} -.ui.message .list:not(.ui) li { - position: relative; - list-style-type: none; - margin: 0 0 0.3em 1em; - padding: 0; -} -.ui.message .list:not(.ui) li:before { - position: absolute; - content: '•'; - left: -1em; - height: 100%; - vertical-align: baseline; -} -.ui.message .list:not(.ui) li:last-child { - margin-bottom: 0; -} -.ui.message > .icon { - margin-right: 0.6em; -} -.ui.message > .close.icon { - cursor: pointer; - position: absolute; - margin: 0; - top: 0.78575em; - right: 0.5em; - opacity: 0.7; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -.ui.message > .close.icon:hover { - opacity: 1; -} -.ui.message > :first-child { - margin-top: 0; -} -.ui.message > :last-child { - margin-bottom: 0; -} -.ui.dropdown .menu > .message { - margin: 0 -1px; -} -.ui.visible.visible.visible.visible.message { - display: block; -} -.ui.icon.visible.visible.visible.visible.message { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.ui.hidden.hidden.hidden.hidden.message { - display: none; -} -.ui.compact.message { - display: inline-block; -} -.ui.compact.icon.message { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} -.ui.attached.message { - margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0 0; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 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: 0; -} -.ui.bottom.attached.message { - margin-top: -1px; - border-radius: 0 0 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, - 0 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, - 0 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; -} -.ui.icon.message { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.icon.message > .icon:not(.close) { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - line-height: 1; - vertical-align: middle; - font-size: 3em; - opacity: 0.8; -} -.ui.icon.message > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - vertical-align: middle; -} -.ui.icon.message .icon:not(.close) + .content { - padding-left: 0; -} -.ui.icon.message .circular.icon { - width: 1em; -} -.ui.floating.message { - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, - 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, - 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); -} -.ui.black.message { - background-color: #1b1c1d; - color: rgba(255, 255, 255, 0.9); -} -.ui.positive.message { - background-color: #fcfff5; - color: #2c662d; -} -.ui.attached.positive.message, -.ui.positive.message { - -webkit-box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; -} -.ui.positive.message .header { - color: #1a531b; -} -.ui.negative.message { - background-color: #fff6f6; - color: #9f3a38; -} -.ui.attached.negative.message, -.ui.negative.message { - -webkit-box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; -} -.ui.negative.message .header { - color: #912d2b; -} -.ui.info.message { - background-color: #f8ffff; - color: #276f86; -} -.ui.attached.info.message, -.ui.info.message { - -webkit-box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; -} -.ui.info.message .header { - color: #0e566c; -} -.ui.warning.message { - background-color: #fffaf3; - color: #573a08; -} -.ui.attached.warning.message, -.ui.warning.message { - -webkit-box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; -} -.ui.warning.message .header { - color: #794b02; -} -.ui.error.message { - background-color: #fff6f6; - color: #9f3a38; -} -.ui.attached.error.message, -.ui.error.message { - -webkit-box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; -} -.ui.error.message .header { - color: #912d2b; -} -.ui.success.message { - background-color: #fcfff5; - color: #2c662d; -} -.ui.attached.success.message, -.ui.success.message { - -webkit-box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; -} -.ui.success.message .header { - color: #1a531b; -} -.ui.black.message, -.ui.inverted.message { - background-color: #1b1c1d; - color: rgba(255, 255, 255, 0.9); -} -.ui.red.message { - background-color: #ffe8e6; - color: #db2828; - -webkit-box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 transparent; -} -.ui.red.message .header { - color: #c82121; -} -.ui.orange.message { - background-color: #ffedde; - color: #f2711c; - -webkit-box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 transparent; -} -.ui.orange.message .header { - color: #e7640d; -} -.ui.yellow.message { - background-color: #fff8db; - color: #b58105; - -webkit-box-shadow: 0 0 0 1px #b58105 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #b58105 inset, 0 0 0 0 transparent; -} -.ui.yellow.message .header { - color: #9c6f04; -} -.ui.olive.message { - background-color: #fbfdef; - color: #8abc1e; - -webkit-box-shadow: 0 0 0 1px #8abc1e inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #8abc1e inset, 0 0 0 0 transparent; -} -.ui.olive.message .header { - color: #7aa61a; -} -.ui.green.message { - background-color: #e5f9e7; - color: #1ebc30; - -webkit-box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 transparent; -} -.ui.green.message .header { - color: #1aa62a; -} -.ui.teal.message { - background-color: #e1f7f7; - color: #10a3a3; - -webkit-box-shadow: 0 0 0 1px #10a3a3 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #10a3a3 inset, 0 0 0 0 transparent; -} -.ui.teal.message .header { - color: #0e8c8c; -} -.ui.blue.message { - background-color: #dff0ff; - color: #2185d0; - -webkit-box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 transparent; -} -.ui.blue.message .header { - color: #1e77ba; -} -.ui.violet.message { - background-color: #eae7ff; - color: #6435c9; - -webkit-box-shadow: 0 0 0 1px #6435c9 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #6435c9 inset, 0 0 0 0 transparent; -} -.ui.violet.message .header { - color: #5a30b5; -} -.ui.purple.message { - background-color: #f6e7ff; - color: #a333c8; - -webkit-box-shadow: 0 0 0 1px #a333c8 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #a333c8 inset, 0 0 0 0 transparent; -} -.ui.purple.message .header { - color: #922eb4; -} -.ui.pink.message { - background-color: #ffe3fb; - color: #e03997; - -webkit-box-shadow: 0 0 0 1px #e03997 inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #e03997 inset, 0 0 0 0 transparent; -} -.ui.pink.message .header { - color: #dd238b; -} -.ui.brown.message { - background-color: #f1e2d3; - color: #a5673f; - -webkit-box-shadow: 0 0 0 1px #a5673f inset, 0 0 0 0 transparent; - box-shadow: 0 0 0 1px #a5673f inset, 0 0 0 0 transparent; -} -.ui.brown.message .header { - color: #935b38; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Table - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.table { - width: 100%; - background: #fff; - margin: 1em 0; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0.28571429rem; - text-align: left; - color: rgba(0, 0, 0, 0.87); - border-collapse: separate; - border-spacing: 0; -} -.ui.table:first-child { - margin-top: 0; -} -.ui.table:last-child { - margin-bottom: 0; -} -.ui.table td, -.ui.table th { - -webkit-transition: background 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, color 0.1s ease; -} -.ui.table thead { - -webkit-box-shadow: none; - 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: 700; - 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 0 0 0; -} -.ui.table thead tr:first-child > th:last-child { - border-radius: 0 0.28571429rem 0 0; -} -.ui.table thead tr:first-child > th:only-child { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.table tfoot { - -webkit-box-shadow: none; - 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: 400; - text-transform: none; -} -.ui.table tfoot tr > th:first-child { - border-left: none; -} -.ui.table tfoot tr:first-child > th:first-child { - border-radius: 0 0 0 0.28571429rem; -} -.ui.table tfoot tr:first-child > th:last-child { - border-radius: 0 0 0.28571429rem 0; -} -.ui.table tfoot tr:first-child > th:only-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.table tr td { - border-top: 1px solid rgba(34, 36, 38, 0.1); -} -.ui.table tr:first-child td { - border-top: none; -} -.ui.table tbody + tbody tr:first-child td { - border-top: 1px solid rgba(34, 36, 38, 0.1); -} -.ui.table td { - padding: 0.78571429em 0.78571429em; - text-align: inherit; -} -.ui.table > .icon { - vertical-align: baseline; -} -.ui.table > .icon:only-child { - margin: 0; -} -.ui.table.segment { - padding: 0; -} -.ui.table.segment:after { - display: none; -} -.ui.table.segment.stacked:after { - display: block; -} -@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 > td, - .ui.table:not(.unstackable) tr > th { - width: auto !important; - display: block !important; - } - .ui.table:not(.unstackable) { - padding: 0; - } - .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; - -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; - } - .ui.table:not(.unstackable) tr > td, - .ui.table:not(.unstackable) tr > th { - background: 0 0; - border: none !important; - padding: 0.25em 0.75em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - .ui.table:not(.unstackable) td:first-child, - .ui.table:not(.unstackable) th:first-child { - font-weight: 700; - } - .ui.definition.table:not(.unstackable) thead th:first-child { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } -} -.ui.table td .image, -.ui.table td .image img, -.ui.table th .image, -.ui.table th .image img { - max-width: none; -} -.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 td, -.ui.structured.celled.table tr th { - border-left: 1px solid rgba(34, 36, 38, 0.1); - border-right: 1px solid rgba(34, 36, 38, 0.1); -} -.ui.definition.table thead:not(.full-width) th:first-child { - pointer-events: none; - background: 0 0; - font-weight: 400; - color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: -1px -1px 0 1px #fff; - box-shadow: -1px -1px 0 1px #fff; -} -.ui.definition.table tfoot:not(.full-width) th:first-child { - pointer-events: none; - background: 0 0; - font-weight: rgba(0, 0, 0, 0.4); - color: normal; - -webkit-box-shadow: 1px 1px 0 1px #fff; - box-shadow: 1px 1px 0 1px #fff; -} -.ui.celled.definition.table thead:not(.full-width) th:first-child { - -webkit-box-shadow: 0 -1px 0 1px #fff; - box-shadow: 0 -1px 0 1px #fff; -} -.ui.celled.definition.table tfoot:not(.full-width) th:first-child { - -webkit-box-shadow: 0 1px 0 1px #fff; - box-shadow: 0 1px 0 1px #fff; -} -.ui.definition.table tr td.definition, -.ui.definition.table tr td:first-child:not(.ignored) { - background: rgba(0, 0, 0, 0.03); - font-weight: 700; - color: rgba(0, 0, 0, 0.95); - text-transform: ''; - -webkit-box-shadow: ''; - box-shadow: ''; - text-align: ''; - font-size: 1em; - padding-left: ''; - padding-right: ''; -} -.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); -} -.ui.table td.positive, -.ui.table tr.positive { - -webkit-box-shadow: 0 0 0 #a3c293 inset; - box-shadow: 0 0 0 #a3c293 inset; -} -.ui.table td.positive, -.ui.table tr.positive { - background: #fcfff5 !important; - color: #2c662d !important; -} -.ui.table td.negative, -.ui.table tr.negative { - -webkit-box-shadow: 0 0 0 #e0b4b4 inset; - box-shadow: 0 0 0 #e0b4b4 inset; -} -.ui.table td.negative, -.ui.table tr.negative { - background: #fff6f6 !important; - color: #9f3a38 !important; -} -.ui.table td.error, -.ui.table tr.error { - -webkit-box-shadow: 0 0 0 #e0b4b4 inset; - box-shadow: 0 0 0 #e0b4b4 inset; -} -.ui.table td.error, -.ui.table tr.error { - background: #fff6f6 !important; - color: #9f3a38 !important; -} -.ui.table td.warning, -.ui.table tr.warning { - -webkit-box-shadow: 0 0 0 #c9ba9b inset; - box-shadow: 0 0 0 #c9ba9b inset; -} -.ui.table td.warning, -.ui.table tr.warning { - background: #fffaf3 !important; - color: #573a08 !important; -} -.ui.table td.active, -.ui.table tr.active { - -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset; - box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset; -} -.ui.table td.active, -.ui.table tr.active { - background: #e0e0e0 !important; - color: rgba(0, 0, 0, 0.87) !important; -} -.ui.table tr td.disabled, -.ui.table tr.disabled td, -.ui.table tr.disabled:hover, -.ui.table tr:hover td.disabled { - pointer-events: none; - color: rgba(40, 40, 40, 0.3); -} -@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 > td, - .ui[class*='tablet stackable'].table tr > th { - width: 100% !important; - display: block !important; - } - .ui[class*='tablet stackable'].table { - padding: 0; - } - .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; - -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; - } - .ui[class*='tablet stackable'].table tr > td, - .ui[class*='tablet stackable'].table tr > th { - background: 0 0; - border: none !important; - padding: 0.25em 0.75em; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - .ui.definition[class*='tablet stackable'].table thead th:first-child { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } -} -.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; -} -.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; -} -.ui.table td.collapsing, -.ui.table th.collapsing { - width: 1px; - white-space: nowrap; -} -.ui.fixed.table { - table-layout: fixed; -} -.ui.fixed.table td, -.ui.fixed.table th { - overflow: hidden; - text-overflow: ellipsis; -} -.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.inverted.table tbody tr td.selectable:hover, -.ui.selectable.inverted.table tbody tr:hover { - background: rgba(255, 255, 255, 0.08) !important; - color: #fff !important; -} -.ui.table tbody tr td.selectable { - padding: 0; -} -.ui.table tbody tr td.selectable > a:not(.ui) { - display: block; - color: inherit; - padding: 0.78571429em 0.78571429em; -} -.ui.selectable.table tr.error:hover, -.ui.selectable.table tr:hover td.error, -.ui.table tr td.selectable.error:hover { - background: #ffe7e7 !important; - color: #943634 !important; -} -.ui.selectable.table tr.warning:hover, -.ui.selectable.table tr:hover td.warning, -.ui.table tr td.selectable.warning:hover { - background: #fff4e4 !important; - color: #493107 !important; -} -.ui.selectable.table tr.active:hover, -.ui.selectable.table tr:hover td.active, -.ui.table tr td.selectable.active:hover { - background: #e0e0e0 !important; - color: rgba(0, 0, 0, 0.87) !important; -} -.ui.selectable.table tr.positive:hover, -.ui.selectable.table tr:hover td.positive, -.ui.table tr td.selectable.positive:hover { - background: #f7ffe6 !important; - color: #275b28 !important; -} -.ui.selectable.table tr.negative:hover, -.ui.selectable.table tr:hover td.negative, -.ui.table tr td.selectable.negative:hover { - background: #ffe7e7 !important; - color: #943634 !important; -} -.ui.attached.table { - top: 0; - bottom: 0; - border-radius: 0; - margin: 0 -1px; - width: calc(100% + 2px); - max-width: calc(100% + 2px); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #d4d4d5; -} -.ui.attached + .ui.attached.table:not(.top) { - border-top: none; -} -.ui[class*='top attached'].table { - bottom: 0; - margin-bottom: 0; - top: 0; - margin-top: 1em; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.table[class*='top attached']:first-child { - margin-top: 0; -} -.ui[class*='bottom attached'].table { - bottom: 0; - margin-top: 0; - top: 0; - margin-bottom: 1em; - -webkit-box-shadow: none, none; - box-shadow: none, none; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui[class*='bottom attached'].table:last-child { - margin-bottom: 0; -} -.ui.striped.table tbody tr:nth-child(2n), -.ui.striped.table > tr:nth-child(2n) { - background-color: rgba(0, 0, 50, 0.02); -} -.ui.inverted.striped.table tbody tr:nth-child(2n), -.ui.inverted.striped.table > tr:nth-child(2n) { - background-color: rgba(255, 255, 255, 0.05); -} -.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { - background: #efefef !important; - color: rgba(0, 0, 0, 0.95) !important; -} -.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; -} -.ui.red.table { - border-top: 0.2em solid #db2828; -} -.ui.inverted.red.table { - background-color: #db2828 !important; - color: #fff !important; -} -.ui.orange.table { - border-top: 0.2em solid #f2711c; -} -.ui.inverted.orange.table { - background-color: #f2711c !important; - color: #fff !important; -} -.ui.yellow.table { - border-top: 0.2em solid #fbbd08; -} -.ui.inverted.yellow.table { - background-color: #fbbd08 !important; - color: #fff !important; -} -.ui.olive.table { - border-top: 0.2em solid #b5cc18; -} -.ui.inverted.olive.table { - background-color: #b5cc18 !important; - color: #fff !important; -} -.ui.green.table { - border-top: 0.2em solid #21ba45; -} -.ui.inverted.green.table { - background-color: #21ba45 !important; - color: #fff !important; -} -.ui.teal.table { - border-top: 0.2em solid #00b5ad; -} -.ui.inverted.teal.table { - background-color: #00b5ad !important; - color: #fff !important; -} -.ui.blue.table { - border-top: 0.2em solid #2185d0; -} -.ui.inverted.blue.table { - background-color: #2185d0 !important; - color: #fff !important; -} -.ui.violet.table { - border-top: 0.2em solid #6435c9; -} -.ui.inverted.violet.table { - background-color: #6435c9 !important; - color: #fff !important; -} -.ui.purple.table { - border-top: 0.2em solid #a333c8; -} -.ui.inverted.purple.table { - background-color: #a333c8 !important; - color: #fff !important; -} -.ui.pink.table { - border-top: 0.2em solid #e03997; -} -.ui.inverted.pink.table { - background-color: #e03997 !important; - color: #fff !important; -} -.ui.brown.table { - border-top: 0.2em solid #a5673f; -} -.ui.inverted.brown.table { - background-color: #a5673f !important; - color: #fff !important; -} -.ui.grey.table { - border-top: 0.2em solid #767676; -} -.ui.inverted.grey.table { - background-color: #767676 !important; - color: #fff !important; -} -.ui.black.table { - border-top: 0.2em solid #1b1c1d; -} -.ui.inverted.black.table { - background-color: #1b1c1d !important; - color: #fff !important; -} -.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%; -} -.ui.table td.one.wide, -.ui.table th.one.wide { - width: 6.25%; -} -.ui.table td.two.wide, -.ui.table th.two.wide { - width: 12.5%; -} -.ui.table td.three.wide, -.ui.table th.three.wide { - width: 18.75%; -} -.ui.table td.four.wide, -.ui.table th.four.wide { - width: 25%; -} -.ui.table td.five.wide, -.ui.table th.five.wide { - width: 31.25%; -} -.ui.table td.six.wide, -.ui.table th.six.wide { - width: 37.5%; -} -.ui.table td.seven.wide, -.ui.table th.seven.wide { - width: 43.75%; -} -.ui.table td.eight.wide, -.ui.table th.eight.wide { - width: 50%; -} -.ui.table td.nine.wide, -.ui.table th.nine.wide { - width: 56.25%; -} -.ui.table td.ten.wide, -.ui.table th.ten.wide { - width: 62.5%; -} -.ui.table td.eleven.wide, -.ui.table th.eleven.wide { - width: 68.75%; -} -.ui.table td.twelve.wide, -.ui.table th.twelve.wide { - width: 75%; -} -.ui.table td.thirteen.wide, -.ui.table th.thirteen.wide { - width: 81.25%; -} -.ui.table td.fourteen.wide, -.ui.table th.fourteen.wide { - width: 87.5%; -} -.ui.table td.fifteen.wide, -.ui.table th.fifteen.wide { - width: 93.75%; -} -.ui.table td.sixteen.wide, -.ui.table th.sixteen.wide { - width: 100%; -} -.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: 400; - text-decoration: inherit; - content: ''; - height: 1em; - width: auto; - opacity: 0.8; - margin: 0 0 0 0.5em; - font-family: Icons; -} -.ui.sortable.table thead th.ascending:after { - content: '\f0d8'; -} -.ui.sortable.table thead th.descending:after { - content: '\f0d7'; -} -.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); -} -.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; -} -.ui.sortable.table thead th.sorted:hover { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); -} -.ui.inverted.sortable.table thead th.sorted { - background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left - bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: rgba(255, 255, 255, 0.15) - linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - color: #fff; -} -.ui.inverted.sortable.table thead th:hover { - background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left - bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: rgba(255, 255, 255, 0.08) - linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - color: #fff; -} -.ui.inverted.sortable.table thead th { - border-left-color: transparent; - border-right-color: transparent; -} -.ui.inverted.table { - background: #333; - 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 td.disabled, -.ui.inverted.table tr.disabled td, -.ui.inverted.table tr.disabled:hover td, -.ui.inverted.table tr:hover td.disabled { - pointer-events: none; - color: rgba(225, 225, 225, 0.3); -} -.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, -.ui.inverted.definition.table thead:not(.full-width) th:first-child { - background: #fff; -} -.ui.inverted.definition.table tr td:first-child { - background: rgba(255, 255, 255, 0.02); - color: #fff; -} -.ui.collapsing.table { - width: auto; -} -.ui.basic.table { - background: 0 0; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.basic.table tfoot, -.ui.basic.table thead { - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.basic.table th { - background: 0 0; - border-left: none; -} -.ui.basic.table tbody tr { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} -.ui.basic.table td { - background: 0 0; -} -.ui.basic.striped.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 0, 0.05) !important; -} -.ui[class*='very basic'].table { - border: none; -} -.ui[class*='very basic'].table:not(.sortable):not(.striped) td, -.ui[class*='very basic'].table:not(.sortable):not(.striped) th { - padding: ''; -} -.ui[class*='very basic'].table:not(.sortable):not(.striped) td:first-child, -.ui[class*='very basic'].table:not(.sortable):not(.striped) th:first-child { - padding-left: 0; -} -.ui[class*='very basic'].table:not(.sortable):not(.striped) td:last-child, -.ui[class*='very basic'].table:not(.sortable):not(.striped) th:last-child { - padding-right: 0; -} -.ui[class*='very basic'].table:not(.sortable):not(.striped) - thead - tr:first-child - th { - padding-top: 0; -} -.ui.celled.table tr td, -.ui.celled.table tr th { - border-left: 1px solid rgba(34, 36, 38, 0.1); -} -.ui.celled.table tr td:first-child, -.ui.celled.table tr th:first-child { - border-left: none; -} -.ui.padded.table th { - padding-left: 1em; - padding-right: 1em; -} -.ui.padded.table td, -.ui.padded.table th { - padding: 1em 1em; -} -.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; -} -.ui.compact.table th { - padding-left: 0.7em; - padding-right: 0.7em; -} -.ui.compact.table td { - padding: 0.5em 0.7em; -} -.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; -} -.ui.small.table { - font-size: 0.9em; -} -.ui.table { - font-size: 1em; -} -.ui.large.table { - font-size: 1.1em; -} /*! - * # Semantic UI 2.3.1 - Ad - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2013 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.ad { - display: block; - overflow: hidden; - margin: 1em 0; -} -.ui.ad:first-child { - margin: 0; -} -.ui.ad:last-child { - margin: 0; -} -.ui.ad iframe { - margin: 0; - padding: 0; - border: none; - overflow: hidden; -} -.ui.leaderboard.ad { - width: 728px; - height: 90px; -} -.ui[class*='medium rectangle'].ad { - width: 300px; - height: 250px; -} -.ui[class*='large rectangle'].ad { - width: 336px; - height: 280px; -} -.ui[class*='half page'].ad { - width: 300px; - height: 600px; -} -.ui.square.ad { - width: 250px; - height: 250px; -} -.ui[class*='small square'].ad { - width: 200px; - height: 200px; -} -.ui[class*='small rectangle'].ad { - width: 180px; - height: 150px; -} -.ui[class*='vertical rectangle'].ad { - width: 240px; - height: 400px; -} -.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; -} -.ui.skyscraper.ad { - width: 120px; - height: 600px; -} -.ui[class*='wide skyscraper'].ad { - width: 160px; -} -.ui.banner.ad { - width: 468px; - height: 60px; -} -.ui[class*='vertical banner'].ad { - width: 120px; - height: 240px; -} -.ui[class*='top banner'].ad { - width: 930px; - height: 180px; -} -.ui[class*='half banner'].ad { - width: 234px; - height: 60px; -} -.ui[class*='large leaderboard'].ad { - width: 970px; - height: 90px; -} -.ui.billboard.ad { - width: 970px; - height: 250px; -} -.ui.panorama.ad { - width: 980px; - height: 120px; -} -.ui.netboard.ad { - width: 580px; - height: 400px; -} -.ui[class*='large mobile banner'].ad { - width: 320px; - height: 100px; -} -.ui[class*='mobile leaderboard'].ad { - width: 320px; - height: 50px; -} -.ui.mobile.ad { - display: none; -} -@media only screen and (max-width: 767px) { - .ui.mobile.ad { - display: block; - } -} -.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; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - content: 'Ad'; - color: #fff; - font-size: 1em; - font-weight: 700; -} -.ui.mobile.test.ad:after { - font-size: 0.85714286em; -} -.ui.test.ad[data-text]:after { - content: attr(data-text); -} /*! - * # Semantic UI 2.3.1 - Item - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.card, -.ui.cards > .card { - max-width: 100%; - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - width: 290px; - min-height: 0; - background: #fff; - padding: 0; - border: none; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; - box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; - -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease, - -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - z-index: ''; -} -.ui.card { - margin: 1em 0; -} -.ui.card a, -.ui.cards > .card a { - cursor: pointer; -} -.ui.card:first-child { - margin-top: 0; -} -.ui.card:last-child { - margin-bottom: 0; -} -.ui.cards { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: -0.875em -0.5em; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.ui.cards > .card { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 0.875em 0.5em; - float: none; -} -.ui.card:after, -.ui.cards:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.cards ~ .ui.cards { - margin-top: 0.875em; -} -.ui.card > :first-child, -.ui.cards > .card > :first-child { - border-radius: 0.28571429rem 0.28571429rem 0 0 !important; - border-top: none !important; -} -.ui.card > :last-child, -.ui.cards > .card > :last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem !important; -} -.ui.card > :only-child, -.ui.cards > .card > :only-child { - border-radius: 0.28571429rem !important; -} -.ui.card > .image, -.ui.cards > .card > .image { - position: relative; - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: 0; - background: rgba(0, 0, 0, 0.05); -} -.ui.card > .image > img, -.ui.cards > .card > .image > img { - display: block; - width: 100%; - height: auto; - border-radius: inherit; -} -.ui.card > .image:not(.ui) > img, -.ui.cards > .card > .image:not(.ui) > img { - border: none; -} -.ui.card > .content, -.ui.cards > .card > .content { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border: none; - border-top: 1px solid rgba(34, 36, 38, 0.1); - background: 0 0; - margin: 0; - padding: 1em 1em; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 1em; - border-radius: 0; -} -.ui.card > .content:after, -.ui.cards > .card > .content:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.card > .content > .header, -.ui.cards > .card > .content > .header { - display: block; - margin: ''; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - color: rgba(0, 0, 0, 0.85); -} -.ui.card > .content > .header:not(.ui), -.ui.cards > .card > .content > .header:not(.ui) { - font-weight: 700; - font-size: 1.28571429em; - margin-top: -0.21425em; - line-height: 1.28571429em; -} -.ui.card > .content > .header + .description, -.ui.card > .content > .meta + .description, -.ui.cards > .card > .content > .header + .description, -.ui.cards > .card > .content > .meta + .description { - margin-top: 0.5em; -} -.ui.card [class*='left floated'], -.ui.cards > .card [class*='left floated'] { - float: left; -} -.ui.card [class*='right floated'], -.ui.cards > .card [class*='right floated'] { - float: right; -} -.ui.card [class*='left aligned'], -.ui.cards > .card [class*='left aligned'] { - text-align: left; -} -.ui.card [class*='center aligned'], -.ui.cards > .card [class*='center aligned'] { - text-align: center; -} -.ui.card [class*='right aligned'], -.ui.cards > .card [class*='right aligned'] { - text-align: right; -} -.ui.card .content img, -.ui.cards > .card .content img { - display: inline-block; - vertical-align: middle; - width: ''; -} -.ui.card .avatar img, -.ui.card img.avatar, -.ui.cards > .card .avatar img, -.ui.cards > .card img.avatar { - width: 2em; - height: 2em; - border-radius: 500rem; -} -.ui.card > .content > .description, -.ui.cards > .card > .content > .description { - clear: both; - color: rgba(0, 0, 0, 0.68); -} -.ui.card > .content p, -.ui.cards > .card > .content p { - margin: 0 0 0.5em; -} -.ui.card > .content p:last-child, -.ui.cards > .card > .content p:last-child { - margin-bottom: 0; -} -.ui.card .meta, -.ui.cards > .card .meta { - font-size: 1em; - color: rgba(0, 0, 0, 0.4); -} -.ui.card .meta *, -.ui.cards > .card .meta * { - margin-right: 0.3em; -} -.ui.card .meta :last-child, -.ui.cards > .card .meta :last-child { - margin-right: 0; -} -.ui.card .meta [class*='right floated'], -.ui.cards > .card .meta [class*='right floated'] { - margin-right: 0; - margin-left: 0.3em; -} -.ui.card > .content a:not(.ui), -.ui.cards > .card > .content a:not(.ui) { - color: ''; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.card > .content a:not(.ui):hover, -.ui.cards > .card > .content a:not(.ui):hover { - color: ''; -} -.ui.card > .content > a.header, -.ui.cards > .card > .content > a.header { - color: rgba(0, 0, 0, 0.85); -} -.ui.card > .content > a.header:hover, -.ui.cards > .card > .content > a.header:hover { - color: #1e70bf; -} -.ui.card .meta > a:not(.ui), -.ui.cards > .card .meta > a:not(.ui) { - color: rgba(0, 0, 0, 0.4); -} -.ui.card .meta > a:not(.ui):hover, -.ui.cards > .card .meta > a:not(.ui):hover { - color: rgba(0, 0, 0, 0.87); -} -.ui.card > .button, -.ui.card > .buttons, -.ui.cards > .card > .button, -.ui.cards > .card > .buttons { - margin: 0 -1px; - width: calc(100% + 2px); -} -.ui.card .dimmer, -.ui.cards > .card .dimmer { - background-color: ''; - z-index: 10; -} -.ui.card > .content .star.icon, -.ui.cards > .card > .content .star.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.card > .content .star.icon:hover, -.ui.cards > .card > .content .star.icon:hover { - opacity: 1; - color: #ffb70a; -} -.ui.card > .content .active.star.icon, -.ui.cards > .card > .content .active.star.icon { - color: #ffe623; -} -.ui.card > .content .like.icon, -.ui.cards > .card > .content .like.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.card > .content .like.icon:hover, -.ui.cards > .card > .content .like.icon:hover { - opacity: 1; - color: #ff2733; -} -.ui.card > .content .active.like.icon, -.ui.cards > .card > .content .active.like.icon { - color: #ff2733; -} -.ui.card > .extra, -.ui.cards > .card > .extra { - max-width: 100%; - min-height: 0 !important; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - border-top: 1px solid rgba(0, 0, 0, 0.05) !important; - position: static; - background: 0 0; - width: auto; - margin: 0 0; - padding: 0.75em 1em; - top: 0; - left: 0; - color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.card > .extra a:not(.ui), -.ui.cards > .card > .extra a:not(.ui) { - color: rgba(0, 0, 0, 0.4); -} -.ui.card > .extra a:not(.ui):hover, -.ui.cards > .card > .extra a:not(.ui):hover { - color: #1e70bf; -} -.ui.raised.card, -.ui.raised.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); -} -.ui.link.cards .raised.card:hover, -.ui.link.raised.card:hover, -.ui.raised.cards a.card:hover, -a.ui.raised.card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), - 0 2px 10px 0 rgba(34, 36, 38, 0.25); - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), - 0 2px 10px 0 rgba(34, 36, 38, 0.25); -} -.ui.raised.card, -.ui.raised.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); -} -.ui.centered.cards { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} -.ui.centered.card { - margin-left: auto; - margin-right: auto; -} -.ui.fluid.card { - width: 100%; - max-width: 9999px; -} -.ui.cards a.card, -.ui.link.card, -.ui.link.cards .card, -a.ui.card { - -webkit-transform: none; - transform: none; -} -.ui.cards a.card:hover, -.ui.link.card:hover, -.ui.link.cards .card:hover, -a.ui.card:hover { - cursor: pointer; - z-index: 5; - background: #fff; - border: none; - -webkit-box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5; - box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5; - -webkit-transform: translateY(-3px); - transform: translateY(-3px); -} -.ui.cards > .red.card, -.ui.red.card, -.ui.red.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #db2828, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #db2828, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .red.card:hover, -.ui.red.card:hover, -.ui.red.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #d01919, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #d01919, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .orange.card, -.ui.orange.card, -.ui.orange.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f2711c, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f2711c, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .orange.card:hover, -.ui.orange.card:hover, -.ui.orange.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f26202, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f26202, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .yellow.card, -.ui.yellow.card, -.ui.yellow.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #fbbd08, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #fbbd08, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .yellow.card:hover, -.ui.yellow.card:hover, -.ui.yellow.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .olive.card, -.ui.olive.card, -.ui.olive.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #b5cc18, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #b5cc18, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .olive.card:hover, -.ui.olive.card:hover, -.ui.olive.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .green.card, -.ui.green.card, -.ui.green.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #21ba45, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #21ba45, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .green.card:hover, -.ui.green.card:hover, -.ui.green.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .teal.card, -.ui.teal.card, -.ui.teal.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #00b5ad, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #00b5ad, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .teal.card:hover, -.ui.teal.card:hover, -.ui.teal.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #009c95, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #009c95, 0 1px 3px 0 #bcbdbd; -} -.ui.blue.card, -.ui.blue.cards > .card, -.ui.cards > .blue.card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #2185d0, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #2185d0, 0 1px 3px 0 #d4d4d5; -} -.ui.blue.card:hover, -.ui.blue.cards > .card:hover, -.ui.cards > .blue.card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .violet.card, -.ui.violet.card, -.ui.violet.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #6435c9, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #6435c9, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .violet.card:hover, -.ui.violet.card:hover, -.ui.violet.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .purple.card, -.ui.purple.card, -.ui.purple.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a333c8, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a333c8, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .purple.card:hover, -.ui.purple.card:hover, -.ui.purple.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .pink.card, -.ui.pink.card, -.ui.pink.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e03997, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e03997, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .pink.card:hover, -.ui.pink.card:hover, -.ui.pink.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #bcbdbd; -} -.ui.brown.card, -.ui.brown.cards > .card, -.ui.cards > .brown.card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a5673f, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a5673f, 0 1px 3px 0 #d4d4d5; -} -.ui.brown.card:hover, -.ui.brown.cards > .card:hover, -.ui.cards > .brown.card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #975b33, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #975b33, 0 1px 3px 0 #bcbdbd; -} -.ui.cards > .grey.card, -.ui.grey.card, -.ui.grey.cards > .card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #767676, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #767676, 0 1px 3px 0 #d4d4d5; -} -.ui.cards > .grey.card:hover, -.ui.grey.card:hover, -.ui.grey.cards > .card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #838383, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #838383, 0 1px 3px 0 #bcbdbd; -} -.ui.black.card, -.ui.black.cards > .card, -.ui.cards > .black.card { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b1c1d, 0 1px 3px 0 #d4d4d5; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b1c1d, 0 1px 3px 0 #d4d4d5; -} -.ui.black.card:hover, -.ui.black.cards > .card:hover, -.ui.cards > .black.card:hover { - -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #27292a, 0 1px 3px 0 #bcbdbd; - box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #27292a, 0 1px 3px 0 #bcbdbd; -} -.ui.one.cards { - margin-left: 0; - margin-right: 0; -} -.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; -} -@media only screen and (max-width: 767px) { - .ui.two.doubling.cards { - margin-left: 0; - margin-right: 0; - } - .ui.two.doubling.cards > .card { - width: 100%; - margin-left: 0; - margin-right: 0; - } - .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; - } -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.two.doubling.cards { - margin-left: 0; - margin-right: 0; - } - .ui.two.doubling.cards > .card { - width: 100%; - margin-left: 0; - margin-right: 0; - } - .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; - } -} -@media only screen and (max-width: 767px) { - .ui.stackable.cards { - display: block !important; - } - .ui.stackable.cards .card:first-child { - margin-top: 0 !important; - } - .ui.stackable.cards > .card { - display: block !important; - height: auto !important; - margin: 1em 1em; - padding: 0 !important; - width: calc(100% - 2em) !important; - } -} -.ui.cards > .card { - font-size: 1em; -} /*! - * # Semantic UI 2.3.1 - Comment - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.comments { - margin: 1.5em 0; - max-width: 650px; -} -.ui.comments:first-child { - margin-top: 0; -} -.ui.comments:last-child { - margin-bottom: 0; -} -.ui.comments .comment { - position: relative; - background: 0 0; - margin: 0.5em 0 0; - padding: 0.5em 0 0; - border: none; - border-top: none; - line-height: 1.2; -} -.ui.comments .comment:first-child { - margin-top: 0; - padding-top: 0; -} -.ui.comments .comment .comments { - margin: 0 0 0.5em 0.5em; - padding: 1em 0 1em 1em; -} -.ui.comments .comment .comments:before { - position: absolute; - top: 0; - left: 0; -} -.ui.comments .comment .comments .comment { - border: none; - border-top: none; - background: 0 0; -} -.ui.comments .comment .avatar { - display: block; - width: 2.5em; - height: auto; - float: left; - margin: 0.2em 0 0; -} -.ui.comments .comment .avatar img, -.ui.comments .comment img.avatar { - display: block; - margin: 0 auto; - width: 100%; - height: 100%; - border-radius: 0.25rem; -} -.ui.comments .comment > .content { - display: block; -} -.ui.comments .comment > .avatar ~ .content { - margin-left: 3.5em; -} -.ui.comments .comment .author { - font-size: 1em; - color: rgba(0, 0, 0, 0.87); - font-weight: 700; -} -.ui.comments .comment a.author { - cursor: pointer; -} -.ui.comments .comment a.author:hover { - color: #1e70bf; -} -.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: 0 0.5em 0 0; -} -.ui.comments .comment .metadata > :last-child { - margin-right: 0; -} -.ui.comments .comment .text { - margin: 0.25em 0 0.5em; - font-size: 1em; - word-wrap: break-word; - color: rgba(0, 0, 0, 0.87); - line-height: 1.3; -} -.ui.comments .comment .actions { - font-size: 0.875em; -} -.ui.comments .comment .actions a { - cursor: pointer; - display: inline-block; - margin: 0 0.75em 0 0; - color: rgba(0, 0, 0, 0.4); -} -.ui.comments .comment .actions a:last-child { - margin-right: 0; -} -.ui.comments .comment .actions a.active, -.ui.comments .comment .actions a:hover { - color: rgba(0, 0, 0, 0.8); -} -.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; -} -.ui.collapsed.comments, -.ui.comments .collapsed.comment, -.ui.comments .collapsed.comments { - display: none; -} -.ui.threaded.comments .comment .comments { - margin: -1.5em 0 -1em 1.25em; - padding: 3em 0 2em 2.25em; - -webkit-box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15); -} -.ui.minimal.comments .comment .actions { - opacity: 0; - position: absolute; - top: 0; - right: 0; - left: auto; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - -webkit-transition-delay: 0.1s; - transition-delay: 0.1s; -} -.ui.minimal.comments .comment > .content:hover > .actions { - opacity: 1; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Feed - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.feed { - margin: 1em 0; -} -.ui.feed:first-child { - margin-top: 0; -} -.ui.feed:last-child { - margin-bottom: 0; -} -.ui.feed > .event { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - width: 100%; - padding: 0.21428571rem 0; - margin: 0; - background: 0 0; - border-top: none; -} -.ui.feed > .event:first-child { - border-top: 0; - padding-top: 0; -} -.ui.feed > .event:last-child { - padding-bottom: 0; -} -.ui.feed > .event > .label { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 2.5em; - height: auto; - -ms-flex-item-align: stretch; - align-self: stretch; - text-align: left; -} -.ui.feed > .event > .label .icon { - opacity: 1; - font-size: 1.5em; - width: 100%; - padding: 0.25em; - background: 0 0; - 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 0 0.35714286em 1.14285714em; -} -.ui.feed > .event > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-item-align: stretch; - align-self: stretch; - text-align: left; - word-wrap: break-word; -} -.ui.feed > .event:last-child > .content { - padding-bottom: 0; -} -.ui.feed > .event > .content a { - cursor: pointer; -} -.ui.feed > .event > .content .date { - margin: -0.5rem 0 0; - padding: 0; - font-weight: 400; - font-size: 1em; - font-style: normal; - color: rgba(0, 0, 0, 0.4); -} -.ui.feed > .event > .content .summary { - margin: 0; - font-size: 1em; - font-weight: 700; - color: rgba(0, 0, 0, 0.87); -} -.ui.feed > .event > .content .summary img { - display: inline-block; - width: auto; - height: 10em; - margin: -0.25em 0.25em 0 0; - border-radius: 0.25em; - vertical-align: middle; -} -.ui.feed > .event > .content .user { - display: inline-block; - font-weight: 700; - margin-right: 0; - vertical-align: baseline; -} -.ui.feed > .event > .content .user img { - margin: -0.25em 0.25em 0 0; - width: auto; - height: 10em; - vertical-align: middle; -} -.ui.feed > .event > .content .summary > .date { - display: inline-block; - float: none; - font-weight: 400; - font-size: 0.85714286em; - font-style: normal; - margin: 0 0 0 0.5em; - padding: 0; - color: rgba(0, 0, 0, 0.4); -} -.ui.feed > .event > .content .extra { - margin: 0.5em 0 0; - background: 0 0; - padding: 0; - color: rgba(0, 0, 0, 0.87); -} -.ui.feed > .event > .content .extra.images img { - display: inline-block; - margin: 0 0.25em 0 0; - width: 6em; -} -.ui.feed > .event > .content .extra.text { - padding: 0; - border-left: none; - font-size: 1em; - max-width: 500px; - line-height: 1.4285em; -} -.ui.feed > .event > .content .meta { - display: inline-block; - font-size: 0.85714286em; - margin: 0.5em 0 0; - background: 0 0; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - padding: 0; - 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: 0; - left: -1em; - opacity: 1; - position: absolute; - vertical-align: top; -} -.ui.feed > .event > .content .meta .like { - color: ''; - -webkit-transition: 0.2s color ease; - 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; -} -.ui.feed > .event > .content .meta > :first-child { - margin-left: 0; -} -.ui.feed > .event > .content .meta > :first-child::after { - display: none; -} -.ui.feed > .event > .content .meta a, -.ui.feed > .event > .content .meta > .icon { - cursor: pointer; - opacity: 1; - color: rgba(0, 0, 0, 0.5); - -webkit-transition: color 0.1s ease; - 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); -} -.ui.small.feed { - font-size: 0.92857143rem; -} -.ui.feed { - font-size: 1rem; -} -.ui.large.feed { - font-size: 1.14285714rem; -} /*! - * # Semantic UI 2.3.1 - Item - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.items > .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1em 0; - width: 100%; - min-height: 0; - background: 0 0; - padding: 0; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: -webkit-box-shadow 0.1s ease; - transition: -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - z-index: ''; -} -.ui.items > .item a { - cursor: pointer; -} -.ui.items { - margin: 1.5em 0; -} -.ui.items:first-child { - margin-top: 0 !important; -} -.ui.items:last-child { - margin-bottom: 0 !important; -} -.ui.items > .item:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.items > .item:first-child { - margin-top: 0; -} -.ui.items > .item:last-child { - margin-bottom: 0; -} -.ui.items > .item > .image { - position: relative; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: block; - float: none; - margin: 0; - padding: 0; - max-height: ''; - -ms-flex-item-align: top; - 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: 0; -} -.ui.items > .item > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - background: 0 0; - margin: 0; - padding: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 1em; - border: none; - border-radius: 0; -} -.ui.items > .item > .content:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.items > .item > .image + .content { - min-width: 0; - width: auto; - display: block; - margin-left: 0; - -ms-flex-item-align: top; - align-self: top; - padding-left: 1.5em; -} -.ui.items > .item > .content > .header { - display: inline-block; - margin: -0.21425em 0 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: 700; - color: rgba(0, 0, 0, 0.85); -} -.ui.items > .item > .content > .header:not(.ui) { - font-size: 1.28571429em; -} -.ui.items > .item [class*='left floated'] { - float: left; -} -.ui.items > .item [class*='right floated'] { - float: right; -} -.ui.items > .item .content img { - -ms-flex-item-align: middle; - align-self: middle; - width: ''; -} -.ui.items > .item .avatar img, -.ui.items > .item img.avatar { - width: ''; - height: ''; - border-radius: 500rem; -} -.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); -} -.ui.items > .item > .content p { - margin: 0 0 0.5em; -} -.ui.items > .item > .content p:last-child { - margin-bottom: 0; -} -.ui.items > .item .meta { - margin: 0.5em 0 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: 0; -} -.ui.items > .item .meta [class*='right floated'] { - margin-right: 0; - margin-left: 0.3em; -} -.ui.items > .item > .content a:not(.ui) { - color: ''; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.items > .item > .content a:not(.ui):hover { - color: ''; -} -.ui.items > .item > .content > a.header { - color: rgba(0, 0, 0, 0.85); -} -.ui.items > .item > .content > a.header:hover { - color: #1e70bf; -} -.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); -} -.ui.items > .item > .content .favorite.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - 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; -} -.ui.items > .item > .content .like.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - 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; -} -.ui.items > .item .extra { - display: block; - position: relative; - background: 0 0; - margin: 0.5rem 0 0; - width: 100%; - padding: 0 0 0; - top: 0; - left: 0; - color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; - border-top: none; -} -.ui.items > .item .extra > * { - margin: 0.25rem 0.5rem 0.25rem 0; -} -.ui.items > .item .extra > [class*='right floated'] { - margin: 0.25rem 0 0.25rem 0.5rem; -} -.ui.items > .item .extra:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.items > .item > .image:not(.ui) { - width: 175px; -} -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.items > .item { - margin: 1em 0; - } - .ui.items > .item > .image:not(.ui) { - width: 150px; - } - .ui.items > .item > .image + .content { - display: block; - padding: 0 0 0 1em; - } -} -@media only screen and (max-width: 767px) { - .ui.items:not(.unstackable) > .item { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 2em 0; - } - .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 0 0; - } -} -.ui.items > .item > .image + [class*='top aligned'].content { - -ms-flex-item-align: start; - align-self: flex-start; -} -.ui.items > .item > .image + [class*='middle aligned'].content { - -ms-flex-item-align: center; - align-self: center; -} -.ui.items > .item > .image + [class*='bottom aligned'].content { - -ms-flex-item-align: end; - align-self: flex-end; -} -.ui.relaxed.items > .item { - margin: 1.5em 0; -} -.ui[class*='very relaxed'].items > .item { - margin: 2em 0; -} -.ui.divided.items > .item { - border-top: 1px solid rgba(34, 36, 38, 0.15); - margin: 0; - padding: 1em 0; -} -.ui.divided.items > .item:first-child { - border-top: none; - margin-top: 0 !important; - padding-top: 0 !important; -} -.ui.divided.items > .item:last-child { - margin-bottom: 0 !important; - padding-bottom: 0 !important; -} -.ui.relaxed.divided.items > .item { - margin: 0; - padding: 1.5em 0; -} -.ui[class*='very relaxed'].divided.items > .item { - margin: 0; - padding: 2em 0; -} -.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; -} -.ui.items > .item { - font-size: 1em; -} -@media only screen and (max-width: 767px) { - .ui.unstackable.items > .item > .image, - .ui.unstackable.items > .item > .image > img { - width: 125px !important; - } -} /*! - * # Semantic UI 2.3.1 - Statistic - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 1em 0; - max-width: auto; -} -.ui.statistic + .ui.statistic { - margin: 0 0 0 1.5em; -} -.ui.statistic:first-child { - margin-top: 0; -} -.ui.statistic:last-child { - margin-bottom: 0; -} -.ui.statistics { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.ui.statistics > .statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 1.5em 2em; - max-width: auto; -} -.ui.statistics { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1em -1.5em -2em; -} -.ui.statistics:after { - display: block; - content: ' '; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; -} -.ui.statistics:first-child { - margin-top: 0; -} -.ui.statistics:last-child { - margin-bottom: 0; -} -.ui.statistic > .value, -.ui.statistics .statistic > .value { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 4rem; - font-weight: 400; - line-height: 1em; - color: #1b1c1d; - text-transform: uppercase; - text-align: center; -} -.ui.statistic > .label, -.ui.statistics .statistic > .label { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1em; - font-weight: 700; - color: rgba(0, 0, 0, 0.87); - text-transform: uppercase; - text-align: center; -} -.ui.statistic > .label ~ .value, -.ui.statistics .statistic > .label ~ .value { - margin-top: 0; -} -.ui.statistic > .value ~ .label, -.ui.statistics .statistic > .value ~ .label { - margin-top: 0; -} -.ui.statistic > .value .icon, -.ui.statistics .statistic > .value .icon { - opacity: 1; - width: auto; - margin: 0; -} -.ui.statistic > .text.value, -.ui.statistics .statistic > .text.value { - line-height: 1em; - min-height: 2em; - font-weight: 700; - text-align: center; -} -.ui.statistic > .text.value + .label, -.ui.statistics .statistic > .text.value + .label { - text-align: center; -} -.ui.statistic > .value img, -.ui.statistics .statistic > .value img { - max-height: 3rem; - vertical-align: baseline; -} -.ui.ten.statistics { - margin: 0 0 -2em; -} -.ui.ten.statistics .statistic { - min-width: 10%; - margin: 0 0 2em; -} -.ui.nine.statistics { - margin: 0 0 -2em; -} -.ui.nine.statistics .statistic { - min-width: 11.11111111%; - margin: 0 0 2em; -} -.ui.eight.statistics { - margin: 0 0 -2em; -} -.ui.eight.statistics .statistic { - min-width: 12.5%; - margin: 0 0 2em; -} -.ui.seven.statistics { - margin: 0 0 -2em; -} -.ui.seven.statistics .statistic { - min-width: 14.28571429%; - margin: 0 0 2em; -} -.ui.six.statistics { - margin: 0 0 -2em; -} -.ui.six.statistics .statistic { - min-width: 16.66666667%; - margin: 0 0 2em; -} -.ui.five.statistics { - margin: 0 0 -2em; -} -.ui.five.statistics .statistic { - min-width: 20%; - margin: 0 0 2em; -} -.ui.four.statistics { - margin: 0 0 -2em; -} -.ui.four.statistics .statistic { - min-width: 25%; - margin: 0 0 2em; -} -.ui.three.statistics { - margin: 0 0 -2em; -} -.ui.three.statistics .statistic { - min-width: 33.33333333%; - margin: 0 0 2em; -} -.ui.two.statistics { - margin: 0 0 -2em; -} -.ui.two.statistics .statistic { - min-width: 50%; - margin: 0 0 2em; -} -.ui.one.statistics { - margin: 0 0 -2em; -} -.ui.one.statistics .statistic { - min-width: 100%; - margin: 0 0 2em; -} -.ui.horizontal.statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} -.ui.horizontal.statistics { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - max-width: none; -} -.ui.horizontal.statistics .statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - max-width: none; - margin: 1em 0; -} -.ui.horizontal.statistic > .text.value, -.ui.horizontal.statistics > .statistic > .text.value { - min-height: 0 !important; -} -.ui.horizontal.statistic > .value .icon, -.ui.horizontal.statistics .statistic > .value .icon { - width: 1.18em; -} -.ui.horizontal.statistic > .value, -.ui.horizontal.statistics .statistic > .value { - display: inline-block; - vertical-align: middle; -} -.ui.horizontal.statistic > .label, -.ui.horizontal.statistics .statistic > .label { - display: inline-block; - vertical-align: middle; - margin: 0 0 0 0.75em; -} -.ui.red.statistic > .value, -.ui.red.statistics .statistic > .value, -.ui.statistics .red.statistic > .value { - color: #db2828; -} -.ui.orange.statistic > .value, -.ui.orange.statistics .statistic > .value, -.ui.statistics .orange.statistic > .value { - color: #f2711c; -} -.ui.statistics .yellow.statistic > .value, -.ui.yellow.statistic > .value, -.ui.yellow.statistics .statistic > .value { - color: #fbbd08; -} -.ui.olive.statistic > .value, -.ui.olive.statistics .statistic > .value, -.ui.statistics .olive.statistic > .value { - color: #b5cc18; -} -.ui.green.statistic > .value, -.ui.green.statistics .statistic > .value, -.ui.statistics .green.statistic > .value { - color: #21ba45; -} -.ui.statistics .teal.statistic > .value, -.ui.teal.statistic > .value, -.ui.teal.statistics .statistic > .value { - color: #00b5ad; -} -.ui.blue.statistic > .value, -.ui.blue.statistics .statistic > .value, -.ui.statistics .blue.statistic > .value { - color: #2185d0; -} -.ui.statistics .violet.statistic > .value, -.ui.violet.statistic > .value, -.ui.violet.statistics .statistic > .value { - color: #6435c9; -} -.ui.purple.statistic > .value, -.ui.purple.statistics .statistic > .value, -.ui.statistics .purple.statistic > .value { - color: #a333c8; -} -.ui.pink.statistic > .value, -.ui.pink.statistics .statistic > .value, -.ui.statistics .pink.statistic > .value { - color: #e03997; -} -.ui.brown.statistic > .value, -.ui.brown.statistics .statistic > .value, -.ui.statistics .brown.statistic > .value { - color: #a5673f; -} -.ui.grey.statistic > .value, -.ui.grey.statistics .statistic > .value, -.ui.statistics .grey.statistic > .value { - color: #767676; -} -.ui.inverted.statistic .value, -.ui.inverted.statistics .statistic > .value { - color: #fff; -} -.ui.inverted.statistic .label, -.ui.inverted.statistics .statistic > .label { - color: rgba(255, 255, 255, 0.9); -} -.ui.inverted.red.statistic > .value, -.ui.inverted.red.statistics .statistic > .value, -.ui.statistics .inverted.red.statistic > .value { - color: #ff695e; -} -.ui.inverted.orange.statistic > .value, -.ui.inverted.orange.statistics .statistic > .value, -.ui.statistics .inverted.orange.statistic > .value { - color: #ff851b; -} -.ui.inverted.yellow.statistic > .value, -.ui.inverted.yellow.statistics .statistic > .value, -.ui.statistics .inverted.yellow.statistic > .value { - color: #ffe21f; -} -.ui.inverted.olive.statistic > .value, -.ui.inverted.olive.statistics .statistic > .value, -.ui.statistics .inverted.olive.statistic > .value { - color: #d9e778; -} -.ui.inverted.green.statistic > .value, -.ui.inverted.green.statistics .statistic > .value, -.ui.statistics .inverted.green.statistic > .value { - color: #2ecc40; -} -.ui.inverted.teal.statistic > .value, -.ui.inverted.teal.statistics .statistic > .value, -.ui.statistics .inverted.teal.statistic > .value { - color: #6dffff; -} -.ui.inverted.blue.statistic > .value, -.ui.inverted.blue.statistics .statistic > .value, -.ui.statistics .inverted.blue.statistic > .value { - color: #54c8ff; -} -.ui.inverted.violet.statistic > .value, -.ui.inverted.violet.statistics .statistic > .value, -.ui.statistics .inverted.violet.statistic > .value { - color: #a291fb; -} -.ui.inverted.purple.statistic > .value, -.ui.inverted.purple.statistics .statistic > .value, -.ui.statistics .inverted.purple.statistic > .value { - color: #dc73ff; -} -.ui.inverted.pink.statistic > .value, -.ui.inverted.pink.statistics .statistic > .value, -.ui.statistics .inverted.pink.statistic > .value { - color: #ff8edf; -} -.ui.inverted.brown.statistic > .value, -.ui.inverted.brown.statistics .statistic > .value, -.ui.statistics .inverted.brown.statistic > .value { - color: #d67c1c; -} -.ui.inverted.grey.statistic > .value, -.ui.inverted.grey.statistics .statistic > .value, -.ui.statistics .inverted.grey.statistic > .value { - color: #dcddde; -} -.ui[class*='left floated'].statistic { - float: left; - margin: 0 2em 1em 0; -} -.ui[class*='right floated'].statistic { - float: right; - margin: 0 0 1em 2em; -} -.ui.floated.statistic:last-child { - margin-bottom: 0; -} -.ui.mini.statistic > .value, -.ui.mini.statistics .statistic > .value { - font-size: 1.5rem !important; -} -.ui.mini.horizontal.statistic > .value, -.ui.mini.horizontal.statistics .statistic > .value { - font-size: 1.5rem !important; -} -.ui.mini.statistic > .text.value, -.ui.mini.statistics .statistic > .text.value { - font-size: 1rem !important; -} -.ui.tiny.statistic > .value, -.ui.tiny.statistics .statistic > .value { - font-size: 2rem !important; -} -.ui.tiny.horizontal.statistic > .value, -.ui.tiny.horizontal.statistics .statistic > .value { - font-size: 2rem !important; -} -.ui.tiny.statistic > .text.value, -.ui.tiny.statistics .statistic > .text.value { - font-size: 1rem !important; -} -.ui.small.statistic > .value, -.ui.small.statistics .statistic > .value { - font-size: 3rem !important; -} -.ui.small.horizontal.statistic > .value, -.ui.small.horizontal.statistics .statistic > .value { - font-size: 2rem !important; -} -.ui.small.statistic > .text.value, -.ui.small.statistics .statistic > .text.value { - font-size: 1rem !important; -} -.ui.statistic > .value, -.ui.statistics .statistic > .value { - font-size: 4rem !important; -} -.ui.horizontal.statistic > .value, -.ui.horizontal.statistics .statistic > .value { - font-size: 3rem !important; -} -.ui.statistic > .text.value, -.ui.statistics .statistic > .text.value { - font-size: 2rem !important; -} -.ui.large.statistic > .value, -.ui.large.statistics .statistic > .value { - font-size: 5rem !important; -} -.ui.large.horizontal.statistic > .value, -.ui.large.horizontal.statistics .statistic > .value { - font-size: 4rem !important; -} -.ui.large.statistic > .text.value, -.ui.large.statistics .statistic > .text.value { - font-size: 2.5rem !important; -} -.ui.huge.statistic > .value, -.ui.huge.statistics .statistic > .value { - font-size: 6rem !important; -} -.ui.huge.horizontal.statistic > .value, -.ui.huge.horizontal.statistics .statistic > .value { - font-size: 5rem !important; -} -.ui.huge.statistic > .text.value, -.ui.huge.statistics .statistic > .text.value { - font-size: 2.5rem !important; -} /*! - * # Semantic UI 2.3.1 - Accordion - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.accordion, -.ui.accordion .accordion { - max-width: 100%; -} -.ui.accordion .accordion { - margin: 1em 0 0; - padding: 0; -} -.ui.accordion .accordion .title, -.ui.accordion .title { - cursor: pointer; -} -.ui.accordion .title:not(.ui) { - padding: 0.5em 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1em; - color: rgba(0, 0, 0, 0.87); -} -.ui.accordion .accordion .title ~ .content, -.ui.accordion .title ~ .content { - display: none; -} -.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui), -.ui.accordion:not(.styled) .title ~ .content:not(.ui) { - margin: ''; - padding: 0.5em 0 1em; -} -.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { - padding-bottom: 0; -} -.ui.accordion .accordion .title .dropdown.icon, -.ui.accordion .title .dropdown.icon { - display: inline-block; - float: none; - opacity: 1; - width: 1.25em; - height: 1em; - margin: 0 0.25rem 0 0; - padding: 0; - font-size: 1em; - -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease; - vertical-align: baseline; - -webkit-transform: none; - transform: none; -} -.ui.accordion.menu .item .title { - display: block; - padding: 0; -} -.ui.accordion.menu .item .title > .dropdown.icon { - float: right; - margin: 0.21425em 0 0 1em; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.ui.accordion .ui.header .dropdown.icon { - font-size: 1em; - margin: 0 0.25rem 0 0; -} -.ui.accordion .accordion .active.title .dropdown.icon, -.ui.accordion .active.title .dropdown.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.ui.accordion.menu .item .active.title > .dropdown.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.ui.styled.accordion { - width: 600px; -} -.ui.styled.accordion, -.ui.styled.accordion .accordion { - border-radius: 0.28571429rem; - background: #fff; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15); - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15); -} -.ui.styled.accordion .accordion .title, -.ui.styled.accordion .title { - margin: 0; - padding: 0.75em 1em; - color: rgba(0, 0, 0, 0.4); - font-weight: 700; - border-top: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, color 0.1s ease; -} -.ui.styled.accordion .accordion .title:first-child, -.ui.styled.accordion > .title:first-child { - border-top: none; -} -.ui.styled.accordion .accordion .content, -.ui.styled.accordion .content { - margin: 0; - padding: 0.5em 1em 1.5em; -} -.ui.styled.accordion .accordion .content { - padding: 0; - padding: 0.5em 1em 1.5em; -} -.ui.styled.accordion .accordion .active.title, -.ui.styled.accordion .accordion .title:hover, -.ui.styled.accordion .active.title, -.ui.styled.accordion .title:hover { - background: 0 0; - color: rgba(0, 0, 0, 0.87); -} -.ui.styled.accordion .accordion .active.title, -.ui.styled.accordion .accordion .title:hover { - background: 0 0; - color: rgba(0, 0, 0, 0.87); -} -.ui.styled.accordion .active.title { - background: 0 0; - color: rgba(0, 0, 0, 0.95); -} -.ui.styled.accordion .accordion .active.title { - background: 0 0; - color: rgba(0, 0, 0, 0.95); -} -.ui.accordion .accordion .active.content, -.ui.accordion .active.content { - display: block; -} -.ui.fluid.accordion, -.ui.fluid.accordion .accordion { - width: 100%; -} -.ui.inverted.accordion .title:not(.ui) { - color: rgba(255, 255, 255, 0.9); -} /*! - * # Semantic UI 2.3.1 - Checkbox - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.checkbox { - position: relative; - display: inline-block; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - outline: 0; - vertical-align: baseline; - font-style: normal; - min-height: 17px; - font-size: 1rem; - line-height: 17px; - min-width: 17px; -} -.ui.checkbox input[type='checkbox'], -.ui.checkbox input[type='radio'] { - cursor: pointer; - position: absolute; - top: 0; - left: 0; - opacity: 0 !important; - outline: 0; - z-index: 3; - width: 17px; - height: 17px; -} -.ui.checkbox .box, -.ui.checkbox label { - cursor: auto; - position: relative; - display: block; - padding-left: 1.85714em; - outline: 0; - font-size: 1em; -} -.ui.checkbox .box:before, -.ui.checkbox label:before { - position: absolute; - top: 0; - left: 0; - width: 17px; - height: 17px; - content: ''; - background: #fff; - border-radius: 0.21428571rem; - -webkit-transition: border 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; - border: 1px solid #d4d4d5; -} -.ui.checkbox .box:after, -.ui.checkbox label:after { - position: absolute; - font-size: 14px; - top: 0; - left: 0; - width: 17px; - height: 17px; - text-align: center; - opacity: 0; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: border 0.1s ease, opacity 0.1s ease, - -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, - box-shadow 0.1s ease, -webkit-transform 0.1s ease, - -webkit-box-shadow 0.1s ease; -} -.ui.checkbox label, -.ui.checkbox + label { - color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} -.ui.checkbox + label { - vertical-align: middle; -} -.ui.checkbox .box:hover::before, -.ui.checkbox label:hover::before { - background: #fff; - border-color: rgba(34, 36, 38, 0.35); -} -.ui.checkbox label:hover, -.ui.checkbox + label:hover { - color: rgba(0, 0, 0, 0.8); -} -.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); -} -.ui.checkbox input:active ~ label { - color: rgba(0, 0, 0, 0.95); -} -.ui.checkbox input:focus ~ .box:before, -.ui.checkbox input:focus ~ label:before { - background: #fff; - border-color: #96c8da; -} -.ui.checkbox input:focus ~ .box:after, -.ui.checkbox input:focus ~ label:after { - color: rgba(0, 0, 0, 0.95); -} -.ui.checkbox input:focus ~ label { - color: rgba(0, 0, 0, 0.95); -} -.ui.checkbox input:checked ~ .box:before, -.ui.checkbox input:checked ~ label:before { - background: #fff; - 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); -} -.ui.checkbox input:not([type='radio']):indeterminate ~ .box:before, -.ui.checkbox input:not([type='radio']):indeterminate ~ label:before { - background: #fff; - 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); -} -.ui.checkbox input:checked:focus ~ .box:before, -.ui.checkbox input:checked:focus ~ label:before, -.ui.checkbox input:not([type='radio']):indeterminate:focus ~ .box:before, -.ui.checkbox input:not([type='radio']):indeterminate:focus ~ label:before { - background: #fff; - border-color: #96c8da; -} -.ui.checkbox input:checked:focus ~ .box:after, -.ui.checkbox input:checked:focus ~ label:after, -.ui.checkbox input:not([type='radio']):indeterminate:focus ~ .box:after, -.ui.checkbox input:not([type='radio']):indeterminate:focus ~ label:after { - color: rgba(0, 0, 0, 0.95); -} -.ui.read-only.checkbox, -.ui.read-only.checkbox label { - cursor: default; -} -.ui.checkbox input[disabled] ~ .box:after, -.ui.checkbox input[disabled] ~ label, -.ui.disabled.checkbox .box:after, -.ui.disabled.checkbox label { - cursor: default !important; - opacity: 0.5; - color: #000; -} -.ui.checkbox input.hidden { - z-index: -1; -} -.ui.checkbox input.hidden + label { - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.ui.radio.checkbox { - min-height: 15px; -} -.ui.radio.checkbox .box, -.ui.radio.checkbox label { - padding-left: 1.85714em; -} -.ui.radio.checkbox .box:before, -.ui.radio.checkbox label:before { - content: ''; - -webkit-transform: none; - transform: none; - width: 15px; - height: 15px; - border-radius: 500rem; - top: 1px; - left: 0; -} -.ui.radio.checkbox .box:after, -.ui.radio.checkbox label:after { - border: none; - content: '' !important; - width: 15px; - height: 15px; - line-height: 15px; -} -.ui.radio.checkbox .box:after, -.ui.radio.checkbox label:after { - top: 1px; - left: 0; - width: 15px; - height: 15px; - border-radius: 500rem; - -webkit-transform: scale(0.46666667); - transform: scale(0.46666667); - background-color: rgba(0, 0, 0, 0.87); -} -.ui.radio.checkbox input:focus ~ .box:before, -.ui.radio.checkbox input:focus ~ label:before { - background-color: #fff; -} -.ui.radio.checkbox input:focus ~ .box:after, -.ui.radio.checkbox input:focus ~ label:after { - background-color: rgba(0, 0, 0, 0.95); -} -.ui.radio.checkbox input:indeterminate ~ .box:after, -.ui.radio.checkbox input:indeterminate ~ label:after { - opacity: 0; -} -.ui.radio.checkbox input:checked ~ .box:before, -.ui.radio.checkbox input:checked ~ label:before { - background-color: #fff; -} -.ui.radio.checkbox input:checked ~ .box:after, -.ui.radio.checkbox input:checked ~ label:after { - background-color: rgba(0, 0, 0, 0.95); -} -.ui.radio.checkbox input:focus:checked ~ .box:before, -.ui.radio.checkbox input:focus:checked ~ label:before { - background-color: #fff; -} -.ui.radio.checkbox input:focus:checked ~ .box:after, -.ui.radio.checkbox input:focus:checked ~ label:after { - background-color: rgba(0, 0, 0, 0.95); -} -.ui.slider.checkbox { - min-height: 1.25rem; -} -.ui.slider.checkbox input { - width: 3.5rem; - height: 1.25rem; -} -.ui.slider.checkbox .box, -.ui.slider.checkbox label { - padding-left: 4.5rem; - line-height: 1rem; - color: rgba(0, 0, 0, 0.4); -} -.ui.slider.checkbox .box:before, -.ui.slider.checkbox label:before { - display: block; - position: absolute; - content: ''; - border: none !important; - left: 0; - z-index: 1; - top: 0.4rem; - background-color: rgba(0, 0, 0, 0.05); - width: 3.5rem; - height: 0.21428571rem; - -webkit-transform: none; - transform: none; - border-radius: 500rem; - -webkit-transition: background 0.3s ease; - transition: background 0.3s ease; -} -.ui.slider.checkbox .box:after, -.ui.slider.checkbox label:after { - background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - position: absolute; - content: '' !important; - opacity: 1; - z-index: 2; - border: none; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - width: 1.5rem; - height: 1.5rem; - top: -0.25rem; - left: 0; - -webkit-transform: none; - transform: none; - border-radius: 500rem; - -webkit-transition: left 0.3s ease; - transition: left 0.3s ease; -} -.ui.slider.checkbox input:focus ~ .box:before, -.ui.slider.checkbox input:focus ~ label:before { - background-color: rgba(0, 0, 0, 0.15); - border: none; -} -.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); -} -.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; -} -.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: #000 !important; -} -.ui.toggle.checkbox { - min-height: 1.5rem; -} -.ui.toggle.checkbox input { - width: 3.5rem; - height: 1.5rem; -} -.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; -} -.ui.toggle.checkbox .box:before, -.ui.toggle.checkbox label:before { - display: block; - position: absolute; - content: ''; - z-index: 1; - -webkit-transform: none; - transform: none; - border: none; - top: 0; - background: rgba(0, 0, 0, 0.05); - -webkit-box-shadow: none; - box-shadow: none; - width: 3.5rem; - height: 1.5rem; - border-radius: 500rem; -} -.ui.toggle.checkbox .box:after, -.ui.toggle.checkbox label:after { - background: #fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - position: absolute; - content: '' !important; - opacity: 1; - z-index: 2; - border: none; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - width: 1.5rem; - height: 1.5rem; - top: 0; - left: 0; - border-radius: 500rem; - -webkit-transition: background 0.3s ease, left 0.3s ease; - transition: background 0.3s ease, left 0.3s ease; -} -.ui.toggle.checkbox input ~ .box:after, -.ui.toggle.checkbox input ~ label:after { - left: -0.05rem; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; -} -.ui.toggle.checkbox input:focus ~ .box:before, -.ui.toggle.checkbox input:focus ~ label:before { - background-color: rgba(0, 0, 0, 0.15); - border: none; -} -.ui.toggle.checkbox .box:hover::before, -.ui.toggle.checkbox label:hover::before { - background-color: rgba(0, 0, 0, 0.15); - border: none; -} -.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; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), - 0 0 0 1px rgba(34, 36, 38, 0.15) inset; -} -.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; -} -.ui.fitted.checkbox .box, -.ui.fitted.checkbox label { - padding-left: 0 !important; -} -.ui.fitted.toggle.checkbox { - width: 3.5rem; -} -.ui.fitted.slider.checkbox { - width: 3.5rem; -} /*! - * # Semantic UI 2.3.1 - Dimmer - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.dimmable:not(body) { - position: relative; -} -.ui.dimmer { - display: none; - position: absolute; - top: 0 !important; - left: 0 !important; - width: 100%; - height: 100%; - text-align: center; - vertical-align: middle; - padding: 1em; - background-color: rgba(0, 0, 0, 0.85); - opacity: 0; - line-height: 1; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-transition: background-color 0.5s linear; - transition: background-color 0.5s linear; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - will-change: opacity; - z-index: 1000; -} -.ui.dimmer > .content { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - color: #fff; -} -.ui.segment > .ui.dimmer { - border-radius: inherit !important; -} -.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); -} -.animating.dimmable:not(body), -.dimmed.dimmable:not(body) { - overflow: hidden; -} -.dimmed.dimmable > .ui.animating.dimmer, -.dimmed.dimmable > .ui.visible.dimmer, -.ui.active.dimmer { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - opacity: 1; -} -.ui.disabled.dimmer { - width: 0 !important; - height: 0 !important; -} -.ui[class*='top aligned'].dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.ui[class*='bottom aligned'].dimmer { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.ui.page.dimmer { - position: fixed; - -webkit-transform-style: ''; - transform-style: ''; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transform-origin: center center; - transform-origin: center center; -} -body.animating.in.dimmable, -body.dimmed.dimmable { - overflow: hidden; -} -body.dimmable > .dimmer { - position: fixed; -} -.blurring.dimmable > :not(.dimmer) { - -webkit-filter: blur(0) grayscale(0); - filter: blur(0) grayscale(0); - -webkit-transition: 0.8s -webkit-filter ease; - transition: 0.8s -webkit-filter ease; - transition: 0.8s filter ease; - transition: 0.8s filter ease, 0.8s -webkit-filter ease; -} -.blurring.dimmed.dimmable > :not(.dimmer) { - -webkit-filter: blur(5px) grayscale(0.7); - filter: blur(5px) grayscale(0.7); -} -.blurring.dimmable > .dimmer { - background-color: rgba(0, 0, 0, 0.6); -} -.blurring.dimmable > .inverted.dimmer { - background-color: rgba(255, 255, 255, 0.6); -} -.ui.dimmer > .top.aligned.content > * { - vertical-align: top; -} -.ui.dimmer > .bottom.aligned.content > * { - vertical-align: bottom; -} -.ui.inverted.dimmer { - background-color: rgba(255, 255, 255, 0.85); -} -.ui.inverted.dimmer > .content > * { - color: #fff; -} -.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); -} /*! - * # Semantic UI 2.3.1 - Dropdown - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.dropdown { - cursor: pointer; - position: relative; - display: inline-block; - outline: 0; - text-align: left; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, - -webkit-box-shadow 0.1s ease; - -webkit-tap-highlight-color: transparent; -} -.ui.dropdown .menu { - cursor: auto; - position: absolute; - display: none; - outline: 0; - top: 100%; - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - margin: 0; - padding: 0 0; - background: #fff; - font-size: 1em; - text-shadow: none; - text-align: left; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; - z-index: 11; - will-change: transform, opacity; -} -.ui.dropdown .menu > * { - white-space: nowrap; -} -.ui.dropdown > input:not(.search):first-child, -.ui.dropdown > select { - display: none !important; -} -.ui.dropdown > .dropdown.icon { - position: relative; - width: auto; - font-size: 0.85714286em; - margin: 0 0 0 1em; -} -.ui.dropdown .menu > .item .dropdown.icon { - width: auto; - float: right; - margin: 0 0 0 1em; -} -.ui.dropdown .menu > .item .dropdown.icon + .text { - margin-right: 1em; -} -.ui.dropdown > .text { - display: inline-block; - -webkit-transition: none; - transition: none; -} -.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: 400; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-touch-callout: none; -} -.ui.dropdown .menu > .item:first-child { - border-top-width: 0; -} -.ui.dropdown .menu .item > [class*='right floated'], -.ui.dropdown > .text > [class*='right floated'] { - float: right !important; - margin-right: 0 !important; - margin-left: 1em !important; -} -.ui.dropdown .menu .item > [class*='left floated'], -.ui.dropdown > .text > [class*='left floated'] { - float: left !important; - margin-left: 0 !important; - margin-right: 1em !important; -} -.ui.dropdown .menu .item > .flag.floated, -.ui.dropdown .menu .item > .icon.floated, -.ui.dropdown .menu .item > .image.floated, -.ui.dropdown .menu .item > img.floated { - margin-top: 0; -} -.ui.dropdown .menu > .header { - margin: 1rem 0 0.75rem; - padding: 0 1.14285714rem; - color: rgba(0, 0, 0, 0.85); - font-size: 0.78571429em; - font-weight: 700; - text-transform: uppercase; -} -.ui.dropdown .menu > .divider { - border-top: 1px solid rgba(34, 36, 38, 0.1); - height: 0; - margin: 0.5em 0; -} -.ui.dropdown.dropdown .menu > .input { - width: auto; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1.14285714rem 0.78571429rem; - min-width: 10rem; -} -.ui.dropdown .menu > .header + .input { - margin-top: 0; -} -.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; -} -.ui.dropdown .menu > .item > .description, -.ui.dropdown > .text > .description { - float: right; - margin: 0 0 0 1em; - color: rgba(0, 0, 0, 0.4); -} -.ui.dropdown .menu > .message { - padding: 0.78571429rem 1.14285714rem; - font-weight: 400; -} -.ui.dropdown .menu > .message:not(.ui) { - color: rgba(0, 0, 0, 0.4); -} -.ui.dropdown .menu .menu { - top: 0 !important; - left: 100%; - right: auto; - margin: 0 0 0 -0.5em !important; - border-radius: 0.28571429rem !important; - z-index: 21 !important; -} -.ui.dropdown .menu .menu:after { - display: none; -} -.ui.dropdown > .text > .flag, -.ui.dropdown > .text > .icon, -.ui.dropdown > .text > .image, -.ui.dropdown > .text > .label, -.ui.dropdown > .text > img { - margin-top: 0; -} -.ui.dropdown .menu > .item > .flag, -.ui.dropdown .menu > .item > .icon, -.ui.dropdown .menu > .item > .image, -.ui.dropdown .menu > .item > .label, -.ui.dropdown .menu > .item > img { - margin-top: 0; -} -.ui.dropdown .menu > .item > .flag, -.ui.dropdown .menu > .item > .icon, -.ui.dropdown .menu > .item > .image, -.ui.dropdown .menu > .item > .label, -.ui.dropdown .menu > .item > img, -.ui.dropdown > .text > .flag, -.ui.dropdown > .text > .icon, -.ui.dropdown > .text > .image, -.ui.dropdown > .text > .label, -.ui.dropdown > .text > img { - margin-left: 0; - float: none; - margin-right: 0.78571429rem; -} -.ui.dropdown .menu > .item > .image, -.ui.dropdown .menu > .item > img, -.ui.dropdown > .text > .image, -.ui.dropdown > .text > img { - display: inline-block; - vertical-align: top; - width: auto; - margin-top: -0.5em; - margin-bottom: -0.5em; - max-height: 2em; -} -.ui.dropdown .ui.menu > .item:before, -.ui.menu .ui.dropdown .menu > .item:before { - display: none; -} -.ui.menu .ui.dropdown .menu .active.item { - border-left: none; -} -.ui.buttons > .ui.dropdown:last-child .menu, -.ui.menu .right.dropdown.item .menu, -.ui.menu .right.menu .dropdown:last-child .menu { - left: auto; - right: 0; -} -.ui.label.dropdown .menu { - min-width: 100%; -} -.ui.dropdown.icon.button > .dropdown.icon { - margin: 0; -} -.ui.button.dropdown .menu { - min-width: 100%; -} -.ui.selection.dropdown { - cursor: pointer; - word-wrap: break-word; - line-height: 1em; - white-space: normal; - outline: 0; - -webkit-transform: rotateZ(0); - transform: rotateZ(0); - min-width: 14em; - min-height: 2.71428571em; - background: #fff; - display: inline-block; - padding: 0.78571429em 2.1em 0.78571429em 1em; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, - -webkit-box-shadow 0.1s ease; -} -.ui.selection.dropdown.active, -.ui.selection.dropdown.visible { - 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 > .delete.icon, -.ui.selection.dropdown > .dropdown.icon, -.ui.selection.dropdown > .search.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; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -.ui.compact.selection.dropdown { - min-width: 0; -} -.ui.selection.dropdown .menu { - overflow-x: hidden; - overflow-y: auto; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-overflow-scrolling: touch; - border-top-width: 0 !important; - width: auto; - outline: 0; - margin: 0 -1px; - min-width: calc(100% + 2px); - width: calc(100% + 2px); - border-radius: 0 0 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -.ui.selection.dropdown .menu:after, -.ui.selection.dropdown .menu:before { - display: none; -} -.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; - } -} -.ui.selection.dropdown .menu > .item { - border-top: 1px solid #fafafa; - padding: 0.78571429rem 1.14285714rem !important; - white-space: normal; - word-wrap: normal; -} -.ui.selection.dropdown .menu > .hidden.addition.item { - display: none; -} -.ui.selection.dropdown:hover { - border-color: rgba(34, 36, 38, 0.35); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.selection.active.dropdown { - border-color: #96c8da; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -} -.ui.selection.active.dropdown .menu { - border-color: #96c8da; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -} -.ui.selection.dropdown:focus { - border-color: #96c8da; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.selection.dropdown:focus .menu { - border-color: #96c8da; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -} -.ui.selection.visible.dropdown > .text:not(.default) { - font-weight: 400; - color: rgba(0, 0, 0, 0.8); -} -.ui.selection.active.dropdown:hover { - border-color: #96c8da; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -} -.ui.selection.active.dropdown:hover .menu { - border-color: #96c8da; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -} -.ui.active.selection.dropdown > .dropdown.icon, -.ui.visible.selection.dropdown > .dropdown.icon { - opacity: 1; - z-index: 3; -} -.ui.active.selection.dropdown { - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; -} -.ui.active.empty.selection.dropdown { - border-radius: 0.28571429rem !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.active.empty.selection.dropdown .menu { - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.search.dropdown { - min-width: ''; -} -.ui.search.dropdown > input.search { - background: none transparent !important; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - cursor: text; - top: 0; - left: 1px; - width: 100%; - outline: 0; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - padding: inherit; -} -.ui.search.dropdown > input.search { - position: absolute; - z-index: 2; -} -.ui.search.dropdown > .text { - cursor: text; - position: relative; - left: 1px; - z-index: 3; -} -.ui.search.selection.dropdown > input.search { - line-height: 1.21428571em; - padding: 0.67857143em 2.1em 0.67857143em 1em; -} -.ui.search.selection.dropdown > span.sizer { - line-height: 1.21428571em; - padding: 0.67857143em 2.1em 0.67857143em 1em; - display: none; - white-space: pre; -} -.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; -} -.ui.active.search.dropdown input.search:focus + .text .flag, -.ui.active.search.dropdown input.search:focus + .text .icon { - opacity: 0.45; -} -.ui.active.search.dropdown input.search:focus + .text { - color: rgba(115, 115, 115, 0.87) !important; -} -.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; - } -} -.ui.multiple.dropdown { - padding: 0.22619048em 2.1em 0.22619048em 0.35714286em; -} -.ui.multiple.dropdown .menu { - cursor: auto; -} -.ui.multiple.search.dropdown, -.ui.multiple.search.dropdown > input.search { - cursor: text; -} -.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 0; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; -} -.ui.multiple.dropdown .dropdown.icon { - margin: ''; - padding: ''; -} -.ui.multiple.dropdown > .text { - position: static; - padding: 0; - max-width: 100%; - margin: 0.45238095em 0 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; -} -.ui.multiple.search.dropdown > .text { - display: inline-block; - position: absolute; - top: 0; - left: 0; - padding: inherit; - margin: 0.45238095em 0 0.45238095em 0.64285714em; - line-height: 1.21428571em; -} -.ui.multiple.search.dropdown > .label ~ .text { - display: none; -} -.ui.multiple.search.dropdown > input.search { - position: static; - padding: 0; - max-width: 100%; - margin: 0.45238095em 0 0.45238095em 0.64285714em; - width: 2.2em; - line-height: 1.21428571em; -} -.ui.inline.dropdown { - cursor: pointer; - display: inline-block; - color: inherit; -} -.ui.inline.dropdown .dropdown.icon { - margin: 0 0.5em 0 0.21428571em; - vertical-align: baseline; -} -.ui.inline.dropdown > .text { - font-weight: 700; -} -.ui.inline.dropdown .menu { - cursor: auto; - margin-top: 0.21428571em; - border-radius: 0.28571429rem; -} -.ui.dropdown .menu .active.item { - background: 0 0; - font-weight: 700; - color: rgba(0, 0, 0, 0.95); - -webkit-box-shadow: none; - box-shadow: none; - z-index: 12; -} -.ui.dropdown .menu > .item:hover { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); - z-index: 13; -} -.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 0 0 -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%; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; - margin: -0.64285714em 0 0 -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; -} -.ui.loading.dropdown.button > i.icon:after, -.ui.loading.dropdown.button > i.icon:before { - display: none; -} -@-webkit-keyframes dropdown-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes dropdown-spin { - from { - -webkit-transform: rotate(0); - transform: rotate(0); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -.ui.default.dropdown:not(.button) > .text, -.ui.dropdown:not(.button) > .default.text { - color: rgba(191, 191, 191, 0.87); -} -.ui.default.dropdown:not(.button) > input:focus ~ .text, -.ui.dropdown:not(.button) > input:focus ~ .default.text { - color: rgba(115, 115, 115, 0.87); -} -.ui.loading.dropdown > .text { - -webkit-transition: none; - transition: none; -} -.ui.dropdown .loading.menu { - display: block; - visibility: hidden; - z-index: -1; -} -.ui.dropdown > .loading.menu { - left: 0 !important; - right: auto !important; -} -.ui.dropdown > .menu .loading.menu { - left: 100% !important; - right: auto !important; -} -.ui.dropdown .menu .selected.item, -.ui.dropdown.selected { - background: rgba(0, 0, 0, 0.03); - color: rgba(0, 0, 0, 0.95); -} -.ui.dropdown > .filtered.text { - visibility: hidden; -} -.ui.dropdown .filtered.item { - display: none !important; -} -.ui.dropdown.error, -.ui.dropdown.error > .default.text, -.ui.dropdown.error > .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; -} -.ui.dropdown.error > .menu > .item:hover { - background-color: #fff2f2; -} -.ui.dropdown.error > .menu .active.item { - background-color: #fdcfcf; -} -.ui.disabled.dropdown, -.ui.dropdown .menu > .disabled.item { - cursor: default; - pointer-events: none; - opacity: 0.45; -} -.ui.dropdown .menu { - left: 0; -} -.ui.dropdown .menu .right.menu, -.ui.dropdown .right.menu > .menu { - left: 100% !important; - right: auto !important; - border-radius: 0.28571429rem !important; -} -.ui.dropdown > .left.menu { - left: auto !important; - right: 0 !important; -} -.ui.dropdown .menu .left.menu, -.ui.dropdown > .left.menu .menu { - left: auto; - right: 100%; - margin: 0 -0.5em 0 0 !important; - border-radius: 0.28571429rem !important; -} -.ui.dropdown .item .left.dropdown.icon, -.ui.dropdown .left.menu .item .dropdown.icon { - width: auto; - float: left; - margin: 0; -} -.ui.dropdown .item .left.dropdown.icon, -.ui.dropdown .left.menu .item .dropdown.icon { - width: auto; - float: left; - margin: 0; -} -.ui.dropdown .item .left.dropdown.icon + .text, -.ui.dropdown .left.menu .item .dropdown.icon + .text { - margin-left: 1em; - margin-right: 0; -} -.ui.upward.dropdown > .menu { - top: auto; - bottom: 100%; - -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.dropdown .upward.menu { - top: auto !important; - bottom: 0 !important; -} -.ui.simple.upward.active.dropdown, -.ui.simple.upward.dropdown:hover { - border-radius: 0.28571429rem 0.28571429rem 0 0 !important; -} -.ui.upward.dropdown.button:not(.pointing):not(.floating).active { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.upward.selection.dropdown .menu { - border-top-width: 1px !important; - border-bottom-width: 0 !important; - -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); -} -.ui.upward.selection.dropdown:hover { - -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); -} -.ui.active.upward.selection.dropdown { - border-radius: 0 0 0.28571429rem 0.28571429rem !important; -} -.ui.upward.selection.dropdown.visible { - -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); - border-radius: 0 0 0.28571429rem 0.28571429rem !important; -} -.ui.upward.active.selection.dropdown:hover { - -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); - box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); -} -.ui.upward.active.selection.dropdown:hover .menu { - -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); - box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); -} -.ui.dropdown .scrolling.menu, -.ui.scrolling.dropdown .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; - -webkit-box-shadow: none !important; - 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.dropdown .scrolling.menu > .item.item.item, -.ui.scrolling.dropdown .menu .item.item.item { - border-top: none; -} -.ui.dropdown .scrolling.menu .item:first-child, -.ui.scrolling.dropdown .menu .item:first-child { - border-top: none; -} -.ui.dropdown > .animating.menu .scrolling.menu, -.ui.dropdown > .visible.menu .scrolling.menu { - display: block; -} -@media all and (-ms-high-contrast: none) { - .ui.dropdown .scrolling.menu, - .ui.scrolling.dropdown .menu { - min-width: calc(100% - 17px); - } -} -@media only screen and (max-width: 767px) { - .ui.dropdown .scrolling.menu, - .ui.scrolling.dropdown .menu { - max-height: 10.28571429rem; - } -} -@media only screen and (min-width: 768px) { - .ui.dropdown .scrolling.menu, - .ui.scrolling.dropdown .menu { - max-height: 15.42857143rem; - } -} -@media only screen and (min-width: 992px) { - .ui.dropdown .scrolling.menu, - .ui.scrolling.dropdown .menu { - max-height: 20.57142857rem; - } -} -@media only screen and (min-width: 1920px) { - .ui.dropdown .scrolling.menu, - .ui.scrolling.dropdown .menu { - max-height: 20.57142857rem; - } -} -.ui.simple.dropdown .menu:after, -.ui.simple.dropdown .menu:before { - display: none; -} -.ui.simple.dropdown .menu { - position: absolute; - display: block; - overflow: hidden; - top: -9999px !important; - opacity: 0; - width: 0; - height: 0; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} -.ui.simple.active.dropdown, -.ui.simple.dropdown:hover { - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !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:hover > .menu > .item:hover > .menu, -.ui.simple.dropdown > .menu > .item:active > .menu { - overflow: visible; - width: auto; - height: auto; - top: 0 !important; - left: 100% !important; - opacity: 1; -} -.ui.simple.disabled.dropdown:hover .menu { - display: none; - height: 0; - width: 0; - overflow: hidden; -} -.ui.simple.visible.dropdown > .menu { - display: block; -} -.ui.fluid.dropdown { - display: block; - width: 100%; - min-width: 0; -} -.ui.fluid.dropdown > .dropdown.icon { - float: right; -} -.ui.floating.dropdown .menu { - left: 0; - right: auto; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 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; -} -.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; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - width: 0.5em; - height: 0.5em; - -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); - background: #fff; - z-index: 2; -} -.ui.pointing.dropdown > .menu:after { - top: -0.25em; - left: 50%; - margin: 0 0 0 -0.25em; -} -.ui.top.left.pointing.dropdown > .menu { - top: 100%; - bottom: auto; - left: 0; - right: auto; - margin: 1em 0 0; -} -.ui.top.left.pointing.dropdown > .menu { - top: 100%; - bottom: auto; - left: 0; - right: auto; - margin: 1em 0 0; -} -.ui.top.left.pointing.dropdown > .menu:after { - top: -0.25em; - left: 1em; - right: auto; - margin: 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} -.ui.top.right.pointing.dropdown > .menu { - top: 100%; - bottom: auto; - right: 0; - left: auto; - margin: 1em 0 0; -} -.ui.top.pointing.dropdown > .left.menu:after, -.ui.top.right.pointing.dropdown > .menu:after { - top: -0.25em; - left: auto !important; - right: 1em !important; - margin: 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} -.ui.left.pointing.dropdown > .menu { - top: 0; - left: 100%; - right: auto; - margin: 0 0 0 1em; -} -.ui.left.pointing.dropdown > .menu:after { - top: 1em; - left: -0.25em; - margin: 0; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); -} -.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { - left: auto !important; - right: 100% !important; - margin: 0 1em 0 0; -} -.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after { - top: 1em; - left: auto; - right: -0.25em; - margin: 0; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); -} -.ui.right.pointing.dropdown > .menu { - top: 0; - left: auto; - right: 100%; - margin: 0 1em 0 0; -} -.ui.right.pointing.dropdown > .menu:after { - top: 1em; - left: auto; - right: -0.25em; - margin: 0; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); -} -.ui.bottom.pointing.dropdown > .menu { - top: auto; - bottom: 100%; - left: 0; - right: auto; - margin: 0 0 1em; -} -.ui.bottom.pointing.dropdown > .menu:after { - top: auto; - bottom: -0.25em; - right: auto; - margin: 0; - -webkit-transform: rotate(-135deg); - transform: rotate(-135deg); -} -.ui.bottom.pointing.dropdown > .menu .menu { - top: auto !important; - bottom: 0 !important; -} -.ui.bottom.left.pointing.dropdown > .menu { - left: 0; - right: auto; -} -.ui.bottom.left.pointing.dropdown > .menu:after { - left: 1em; - right: auto; -} -.ui.bottom.right.pointing.dropdown > .menu { - right: 0; - left: auto; -} -.ui.bottom.right.pointing.dropdown > .menu:after { - left: auto; - right: 1em; -} -.ui.pointing.upward.dropdown .menu, -.ui.top.pointing.upward.dropdown .menu { - top: auto !important; - bottom: 100% !important; - margin: 0 0 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; - -webkit-box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15); - margin: -0.25em 0 0; -} -.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { - top: auto !important; - bottom: 0 !important; - margin: 0 1em 0 0; -} -.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { - top: auto !important; - bottom: 0 !important; - margin: 0 0 1em 0; - -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); -} -.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { - top: auto !important; - bottom: 0 !important; - margin: 0 0 0 1em; -} -.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { - top: auto !important; - bottom: 0 !important; - margin: 0 0 1em 0; - -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); -} /*! - * # Semantic UI 2.3.1 - Video - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.embed { - position: relative; - max-width: 100%; - height: 0; - overflow: hidden; - background: #dcddde; - padding-bottom: 56.25%; -} -.ui.embed embed, -.ui.embed iframe, -.ui.embed object { - position: absolute; - border: none; - width: 100%; - height: 100%; - top: 0; - left: 0; - margin: 0; - padding: 0; -} -.ui.embed > .embed { - display: none; -} -.ui.embed > .placeholder { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - display: block; - width: 100%; - height: 100%; - background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); -} -.ui.embed > .icon { - cursor: pointer; - position: absolute; - top: 0; - left: 0; - 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: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - opacity: 0.5; - -webkit-transition: opacity 0.5s ease; - transition: opacity 0.5s ease; -} -.ui.embed > .icon:before { - position: absolute; - top: 50%; - left: 50%; - z-index: 4; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - color: #fff; - font-size: 6rem; - text-shadow: 0 2px 10px rgba(34, 36, 38, 0.2); - -webkit-transition: opacity 0.5s ease, color 0.5s ease; - transition: opacity 0.5s ease, color 0.5s ease; - z-index: 10; -} -.ui.embed .icon:hover:after { - background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - opacity: 1; -} -.ui.embed .icon:hover:before { - color: #fff; -} -.ui.active.embed > .icon, -.ui.active.embed > .placeholder { - display: none; -} -.ui.active.embed > .embed { - display: block; -} -.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.3.1 - Modal - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.modal { - display: none; - z-index: 1001; - text-align: left; - background: #fff; - border: none; - -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), - 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), - 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - 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 > .icon:first-child + *, -.ui.modal > :first-child:not(.icon) { - 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; -} -.ui.modal > .close { - cursor: pointer; - position: absolute; - top: -2.5rem; - right: -2.5rem; - z-index: 1; - opacity: 0.8; - font-size: 1.25em; - color: #fff; - width: 2.25rem; - height: 2.25rem; - padding: 0.625rem 0 0 0; -} -.ui.modal > .close:hover { - opacity: 1; -} -.ui.modal > .header { - display: block; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - background: #fff; - margin: 0; - padding: 1.25rem 1.5rem; - -webkit-box-shadow: none; - 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: 700; -} -.ui.modal > .content { - display: block; - width: 100%; - font-size: 1em; - line-height: 1.4; - padding: 1.5rem; - background: #fff; -} -.ui.modal > .image.content { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; -} -.ui.modal > .content > .image { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - width: ''; - -ms-flex-item-align: top; - align-self: top; -} -.ui.modal > [class*='top aligned'] { - -ms-flex-item-align: top; - align-self: top; -} -.ui.modal > [class*='middle aligned'] { - -ms-flex-item-align: middle; - align-self: middle; -} -.ui.modal > [class*='stretched'] { - -ms-flex-item-align: stretch; - align-self: stretch; -} -.ui.modal > .content > .description { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - min-width: 0; - -ms-flex-item-align: top; - align-self: top; -} -.ui.modal > .content > .icon + .description, -.ui.modal > .content > .image + .description { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - min-width: ''; - width: auto; - padding-left: 2em; -} -.ui.modal > .content > .image > i.icon { - margin: 0; - opacity: 1; - width: auto; - line-height: 1; - font-size: 8rem; -} -.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; -} -@media only screen and (max-width: 767px) { - .ui.modal { - width: 95%; - margin: 0; - } -} -@media only screen and (min-width: 768px) { - .ui.modal { - width: 88%; - margin: 0; - } -} -@media only screen and (min-width: 992px) { - .ui.modal { - width: 850px; - margin: 0; - } -} -@media only screen and (min-width: 1200px) { - .ui.modal { - width: 900px; - margin: 0; - } -} -@media only screen and (min-width: 1920px) { - .ui.modal { - width: 950px; - margin: 0; - } -} -@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); - } -} -@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; - } - .ui.modal .image.content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - .ui.modal .content > .image { - display: block; - max-width: 100%; - margin: 0 auto !important; - text-align: center; - padding: 0 0 1rem !important; - } - .ui.modal > .content > .image > i.icon { - font-size: 5rem; - text-align: center; - } - .ui.modal .content > .description { - display: block; - width: 100% !important; - margin: 0 !important; - padding: 1rem 0 !important; - -webkit-box-shadow: none; - box-shadow: none; - } - .ui.modal > .actions { - padding: 1rem 1rem 0 !important; - } - .ui.modal .actions > .button, - .ui.modal .actions > .buttons { - margin-bottom: 1rem; - } -} -.ui.inverted.dimmer > .ui.modal { - -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); -} -.ui.basic.modal { - background-color: transparent; - border: none; - border-radius: 0; - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #fff; -} -.ui.basic.modal > .actions, -.ui.basic.modal > .content, -.ui.basic.modal > .header { - background-color: transparent; -} -.ui.basic.modal > .header { - color: #fff; -} -.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); -} -@media only screen and (max-width: 991px) { - .ui.basic.modal > .close { - color: #fff; - } -} -.ui.loading.modal { - display: block; - visibility: hidden; - z-index: -1; -} -.ui.active.modal { - display: block; -} -.modals.dimmer[class*='top aligned'] .modal { - margin: 5vh auto; -} -.scrolling.dimmable.dimmed { - overflow: hidden; -} -.scrolling.dimmable > .dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - 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 !important; -} -.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; -} -.ui.modal .scrolling.content { - max-height: calc(70vh); - overflow: auto; -} -.ui.fullscreen.modal { - width: 95% !important; - left: 0 !important; - margin: 1em auto; -} -.ui.fullscreen.scrolling.modal { - left: 0 !important; -} -.ui.fullscreen.modal > .header { - padding-right: 2.25rem; -} -.ui.fullscreen.modal > .close { - top: 1.0535rem; - right: 1rem; - color: rgba(0, 0, 0, 0.87); -} -.ui.modal { - font-size: 1rem; -} -.ui.mini.modal > .header:not(.ui) { - font-size: 1.3em; -} -@media only screen and (max-width: 767px) { - .ui.mini.modal { - width: 95%; - margin: 0; - } -} -@media only screen and (min-width: 768px) { - .ui.mini.modal { - width: 35.2%; - margin: 0; - } -} -@media only screen and (min-width: 992px) { - .ui.mini.modal { - width: 340px; - margin: 0; - } -} -@media only screen and (min-width: 1200px) { - .ui.mini.modal { - width: 360px; - margin: 0; - } -} -@media only screen and (min-width: 1920px) { - .ui.mini.modal { - width: 380px; - margin: 0; - } -} -.ui.small.modal > .header:not(.ui) { - font-size: 1.3em; -} -@media only screen and (max-width: 767px) { - .ui.tiny.modal { - width: 95%; - margin: 0; - } -} -@media only screen and (min-width: 768px) { - .ui.tiny.modal { - width: 52.8%; - margin: 0; - } -} -@media only screen and (min-width: 992px) { - .ui.tiny.modal { - width: 510px; - margin: 0; - } -} -@media only screen and (min-width: 1200px) { - .ui.tiny.modal { - width: 540px; - margin: 0; - } -} -@media only screen and (min-width: 1920px) { - .ui.tiny.modal { - width: 570px; - margin: 0; - } -} -.ui.small.modal > .header:not(.ui) { - font-size: 1.3em; -} -@media only screen and (max-width: 767px) { - .ui.small.modal { - width: 95%; - margin: 0; - } -} -@media only screen and (min-width: 768px) { - .ui.small.modal { - width: 70.4%; - margin: 0; - } -} -@media only screen and (min-width: 992px) { - .ui.small.modal { - width: 680px; - margin: 0; - } -} -@media only screen and (min-width: 1200px) { - .ui.small.modal { - width: 720px; - margin: 0; - } -} -@media only screen and (min-width: 1920px) { - .ui.small.modal { - width: 760px; - margin: 0; - } -} -.ui.large.modal > .header { - font-size: 1.6em; -} -@media only screen and (max-width: 767px) { - .ui.large.modal { - width: 95%; - margin: 0; - } -} -@media only screen and (min-width: 768px) { - .ui.large.modal { - width: 88%; - margin: 0; - } -} -@media only screen and (min-width: 992px) { - .ui.large.modal { - width: 1020px; - margin: 0; - } -} -@media only screen and (min-width: 1200px) { - .ui.large.modal { - width: 1080px; - margin: 0; - } -} -@media only screen and (min-width: 1920px) { - .ui.large.modal { - width: 1140px; - margin: 0; - } -} /*! - * # Semantic UI 2.3.1 - Nag - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.nag { - display: none; - opacity: 0.95; - position: relative; - top: 0; - left: 0; - z-index: 999; - min-height: 0; - width: 100%; - margin: 0; - padding: 0.75em 1em; - background: #555; - -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); - font-size: 1rem; - text-align: center; - color: rgba(0, 0, 0, 0.87); - border-radius: 0 0 0.28571429rem 0.28571429rem; - -webkit-transition: 0.2s background ease; - transition: 0.2s background ease; -} -a.ui.nag { - cursor: pointer; -} -.ui.nag > .title { - display: inline-block; - margin: 0 0.5em; - color: #fff; -} -.ui.nag > .close.icon { - cursor: pointer; - opacity: 0.4; - position: absolute; - top: 50%; - right: 1em; - font-size: 1em; - margin: -0.5em 0 0; - color: #fff; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; -} -.ui.nag:hover { - background: #555; - opacity: 1; -} -.ui.nag .close:hover { - opacity: 1; -} -.ui.overlay.nag { - position: absolute; - display: block; -} -.ui.fixed.nag { - position: fixed; -} -.ui.bottom.nag, -.ui.bottom.nags { - border-radius: 0.28571429rem 0.28571429rem 0 0; - top: auto; - bottom: 0; -} -.ui.inverted.nag, -.ui.inverted.nags .nag { - background-color: #f3f4f5; - color: rgba(0, 0, 0, 0.85); -} -.ui.inverted.nag .close, -.ui.inverted.nag .title, -.ui.inverted.nags .nag .close, -.ui.inverted.nags .nag .title { - color: rgba(0, 0, 0, 0.4); -} -.ui.nags .nag { - border-radius: 0 !important; -} -.ui.nags .nag:last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.bottom.nags .nag:last-child { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} /*! - * # Semantic UI 2.3.1 - Popup - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.popup { - display: none; - position: absolute; - top: 0; - right: 0; - 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: #fff; - padding: 0.833em 1em; - font-weight: 400; - font-style: normal; - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); -} -.ui.popup > .header { - padding: 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1.14285714em; - line-height: 1.2; - font-weight: 700; -} -.ui.popup > .header + .content { - padding-top: 0.5em; -} -.ui.popup:before { - position: absolute; - content: ''; - width: 0.71428571em; - height: 0.71428571em; - background: #fff; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - -webkit-box-shadow: 1px 1px 0 0 #bababc; - box-shadow: 1px 1px 0 0 #bababc; -} -[data-tooltip] { - position: relative; -} -[data-tooltip]:before { - pointer-events: none; - position: absolute; - content: ''; - font-size: 1rem; - width: 0.71428571em; - height: 0.71428571em; - background: #fff; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - -webkit-box-shadow: 1px 1px 0 0 #bababc; - box-shadow: 1px 1px 0 0 #bababc; -} -[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: #fff; - padding: 0.833em 1em; - font-weight: 400; - font-style: normal; - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - z-index: 1; -} -[data-tooltip]:not([data-position]):before { - top: auto; - right: auto; - bottom: 100%; - left: 50%; - background: #fff; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} -[data-tooltip]:not([data-position]):after { - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - bottom: 100%; - margin-bottom: 0.5em; -} -[data-tooltip]:after, -[data-tooltip]:before { - pointer-events: none; - visibility: hidden; -} -[data-tooltip]:before { - opacity: 0; - -webkit-transform: rotate(45deg) scale(0) !important; - transform: rotate(45deg) scale(0) !important; - -webkit-transform-origin: center top; - transform-origin: center top; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} -[data-tooltip]:after { - opacity: 1; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} -[data-tooltip]:hover:after, -[data-tooltip]:hover:before { - visibility: visible; - pointer-events: auto; -} -[data-tooltip]:hover:before { - -webkit-transform: rotate(45deg) scale(1) !important; - transform: rotate(45deg) scale(1) !important; - opacity: 1; -} -[data-tooltip]:after, -[data-tooltip][data-position='bottom center']:after, -[data-tooltip][data-position='top center']:after { - -webkit-transform: translateX(-50%) scale(0) !important; - transform: translateX(-50%) scale(0) !important; -} -[data-tooltip]:hover:after, -[data-tooltip][data-position='bottom center']:hover:after { - -webkit-transform: translateX(-50%) scale(1) !important; - transform: translateX(-50%) scale(1) !important; -} -[data-tooltip][data-position='left center']:after, -[data-tooltip][data-position='right center']:after { - -webkit-transform: translateY(-50%) scale(0) !important; - transform: translateY(-50%) scale(0) !important; -} -[data-tooltip][data-position='left center']:hover:after, -[data-tooltip][data-position='right center']:hover:after { - -webkit-transform: translateY(-50%) scale(1) !important; - transform: translateY(-50%) scale(1) !important; -} -[data-tooltip][data-position='bottom left']:after, -[data-tooltip][data-position='bottom right']:after, -[data-tooltip][data-position='top left']:after, -[data-tooltip][data-position='top right']:after { - -webkit-transform: scale(0) !important; - transform: scale(0) !important; -} -[data-tooltip][data-position='bottom left']:hover:after, -[data-tooltip][data-position='bottom right']:hover:after, -[data-tooltip][data-position='top left']:hover:after, -[data-tooltip][data-position='top right']:hover:after { - -webkit-transform: scale(1) !important; - transform: scale(1) !important; -} -[data-tooltip][data-inverted]:before { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -[data-tooltip][data-inverted]:before { - background: #1b1c1d; -} -[data-tooltip][data-inverted]:after { - background: #1b1c1d; - color: #fff; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -[data-tooltip][data-inverted]:after .header { - background-color: none; - color: #fff; -} -[data-position='top center'][data-tooltip]:after { - top: auto; - right: auto; - left: 50%; - bottom: 100%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - margin-bottom: 0.5em; -} -[data-position='top center'][data-tooltip]:before { - top: auto; - right: auto; - bottom: 100%; - left: 50%; - background: #fff; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} -[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; -} -[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; -} -[data-position='bottom center'][data-tooltip]:after { - bottom: auto; - right: auto; - left: 50%; - top: 100%; - -webkit-transform: translateX(-50%); - 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; -} -[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; -} -[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; -} -[data-position='left center'][data-tooltip]:after { - right: 100%; - top: 50%; - margin-right: 0.5em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -[data-position='left center'][data-tooltip]:before { - right: 100%; - top: 50%; - margin-top: -0.14285714rem; - margin-right: -0.07142857rem; -} -[data-position='right center'][data-tooltip]:after { - left: 100%; - top: 50%; - margin-left: 0.5em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -[data-position='right center'][data-tooltip]:before { - left: 100%; - top: 50%; - margin-top: -0.07142857rem; - margin-left: 0.14285714rem; -} -[data-position~='bottom'][data-tooltip]:before { - background: #fff; - -webkit-box-shadow: -1px -1px 0 0 #bababc; - box-shadow: -1px -1px 0 0 #bababc; -} -[data-position='left center'][data-tooltip]:before { - background: #fff; - -webkit-box-shadow: 1px -1px 0 0 #bababc; - box-shadow: 1px -1px 0 0 #bababc; -} -[data-position='right center'][data-tooltip]:before { - background: #fff; - -webkit-box-shadow: -1px 1px 0 0 #bababc; - box-shadow: -1px 1px 0 0 #bababc; -} -[data-position~='top'][data-tooltip]:before { - background: #fff; -} -[data-inverted][data-position~='bottom'][data-tooltip]:before { - background: #1b1c1d; - -webkit-box-shadow: -1px -1px 0 0 #bababc; - box-shadow: -1px -1px 0 0 #bababc; -} -[data-inverted][data-position='left center'][data-tooltip]:before { - background: #1b1c1d; - -webkit-box-shadow: 1px -1px 0 0 #bababc; - box-shadow: 1px -1px 0 0 #bababc; -} -[data-inverted][data-position='right center'][data-tooltip]:before { - background: #1b1c1d; - -webkit-box-shadow: -1px 1px 0 0 #bababc; - box-shadow: -1px 1px 0 0 #bababc; -} -[data-inverted][data-position~='top'][data-tooltip]:before { - background: #1b1c1d; -} -[data-position~='bottom'][data-tooltip]:before { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -[data-position~='bottom'][data-tooltip]:after { - -webkit-transform-origin: center top; - transform-origin: center top; -} -[data-position='left center'][data-tooltip]:before { - -webkit-transform-origin: top center; - transform-origin: top center; -} -[data-position='left center'][data-tooltip]:after { - -webkit-transform-origin: right center; - transform-origin: right center; -} -[data-position='right center'][data-tooltip]:before { - -webkit-transform-origin: right center; - transform-origin: right center; -} -[data-position='right center'][data-tooltip]:after { - -webkit-transform-origin: left center; - transform-origin: left center; -} -.ui.popup { - margin: 0; -} -.ui.top.popup { - margin: 0 0 0.71428571em; -} -.ui.top.left.popup { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; -} -.ui.top.center.popup { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} -.ui.top.right.popup { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; -} -.ui.left.center.popup { - margin: 0 0.71428571em 0 0; - -webkit-transform-origin: right 50%; - transform-origin: right 50%; -} -.ui.right.center.popup { - margin: 0 0 0 0.71428571em; - -webkit-transform-origin: left 50%; - transform-origin: left 50%; -} -.ui.bottom.popup { - margin: 0.71428571em 0 0; -} -.ui.bottom.left.popup { - -webkit-transform-origin: left top; - transform-origin: left top; -} -.ui.bottom.center.popup { - -webkit-transform-origin: center top; - transform-origin: center top; -} -.ui.bottom.right.popup { - -webkit-transform-origin: right top; - transform-origin: right top; -} -.ui.bottom.center.popup:before { - margin-left: -0.30714286em; - top: -0.30714286em; - left: 50%; - right: auto; - bottom: auto; - -webkit-box-shadow: -1px -1px 0 0 #bababc; - box-shadow: -1px -1px 0 0 #bababc; -} -.ui.bottom.left.popup { - margin-left: 0; -} -.ui.bottom.left.popup:before { - top: -0.30714286em; - left: 1em; - right: auto; - bottom: auto; - margin-left: 0; - -webkit-box-shadow: -1px -1px 0 0 #bababc; - box-shadow: -1px -1px 0 0 #bababc; -} -.ui.bottom.right.popup { - margin-right: 0; -} -.ui.bottom.right.popup:before { - top: -0.30714286em; - right: 1em; - bottom: auto; - left: auto; - margin-left: 0; - -webkit-box-shadow: -1px -1px 0 0 #bababc; - box-shadow: -1px -1px 0 0 #bababc; -} -.ui.top.center.popup:before { - top: auto; - right: auto; - bottom: -0.30714286em; - left: 50%; - margin-left: -0.30714286em; -} -.ui.top.left.popup { - margin-left: 0; -} -.ui.top.left.popup:before { - bottom: -0.30714286em; - left: 1em; - top: auto; - right: auto; - margin-left: 0; -} -.ui.top.right.popup { - margin-right: 0; -} -.ui.top.right.popup:before { - bottom: -0.30714286em; - right: 1em; - top: auto; - left: auto; - margin-left: 0; -} -.ui.left.center.popup:before { - top: 50%; - right: -0.30714286em; - bottom: auto; - left: auto; - margin-top: -0.30714286em; - -webkit-box-shadow: 1px -1px 0 0 #bababc; - box-shadow: 1px -1px 0 0 #bababc; -} -.ui.right.center.popup:before { - top: 50%; - left: -0.30714286em; - bottom: auto; - right: auto; - margin-top: -0.30714286em; - -webkit-box-shadow: -1px 1px 0 0 #bababc; - box-shadow: -1px 1px 0 0 #bababc; -} -.ui.bottom.popup:before { - background: #fff; -} -.ui.left.center.popup:before, -.ui.right.center.popup:before { - background: #fff; -} -.ui.top.popup:before { - background: #fff; -} -.ui.inverted.bottom.popup:before { - background: #1b1c1d; -} -.ui.inverted.left.center.popup:before, -.ui.inverted.right.center.popup:before { - background: #1b1c1d; -} -.ui.inverted.top.popup:before { - background: #1b1c1d; -} -.ui.popup > .ui.grid:not(.padded) { - width: calc(100% + 1.75rem); - margin: -0.7rem -0.875rem; -} -.ui.loading.popup { - display: block; - visibility: hidden; - z-index: -1; -} -.ui.animating.popup, -.ui.visible.popup { - display: block; -} -.ui.visible.popup { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.ui.basic.popup:before { - display: none; -} -.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; - } -} -.ui.fluid.popup { - width: 100%; - max-width: none; -} -.ui.inverted.popup { - background: #1b1c1d; - color: #fff; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.popup .header { - background-color: none; - color: #fff; -} -.ui.inverted.popup:before { - background-color: #1b1c1d; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} -.ui.flowing.popup { - max-width: none; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Progress Bar - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.progress { - position: relative; - display: block; - max-width: 100%; - border: none; - margin: 1em 0 2.5em; - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(0, 0, 0, 0.1); - padding: 0; - border-radius: 0.28571429rem; -} -.ui.progress:first-child { - margin: 0 0 2.5em; -} -.ui.progress:last-child { - margin: 0 0 1.5em; -} -.ui.progress .bar { - display: block; - line-height: 1; - position: relative; - width: 0%; - min-width: 2em; - background: #888; - border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, background-color 0.1s ease; - transition: width 0.1s ease, background-color 0.1s ease; -} -.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: 700; - text-align: left; -} -.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: 700; - text-shadow: none; - margin-top: 0.2em; - text-align: center; - -webkit-transition: color 0.4s ease; - transition: color 0.4s ease; -} -.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^='100'] .bar, -.ui.indicating.progress[data-percent^='9'] .bar { - background-color: #66da81; -} -.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^='100'] .label, -.ui.indicating.progress[data-percent^='9'] .label { - color: rgba(0, 0, 0, 0.87); -} -.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); -} -.ui.indicating.progress.success .label { - color: #1a531b; -} -.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; -} -.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; -} -.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; -} -.ui.active.progress .bar { - position: relative; - min-width: 2em; -} -.ui.active.progress .bar::after { - content: ''; - opacity: 0; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #fff; - 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%; - } -} -.ui.disabled.progress { - opacity: 0.35; -} -.ui.disabled.progress .bar, -.ui.disabled.progress .bar::after { - -webkit-animation: none !important; - animation: none !important; -} -.ui.inverted.progress { - background: rgba(255, 255, 255, 0.08); - border: none; -} -.ui.inverted.progress .bar { - background: #888; -} -.ui.inverted.progress .bar > .progress { - color: #f9fafb; -} -.ui.inverted.progress > .label { - color: #fff; -} -.ui.inverted.progress.success > .label { - color: #21ba45; -} -.ui.inverted.progress.warning > .label { - color: #f2c037; -} -.ui.inverted.progress.error > .label { - color: #db2828; -} -.ui.progress.attached { - background: 0 0; - position: relative; - border: none; - margin: 0; -} -.ui.progress.attached, -.ui.progress.attached .bar { - display: block; - height: 0.2rem; - padding: 0; - overflow: hidden; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.ui.progress.attached .bar { - border-radius: 0; -} -.ui.progress.top.attached, -.ui.progress.top.attached .bar { - top: 0; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.progress.top.attached .bar { - border-radius: 0; -} -.ui.card > .ui.attached.progress, -.ui.segment > .ui.attached.progress { - position: absolute; - top: auto; - left: 0; - bottom: 100%; - width: 100%; -} -.ui.card > .ui.bottom.attached.progress, -.ui.segment > .ui.bottom.attached.progress { - top: 100%; - bottom: auto; -} -.ui.red.progress .bar { - background-color: #db2828; -} -.ui.red.inverted.progress .bar { - background-color: #ff695e; -} -.ui.orange.progress .bar { - background-color: #f2711c; -} -.ui.orange.inverted.progress .bar { - background-color: #ff851b; -} -.ui.yellow.progress .bar { - background-color: #fbbd08; -} -.ui.yellow.inverted.progress .bar { - background-color: #ffe21f; -} -.ui.olive.progress .bar { - background-color: #b5cc18; -} -.ui.olive.inverted.progress .bar { - background-color: #d9e778; -} -.ui.green.progress .bar { - background-color: #21ba45; -} -.ui.green.inverted.progress .bar { - background-color: #2ecc40; -} -.ui.teal.progress .bar { - background-color: #00b5ad; -} -.ui.teal.inverted.progress .bar { - background-color: #6dffff; -} -.ui.blue.progress .bar { - background-color: #2185d0; -} -.ui.blue.inverted.progress .bar { - background-color: #54c8ff; -} -.ui.violet.progress .bar { - background-color: #6435c9; -} -.ui.violet.inverted.progress .bar { - background-color: #a291fb; -} -.ui.purple.progress .bar { - background-color: #a333c8; -} -.ui.purple.inverted.progress .bar { - background-color: #dc73ff; -} -.ui.pink.progress .bar { - background-color: #e03997; -} -.ui.pink.inverted.progress .bar { - background-color: #ff8edf; -} -.ui.brown.progress .bar { - background-color: #a5673f; -} -.ui.brown.inverted.progress .bar { - background-color: #d67c1c; -} -.ui.grey.progress .bar { - background-color: #767676; -} -.ui.grey.inverted.progress .bar { - background-color: #dcddde; -} -.ui.black.progress .bar { - background-color: #1b1c1d; -} -.ui.black.inverted.progress .bar { - background-color: #545454; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Rating - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.rating { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - white-space: nowrap; - vertical-align: baseline; -} -.ui.rating:last-child { - margin-right: 0; -} -.ui.rating .icon { - padding: 0; - margin: 0; - text-align: center; - font-weight: 400; - font-style: normal; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - cursor: pointer; - width: 1.25em; - height: auto; - -webkit-transition: opacity 0.1s ease, background 0.1s ease, - text-shadow 0.1s ease, color 0.1s ease; - transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, - color 0.1s ease; -} -.ui.rating .icon { - background: 0 0; - color: rgba(0, 0, 0, 0.15); -} -.ui.rating .active.icon { - background: 0 0; - color: rgba(0, 0, 0, 0.85); -} -.ui.rating .icon.selected, -.ui.rating .icon.selected.active { - background: 0 0; - color: rgba(0, 0, 0, 0.87); -} -.ui.star.rating .icon { - width: 1.25em; - height: auto; - background: 0 0; - color: rgba(0, 0, 0, 0.15); - text-shadow: none; -} -.ui.star.rating .active.icon { - background: 0 0 !important; - color: #ffe623 !important; - text-shadow: 0 -1px 0 #ddc507, -1px 0 0 #ddc507, 0 1px 0 #ddc507, - 1px 0 0 #ddc507 !important; -} -.ui.star.rating .icon.selected, -.ui.star.rating .icon.selected.active { - background: 0 0 !important; - color: #fc0 !important; - text-shadow: 0 -1px 0 #e6a200, -1px 0 0 #e6a200, 0 1px 0 #e6a200, - 1px 0 0 #e6a200 !important; -} -.ui.heart.rating .icon { - width: 1.4em; - height: auto; - background: 0 0; - color: rgba(0, 0, 0, 0.15); - text-shadow: none !important; -} -.ui.heart.rating .active.icon { - background: 0 0 !important; - color: #ff6d75 !important; - text-shadow: 0 -1px 0 #cd0707, -1px 0 0 #cd0707, 0 1px 0 #cd0707, - 1px 0 0 #cd0707 !important; -} -.ui.heart.rating .icon.selected, -.ui.heart.rating .icon.selected.active { - background: 0 0 !important; - color: #ff3000 !important; - text-shadow: 0 -1px 0 #aa0101, -1px 0 0 #aa0101, 0 1px 0 #aa0101, - 1px 0 0 #aa0101 !important; -} -.ui.disabled.rating .icon { - cursor: default; -} -.ui.rating.selected .active.icon { - opacity: 1; -} -.ui.rating .icon.selected, -.ui.rating.selected .icon.selected { - opacity: 1; -} -.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; -} /*! - * # Semantic UI 2.3.1 - Search - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.search { - position: relative; -} -.ui.search > .prompt { - margin: 0; - outline: 0; - -webkit-appearance: none; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - text-shadow: none; - font-style: normal; - font-weight: 400; - line-height: 1.21428571em; - padding: 0.67857143em 1em; - font-size: 1em; - background: #fff; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0 0 0 0 transparent inset; - box-shadow: 0 0 0 0 transparent inset; - -webkit-transition: background-color 0.1s ease, color 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, - border-color 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, - border-color 0.1s ease, -webkit-box-shadow 0.1s ease; -} -.ui.search .prompt { - border-radius: 500rem; -} -.ui.search .prompt ~ .search.icon { - cursor: pointer; -} -.ui.search > .results { - display: none; - position: absolute; - top: 100%; - left: 0; - -webkit-transform-origin: center top; - transform-origin: center top; - white-space: normal; - background: #fff; - margin-top: 0.5em; - width: 18em; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), - 0 2px 10px 0 rgba(34, 36, 38, 0.15); - border: 1px solid #d4d4d5; - z-index: 998; -} -.ui.search > .results > :first-child { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} -.ui.search > .results > :last-child { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} -.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; -} -.ui.search > .results .result .image { - float: right; - overflow: hidden; - background: 0 0; - width: 5em; - height: 3em; - border-radius: 0.25em; -} -.ui.search > .results .result .image img { - display: block; - width: auto; - height: 100%; -} -.ui.search > .results .result .image + .content { - margin: 0 6em 0 0; -} -.ui.search > .results .result .title { - margin: -0.14285714em 0 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: 700; - 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; -} -.ui.search > .results > .message { - padding: 1em 1em; -} -.ui.search > .results > .message .header { - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1rem; - font-weight: 700; - 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); -} -.ui.search > .results > .action { - display: block; - border-top: none; - background: #f3f4f5; - padding: 0.92857143em 1em; - color: rgba(0, 0, 0, 0.87); - font-weight: 700; - text-align: center; -} -.ui.search > .prompt:focus { - border-color: rgba(34, 36, 38, 0.35); - background: #fff; - color: rgba(0, 0, 0, 0.95); -} -.ui.loading.search .input > i.icon:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0 0 -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 0 0 -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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; -} -.ui.category.search > .results .category .result:hover, -.ui.search > .results .result:hover { - background: #f9fafb; -} -.ui.search .action:hover { - background: #e0e0e0; -} -.ui.category.search > .results .category.active { - background: #f3f4f5; -} -.ui.category.search > .results .category.active > .name { - color: rgba(0, 0, 0, 0.87); -} -.ui.category.search > .results .category .result.active, -.ui.search > .results .result.active { - position: relative; - border-left-color: rgba(34, 36, 38, 0.1); - background: #f3f4f5; - -webkit-box-shadow: none; - 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); -} -.ui.disabled.search { - cursor: default; - pointer-events: none; - opacity: 0.45; -} -.ui.search.selection .prompt { - border-radius: 0.28571429rem; -} -.ui.search.selection > .icon.input > .remove.icon { - pointer-events: none; - position: absolute; - left: auto; - opacity: 0; - color: ''; - top: 0; - right: 0; - -webkit-transition: color 0.1s ease, opacity 0.1s ease; - 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; -} -.ui.category.search .results { - width: 28em; -} -.ui.category.search .results.animating, -.ui.category.search .results.visible { - display: table; -} -.ui.category.search > .results .category { - display: table-row; - background: #f3f4f5; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background 0.1s ease, border-color 0.1s ease; - transition: background 0.1s ease, border-color 0.1s ease; -} -.ui.category.search > .results .category:last-child { - border-bottom: none; -} -.ui.category.search > .results .category:first-child .name + .result { - border-radius: 0 0.28571429rem 0 0; -} -.ui.category.search > .results .category:last-child .result:last-child { - border-radius: 0 0 0.28571429rem 0; -} -.ui.category.search > .results .category > .name { - display: table-cell; - text-overflow: ellipsis; - width: 100px; - white-space: nowrap; - background: 0 0; - font-family: 'Public Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1em; - padding: 0.4em 1em; - font-weight: 700; - color: rgba(0, 0, 0, 0.4); - border-bottom: 1px solid rgba(34, 36, 38, 0.1); -} -.ui.category.search > .results .category .results { - display: table-cell; - background: #fff; - 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); - -webkit-transition: background 0.1s ease, border-color 0.1s ease; - transition: background 0.1s ease, border-color 0.1s ease; - padding: 0.85714286em 1.14285714em; -} -.ui[class*='left aligned'].search > .results { - right: auto; - left: 0; -} -.ui[class*='right aligned'].search > .results { - right: 0; - left: auto; -} -.ui.fluid.search .results { - width: 100%; -} -.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; -} -@media only screen and (max-width: 767px) { - .ui.search .results { - max-width: calc(100vw - 2rem); - } -} /*! - * # Semantic UI 2.3.1 - Shape - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.shape { - position: relative; - vertical-align: top; - display: inline-block; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - 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; - 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, - -webkit-transform 0.6s ease-in-out; -} -.ui.shape .sides { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} -.ui.shape .side { - opacity: 1; - width: 100%; - margin: 0 !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; -} -.ui.cube.shape .side { - min-width: 15em; - height: 15em; - padding: 2em; - background-color: #e6e6e6; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); - box-shadow: 0 0 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; -} -.ui.text.shape.animating .sides { - position: static; -} -.ui.text.shape .side { - white-space: nowrap; -} -.ui.text.shape .side > * { - white-space: normal; -} -.ui.loading.shape { - position: absolute; - top: -9999px; - left: -9999px; -} -.ui.shape .animating.side { - position: absolute; - top: 0; - left: 0; - display: block; - z-index: 100; -} -.ui.shape .hidden.side { - opacity: 0.6; -} -.ui.shape.animating .sides { - position: absolute; -} -.ui.shape.animating .sides { - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, - height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - 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; - 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, - -webkit-transform 0.6s ease-in-out; -} -.ui.shape.animating .side { - -webkit-transition: opacity 0.6s ease-in-out; - transition: opacity 0.6s ease-in-out; -} -.ui.shape .active.side { - display: block; -} /*! - * # Semantic UI 2.3.1 - Sidebar - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.sidebar { - position: fixed; - top: 0; - left: 0; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transition: none; - transition: none; - will-change: transform; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - visibility: hidden; - -webkit-overflow-scrolling: touch; - height: 100% !important; - max-height: 100%; - border-radius: 0 !important; - margin: 0 !important; - overflow-y: auto !important; - z-index: 102; -} -.ui.sidebar > * { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.ui.left.sidebar { - right: auto; - left: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.sidebar { - right: 0 !important; - left: auto !important; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.ui.bottom.sidebar, -.ui.top.sidebar { - width: 100% !important; - height: auto !important; -} -.ui.top.sidebar { - top: 0 !important; - bottom: auto !important; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.ui.bottom.sidebar { - top: auto !important; - bottom: 0 !important; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.pushable { - height: 100%; - overflow-x: hidden; - padding: 0 !important; -} -body.pushable { - background: #545454 !important; -} -.pushable:not(body) { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.pushable:not(body) > .fixed, -.pushable:not(body) > .pusher:after, -.pushable:not(body) > .ui.sidebar { - position: absolute; -} -.pushable > .fixed { - position: fixed; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; - will-change: transform; - z-index: 101; -} -.pushable > .pusher { - position: relative; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - overflow: hidden; - min-height: 100%; - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; - z-index: 2; -} -body.pushable > .pusher { - background: #fff; -} -.pushable > .pusher { - background: inherit; -} -.pushable > .pusher:after { - position: fixed; - top: 0; - right: 0; - content: ''; - background-color: rgba(0, 0, 0, 0.4); - overflow: hidden; - opacity: 0; - -webkit-transition: opacity 0.5s; - transition: opacity 0.5s; - will-change: opacity; - z-index: 1000; -} -.ui.sidebar.menu .item { - border-radius: 0 !important; -} -.pushable > .pusher.dimmed:after { - width: 100% !important; - height: 100% !important; - opacity: 1 !important; -} -.ui.animating.sidebar { - visibility: visible; -} -.ui.visible.sidebar { - visibility: visible; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.left.visible.sidebar, -.ui.right.visible.sidebar { - -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); - box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); -} -.ui.bottom.visible.sidebar, -.ui.top.visible.sidebar { - -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); - box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); -} -.ui.visible.left.sidebar ~ .fixed, -.ui.visible.left.sidebar ~ .pusher { - -webkit-transform: translate3d(260px, 0, 0); - transform: translate3d(260px, 0, 0); -} -.ui.visible.right.sidebar ~ .fixed, -.ui.visible.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-260px, 0, 0); - transform: translate3d(-260px, 0, 0); -} -.ui.visible.top.sidebar ~ .fixed, -.ui.visible.top.sidebar ~ .pusher { - -webkit-transform: translate3d(0, 36px, 0); - transform: translate3d(0, 36px, 0); -} -.ui.visible.bottom.sidebar ~ .fixed, -.ui.visible.bottom.sidebar ~ .pusher { - -webkit-transform: translate3d(0, -36px, 0); - transform: translate3d(0, -36px, 0); -} -.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 { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.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; -} -.ui.visible.thin.left.sidebar ~ .fixed, -.ui.visible.thin.left.sidebar ~ .pusher { - -webkit-transform: translate3d(150px, 0, 0); - transform: translate3d(150px, 0, 0); -} -.ui.visible[class*='very thin'].left.sidebar ~ .fixed, -.ui.visible[class*='very thin'].left.sidebar ~ .pusher { - -webkit-transform: translate3d(60px, 0, 0); - transform: translate3d(60px, 0, 0); -} -.ui.visible.wide.left.sidebar ~ .fixed, -.ui.visible.wide.left.sidebar ~ .pusher { - -webkit-transform: translate3d(350px, 0, 0); - transform: translate3d(350px, 0, 0); -} -.ui.visible[class*='very wide'].left.sidebar ~ .fixed, -.ui.visible[class*='very wide'].left.sidebar ~ .pusher { - -webkit-transform: translate3d(475px, 0, 0); - transform: translate3d(475px, 0, 0); -} -.ui.visible.thin.right.sidebar ~ .fixed, -.ui.visible.thin.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-150px, 0, 0); - transform: translate3d(-150px, 0, 0); -} -.ui.visible[class*='very thin'].right.sidebar ~ .fixed, -.ui.visible[class*='very thin'].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-60px, 0, 0); - transform: translate3d(-60px, 0, 0); -} -.ui.visible.wide.right.sidebar ~ .fixed, -.ui.visible.wide.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-350px, 0, 0); - transform: translate3d(-350px, 0, 0); -} -.ui.visible[class*='very wide'].right.sidebar ~ .fixed, -.ui.visible[class*='very wide'].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-475px, 0, 0); - transform: translate3d(-475px, 0, 0); -} -.ui.overlay.sidebar { - z-index: 102; -} -.ui.left.overlay.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.overlay.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.ui.top.overlay.sidebar { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.ui.bottom.overlay.sidebar { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.animating.ui.overlay.sidebar, -.ui.visible.overlay.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; -} -.ui.visible.left.overlay.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.right.overlay.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.top.overlay.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.bottom.overlay.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.overlay.sidebar ~ .fixed, -.ui.visible.overlay.sidebar ~ .pusher { - -webkit-transform: none !important; - transform: none !important; -} -.ui.push.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; - z-index: 102; -} -.ui.left.push.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.push.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.ui.top.push.sidebar { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.ui.bottom.push.sidebar { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.ui.visible.push.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - z-index: 1; -} -.ui.visible.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; -} -.ui.slide.along.sidebar { - z-index: 1; -} -.ui.left.slide.along.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); -} -.ui.right.slide.along.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); -} -.ui.top.slide.along.sidebar { - -webkit-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); -} -.ui.bottom.slide.along.sidebar { - -webkit-transform: translate3d(0, 50%, 0); - transform: translate3d(0, 50%, 0); -} -.ui.animating.slide.along.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; -} -.ui.visible.slide.along.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.slide.out.sidebar { - z-index: 1; -} -.ui.left.slide.out.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); -} -.ui.right.slide.out.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); -} -.ui.top.slide.out.sidebar { - -webkit-transform: translate3d(0, 50%, 0); - transform: translate3d(0, 50%, 0); -} -.ui.bottom.slide.out.sidebar { - -webkit-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); -} -.ui.animating.slide.out.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; -} -.ui.visible.slide.out.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.scale.down.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; - z-index: 102; -} -.ui.left.scale.down.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.ui.right.scale.down.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} -.ui.top.scale.down.sidebar { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} -.ui.bottom.scale.down.sidebar { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.ui.scale.down.left.sidebar ~ .pusher { - -webkit-transform-origin: 75% 50%; - transform-origin: 75% 50%; -} -.ui.scale.down.right.sidebar ~ .pusher { - -webkit-transform-origin: 25% 50%; - transform-origin: 25% 50%; -} -.ui.scale.down.top.sidebar ~ .pusher { - -webkit-transform-origin: 50% 75%; - transform-origin: 50% 75%; -} -.ui.scale.down.bottom.sidebar ~ .pusher { - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; -} -.ui.animating.scale.down > .visible.ui.sidebar { - -webkit-transition: -webkit-transform 0.5s ease; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; -} -.ui.animating.scale.down.sidebar ~ .pusher, -.ui.visible.scale.down.sidebar ~ .pusher { - display: block !important; - width: 100%; - height: 100%; - overflow: hidden !important; -} -.ui.visible.scale.down.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.ui.visible.scale.down.sidebar ~ .pusher { - -webkit-transform: scale(0.75); - transform: scale(0.75); -} /*! - * # Semantic UI 2.3.1 - Sticky - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.sticky { - position: static; - -webkit-transition: none; - transition: none; - z-index: 800; -} -.ui.sticky.bound { - position: absolute; - left: auto; - right: auto; -} -.ui.sticky.fixed { - position: fixed; - left: auto; - right: auto; -} -.ui.sticky.bound.top, -.ui.sticky.fixed.top { - top: 0; - bottom: auto; -} -.ui.sticky.bound.bottom, -.ui.sticky.fixed.bottom { - top: auto; - bottom: 0; -} -.ui.native.sticky { - position: -webkit-sticky; - position: -moz-sticky; - position: -ms-sticky; - position: -o-sticky; - position: sticky; -} /*! - * # Semantic UI 2.3.1 - Tab - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.ui.tab { - display: none; -} -.ui.tab.active, -.ui.tab.open { - display: block; -} -.ui.tab.loading { - position: relative; - overflow: hidden; - display: block; - min-height: 250px; -} -.ui.tab.loading * { - position: relative !important; - left: -10000px !important; -} -.ui.tab.loading.segment:before, -.ui.tab.loading:before { - position: absolute; - content: ''; - top: 100px; - left: 50%; - margin: -1.25em 0 0 -1.25em; - width: 2.5em; - height: 2.5em; - border-radius: 500rem; - border: 0.2em solid rgba(0, 0, 0, 0.1); -} -.ui.tab.loading.segment:after, -.ui.tab.loading:after { - position: absolute; - content: ''; - top: 100px; - left: 50%; - margin: -1.25em 0 0 -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; - -webkit-box-shadow: 0 0 0 1px transparent; - box-shadow: 0 0 0 1px transparent; -} /*! - * # Semantic UI 2.3.1 - Transition - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -.transition { - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-timing-function: ease; - animation-timing-function: ease; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} -.animating.transition { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - visibility: visible !important; -} -.loading.transition { - position: absolute; - top: -99999px; - left: -99999px; -} -.hidden.transition { - display: none; - visibility: hidden; -} -.visible.transition { - display: block !important; - visibility: visible !important; -} -.disabled.transition { - -webkit-animation-play-state: paused; - animation-play-state: paused; -} -.looping.transition { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} diff --git a/front/app/assets/semantic/themes/basic/assets/fonts/icons.eot b/front/app/assets/semantic/themes/basic/assets/fonts/icons.eot deleted file mode 100644 index 25066de069a6..000000000000 Binary files a/front/app/assets/semantic/themes/basic/assets/fonts/icons.eot and /dev/null differ diff --git a/front/app/assets/semantic/themes/basic/assets/fonts/icons.svg b/front/app/assets/semantic/themes/basic/assets/fonts/icons.svg deleted file mode 100644 index b9c54d022b26..000000000000 --- a/front/app/assets/semantic/themes/basic/assets/fonts/icons.svg +++ /dev/null @@ -1,450 +0,0 @@ - - - - -Created by FontForge 20100429 at Thu Sep 20 22:09:47 2012 - By root -Copyright (C) 2012 by original authors @ fontello.com - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/front/app/assets/semantic/themes/basic/assets/fonts/icons.ttf b/front/app/assets/semantic/themes/basic/assets/fonts/icons.ttf deleted file mode 100644 index 318a2643d3af..000000000000 Binary files a/front/app/assets/semantic/themes/basic/assets/fonts/icons.ttf and /dev/null differ diff --git a/front/app/assets/semantic/themes/basic/assets/fonts/icons.woff b/front/app/assets/semantic/themes/basic/assets/fonts/icons.woff deleted file mode 100644 index baba1b5ebee3..000000000000 Binary files a/front/app/assets/semantic/themes/basic/assets/fonts/icons.woff and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.eot b/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.eot deleted file mode 100644 index 0a1ef3f7ec16..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.eot and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.svg b/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.svg deleted file mode 100644 index 4c237533e017..000000000000 --- a/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.svg +++ /dev/null @@ -1,1008 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.ttf b/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.ttf deleted file mode 100644 index f99085132dc7..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.ttf and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.woff b/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.woff deleted file mode 100644 index 2e874012a93b..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.woff and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.woff2 b/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.woff2 deleted file mode 100644 index 0d575fd51acf..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/brand-icons.woff2 and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/icons.eot b/front/app/assets/semantic/themes/default/assets/fonts/icons.eot deleted file mode 100644 index ef75106be9bd..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/icons.eot and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/icons.otf b/front/app/assets/semantic/themes/default/assets/fonts/icons.otf deleted file mode 100644 index f7936cc1e789..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/icons.otf and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/icons.svg b/front/app/assets/semantic/themes/default/assets/fonts/icons.svg deleted file mode 100644 index 0ae8e3298091..000000000000 --- a/front/app/assets/semantic/themes/default/assets/fonts/icons.svg +++ /dev/null @@ -1,1518 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/front/app/assets/semantic/themes/default/assets/fonts/icons.ttf b/front/app/assets/semantic/themes/default/assets/fonts/icons.ttf deleted file mode 100644 index 17bb6747a599..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/icons.ttf and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/icons.woff b/front/app/assets/semantic/themes/default/assets/fonts/icons.woff deleted file mode 100644 index 4cf2a4fee4bd..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/icons.woff and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/icons.woff2 b/front/app/assets/semantic/themes/default/assets/fonts/icons.woff2 deleted file mode 100644 index eea9aa228137..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/icons.woff2 and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.eot b/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.eot deleted file mode 100644 index cda0a84cfb15..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.eot and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.svg b/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.svg deleted file mode 100644 index 2875252ef2f7..000000000000 --- a/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.svg +++ /dev/null @@ -1,366 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.ttf b/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.ttf deleted file mode 100644 index ee13f848ecc4..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.ttf and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.woff b/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.woff deleted file mode 100644 index bcd834354efe..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.woff and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.woff2 b/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.woff2 deleted file mode 100644 index 35cc7b3b7aca..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/fonts/outline-icons.woff2 and /dev/null differ diff --git a/front/app/assets/semantic/themes/default/assets/images/flags.png b/front/app/assets/semantic/themes/default/assets/images/flags.png deleted file mode 100644 index cdd33c3bc609..000000000000 Binary files a/front/app/assets/semantic/themes/default/assets/images/flags.png and /dev/null differ diff --git a/front/app/assets/semantic/themes/github/assets/fonts/octicons-local.ttf b/front/app/assets/semantic/themes/github/assets/fonts/octicons-local.ttf deleted file mode 100644 index d5f4e2ecaa31..000000000000 Binary files a/front/app/assets/semantic/themes/github/assets/fonts/octicons-local.ttf and /dev/null differ diff --git a/front/app/assets/semantic/themes/github/assets/fonts/octicons.svg b/front/app/assets/semantic/themes/github/assets/fonts/octicons.svg deleted file mode 100644 index d3116a69b20a..000000000000 --- a/front/app/assets/semantic/themes/github/assets/fonts/octicons.svg +++ /dev/null @@ -1,200 +0,0 @@ - - - - -(c) 2012-2015 GitHub - -When using the GitHub logos, be sure to follow the GitHub logo guidelines (https://github.com/logos) - -Font License: SIL OFL 1.1 (http://scripts.sil.org/OFL) -Applies to all font files - -Code License: MIT (http://choosealicense.com/licenses/mit/) -Applies to all other files - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/front/app/assets/semantic/themes/github/assets/fonts/octicons.ttf b/front/app/assets/semantic/themes/github/assets/fonts/octicons.ttf deleted file mode 100644 index 9e0910530527..000000000000 Binary files a/front/app/assets/semantic/themes/github/assets/fonts/octicons.ttf and /dev/null differ diff --git a/front/app/assets/semantic/themes/github/assets/fonts/octicons.woff b/front/app/assets/semantic/themes/github/assets/fonts/octicons.woff deleted file mode 100644 index cc3c19f0df5e..000000000000 Binary files a/front/app/assets/semantic/themes/github/assets/fonts/octicons.woff and /dev/null differ diff --git a/front/app/assets/semantic/themes/material/assets/fonts/icons.eot b/front/app/assets/semantic/themes/material/assets/fonts/icons.eot deleted file mode 100644 index 70508ebabc99..000000000000 Binary files a/front/app/assets/semantic/themes/material/assets/fonts/icons.eot and /dev/null differ diff --git a/front/app/assets/semantic/themes/material/assets/fonts/icons.svg b/front/app/assets/semantic/themes/material/assets/fonts/icons.svg deleted file mode 100644 index a449327e22c0..000000000000 --- a/front/app/assets/semantic/themes/material/assets/fonts/icons.svg +++ /dev/null @@ -1,2373 +0,0 @@ - - - - - -Created by FontForge 20151118 at Mon Feb 8 11:58:02 2016 - By shyndman -Copyright 2015 Google, Inc. All Rights Reserved. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/front/app/assets/semantic/themes/material/assets/fonts/icons.ttf b/front/app/assets/semantic/themes/material/assets/fonts/icons.ttf deleted file mode 100644 index 7015564ad166..000000000000 Binary files a/front/app/assets/semantic/themes/material/assets/fonts/icons.ttf and /dev/null differ diff --git a/front/app/assets/semantic/themes/material/assets/fonts/icons.woff b/front/app/assets/semantic/themes/material/assets/fonts/icons.woff deleted file mode 100644 index b648a3eea2d1..000000000000 Binary files a/front/app/assets/semantic/themes/material/assets/fonts/icons.woff and /dev/null differ diff --git a/front/app/assets/semantic/themes/material/assets/fonts/icons.woff2 b/front/app/assets/semantic/themes/material/assets/fonts/icons.woff2 deleted file mode 100644 index 9fa211252080..000000000000 Binary files a/front/app/assets/semantic/themes/material/assets/fonts/icons.woff2 and /dev/null differ diff --git a/front/app/component-library/assets/css/reset.css b/front/app/component-library/assets/css/reset.css index 42f33883aeea..ba0c7a0f6b2b 100644 --- a/front/app/component-library/assets/css/reset.css +++ b/front/app/component-library/assets/css/reset.css @@ -569,19 +569,6 @@ textarea { /* 2 */ } -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Site - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - /******************************* Page *******************************/ diff --git a/front/app/containers/Admin/index.tsx b/front/app/containers/Admin/index.tsx index d00bd76d2a94..8e01a36d53d8 100644 --- a/front/app/containers/Admin/index.tsx +++ b/front/app/containers/Admin/index.tsx @@ -12,9 +12,6 @@ import { isAdmin, isModerator } from 'utils/permissions/roles'; import Sidebar from './sideBar/'; -// stlying -import 'assets/semantic/semantic.min.css'; - const Container = styled.div` display: flex; background: ${colors.background}; diff --git a/front/package-lock.json b/front/package-lock.json index 83bc917784a8..ee53cd7b6b45 100644 --- a/front/package-lock.json +++ b/front/package-lock.json @@ -92,7 +92,6 @@ "react-transition-group": "4.4.5", "recharts": "2.12.7", "rxjs": "7.x", - "semantic-ui-react": "2.1.4", "shpjs": "6.0.1", "stream-http": "3.2.0", "styled-components": "5.3.9", @@ -3177,36 +3176,6 @@ "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz", "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==" }, - "node_modules/@fluentui/react-component-event-listener": { - "version": "0.63.1", - "resolved": "https://registry.npmjs.org/@fluentui/react-component-event-listener/-/react-component-event-listener-0.63.1.tgz", - "integrity": "sha512-gSMdOh6tI3IJKZFqxfQwbTpskpME0CvxdxGM2tdglmf6ZPVDi0L4+KKIm+2dN8nzb8Ya1A8ZT+Ddq0KmZtwVQg==", - "dependencies": { - "@babel/runtime": "^7.10.4" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17 || ^18", - "react-dom": "^16.8.0 || ^17 || ^18" - } - }, - "node_modules/@fluentui/react-component-ref": { - "version": "0.63.1", - "resolved": "https://registry.npmjs.org/@fluentui/react-component-ref/-/react-component-ref-0.63.1.tgz", - "integrity": "sha512-8MkXX4+R3i80msdbD4rFpEB4WWq2UDvGwG386g3ckIWbekdvN9z2kWAd9OXhRGqB7QeOsoAGWocp6gAMCivRlw==", - "dependencies": { - "@babel/runtime": "^7.10.4", - "react-is": "^16.6.3" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17 || ^18", - "react-dom": "^16.8.0 || ^17 || ^18" - } - }, - "node_modules/@fluentui/react-component-ref/node_modules/react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - }, "node_modules/@formatjs/ecma402-abstract": { "version": "1.11.8", "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.11.8.tgz", @@ -4989,19 +4958,6 @@ "@ndhoule/map": "^2.0.1" } }, - "node_modules/@semantic-ui-react/event-stack": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/@semantic-ui-react/event-stack/-/event-stack-3.1.3.tgz", - "integrity": "sha512-FdTmJyWvJaYinHrKRsMLDrz4tTMGdFfds299Qory53hBugiDvGC0tEJf+cHsi5igDwWb/CLOgOiChInHwq8URQ==", - "dependencies": { - "exenv": "^1.2.2", - "prop-types": "^15.6.2" - }, - "peerDependencies": { - "react": "^16.0.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0" - } - }, "node_modules/@sentry-internal/tracing": { "version": "7.50.0", "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.50.0.tgz", @@ -13469,11 +13425,6 @@ "node": ">=0.10.0" } }, - "node_modules/exenv": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz", - "integrity": "sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==" - }, "node_modules/exit": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz", @@ -17748,11 +17699,6 @@ "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz", "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A==" }, - "node_modules/keyboard-key": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/keyboard-key/-/keyboard-key-1.1.0.tgz", - "integrity": "sha512-qkBzPTi3rlAKvX7k0/ub44sqOfXeLc/jcnGGmj5c7BJpU8eDrEVPyhCvNYAaoubbsLm9uGWwQJO1ytQK1a9/dQ==" - }, "node_modules/keyv": { "version": "4.5.4", "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", @@ -22800,38 +22746,6 @@ "node": ">=10" } }, - "node_modules/semantic-ui-react": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/semantic-ui-react/-/semantic-ui-react-2.1.4.tgz", - "integrity": "sha512-7CxjBoFUfH7fUvtn+SPkkIocthUD9kV3niF1mUMa9TbeyPAf2brtRCZBlT2OpHaXmkscFzGjEfhbJo9gKfotzQ==", - "dependencies": { - "@babel/runtime": "^7.10.5", - "@fluentui/react-component-event-listener": "~0.63.0", - "@fluentui/react-component-ref": "~0.63.0", - "@popperjs/core": "^2.6.0", - "@semantic-ui-react/event-stack": "^3.1.3", - "clsx": "^1.1.1", - "keyboard-key": "^1.1.0", - "lodash": "^4.17.21", - "lodash-es": "^4.17.21", - "prop-types": "^15.7.2", - "react-is": "^16.8.6 || ^17.0.0 || ^18.0.0", - "react-popper": "^2.3.0", - "shallowequal": "^1.1.0" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" - } - }, - "node_modules/semantic-ui-react/node_modules/clsx": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz", - "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==", - "engines": { - "node": ">=6" - } - }, "node_modules/semver": { "version": "6.3.1", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", diff --git a/front/package.json b/front/package.json index af2dec8cbb4d..3629ee12e24c 100644 --- a/front/package.json +++ b/front/package.json @@ -137,7 +137,6 @@ "react-transition-group": "4.4.5", "recharts": "2.12.7", "rxjs": "7.x", - "semantic-ui-react": "2.1.4", "shpjs": "6.0.1", "stream-http": "3.2.0", "styled-components": "5.3.9",