Skip to content
Snippets Groups Projects
important.css 56.07 KiB
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}


html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    line-height: 1.15;
    
    -ms-text-size-adjust: 100%;
    
    -webkit-text-size-adjust: 100%;
    
}

body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    
    height: 0;
    
    overflow: visible;
    
}

pre {
    font-family: monospace, monospace;
    
    font-size: 1em;
    
}

a {
    background-color: transparent;
    
    -webkit-text-decoration-skip: objects;
    
}

abbr[title] {
    border-bottom: none;
    
    text-decoration: underline;
    
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    
    font-size: 1em;
    
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    
    font-size: 100%;
    
    line-height: 1.15;
    
    margin: 0;
    
}

button,
input {
    
    overflow: visible;
}

button,
select {
    
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    color: inherit;
    
    display: table;
    
    max-width: 100%;
    
    padding: 0;
    
    white-space: normal;
    
}

progress {
    display: inline-block;
    
    vertical-align: baseline;
    
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    padding: 0;
    
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    
    outline-offset: -2px;
    
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    
    font: inherit;
    
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

html,
body {
    height: 100%;
}

html {
    font-size: 14px;
}

body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    min-width: 320px;
    background: #FFFFFF;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.4285em;
    color: rgba(0, 0, 0, 0.87);
    font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 1.28571429em;
    margin: calc(2rem -  0.14285714em ) 0em 1rem;
    font-weight: bold;
    padding: 0em;
}

h1 {
    min-height: 1rem;
    font-size: 2rem;
}

h2 {
    font-size: 1.71428571rem;
}

h3 {
    font-size: 1.28571429rem;
}

h4 {
    font-size: 1.07142857rem;
}

h5 {
    font-size: 1rem;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
    margin-top: 0em;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
    margin-bottom: 0em;
}

p {
    margin: 0em 0em 1em;
    line-height: 1.4285em;
}

p:first-child {
    margin-top: 0em;
}

p:last-child {
    margin-bottom: 0em;
}

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);
}

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);
}

body ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}

body ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0px;
}

body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

body ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.15);
}

body ::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 135, 139, 0.8);
}

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);
}

.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background: #E0E1E2 none;
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0em 0.25em 0em 0em;
    padding: 0.78571429em 1.5em 0.78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: bold;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.28571429rem;
    -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;
}

.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;
}

.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.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;
}

.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;
}

.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;
}

.ui.basic.buttons .ui.disabled.button {
    border-color: rgba(34, 36, 38, 0.5);
}

.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);
}

.ui.basic.buttons .active.button:hover,
.ui.basic.active.button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.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;
}

.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;
}

.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;
}

.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;
}

.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);
}

.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);
}

.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);
}

.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;
}

.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
    font-size: 1.42857143rem;
}

.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: 'Lato', '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;
}

.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);
}

.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.divider > .icon {
    margin: 0rem;
    font-size: 1rem;
    height: 1em;
    vertical-align: middle;
}

.ui.hidden.divider {
    border-color: transparent !important;
}

.ui.hidden.divider:before,
.ui.hidden.divider:after {
    display: none;
}

.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;
}

.ui.section.divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.ui.divider {
    font-size: 1rem;
}

.ui.header {
    border: none;
    margin: calc(2rem -  0.14285714em ) 0em 1rem;
    padding: 0em 0em;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.28571429em;
    text-transform: none;
    color: rgba(0, 0, 0, 0.87);
}

.ui.header:first-child {
    margin-top: -0.14285714em;
}

.ui.header:last-child {
    margin-bottom: 0em;
}

.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);
}

.ui.inverted.header {
    color: #FFFFFF;
}

.ui.inverted.header .sub.header {
    color: rgba(255, 255, 255, 0.8);
}

.ui.header > .icon {
    display: table-cell;
    opacity: 1;
    font-size: 1.5em;
    padding-top: 0em;
    vertical-align: middle;
}

.ui.header .icon:only-child {
    display: inline-block;
    padding: 0em;
    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 > img + .content,
.ui.header > .image + .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: 0em;
}

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.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1.28571429em;
}

@font-face {
    font-family: 'Icons';
    src: url("assets/fonts/icons.eot");
    src: url("assets/fonts/icons.eot?#iefix") format('embedded-opentype'), url("assets/fonts/icons.woff2") format('woff2'), url("assets/fonts/icons.woff") format('woff'), url("assets/fonts/icons.ttf") format('truetype'), url("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;
}

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);
    }
}

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: 0em;
}

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.5em !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;
}

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.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);
}

i.bordered.icon {
    line-height: 1;
    vertical-align: baseline;
    width: 2em;
    height: 2em;
    padding: 0.5em 0.41em !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;
}

i.inverted.bordered.icon,
i.inverted.circular.icon {
    background-color: #1B1C1D !important;
    color: #FFFFFF !important;
}

i.inverted.icon {
    color: #FFFFFF;
}

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: 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;
}

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 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

i.icon.github:before {
    content: "\f09b";
}

i.icon.download:before {
    content: "\e800";
}

.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;
}

.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;
}

.ui.inverted.segment > .ui.header {
    color: #FFFFFF;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.ui.tall.stacked.segments:before,
.ui.tall.stacked.segment:before {
    display: block;
    bottom: 0px;
}

.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);
}

.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: 0px;
    padding-right: 0px;
}

.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.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);
}

.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;
}

.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;
}

.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;
}

.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: 0em;
}

.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);
}

.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);
}

.ui.horizontal.segments > .segment {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -ms-flex: 1 1 0px;
    
    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);
}

.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.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: #555555;
}

.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: 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;
}

.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;
}

.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;
}

.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;
}

.ui.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0em;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: #FFFFFF;
    font-weight: normal;
    border: 1px solid rgba(34, 36, 38, 0.15);
    -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;
}

.ui.menu .menu {
    margin: 0em;
}
.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: 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;
}

.ui.menu .item:before {
    position: absolute;
    content: '';
    top: 0%;
    right: 0px;
    height: 100%;
    width: 1px;
    background: rgba(34, 36, 38, 0.1);
}

.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;
}

.ui.menu .item > i.icon {
    opacity: 0.9;
    float: none;
    margin: 0em 0.35714286em 0em 0em;
}

.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;
}

.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;
}

.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;
}

.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;
}

.ui.menu .item > i.dropdown.icon {
    padding: 0em;
    float: right;
    margin: 0em 0em 0em 1em;
}

.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;
}

.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;
}

.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: 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;
}

.ui.item.menu .dropdown .menu .item {
    width: 100%;
}

.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;
}

.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;
}

.ui.vertical.sidebar.menu > .item:first-child:before {
    display: block !important;
}

.ui.vertical.sidebar.menu > .item::before {
    top: auto;
    bottom: 0px;
}

@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);
    }
}

.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: normal;
    -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;
    background-color: transparent !important;
    color: rgba(40, 40, 40, 0.3);
}

.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.secondary.menu {
    background: none;
    margin-left: -0.35714286em;
    margin-right: -0.35714286em;
    border-radius: 0em;
    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: 0em 0.35714286em;
    background: none;
    -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: 0em;
    border-right: none;
    background: none transparent;
}

.ui.secondary.menu .item > img:not(.ui) {
    margin: 0em;
}

.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: #ffffff !important;
}

.ui.secondary.inverted.menu .active.item {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff !important;
}

.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;
}

.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;
}

.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;
}

.ui.vertical.secondary.menu .item > .menu .item {
    background-color: transparent;
}

.ui.secondary.inverted.menu {
    background-color: transparent;
}

.ui.menu {
    font-size: 1rem;
}

.ui.large.menu {
    font-size: 1.07142857rem;
}

.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;
}

.ui.items {
    margin: 1.5em 0em;
}

.ui.items:first-child {
    margin-top: 0em !important;
}

.ui.items:last-child {
    margin-bottom: 0em !important;
}

.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;
}

.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;
}

.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: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    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 img.avatar,
.ui.items > .item .avatar img {
    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: 0em 0em 0.5em;
}

.ui.items > .item > .content p:last-child {
    margin-bottom: 0em;
}

.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;
}

.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 .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;
}

.ui.items > .item > .image:not(.ui) {
    width: 175px;
}

@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;
    }
}

@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;
    }
}

.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 0em;
}

.ui[class*="very relaxed"].items > .item {
    margin: 2em 0em;
}

.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;
}

.ui.relaxed.divided.items > .item {
    margin: 0em;
    padding: 1.5em 0em;
}

.ui[class*="very relaxed"].divided.items > .item {
    margin: 0em;
    padding: 2em 0em;
}

.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;
    }
}

.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;
}

.ui.centered.images,
.ui.centered.image {
    margin-left: auto;
    margin-right: auto;
}

.ui.mini.images .image,
.ui.mini.images img,
.ui.mini.images svg,
.ui.mini.image {
    width: 35px;
    height: auto;
    font-size: 0.78571429rem;
}

.pusher .stripe {
    padding: 5rem 0;
}