/* src/style/nc-reset.css
see:
https://github.com/mozdevs/cssremedy/blob/master/css/remedy.css
https://github.com/mozdevs/cssremedy/blob/master/css/reminders.css
*/

*,
::before,
::after {
	box-sizing: border-box;
	/* Switch to border-box for box-sizing. */
}

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

body {
	margin: 0;
	/* Remove the tiny space around the edge of the page */
}

pre {
	white-space: pre-wrap;
	/* Overflow by default is bad. */
}
/*!
 * # Fomantic-UI 2.9.4 - Site
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
             Page
*******************************/

@font-face {
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont;
  src: url("/assets/LatoLatin-Regular.woff2") format("woff2") , url("/assets/LatoLatin-Regular.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
}
@font-face {
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont;
  src: url("/assets/LatoLatin-Bold.woff2") format("woff2") , url("/assets/LatoLatin-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  text-rendering: optimizeLegibility;
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
}
@font-face {
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont;
  src: url("/assets/LatoLatin-Italic.woff2") format("woff2") , url("/assets/LatoLatin-Italic.woff") format("woff");
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
}
@font-face {
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont;
  src: url("/assets/LatoLatin-BoldItalic.woff2") format("woff2") , url("/assets/LatoLatin-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  text-rendering: optimizeLegibility;
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-017F, U+0192, U+0218-021B, U+0237, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20A3-20A4, U+20A7, U+20AC, U+2113, U+2122, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
}
@font-face {
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont;
  src: url("/assets/Lato-Regular.woff2") format("woff2") , url("/assets/Lato-Regular.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
  unicode-range: U+0180-0191, U+0193-0217, U+021C-0236, U+0238-02C5, U+02C8, U+02CA-02D7, U+02DE-036F, U+0374-0375, U+037A-037E, U+0384-038A, U+038C, U+038E-0393, U+0395-03A1, U+03A3-03A8, U+03AA-03BB, U+03BD-03BF, U+03C1-03CE, U+03D0-0486, U+0488-0513, U+1D00-1DCA, U+1DFE-1E7F, U+1E86-1E9B, U+1E9E, U+1EA0-1EF9, U+1F00-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-200F, U+2012, U+2015-2017, U+201B, U+201F, U+202F, U+2034, U+203C-203E, U+205E-205F, U+2070-2071, U+2074-2094, U+20A0-20A2, U+20A5-20A6, U+20A8-20AB, U+20AD-20B5, U+20B8-20BA, U+20DD, U+2105, U+2116-2117, U+2120, U+2132, U+214D-214E, U+2153-215F, U+2183-2184, U+2190-2199, U+21A8, U+221F, U+2229, U+2261, U+2302, U+2310, U+2320-2321, U+2460-2473, U+24EA-24F4, U+24FF-2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+2C60-2C6C, U+2C74-2C77;
}
@font-face {
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont;
  src: url("/assets/Lato-Bold.woff2") format("woff2") , url("/assets/Lato-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  text-rendering: optimizeLegibility;
  unicode-range: U+0180-0191, U+0193-0217, U+021C-0236, U+0238-02C5, U+02C8, U+02CA-02D7, U+02DE-036F, U+0374-0375, U+037A-037E, U+0384-038A, U+038C, U+038E-0393, U+0395-03A1, U+03A3-03A8, U+03AA-03BB, U+03BD-03BF, U+03C1-03CE, U+03D0-0486, U+0488-0513, U+1D00-1DCA, U+1DFE-1E7F, U+1E86-1E9B, U+1E9E, U+1EA0-1EF9, U+1F00-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-200F, U+2012, U+2015-2017, U+201B, U+201F, U+202F, U+2034, U+203C-203E, U+205E-205F, U+2070-2071, U+2074-2094, U+20A0-20A2, U+20A5-20A6, U+20A8-20AB, U+20AD-20B5, U+20B8-20BA, U+20DD, U+2105, U+2116-2117, U+2120, U+2132, U+214D-214E, U+2153-215F, U+2183-2184, U+2190-2199, U+21A8, U+221F, U+2229, U+2261, U+2302, U+2310, U+2320-2321, U+2460-2473, U+24EA-24F4, U+24FF-2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+2C60-2C6C, U+2C74-2C77;
}
@font-face {
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont;
  src: url("/assets/Lato-Italic.woff2") format("woff2") , url("/assets/Lato-Italic.woff") format("woff");
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  text-rendering: optimizeLegibility;
  unicode-range: U+0180-0191, U+0193-0217, U+021C-0236, U+0238-02C5, U+02C8, U+02CA-02D7, U+02DE-036F, U+0374-0375, U+037A-037E, U+0384-038A, U+038C, U+038E-0393, U+0395-03A1, U+03A3-03A8, U+03AA-03BB, U+03BD-03BF, U+03C1-03CE, U+03D0-0486, U+0488-0513, U+1D00-1DCA, U+1DFE-1E7F, U+1E86-1E9B, U+1E9E, U+1EA0-1EF9, U+1F00-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-200F, U+2012, U+2015-2017, U+201B, U+201F, U+202F, U+2034, U+203C-203E, U+205E-205F, U+2070-2071, U+2074-2094, U+20A0-20A2, U+20A5-20A6, U+20A8-20AB, U+20AD-20B5, U+20B8-20BA, U+20DD, U+2105, U+2116-2117, U+2120, U+2132, U+214D-214E, U+2153-215F, U+2183-2184, U+2190-2199, U+21A8, U+221F, U+2229, U+2261, U+2302, U+2310, U+2320-2321, U+2460-2473, U+24EA-24F4, U+24FF-2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+2C60-2C6C, U+2C74-2C77;
}
@font-face {
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont;
  src: url("/assets/Lato-BoldItalic.woff2") format("woff2") , url("/assets/Lato-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  text-rendering: optimizeLegibility;
  unicode-range: U+0180-0191, U+0193-0217, U+021C-0236, U+0238-02C5, U+02C8, U+02CA-02D7, U+02DE-036F, U+0374-0375, U+037A-037E, U+0384-038A, U+038C, U+038E-0393, U+0395-03A1, U+03A3-03A8, U+03AA-03BB, U+03BD-03BF, U+03C1-03CE, U+03D0-0486, U+0488-0513, U+1D00-1DCA, U+1DFE-1E7F, U+1E86-1E9B, U+1E9E, U+1EA0-1EF9, U+1F00-1F15, U+1F18-1F1D, U+1F20-1F45, U+1F48-1F4D, U+1F50-1F57, U+1F59, U+1F5B, U+1F5D, U+1F5F-1F7D, U+1F80-1FB4, U+1FB6-1FC4, U+1FC6-1FD3, U+1FD6-1FDB, U+1FDD-1FEF, U+1FF2-1FF4, U+1FF6-1FFE, U+2000-200F, U+2012, U+2015-2017, U+201B, U+201F, U+202F, U+2034, U+203C-203E, U+205E-205F, U+2070-2071, U+2074-2094, U+20A0-20A2, U+20A5-20A6, U+20A8-20AB, U+20AD-20B5, U+20B8-20BA, U+20DD, U+2105, U+2116-2117, U+2120, U+2132, U+214D-214E, U+2153-215F, U+2183-2184, U+2190-2199, U+21A8, U+221F, U+2229, U+2261, U+2302, U+2310, U+2320-2321, U+2460-2473, U+24EA-24F4, U+24FF-2500, U+2502, U+250C, U+2510, U+2514, U+2518, U+2C60-2C6C, U+2C74-2C77;
}
html,
body {
  height: 100%;
}
html {
  font-size: 15px;
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  min-width: 320px;
  background: #fff;
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
}


/*******************************
             Headers
*******************************/

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.28571429em;
  margin: calc(2rem - 0.1428571428571429em) 0 1rem;
  font-weight: 500;
  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;
}


/*******************************
             Text
*******************************/

p {
  margin: 0 0 1em;
  line-height: 1.4285em;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

/* -------------------
        Links
-------------------- */
a {
  color: #4183c4;
  text-decoration: none;
}
a:hover {
  color: #1e70bf;
  text-decoration: none;
}


/*******************************
         Scrollbars
*******************************/


/* 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: 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 {
  
/* IE11 */
  scrollbar-face-color: #bfbfbf;
  scrollbar-shadow-color: #bfbfbf;
  scrollbar-track-color: #e6e6e6;
  scrollbar-arrow-color: #e6e6e6;
}
@supports (-moz-appearance: none) {
  body .ui {
    
/* firefox: first color thumb, second track */
    scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
    scrollbar-width: thin;
  }
}

/* Inverted UI */
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}
body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}
body .ui.inverted:not(.dimmer) {
  
/* IE11 */
  scrollbar-face-color: #656565;
  scrollbar-shadow-color: #656565;
  scrollbar-track-color: #323232;
  scrollbar-arrow-color: #323232;
}
@supports (-moz-appearance: none) {
  body .ui.inverted:not(.dimmer) {
    
/* firefox: first color thumb, second track */
    scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
  }
}


/*******************************
          Highlighting
*******************************/


/* Site */
::-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::-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);
}


/*******************************
        Global Overrides
*******************************/

/* src/style/nc-dark-mode.css
see readme.md for flexbox links
*/

/*
NOTE: this prefers-color-scheme -style is inside index.html, we must prevent screen flickering with dark mode
@media (prefers-color-scheme: dark) {
	html {
		filter: invert(1) hue-rotate(180deg);
		background-color: black;
	}
}
*/

html {
	scroll-behavior: smooth;
	transition: filter 0.35s ease;
}
.dark {
	filter: invert(1) hue-rotate(180deg);
}
.dark span#logo-graph {
	/* invert back echarts over logo last letter */
	filter: invert(1) hue-rotate(180deg);
}
.dark .nc-grid svg {
	/* invert back svg inside the grid */
	filter: invert(1) hue-rotate(180deg);
}
.nc-autofill .nc-input {
	/* chrome login and password dark mode fix */
	-webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
}
.dark .bs {
	/* invert back, since bootstrap has its own dark mode */
	filter: invert(1) hue-rotate(180deg);
}
.light {
	filter: none;
}
.dark body {
	/* body is lighter than other html elements that are black */
	background-color: #e2e2e2;
}
@supports (-moz-appearance: none) {
	.dark body {
		background-color: #dadada; /* Firefox, same as #e2e2e2 in other browsers, also same as background-color: #242424 in index.html  */
	}
}
/* @media (prefers-color-scheme: dark) { */
/*
.dark .ui.form {
	background-color: #6f6f6f;
	color: #efefef;
}
.dark .ui.menu {
	background-color: #9f9f9f !important;
}
.dark .item.active {
	background-color: #afafaf !important;
}
.dark .ui.tab .nc-input .nc-textarea .nc-code-editor pre .nc-dropdown .ag-root .ag-row {
	background-color: #7f7f7f !important;
}
.dark .ag-header {
	background-color: #777 !important;
}
.dark .nc-input:disabled {
	background-color: #7f7f7f !important;
}
/* } */
/* src/style/nc-main.css
see readme.md for flexbox links
*/
:root {
	--pointer-events: auto;
	--semi-bold: 600;
	--default-font-size: 14px;
	--grid-label-font-size: 14px;
	--grid-label-font-weight: 450; /*450 is for variable font, otherwise 500 */
	--grid-label-font-color: #404040; /* DimGray = #696969 */
	--grid-footer-font-color: #909090;
	--grid-footer-font-size: 14px;
	--small-input-font-size: 10px;
	--small-label-font-size: 12px;
	--big-label-font-size: 16px;
	--page-header-font-size: 24px;
}

.nc-fade-enter-active,
.nc-fade-leave-active {
	transition: opacity 0.3s ease;
}
.nc-fade-enter-from,
.nc-fade-leave-to {
	opacity: 0;
}

.nc-fade-fast-enter-active,
.nc-fade-fast-leave-active {
	transition: opacity 0.2s ease-out;
}
.nc-fade-fast-enter-from,
.nc-fade-fast-leave-to {
	opacity: 0;
}

.nc-slide-down-enter-active,
.nc-slide-down-leave-active {
	transition:
		height 0.2s ease-out,
		opacity 0.35s ease-out;
}
.nc-slide-down-enter-from,
.nc-slide-down-leave-to {
	height: 0;
	opacity: 0;
}

.nc-animate-width,
.nc-animate-width > * {
	transition: width 0.2s ease;
}

.nc-error-message-enter-active {
	transition: all 0.3s ease-out;
}
.nc-error-message-leave-active {
	transition: all 0.3s ease-in;
}
.nc-error-message-enter-from {
	opacity: 0;
	transform: translateY(-10px);
}
.nc-error-message-leave-to {
	opacity: 0;
	transform: translateY(10px);
}

hr {
	width: 100%;
	border-top: 1px solid Silver;
	margin-top: 0px;
	margin-bottom: 0px;
}

.nc-border-line {
	outline-offset: 0px;
	outline: 2px solid grey;
}

.nc-border-line-bottom {
	border-bottom: 2px solid grey;
}

.nc-border-line-left {
	border-left: 2px solid grey;
	padding-left: 8px;
}

.nc-overflow-auto {
	overflow: auto;
}

.nc-overflow-hidden {
	overflow: hidden;
}

.nc-bold {
	font-weight: 600;
}

.nc-bolder {
	font-weight: 500;
}

.nc-emphasis {
	font-style: oblique;
}

.nc-main {
	padding-block-start: 1em;
	padding-inline-start: 1.7em;
	padding-inline-end: 1.7em;
	transition: ease all 0.5s;
}

/* @media only screen and (max-width: undefined) { */
/* https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.nc-main {
		padding-inline-start: 0.5em;
		padding-inline-end: 0.5em;
	}
}
/* forms */

.nc-form {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-content: flex-start;
	align-items: flex-start;
}

/* justify-content: space-between; */

.nc-row {
	padding: 1px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}

.normal-row-height {
	min-height: 41.2031px; /* copied from inspector, may not be correct */
}

.nc-row[style*='display: none;'] + .nc-row {
	margin-top: 0.1em;
}
.nc-row[style*='visibility: hidden;'] + .nc-row {
	margin-top: 0.1em;
}

.nc-col {
	display: flex;
	flex-wrap: wrap;
}

.nc-dim-primary {
	background-color: #68a3d0 !important;
}

/* 2 or more columns together */
.nc-col + .nc-col {
	padding-left: 0.5em;
}
.nc-col[style*='display: none;'] + .nc-col {
	padding-left: 0em;
}
.nc-col[style*='visibility: hidden;'] + .nc-col {
	padding-left: 0em;
}
/* 2 or more columns together, but wrapped */
/* .nc-col:not('display: none') + .nc-col:not(:first-child) {
	padding-left: 0em; / *  0.5em or 0em; todo: fix this later, inputs are not aligned * /
} */

@media only screen and (max-width: 415px) {
	.nc-col {
		min-width: 100%;
	}

	.nc-col + .nc-col {
		padding-left: 0em;
	}
}
@media only screen and (max-width: 599px) {
	.nc-form-fields {
		min-width: 100%;
	}
}
@media only screen and (min-width: 600px) {
	.nc-form-fields:only-of-type {
		padding-left: 0em;
		padding-right: 0em;
	}

	.nc-form-fields:nth-of-type(1) {
		padding-left: 0em;
		padding-right: 1em;
	}

	.nc-form-fields + .nc-form-fields {
		padding-left: 1em;
		padding-right: 1em;
	}

	.nc-form-fields:nth-last-of-type(1) {
		padding-left: 1em;
		padding-right: 0em;
	}
}
@media only screen and (max-width: 900px) {
	.nc-form-fields:nth-of-type(1) {
		min-width: 100%;
		padding-left: 0em;
		padding-right: 0em;
	}

	.nc-form-fields + .nc-form-fields {
		min-width: 100%;
		padding-left: 0em;
		padding-right: 0em;
	}
}
.nc-report .nc-col + .nc-col {
	margin-left: 0px;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

/* iPhone 7+ is 414px width */
/* justify-content: space-around; */
/* https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/* @media only screen and (max-width: undefined) { */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.nc-form .nc-row {
		display: block;
	}
}

/* flex: 0 1 auto
This is the shorthand for flex-grow, flex-shrink and flex-basis combined.
The second and third parameters (flex-shrink and flex-basis) are optional. Default is 0 1 auto.
'flex: 1' is same as:
	flex-grow: 1
	flex-basis: 0
	flex-shrink: 1
*/

.nc-col-auto {
	flex: 1;
}

.nc-full-width {
	width: 100%;
}

/* label-input from semantic has margin-bottom */
.nc-disabled-input-dark input[type='text'][disabled] {
	opacity: 0.8 !important;
}

.nc-top-label {
	margin-bottom: 4px;
}

.nc-padding-left {
	padding-left: 1em;
}

.nc-margin-top {
	margin-top: 0.5em !important;
}

.nc-container-margin-top {
	margin-top: -2em !important;
}

.nc-item-margin-top {
	margin-top: 2.5em !important;
}

.nc-margin-left {
	margin-left: 0.5em !important;
}

.nc-margin-right {
	margin-right: 0.5em !important;
}

.nc-margin-right-big {
	margin-right: 2em !important;
}

.nc-move-down {
	margin-bottom: -2.6em;
}

.nc-on-top {
	z-index: 1;
}

/* .nc-margin-bottom {
	margin-bottom: 0.5em !important;
}
.nc-header {
	margin-bottom: 0.5em !important;
} */
/* in nc-layout-editor.vue */

.nc-border-top {
	border-top: 1px solid;
}

.nc-center-v {
	align-items: center;
}

.nc-center-h {
	text-align: center;
	justify-content: center;
}

.nc-center-screen {
	align-self: flex-start !important;
	justify-content: center !important; /* TODO: flex-start for big items */
	align-items: flex-start !important;
}

.nc-align-top {
	align-self: flex-start !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

.nc-col:has(.nc-segment) {
	align-self: flex-start !important; /* align top */
}

.nc-padding-bottom {
	padding-bottom: 1em !important;
}

.nc-end-h {
	justify-content: flex-end !important;
}

.nc-align-bottom {
	align-self: flex-end !important;
	justify-content: flex-end !important;
	align-items: flex-end !important;
}

.nc-space-around {
	justify-content: space-around;
}

.nc-space-between {
	justify-content: space-between;
}

.nc-space-evenly {
	justify-content: space-evenly;
}

/* fix font-awesone icons */

.svg-inline--fa {
	margin-right: 0.3em;
}

@media print {
	.nc-no-print,
	.nc-no-print * {
		display: none !important;
		width: 0px !important;
		padding-inline-start: 0em !important;
		padding-inline-end: 0em !important;
	}
}
@media print {
	pre,
	div {
		break-inside: avoid;
	}
}

/* text */
.oblique {
	font-style: oblique 6deg !important;
}
.center {
	text-align: center !important;
}

/* colors */
.dimmed {
	color: rgba(0, 0, 0, 0.25) !important;
}
.blue {
	color: blue !important;
}
.lightblue {
	color: royalblue !important;
}
.darkblue {
	color: darkblue !important;
}

.red {
	color: Crimson !important;
}

.darkred {
	color: Firebrick !important;
}

.brown {
	color: Sienna !important;
}

.lightbrown {
	color: RosyBrown !important;
}

.teal {
	color: teal !important;
}

.green {
	color: forestgreen !important;
}

.darkgreen {
	color: rgb(0, 80, 0) !important;
}

.white {
	color: white !important;
}

.black {
	color: black !important;
}

.grey {
	color: darkgray !important;
}

.darkgrey {
	color: dimgray !important;
}

.nc-cell-error {
	background-color: #ffe6e6 !important;
	border: 1px solid #ff6b6b !important;
	transition: background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
	animation: error-fade-in 0.4s ease-out;
}

@keyframes error-fade-in {
	from {
		opacity: 0;
		transform: scale(0.98);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
/* src/style/nc-main-font.css */
/*
https://www.webdesignerdepot.com/2013/01/how-to-use-any-font-you-like-with-css3/
http://www.Robotofonts.com/Roboto-free-fonts/
*/

@font-face {
	/* converted using https://cloudconvert.com/ttf-to-woff2 (https://webfont.yabe.land/en/misc/convert-ttf-woff2/)
	see: https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,slnt,wdth,wght,GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC@8..144,-10..0,25..151,100..1000,-200..150,323..603,25..135,649..854,-305..-98,560..788,416..570,528..760
	 */
	font-family: 'Roboto Flex';
	font-style: oblique 0deg 10deg;
	font-weight: 100 1000;
	font-stretch: 25% 151%;
	src: url(https://fonts.gstatic.com/s/robotoflex/v26/NaPLcZLOBv5T3oB7Cb4i0xG2bBVmtU5Wc7yZcSAuwtiLlX2WpA.woff2) format('woff2');
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
		U+FFFD;
	src:
		local('Roboto Flex'),
		local('Roboto-Flex'),
		url('/assets/Roboto-Flex.woff2') format('woff2'),
		url('/assets/Roboto-Flex.woff') format('woff'),
		url('/assets/Roboto-Flex.ttf') format('ttf');
	text-rendering: optimizeLegibility;
	font-display: swap;
}

/*
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	src:
		local('Roboto Regular'),
		local('Roboto-Regular'),
		url('../assets/fonts/Roboto-Regular.woff2') format('woff2'),
		url('../assets/fonts/Roboto-Regular.woff') format('woff'); /*  Roboto-Regular.woff?v=2.0.1.5 * /
	text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: normal;
	src:
		local('Roboto Regular Italic'),
		local('Roboto-RegularItalic'),
		url('../assets/fonts/Roboto-RegularItalic.woff2') format('woff2'),
		url('../assets/fonts/Roboto-RegularItalic.woff') format('woff');
	text-rendering: optimizeLegibility;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	src:
		local('Roboto Medium'),
		local('Roboto-Medium'),
		url('../assets/fonts/Roboto-Medium.woff2') format('woff2'),
		url('../assets/fonts/Roboto-Medium.woff') format('woff');
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: bold;
	src:
		local('Roboto Medium Italic'),
		local('Roboto-Mediumtalic'),
		url('../assets/fonts/Roboto-MediumItalic.woff2') format('woff2'),
		url('../assets/fonts/Roboto-MediumItalic.woff') format('woff');
	text-rendering: optimizeLegibility;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src:
		local('Roboto Medium'),
		local('Roboto-Medium'),
		url('../assets/fonts/Roboto-Medium.woff2') format('woff2'),
		url('../assets/fonts/Roboto-Medium.woff') format('woff');
	text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src:
		local('Roboto Medium Italic'),
		local('Roboto-Mediumtalic'),
		url('../assets/fonts/Roboto-MediumItalic.woff2') format('woff2'),
		url('../assets/fonts/Roboto-MediumItalic.woff') format('woff');
	text-rendering: optimizeLegibility;
	font-display: swap;
}
 */
/*
 * Font Awesome Pro 5.15.1, only frontpage logo css
 */

.fa-layers {
	display: inline-block;
	height: 1em;
	position: relative;
	text-align: center;
	vertical-align: -0.125em;
	width: 1em;
}
.fa-layers svg.svg-inline--fa {
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
.fa-layers svg.svg-inline--fa {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
}
.svg-inline--fa.fa-w-16 {
	width: 1em;
}

.fa-layers-text,
.fa-layers-counter {
	display: inline-block;
	position: absolute;
	text-align: center;
}

.fa-layers-counter {
	background-color: #ff253a;
	border-radius: 1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	height: 1.5em;
	line-height: 1;
	max-width: 5em;
	min-width: 1.5em;
	overflow: hidden;
	padding: 0.25em;
	right: 0;
	text-overflow: ellipsis;
	top: 0;
	-webkit-transform: scale(0.25);
	transform: scale(0.25);
	-webkit-transform-origin: top right;
	transform-origin: top right;
}

.fa-stack {
	display: inline-block;
	height: 2em;
	position: relative;
	width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
}

.fa-2x {
	font-size: 2em;
}

.fa-fw {
	text-align: center;
	width: 1.25em;
}
/*!
 * # Fomantic-UI 2.9.4 - Form
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            Elements
*******************************/


/* --------------------
        Form
--------------------- */
.ui.form {
  position: relative;
  max-width: 100%;
}

/* --------------------
        Content
--------------------- */
.ui.form > p {
  margin: 1em 0;
}

/* --------------------
        Field
--------------------- */
.ui.form .field {
  clear: both;
  margin: 0 0 1em;
}
.ui.form .fields .fields,
.ui.form .field:last-child,
.ui.form .fields:last-child .field {
  margin-bottom: 0;
}
.ui.form .fields .field {
  clear: both;
  margin: 0;
}

/* --------------------
        Labels
--------------------- */
.ui.form .field > label {
  display: block;
  margin: 0 0 0.26666667rem 0;
  font-size: 0.93333333em;
  font-weight: 500;
  text-transform: none;
}
.ui.form:not(.inverted) .field > label:not(.button) {
  color: rgba(0, 0, 0, 0.87);
}

/* --------------------
    Standard Inputs
--------------------- */
.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="color"],
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="month"],
.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"],
.ui.form input[type="week"] {
  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="color"],
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="month"],
.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"],
.ui.form input[type="week"] {
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 1.21428571em;
  padding: 0.55952381em 0.66666667em;
  font-size: 1em;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.26666667rem;
  -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 input[type="color"] {
  padding: initial;
}
.ui.form input::-webkit-calendar-picker-indicator {
  padding: 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

/* Text Area */
.ui.input textarea,
.ui.form textarea {
  margin: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0.66666667em 0.66666667em;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: none;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.26666667rem;
  -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;
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.2857;
  resize: vertical;
  min-height: 2.76183333em;
}
.ui.input > textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 100%;
}
.ui.form textarea:not([rows]) {
  height: 12em;
  min-height: 8em;
  max-height: 24em;
}
.ui.form textarea,
.ui.form input[type="checkbox"] {
  vertical-align: top;
}

/* --------------------
    Checkbox margin
--------------------- */
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) label + .ui.ui.checkbox {
  margin-top: 0.7em;
}
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.checkbox {
  margin-top: 2.41428571em;
}
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox {
  margin-top: 2.21428571em;
}
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.slider.checkbox {
  margin-top: 2.61428571em;
}
.ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox {
  margin-top: 0.6em;
}
.ui.ui.form .field .fields .field:not(:only-child) .ui.toggle.checkbox {
  margin-top: 0.5em;
}
.ui.ui.form .field .fields .field:not(:only-child) .ui.slider.checkbox {
  margin-top: 0.7em;
}

/* --------------------
          Transparent
    --------------------- */
.ui.form .field .transparent.input:not(.icon) input,
.ui.form .field input.transparent,
.ui.form .field textarea.transparent {
  padding: 0.55952381em 0.66666667em;
}
.ui.form .field input.transparent,
.ui.form .field textarea.transparent {
  border-color: transparent !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* --------------------------
  Input w/ attached Button
--------------------------- */
.ui.form input.attached {
  width: auto;
}

/* --------------------
     Basic Select
--------------------- */
.ui.form select {
  display: block;
  height: auto;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.26666667rem;
  -webkit-box-shadow: 0 0 0 0 transparent inset;
          box-shadow: 0 0 0 0 transparent inset;
  padding: 0.62em 0.66666667em;
  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:not(.compact) {
  min-width: auto;
  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 .fields .field .ui.input textarea,
.ui.form .field .ui.input input,
.ui.form .field .ui.input textarea {
  width: 100%;
}

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

/* --------------------
   Types of Messages
--------------------- */
.ui.form .error.message,
.ui.form .error.message:empty {
  display: none;
}
.ui.form .info.message,
.ui.form .info.message:empty {
  display: none;
}
.ui.form .success.message,
.ui.form .success.message:empty {
  display: none;
}
.ui.form .warning.message,
.ui.form .warning.message:empty {
  display: none;
}

/* Assumptions */
.ui.form .message:first-child {
  margin-top: 0;
}

/* --------------------
   Validation Prompt
--------------------- */
.ui.form .field .prompt.label {
  white-space: normal;
  background: #fff !important;
  border: 1px solid #e0b4b4 !important;
  color: #9f3a38 !important;
}
.ui.form .field .prompt.label li::before {
  color: #9f3a38;
}
.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
  vertical-align: top;
  margin: -0.25em 0 -0.5em 0.5em;
}
.ui.form .inline.fields .field .prompt::before,
.ui.form .inline.field .prompt::before {
  border-width: 0 0 1px 1px;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0;
}


/*******************************
            States
*******************************/


/* --------------------
      Autofilled
--------------------- */
.ui.form .field.field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #fffff0 inset !important;
          box-shadow: 0 0 0 100px #fffff0 inset !important;
  border-color: #e5dfa1 !important;
}

/* Focus */
.ui.form .field.field input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 100px #fffff0 inset !important;
          box-shadow: 0 0 0 100px #fffff0 inset !important;
  border-color: #d5c315 !important;
}

/* --------------------
      Placeholder
--------------------- */

/* browsers require these rules separate */
.ui.form ::-webkit-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form ::-moz-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form :-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form ::-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form ::placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form :-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87) !important;
}
.ui.form ::-moz-placeholder {
  opacity: 1;
}
.ui.form :focus::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.form :focus::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.form :focus:-ms-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::placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.form :focus:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87) !important;
}

/* --------------------
        Focus
--------------------- */
.ui.form input:not([type]):focus,
.ui.form input[type="color"]:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="month"]: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,
.ui.form input[type="week"]:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85b7d9;
  border-radius: 0.26666667rem;
  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 .ui.action.input:not([class*="left action"]) input:not([type]):focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="color"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="date"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="datetime-local"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="email"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="month"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="number"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="password"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="search"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="tel"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="time"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="text"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="file"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="url"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type="week"]:focus,
.ui.form .ui.action.input:not([class*="left action"]) textarea:focus {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.form .ui[class*="left action"].input input:not([type]),
.ui.form .ui[class*="left action"].input input[type="color"],
.ui.form .ui[class*="left action"].input input[type="date"],
.ui.form .ui[class*="left action"].input input[type="datetime-local"],
.ui.form .ui[class*="left action"].input input[type="email"],
.ui.form .ui[class*="left action"].input input[type="month"],
.ui.form .ui[class*="left action"].input input[type="number"],
.ui.form .ui[class*="left action"].input input[type="password"],
.ui.form .ui[class*="left action"].input input[type="search"],
.ui.form .ui[class*="left action"].input input[type="tel"],
.ui.form .ui[class*="left action"].input input[type="time"],
.ui.form .ui[class*="left action"].input input[type="text"],
.ui.form .ui[class*="left action"].input input[type="file"],
.ui.form .ui[class*="left action"].input input[type="url"],
.ui.form .ui[class*="left action"].input input[type="week"],
.ui.form .ui[class*="left action"].input textarea {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85b7d9;
  border-radius: 0.26666667rem;
  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;
}

/* Focus */
.ui.form input:focus::-webkit-calendar-picker-indicator {
  opacity: 1;
}

/* --------------------
            States
    --------------------- */

/* 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 .error.message:not(:empty),
.ui.form .field.error .error.message:not(:empty) {
  display: block;
}
.ui.form .fields.error .compact.error.message:not(:empty),
.ui.form .field.error .compact.error.message:not(:empty) {
  display: inline-block;
}
.ui.form .fields.error .icon.error.message:not(:empty),
.ui.form .field.error .icon.error.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.ui.form .fields.error .field label,
.ui.ui.form .fields.error .field .ui.label:not(.corner),
.ui.ui.form .field.error label,
.ui.ui.form .field.error .ui.label:not(.corner),
.ui.ui.form .fields.error .field .input,
.ui.ui.form .field.error .input {
  color: #9f3a38;
}
@supports selector(:has(.f)) {
  .ui.form .fields:has(.error) > label {
    color: #9f3a38;
  }
}
.ui.form .fields.error .field .ui.label,
.ui.form .field.error .ui.label {
  background-color: #ecd1d1;
}
.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
  border-color: #9f3a38;
  color: #fff;
}
.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="color"],
.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="month"],
.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 .fields.error .field input[type="week"],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="color"],
.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="month"],
.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"],
.ui.form .field.error input[type="week"] {
  color: #9f3a38;
  background: #fff6f6;
  border-color: #e0b4b4;
  border-radius: "";
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form:not(.initial) .field input:invalid {
  color: #9f3a38;
  background: #fff6f6;
  border-color: #e0b4b4;
  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="color"]: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="month"]: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,
.ui.form .field.error input[type="week"]:focus {
  background: #fff6f6;
  border-color: #e0b4b4;
  color: #9f3a38;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.error > textarea:hover:not(:focus),
.ui.form .field.error > input:hover:not(:focus) {
  border-color: #e0b4b4;
}

/* Preserve Native Select Stylings */
.ui.form .field.error select {
  -webkit-appearance: menulist-button;
}

/*------------------
            Input State
        --------------------*/


/* Transparent */
.ui.form .field.error .transparent.input input,
.ui.form .field.error .transparent.input textarea,
.ui.form .field.error input.transparent,
.ui.form .field.error textarea.transparent {
  background-color: #fff6f6 !important;
  color: #9f3a38 !important;
}

/* Autofilled */
.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;
}

/* Placeholder */
.ui.form .error ::-webkit-input-placeholder {
  color: #e7bdbc;
}
.ui.form .error ::-moz-placeholder {
  color: #e7bdbc;
}
.ui.form .error :-ms-input-placeholder {
  color: #e7bdbc;
}
.ui.form .error ::-ms-input-placeholder {
  color: #e7bdbc;
}
.ui.form .error .ui.dropdown > .default.text,
.ui.form .error ::placeholder {
  color: #e7bdbc;
}
.ui.form .error :-ms-input-placeholder {
  color: #e7bdbc !important;
}
.ui.form .error :focus::-webkit-input-placeholder {
  color: #da9796;
}
.ui.form .error :focus::-moz-placeholder {
  color: #da9796;
}
.ui.form .error :focus:-ms-input-placeholder {
  color: #da9796;
}
.ui.form .error :focus::-ms-input-placeholder {
  color: #da9796;
}
.ui.form .error .ui.dropdown > input:focus ~ .default.text,
.ui.form .error :focus::placeholder {
  color: #da9796;
}
.ui.form .error :focus:-ms-input-placeholder {
  color: #da9796 !important;
}

/*------------------
            Dropdown State
        --------------------*/

.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 State
        ---------------------*/

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label {
  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 {
  background: #fff6f6;
  border-color: #e0b4b4;
}
.ui.form .fields.error .field .checkbox label::after,
.ui.form .field.error .checkbox label::after {
  color: #9f3a38;
}
.ui.inverted.form .fields.error .field label,
.ui.inverted.form .error.field label {
  color: #ecd1d1;
}
@supports selector(:has(.f)) {
  .ui.inverted.form .fields:has(.error) > label {
    color: #ecd1d1;
  }
}

/* On Form */
.ui.form.info .info.message:not(:empty) {
  display: block;
}
.ui.form.info .compact.info.message:not(:empty) {
  display: inline-block;
}
.ui.form.info .icon.info.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* On Field(s) */
.ui.form .fields.info .info.message:not(:empty),
.ui.form .field.info .info.message:not(:empty) {
  display: block;
}
.ui.form .fields.info .compact.info.message:not(:empty),
.ui.form .field.info .compact.info.message:not(:empty) {
  display: inline-block;
}
.ui.form .fields.info .icon.info.message:not(:empty),
.ui.form .field.info .icon.info.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.ui.form .fields.info .field label,
.ui.ui.form .fields.info .field .ui.label:not(.corner),
.ui.ui.form .field.info label,
.ui.ui.form .field.info .ui.label:not(.corner),
.ui.ui.form .fields.info .field .input,
.ui.ui.form .field.info .input {
  color: #276f86;
}
@supports selector(:has(.f)) {
  .ui.form .fields:has(.info) > label {
    color: #276f86;
  }
}
.ui.form .fields.info .field .ui.label,
.ui.form .field.info .ui.label {
  background-color: #c6e3e9;
}
.ui.form .fields.info .field .corner.label,
.ui.form .field.info .corner.label {
  border-color: #276f86;
  color: #fff;
}
.ui.form .fields.info .field textarea,
.ui.form .fields.info .field select,
.ui.form .fields.info .field input:not([type]),
.ui.form .fields.info .field input[type="color"],
.ui.form .fields.info .field input[type="date"],
.ui.form .fields.info .field input[type="datetime-local"],
.ui.form .fields.info .field input[type="email"],
.ui.form .fields.info .field input[type="month"],
.ui.form .fields.info .field input[type="number"],
.ui.form .fields.info .field input[type="password"],
.ui.form .fields.info .field input[type="search"],
.ui.form .fields.info .field input[type="tel"],
.ui.form .fields.info .field input[type="time"],
.ui.form .fields.info .field input[type="text"],
.ui.form .fields.info .field input[type="file"],
.ui.form .fields.info .field input[type="url"],
.ui.form .fields.info .field input[type="week"],
.ui.form .field.info textarea,
.ui.form .field.info select,
.ui.form .field.info input:not([type]),
.ui.form .field.info input[type="color"],
.ui.form .field.info input[type="date"],
.ui.form .field.info input[type="datetime-local"],
.ui.form .field.info input[type="email"],
.ui.form .field.info input[type="month"],
.ui.form .field.info input[type="number"],
.ui.form .field.info input[type="password"],
.ui.form .field.info input[type="search"],
.ui.form .field.info input[type="tel"],
.ui.form .field.info input[type="time"],
.ui.form .field.info input[type="text"],
.ui.form .field.info input[type="file"],
.ui.form .field.info input[type="url"],
.ui.form .field.info input[type="week"] {
  color: #276f86;
  background: #f8ffff;
  border-color: #a9d5de;
  border-radius: "";
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.info textarea:focus,
.ui.form .field.info select:focus,
.ui.form .field.info input:not([type]):focus,
.ui.form .field.info input[type="color"]:focus,
.ui.form .field.info input[type="date"]:focus,
.ui.form .field.info input[type="datetime-local"]:focus,
.ui.form .field.info input[type="email"]:focus,
.ui.form .field.info input[type="month"]:focus,
.ui.form .field.info input[type="number"]:focus,
.ui.form .field.info input[type="password"]:focus,
.ui.form .field.info input[type="search"]:focus,
.ui.form .field.info input[type="tel"]:focus,
.ui.form .field.info input[type="time"]:focus,
.ui.form .field.info input[type="text"]:focus,
.ui.form .field.info input[type="file"]:focus,
.ui.form .field.info input[type="url"]:focus,
.ui.form .field.info input[type="week"]:focus {
  background: #f8ffff;
  border-color: #a9d5de;
  color: #276f86;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.info > textarea:hover:not(:focus),
.ui.form .field.info > input:hover:not(:focus) {
  border-color: #a9d5de;
}

/* Preserve Native Select Stylings */
.ui.form .field.info select {
  -webkit-appearance: menulist-button;
}

/*------------------
            Input State
        --------------------*/


/* Transparent */
.ui.form .field.info .transparent.input input,
.ui.form .field.info .transparent.input textarea,
.ui.form .field.info input.transparent,
.ui.form .field.info textarea.transparent {
  background-color: #f8ffff !important;
  color: #276f86 !important;
}

/* Autofilled */
.ui.form .info.info input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #f0faff inset !important;
          box-shadow: 0 0 0 100px #f0faff inset !important;
  border-color: #b3e0e0 !important;
}

/* Placeholder */
.ui.form .info ::-webkit-input-placeholder {
  color: #98cfe1;
}
.ui.form .info ::-moz-placeholder {
  color: #98cfe1;
}
.ui.form .info :-ms-input-placeholder {
  color: #98cfe1;
}
.ui.form .info ::-ms-input-placeholder {
  color: #98cfe1;
}
.ui.form .info .ui.dropdown > .default.text,
.ui.form .info ::placeholder {
  color: #98cfe1;
}
.ui.form .info :-ms-input-placeholder {
  color: #98cfe1 !important;
}
.ui.form .info :focus::-webkit-input-placeholder {
  color: #70bdd6;
}
.ui.form .info :focus::-moz-placeholder {
  color: #70bdd6;
}
.ui.form .info :focus:-ms-input-placeholder {
  color: #70bdd6;
}
.ui.form .info :focus::-ms-input-placeholder {
  color: #70bdd6;
}
.ui.form .info .ui.dropdown > input:focus ~ .default.text,
.ui.form .info :focus::placeholder {
  color: #70bdd6;
}
.ui.form .info :focus:-ms-input-placeholder {
  color: #70bdd6 !important;
}

/*------------------
            Dropdown State
        --------------------*/

.ui.form .fields.info .field .ui.dropdown,
.ui.form .fields.info .field .ui.dropdown .item,
.ui.form .field.info .ui.dropdown,
.ui.form .field.info .ui.dropdown > .text,
.ui.form .field.info .ui.dropdown .item {
  background: #f8ffff;
  color: #276f86;
}
.ui.form .fields.info .field .ui.dropdown,
.ui.form .field.info .ui.dropdown {
  border-color: #a9d5de !important;
}
.ui.form .fields.info .field .ui.dropdown:hover,
.ui.form .field.info .ui.dropdown:hover {
  border-color: #a9d5de !important;
}
.ui.form .fields.info .field .ui.dropdown:hover .menu,
.ui.form .field.info .ui.dropdown:hover .menu {
  border-color: #a9d5de;
}
.ui.form .fields.info .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.info .ui.multiple.selection.dropdown > .label {
  background-color: #cce3ea;
  color: #276f86;
}

/* Hover */
.ui.form .fields.info .field .ui.dropdown .menu .item:hover,
.ui.form .field.info .ui.dropdown .menu .item:hover {
  background-color: #e9f2fb;
}

/* Selected */
.ui.form .fields.info .field .ui.dropdown .menu .selected.item,
.ui.form .field.info .ui.dropdown .menu .selected.item {
  background-color: #e9f2fb;
}

/* Active */
.ui.form .fields.info .field .ui.dropdown .menu .active.item,
.ui.form .field.info .ui.dropdown .menu .active.item {
  background-color: #cef1fd !important;
}

/*--------------------
            Checkbox State
        ---------------------*/

.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.info .checkbox:not(.toggle):not(.slider) label {
  color: #276f86;
}
.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label::before,
.ui.form .field.info .checkbox:not(.toggle):not(.slider) label::before {
  background: #f8ffff;
  border-color: #a9d5de;
}
.ui.form .fields.info .field .checkbox label::after,
.ui.form .field.info .checkbox label::after {
  color: #276f86;
}
.ui.inverted.form .fields.info .field label,
.ui.inverted.form .info.field label {
  color: #c6e3e9;
}
@supports selector(:has(.f)) {
  .ui.inverted.form .fields:has(.info) > label {
    color: #c6e3e9;
  }
}

/* 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;
}

/* On Field(s) */
.ui.form .fields.success .success.message:not(:empty),
.ui.form .field.success .success.message:not(:empty) {
  display: block;
}
.ui.form .fields.success .compact.success.message:not(:empty),
.ui.form .field.success .compact.success.message:not(:empty) {
  display: inline-block;
}
.ui.form .fields.success .icon.success.message:not(:empty),
.ui.form .field.success .icon.success.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.ui.form .fields.success .field label,
.ui.ui.form .fields.success .field .ui.label:not(.corner),
.ui.ui.form .field.success label,
.ui.ui.form .field.success .ui.label:not(.corner),
.ui.ui.form .fields.success .field .input,
.ui.ui.form .field.success .input {
  color: #2c662d;
}
@supports selector(:has(.f)) {
  .ui.form .fields:has(.success) > label {
    color: #2c662d;
  }
}
.ui.form .fields.success .field .ui.label,
.ui.form .field.success .ui.label {
  background-color: #b9d1ad;
}
.ui.form .fields.success .field .corner.label,
.ui.form .field.success .corner.label {
  border-color: #2c662d;
  color: #fff;
}
.ui.form .fields.success .field textarea,
.ui.form .fields.success .field select,
.ui.form .fields.success .field input:not([type]),
.ui.form .fields.success .field input[type="color"],
.ui.form .fields.success .field input[type="date"],
.ui.form .fields.success .field input[type="datetime-local"],
.ui.form .fields.success .field input[type="email"],
.ui.form .fields.success .field input[type="month"],
.ui.form .fields.success .field input[type="number"],
.ui.form .fields.success .field input[type="password"],
.ui.form .fields.success .field input[type="search"],
.ui.form .fields.success .field input[type="tel"],
.ui.form .fields.success .field input[type="time"],
.ui.form .fields.success .field input[type="text"],
.ui.form .fields.success .field input[type="file"],
.ui.form .fields.success .field input[type="url"],
.ui.form .fields.success .field input[type="week"],
.ui.form .field.success textarea,
.ui.form .field.success select,
.ui.form .field.success input:not([type]),
.ui.form .field.success input[type="color"],
.ui.form .field.success input[type="date"],
.ui.form .field.success input[type="datetime-local"],
.ui.form .field.success input[type="email"],
.ui.form .field.success input[type="month"],
.ui.form .field.success input[type="number"],
.ui.form .field.success input[type="password"],
.ui.form .field.success input[type="search"],
.ui.form .field.success input[type="tel"],
.ui.form .field.success input[type="time"],
.ui.form .field.success input[type="text"],
.ui.form .field.success input[type="file"],
.ui.form .field.success input[type="url"],
.ui.form .field.success input[type="week"] {
  color: #2c662d;
  background: #fcfff5;
  border-color: #a3c293;
  border-radius: "";
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.success textarea:focus,
.ui.form .field.success select:focus,
.ui.form .field.success input:not([type]):focus,
.ui.form .field.success input[type="color"]:focus,
.ui.form .field.success input[type="date"]:focus,
.ui.form .field.success input[type="datetime-local"]:focus,
.ui.form .field.success input[type="email"]:focus,
.ui.form .field.success input[type="month"]:focus,
.ui.form .field.success input[type="number"]:focus,
.ui.form .field.success input[type="password"]:focus,
.ui.form .field.success input[type="search"]:focus,
.ui.form .field.success input[type="tel"]:focus,
.ui.form .field.success input[type="time"]:focus,
.ui.form .field.success input[type="text"]:focus,
.ui.form .field.success input[type="file"]:focus,
.ui.form .field.success input[type="url"]:focus,
.ui.form .field.success input[type="week"]:focus {
  background: #fcfff5;
  border-color: #a3c293;
  color: #2c662d;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.success > textarea:hover:not(:focus),
.ui.form .field.success > input:hover:not(:focus) {
  border-color: #a3c293;
}

/* Preserve Native Select Stylings */
.ui.form .field.success select {
  -webkit-appearance: menulist-button;
}

/*------------------
            Input State
        --------------------*/


/* Transparent */
.ui.form .field.success .transparent.input input,
.ui.form .field.success .transparent.input textarea,
.ui.form .field.success input.transparent,
.ui.form .field.success textarea.transparent {
  background-color: #fcfff5 !important;
  color: #2c662d !important;
}

/* Autofilled */
.ui.form .success.success input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #f0fff0 inset !important;
          box-shadow: 0 0 0 100px #f0fff0 inset !important;
  border-color: #bee0b3 !important;
}

/* Placeholder */
.ui.form .success ::-webkit-input-placeholder {
  color: #8fcf90;
}
.ui.form .success ::-moz-placeholder {
  color: #8fcf90;
}
.ui.form .success :-ms-input-placeholder {
  color: #8fcf90;
}
.ui.form .success ::-ms-input-placeholder {
  color: #8fcf90;
}
.ui.form .success .ui.dropdown > .default.text,
.ui.form .success ::placeholder {
  color: #8fcf90;
}
.ui.form .success :-ms-input-placeholder {
  color: #8fcf90 !important;
}
.ui.form .success :focus::-webkit-input-placeholder {
  color: #6cbf6d;
}
.ui.form .success :focus::-moz-placeholder {
  color: #6cbf6d;
}
.ui.form .success :focus:-ms-input-placeholder {
  color: #6cbf6d;
}
.ui.form .success :focus::-ms-input-placeholder {
  color: #6cbf6d;
}
.ui.form .success .ui.dropdown > input:focus ~ .default.text,
.ui.form .success :focus::placeholder {
  color: #6cbf6d;
}
.ui.form .success :focus:-ms-input-placeholder {
  color: #6cbf6d !important;
}

/*------------------
            Dropdown State
        --------------------*/

.ui.form .fields.success .field .ui.dropdown,
.ui.form .fields.success .field .ui.dropdown .item,
.ui.form .field.success .ui.dropdown,
.ui.form .field.success .ui.dropdown > .text,
.ui.form .field.success .ui.dropdown .item {
  background: #fcfff5;
  color: #2c662d;
}
.ui.form .fields.success .field .ui.dropdown,
.ui.form .field.success .ui.dropdown {
  border-color: #a3c293 !important;
}
.ui.form .fields.success .field .ui.dropdown:hover,
.ui.form .field.success .ui.dropdown:hover {
  border-color: #a3c293 !important;
}
.ui.form .fields.success .field .ui.dropdown:hover .menu,
.ui.form .field.success .ui.dropdown:hover .menu {
  border-color: #a3c293;
}
.ui.form .fields.success .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.success .ui.multiple.selection.dropdown > .label {
  background-color: #cceacc;
  color: #2c662d;
}

/* Hover */
.ui.form .fields.success .field .ui.dropdown .menu .item:hover,
.ui.form .field.success .ui.dropdown .menu .item:hover {
  background-color: #e9fbe9;
}

/* Selected */
.ui.form .fields.success .field .ui.dropdown .menu .selected.item,
.ui.form .field.success .ui.dropdown .menu .selected.item {
  background-color: #e9fbe9;
}

/* Active */
.ui.form .fields.success .field .ui.dropdown .menu .active.item,
.ui.form .field.success .ui.dropdown .menu .active.item {
  background-color: #dafdce !important;
}

/*--------------------
            Checkbox State
        ---------------------*/

.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.success .checkbox:not(.toggle):not(.slider) label {
  color: #2c662d;
}
.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label::before,
.ui.form .field.success .checkbox:not(.toggle):not(.slider) label::before {
  background: #fcfff5;
  border-color: #a3c293;
}
.ui.form .fields.success .field .checkbox label::after,
.ui.form .field.success .checkbox label::after {
  color: #2c662d;
}
.ui.inverted.form .fields.success .field label,
.ui.inverted.form .success.field label {
  color: #b9d1ad;
}
@supports selector(:has(.f)) {
  .ui.inverted.form .fields:has(.success) > label {
    color: #b9d1ad;
  }
}

/* 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;
}

/* On Field(s) */
.ui.form .fields.warning .warning.message:not(:empty),
.ui.form .field.warning .warning.message:not(:empty) {
  display: block;
}
.ui.form .fields.warning .compact.warning.message:not(:empty),
.ui.form .field.warning .compact.warning.message:not(:empty) {
  display: inline-block;
}
.ui.form .fields.warning .icon.warning.message:not(:empty),
.ui.form .field.warning .icon.warning.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.ui.form .fields.warning .field label,
.ui.ui.form .fields.warning .field .ui.label:not(.corner),
.ui.ui.form .field.warning label,
.ui.ui.form .field.warning .ui.label:not(.corner),
.ui.ui.form .fields.warning .field .input,
.ui.ui.form .field.warning .input {
  color: #573a08;
}
@supports selector(:has(.f)) {
  .ui.form .fields:has(.warning) > label {
    color: #573a08;
  }
}
.ui.form .fields.warning .field .ui.label,
.ui.form .field.warning .ui.label {
  background-color: #d7ccb5;
}
.ui.form .fields.warning .field .corner.label,
.ui.form .field.warning .corner.label {
  border-color: #573a08;
  color: #fff;
}
.ui.form .fields.warning .field textarea,
.ui.form .fields.warning .field select,
.ui.form .fields.warning .field input:not([type]),
.ui.form .fields.warning .field input[type="color"],
.ui.form .fields.warning .field input[type="date"],
.ui.form .fields.warning .field input[type="datetime-local"],
.ui.form .fields.warning .field input[type="email"],
.ui.form .fields.warning .field input[type="month"],
.ui.form .fields.warning .field input[type="number"],
.ui.form .fields.warning .field input[type="password"],
.ui.form .fields.warning .field input[type="search"],
.ui.form .fields.warning .field input[type="tel"],
.ui.form .fields.warning .field input[type="time"],
.ui.form .fields.warning .field input[type="text"],
.ui.form .fields.warning .field input[type="file"],
.ui.form .fields.warning .field input[type="url"],
.ui.form .fields.warning .field input[type="week"],
.ui.form .field.warning textarea,
.ui.form .field.warning select,
.ui.form .field.warning input:not([type]),
.ui.form .field.warning input[type="color"],
.ui.form .field.warning input[type="date"],
.ui.form .field.warning input[type="datetime-local"],
.ui.form .field.warning input[type="email"],
.ui.form .field.warning input[type="month"],
.ui.form .field.warning input[type="number"],
.ui.form .field.warning input[type="password"],
.ui.form .field.warning input[type="search"],
.ui.form .field.warning input[type="tel"],
.ui.form .field.warning input[type="time"],
.ui.form .field.warning input[type="text"],
.ui.form .field.warning input[type="file"],
.ui.form .field.warning input[type="url"],
.ui.form .field.warning input[type="week"] {
  color: #573a08;
  background: #fffaf3;
  border-color: #c9ba9b;
  border-radius: "";
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.warning textarea:focus,
.ui.form .field.warning select:focus,
.ui.form .field.warning input:not([type]):focus,
.ui.form .field.warning input[type="color"]:focus,
.ui.form .field.warning input[type="date"]:focus,
.ui.form .field.warning input[type="datetime-local"]:focus,
.ui.form .field.warning input[type="email"]:focus,
.ui.form .field.warning input[type="month"]:focus,
.ui.form .field.warning input[type="number"]:focus,
.ui.form .field.warning input[type="password"]:focus,
.ui.form .field.warning input[type="search"]:focus,
.ui.form .field.warning input[type="tel"]:focus,
.ui.form .field.warning input[type="time"]:focus,
.ui.form .field.warning input[type="text"]:focus,
.ui.form .field.warning input[type="file"]:focus,
.ui.form .field.warning input[type="url"]:focus,
.ui.form .field.warning input[type="week"]:focus {
  background: #fffaf3;
  border-color: #c9ba9b;
  color: #573a08;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.form .field.warning > textarea:hover:not(:focus),
.ui.form .field.warning > input:hover:not(:focus) {
  border-color: #c9ba9b;
}

/* Preserve Native Select Stylings */
.ui.form .field.warning select {
  -webkit-appearance: menulist-button;
}

/*------------------
            Input State
        --------------------*/


/* Transparent */
.ui.form .field.warning .transparent.input input,
.ui.form .field.warning .transparent.input textarea,
.ui.form .field.warning input.transparent,
.ui.form .field.warning textarea.transparent {
  background-color: #fffaf3 !important;
  color: #573a08 !important;
}

/* Autofilled */
.ui.form .warning.warning input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #ffffe0 inset !important;
          box-shadow: 0 0 0 100px #ffffe0 inset !important;
  border-color: #e0e0b3 !important;
}

/* Placeholder */
.ui.form .warning ::-webkit-input-placeholder {
  color: #edad3e;
}
.ui.form .warning ::-moz-placeholder {
  color: #edad3e;
}
.ui.form .warning :-ms-input-placeholder {
  color: #edad3e;
}
.ui.form .warning ::-ms-input-placeholder {
  color: #edad3e;
}
.ui.form .warning .ui.dropdown > .default.text,
.ui.form .warning ::placeholder {
  color: #edad3e;
}
.ui.form .warning :-ms-input-placeholder {
  color: #edad3e !important;
}
.ui.form .warning :focus::-webkit-input-placeholder {
  color: #e39715;
}
.ui.form .warning :focus::-moz-placeholder {
  color: #e39715;
}
.ui.form .warning :focus:-ms-input-placeholder {
  color: #e39715;
}
.ui.form .warning :focus::-ms-input-placeholder {
  color: #e39715;
}
.ui.form .warning .ui.dropdown > input:focus ~ .default.text,
.ui.form .warning :focus::placeholder {
  color: #e39715;
}
.ui.form .warning :focus:-ms-input-placeholder {
  color: #e39715 !important;
}

/*------------------
            Dropdown State
        --------------------*/

.ui.form .fields.warning .field .ui.dropdown,
.ui.form .fields.warning .field .ui.dropdown .item,
.ui.form .field.warning .ui.dropdown,
.ui.form .field.warning .ui.dropdown > .text,
.ui.form .field.warning .ui.dropdown .item {
  background: #fffaf3;
  color: #573a08;
}
.ui.form .fields.warning .field .ui.dropdown,
.ui.form .field.warning .ui.dropdown {
  border-color: #c9ba9b !important;
}
.ui.form .fields.warning .field .ui.dropdown:hover,
.ui.form .field.warning .ui.dropdown:hover {
  border-color: #c9ba9b !important;
}
.ui.form .fields.warning .field .ui.dropdown:hover .menu,
.ui.form .field.warning .ui.dropdown:hover .menu {
  border-color: #c9ba9b;
}
.ui.form .fields.warning .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.warning .ui.multiple.selection.dropdown > .label {
  background-color: #eaeacc;
  color: #573a08;
}

/* Hover */
.ui.form .fields.warning .field .ui.dropdown .menu .item:hover,
.ui.form .field.warning .ui.dropdown .menu .item:hover {
  background-color: #fbfbe9;
}

/* Selected */
.ui.form .fields.warning .field .ui.dropdown .menu .selected.item,
.ui.form .field.warning .ui.dropdown .menu .selected.item {
  background-color: #fbfbe9;
}

/* Active */
.ui.form .fields.warning .field .ui.dropdown .menu .active.item,
.ui.form .field.warning .ui.dropdown .menu .active.item {
  background-color: #fdfdce !important;
}

/*--------------------
            Checkbox State
        ---------------------*/

.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label {
  color: #573a08;
}
.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label::before,
.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label::before {
  background: #fffaf3;
  border-color: #c9ba9b;
}
.ui.form .fields.warning .field .checkbox label::after,
.ui.form .field.warning .checkbox label::after {
  color: #573a08;
}
.ui.inverted.form .fields.warning .field label,
.ui.inverted.form .warning.field label {
  color: #d7ccb5;
}
@supports selector(:has(.f)) {
  .ui.inverted.form .fields:has(.warning) > label {
    color: #d7ccb5;
  }
}

/* --------------------
           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.segments::before {
  border-radius: 0.26666667rem;
}
.ui.loading.form::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -1.5em 0 0 -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
  visibility: visible;
  z-index: 101;
}


/*******************************
         Element Types
*******************************/


/* --------------------
         Required Field
    --------------------- */
.ui.form .required.fields:not(.grouped):not(.inline) > .field > label::after,
.ui.form .required.fields.inline > label::after,
.ui.form .required.fields.grouped > label::after,
.ui.form .required.field > label::after,
.ui.form .required.fields:not(.grouped):not(.inline) > .field > .checkbox::after,
.ui.form .required.field > .checkbox::after,
.ui.form label.required::after {
  margin: -0.2em 0 0 0.2em;
  content: "*";
  color: #db2828;
}
.ui.form .required.fields:not(.grouped):not(.inline) > .field > label::after,
.ui.form .required.fields.inline > label::after,
.ui.form .required.fields.grouped > label::after,
.ui.form .required.field > label::after,
.ui.form label.required::after {
  display: inline-block;
  vertical-align: top;
}
.ui.form .required.fields:not(.grouped):not(.inline) > .field > .checkbox::after,
.ui.form .required.field > .checkbox::after {
  position: absolute;
  top: 0;
  left: 100%;
}
.ui.ui.ui.ui.form .fields:not(.required) > label:empty::after,
.ui.ui.ui.ui.form .fields:not(.grouped):not(.inline) > .field:not(.required) > label:empty::after {
  content: " ";
  display: inline-block;
}
.ui.ui.ui.ui.form .inline.fields .field:not(.required) > label:empty {
  display: none;
}


/*******************************
           Variations
*******************************/


/* --------------------
        Inverted Colors
    --------------------- */
.ui.inverted.form label,
.ui.form .inverted.segment label,
.ui.form .inverted.segment .ui.checkbox label,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form .grouped.fields > label,
.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);
}
.ui.inverted.loading.form {
  color: #fff;
}
.ui.inverted.loading.form::before {
  background: rgba(0, 0, 0, 0.85);
}

/* Inverted Field */
.ui.inverted.form input:not([type]),
.ui.inverted.form input[type="color"],
.ui.inverted.form input[type="date"],
.ui.inverted.form input[type="datetime-local"],
.ui.inverted.form input[type="email"],
.ui.inverted.form input[type="month"],
.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"],
.ui.inverted.form input[type="week"] {
  background: #fff;
  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: 0 0 1em;
}
.ui.form .grouped.fields:last-child {
  margin-bottom: 0;
}
.ui.form .grouped.fields > label {
  margin: 0 0 0.26666667rem 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.93333333em;
  font-weight: 500;
  text-transform: none;
}
.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
  display: block;
  margin: 0.5em 0;
  padding: 0;
}
.ui.form .grouped.inline.fields .ui.checkbox {
  margin-bottom: 0.4em;
}

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

/* 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: 767.98px) {
  .ui.form .fields {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .field {
    width: 100%;
    margin: 0 0 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%;
}
.ui.form .two.wide.field {
  width: 12.5%;
}
.ui.form .three.wide.field {
  width: 18.75%;
}
.ui.form .four.wide.field {
  width: 25%;
}
.ui.form .five.wide.field {
  width: 31.25%;
}
.ui.form .six.wide.field {
  width: 37.5%;
}
.ui.form .seven.wide.field {
  width: 43.75%;
}
.ui.form .eight.wide.field {
  width: 50%;
}
.ui.form .nine.wide.field {
  width: 56.25%;
}
.ui.form .ten.wide.field {
  width: 62.5%;
}
.ui.form .eleven.wide.field {
  width: 68.75%;
}
.ui.form .twelve.wide.field {
  width: 75%;
}
.ui.form .thirteen.wide.field {
  width: 81.25%;
}
.ui.form .fourteen.wide.field {
  width: 87.5%;
}
.ui.form .fifteen.wide.field {
  width: 93.75%;
}
.ui.form .sixteen.wide.field {
  width: 100%;
}

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

/* 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: 0;
  margin-bottom: 0;
  vertical-align: baseline;
  font-size: 0.93333333em;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  text-transform: none;
}

/* Grouped Inline Label */
.ui.form .inline.fields > label {
  margin: 0.03571em 1em 0 0;
}

/* 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: 0;
  margin-bottom: 0;
  vertical-align: middle;
  font-size: 1em;
}
.ui.form .inline.fields .field .calendar:not(.popup),
.ui.form .inline.field .calendar:not(.popup) {
  display: inline-block;
}
.ui.form .inline.fields .field .calendar:not(.popup) > .input > input,
.ui.form .inline.field .calendar:not(.popup) > .input > input {
  width: 13.11em;
}

/* Label */
.ui.form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child {
  margin: 0 0.86666667em 0 0;
}
.ui.form .inline.fields .field > :only-child,
.ui.form .inline.field > :only-child {
  margin: 0;
}

/* 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.form,
.ui.form .field .dropdown,
.ui.form .field .dropdown .menu > .item {
  font-size: 1rem;
}
.ui.mini.form,
.ui.mini.form .field .dropdown,
.ui.mini.form .field .dropdown .menu > .item {
  font-size: 0.8rem;
}
.ui.tiny.form,
.ui.tiny.form .field .dropdown,
.ui.tiny.form .field .dropdown .menu > .item {
  font-size: 0.86666667rem;
}
.ui.small.form,
.ui.small.form .field .dropdown,
.ui.small.form .field .dropdown .menu > .item {
  font-size: 0.93333333rem;
}
.ui.large.form,
.ui.large.form .field .dropdown,
.ui.large.form .field .dropdown .menu > .item {
  font-size: 1.13333333rem;
}
.ui.big.form,
.ui.big.form .field .dropdown,
.ui.big.form .field .dropdown .menu > .item {
  font-size: 1.26666667rem;
}
.ui.huge.form,
.ui.huge.form .field .dropdown,
.ui.huge.form .field .dropdown .menu > .item {
  font-size: 1.4rem;
}
.ui.massive.form,
.ui.massive.form .field .dropdown,
.ui.massive.form .field .dropdown .menu > .item {
  font-size: 1.73333333rem;
}


/*******************************
         Theme Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.4 - Header
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            Header
*******************************/


/* Standard */
.ui.header {
  border: none;
  margin: calc(2rem - 0.1428571428571429em) 0 1rem;
  padding: 0 0;
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  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;
}

/* --------------
       Sub Header
    --------------- */
.ui.header .sub.header {
  display: block;
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1.2em;
  color: rgba(0, 0, 0, 0.6);
}

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

/* With Text Node */
.ui.header:not(.icon) > .icons:only-child,
.ui.header:not(.icon) > i.icon:only-child {
  display: inline-block;
  padding: 0;
  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:not(.icon):not(.centered):not(.aligned) > .icons + .content,
.ui.header:not(.icon):not(.centered):not(.aligned) > i.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: 0;
}


/*******************************
            Types
*******************************/


/* --------------
     Page
--------------- */
h1.ui.header {
  font-size: 2rem;
}
h1.ui.header .sub.header {
  font-size: 1.13333333rem;
}
h2.ui.header {
  font-size: 1.71428571rem;
}
h2.ui.header .sub.header {
  font-size: 1.13333333rem;
}
h3.ui.header {
  font-size: 1.28571429rem;
}
h3.ui.header .sub.header {
  font-size: 1rem;
}
h4.ui.header {
  font-size: 1.07142857rem;
}
h4.ui.header .sub.header {
  font-size: 1rem;
}
h5.ui.header {
  font-size: 1rem;
}
h5.ui.header .sub.header {
  font-size: 0.93333333rem;
}
h6.ui.header {
  font-size: 0.85714286rem;
}
h6.ui.header .sub.header {
  font-size: 0.93333333rem;
}

/* --------------
 Content Heading
--------------- */
.ui.mini.header {
  font-size: 0.85714286em;
}
.ui.mini.header .sub.header {
  font-size: 0.93333333rem;
}
.ui.mini.sub.header {
  font-size: 0.8em;
}
.ui.tiny.header {
  font-size: 1em;
}
.ui.tiny.header .sub.header {
  font-size: 0.93333333rem;
}
.ui.tiny.sub.header {
  font-size: 0.8em;
}
.ui.small.header {
  font-size: 1.07142857em;
}
.ui.small.header .sub.header {
  font-size: 1rem;
}
.ui.small.sub.header {
  font-size: 0.8em;
}
.ui.large.header {
  font-size: 1.71428571em;
}
.ui.large.header .sub.header {
  font-size: 1.13333333rem;
}
.ui.large.sub.header {
  font-size: 0.93333333em;
}
.ui.big.header {
  font-size: 1.85714286em;
}
.ui.big.header .sub.header {
  font-size: 1.13333333rem;
}
.ui.big.sub.header {
  font-size: 1em;
}
.ui.huge.header {
  font-size: 2em;
  min-height: 1em;
}
.ui.huge.header .sub.header {
  font-size: 1.13333333rem;
}
.ui.huge.sub.header {
  font-size: 1em;
}
.ui.massive.header {
  font-size: 2.28571429em;
  min-height: 1em;
}
.ui.massive.header .sub.header {
  font-size: 1.4rem;
}
.ui.massive.sub.header {
  font-size: 1.13333333em;
}

/* --------------
       Sub Heading
    --------------- */
.ui.sub.header {
  padding: 0;
  margin-bottom: 0.13333333rem;
  font-weight: 500;
  font-size: 0.86666667em;
  text-transform: uppercase;
  color: "";
}

/* -------------------
            Icon
    -------------------- */
.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 > .image.icon,
.ui.icon.header > .icons,
.ui.icon.header > i.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 .corner.icon {
  font-size: calc(3em * 0.45);
}
.ui.icon.header .content {
  display: block;
  padding: 0;
}
.ui.icon.header > i.circular {
  font-size: 2em;
}
.ui.icon.header > i.square {
  font-size: 2em;
}
.ui.block.icon.header > .image.icon,
.ui.block.icon.header > .icons,
.ui.block.icon.header > i.icon {
  margin-bottom: 0;
}
.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: #fff;
}
.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.attached.header {
  background: #1b1c1d;
  -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 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: none;
}

/* -------------------
       Colors
-------------------- */
.ui.primary.header {
  color: #2185d0;
}
a.ui.primary.header:hover {
  color: #1678c2;
}
.ui.primary.dividing.header {
  border-bottom: 2px solid #2185d0;
}
.ui.inverted.primary.header.header.header {
  color: #54c8ff;
}
a.ui.inverted.primary.header.header.header:hover {
  color: #21b8ff;
}
.ui.inverted.primary.dividing.header {
  border-bottom: 2px solid #54c8ff;
}
.ui.secondary.header {
  color: #1b1c1d;
}
a.ui.secondary.header:hover {
  color: #27292a;
}
.ui.secondary.dividing.header {
  border-bottom: 2px solid #1b1c1d;
}
.ui.inverted.secondary.header.header.header {
  color: #545454;
}
a.ui.inverted.secondary.header.header.header:hover {
  color: #6e6e6e;
}
.ui.inverted.secondary.dividing.header {
  border-bottom: 2px solid #545454;
}
.ui.red.header {
  color: #db2828;
}
a.ui.red.header:hover {
  color: #d01919;
}
.ui.red.dividing.header {
  border-bottom: 2px solid #db2828;
}
.ui.inverted.red.header.header.header {
  color: #ff695e;
}
a.ui.inverted.red.header.header.header:hover {
  color: #ff392b;
}
.ui.inverted.red.dividing.header {
  border-bottom: 2px solid #ff695e;
}
.ui.orange.header {
  color: #f2711c;
}
a.ui.orange.header:hover {
  color: #f26202;
}
.ui.orange.dividing.header {
  border-bottom: 2px solid #f2711c;
}
.ui.inverted.orange.header.header.header {
  color: #ff851b;
}
a.ui.inverted.orange.header.header.header:hover {
  color: #e76b00;
}
.ui.inverted.orange.dividing.header {
  border-bottom: 2px solid #ff851b;
}
.ui.yellow.header {
  color: #fbbd08;
}
a.ui.yellow.header:hover {
  color: #eaae00;
}
.ui.yellow.dividing.header {
  border-bottom: 2px solid #fbbd08;
}
.ui.inverted.yellow.header.header.header {
  color: #ffe21f;
}
a.ui.inverted.yellow.header.header.header:hover {
  color: #ebcd00;
}
.ui.inverted.yellow.dividing.header {
  border-bottom: 2px solid #ffe21f;
}
.ui.olive.header {
  color: #b5cc18;
}
a.ui.olive.header:hover {
  color: #a7bd0d;
}
.ui.olive.dividing.header {
  border-bottom: 2px solid #b5cc18;
}
.ui.inverted.olive.header.header.header {
  color: #d9e778;
}
a.ui.inverted.olive.header.header.header:hover {
  color: #d2e745;
}
.ui.inverted.olive.dividing.header {
  border-bottom: 2px solid #d9e778;
}
.ui.green.header {
  color: #21ba45;
}
a.ui.green.header:hover {
  color: #16ab39;
}
.ui.green.dividing.header {
  border-bottom: 2px solid #21ba45;
}
.ui.inverted.green.header.header.header {
  color: #2ecc40;
}
a.ui.inverted.green.header.header.header:hover {
  color: #1ea92e;
}
.ui.inverted.green.dividing.header {
  border-bottom: 2px solid #2ecc40;
}
.ui.teal.header {
  color: #00b5ad;
}
a.ui.teal.header:hover {
  color: #009c95;
}
.ui.teal.dividing.header {
  border-bottom: 2px solid #00b5ad;
}
.ui.inverted.teal.header.header.header {
  color: #6dffff;
}
a.ui.inverted.teal.header.header.header:hover {
  color: #3affff;
}
.ui.inverted.teal.dividing.header {
  border-bottom: 2px solid #6dffff;
}
.ui.blue.header {
  color: #2185d0;
}
a.ui.blue.header:hover {
  color: #1678c2;
}
.ui.blue.dividing.header {
  border-bottom: 2px solid #2185d0;
}
.ui.inverted.blue.header.header.header {
  color: #54c8ff;
}
a.ui.inverted.blue.header.header.header:hover {
  color: #21b8ff;
}
.ui.inverted.blue.dividing.header {
  border-bottom: 2px solid #54c8ff;
}
.ui.violet.header {
  color: #6435c9;
}
a.ui.violet.header:hover {
  color: #5829bb;
}
.ui.violet.dividing.header {
  border-bottom: 2px solid #6435c9;
}
.ui.inverted.violet.header.header.header {
  color: #a291fb;
}
a.ui.inverted.violet.header.header.header:hover {
  color: #745aff;
}
.ui.inverted.violet.dividing.header {
  border-bottom: 2px solid #a291fb;
}
.ui.purple.header {
  color: #a333c8;
}
a.ui.purple.header:hover {
  color: #9627ba;
}
.ui.purple.dividing.header {
  border-bottom: 2px solid #a333c8;
}
.ui.inverted.purple.header.header.header {
  color: #dc73ff;
}
a.ui.inverted.purple.header.header.header:hover {
  color: #cf40ff;
}
.ui.inverted.purple.dividing.header {
  border-bottom: 2px solid #dc73ff;
}
.ui.pink.header {
  color: #e03997;
}
a.ui.pink.header:hover {
  color: #e61a8d;
}
.ui.pink.dividing.header {
  border-bottom: 2px solid #e03997;
}
.ui.inverted.pink.header.header.header {
  color: #ff8edf;
}
a.ui.inverted.pink.header.header.header:hover {
  color: #ff5bd1;
}
.ui.inverted.pink.dividing.header {
  border-bottom: 2px solid #ff8edf;
}
.ui.brown.header {
  color: #a5673f;
}
a.ui.brown.header:hover {
  color: #975b33;
}
.ui.brown.dividing.header {
  border-bottom: 2px solid #a5673f;
}
.ui.inverted.brown.header.header.header {
  color: #d67c1c;
}
a.ui.inverted.brown.header.header.header:hover {
  color: #b0620f;
}
.ui.inverted.brown.dividing.header {
  border-bottom: 2px solid #d67c1c;
}
.ui.grey.header {
  color: #767676;
}
a.ui.grey.header:hover {
  color: #838383;
}
.ui.grey.dividing.header {
  border-bottom: 2px solid #767676;
}
.ui.inverted.grey.header.header.header {
  color: #dcddde;
}
a.ui.inverted.grey.header.header.header:hover {
  color: #c2c4c5;
}
.ui.inverted.grey.dividing.header {
  border-bottom: 2px solid #dcddde;
}
.ui.black.header {
  color: #1b1c1d;
}
a.ui.black.header:hover {
  color: #27292a;
}
.ui.black.dividing.header {
  border-bottom: 2px solid #1b1c1d;
}
.ui.inverted.black.header.header.header {
  color: #545454;
}
a.ui.inverted.black.header.header.header:hover {
  color: #000000;
}
.ui.inverted.black.dividing.header {
  border-bottom: 2px solid #545454;
}

/* -------------------
           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: 0;
  margin-right: 0.5em;
}
.ui[class*="right floated"].header {
  float: right;
  margin-top: 0;
  margin-left: 0.5em;
}

/* -------------------
           Fitted
    -------------------- */
.ui.fitted.header {
  padding: 0;
}

/* -------------------
          Dividing
    -------------------- */
.ui.dividing.header {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.dividing.header .sub.header {
  padding-bottom: 0.2rem;
}
.ui.dividing.header i.icon {
  margin-bottom: 0;
}
.ui.inverted.dividing.header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* -------------------
            Block
    -------------------- */
.ui.block.header {
  background: #f3f4f5;
  padding: 0.8rem 1rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #d4d4d5;
  border-radius: 0.26666667rem;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1rem;
}
.ui.mini.block.header {
  font-size: 0.8rem;
}
.ui.tiny.block.header {
  font-size: 0.86666667rem;
}
.ui.small.block.header {
  font-size: 0.93333333rem;
}
.ui.large.block.header {
  font-size: 1.13333333rem;
}
.ui.big.block.header {
  font-size: 1.26666667rem;
}
.ui.huge.block.header {
  font-size: 1.4rem;
}
.ui.massive.block.header {
  font-size: 1.73333333rem;
}

/* -------------------
           Attached
    -------------------- */
.ui.attached.header {
  background: #fff;
  padding: 0.8rem 1rem;
  margin: 0 -1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #d4d4d5;
  border-radius: 0;
}
.ui.attached.block.header {
  background: #f3f4f5;
}
.ui.attached:not(.top).header {
  border-top: none;
}
.ui.top.attached.header {
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}
.ui.bottom.attached.header {
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}
.ui.seamless.attached:not(.bottom).header {
  border-bottom: none;
}

/* Attached Sizes */
.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1em;
}
.ui.mini.attached.header {
  font-size: 0.8em;
}
.ui.tiny.attached.header {
  font-size: 0.86666667em;
}
.ui.small.attached.header {
  font-size: 0.93333333em;
}
.ui.large.attached.header {
  font-size: 1.13333333em;
}
.ui.big.attached.header {
  font-size: 1.26666667em;
}
.ui.huge.attached.header {
  font-size: 1.4em;
}
.ui.massive.attached.header {
  font-size: 1.73333333em;
}

/* -------------------
        Sizing
-------------------- */
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28571429em;
}


/*******************************
         Theme Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.4 - Label
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            Label
*******************************/

.ui.label {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0 0.13333333em;
  background-color: #e8e8e8;
  background-image: none;
  padding: 0.5833em 0.833em;
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
  font-weight: 500;
  border: 0 solid transparent;
  border-radius: 0.26666667rem;
  -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;
}

/* 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;
}

/* Icon */
.ui.ui[class*="left icon"].label > .icon,
.ui.label > .icon {
  width: auto;
  margin: 0 0.75em 0 0;
}

/* Detail */
.ui.label > .detail {
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  margin-left: 1em;
  opacity: 0.8;
}
.ui.label > .detail .icon {
  margin: 0 0.25em 0 0;
}

/* Removable label */
.ui.label > .close.icon,
.ui.label > .delete.icon {
  cursor: pointer;
  font-size: 0.93333333em;
  opacity: 0.5;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
.ui.label > .close.icon:hover,
.ui.label > .delete.icon:hover {
  opacity: 1;
}

/* Backward compatible positioning */
.ui.label[class*="left icon"] > .close.icon,
.ui.label[class*="left icon"] > .delete.icon {
  margin: 0 0.5em 0 0;
}
.ui.label[class*="left icon"] > .close.icon.right,
.ui.label[class*="left icon"] > .delete.icon.right {
  margin: 0 0 0 0.5em;
}
.ui.label:not(.icon) > .close.icon,
.ui.label:not(.icon) > .delete.icon {
  margin: 0 0 0 0.5em;
}

/* Label for only an icon */
.ui.icon.label > .icon {
  margin: 0 auto;
}

/* Right Side Icon */
.ui[class*="right icon"].label > .icon {
  margin: 0 0 0 0.75em;
}

/* -------------------
       Group
-------------------- */
.ui.labels > .label {
  margin: 0 0.5em 0.5em 0;
}

/* -------------------
       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 ~ .ui.bottom.attached.label + :not(.attached),
.ui.top.attached.label + :not(.attached) {
  margin-top: 2rem !important;
}
.ui.bottom.attached.label ~ :last-child:not(.attached) {
  margin-top: 0;
  margin-bottom: 2rem !important;
}
.ui.segment:not(.basic) > .ui.top.attached.label {
  margin-top: -1px;
}
.ui.segment:not(.basic) > .ui.bottom.attached.label {
  margin-bottom: -1px;
}
.ui.segment:not(.basic) > .ui.attached.label:not(.right) {
  margin-left: -1px;
}
.ui.segment:not(.basic) > .ui.right.attached.label {
  margin-right: -1px;
}
.ui.segment:not(.basic) > .ui.attached.label:not(.left):not(.right) {
  width: calc(100% + 2px);
}


/*******************************
             Types
*******************************/

.ui.image.labels .label,
.ui.image.label {
  width: auto;
  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.26666667rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.image.labels .label.attached:not(.basic),
.ui.image.label.attached:not(.basic) {
  padding: 0.5833em 0.833em 0.5833em 0.5em;
}
.ui.labels .image.label,
.ui.image.labels .label {
  margin-bottom: 0.5em;
}
.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.26666667rem 0 0 0.26666667rem;
}
.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.26666667rem 0.26666667rem 0;
}
.ui.bottom.attached.image.label:not(.right) > img,
.ui.top.right.attached.image.label > img {
  border-top-left-radius: 0;
}
.ui.top.attached.image.label:not(.right) > img,
.ui.bottom.right.attached.image.label > img {
  border-bottom-left-radius: 0;
}

/* -------------------
             Tag
    -------------------- */
.ui.tag.labels .label,
.ui.tag.label {
  margin-left: 1em;
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0 0.26666667rem 0.26666667rem 0;
  -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: #fff;
  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.basic.tag.labels .label::before,
.ui.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  right: calc(100% + 1px);
}
.ui.basic.tag.labels .label::after,
.ui.basic.tag.label::after {
  -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
          box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
}

/* -------------------
        Corner Label
    -------------------- */
.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;
}

/* Icon Label */
.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;
  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: inherit;
  position: absolute;
  top: 0.6em;
  left: auto;
  right: 0.53333333em;
  font-size: 1.13333333em;
  margin: 0;
}

/* Left Corner */
.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.53333333em;
  right: auto;
}

/* 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: 0;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 0 0.26666667rem 0.26666667rem 0;
  border-color: rgba(0, 0, 0, 0.15);
}
.ui.ribbon.label::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  background-color: transparent;
  border-style: solid;
  border-width: 0 1.2em 1.2em 0;
  border-color: transparent;
  border-right-color: inherit;
  width: 0;
  height: 0;
}

/* 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);
}
.ui.basic.ribbon.label {
  padding-top: calc(0.5833em - 1px);
  padding-bottom: calc(0.5833em - 1px);
}
.ui.basic.ribbon.label:not([class*="right ribbon"]) {
  padding-left: calc(1rem + 1.2em - 1px);
  padding-right: calc(1.2em - 1px);
}
.ui.basic[class*="right ribbon"].label {
  padding-left: calc(1.2em - 1px);
  padding-right: calc(1rem + 1.2em - 1px);
}
.ui.basic.ribbon.label::after {
  top: calc(100% + 1px);
}
.ui.basic.ribbon.label:not([class*="right ribbon"])::after {
  left: -1px;
}
.ui.basic[class*="right ribbon"].label::after {
  right: -1px;
}

/* Right Ribbon */
.ui[class*="right ribbon"].label {
  text-align: left;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  border-radius: 0.26666667rem 0 0 0.26666667rem;
}
.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.ui.center.ribbon.label {
  top: calc(50% - 1em);
  z-index: 1;
}
.ui.bottom.ribbon.label::after {
  bottom: 100%;
  top: auto;
  border-width: 1.2em 1.2em 0 0;
}
.ui.bottom[class*="right ribbon"].label::after {
  border-width: 1.2em 0 0 1.2em;
  border-color: transparent;
  border-left-color: inherit;
}

/* Inside Image */
.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;
}
.ui.card .image > .ui.bottom.ribbon.label,
.ui.image > .ui.bottom.ribbon.label {
  bottom: 1rem;
  top: auto;
}

/* Inside Table */
.ui.table td > .ui.ribbon.label {
  left: calc(-1em - 1.2em);
}
.ui.table td > .ui[class*="right ribbon"].label {
  left: calc(100% + 1em + 1.2em);
  padding-left: 0.833em;
}

/* -------------------
          Attached
    -------------------- */
.ui[class*="top attached"].label,
.ui.attached.label {
  width: 100%;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  padding: 0.75em 1em;
  border-radius: 0.2rem 0.2rem 0 0;
}
.ui[class*="bottom attached"].label {
  top: auto;
  bottom: 0;
  border-radius: 0 0 0.2rem 0.2rem;
}
.ui[class*="top left attached"].label {
  width: auto;
  margin-top: 0;
  border-radius: 0.2rem 0 0.26666667rem 0;
}
.ui[class*="top right attached"].label {
  width: auto;
  left: auto;
  right: 0;
  border-radius: 0 0.2rem 0 0.26666667rem;
}
.ui[class*="bottom left attached"].label {
  width: auto;
  top: auto;
  bottom: 0;
  border-radius: 0 0.26666667rem 0 0.2rem;
}
.ui[class*="bottom right attached"].label {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  width: auto;
  border-radius: 0.26666667rem 0 0.2rem 0;
}


/*******************************
             States
*******************************/


/* -------------------
      Disabled
-------------------- */
.ui.disabled.labels .label,
.ui.label.disabled {
  opacity: 0.45;
  pointer-events: none;
}

/* -------------------
        Hover
-------------------- */
.ui.labels a.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
-------------------- */
.ui.labels a.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:hover::before,
a.ui.active.label:hover::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
*******************************/


/* -------------------
            Basic
    -------------------- */
.ui.basic.labels .label,
.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;
  padding-top: calc(0.5833em - 1px);
  padding-bottom: calc(0.5833em - 1px);
  padding-right: calc(0.833em - 1px);
}
.ui.basic.labels:not(.tag):not(.image):not(.ribbon) .label,
.ui.basic.label:not(.tag):not(.image):not(.ribbon) {
  padding-left: calc(0.833em - 1px);
}
.ui.basic.image.label {
  padding-left: calc(0.5em - 1px);
}

/* Link */
.ui.basic.labels a.label:hover,
a.ui.basic.label:hover {
  text-decoration: none;
  background: none #fff;
  color: #1e70bf;
  -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;
}
.ui.centered.labels .label,
.ui.centered.label {
  text-align: center;
}

/* -------------------
           Inverted
    -------------------- */
.ui.inverted.labels .label,
.ui.inverted.label {
  color: rgba(255, 255, 255, 0.9);
  background-color: #b5b5b5;
}
.ui.inverted.corner.label {
  border-color: #b5b5b5;
}
.ui.inverted.corner.label:hover {
  border-color: #e8e8e8;
  -webkit-transition: none;
  transition: none;
}
.ui.inverted.basic.labels .label,
.ui.inverted.basic.label,
.ui.inverted.basic.label:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background: #1b1c1d;
}
.ui.inverted.basic.label:hover {
  color: #4183c4;
}

/* -------------------
       Colors
-------------------- */
.ui.primary.labels .label,
.ui.ui.ui.primary.label {
  background-color: #2185d0;
  border-color: #2185d0;
  color: rgba(255, 255, 255, 0.9);
}

/* Link */
.ui.primary.labels a.label:hover,
a.ui.ui.ui.primary.label:hover {
  background-color: #1678c2;
  border-color: #1678c2;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.primary.ribbon.label {
  border-color: #1a69a4;
}

/* Basic */
.ui.basic.labels .primary.label,
.ui.ui.ui.basic.primary.label {
  background: none #fff;
  border-color: #2185d0;
  color: #2185d0;
}
.ui.basic.labels a.primary.label:hover,
a.ui.ui.ui.basic.primary.label:hover {
  background: none #fff;
  border-color: #1678c2;
  color: #1678c2;
}

/* Inverted */
.ui.inverted.labels .primary.label,
.ui.ui.ui.inverted.primary.label {
  background-color: #54c8ff;
  border-color: #54c8ff;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.primary.label:hover,
a.ui.ui.ui.inverted.primary.label:hover {
  background-color: #21b8ff;
  border-color: #21b8ff;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.primary.ribbon.label {
  border-color: #21b8ff;
}

/* Inverted Basic */
.ui.inverted.basic.labels .primary.label,
.ui.ui.ui.inverted.basic.primary.label {
  background-color: #1b1c1d;
  border-color: #54c8ff;
  color: #54c8ff;
}
.ui.inverted.basic.labels a.primary.label:hover,
a.ui.ui.ui.inverted.basic.primary.label:hover {
  border-color: #21b8ff;
  background-color: #1b1c1d;
  color: #21b8ff;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .primary.label,
.ui.ui.ui.inverted.primary.basic.tag.label {
  border: 1px solid #54c8ff;
}
.ui.inverted.basic.tag.labels .primary.label::before,
.ui.ui.ui.inverted.primary.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.secondary.labels .label,
.ui.ui.ui.secondary.label {
  background-color: #1b1c1d;
  border-color: #1b1c1d;
  color: rgba(255, 255, 255, 0.9);
}

/* Link */
.ui.secondary.labels a.label:hover,
a.ui.ui.ui.secondary.label:hover {
  background-color: #27292a;
  border-color: #27292a;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.secondary.ribbon.label {
  border-color: #020203;
}

/* Basic */
.ui.basic.labels .secondary.label,
.ui.ui.ui.basic.secondary.label {
  background: none #fff;
  border-color: #1b1c1d;
  color: #1b1c1d;
}
.ui.basic.labels a.secondary.label:hover,
a.ui.ui.ui.basic.secondary.label:hover {
  background: none #fff;
  border-color: #27292a;
  color: #27292a;
}

/* Inverted */
.ui.inverted.labels .secondary.label,
.ui.ui.ui.inverted.secondary.label {
  background-color: #545454;
  border-color: #545454;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.secondary.label:hover,
a.ui.ui.ui.inverted.secondary.label:hover {
  background-color: #6e6e6e;
  border-color: #6e6e6e;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.secondary.ribbon.label {
  border-color: #3b3b3b;
}

/* Inverted Basic */
.ui.inverted.basic.labels .secondary.label,
.ui.ui.ui.inverted.basic.secondary.label {
  background-color: #1b1c1d;
  border-color: #545454;
  color: #545454;
}
.ui.inverted.basic.labels a.secondary.label:hover,
a.ui.ui.ui.inverted.basic.secondary.label:hover {
  border-color: #6e6e6e;
  background-color: #1b1c1d;
  color: #6e6e6e;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .secondary.label,
.ui.ui.ui.inverted.secondary.basic.tag.label {
  border: 1px solid #545454;
}
.ui.inverted.basic.tag.labels .secondary.label::before,
.ui.ui.ui.inverted.secondary.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.red.labels .label,
.ui.ui.ui.red.label {
  background-color: #db2828;
  border-color: #db2828;
  color: #fff;
}

/* Link */
.ui.red.labels a.label:hover,
a.ui.ui.ui.red.label:hover {
  background-color: #d01919;
  border-color: #d01919;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.red.ribbon.label {
  border-color: #b21e1e;
}

/* Basic */
.ui.basic.labels .red.label,
.ui.ui.ui.basic.red.label {
  background: none #fff;
  border-color: #db2828;
  color: #db2828;
}
.ui.basic.labels a.red.label:hover,
a.ui.ui.ui.basic.red.label:hover {
  background: none #fff;
  border-color: #d01919;
  color: #d01919;
}

/* Inverted */
.ui.inverted.labels .red.label,
.ui.ui.ui.inverted.red.label {
  background-color: #ff695e;
  border-color: #ff695e;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.red.label:hover,
a.ui.ui.ui.inverted.red.label:hover {
  background-color: #ff392b;
  border-color: #ff392b;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.red.ribbon.label {
  border-color: #ff392b;
}

/* Inverted Basic */
.ui.inverted.basic.labels .red.label,
.ui.ui.ui.inverted.basic.red.label {
  background-color: #1b1c1d;
  border-color: #ff695e;
  color: #ff695e;
}
.ui.inverted.basic.labels a.red.label:hover,
a.ui.ui.ui.inverted.basic.red.label:hover {
  border-color: #ff392b;
  background-color: #1b1c1d;
  color: #ff392b;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .red.label,
.ui.ui.ui.inverted.red.basic.tag.label {
  border: 1px solid #ff695e;
}
.ui.inverted.basic.tag.labels .red.label::before,
.ui.ui.ui.inverted.red.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.orange.labels .label,
.ui.ui.ui.orange.label {
  background-color: #f2711c;
  border-color: #f2711c;
  color: #fff;
}

/* Link */
.ui.orange.labels a.label:hover,
a.ui.ui.ui.orange.label:hover {
  background-color: #f26202;
  border-color: #f26202;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.orange.ribbon.label {
  border-color: #cf590c;
}

/* Basic */
.ui.basic.labels .orange.label,
.ui.ui.ui.basic.orange.label {
  background: none #fff;
  border-color: #f2711c;
  color: #f2711c;
}
.ui.basic.labels a.orange.label:hover,
a.ui.ui.ui.basic.orange.label:hover {
  background: none #fff;
  border-color: #f26202;
  color: #f26202;
}

/* Inverted */
.ui.inverted.labels .orange.label,
.ui.ui.ui.inverted.orange.label {
  background-color: #ff851b;
  border-color: #ff851b;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.orange.label:hover,
a.ui.ui.ui.inverted.orange.label:hover {
  background-color: #e76b00;
  border-color: #e76b00;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.orange.ribbon.label {
  border-color: #e76b00;
}

/* Inverted Basic */
.ui.inverted.basic.labels .orange.label,
.ui.ui.ui.inverted.basic.orange.label {
  background-color: #1b1c1d;
  border-color: #ff851b;
  color: #ff851b;
}
.ui.inverted.basic.labels a.orange.label:hover,
a.ui.ui.ui.inverted.basic.orange.label:hover {
  border-color: #e76b00;
  background-color: #1b1c1d;
  color: #e76b00;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .orange.label,
.ui.ui.ui.inverted.orange.basic.tag.label {
  border: 1px solid #ff851b;
}
.ui.inverted.basic.tag.labels .orange.label::before,
.ui.ui.ui.inverted.orange.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.yellow.labels .label,
.ui.ui.ui.yellow.label {
  background-color: #fbbd08;
  border-color: #fbbd08;
  color: #fff;
}

/* Link */
.ui.yellow.labels a.label:hover,
a.ui.ui.ui.yellow.label:hover {
  background-color: #eaae00;
  border-color: #eaae00;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.yellow.ribbon.label {
  border-color: #cd9903;
}

/* Basic */
.ui.basic.labels .yellow.label,
.ui.ui.ui.basic.yellow.label {
  background: none #fff;
  border-color: #fbbd08;
  color: #fbbd08;
}
.ui.basic.labels a.yellow.label:hover,
a.ui.ui.ui.basic.yellow.label:hover {
  background: none #fff;
  border-color: #eaae00;
  color: #eaae00;
}

/* Inverted */
.ui.inverted.labels .yellow.label,
.ui.ui.ui.inverted.yellow.label {
  background-color: #ffe21f;
  border-color: #ffe21f;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.yellow.label:hover,
a.ui.ui.ui.inverted.yellow.label:hover {
  background-color: #ebcd00;
  border-color: #ebcd00;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.yellow.ribbon.label {
  border-color: #ebcd00;
}

/* Inverted Basic */
.ui.inverted.basic.labels .yellow.label,
.ui.ui.ui.inverted.basic.yellow.label {
  background-color: #1b1c1d;
  border-color: #ffe21f;
  color: #ffe21f;
}
.ui.inverted.basic.labels a.yellow.label:hover,
a.ui.ui.ui.inverted.basic.yellow.label:hover {
  border-color: #ebcd00;
  background-color: #1b1c1d;
  color: #ebcd00;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .yellow.label,
.ui.ui.ui.inverted.yellow.basic.tag.label {
  border: 1px solid #ffe21f;
}
.ui.inverted.basic.tag.labels .yellow.label::before,
.ui.ui.ui.inverted.yellow.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.olive.labels .label,
.ui.ui.ui.olive.label {
  background-color: #b5cc18;
  border-color: #b5cc18;
  color: #fff;
}

/* Link */
.ui.olive.labels a.label:hover,
a.ui.ui.ui.olive.label:hover {
  background-color: #a7bd0d;
  border-color: #a7bd0d;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.olive.ribbon.label {
  border-color: #8d9e13;
}

/* Basic */
.ui.basic.labels .olive.label,
.ui.ui.ui.basic.olive.label {
  background: none #fff;
  border-color: #b5cc18;
  color: #b5cc18;
}
.ui.basic.labels a.olive.label:hover,
a.ui.ui.ui.basic.olive.label:hover {
  background: none #fff;
  border-color: #a7bd0d;
  color: #a7bd0d;
}

/* Inverted */
.ui.inverted.labels .olive.label,
.ui.ui.ui.inverted.olive.label {
  background-color: #d9e778;
  border-color: #d9e778;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.olive.label:hover,
a.ui.ui.ui.inverted.olive.label:hover {
  background-color: #d2e745;
  border-color: #d2e745;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.olive.ribbon.label {
  border-color: #cddf4d;
}

/* Inverted Basic */
.ui.inverted.basic.labels .olive.label,
.ui.ui.ui.inverted.basic.olive.label {
  background-color: #1b1c1d;
  border-color: #d9e778;
  color: #d9e778;
}
.ui.inverted.basic.labels a.olive.label:hover,
a.ui.ui.ui.inverted.basic.olive.label:hover {
  border-color: #d2e745;
  background-color: #1b1c1d;
  color: #d2e745;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .olive.label,
.ui.ui.ui.inverted.olive.basic.tag.label {
  border: 1px solid #d9e778;
}
.ui.inverted.basic.tag.labels .olive.label::before,
.ui.ui.ui.inverted.olive.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.green.labels .label,
.ui.ui.ui.green.label {
  background-color: #21ba45;
  border-color: #21ba45;
  color: #fff;
}

/* Link */
.ui.green.labels a.label:hover,
a.ui.ui.ui.green.label:hover {
  background-color: #16ab39;
  border-color: #16ab39;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.green.ribbon.label {
  border-color: #198f35;
}

/* Basic */
.ui.basic.labels .green.label,
.ui.ui.ui.basic.green.label {
  background: none #fff;
  border-color: #21ba45;
  color: #21ba45;
}
.ui.basic.labels a.green.label:hover,
a.ui.ui.ui.basic.green.label:hover {
  background: none #fff;
  border-color: #16ab39;
  color: #16ab39;
}

/* Inverted */
.ui.inverted.labels .green.label,
.ui.ui.ui.inverted.green.label {
  background-color: #2ecc40;
  border-color: #2ecc40;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.green.label:hover,
a.ui.ui.ui.inverted.green.label:hover {
  background-color: #1ea92e;
  border-color: #1ea92e;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.green.ribbon.label {
  border-color: #25a233;
}

/* Inverted Basic */
.ui.inverted.basic.labels .green.label,
.ui.ui.ui.inverted.basic.green.label {
  background-color: #1b1c1d;
  border-color: #2ecc40;
  color: #2ecc40;
}
.ui.inverted.basic.labels a.green.label:hover,
a.ui.ui.ui.inverted.basic.green.label:hover {
  border-color: #1ea92e;
  background-color: #1b1c1d;
  color: #1ea92e;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .green.label,
.ui.ui.ui.inverted.green.basic.tag.label {
  border: 1px solid #2ecc40;
}
.ui.inverted.basic.tag.labels .green.label::before,
.ui.ui.ui.inverted.green.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.teal.labels .label,
.ui.ui.ui.teal.label {
  background-color: #00b5ad;
  border-color: #00b5ad;
  color: #fff;
}

/* Link */
.ui.teal.labels a.label:hover,
a.ui.ui.ui.teal.label:hover {
  background-color: #009c95;
  border-color: #009c95;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.teal.ribbon.label {
  border-color: #00827c;
}

/* Basic */
.ui.basic.labels .teal.label,
.ui.ui.ui.basic.teal.label {
  background: none #fff;
  border-color: #00b5ad;
  color: #00b5ad;
}
.ui.basic.labels a.teal.label:hover,
a.ui.ui.ui.basic.teal.label:hover {
  background: none #fff;
  border-color: #009c95;
  color: #009c95;
}

/* Inverted */
.ui.inverted.labels .teal.label,
.ui.ui.ui.inverted.teal.label {
  background-color: #6dffff;
  border-color: #6dffff;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.teal.label:hover,
a.ui.ui.ui.inverted.teal.label:hover {
  background-color: #3affff;
  border-color: #3affff;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.teal.ribbon.label {
  border-color: #3affff;
}

/* Inverted Basic */
.ui.inverted.basic.labels .teal.label,
.ui.ui.ui.inverted.basic.teal.label {
  background-color: #1b1c1d;
  border-color: #6dffff;
  color: #6dffff;
}
.ui.inverted.basic.labels a.teal.label:hover,
a.ui.ui.ui.inverted.basic.teal.label:hover {
  border-color: #3affff;
  background-color: #1b1c1d;
  color: #3affff;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .teal.label,
.ui.ui.ui.inverted.teal.basic.tag.label {
  border: 1px solid #6dffff;
}
.ui.inverted.basic.tag.labels .teal.label::before,
.ui.ui.ui.inverted.teal.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.blue.labels .label,
.ui.ui.ui.blue.label {
  background-color: #2185d0;
  border-color: #2185d0;
  color: #fff;
}

/* Link */
.ui.blue.labels a.label:hover,
a.ui.ui.ui.blue.label:hover {
  background-color: #1678c2;
  border-color: #1678c2;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.blue.ribbon.label {
  border-color: #1a69a4;
}

/* Basic */
.ui.basic.labels .blue.label,
.ui.ui.ui.basic.blue.label {
  background: none #fff;
  border-color: #2185d0;
  color: #2185d0;
}
.ui.basic.labels a.blue.label:hover,
a.ui.ui.ui.basic.blue.label:hover {
  background: none #fff;
  border-color: #1678c2;
  color: #1678c2;
}

/* Inverted */
.ui.inverted.labels .blue.label,
.ui.ui.ui.inverted.blue.label {
  background-color: #54c8ff;
  border-color: #54c8ff;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.blue.label:hover,
a.ui.ui.ui.inverted.blue.label:hover {
  background-color: #21b8ff;
  border-color: #21b8ff;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.blue.ribbon.label {
  border-color: #21b8ff;
}

/* Inverted Basic */
.ui.inverted.basic.labels .blue.label,
.ui.ui.ui.inverted.basic.blue.label {
  background-color: #1b1c1d;
  border-color: #54c8ff;
  color: #54c8ff;
}
.ui.inverted.basic.labels a.blue.label:hover,
a.ui.ui.ui.inverted.basic.blue.label:hover {
  border-color: #21b8ff;
  background-color: #1b1c1d;
  color: #21b8ff;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .blue.label,
.ui.ui.ui.inverted.blue.basic.tag.label {
  border: 1px solid #54c8ff;
}
.ui.inverted.basic.tag.labels .blue.label::before,
.ui.ui.ui.inverted.blue.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.violet.labels .label,
.ui.ui.ui.violet.label {
  background-color: #6435c9;
  border-color: #6435c9;
  color: #fff;
}

/* Link */
.ui.violet.labels a.label:hover,
a.ui.ui.ui.violet.label:hover {
  background-color: #5829bb;
  border-color: #5829bb;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.violet.ribbon.label {
  border-color: #502aa1;
}

/* Basic */
.ui.basic.labels .violet.label,
.ui.ui.ui.basic.violet.label {
  background: none #fff;
  border-color: #6435c9;
  color: #6435c9;
}
.ui.basic.labels a.violet.label:hover,
a.ui.ui.ui.basic.violet.label:hover {
  background: none #fff;
  border-color: #5829bb;
  color: #5829bb;
}

/* Inverted */
.ui.inverted.labels .violet.label,
.ui.ui.ui.inverted.violet.label {
  background-color: #a291fb;
  border-color: #a291fb;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.violet.label:hover,
a.ui.ui.ui.inverted.violet.label:hover {
  background-color: #745aff;
  border-color: #745aff;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.violet.ribbon.label {
  border-color: #7860f9;
}

/* Inverted Basic */
.ui.inverted.basic.labels .violet.label,
.ui.ui.ui.inverted.basic.violet.label {
  background-color: #1b1c1d;
  border-color: #a291fb;
  color: #a291fb;
}
.ui.inverted.basic.labels a.violet.label:hover,
a.ui.ui.ui.inverted.basic.violet.label:hover {
  border-color: #745aff;
  background-color: #1b1c1d;
  color: #745aff;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .violet.label,
.ui.ui.ui.inverted.violet.basic.tag.label {
  border: 1px solid #a291fb;
}
.ui.inverted.basic.tag.labels .violet.label::before,
.ui.ui.ui.inverted.violet.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.purple.labels .label,
.ui.ui.ui.purple.label {
  background-color: #a333c8;
  border-color: #a333c8;
  color: #fff;
}

/* Link */
.ui.purple.labels a.label:hover,
a.ui.ui.ui.purple.label:hover {
  background-color: #9627ba;
  border-color: #9627ba;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.purple.ribbon.label {
  border-color: #82299f;
}

/* Basic */
.ui.basic.labels .purple.label,
.ui.ui.ui.basic.purple.label {
  background: none #fff;
  border-color: #a333c8;
  color: #a333c8;
}
.ui.basic.labels a.purple.label:hover,
a.ui.ui.ui.basic.purple.label:hover {
  background: none #fff;
  border-color: #9627ba;
  color: #9627ba;
}

/* Inverted */
.ui.inverted.labels .purple.label,
.ui.ui.ui.inverted.purple.label {
  background-color: #dc73ff;
  border-color: #dc73ff;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.purple.label:hover,
a.ui.ui.ui.inverted.purple.label:hover {
  background-color: #cf40ff;
  border-color: #cf40ff;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.purple.ribbon.label {
  border-color: #cf40ff;
}

/* Inverted Basic */
.ui.inverted.basic.labels .purple.label,
.ui.ui.ui.inverted.basic.purple.label {
  background-color: #1b1c1d;
  border-color: #dc73ff;
  color: #dc73ff;
}
.ui.inverted.basic.labels a.purple.label:hover,
a.ui.ui.ui.inverted.basic.purple.label:hover {
  border-color: #cf40ff;
  background-color: #1b1c1d;
  color: #cf40ff;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .purple.label,
.ui.ui.ui.inverted.purple.basic.tag.label {
  border: 1px solid #dc73ff;
}
.ui.inverted.basic.tag.labels .purple.label::before,
.ui.ui.ui.inverted.purple.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.pink.labels .label,
.ui.ui.ui.pink.label {
  background-color: #e03997;
  border-color: #e03997;
  color: #fff;
}

/* Link */
.ui.pink.labels a.label:hover,
a.ui.ui.ui.pink.label:hover {
  background-color: #e61a8d;
  border-color: #e61a8d;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.pink.ribbon.label {
  border-color: #c71f7e;
}

/* Basic */
.ui.basic.labels .pink.label,
.ui.ui.ui.basic.pink.label {
  background: none #fff;
  border-color: #e03997;
  color: #e03997;
}
.ui.basic.labels a.pink.label:hover,
a.ui.ui.ui.basic.pink.label:hover {
  background: none #fff;
  border-color: #e61a8d;
  color: #e61a8d;
}

/* Inverted */
.ui.inverted.labels .pink.label,
.ui.ui.ui.inverted.pink.label {
  background-color: #ff8edf;
  border-color: #ff8edf;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.pink.label:hover,
a.ui.ui.ui.inverted.pink.label:hover {
  background-color: #ff5bd1;
  border-color: #ff5bd1;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.pink.ribbon.label {
  border-color: #ff5bd1;
}

/* Inverted Basic */
.ui.inverted.basic.labels .pink.label,
.ui.ui.ui.inverted.basic.pink.label {
  background-color: #1b1c1d;
  border-color: #ff8edf;
  color: #ff8edf;
}
.ui.inverted.basic.labels a.pink.label:hover,
a.ui.ui.ui.inverted.basic.pink.label:hover {
  border-color: #ff5bd1;
  background-color: #1b1c1d;
  color: #ff5bd1;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .pink.label,
.ui.ui.ui.inverted.pink.basic.tag.label {
  border: 1px solid #ff8edf;
}
.ui.inverted.basic.tag.labels .pink.label::before,
.ui.ui.ui.inverted.pink.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.brown.labels .label,
.ui.ui.ui.brown.label {
  background-color: #a5673f;
  border-color: #a5673f;
  color: #fff;
}

/* Link */
.ui.brown.labels a.label:hover,
a.ui.ui.ui.brown.label:hover {
  background-color: #975b33;
  border-color: #975b33;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.brown.ribbon.label {
  border-color: #805031;
}

/* Basic */
.ui.basic.labels .brown.label,
.ui.ui.ui.basic.brown.label {
  background: none #fff;
  border-color: #a5673f;
  color: #a5673f;
}
.ui.basic.labels a.brown.label:hover,
a.ui.ui.ui.basic.brown.label:hover {
  background: none #fff;
  border-color: #975b33;
  color: #975b33;
}

/* Inverted */
.ui.inverted.labels .brown.label,
.ui.ui.ui.inverted.brown.label {
  background-color: #d67c1c;
  border-color: #d67c1c;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.brown.label:hover,
a.ui.ui.ui.inverted.brown.label:hover {
  background-color: #b0620f;
  border-color: #b0620f;
  color: #1b1c1d;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.brown.ribbon.label {
  border-color: #a96216;
}

/* Inverted Basic */
.ui.inverted.basic.labels .brown.label,
.ui.ui.ui.inverted.basic.brown.label {
  background-color: #1b1c1d;
  border-color: #d67c1c;
  color: #d67c1c;
}
.ui.inverted.basic.labels a.brown.label:hover,
a.ui.ui.ui.inverted.basic.brown.label:hover {
  border-color: #b0620f;
  background-color: #1b1c1d;
  color: #b0620f;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .brown.label,
.ui.ui.ui.inverted.brown.basic.tag.label {
  border: 1px solid #d67c1c;
}
.ui.inverted.basic.tag.labels .brown.label::before,
.ui.ui.ui.inverted.brown.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.grey.labels .label,
.ui.ui.ui.grey.label {
  background-color: #767676;
  border-color: #767676;
  color: #fff;
}

/* Link */
.ui.grey.labels a.label:hover,
a.ui.ui.ui.grey.label:hover {
  background-color: #838383;
  border-color: #838383;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.grey.ribbon.label {
  border-color: #5d5d5d;
}

/* Basic */
.ui.basic.labels .grey.label,
.ui.ui.ui.basic.grey.label {
  background: none #fff;
  border-color: #767676;
  color: #767676;
}
.ui.basic.labels a.grey.label:hover,
a.ui.ui.ui.basic.grey.label:hover {
  background: none #fff;
  border-color: #838383;
  color: #838383;
}

/* Inverted */
.ui.inverted.labels .grey.label,
.ui.ui.ui.inverted.grey.label {
  background-color: #dcddde;
  border-color: #dcddde;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.grey.label:hover,
a.ui.ui.ui.inverted.grey.label:hover {
  background-color: #c2c4c5;
  border-color: #c2c4c5;
  color: #fff;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.grey.ribbon.label {
  border-color: #e9eaea;
}

/* Inverted Basic */
.ui.inverted.basic.labels .grey.label,
.ui.ui.ui.inverted.basic.grey.label {
  background-color: #1b1c1d;
  border-color: #dcddde;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.basic.labels a.grey.label:hover,
a.ui.ui.ui.inverted.basic.grey.label:hover {
  border-color: #c2c4c5;
  background-color: #1b1c1d;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .grey.label,
.ui.ui.ui.inverted.grey.basic.tag.label {
  border: 1px solid #dcddde;
}
.ui.inverted.basic.tag.labels .grey.label::before,
.ui.ui.ui.inverted.grey.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}
.ui.black.labels .label,
.ui.ui.ui.black.label {
  background-color: #1b1c1d;
  border-color: #1b1c1d;
  color: #fff;
}

/* Link */
.ui.black.labels a.label:hover,
a.ui.ui.ui.black.label:hover {
  background-color: #27292a;
  border-color: #27292a;
  color: #fff;
}

/* Ribbon */
.ui.ui.ui.black.ribbon.label {
  border-color: #020203;
}

/* Basic */
.ui.basic.labels .black.label,
.ui.ui.ui.basic.black.label {
  background: none #fff;
  border-color: #1b1c1d;
  color: #1b1c1d;
}
.ui.basic.labels a.black.label:hover,
a.ui.ui.ui.basic.black.label:hover {
  background: none #fff;
  border-color: #27292a;
  color: #27292a;
}

/* Inverted */
.ui.inverted.labels .black.label,
.ui.ui.ui.inverted.black.label {
  background-color: #545454;
  border-color: #545454;
  color: #1b1c1d;
}

/* Inverted Link */
.ui.inverted.labels a.black.label:hover,
a.ui.ui.ui.inverted.black.label:hover {
  background-color: #000000;
  border-color: #000000;
  color: #fff;
}

/* Inverted Ribbon */
.ui.ui.ui.inverted.black.ribbon.label {
  border-color: #616161;
}

/* Inverted Basic */
.ui.inverted.basic.labels .black.label,
.ui.ui.ui.inverted.basic.black.label {
  background-color: #1b1c1d;
  border-color: #545454;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.basic.labels a.black.label:hover,
a.ui.ui.ui.inverted.basic.black.label:hover {
  border-color: #000000;
  background-color: #1b1c1d;
}

/* Inverted Basic Tags */
.ui.inverted.basic.tag.labels .black.label,
.ui.ui.ui.inverted.black.basic.tag.label {
  border: 1px solid #545454;
}
.ui.inverted.basic.tag.labels .black.label::before,
.ui.ui.ui.inverted.black.basic.tag.label::before {
  border-color: inherit;
  border-width: 1px 0 0 1px;
  border-style: inherit;
  background-color: #1b1c1d;
  right: calc(100% + 1px);
}

/* -------------------
     Horizontal
-------------------- */
.ui.horizontal.labels .label,
.ui.horizontal.label {
  margin: 0 0.5em 0 0;
  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: 0;
  min-height: 0;
  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: 0;
  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: none;
  transition: none;
}

/* --- 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 0 0 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: 0;
  margin-bottom: 1em;
}
.ui[class*="bottom pointing"].label::before,
.ui[class*="pointing below"].label::before {
  border-width: 0 1px 1px 0;
  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: 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;
}

/* --- Right --- */
.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;
}

/* 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;
  right: 0;
  white-space: nowrap;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.ui.right.aligned.floating.label {
  -webkit-transform: translateX(1.2em);
          transform: translateX(1.2em);
}
.ui.left.floating.label {
  left: 0;
  right: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ui.left.aligned.floating.label {
  -webkit-transform: translateX(-1.2em);
          transform: translateX(-1.2em);
}
.ui.bottom.floating.label {
  top: auto;
  bottom: -1em;
}

/* -------------------
        Sizes
-------------------- */
.ui.labels .label,
.ui.label {
  font-size: 0.8rem;
}
.ui.mini.labels .label,
.ui.mini.label {
  font-size: 0.6rem;
}
.ui.tiny.labels .label,
.ui.tiny.label {
  font-size: 0.66666667rem;
}
.ui.small.labels .label,
.ui.small.label {
  font-size: 0.73333333rem;
}
.ui.large.labels .label,
.ui.large.label {
  font-size: 1rem;
}
.ui.big.labels .label,
.ui.big.label {
  font-size: 1.26666667rem;
}
.ui.huge.labels .label,
.ui.huge.label {
  font-size: 1.4rem;
}
.ui.massive.labels .label,
.ui.massive.label {
  font-size: 1.73333333rem;
}


/*******************************
         Theme Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.4 - Input
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://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: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.21428571em;
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.26666667rem;
  -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:not([type="color"]) {
  padding: 0.55952381em 0.66666667em;
}
.ui.input > input::-webkit-calendar-picker-indicator {
  padding: 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

/* --------------------
      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);
}
.ui.input > input::-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.input > input::placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.input > input::-moz-placeholder {
  opacity: 1;
}
.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;
}
.ui.form .field > textarea:hover:not(:focus),
.ui.input > textarea:hover:not(:focus),
.ui.form .field > input:hover:not(:focus),
.ui.input > input:hover:not(:focus) {
  border-color: rgba(34, 36, 38, 0.35);
}

/* --------------------
           Loading
    --------------------- */
.ui.ui.loading.input > i.icon::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -0.63333333em 0 0 -0.63333333em;
  width: 1.26666667em;
  height: 1.26666667em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.ui.loading.input > i.icon::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -0.63333333em 0 0 -0.63333333em;
  width: 1.26666667em;
  height: 1.26666667em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
}

/* --------------------
        Focus
--------------------- */
.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.focus > input::-ms-input-placeholder, .ui.input > input:focus::-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus > input::placeholder,
.ui.input > input:focus::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);
}

/* --------------------
            States
    --------------------- */
.ui.input.error > input {
  background-color: #fff6f6;
  border-color: #e0b4b4;
  color: #9f3a38;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 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;
}
.ui.input.error > input::-ms-input-placeholder {
  color: #e7bdbc;
}
.ui.input.error > input::placeholder {
  color: #e7bdbc;
}
.ui.input.error > input:-ms-input-placeholder {
  color: #e7bdbc !important;
}

/* Focused 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;
}
.ui.input.error > input:focus::-ms-input-placeholder {
  color: #da9796;
}
.ui.input.error > input:focus::placeholder {
  color: #da9796;
}
.ui.input.error > input:focus:-ms-input-placeholder {
  color: #da9796 !important;
}
.ui.input.info > input {
  background-color: #f8ffff;
  border-color: #a9d5de;
  color: #276f86;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Placeholder */
.ui.input.info > input::-webkit-input-placeholder {
  color: #98cfe1;
}
.ui.input.info > input::-moz-placeholder {
  color: #98cfe1;
}
.ui.input.info > input:-ms-input-placeholder {
  color: #98cfe1;
}
.ui.input.info > input::-ms-input-placeholder {
  color: #98cfe1;
}
.ui.input.info > input::placeholder {
  color: #98cfe1;
}
.ui.input.info > input:-ms-input-placeholder {
  color: #98cfe1 !important;
}

/* Focused Placeholder */
.ui.input.info > input:focus::-webkit-input-placeholder {
  color: #70bdd6;
}
.ui.input.info > input:focus::-moz-placeholder {
  color: #70bdd6;
}
.ui.input.info > input:focus:-ms-input-placeholder {
  color: #70bdd6;
}
.ui.input.info > input:focus::-ms-input-placeholder {
  color: #70bdd6;
}
.ui.input.info > input:focus::placeholder {
  color: #70bdd6;
}
.ui.input.info > input:focus:-ms-input-placeholder {
  color: #70bdd6 !important;
}
.ui.input.success > input {
  background-color: #fcfff5;
  border-color: #a3c293;
  color: #2c662d;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Placeholder */
.ui.input.success > input::-webkit-input-placeholder {
  color: #8fcf90;
}
.ui.input.success > input::-moz-placeholder {
  color: #8fcf90;
}
.ui.input.success > input:-ms-input-placeholder {
  color: #8fcf90;
}
.ui.input.success > input::-ms-input-placeholder {
  color: #8fcf90;
}
.ui.input.success > input::placeholder {
  color: #8fcf90;
}
.ui.input.success > input:-ms-input-placeholder {
  color: #8fcf90 !important;
}

/* Focused Placeholder */
.ui.input.success > input:focus::-webkit-input-placeholder {
  color: #6cbf6d;
}
.ui.input.success > input:focus::-moz-placeholder {
  color: #6cbf6d;
}
.ui.input.success > input:focus:-ms-input-placeholder {
  color: #6cbf6d;
}
.ui.input.success > input:focus::-ms-input-placeholder {
  color: #6cbf6d;
}
.ui.input.success > input:focus::placeholder {
  color: #6cbf6d;
}
.ui.input.success > input:focus:-ms-input-placeholder {
  color: #6cbf6d !important;
}
.ui.input.warning > input {
  background-color: #fffaf3;
  border-color: #c9ba9b;
  color: #573a08;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Placeholder */
.ui.input.warning > input::-webkit-input-placeholder {
  color: #edad3e;
}
.ui.input.warning > input::-moz-placeholder {
  color: #edad3e;
}
.ui.input.warning > input:-ms-input-placeholder {
  color: #edad3e;
}
.ui.input.warning > input::-ms-input-placeholder {
  color: #edad3e;
}
.ui.input.warning > input::placeholder {
  color: #edad3e;
}
.ui.input.warning > input:-ms-input-placeholder {
  color: #edad3e !important;
}

/* Focused Placeholder */
.ui.input.warning > input:focus::-webkit-input-placeholder {
  color: #e39715;
}
.ui.input.warning > input:focus::-moz-placeholder {
  color: #e39715;
}
.ui.input.warning > input:focus:-ms-input-placeholder {
  color: #e39715;
}
.ui.input.warning > input:focus::-ms-input-placeholder {
  color: #e39715;
}
.ui.input.warning > input:focus::placeholder {
  color: #e39715;
}
.ui.input.warning > input:focus:-ms-input-placeholder {
  color: #e39715 !important;
}


/*******************************
           Variations
*******************************/


/* --------------------
          Transparent
    --------------------- */
.ui.transparent.input > textarea,
.ui.transparent.input > input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0 !important;
}
.field .ui.transparent.input > textarea {
  padding: 0.55952381em 0.66666667em;
}

/* Transparent Icon */
:not(.field) > .ui.transparent.icon.input > i.icon {
  width: 1.1em;
}
:not(.field) > .ui.ui.ui.transparent.icon.input > input {
  padding-left: 0;
  padding-right: 2em;
}
:not(.field) > .ui.ui.ui.transparent[class*="left icon"].input > input {
  padding-left: 2em;
  padding-right: 0;
}

/* Transparent Inverted */
.ui.transparent.inverted.input {
  color: #fff;
}
.ui.ui.transparent.inverted.input > textarea,
.ui.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.transparent.inverted.input > input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input > input::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: 0;
  right: 0;
  margin: 0;
  height: 100%;
  width: 2.43333333em;
  opacity: 0.5;
  border-radius: 0 0.26666667rem 0.26666667rem 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ui.icon.input > i.icon:not(.link) {
  pointer-events: none;
}
.ui.ui.ui.ui.icon.input:not(.corner) > textarea,
.ui.ui.ui.ui.icon.input:not(.corner) > input {
  padding-right: 2.43333333em;
}
.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.26666667rem 0 0 0.26666667rem;
}
.ui[class*="left icon"].input > i.circular.icon {
  right: auto;
  left: 0.5em;
}
.ui.ui.ui.ui[class*="left icon"]:not([class*="left corner"]).input > textarea,
.ui.ui.ui.ui[class*="left icon"]:not([class*="left corner"]).input > input {
  padding-left: 2.43333333em;
}
.ui.ui.ui.ui[class*="left icon"]:not(.corner).input > textarea,
.ui.ui.ui.ui[class*="left icon"]:not(.corner).input > input {
  padding-right: 0.66666667em;
}

/* Focus */
.ui.input > input:focus::-webkit-calendar-picker-indicator,
.ui.icon.input > textarea:focus ~ i.icon,
.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.66666667em;
  padding-bottom: 0.66666667em;
}

/* Regular Label on Left */
.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;
}

/* Regular Label on Right */
.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;
}

/* Corner Label */
.ui.labeled.input .corner.label {
  top: 1px;
  right: 1px;
  font-size: 0.6em;
  border-radius: 0 0.26666667rem 0 0;
}

/* Spacing with corner label */
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > .ui.dropdown,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > textarea,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > input {
  padding-right: 2.5em;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .ui.dropdown,
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > textarea,
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
  padding-right: 3.25em;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > i.icon {
  margin-right: 1.25em;
}

/* Left Labeled */
.ui[class*="left icon"].input > .ui.dropdown:first-child,
.ui[class*="left icon"].input > i.icon + .ui.dropdown,
.ui[class*="left corner labeled"].input > .ui.dropdown,
.ui[class*="left corner labeled"].input > textarea,
.ui[class*="left corner labeled"].input > input {
  padding-left: 2.5em;
}
.ui[class*="corner labeled"]:not([class*="left corner labeled"])[class*="left icon"].input > .ui.dropdown,
.ui[class*="corner labeled"]:not([class*="left corner labeled"])[class*="left icon"].input > textarea,
.ui[class*="corner labeled"]:not([class*="left corner labeled"])[class*="left icon"].input > input {
  padding-right: 3.25em;
}
.ui.ui[class*="left corner labeled"][class*="left icon"].input > .ui.dropdown,
.ui.ui[class*="left corner labeled"][class*="left icon"].input > textarea,
.ui.ui[class*="left corner labeled"][class*="left icon"].input > input {
  padding-left: 4em;
}
.ui[class*="left corner labeled"].icon.input > i.icon {
  margin-left: 1.25em;
}
.ui[class*="left corner labeled"].icon:not([class*="left icon"]).input > input {
  padding-right: 2.5em;
}
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > input {
  padding-right: 5em;
}
.ui[class*="left icon"].input > .ui.dropdown > .search,
.ui[class*="left corner labeled"].input > .ui.dropdown > .search {
  padding-left: 2.5em;
}
.ui[class*="left icon"].input > .ui.dropdown > .menu,
.ui[class*="left corner labeled"].input > .ui.dropdown > .menu {
  padding-left: 1.25em;
}
.ui[class*="left icon"].input > .ui.dropdown > .menu > .item,
.ui[class*="left corner labeled"].input > .ui.dropdown > .menu > .item {
  padding-left: 2.5em;
  margin-left: -1.25em;
}
.ui[class*="left corner labeled"][class*="left icon"].input > .ui.dropdown > .search {
  padding-left: 4em;
}
.ui[class*="left corner labeled"][class*="left icon"].input > .ui.dropdown > .menu > .item {
  padding-left: 4em;
}
.ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .search,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > .ui.dropdown > .search {
  padding-right: 5.75em;
}
.ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .remove.icon,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > .ui.dropdown > .remove.icon,
.ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .dropdown.icon,
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).input > .ui.dropdown > .dropdown.icon {
  padding-right: 2.5em;
}
@supports selector(:has(.f)) {
  .ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .dropdown.icon {
    padding-right: initial;
  }
  .ui.icon.input:not([class*="left icon"]):not(:has(.ui.dropdown ~ input)) > .ui.dropdown > .dropdown.icon {
    padding-right: 2.5em;
  }
}
.ui.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .search {
  padding-right: 7.25em;
}
.ui.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .remove.icon,
.ui.ui[class*="corner labeled"]:not([class*="left corner labeled"]).icon:not([class*="left icon"]).input > .ui.dropdown > .dropdown.icon {
  padding-right: 4em;
}
.ui.icon.input > .ui.visible.dropdown ~ i.icon,
.ui.icon.input > .ui.active.dropdown ~ i.icon,
.ui[class*="corner labeled"].input > .ui.visible.dropdown ~ .ui.corner.label,
.ui[class*="corner labeled"].input > .ui.active.dropdown ~ .ui.corner.label {
  z-index: 10;
}
.ui.icon.input > textarea ~ i.icon {
  height: 3em;
}
:not(.field) > .ui.transparent.icon.input > textarea ~ i.icon {
  height: 1.3em;
}

/* Corner Label Position */
.ui.input > .ui.corner.label {
  top: 1px;
  right: 1px;
}
.ui.input > .ui.left.corner.label {
  right: auto;
  left: 1px;
}

/* Labeled and action input states */
.ui.form .field.error > .ui.action.input > .ui.button,
.ui.form .field.error > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
.ui.action.input.error > .ui.button,
.ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
  border-top: 1px solid #e0b4b4;
  border-bottom: 1px solid #e0b4b4;
}
.ui.form .field.error > .ui[class*="left action"].input > .ui.button,
.ui.form .field.error > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
.ui[class*="left action"].input.error > .ui.button,
.ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
  border-left: 1px solid #e0b4b4;
}
.ui.form .field.error > .ui.action.input:not([class*="left action"]) > input + .ui.button,
.ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
.ui.action.input.error:not([class*="left action"]) > input + .ui.button,
.ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label,
.ui.form .field.error > .ui.action.input:not([class*="left action"]) > textarea + .ui.button,
.ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > textarea + .ui.label,
.ui.action.input.error:not([class*="left action"]) > textarea + .ui.button,
.ui.right.labeled.input.error:not([class*="corner labeled"]) > textarea + .ui.label {
  border-right: 1px solid #e0b4b4;
}
.ui.form .field.error > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
.ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child {
  border-left: 1px solid #e0b4b4;
}
.ui.form .field.info > .ui.action.input > .ui.button,
.ui.form .field.info > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
.ui.action.input.info > .ui.button,
.ui.labeled.input.info:not([class*="corner labeled"]) > .ui.label {
  border-top: 1px solid #a9d5de;
  border-bottom: 1px solid #a9d5de;
}
.ui.form .field.info > .ui[class*="left action"].input > .ui.button,
.ui.form .field.info > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
.ui[class*="left action"].input.info > .ui.button,
.ui.labeled.input.info:not(.right):not([class*="corner labeled"]) > .ui.label {
  border-left: 1px solid #a9d5de;
}
.ui.form .field.info > .ui.action.input:not([class*="left action"]) > input + .ui.button,
.ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
.ui.action.input.info:not([class*="left action"]) > input + .ui.button,
.ui.right.labeled.input.info:not([class*="corner labeled"]) > input + .ui.label,
.ui.form .field.info > .ui.action.input:not([class*="left action"]) > textarea + .ui.button,
.ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > textarea + .ui.label,
.ui.action.input.info:not([class*="left action"]) > textarea + .ui.button,
.ui.right.labeled.input.info:not([class*="corner labeled"]) > textarea + .ui.label {
  border-right: 1px solid #a9d5de;
}
.ui.form .field.info > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
.ui.right.labeled.input.info:not([class*="corner labeled"]) > .ui.label:first-child {
  border-left: 1px solid #a9d5de;
}
.ui.form .field.success > .ui.action.input > .ui.button,
.ui.form .field.success > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
.ui.action.input.success > .ui.button,
.ui.labeled.input.success:not([class*="corner labeled"]) > .ui.label {
  border-top: 1px solid #a3c293;
  border-bottom: 1px solid #a3c293;
}
.ui.form .field.success > .ui[class*="left action"].input > .ui.button,
.ui.form .field.success > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
.ui[class*="left action"].input.success > .ui.button,
.ui.labeled.input.success:not(.right):not([class*="corner labeled"]) > .ui.label {
  border-left: 1px solid #a3c293;
}
.ui.form .field.success > .ui.action.input:not([class*="left action"]) > input + .ui.button,
.ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
.ui.action.input.success:not([class*="left action"]) > input + .ui.button,
.ui.right.labeled.input.success:not([class*="corner labeled"]) > input + .ui.label,
.ui.form .field.success > .ui.action.input:not([class*="left action"]) > textarea + .ui.button,
.ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > textarea + .ui.label,
.ui.action.input.success:not([class*="left action"]) > textarea + .ui.button,
.ui.right.labeled.input.success:not([class*="corner labeled"]) > textarea + .ui.label {
  border-right: 1px solid #a3c293;
}
.ui.form .field.success > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
.ui.right.labeled.input.success:not([class*="corner labeled"]) > .ui.label:first-child {
  border-left: 1px solid #a3c293;
}
.ui.form .field.warning > .ui.action.input > .ui.button,
.ui.form .field.warning > .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
.ui.action.input.warning > .ui.button,
.ui.labeled.input.warning:not([class*="corner labeled"]) > .ui.label {
  border-top: 1px solid #c9ba9b;
  border-bottom: 1px solid #c9ba9b;
}
.ui.form .field.warning > .ui[class*="left action"].input > .ui.button,
.ui.form .field.warning > .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
.ui[class*="left action"].input.warning > .ui.button,
.ui.labeled.input.warning:not(.right):not([class*="corner labeled"]) > .ui.label {
  border-left: 1px solid #c9ba9b;
}
.ui.form .field.warning > .ui.action.input:not([class*="left action"]) > input + .ui.button,
.ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
.ui.action.input.warning:not([class*="left action"]) > input + .ui.button,
.ui.right.labeled.input.warning:not([class*="corner labeled"]) > input + .ui.label,
.ui.form .field.warning > .ui.action.input:not([class*="left action"]) > textarea + .ui.button,
.ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > textarea + .ui.label,
.ui.action.input.warning:not([class*="left action"]) > textarea + .ui.button,
.ui.right.labeled.input.warning:not([class*="corner labeled"]) > textarea + .ui.label {
  border-right: 1px solid #c9ba9b;
}
.ui.form .field.warning > .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
.ui.right.labeled.input.warning:not([class*="corner labeled"]) > .ui.label:first-child {
  border-left: 1px solid #c9ba9b;
}

/* --------------------
            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.66666667em;
  padding-bottom: 0.66666667em;
  margin: 0;
}

/* Input when ui Left */
.ui[class*="left action"].input > input,
.ui[class*="left action"].input > textarea {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent;
}

/* Input when ui Right */
.ui.action.input:not([class*="left action"]) > input,
.ui.action.input:not([class*="left action"]) > textarea {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent;
}

/* Button and Dropdown */
.ui.action.input > .dropdown:first-child,
.ui.action.input > .button:first-child,
.ui.action.input > .buttons:first-child > .button {
  border-radius: 0.26666667rem 0 0 0.26666667rem;
}
.ui.action.input > .dropdown:not(:first-child),
.ui.action.input > .button:not(:first-child),
.ui.action.input > .buttons:not(:first-child) > .button {
  border-radius: 0;
}
.ui.action.input > .dropdown:last-child,
.ui.action.input > .button:last-child,
.ui.action.input > .buttons:last-child > .button {
  border-radius: 0 0.26666667rem 0.26666667rem 0;
}

/* Input Focus */
.ui.action.input:not([class*="left action"]) > input:focus,
.ui.action.input:not([class*="left action"]) > textarea:focus {
  border-right-color: #85b7d9;
}
.ui.ui[class*="left action"].input > input:focus,
.ui.ui[class*="left action"].input > textarea:focus {
  border-left-color: #85b7d9;
}

/* --------------------
           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: 0 !important;
}

/* --------------------
            File
    --------------------- */

/* width hack for chrome/edge */
.ui.file.input {
  width: 100%;
}
.ui.file.input input[type="file"] {
  width: 0;
}
.ui.form .field > input[type="file"],
.ui.file.input:not(.action) input[type="file"] {
  padding: 0;
}
.ui.action.file.input input[type="file"]::-webkit-file-upload-button {
  display: none;
}
.ui.form .field input[type="file"]::-webkit-file-upload-button,
.ui.file.input input[type="file"]::-webkit-file-upload-button {
  border: none;
  cursor: pointer;
  padding: 0.55952381em 0.66666667em;
  margin-right: 1em;
  background: #e0e1e2;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}
.ui.form .field input[type="file"]::-webkit-file-upload-button:hover,
.ui.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #cacbcd;
  color: rgba(0, 0, 0, 0.6);
}
.ui.action.file.input input[type="file"]::-ms-browse {
  display: none;
}
.ui.form .field input[type="file"]::-ms-browse,
.ui.file.input input[type="file"]::-ms-browse {
  border: none;
  cursor: pointer;
  padding: 0.55952381em 0.66666667em;
  margin: 0;
  background: #e0e1e2;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}
.ui.form .field input[type="file"]::-ms-browse:hover,
.ui.file.input input[type="file"]::-ms-browse:hover {
  background: #cacbcd;
  color: rgba(0, 0, 0, 0.6);
}

/* IE needs additional styling for input field :S */
@media all and (-ms-high-contrast: none) {
  .ui.file.input > input[type="file"],
  input[type="file"].ui.file.input {
    padding: 0 !important;
  }
}
.ui.action.file.input input[type="file"]::-webkit-file-upload-button {
  display: none;
}
.ui.action.file.input input[type="file"]::file-selector-button {
  display: none;
}
.ui.form .field input[type="file"]::-webkit-file-upload-button, .ui.file.input input[type="file"]::-webkit-file-upload-button {
  border: none;
  cursor: pointer;
  padding: 0.55952381em 0.66666667em;
  margin-right: 1em;
  background: #e0e1e2;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}
.ui.form .field input[type="file"]::file-selector-button,
.ui.file.input input[type="file"]::file-selector-button {
  border: none;
  cursor: pointer;
  padding: 0.55952381em 0.66666667em;
  margin-right: 1em;
  background: #e0e1e2;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}
.ui.form .field input[type="file"]::-webkit-file-upload-button:hover, .ui.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #cacbcd;
  color: rgba(0, 0, 0, 0.6);
}
.ui.form .field input[type="file"]::file-selector-button:hover,
.ui.file.input input[type="file"]::file-selector-button:hover {
  background: #cacbcd;
  color: rgba(0, 0, 0, 0.6);
}
input[type="file"].ui.invisible.file.input,
.ui.invisible.file.input input[type="file"] {
  left: -99999px;
  position: absolute;
}
input[type="file"].ui.file.input:focus + label.ui.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.button:not(.basic):not(.tertiary) {
  background: #cacbcd;
  color: rgba(0, 0, 0, 0.8);
}
input[type="file"].ui.file.input:focus + label.ui.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.button:not(.basic):not(.tertiary).inverted {
  background: #fff;
}

/* this is related to existing buttons, so the button color variable is used here! */
input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic):not(.tertiary) {
  background-color: #1678c2;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic):not(.tertiary).inverted {
  background-color: #21b8ff;
}
input[type="file"].ui.file.input:focus + label.ui.secondary.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.secondary.button:not(.basic):not(.tertiary) {
  background-color: #27292a;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.secondary.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.secondary.button:not(.basic):not(.tertiary).inverted {
  background-color: #6e6e6e;
}
input[type="file"].ui.file.input:focus + label.ui.red.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.red.button:not(.basic):not(.tertiary) {
  background-color: #d01919;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.red.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.red.button:not(.basic):not(.tertiary).inverted {
  background-color: #ff392b;
}
input[type="file"].ui.file.input:focus + label.ui.orange.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.orange.button:not(.basic):not(.tertiary) {
  background-color: #f26202;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.orange.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.orange.button:not(.basic):not(.tertiary).inverted {
  background-color: #e76b00;
}
input[type="file"].ui.file.input:focus + label.ui.yellow.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.yellow.button:not(.basic):not(.tertiary) {
  background-color: #eaae00;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.yellow.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.yellow.button:not(.basic):not(.tertiary).inverted {
  background-color: #ebcd00;
}
input[type="file"].ui.file.input:focus + label.ui.olive.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.olive.button:not(.basic):not(.tertiary) {
  background-color: #a7bd0d;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.olive.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.olive.button:not(.basic):not(.tertiary).inverted {
  background-color: #d2e745;
}
input[type="file"].ui.file.input:focus + label.ui.green.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.green.button:not(.basic):not(.tertiary) {
  background-color: #16ab39;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.green.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.green.button:not(.basic):not(.tertiary).inverted {
  background-color: #1ea92e;
}
input[type="file"].ui.file.input:focus + label.ui.teal.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.teal.button:not(.basic):not(.tertiary) {
  background-color: #009c95;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.teal.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.teal.button:not(.basic):not(.tertiary).inverted {
  background-color: #3affff;
}
input[type="file"].ui.file.input:focus + label.ui.blue.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.blue.button:not(.basic):not(.tertiary) {
  background-color: #1678c2;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.blue.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.blue.button:not(.basic):not(.tertiary).inverted {
  background-color: #21b8ff;
}
input[type="file"].ui.file.input:focus + label.ui.violet.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.violet.button:not(.basic):not(.tertiary) {
  background-color: #5829bb;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.violet.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.violet.button:not(.basic):not(.tertiary).inverted {
  background-color: #745aff;
}
input[type="file"].ui.file.input:focus + label.ui.purple.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.purple.button:not(.basic):not(.tertiary) {
  background-color: #9627ba;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.purple.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.purple.button:not(.basic):not(.tertiary).inverted {
  background-color: #cf40ff;
}
input[type="file"].ui.file.input:focus + label.ui.pink.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.pink.button:not(.basic):not(.tertiary) {
  background-color: #e61a8d;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.pink.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.pink.button:not(.basic):not(.tertiary).inverted {
  background-color: #ff5bd1;
}
input[type="file"].ui.file.input:focus + label.ui.brown.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.brown.button:not(.basic):not(.tertiary) {
  background-color: #975b33;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.brown.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.brown.button:not(.basic):not(.tertiary).inverted {
  background-color: #b0620f;
}
input[type="file"].ui.file.input:focus + label.ui.grey.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.grey.button:not(.basic):not(.tertiary) {
  background-color: #838383;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.grey.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.grey.button:not(.basic):not(.tertiary).inverted {
  background-color: #c2c4c5;
}
input[type="file"].ui.file.input:focus + label.ui.black.button:not(.basic):not(.tertiary),
.ui.file.input input[type="file"]:focus + label.ui.black.button:not(.basic):not(.tertiary) {
  background-color: #27292a;
  color: #fff;
}
input[type="file"].ui.file.input:focus + label.ui.black.button:not(.basic):not(.tertiary).inverted,
.ui.file.input input[type="file"]:focus + label.ui.black.button:not(.basic):not(.tertiary).inverted {
  background-color: #000000;
}
input[type="file"].ui.primary.file.input::-webkit-file-upload-button,
.ui.primary.file.input input[type="file"]::-webkit-file-upload-button {
  background: #2185d0;
  color: #fff;
}
input[type="file"].ui.primary.file.input::-webkit-file-upload-button:hover,
.ui.primary.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #1678c2;
}
input[type="file"].ui.primary.file.input::-ms-browse,
.ui.primary.file.input input[type="file"]::-ms-browse {
  background: #2185d0;
  color: #fff;
}
input[type="file"].ui.primary.file.input::-ms-browse:hover,
.ui.primary.file.input input[type="file"]::-ms-browse:hover {
  background: #1678c2;
}
input[type="file"].ui.primary.file.input::-webkit-file-upload-button, .ui.primary.file.input input[type="file"]::-webkit-file-upload-button {
  background: #2185d0;
  color: #fff;
}
input[type="file"].ui.primary.file.input::file-selector-button,
.ui.primary.file.input input[type="file"]::file-selector-button {
  background: #2185d0;
  color: #fff;
}
input[type="file"].ui.primary.file.input::-webkit-file-upload-button:hover, .ui.primary.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #1678c2;
}
input[type="file"].ui.primary.file.input::file-selector-button:hover,
.ui.primary.file.input input[type="file"]::file-selector-button:hover {
  background: #1678c2;
}
input[type="file"].ui.secondary.file.input::-webkit-file-upload-button,
.ui.secondary.file.input input[type="file"]::-webkit-file-upload-button {
  background: #1b1c1d;
  color: #fff;
}
input[type="file"].ui.secondary.file.input::-webkit-file-upload-button:hover,
.ui.secondary.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #27292a;
}
input[type="file"].ui.secondary.file.input::-ms-browse,
.ui.secondary.file.input input[type="file"]::-ms-browse {
  background: #1b1c1d;
  color: #fff;
}
input[type="file"].ui.secondary.file.input::-ms-browse:hover,
.ui.secondary.file.input input[type="file"]::-ms-browse:hover {
  background: #27292a;
}
input[type="file"].ui.secondary.file.input::-webkit-file-upload-button, .ui.secondary.file.input input[type="file"]::-webkit-file-upload-button {
  background: #1b1c1d;
  color: #fff;
}
input[type="file"].ui.secondary.file.input::file-selector-button,
.ui.secondary.file.input input[type="file"]::file-selector-button {
  background: #1b1c1d;
  color: #fff;
}
input[type="file"].ui.secondary.file.input::-webkit-file-upload-button:hover, .ui.secondary.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #27292a;
}
input[type="file"].ui.secondary.file.input::file-selector-button:hover,
.ui.secondary.file.input input[type="file"]::file-selector-button:hover {
  background: #27292a;
}
input[type="file"].ui.red.file.input::-webkit-file-upload-button,
.ui.red.file.input input[type="file"]::-webkit-file-upload-button {
  background: #db2828;
  color: #fff;
}
input[type="file"].ui.red.file.input::-webkit-file-upload-button:hover,
.ui.red.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #d01919;
}
input[type="file"].ui.red.file.input::-ms-browse,
.ui.red.file.input input[type="file"]::-ms-browse {
  background: #db2828;
  color: #fff;
}
input[type="file"].ui.red.file.input::-ms-browse:hover,
.ui.red.file.input input[type="file"]::-ms-browse:hover {
  background: #d01919;
}
input[type="file"].ui.red.file.input::-webkit-file-upload-button, .ui.red.file.input input[type="file"]::-webkit-file-upload-button {
  background: #db2828;
  color: #fff;
}
input[type="file"].ui.red.file.input::file-selector-button,
.ui.red.file.input input[type="file"]::file-selector-button {
  background: #db2828;
  color: #fff;
}
input[type="file"].ui.red.file.input::-webkit-file-upload-button:hover, .ui.red.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #d01919;
}
input[type="file"].ui.red.file.input::file-selector-button:hover,
.ui.red.file.input input[type="file"]::file-selector-button:hover {
  background: #d01919;
}
input[type="file"].ui.orange.file.input::-webkit-file-upload-button,
.ui.orange.file.input input[type="file"]::-webkit-file-upload-button {
  background: #f2711c;
  color: #fff;
}
input[type="file"].ui.orange.file.input::-webkit-file-upload-button:hover,
.ui.orange.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #f26202;
}
input[type="file"].ui.orange.file.input::-ms-browse,
.ui.orange.file.input input[type="file"]::-ms-browse {
  background: #f2711c;
  color: #fff;
}
input[type="file"].ui.orange.file.input::-ms-browse:hover,
.ui.orange.file.input input[type="file"]::-ms-browse:hover {
  background: #f26202;
}
input[type="file"].ui.orange.file.input::-webkit-file-upload-button, .ui.orange.file.input input[type="file"]::-webkit-file-upload-button {
  background: #f2711c;
  color: #fff;
}
input[type="file"].ui.orange.file.input::file-selector-button,
.ui.orange.file.input input[type="file"]::file-selector-button {
  background: #f2711c;
  color: #fff;
}
input[type="file"].ui.orange.file.input::-webkit-file-upload-button:hover, .ui.orange.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #f26202;
}
input[type="file"].ui.orange.file.input::file-selector-button:hover,
.ui.orange.file.input input[type="file"]::file-selector-button:hover {
  background: #f26202;
}
input[type="file"].ui.yellow.file.input::-webkit-file-upload-button,
.ui.yellow.file.input input[type="file"]::-webkit-file-upload-button {
  background: #fbbd08;
  color: #fff;
}
input[type="file"].ui.yellow.file.input::-webkit-file-upload-button:hover,
.ui.yellow.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #eaae00;
}
input[type="file"].ui.yellow.file.input::-ms-browse,
.ui.yellow.file.input input[type="file"]::-ms-browse {
  background: #fbbd08;
  color: #fff;
}
input[type="file"].ui.yellow.file.input::-ms-browse:hover,
.ui.yellow.file.input input[type="file"]::-ms-browse:hover {
  background: #eaae00;
}
input[type="file"].ui.yellow.file.input::-webkit-file-upload-button, .ui.yellow.file.input input[type="file"]::-webkit-file-upload-button {
  background: #fbbd08;
  color: #fff;
}
input[type="file"].ui.yellow.file.input::file-selector-button,
.ui.yellow.file.input input[type="file"]::file-selector-button {
  background: #fbbd08;
  color: #fff;
}
input[type="file"].ui.yellow.file.input::-webkit-file-upload-button:hover, .ui.yellow.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #eaae00;
}
input[type="file"].ui.yellow.file.input::file-selector-button:hover,
.ui.yellow.file.input input[type="file"]::file-selector-button:hover {
  background: #eaae00;
}
input[type="file"].ui.olive.file.input::-webkit-file-upload-button,
.ui.olive.file.input input[type="file"]::-webkit-file-upload-button {
  background: #b5cc18;
  color: #fff;
}
input[type="file"].ui.olive.file.input::-webkit-file-upload-button:hover,
.ui.olive.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #a7bd0d;
}
input[type="file"].ui.olive.file.input::-ms-browse,
.ui.olive.file.input input[type="file"]::-ms-browse {
  background: #b5cc18;
  color: #fff;
}
input[type="file"].ui.olive.file.input::-ms-browse:hover,
.ui.olive.file.input input[type="file"]::-ms-browse:hover {
  background: #a7bd0d;
}
input[type="file"].ui.olive.file.input::-webkit-file-upload-button, .ui.olive.file.input input[type="file"]::-webkit-file-upload-button {
  background: #b5cc18;
  color: #fff;
}
input[type="file"].ui.olive.file.input::file-selector-button,
.ui.olive.file.input input[type="file"]::file-selector-button {
  background: #b5cc18;
  color: #fff;
}
input[type="file"].ui.olive.file.input::-webkit-file-upload-button:hover, .ui.olive.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #a7bd0d;
}
input[type="file"].ui.olive.file.input::file-selector-button:hover,
.ui.olive.file.input input[type="file"]::file-selector-button:hover {
  background: #a7bd0d;
}
input[type="file"].ui.green.file.input::-webkit-file-upload-button,
.ui.green.file.input input[type="file"]::-webkit-file-upload-button {
  background: #21ba45;
  color: #fff;
}
input[type="file"].ui.green.file.input::-webkit-file-upload-button:hover,
.ui.green.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #16ab39;
}
input[type="file"].ui.green.file.input::-ms-browse,
.ui.green.file.input input[type="file"]::-ms-browse {
  background: #21ba45;
  color: #fff;
}
input[type="file"].ui.green.file.input::-ms-browse:hover,
.ui.green.file.input input[type="file"]::-ms-browse:hover {
  background: #16ab39;
}
input[type="file"].ui.green.file.input::-webkit-file-upload-button, .ui.green.file.input input[type="file"]::-webkit-file-upload-button {
  background: #21ba45;
  color: #fff;
}
input[type="file"].ui.green.file.input::file-selector-button,
.ui.green.file.input input[type="file"]::file-selector-button {
  background: #21ba45;
  color: #fff;
}
input[type="file"].ui.green.file.input::-webkit-file-upload-button:hover, .ui.green.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #16ab39;
}
input[type="file"].ui.green.file.input::file-selector-button:hover,
.ui.green.file.input input[type="file"]::file-selector-button:hover {
  background: #16ab39;
}
input[type="file"].ui.teal.file.input::-webkit-file-upload-button,
.ui.teal.file.input input[type="file"]::-webkit-file-upload-button {
  background: #00b5ad;
  color: #fff;
}
input[type="file"].ui.teal.file.input::-webkit-file-upload-button:hover,
.ui.teal.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #009c95;
}
input[type="file"].ui.teal.file.input::-ms-browse,
.ui.teal.file.input input[type="file"]::-ms-browse {
  background: #00b5ad;
  color: #fff;
}
input[type="file"].ui.teal.file.input::-ms-browse:hover,
.ui.teal.file.input input[type="file"]::-ms-browse:hover {
  background: #009c95;
}
input[type="file"].ui.teal.file.input::-webkit-file-upload-button, .ui.teal.file.input input[type="file"]::-webkit-file-upload-button {
  background: #00b5ad;
  color: #fff;
}
input[type="file"].ui.teal.file.input::file-selector-button,
.ui.teal.file.input input[type="file"]::file-selector-button {
  background: #00b5ad;
  color: #fff;
}
input[type="file"].ui.teal.file.input::-webkit-file-upload-button:hover, .ui.teal.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #009c95;
}
input[type="file"].ui.teal.file.input::file-selector-button:hover,
.ui.teal.file.input input[type="file"]::file-selector-button:hover {
  background: #009c95;
}
input[type="file"].ui.blue.file.input::-webkit-file-upload-button,
.ui.blue.file.input input[type="file"]::-webkit-file-upload-button {
  background: #2185d0;
  color: #fff;
}
input[type="file"].ui.blue.file.input::-webkit-file-upload-button:hover,
.ui.blue.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #1678c2;
}
input[type="file"].ui.blue.file.input::-ms-browse,
.ui.blue.file.input input[type="file"]::-ms-browse {
  background: #2185d0;
  color: #fff;
}
input[type="file"].ui.blue.file.input::-ms-browse:hover,
.ui.blue.file.input input[type="file"]::-ms-browse:hover {
  background: #1678c2;
}
input[type="file"].ui.blue.file.input::-webkit-file-upload-button, .ui.blue.file.input input[type="file"]::-webkit-file-upload-button {
  background: #2185d0;
  color: #fff;
}
input[type="file"].ui.blue.file.input::file-selector-button,
.ui.blue.file.input input[type="file"]::file-selector-button {
  background: #2185d0;
  color: #fff;
}
input[type="file"].ui.blue.file.input::-webkit-file-upload-button:hover, .ui.blue.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #1678c2;
}
input[type="file"].ui.blue.file.input::file-selector-button:hover,
.ui.blue.file.input input[type="file"]::file-selector-button:hover {
  background: #1678c2;
}
input[type="file"].ui.violet.file.input::-webkit-file-upload-button,
.ui.violet.file.input input[type="file"]::-webkit-file-upload-button {
  background: #6435c9;
  color: #fff;
}
input[type="file"].ui.violet.file.input::-webkit-file-upload-button:hover,
.ui.violet.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #5829bb;
}
input[type="file"].ui.violet.file.input::-ms-browse,
.ui.violet.file.input input[type="file"]::-ms-browse {
  background: #6435c9;
  color: #fff;
}
input[type="file"].ui.violet.file.input::-ms-browse:hover,
.ui.violet.file.input input[type="file"]::-ms-browse:hover {
  background: #5829bb;
}
input[type="file"].ui.violet.file.input::-webkit-file-upload-button, .ui.violet.file.input input[type="file"]::-webkit-file-upload-button {
  background: #6435c9;
  color: #fff;
}
input[type="file"].ui.violet.file.input::file-selector-button,
.ui.violet.file.input input[type="file"]::file-selector-button {
  background: #6435c9;
  color: #fff;
}
input[type="file"].ui.violet.file.input::-webkit-file-upload-button:hover, .ui.violet.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #5829bb;
}
input[type="file"].ui.violet.file.input::file-selector-button:hover,
.ui.violet.file.input input[type="file"]::file-selector-button:hover {
  background: #5829bb;
}
input[type="file"].ui.purple.file.input::-webkit-file-upload-button,
.ui.purple.file.input input[type="file"]::-webkit-file-upload-button {
  background: #a333c8;
  color: #fff;
}
input[type="file"].ui.purple.file.input::-webkit-file-upload-button:hover,
.ui.purple.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #9627ba;
}
input[type="file"].ui.purple.file.input::-ms-browse,
.ui.purple.file.input input[type="file"]::-ms-browse {
  background: #a333c8;
  color: #fff;
}
input[type="file"].ui.purple.file.input::-ms-browse:hover,
.ui.purple.file.input input[type="file"]::-ms-browse:hover {
  background: #9627ba;
}
input[type="file"].ui.purple.file.input::-webkit-file-upload-button, .ui.purple.file.input input[type="file"]::-webkit-file-upload-button {
  background: #a333c8;
  color: #fff;
}
input[type="file"].ui.purple.file.input::file-selector-button,
.ui.purple.file.input input[type="file"]::file-selector-button {
  background: #a333c8;
  color: #fff;
}
input[type="file"].ui.purple.file.input::-webkit-file-upload-button:hover, .ui.purple.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #9627ba;
}
input[type="file"].ui.purple.file.input::file-selector-button:hover,
.ui.purple.file.input input[type="file"]::file-selector-button:hover {
  background: #9627ba;
}
input[type="file"].ui.pink.file.input::-webkit-file-upload-button,
.ui.pink.file.input input[type="file"]::-webkit-file-upload-button {
  background: #e03997;
  color: #fff;
}
input[type="file"].ui.pink.file.input::-webkit-file-upload-button:hover,
.ui.pink.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #e61a8d;
}
input[type="file"].ui.pink.file.input::-ms-browse,
.ui.pink.file.input input[type="file"]::-ms-browse {
  background: #e03997;
  color: #fff;
}
input[type="file"].ui.pink.file.input::-ms-browse:hover,
.ui.pink.file.input input[type="file"]::-ms-browse:hover {
  background: #e61a8d;
}
input[type="file"].ui.pink.file.input::-webkit-file-upload-button, .ui.pink.file.input input[type="file"]::-webkit-file-upload-button {
  background: #e03997;
  color: #fff;
}
input[type="file"].ui.pink.file.input::file-selector-button,
.ui.pink.file.input input[type="file"]::file-selector-button {
  background: #e03997;
  color: #fff;
}
input[type="file"].ui.pink.file.input::-webkit-file-upload-button:hover, .ui.pink.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #e61a8d;
}
input[type="file"].ui.pink.file.input::file-selector-button:hover,
.ui.pink.file.input input[type="file"]::file-selector-button:hover {
  background: #e61a8d;
}
input[type="file"].ui.brown.file.input::-webkit-file-upload-button,
.ui.brown.file.input input[type="file"]::-webkit-file-upload-button {
  background: #a5673f;
  color: #fff;
}
input[type="file"].ui.brown.file.input::-webkit-file-upload-button:hover,
.ui.brown.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #975b33;
}
input[type="file"].ui.brown.file.input::-ms-browse,
.ui.brown.file.input input[type="file"]::-ms-browse {
  background: #a5673f;
  color: #fff;
}
input[type="file"].ui.brown.file.input::-ms-browse:hover,
.ui.brown.file.input input[type="file"]::-ms-browse:hover {
  background: #975b33;
}
input[type="file"].ui.brown.file.input::-webkit-file-upload-button, .ui.brown.file.input input[type="file"]::-webkit-file-upload-button {
  background: #a5673f;
  color: #fff;
}
input[type="file"].ui.brown.file.input::file-selector-button,
.ui.brown.file.input input[type="file"]::file-selector-button {
  background: #a5673f;
  color: #fff;
}
input[type="file"].ui.brown.file.input::-webkit-file-upload-button:hover, .ui.brown.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #975b33;
}
input[type="file"].ui.brown.file.input::file-selector-button:hover,
.ui.brown.file.input input[type="file"]::file-selector-button:hover {
  background: #975b33;
}
input[type="file"].ui.grey.file.input::-webkit-file-upload-button,
.ui.grey.file.input input[type="file"]::-webkit-file-upload-button {
  background: #767676;
  color: #fff;
}
input[type="file"].ui.grey.file.input::-webkit-file-upload-button:hover,
.ui.grey.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #838383;
}
input[type="file"].ui.grey.file.input::-ms-browse,
.ui.grey.file.input input[type="file"]::-ms-browse {
  background: #767676;
  color: #fff;
}
input[type="file"].ui.grey.file.input::-ms-browse:hover,
.ui.grey.file.input input[type="file"]::-ms-browse:hover {
  background: #838383;
}
input[type="file"].ui.grey.file.input::-webkit-file-upload-button, .ui.grey.file.input input[type="file"]::-webkit-file-upload-button {
  background: #767676;
  color: #fff;
}
input[type="file"].ui.grey.file.input::file-selector-button,
.ui.grey.file.input input[type="file"]::file-selector-button {
  background: #767676;
  color: #fff;
}
input[type="file"].ui.grey.file.input::-webkit-file-upload-button:hover, .ui.grey.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #838383;
}
input[type="file"].ui.grey.file.input::file-selector-button:hover,
.ui.grey.file.input input[type="file"]::file-selector-button:hover {
  background: #838383;
}
input[type="file"].ui.black.file.input::-webkit-file-upload-button,
.ui.black.file.input input[type="file"]::-webkit-file-upload-button {
  background: #1b1c1d;
  color: #fff;
}
input[type="file"].ui.black.file.input::-webkit-file-upload-button:hover,
.ui.black.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #27292a;
}
input[type="file"].ui.black.file.input::-ms-browse,
.ui.black.file.input input[type="file"]::-ms-browse {
  background: #1b1c1d;
  color: #fff;
}
input[type="file"].ui.black.file.input::-ms-browse:hover,
.ui.black.file.input input[type="file"]::-ms-browse:hover {
  background: #27292a;
}
input[type="file"].ui.black.file.input::-webkit-file-upload-button, .ui.black.file.input input[type="file"]::-webkit-file-upload-button {
  background: #1b1c1d;
  color: #fff;
}
input[type="file"].ui.black.file.input::file-selector-button,
.ui.black.file.input input[type="file"]::file-selector-button {
  background: #1b1c1d;
  color: #fff;
}
input[type="file"].ui.black.file.input::-webkit-file-upload-button:hover, .ui.black.file.input input[type="file"]::-webkit-file-upload-button:hover {
  background: #27292a;
}
input[type="file"].ui.black.file.input::file-selector-button:hover,
.ui.black.file.input input[type="file"]::file-selector-button:hover {
  background: #27292a;
}

/* --------------------
        Size
--------------------- */
.ui.input {
  font-size: 1em;
}
.ui.mini.input {
  font-size: 0.8em;
}
.ui.tiny.input {
  font-size: 0.86666667em;
}
.ui.small.input {
  font-size: 0.93333333em;
}
.ui.large.input {
  font-size: 1.13333333em;
}
.ui.big.input {
  font-size: 1.26666667em;
}
.ui.huge.input {
  font-size: 1.4em;
}
.ui.massive.input {
  font-size: 1.73333333em;
}


/*******************************
         Theme Overrides
*******************************/

/* src/components/nc-input/nc-input.css */

body {
	font-size: var(--default-font-size);
}
.nc-input {
	font-size: var(--default-font-size);
}
.nc-input-small {
	font-size: var(--small-input-font-size);
}
input:read-only.nc-input {
	opacity: 0.6 !important;
}
input:read-only:focus.nc-input {
	border-color: darkgrey !important;
}

.nc-label {
	--nc-label-font-weight: 500; /* 500, var(--semi-bold) */
}
.nc-group-label {
	--group-label-font-size: 16px;
}

.nc-label {
	font-weight: var(--nc-label-font-weight) !important;
	overflow: hidden;
	width: auto;
}

.nc-label-normal {
	font-size: var(--default-font-size);
	overflow: hidden;
}

label.nc-label-normal {
	font-weight: normal;
}

.nc-label-small {
	font-size: var(--small-label-font-size);
	overflow: hidden;
}

.label-big {
	font-size: var(--big-label-font-size);
}

.nc-group-label {
	font-size: var(--group-label-font-size);
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 0px;
	white-space: nowrap;
	overflow: hidden;
}

.nc-group-label-small {
	font-size: var(--default-font-size);
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 0px;
	white-space: nowrap;
	overflow: hidden;
}

.nc-group .nc-label {
	margin-left: 1em;
}

.nc-translate-vue {
	width: 100%;
}

label > .nc-translate-vue {
	font-weight: bold;
}

.nc-translate {
	font-weight: bold;
	width: 100%;
	margin-right: 0em;
	padding-right: 0em;
	background-color: WhiteSmoke;
}

.nc-page-header {
	font-size: var(--page-header-font-size);
	margin-top: 2em;
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.nc-form {
	pointer-events: var(--pointer-events);
}
/*!
 * # Fomantic-UI 2.9.4 - Divider
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            Divider
*******************************/

.ui.divider {
  margin: 1rem 0;
  line-height: 1;
  height: 0;
  font-weight: 500;
  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:not(.vertical),
.ui.grid > .row > .column + .divider:not(.vertical) {
  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: 0;
  padding: 0;
  width: auto;
  height: 50%;
  line-height: 0;
  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: 0;
}

/* Inside grid */
.ui.stackable.grid .ui.vertical.divider,
.ui.grid .stackable.row .ui.vertical.divider {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (max-width: 767.98px) {
  .ui.stackable.grid .column + .ui.vertical.divider,
  .ui.grid .stackable.row .column + .ui.vertical.divider {
    margin: 1rem;
  }
  .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 {
    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: 0;
  font-size: 1rem;
  height: 1em;
  vertical-align: middle;
}

/* --------------
         Header
    --------------- */
.ui.horizontal.divider[class*="left aligned"]::before {
  display: none;
}
.ui.horizontal.divider[class*="left aligned"]::after {
  width: 100%;
}
.ui.horizontal.divider[class*="right aligned"]::before {
  width: 100%;
}
.ui.horizontal.divider[class*="right aligned"]::after {
  display: none;
}


/*******************************
          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: #fff;
}
.ui.divider.inverted,
.ui.divider.inverted::after,
.ui.divider.inverted::before {
  border-color: rgba(34, 36, 38, 0.15) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) rgba(34, 36, 38, 0.15) !important;
}

/* --------------
    Fitted
--------------- */
.ui.fitted.divider {
  margin: 0;
}

/* --------------
        Clearing
    --------------- */
.ui.clearing.divider {
  clear: both;
}

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

/* --------------
     Sizes
--------------- */
.ui.divider {
  font-size: 1rem;
}
.ui.mini.divider {
  font-size: 0.8rem;
}
.ui.tiny.divider {
  font-size: 0.86666667rem;
}
.ui.small.divider {
  font-size: 0.93333333rem;
}
.ui.large.divider {
  font-size: 1.13333333rem;
}
.ui.big.divider {
  font-size: 1.26666667rem;
}
.ui.huge.divider {
  font-size: 1.4rem;
}
.ui.massive.divider {
  font-size: 1.73333333rem;
}


/*******************************
         Theme Overrides
*******************************/

.ui.horizontal.divider::before,
.ui.horizontal.divider::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC");
}
@media only screen and (max-width: 767px) {
  .ui.stackable.grid .ui.vertical.divider::before,
  .ui.grid .stackable.row .ui.vertical.divider::before,
  .ui.stackable.grid .ui.vertical.divider::after,
  .ui.grid .stackable.row .ui.vertical.divider::after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC");
  }
}

.nc-divider {
	width: 100%;
}

/* height: 1px !important; */
.nc-form-field {
  width: 100%;
}/*!
 * # Fomantic-UI 2.9.4 - Message
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            Message
*******************************/

.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.26666667rem;
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.message:first-child {
  margin-top: 0;
}
.ui.message:last-child {
  margin-bottom: 0;
}

/* --------------
     Content
--------------- */

/* Header */
.ui.message .header {
  display: block;
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  margin: -0.14285714em 0 0 0;
}

/* Default font size */
.ui.message .header:not(.ui) {
  font-size: 1.13333333em;
}

/* Paragraph */
.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;
}

/* List */
.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;
}

/* Icon */
.ui.icon.message > .icons,
.ui.icon.message > i.icon {
  margin-right: 0.6em;
}
.ui.icon.message > .icons:last-child,
.ui.icon.message > i.icon:last-child {
  margin: 0 0 0 0.6em;
}

/* Close Icon */
.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;
}

/* First / Last Element */
.ui.message > :first-child {
  margin-top: 0;
}
.ui.message > :last-child {
  margin-bottom: 0;
}


/*******************************
            Coupling
*******************************/

.ui.dropdown .menu > .message {
  margin: 0 -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
*******************************/

.ui.centered.message,
.ui.center.aligned.message {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ui.centered.message > .content,
.ui.center.aligned.message > .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.ui.right.aligned.message {
  text-align: right;
}

/* --------------
        Compact
    --------------- */
.ui.compact.message {
  display: inline-block;
  max-width: 100%;
}
.ui.compact.icon.message {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
}

/* --------------
        Attached
    --------------- */
.ui.attached.message {
  margin-bottom: -1px;
  border-radius: 0.26666667rem 0.26666667rem 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.26666667rem 0.26666667rem;
  -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;
}

/* --------------
          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 > .icons,
.ui.icon.message > i.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 > .icons + .content,
.ui.icon.message > i.icon:not(.close) + .content {
  padding-left: 0;
}
.ui.icon.message > i.circular {
  width: 1em;
}

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

/* --------------
     Colors
--------------- */

/* --------------
     Types
--------------- */

/* Colors */
.ui.positive.message {
  background-color: #fcfff5;
  color: #2c662d;
}
.ui.positive.message,
.ui.attached.positive.message {
  -webkit-box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.positive.message {
  -webkit-box-shadow: 0 0 0 1px #a3c293 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 #a3c293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.positive.message .header {
  color: #1a531b;
}
.ui.inverted.positive.message,
.ui.inverted.positive.message .header {
  color: #a3c293;
}
.ui.negative.message {
  background-color: #fff6f6;
  color: #9f3a38;
}
.ui.negative.message,
.ui.attached.negative.message {
  -webkit-box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.negative.message {
  -webkit-box-shadow: 0 0 0 1px #e0b4b4 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 #e0b4b4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.negative.message .header {
  color: #912d2b;
}
.ui.inverted.negative.message,
.ui.inverted.negative.message .header {
  color: #e0b4b4;
}
.ui.error.message {
  background-color: #fff6f6;
  color: #9f3a38;
}
.ui.error.message,
.ui.attached.error.message {
  -webkit-box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.error.message {
  -webkit-box-shadow: 0 0 0 1px #e0b4b4 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 #e0b4b4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.error.message .header {
  color: #912d2b;
}
.ui.inverted.error.message,
.ui.inverted.error.message .header {
  color: #ecd1d1;
}
.ui.info.message {
  background-color: #f8ffff;
  color: #276f86;
}
.ui.info.message,
.ui.attached.info.message {
  -webkit-box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.info.message {
  -webkit-box-shadow: 0 0 0 1px #a9d5de 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 #a9d5de inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.info.message .header {
  color: #0e566c;
}
.ui.inverted.info.message,
.ui.inverted.info.message .header {
  color: #c6e3e9;
}
.ui.success.message {
  background-color: #fcfff5;
  color: #2c662d;
}
.ui.success.message,
.ui.attached.success.message {
  -webkit-box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.success.message {
  -webkit-box-shadow: 0 0 0 1px #a3c293 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 #a3c293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.success.message .header {
  color: #1a531b;
}
.ui.inverted.success.message,
.ui.inverted.success.message .header {
  color: #b9d1ad;
}
.ui.warning.message {
  background-color: #fffaf3;
  color: #573a08;
}
.ui.warning.message,
.ui.attached.warning.message {
  -webkit-box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.warning.message {
  -webkit-box-shadow: 0 0 0 1px #c9ba9b 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 #c9ba9b inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.warning.message .header {
  color: #794b02;
}
.ui.inverted.warning.message,
.ui.inverted.warning.message .header {
  color: #d7ccb5;
}
.ui.primary.message {
  background-color: #dff0ff;
  color: rgba(255, 255, 255, 0.9);
}
.ui.primary.message,
.ui.attached.primary.message {
  -webkit-box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.primary.message {
  -webkit-box-shadow: 0 0 0 1px #2185d0 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 #2185d0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.primary.message .header {
  color: rgba(242, 242, 242, 0.9);
}
.ui.secondary.message {
  background-color: #f4f4f4;
  color: rgba(255, 255, 255, 0.9);
}
.ui.secondary.message,
.ui.attached.secondary.message {
  -webkit-box-shadow: 0 0 0 1px #1b1c1d inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #1b1c1d inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.secondary.message {
  -webkit-box-shadow: 0 0 0 1px #1b1c1d 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 #1b1c1d inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.secondary.message .header {
  color: rgba(242, 242, 242, 0.9);
}
.ui.red.message {
  background-color: #ffe8e6;
  color: #db2828;
}
.ui.red.message,
.ui.attached.red.message {
  -webkit-box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.red.message {
  -webkit-box-shadow: 0 0 0 1px #db2828 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 #db2828 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.red.message .header {
  color: #c82121;
}
.ui.orange.message {
  background-color: #ffedde;
  color: #f2711c;
}
.ui.orange.message,
.ui.attached.orange.message {
  -webkit-box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.orange.message {
  -webkit-box-shadow: 0 0 0 1px #f2711c 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 #f2711c inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.orange.message .header {
  color: #e7640d;
}
.ui.yellow.message {
  background-color: #fff8db;
  color: #b58105;
}
.ui.yellow.message,
.ui.attached.yellow.message {
  -webkit-box-shadow: 0 0 0 1px #b58105 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #b58105 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.yellow.message {
  -webkit-box-shadow: 0 0 0 1px #b58105 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 #b58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.yellow.message .header {
  color: #9c6f04;
}
.ui.olive.message {
  background-color: #fbfdef;
  color: #8abc1e;
}
.ui.olive.message,
.ui.attached.olive.message {
  -webkit-box-shadow: 0 0 0 1px #8abc1e inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #8abc1e inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.olive.message {
  -webkit-box-shadow: 0 0 0 1px #8abc1e 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 #8abc1e inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.olive.message .header {
  color: #7aa61a;
}
.ui.green.message {
  background-color: #e5f9e7;
  color: #1ebc30;
}
.ui.green.message,
.ui.attached.green.message {
  -webkit-box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.green.message {
  -webkit-box-shadow: 0 0 0 1px #1ebc30 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 #1ebc30 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.green.message .header {
  color: #1aa62a;
}
.ui.teal.message {
  background-color: #e1f7f7;
  color: #10a3a3;
}
.ui.teal.message,
.ui.attached.teal.message {
  -webkit-box-shadow: 0 0 0 1px #10a3a3 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #10a3a3 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.teal.message {
  -webkit-box-shadow: 0 0 0 1px #10a3a3 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 #10a3a3 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.teal.message .header {
  color: #0e8c8c;
}
.ui.blue.message {
  background-color: #dff0ff;
  color: #2185d0;
}
.ui.blue.message,
.ui.attached.blue.message {
  -webkit-box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.blue.message {
  -webkit-box-shadow: 0 0 0 1px #2185d0 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 #2185d0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.blue.message .header {
  color: #1e77ba;
}
.ui.violet.message {
  background-color: #eae7ff;
  color: #6435c9;
}
.ui.violet.message,
.ui.attached.violet.message {
  -webkit-box-shadow: 0 0 0 1px #6435c9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #6435c9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.violet.message {
  -webkit-box-shadow: 0 0 0 1px #6435c9 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 #6435c9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.violet.message .header {
  color: #5a30b5;
}
.ui.purple.message {
  background-color: #f6e7ff;
  color: #a333c8;
}
.ui.purple.message,
.ui.attached.purple.message {
  -webkit-box-shadow: 0 0 0 1px #a333c8 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #a333c8 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.purple.message {
  -webkit-box-shadow: 0 0 0 1px #a333c8 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 #a333c8 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.purple.message .header {
  color: #922eb4;
}
.ui.pink.message {
  background-color: #ffe3fb;
  color: #e03997;
}
.ui.pink.message,
.ui.attached.pink.message {
  -webkit-box-shadow: 0 0 0 1px #e03997 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #e03997 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.pink.message {
  -webkit-box-shadow: 0 0 0 1px #e03997 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 #e03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.pink.message .header {
  color: #dd238b;
}
.ui.brown.message {
  background-color: #f1e2d3;
  color: #a5673f;
}
.ui.brown.message,
.ui.attached.brown.message {
  -webkit-box-shadow: 0 0 0 1px #a5673f inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #a5673f inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.brown.message {
  -webkit-box-shadow: 0 0 0 1px #a5673f 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 #a5673f inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.brown.message .header {
  color: #935b38;
}
.ui.grey.message {
  background-color: #f4f4f4;
  color: #767676;
}
.ui.grey.message,
.ui.attached.grey.message {
  -webkit-box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0);
}
.ui.floating.grey.message {
  -webkit-box-shadow: 0 0 0 1px #767676 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 #767676 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
}
.ui.grey.message .header {
  color: #696969;
}
.ui.black.message {
  background-color: #1b1c1d;
  color: rgba(255, 255, 255, 0.9);
}
.ui.black.message .header {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.message {
  background-color: #1b1c1d;
  color: rgba(255, 255, 255, 0.9);
}

/* --------------
     Sizes
--------------- */
.ui.message {
  font-size: 1em;
}
.ui.mini.message {
  font-size: 0.8em;
}
.ui.tiny.message {
  font-size: 0.86666667em;
}
.ui.small.message {
  font-size: 0.93333333em;
}
.ui.large.message {
  font-size: 1.13333333em;
}
.ui.big.message {
  font-size: 1.26666667em;
}
.ui.huge.message {
  font-size: 1.4em;
}
.ui.massive.message {
  font-size: 1.73333333em;
}


/*******************************
         Theme Overrides
*******************************/

/* https://css-tricks.com/the-power-of-named-transitions-in-vue/ */
/* show message text with cr and space formatting */
.nc-message-ui {
  max-width: 35vw;
  width: fit-content;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;
}

/* fix close icon that is too close to text */
.ui.message {
  display: block !important;
  position: relative;
}

/* Inner message wrapper for shake animation */
.message-inner {
  display: block;
  position: relative;
  width: 100%;
}
.nc-message-float {
  position: absolute !important;
  top: 60px !important;
  right: auto !important;
  margin-right: 0 !important;
  left: 30em !important;
  width: fit-content !important;
  max-width: calc(100vw - 30em - 2em) !important;
  z-index: 9999 !important;
  backdrop-filter: blur(5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  cursor: move;
  padding: 1em 1.5em 1em 1.5em !important;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  font-weight: bold;
  font-size: var(--default-font-size) !important;
  color: #222 !important;
}
.nc-message-float p {
  cursor: text;
  user-select: text;
}
.nc-message-float .close.icon {
  cursor: pointer;
}

/* Icon actions container for copy and close buttons */
.icon-actions {
  position: absolute;
  top: 0.5em;
  right: 0.75em;
  display: flex;
  gap: 0.75em;
  align-items: center;
  z-index: 100;
  background: transparent;
}
.copy-icon {
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  color: inherit;
  font-size: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.copy-icon:hover {
  opacity: 1;
}
.copy-icon.copying {
  animation: copyClick 0.3s ease-in-out;
}
@keyframes copyClick {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.3);
}
100% {
    transform: scale(1);
}
}
.nc-message-float .close.icon.closing {
  animation: closeClick 0.2s ease-in-out;
}
@keyframes closeClick {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
/* Header row styling */
.header-row {
  padding: 0 0.5em 0.25em 0.5em;
  font-weight: var(--semi-bold);
  font-size: var(--big-label-font-size);
  display: flex;
  align-items: center;
  cursor: move;
  min-height: 32px;
  margin-top: -0.25em;
  padding-right: 2.5em;
}

/* Message type specific header colors */
.ui.message.info .header-row {
  color: #0055c8;
}
.ui.message.error .header-row {
  color: #c80000;
}
.ui.message.warning .header-row {
  color: #c87800;
}
.ui.message.success .header-row {
  color: #009600;
}
.header-content {
  flex: 1;
}

/* Content row styling */
.content-row {
  padding: 0.25em 0.25em 0.25em 0.25em;
}
.content-row p {
  margin: 0;
  font-size: var(--big-label-font-size);
}

/* Position wrapper for absolute message */
/* :deep(div.v-if[v-if='msg && msg.text']) {
	position: relative;
} */
/* Apply z-index immediately, don't wait for animation */
.ui.message.floating.nc-message-float {
  z-index: 9999 !important;
  pointer-events: auto !important;
}
.nc-message-float.info {
  background-color: rgba(218, 232, 255, 0.7) !important;
}
.nc-message-float.error {
  background-color: rgba(255, 230, 230, 0.7) !important;
}
.nc-message-float.warning {
  background-color: rgba(255, 243, 230, 0.7) !important;
}
.nc-message-float.success {
  background-color: rgba(230, 255, 230, 0.7) !important;
}

/* fix these types not showing */
.ui.message.floating .success .error .warning .info {
  display: block !important;
}

/* Single left-to-right slide for new message appearance */
@keyframes slideInShake {
0% {
    transform: translateX(-20px);
    opacity: 0;
}
100% {
    transform: translateX(0);
    opacity: 1;
}
}
.message-inner.shake {
  animation: slideInShake 0.8s ease-out both !important;
}.nc-message-wrapper[data-v-c0cbdc33] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 0;
  z-index: 9999;
  pointer-events: none;
}
.nc-slide-right-enter-active[data-v-c0cbdc33] {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s ease-out;
}
.nc-slide-right-enter-from[data-v-c0cbdc33] {
  transform: translateX(100vw);
  opacity: 0;
}
.nc-slide-right-leave-active[data-v-c0cbdc33] {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-in, filter 0.6s ease-in;
}
.nc-slide-right-leave-to[data-v-c0cbdc33] {
  transform: translateX(100vw);
  opacity: 0;
  filter: blur(10px);
}/*!
 * # Fomantic-UI 2.9.4 - Sidebar
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://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;
  height: 100% !important;
  max-height: 100%;
  border-radius: 0 !important;
  margin: 0 !important;
  overflow-y: auto !important;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  z-index: 102;
}

/* GPU Layers for Child Elements */
.ui.sidebar > * {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* --------------
   Direction
--------------- */
.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.top.sidebar,
.ui.bottom.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
--------------- */
.pushable.pushable.pushable {
  height: 100%;
  overflow-x: hidden;
  padding: 0;
}
.pushable.pushable.pushable.locked {
  overflow-y: hidden;
  background: inherit;
}

/* Whole Page */
body.pushable {
  background: #545454;
}
body.pushable.dimmed {
  background: inherit;
}

/* Page Context */
.pushable:not(body) {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  overflow-y: hidden;
}
.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;
  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;
  
/* Pusher should inherit background from context */
  background: inherit;
}
.pushable > .pusher:not(.overflowing) {
  overflow: hidden;
}
body.pushable > .pusher {
  background: #fff;
}

/* --------------
     Dimmer
--------------- */
.pushable > .pusher::after {
  position: fixed;
  top: 0;
  right: 0;
  content: "";
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  will-change: opacity;
  z-index: 1000;
}

/* --------------
    Coupling
--------------- */
.ui.sidebar.menu .item {
  border-radius: 0 !important;
}


/*******************************
            States
*******************************/


/* --------------
     Dimmed
--------------- */
.pushable > .pusher.dimmed::after {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}
.pushable > .pusher.dimmed.blurring:not(.closing)::after {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px) grayscale(0.7);
}
.pushable > .pusher.closing.dimmed::after {
  opacity: 0 !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: 0 0 20px rgba(34, 36, 38, 0.15);
          box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
}
.ui.top.visible.sidebar,
.ui.bottom.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);
}

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


/*******************************
         Theme Overrides
*******************************/

/*!
 * # Fomantic-UI 2.9.4 - Menu
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            Standard
*******************************/


/* --------------
      Menu
--------------- */
.ui.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: #fff;
  font-weight: normal;
  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.26666667rem;
  min-height: 2.86666667em;
}
.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;
}

/* --------------
    Sub-Menu
--------------- */
.ui.menu .menu {
  margin: 0;
}
.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.93333333em 1.13333333em;
  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.26666667rem 0 0 0.26666667rem;
}

/* Border */
.ui.menu .item::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  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: 0 0.33333333em 0 0;
}

/* --------------
     Button
--------------- */
.ui.menu:not(.vertical) .item > .button {
  position: relative;
  top: 0;
  margin: -0.5em 0;
  padding-bottom: 0.8em;
  padding-top: 0.8em;
  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: 0;
  margin: -0.5em 0;
}
.ui.menu .item > .input input {
  font-size: 1em;
  padding-top: 0.53333333em;
  padding-bottom: 0.53333333em;
}

/* --------------
     Header
--------------- */
.ui.menu .header.item,
.ui.vertical.menu .header.item {
  margin: 0;
  background: "";
  text-transform: normal;
  font-weight: 500;
}
.ui.vertical.menu .item > .header:not(.ui) {
  margin: 0 0 0.5em;
  font-size: 1em;
  font-weight: 500;
}

/* --------------
    Dropdowns
--------------- */

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

/* Menu */
.ui.menu .dropdown.item .menu {
  min-width: calc(100% - 1px);
  border-radius: 0 0 0.26666667rem 0.26666667rem;
  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);
}
.ui.menu .dropdown.item:not(.column) .menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* Menu Items */
.ui.menu .ui.dropdown .menu > .item {
  margin: 0;
  text-align: left;
  font-size: 1em !important;
  padding: 0.8em 1.13333333em !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: 500 !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 > .icons,
.ui.menu .ui.dropdown .menu > .item > i.icon:not(.dropdown) {
  display: inline-block;
  font-size: 1em !important;
  float: none;
  margin: 0 0.75em 0 0 !important;
}

/* Secondary */
.ui.secondary.menu .dropdown.item > .menu,
.ui.text.menu .dropdown.item > .menu {
  border-radius: 0.26666667rem;
  margin-top: 0.33333333em;
}

/* 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 > i.icon {
  float: right;
  content: "\f0da";
  margin-left: 1em;
}
.ui.vertical.menu .dropdown.item .menu {
  left: 100%;
  
/* IE needs 0, all others support max-content to show dropdown icon inline, so keep both settings! */
  min-width: 0;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0 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);
  border-radius: 0 0.26666667rem 0.26666667rem 0.26666667rem;
}
.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;
}

/* Evenly Divided */
.ui.item.menu .dropdown .menu .item {
  width: 100%;
}

/* --------------
     Labels
--------------- */
.ui.menu .item > .label:not(.floating) {
  margin-left: 1em;
  padding: 0.3em 0.8em;
}
.ui.vertical.menu .item > .label {
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  padding: 0.3em 0.8em;
}
.ui.menu .item > .floating.label {
  padding: 0.3em 0.8em;
}
.ui.menu .item > .label {
  background: #999;
  color: #fff;
}
.ui.menu .item > .image.label img {
  margin: -0.2833em 0.8em -0.2833em -0.8em;
  height: 1.5666em;
}

/* --------------
     Images
--------------- */
.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;
}


/*******************************
          Coupling
*******************************/


/* --------------
     List
--------------- */

/* Menu divider shouldn't 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: 0;
}

/* --------------
    Container
--------------- */
@media only screen and (max-width: 767.98px) {
  .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.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .right.item:not(.borderless):last-child,
  .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .right.menu > .item:not(.borderless):last-child {
    border-right: 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.ui.menu .item.disabled {
  cursor: default;
  background-color: transparent;
  color: rgba(40, 40, 40, 0.3);
  pointer-events: none;
}


/*******************************
             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;
}
.ui.menu:not(.vertical) :not(.dropdown) > .left.menu,
.ui.menu:not(.vertical) :not(.dropdown) > .right.menu {
  display: inherit;
}

/* Center */
.ui.menu:not(.vertical) .center.item,
.ui.menu:not(.vertical) .center.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Swapped Borders */
.ui.menu .right.item::before,
.ui.menu .right.menu > .item::before {
  right: auto;
  left: 0;
}

/* Remove Outer Borders */
.ui.menu .center.item:last-child::before,
.ui.menu .center.menu > .item:last-child::before {
  display: none;
}

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

/* --- Item --- */
.ui.vertical.menu .item {
  display: block;
  background: none;
  border-top: none;
  border-right: none;
}
.ui.vertical.menu > .item:first-child {
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}
.ui.vertical.menu > .item:last-child {
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}

/* --- Label --- */
.ui.vertical.menu .item > .label {
  float: right;
  text-align: center;
}

/* --- Icon --- */
.ui.vertical.menu .item > i.icon,
.ui.vertical.menu .item > i.icons {
  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;
}

/* --- Border --- */
.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;
}

/* --- Sub Menu --- */
.ui.vertical.menu .item > .menu {
  margin: 0.5em -1.13333333em 0;
}
.ui.vertical.menu .menu .item {
  background: none;
  padding: 0.5em 1.32222222em;
  font-size: 0.86666667em;
  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: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.vertical.menu > .active.item:first-child {
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}
.ui.vertical.menu > .active.item:last-child {
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}
.ui.vertical.menu > .active.item:only-child {
  border-radius: 0.26666667rem;
}
.ui.vertical.menu .active.item .menu .active.item {
  border-left: none;
}
.ui.vertical.menu .item .menu .active.item {
  background-color: transparent;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.95);
}

/* --------------
         Tabular
    --------------- */
.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: transparent;
  border-bottom: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  padding: 0.93333333em 1.4em;
  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 #fff;
  color: rgba(0, 0, 0, 0.95);
  border-top-width: 1px;
  border-color: #d4d4d5;
  font-weight: 500;
  margin-bottom: -1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0.26666667rem 0.26666667rem 0 0 !important;
}
.ui.tabular.menu .active.item:hover {
  cursor: default;
}

/* Coupling with segment for attachment */
.ui.tabular.menu ~ .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;
}

/* Bottom Vertical Tabular */
.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: 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 #fff;
  color: rgba(0, 0, 0, 0.95);
  border-color: #d4d4d5;
  margin: -1px 0 0 0;
  border-radius: 0 0 0.26666667rem 0.26666667rem !important;
}

/* Vertical Tabular (Left) */
.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: 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 #fff;
  color: rgba(0, 0, 0, 0.95);
  border-color: #d4d4d5;
  margin: 0 -1px 0 0;
  border-radius: 0.26666667rem 0 0 0.26666667rem !important;
}

/* Vertical Right Tabular */
.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: 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 #fff;
  color: rgba(0, 0, 0, 0.95);
  border-color: #d4d4d5;
  margin: 0 0 0 -1px;
  border-radius: 0 0.26666667rem 0.26666667rem 0 !important;
}

/* Dropdown */
.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.inverted.tabular.menu .active.item,
.ui.inverted.tabular.menu .active.item:hover {
  background: none #1b1c1d;
  border-color: #555;
}
.ui.inverted.tabular.menu .item:not(.active):hover {
  color: #ffffff;
  background: transparent;
  cursor: pointer;
}

/* --------------
       Pagination
    --------------- */
.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.26666667rem 0.26666667rem 0;
}
.ui.compact.menu .item:last-child {
  border-radius: 0 0.26666667rem 0.26666667rem 0;
}
.ui.pagination.menu:not(.wrapping) .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.93333333em;
  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.33333333em;
  margin-right: -0.33333333em;
  border-radius: 0;
  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.8em 0.93333333em;
  margin: 0 0.33333333em;
  background: none;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
  border-radius: 0.26666667rem;
}

/* No Divider */
.ui.secondary.menu .item::before {
  display: none !important;
}

/* Header */
.ui.secondary.menu .header.item {
  border-radius: 0;
  border-right: none;
  background: none transparent;
}

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

/* 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.26666667rem;
}

/* 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:not(.disabled),
.ui.secondary.inverted.menu a.item:not(.disabled) {
  color: rgba(255, 255, 255, 0.7);
}
.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;
}
.ui.secondary.inverted.menu .active.item {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

/* Fix item margins */
.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;
}

/* ---------------------
           Secondary Vertical
        ----------------------- */

/* Sub Menu */
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
  margin: 0 -0.93333333em;
}
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
  margin: 0;
  padding: 0.46666667em 1.32222222em;
}
.ui.secondary.vertical.menu > .item {
  border: none;
  margin: 0 0 0.33333333em;
  border-radius: 0.26666667rem !important;
}
.ui.secondary.vertical.menu > .header.item {
  border-radius: 0;
}

/* 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: 0;
  margin-right: 0;
  border-bottom: 2px solid rgba(34, 36, 38, 0.15);
}
.ui.secondary.pointing.menu .item {
  border-bottom: 2px solid transparent;
  border-radius: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin: 0 0 -2px;
  padding: 0.86666667em 1.13333333em;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.secondary.pointing.menu .ui.dropdown .menu .item {
  border-bottom-width: 0;
}
.ui.secondary.pointing.menu .item > .label:not(.floating) {
  margin-top: -0.3em;
  margin-bottom: -0.3em;
}
.ui.secondary.pointing.menu .item > .circular.label {
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}

/* 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: currentColor;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.95);
}

/* Active Hover */
.ui.secondary.pointing.menu .active.item:hover {
  border-color: currentColor;
  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: 0;
  border-right: 2px solid rgba(34, 36, 38, 0.15);
}
.ui.secondary.vertical.pointing.menu .item {
  border-bottom: none;
  border-right: 2px solid transparent;
  border-radius: 0 !important;
  margin: 0 -2px 0 0;
}

/* Vertical Active */
.ui.secondary.vertical.pointing.menu .active.item {
  border-color: currentColor;
}

/* Inverted */
.ui.secondary.inverted.pointing.menu {
  border-color: rgba(255, 255, 255, 0.1);
}
.ui.secondary.inverted.pointing.menu .item:not(.disabled) {
  color: rgba(255, 255, 255, 0.9);
}
.ui.secondary.inverted.pointing.menu .header.item {
  color: #fff !important;
}

/* Hover */
.ui.secondary.inverted.pointing.menu .link.item:hover,
.ui.secondary.inverted.pointing.menu a.item:hover {
  color: #ffffff;
}

/* Active */
.ui.ui.secondary.inverted.pointing.menu .active.item {
  border-color: #fff;
  color: #ffffff;
  background-color: transparent;
}

/* --------------
        Text Menu
    --------------- */
.ui.text.menu {
  background: none transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  margin: 1em -0.46666667em;
}
.ui.text.menu .item {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0;
  padding: 0.33333333em 0.46666667em;
  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.93333333em;
  text-transform: uppercase;
  font-weight: 500;
}

/* Image */
.ui.text.menu .item > img:not(.ui) {
  margin: 0;
}

/* --- fluid text --- */
.ui.text.item.menu .item {
  margin: 0;
}

/* --- vertical text --- */
.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.53333333em 0;
  padding-left: 0;
  padding-right: 0;
}
.ui.vertical.text.menu .item > i.icon {
  float: none;
  margin: 0 0.33333333em 0 0;
}
.ui.vertical.text.menu .header.item {
  margin: 0.53333333em 0 0.66666667em;
}

/* Vertical Sub Menu */
.ui.vertical.text.menu .item:not(.dropdown) > .menu {
  margin: 0;
}
.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
  margin: 0;
  padding: 0.46666667em 0;
}

/* --- 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;
}

/* Fluid */
.ui.fluid.text.menu {
  margin-left: 0;
  margin-right: 0;
}

/* --------------
        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 > i.icon:not(.dropdown) {
  margin: 0;
  opacity: 1;
}

/* Icon Glyph */
.ui.icon.menu i.icon::before {
  opacity: 1;
}

/* (x) Item Icon */
.ui.menu .icon.item > i.icon {
  width: auto;
  margin: 0 auto;
}

/* Vertical Icon */
.ui.vertical.icon.menu .item > i.icon:not(.dropdown) {
  display: block;
  opacity: 1;
  margin: 0 auto;
  float: none;
}

/* Inverted */
.ui.inverted.icon.menu .item {
  color: #fff;
}

/* --------------
       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 > .right.menu > .item > i.icon:not(.dropdown),
.ui.labeled.icon.menu > .item > i.icon:not(.dropdown) {
  height: 1em;
  display: block;
  font-size: 1.73333333em !important;
  margin: 0 auto 0.5rem !important;
}

/* Fluid */
.ui.fluid.labeled.icon.menu > .item {
  min-width: 0;
}


/*******************************
           Variations
*******************************/


/* --------------
        Stackable
    --------------- */
@media only screen and (max-width: 767.98px) {
  .ui.stackable.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ui.stackable.menu.pointing .active.item::after {
    display: none;
  }
  .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.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 .center.menu,
  .ui.stackable.menu .center.item {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ui.stackable.menu .right.menu,
  .ui.stackable.menu .center.menu,
  .ui.stackable.menu .left.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* --------------
     Colors
--------------- */
.ui.ui.ui.menu .primary.active.item,
.ui.ui.primary.menu .active.item:hover,
.ui.ui.primary.menu .active.item {
  color: #2185d0;
}
.ui.ui.ui.menu .red.active.item,
.ui.ui.red.menu .active.item:hover,
.ui.ui.red.menu .active.item {
  color: #db2828;
}
.ui.ui.ui.menu .orange.active.item,
.ui.ui.orange.menu .active.item:hover,
.ui.ui.orange.menu .active.item {
  color: #f2711c;
}
.ui.ui.ui.menu .yellow.active.item,
.ui.ui.yellow.menu .active.item:hover,
.ui.ui.yellow.menu .active.item {
  color: #fbbd08;
}
.ui.ui.ui.menu .olive.active.item,
.ui.ui.olive.menu .active.item:hover,
.ui.ui.olive.menu .active.item {
  color: #b5cc18;
}
.ui.ui.ui.menu .green.active.item,
.ui.ui.green.menu .active.item:hover,
.ui.ui.green.menu .active.item {
  color: #21ba45;
}
.ui.ui.ui.menu .teal.active.item,
.ui.ui.teal.menu .active.item:hover,
.ui.ui.teal.menu .active.item {
  color: #00b5ad;
}
.ui.ui.ui.menu .blue.active.item,
.ui.ui.blue.menu .active.item:hover,
.ui.ui.blue.menu .active.item {
  color: #2185d0;
}
.ui.ui.ui.menu .violet.active.item,
.ui.ui.violet.menu .active.item:hover,
.ui.ui.violet.menu .active.item {
  color: #6435c9;
}
.ui.ui.ui.menu .purple.active.item,
.ui.ui.purple.menu .active.item:hover,
.ui.ui.purple.menu .active.item {
  color: #a333c8;
}
.ui.ui.ui.menu .pink.active.item,
.ui.ui.pink.menu .active.item:hover,
.ui.ui.pink.menu .active.item {
  color: #e03997;
}
.ui.ui.ui.menu .brown.active.item,
.ui.ui.brown.menu .active.item:hover,
.ui.ui.brown.menu .active.item {
  color: #a5673f;
}
.ui.ui.ui.menu .grey.active.item,
.ui.ui.grey.menu .active.item:hover,
.ui.ui.grey.menu .active.item {
  color: #767676;
}
.ui.ui.ui.menu .black.active.item,
.ui.ui.black.menu .active.item:hover,
.ui.ui.black.menu .active.item {
  color: #1b1c1d;
}

/* --------------
        Inverted
    --------------- */
.ui.inverted.menu {
  border: 0 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: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Disabled */
.ui.ui.inverted.menu .item.disabled {
  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: #3d3e3f;
  color: #ffffff !important;
}
.ui.inverted.vertical.menu .item .menu .active.item {
  background: transparent;
  color: #fff;
}
.ui.inverted.pointing.menu .active.item::after {
  background: #3d3e3f;
  margin: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
}

/* --- Active Hover --- */
.ui.inverted.menu .active.item:hover {
  background: #3d3e3f;
  color: #fff !important;
}
.ui.inverted.pointing.menu .active.item:hover::after {
  background: #3d3e3f;
}

/* --------------
         Floated
    --------------- */
.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.center.aligned.menu:not(.fluid),
.ui.centered.menu:not(.fluid) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: 50%;
}
.ui.center.aligned.menu .item,
.ui.centered.menu .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* --------------
        Inverted
    --------------- */
.ui.ui.ui.inverted.menu .primary.active.item,
.ui.ui.inverted.primary.menu {
  background-color: #2185d0;
}
.ui.inverted.primary.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.primary.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.primary.menu .active.item {
  background-color: #1678c2;
}
.ui.ui.ui.inverted.menu .red.active.item,
.ui.ui.inverted.red.menu {
  background-color: #db2828;
}
.ui.inverted.red.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.red.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.red.menu .active.item {
  background-color: #d01919;
}
.ui.ui.ui.inverted.menu .orange.active.item,
.ui.ui.inverted.orange.menu {
  background-color: #f2711c;
}
.ui.inverted.orange.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.orange.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.orange.menu .active.item {
  background-color: #f26202;
}
.ui.ui.ui.inverted.menu .yellow.active.item,
.ui.ui.inverted.yellow.menu {
  background-color: #fbbd08;
}
.ui.inverted.yellow.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.yellow.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.yellow.menu .active.item {
  background-color: #eaae00;
}
.ui.ui.ui.inverted.menu .olive.active.item,
.ui.ui.inverted.olive.menu {
  background-color: #b5cc18;
}
.ui.inverted.olive.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.olive.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.olive.menu .active.item {
  background-color: #a7bd0d;
}
.ui.ui.ui.inverted.menu .green.active.item,
.ui.ui.inverted.green.menu {
  background-color: #21ba45;
}
.ui.inverted.green.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.green.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.green.menu .active.item {
  background-color: #16ab39;
}
.ui.ui.ui.inverted.menu .teal.active.item,
.ui.ui.inverted.teal.menu {
  background-color: #00b5ad;
}
.ui.inverted.teal.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.teal.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.teal.menu .active.item {
  background-color: #009c95;
}
.ui.ui.ui.inverted.menu .blue.active.item,
.ui.ui.inverted.blue.menu {
  background-color: #2185d0;
}
.ui.inverted.blue.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.blue.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.blue.menu .active.item {
  background-color: #1678c2;
}
.ui.ui.ui.inverted.menu .violet.active.item,
.ui.ui.inverted.violet.menu {
  background-color: #6435c9;
}
.ui.inverted.violet.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.violet.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.violet.menu .active.item {
  background-color: #5829bb;
}
.ui.ui.ui.inverted.menu .purple.active.item,
.ui.ui.inverted.purple.menu {
  background-color: #a333c8;
}
.ui.inverted.purple.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.purple.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.purple.menu .active.item {
  background-color: #9627ba;
}
.ui.ui.ui.inverted.menu .pink.active.item,
.ui.ui.inverted.pink.menu {
  background-color: #e03997;
}
.ui.inverted.pink.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.pink.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.pink.menu .active.item {
  background-color: #e61a8d;
}
.ui.ui.ui.inverted.menu .brown.active.item,
.ui.ui.inverted.brown.menu {
  background-color: #a5673f;
}
.ui.inverted.brown.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.brown.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.brown.menu .active.item {
  background-color: #975b33;
}
.ui.ui.ui.inverted.menu .grey.active.item,
.ui.ui.inverted.grey.menu {
  background-color: #767676;
}
.ui.inverted.grey.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.grey.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.grey.menu .active.item {
  background-color: #838383;
}
.ui.ui.ui.inverted.menu .black.active.item,
.ui.ui.inverted.black.menu {
  background-color: #1b1c1d;
}
.ui.inverted.black.menu .item::before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.ui.inverted.black.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.pointing.black.menu .active.item {
  background-color: #27292a;
}
.ui.ui.ui.inverted.pointing.menu .active.item::after {
  background-color: inherit;
}

/* --------------
         Fitted
    --------------- */
.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.93333333em;
  padding-bottom: 0.93333333em;
}
.ui.vertically.fitted.menu .item,
.ui.vertically.fitted.menu .item .menu .item,
.ui.menu .vertically.fitted.item {
  padding-left: 1.13333333em;
  padding-right: 1.13333333em;
}

/* --------------
       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: 0;
  vertical-align: middle;
}
.ui.compact.vertical.menu {
  
/* IE hack to make dropdown icons appear inline */
  display: -ms-inline-flexbox !important;
  display: inline-block;
}
.ui.compact.menu:not(.secondary) .item:last-child {
  border-radius: 0 0.26666667rem 0.26666667rem 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;
}

/* -------------------
            Fluid
    -------------------- */
.ui.menu.fluid,
.ui.vertical.menu.fluid {
  width: 100% !important;
}

/* -------------------
          Evenly Sized
    -------------------- */
.ui[class*="equal width"].menu > .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ui[class*="equal width"].menu > .item,
.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[class*="equal width"].menu:not(.tabular),
.ui.attached.item.menu:not(.tabular) {
  margin: 0 -1px !important;
}
.ui[class*="equal width"].menu > .item:last-child::before,
.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: 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%;
}

/* 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 0 0;
  width: 0.53333333em;
  height: 0.53333333em;
  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 .ui.dropdown .menu .item::after,
.ui.vertical.pointing.menu .ui.dropdown .menu .item::after {
  display: none;
}

/* 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: #fff;
}
@media only screen and (max-width: 767.98px) {
  .ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after {
    display: none;
  }
}
.ui.inverted.pointing.menu .primary.active.item::after {
  background-color: #2185d0;
}
.ui.inverted.pointing.menu .secondary.active.item::after {
  background-color: #1b1c1d;
}
.ui.inverted.pointing.menu .red.active.item::after {
  background-color: #db2828;
}
.ui.inverted.pointing.menu .orange.active.item::after {
  background-color: #f2711c;
}
.ui.inverted.pointing.menu .yellow.active.item::after {
  background-color: #fbbd08;
}
.ui.inverted.pointing.menu .olive.active.item::after {
  background-color: #b5cc18;
}
.ui.inverted.pointing.menu .green.active.item::after {
  background-color: #21ba45;
}
.ui.inverted.pointing.menu .teal.active.item::after {
  background-color: #00b5ad;
}
.ui.inverted.pointing.menu .blue.active.item::after {
  background-color: #2185d0;
}
.ui.inverted.pointing.menu .violet.active.item::after {
  background-color: #6435c9;
}
.ui.inverted.pointing.menu .purple.active.item::after {
  background-color: #a333c8;
}
.ui.inverted.pointing.menu .pink.active.item::after {
  background-color: #e03997;
}
.ui.inverted.pointing.menu .brown.active.item::after {
  background-color: #a5673f;
}
.ui.inverted.pointing.menu .grey.active.item::after {
  background-color: #767676;
}
.ui.inverted.pointing.menu .black.active.item::after {
  background-color: #1b1c1d;
}

/* --------------
        Attached
    --------------- */

/* Middle */
.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;
}

/* Top */
.ui[class*="top attached"].menu {
  bottom: 0;
  margin-bottom: 0;
  top: 0;
  margin-top: 1rem;
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}
.ui.menu[class*="top attached"]:first-child {
  margin-top: 0;
}

/* Bottom */
.ui[class*="bottom attached"].menu {
  bottom: 0;
  margin-top: 0;
  top: 0;
  margin-bottom: 1rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}
.ui[class*="bottom attached"].menu:last-child {
  margin-bottom: 0;
}

/* Attached Menu Item */
.ui.top.attached.menu > .item:first-child {
  border-radius: 0.26666667rem 0 0 0;
}
.ui.bottom.attached.menu > .item:first-child {
  border-radius: 0 0 0 0.26666667rem;
}

/* Tabular Attached */
.ui.attached.menu:not(.tabular):not(.text) {
  border: 1px solid #d4d4d5;
}
.ui.attached.inverted.menu {
  border: none;
}
.ui[class*="top attached"].inverted.tabular.menu {
  border-bottom: 1px solid #555;
}
.ui.attached.tabular.menu {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.ui.wrapping.menu {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui.wrapping.menu .item::before {
  right: auto;
  left: 0;
}
.ui.wrapping.menu .item:first-child::before {
  display: none;
}
.ui.wrapping.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item:last-of-type,
.ui.wrapping.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item:last-child {
  border-right: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.wrapped.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item:first-child {
  border-bottom-left-radius: 0;
}
.ui.wrapped.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item:last-child {
  border-top-right-radius: 0;
}

/* --------------
     Sizes
--------------- */
.ui.menu {
  font-size: 1rem;
}
.ui.vertical.menu {
  width: 15rem;
}
.ui.mini.menu,
.ui.mini.menu .dropdown,
.ui.mini.menu .dropdown .menu > .item {
  font-size: 0.73333333rem;
}
.ui.mini.vertical.menu:not(.icon) {
  width: 9rem;
}
.ui.tiny.menu,
.ui.tiny.menu .dropdown,
.ui.tiny.menu .dropdown .menu > .item {
  font-size: 0.8rem;
}
.ui.tiny.vertical.menu:not(.icon) {
  width: 11rem;
}
.ui.small.menu,
.ui.small.menu .dropdown,
.ui.small.menu .dropdown .menu > .item {
  font-size: 0.86666667rem;
}
.ui.small.vertical.menu:not(.icon) {
  width: 13rem;
}
.ui.large.menu,
.ui.large.menu .dropdown,
.ui.large.menu .dropdown .menu > .item {
  font-size: 1rem;
}
.ui.large.vertical.menu:not(.icon) {
  width: 18rem;
}
.ui.big.menu,
.ui.big.menu .dropdown,
.ui.big.menu .dropdown .menu > .item {
  font-size: 1.06666667rem;
}
.ui.big.vertical.menu:not(.icon) {
  width: 20rem;
}
.ui.huge.menu,
.ui.huge.menu .dropdown,
.ui.huge.menu .dropdown .menu > .item {
  font-size: 1.13333333rem;
}
.ui.huge.vertical.menu:not(.icon) {
  width: 22rem;
}
.ui.massive.menu,
.ui.massive.menu .dropdown,
.ui.massive.menu .dropdown .menu > .item {
  font-size: 1.2rem;
}
.ui.massive.vertical.menu:not(.icon) {
  width: 25rem;
}

/* -------------------
  Inverted dropdowns
-------------------- */
.ui.menu .ui.inverted.inverted.dropdown.item .menu {
  background: #1b1c1d;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.menu .ui.inverted.dropdown .menu > .item {
  color: rgba(255, 255, 255, 0.8) !important;
}
.ui.menu .ui.inverted.dropdown .menu > .active.item {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.ui.menu .ui.inverted.dropdown .menu > .item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
.ui.menu .ui.inverted.dropdown .menu > .selected.item {
  background: rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Vertical */
.ui.vertical.menu .inverted.dropdown.item .menu {
  -webkit-box-shadow: none;
          box-shadow: none;
}


/*******************************
         Theme Overrides
*******************************/

.ui.left.visible.sidebar,
.ui.right.visible.sidebar {
  box-shadow: none;
}.nc-menu-item {
  cursor: pointer;
}/*!
 * # Fomantic-UI 2.9.4 - Dropdown
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://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-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -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: 0;
  padding: 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.26666667rem;
  -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:not(.labeled) > .dropdown.icon {
  position: relative;
  width: auto;
  min-width: 1em;
  font-size: 0.8em;
  margin: 0 0 0 1em;
}
.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0 0 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;
  min-height: 2.6rem;
  text-align: left;
  border-top: none;
  line-height: 1em;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.8rem 1.13333333rem;
  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: 0;
}
.ui.dropdown .menu > .item.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

/* --------------
  Floated Content
--------------- */
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 1em !important;
}
.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 1em !important;
}
.ui.dropdown .menu .item > i.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 0 0.75rem;
  padding: 0 1.13333333rem;
  font-weight: 500;
  text-transform: uppercase;
}
.ui.dropdown .menu > .header:not(.ui) {
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.73333333em;
}
.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0;
  margin: 0.5em 0;
}
.ui.dropdown .menu > .horizontal.divider {
  border-top: none;
}
.ui.ui.ui.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.13333333rem 0.8rem;
  min-width: 10rem;
}
.ui.dropdown .menu > .header + .input {
  margin-top: 0;
}
.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 0.66666667em;
}
.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) i.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: 0 0 0 1em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.dropdown .menu > .item.vertical > .description {
  margin: 0;
}

/* -----------------
      Item Text
------------------- */
.ui.dropdown .menu > .item.vertical > .text {
  margin-bottom: 0.25em;
}

/* -----------------
       Message
------------------- */
.ui.dropdown .menu > .message {
  padding: 0.8rem 1.13333333rem;
  font-weight: normal;
}
.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}

/* --------------
    Sub Menu
--------------- */
.ui.dropdown .menu .menu {
  top: 0;
  left: 100%;
  right: auto;
  margin: 0 -0.5em !important;
  border-radius: 0.26666667rem !important;
  z-index: 21 !important;
}

/* Hide Arrow */
.ui.dropdown .menu .menu::after {
  display: none;
}

/* --------------
   Sub Elements
--------------- */

/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > i.icons,
.ui.dropdown > .text > i.icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em;
}
.ui.dropdown .menu > .item > i.icons,
.ui.dropdown .menu > .item > i.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 > i.icons,
.ui.dropdown > .text > i.icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > i.icons,
.ui.dropdown .menu > .item > i.icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0;
  float: none;
  margin-right: 0.8rem;
}

/* --------------
     Image
--------------- */
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image:not(.icon),
.ui.dropdown .menu > .item > .image:not(.icon),
.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:not(.left),
.ui.menu .right.dropdown.item > .menu:not(.left),
.ui.buttons > .ui.dropdown:last-child > .menu:not(.left) {
  left: auto;
  right: 0;
}

/* --------------
          Label
    --------------- */

/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%;
}

/* --------------
         Button
    --------------- */

/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0;
}
.ui.dropdown.button .menu {
  min-width: 100%;
}
.ui.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}
.ui.dropdown.button:not(.pointing):not(.floating) > .menu {
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}


/*******************************
              Types
*******************************/

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
}

/* --------------
        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(0);
          transform: rotateZ(0);
  min-width: 14em;
  min-height: 2.48095238em;
  background: #fff;
  display: inline-block;
  padding: 0.66666667em 2.86666667em 0.66666667em 0.66666667em;
  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.26666667rem;
  -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;
}
.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.66666667em;
  right: 0.66666667em;
  z-index: 3;
  margin: -0.66666667em;
  padding: 0.83333333em;
  opacity: 0.5;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0;
}
.ui.compact.selection.dropdown > .menu {
  width: auto;
}
.ui.compact.selection.dropdown > .menu:not(.multiline) {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* Selection Menu */
.ui.selection.dropdown:not(.unlimited) .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ui.selection.dropdown .menu {
  outline: none;
  margin: 0 -1px;
  min-width: calc(100% + 2px);
  width: calc(100% + 2px);
  -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:not(.pointing):not(.floating) > .menu {
  border-top-width: 0;
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}
.ui.selection.dropdown .menu::after,
.ui.selection.dropdown .menu::before {
  display: none;
}

/* --------------
        Message
    --------------- */
.ui.selection.dropdown .menu > .message {
  padding: 0.8rem 1.13333333rem;
}
@media only screen and (max-width: 767.98px) {
  .ui.ui.selection.dropdown.short .menu {
    max-height: 6.075rem;
  }
  .ui.ui.selection.dropdown[class*="very short"] .menu {
    max-height: 4.05rem;
  }
  .ui.selection.dropdown:not(.unlimited) .menu {
    max-height: 8.1rem;
  }
  .ui.ui.selection.dropdown.long .menu {
    max-height: 16.2rem;
  }
  .ui.ui.selection.dropdown[class*="very long"] .menu {
    max-height: 24.3rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.ui.selection.dropdown.short .menu {
    max-height: 8.1rem;
  }
  .ui.ui.selection.dropdown[class*="very short"] .menu {
    max-height: 5.4rem;
  }
  .ui.selection.dropdown:not(.unlimited) .menu {
    max-height: 10.8rem;
  }
  .ui.ui.selection.dropdown.long .menu {
    max-height: 21.6rem;
  }
  .ui.ui.selection.dropdown[class*="very long"] .menu {
    max-height: 32.4rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.ui.selection.dropdown.short .menu {
    max-height: 12.15rem;
  }
  .ui.ui.selection.dropdown[class*="very short"] .menu {
    max-height: 8.1rem;
  }
  .ui.selection.dropdown:not(.unlimited) .menu {
    max-height: 16.2rem;
  }
  .ui.ui.selection.dropdown.long .menu {
    max-height: 32.4rem;
  }
  .ui.ui.selection.dropdown[class*="very long"] .menu {
    max-height: 48.6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.ui.selection.dropdown.short .menu {
    max-height: 16.2rem;
  }
  .ui.ui.selection.dropdown[class*="very short"] .menu {
    max-height: 10.8rem;
  }
  .ui.selection.dropdown:not(.unlimited) .menu {
    max-height: 21.6rem;
  }
  .ui.ui.selection.dropdown.long .menu {
    max-height: 43.2rem;
  }
  .ui.ui.selection.dropdown[class*="very long"] .menu {
    max-height: 64.8rem;
  }
}

/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #fafafa;
  padding: 0.8rem 1.13333333rem;
  white-space: normal;
  word-wrap: normal;
}
.ui.selection.pointing.dropdown .menu > .item:first-child,
.ui.selection.floating.dropdown .menu > .item:first-child {
  border-top: none;
}

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}

/* User addition item */
.ui.dropdown > .menu > .stuck.addition.item:first-child {
  position: sticky;
  top: 0;
  -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);
  background: #fff;
  z-index: 14;
}

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Active */
.ui.selection.simple.dropdown:hover,
.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.simple.dropdown:hover .menu,
.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);
}

/* 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: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
@supports selector(:has(.f)) {
  .ui.ui.selection.dropdown:not(.inverted):has(> input:focus) {
    border-color: #96c8da;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .ui.ui.selection.dropdown:not(.inverted):has(> input:focus) > i.icon {
    opacity: 1;
  }
}
.ui.ui.selection.dropdown:focus > i.icon {
  opacity: 1;
}

/* 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: 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);
}

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: "";
  z-index: 3;
}

/* Connecting Border */
.ui.active.selection.dropdown:not(.pointing):not(.floating) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.26666667rem !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;
}

/* CSS specific to iOS devices or firefox mobile only */
@supports (-webkit-touch-callout: none) or (-moz-appearance: none) {
  @media (-moz-touch-enabled), (pointer: coarse) {
    .ui.dropdown .scrollhint.menu:not(.hidden)::before {
      -webkit-animation: scrollhint 2s ease 2;
              animation: scrollhint 2s ease 2;
      content: "";
      z-index: 15;
      display: block;
      position: absolute;
      opacity: 0;
      right: 0.25em;
      top: 0;
      height: 100%;
      border-right: 0.25em solid;
      border-left: 0;
      -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
         border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0))) 1 100%;
         border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
    }
    .ui.inverted.dropdown .scrollhint.menu:not(.hidden)::before {
      -o-border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
         border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0))) 1 100%;
         border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)) 1 100%;
    }
    @-webkit-keyframes scrollhint {
      0% {
        opacity: 1;
        top: 100%;
      }
      100% {
        opacity: 0;
        top: 0;
      }
    }
    @keyframes scrollhint {
      0% {
        opacity: 1;
        top: 100%;
      }
      100% {
        opacity: 0;
        top: 0;
      }
    }
  }
}

/* --------------
       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: 0;
  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: auto;
}

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.55952381em 2.86666667em 0.55952381em 0.66666667em;
}

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.55952381em 2.86666667em 0.55952381em 0.66666667em;
  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 i.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);
}
.ui.search.dropdown.button > span.sizer {
  display: none;
}

/* Search Menu */
.ui.search.dropdown:not(.unlimited) .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media only screen and (max-width: 767.98px) {
  .ui.search.dropdown:not(.unlimited) .menu {
    max-height: 8.1rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown:not(.unlimited) .menu {
    max-height: 10.8rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown:not(.unlimited) .menu {
    max-height: 16.2rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown:not(.unlimited) .menu {
    max-height: 21.6rem;
  }
}

/* Clearable Selection */
.ui.dropdown > .remove.icon {
  cursor: pointer;
  font-size: 0.8em;
  margin: -0.66666667em;
  padding: 0.83333333em;
  right: 2em;
  top: 0.66666667em;
  position: absolute;
  opacity: 0.5;
  z-index: 3;
}
.ui.selection.dropdown > .remove.icon {
  right: 3em;
}
.ui.inline.dropdown > .remove.icon {
  right: 2.2em;
}
.ui.clearable.dropdown .text:not(.default),
.ui.clearable.dropdown:not(.search) > .ui.label:last-of-type {
  margin-right: 1.5em;
}
.ui.dropdown select.noselection ~ .remove.icon,
.ui.dropdown input[value=""] ~ .remove.icon,
.ui.dropdown input:not([value]):not(.search) ~ .remove.icon,
.ui.dropdown.loading > .remove.icon {
  display: none;
}
.ui.dropdown:not(.selection) > .remove.icon ~ .dropdown.icon {
  margin-left: 1.5em;
}
.ui.dropdown:not(.selection):not(.multiple) > .remove.icon {
  margin-top: -1.35em;
}

/* --------------
        Multiple
    --------------- */

/* Multiple Selection */
.ui.ui.multiple.dropdown {
  padding: 0.18650794em 2.86666667em 0.18650794em 0.33333333em;
}
.ui.multiple.dropdown .menu {
  cursor: auto;
}

/* Selection Label */
.ui.multiple.dropdown > .label {
  display: inline-block;
  white-space: normal;
  font-size: 1em;
  padding: 0.33333333em 0.8em;
  margin: 0.13333333rem 0.26666667rem 0.13333333rem 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;
}

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: "";
  padding: "";
}

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.37301587em 0 0.37301587em 0.33333333em;
  line-height: 1.13333333em;
}
.ui.multiple.dropdown > .text.default {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.13333333em !important;
}
.ui.multiple.dropdown > .label ~ .text {
  display: none;
}
.ui.multiple.dropdown > .label:not(.image) > img:not(.centered) {
  margin-right: 0.8rem;
}
.ui.multiple.dropdown > .label:not(.image) > img.ui:not(.avatar) {
  margin-bottom: 0.4rem;
}
.ui.multiple.dropdown > .image.label img {
  margin: -0.33333333em 0.8em -0.33333333em -0.8em;
  height: 1.66666667em;
}
.ui.multiple.dropdown:not(.selection):not(.labeled) > .dropdown.icon {
  right: -1.5em;
}
.ui.multiple.dropdown:not(.selection):not(.labeled) > .remove.icon {
  margin-right: -1.5em;
}
.ui.multiple.dropdown:not(.selection):not(.labeled):not(.search) > .remove.icon ~ .text.default,
.ui.multiple.dropdown:not(.selection):not(.labeled) > .text.default:first-child {
  overflow: inherit;
}

/* -----------------
          Multiple Search
        ----------------- */

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}

/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.37301587em 0 0.37301587em 0.33333333em;
  line-height: 1.13333333em;
}
.ui.multiple.search.dropdown > .text.default {
  z-index: -1;
}
.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.37301587em 0 0.37301587em 0.33333333em;
  width: 2.2em;
  line-height: 1.13333333em;
}
.ui.multiple.search.dropdown.button {
  min-width: 14em;
}
.ui.multiple.search.dropdown > span.sizer {
  display: none;
}
.ui.multiple.search.dropdown:not(.selection) > .remove.icon + input.search,
.ui.multiple.search.dropdown:not(.selection) > input.search:first-child {
  min-width: 5.05em;
}

/* --------------
         Inline
    --------------- */
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0 0.2em;
  vertical-align: baseline;
}
.ui.inline.dropdown > .text {
  font-weight: 500;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.2em;
  border-radius: 0.26666667rem;
}


/*******************************
            States
*******************************/


/* --------------------
        Active
---------------------- */

/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: 500;
  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: #f2f2f2;
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}

/* --------------------
     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 > i.icon {
  height: 0.93333333em !important;
}
.ui.loading.selection.dropdown > i.icon {
  padding: 1.4em 1.2em !important;
}
.ui.loading.dropdown > i.icon::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -0.63333333em 0 0 -0.63333333em;
  width: 1.26666667em;
  height: 1.26666667em;
  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.63333333em 0 0 -0.63333333em;
  width: 1.26666667em;
  height: 1.26666667em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
}

/* Coupling */
.ui.loading.dropdown.button > i.icon::before,
.ui.loading.dropdown.button > i.icon::after {
  display: none;
}
.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: 0 !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: #f7f7f7;
  color: rgba(0, 0, 0, 0.95);
}

/* --------------------
    Search Filtered
---------------------- */

/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}
.ui.dropdown .filtered.item {
  display: none !important;
}

/* --------------------
            States
    ---------------------- */
.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.multiple.selection.error.dropdown > .label {
  border-color: #e0b4b4;
}
.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #e0b4b4;
}
.ui.dropdown.error > .menu > .item {
  color: #9f3a38;
}

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #fbe7e7;
}

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #fdcfcf;
}
.ui.dropdown.info,
.ui.dropdown.info > .text,
.ui.dropdown.info > .default.text {
  color: #276f86;
}
.ui.selection.dropdown.info {
  background: #f8ffff;
  border-color: #a9d5de;
}
.ui.selection.dropdown.info:hover {
  border-color: #a9d5de;
}
.ui.multiple.selection.info.dropdown > .label {
  border-color: #a9d5de;
}
.ui.dropdown.info > .menu,
.ui.dropdown.info > .menu .menu {
  border-color: #a9d5de;
}
.ui.dropdown.info > .menu > .item {
  color: #276f86;
}

/* Item Hover */
.ui.dropdown.info > .menu > .item:hover {
  background-color: #e9f2fb;
}

/* Item Active */
.ui.dropdown.info > .menu .active.item {
  background-color: #cef1fd;
}
.ui.dropdown.success,
.ui.dropdown.success > .text,
.ui.dropdown.success > .default.text {
  color: #2c662d;
}
.ui.selection.dropdown.success {
  background: #fcfff5;
  border-color: #a3c293;
}
.ui.selection.dropdown.success:hover {
  border-color: #a3c293;
}
.ui.multiple.selection.success.dropdown > .label {
  border-color: #a3c293;
}
.ui.dropdown.success > .menu,
.ui.dropdown.success > .menu .menu {
  border-color: #a3c293;
}
.ui.dropdown.success > .menu > .item {
  color: #2c662d;
}

/* Item Hover */
.ui.dropdown.success > .menu > .item:hover {
  background-color: #e9fbe9;
}

/* Item Active */
.ui.dropdown.success > .menu .active.item {
  background-color: #dafdce;
}
.ui.dropdown.warning,
.ui.dropdown.warning > .text,
.ui.dropdown.warning > .default.text {
  color: #573a08;
}
.ui.selection.dropdown.warning {
  background: #fffaf3;
  border-color: #c9ba9b;
}
.ui.selection.dropdown.warning:hover {
  border-color: #c9ba9b;
}
.ui.multiple.selection.warning.dropdown > .label {
  border-color: #c9ba9b;
}
.ui.dropdown.warning > .menu,
.ui.dropdown.warning > .menu .menu {
  border-color: #c9ba9b;
}
.ui.dropdown.warning > .menu > .item {
  color: #573a08;
}

/* Item Hover */
.ui.dropdown.warning > .menu > .item:hover {
  background-color: #fbfbe9;
}

/* Item Active */
.ui.dropdown.warning > .menu .active.item {
  background-color: #fdfdce;
}

/* --------------------
            Clear
    ---------------------- */
.ui.dropdown > .remove.icon,
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.5;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.dropdown > .remove.icon:hover,
.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}

/* --------------------
            Disabled
    ---------------------- */

/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}

/* --------------------
            Read-Only
    ---------------------- */
.ui.read-only.dropdown {
  cursor: default;
  pointer-events: none;
}
.ui.disabled.dropdown > .remove.icon,
.ui.read-only.dropdown > .remove.icon,
.ui.disabled.dropdown > .label > .delete.icon,
.ui.read-only.dropdown > .label > .delete.icon {
  display: none;
}


/*******************************
           Variations
*******************************/


/* --------------
    Direction
--------------- */

/* Flyout Direction */
.ui.dropdown .menu {
  left: 0;
}

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.26666667rem !important;
}

/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0 !important;
}
.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0 -0.5em 0 0 !important;
  border-radius: 0.26666667rem !important;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0 0 0;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0 0 0;
}
.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0;
}

/* --------------
         Upward
    --------------- */

/* Upward Main Menu */
.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);
}

/* 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 0 0.26666667rem 0.26666667rem;
}

/* Button */
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}
.ui.upward.dropdown.button:not(.pointing):not(.floating) > .menu {
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}

/* Selection */
.ui.ui.upward.selection.dropdown:not(.pointing):not(.floating) > .menu {
  border-top-width: 1px;
  border-bottom-width: 0;
  -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);
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}
.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);
}

/* Active Upward */
.ui.active.upward.selection.dropdown:not(.pointing):not(.floating) {
  border-radius: 0 0 0.26666667rem 0.26666667rem !important;
}

/* Visible Upward */
.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);
}
.ui.upward.selection.dropdown.visible:not(.pointing):not(.floating) {
  border-radius: 0 0 0.26666667rem 0.26666667rem !important;
}

/* Visible Hover Upward */
.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:not(.pointing):not(.floating) .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);
}

/* --------------
         Scrolling
    --------------- */

/* Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  min-width: 100% !important;
  width: auto !important;
}
.ui.dropdown .scrolling.menu {
  position: static;
  border: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0 0 0.26666667rem 0.26666667rem !important;
  margin: 0 !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.ui.ui.scrolling.dropdown .menu .item,
.ui.ui.ui.dropdown .scrolling.menu > .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: 767.98px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.4rem;
  }
  .ui.scrolling.resizable.dropdown .menu,
  .ui.dropdown .scrolling.resizable.menu {
    height: 10.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.6rem;
  }
  .ui.scrolling.resizable.dropdown .menu,
  .ui.dropdown .scrolling.resizable.menu {
    height: 15.6rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.8rem;
  }
  .ui.scrolling.resizable.dropdown .menu,
  .ui.dropdown .scrolling.resizable.menu {
    height: 20.8rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.8rem;
  }
  .ui.scrolling.resizable.dropdown .menu,
  .ui.dropdown .scrolling.resizable.menu {
    height: 20.8rem;
  }
}
.ui.scrolling.resizable.dropdown .menu,
.ui.dropdown .scrolling.resizable.menu {
  resize: vertical;
  max-height: none;
}

/* --------------------
            Labeled
    --------------------- */

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + .dropdown {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent;
}

/* Regular Label on Right */
.ui[class*="right labeled"].input > .dropdown:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: transparent !important;
}
.ui[class*="right labeled"].input > .dropdown + .label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* --------------
         Columnar
    --------------- */
.ui.column.dropdown > .menu {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui.dropdown[class*="two column"] > .menu > .item {
  width: 50%;
}
.ui.dropdown[class*="three column"] > .menu > .item {
  width: 33%;
}
.ui.dropdown[class*="four column"] > .menu > .item {
  width: 25%;
}
.ui.dropdown[class*="five column"] > .menu > .item {
  width: 20%;
}

/* --------------
         Simple
    --------------- */

/* Displays without javascript */
.ui.simple.dropdown .menu::before,
.ui.simple.dropdown .menu::after {
  display: none;
}
.ui.simple.dropdown .menu {
  position: absolute;
  
/* IE hack to make dropdown icons appear inline */
  display: -ms-inline-flexbox !important;
  display: block;
  overflow: hidden;
  top: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  margin-top: 0 !important;
}
.ui.simple.dropdown .upward.menu {
  margin-bottom: 1.5em;
}
.ui.simple.selection.dropdown .upward.menu {
  margin-bottom: 2.5em;
}
.ui.menu:not(.vertical) .ui.simple.dropdown.item .upward.menu {
  margin-bottom: 2.8em;
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100%;
  opacity: 1;
}
.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown .menu .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0 !important;
  left: 100%;
  opacity: 1;
}
.ui.simple.selection.active.dropdown > .menu,
.ui.simple.selection.dropdown:hover > .menu,
.ui.simple.selection.dropdown > .menu > .item:active > .menu,
.ui.simple.selection.dropdown .menu .item:hover > .menu {
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
.ui.simple.dropdown > .menu > .item:active > .left.menu,
.ui.simple.dropdown .menu .item:hover > .left.menu,
.right.menu .ui.simple.dropdown > .menu > .item:active > .menu:not(.right),
.right.menu .ui.simple.dropdown > .menu .item:hover > .menu:not(.right) {
  left: auto;
  right: 100%;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0;
  width: 0;
  overflow: hidden;
}

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}

/* Scrolling */
.ui.simple.scrolling.active.dropdown > .menu,
.ui.simple.scrolling.dropdown:hover > .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

/* --------------
          Fluid
    --------------- */
.ui.fluid.dropdown {
  display: block;
  width: 100% !important;
  min-width: 0;
}
.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}

/* --------------
        Floating
    --------------- */
.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.26666667rem !important;
}
.ui:not(.upward).floating.dropdown > .menu {
  margin-top: 0.5em;
}
.ui.upward.floating.dropdown:not(.simple) > .menu {
  margin-bottom: 0.5em;
}

/* --------------
         Pointing
    --------------- */
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.8rem;
  border-radius: 0.26666667rem;
}
.ui.pointing.dropdown > .menu:not(.hidden)::after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: "";
  visibility: visible;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.46666667em;
  height: 0.46666667em;
  -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;
}
@supports selector(:has(.f)) {
  .ui.pointing.dropdown:not(.upward) .menu:has(:first-child:hover)::after,
  .ui.upward.pointing.dropdown .menu:has(:last-child:hover)::after {
    background: #f2f2f2;
  }
  .ui.pointing.dropdown:not(.upward) .menu:has(.selected.item:first-child)::after,
  .ui.upward.pointing.dropdown .menu:has(.selected.item:last-child)::after {
    background: #f7f7f7;
  }
}
.ui.selection.pointing.dropdown > .menu::after {
  -webkit-box-shadow: -1px -1px 0 0 #96c8da;
          box-shadow: -1px -1px 0 0 #96c8da;
}
.ui.pointing.dropdown > .menu:not(.hidden)::after {
  top: -0.23333333em;
  left: 50%;
  margin: 0 0 0 -0.23333333em;
}

/* Top Left Pointing */
.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.23333333em;
  left: 1em;
  right: auto;
  margin: 0;
  -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 0 0;
}
.ui.top.pointing.dropdown > .left.menu::after,
.ui.top.right.pointing.dropdown > .menu::after {
  top: -0.23333333em;
  left: auto !important;
  right: 1em !important;
  margin: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* Left Pointing */
.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.23333333em;
  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.23333333em;
  margin: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/* Right Pointing */
.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.23333333em;
  margin: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/* Bottom Pointing */
.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.23333333em;
  right: auto;
  margin: 0;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0 !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: 0 0 0.8rem;
  border-radius: 0.26666667rem;
}
.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.23333333em 0 0;
}
.ui.selection.pointing.upward.dropdown .menu::after {
  -webkit-box-shadow: 1px 1px 0 0 #96c8da;
          box-shadow: 1px 1px 0 0 #96c8da;
}

/* Right Pointing Upward */
.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);
}

/* Left Pointing Upward */
.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);
}
.ui.floating.dropdown .menu .item:first-child,
.ui.pointing.dropdown .menu .item:first-child {
  border-top-left-radius: 0.26666667rem;
  border-top-right-radius: 0.26666667rem;
}
.ui.floating.dropdown .menu .item:last-child,
.ui.pointing.dropdown .menu .item:last-child {
  border-bottom-left-radius: 0.26666667rem;
  border-bottom-right-radius: 0.26666667rem;
}

/* --------------------
        Sizes
--------------------- */
.ui.dropdown,
.ui.dropdown .menu > .item {
  font-size: 1rem;
}
.ui.ui.mini.dropdown,
.ui.ui.mini.dropdown .menu > .item {
  font-size: 0.8rem;
}
.ui.ui.tiny.dropdown,
.ui.ui.tiny.dropdown .menu > .item {
  font-size: 0.86666667rem;
}
.ui.ui.small.dropdown,
.ui.ui.small.dropdown .menu > .item {
  font-size: 0.93333333rem;
}
.ui.ui.large.dropdown,
.ui.ui.large.dropdown .menu > .item {
  font-size: 1.13333333rem;
}
.ui.ui.big.dropdown,
.ui.ui.big.dropdown .menu > .item {
  font-size: 1.26666667rem;
}
.ui.ui.huge.dropdown,
.ui.ui.huge.dropdown .menu > .item {
  font-size: 1.4rem;
}
.ui.ui.massive.dropdown,
.ui.ui.massive.dropdown .menu > .item {
  font-size: 1.73333333rem;
}

/* --------------
        Inverted
    --------------- */

/* General rules and basic dropdowns */
.ui.dropdown .inverted.menu,
.ui.inverted.dropdown .menu {
  background: #1b1c1d;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.ui.dropdown .inverted.menu > .item,
.ui.inverted.dropdown .menu > .item {
  color: rgba(255, 255, 255, 0.8);
}
.ui.dropdown .inverted.menu .active.item,
.ui.inverted.dropdown .menu .active.item {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.dropdown .inverted.menu > .item:hover,
.ui.inverted.dropdown .menu > .item:hover {
  background: #2d2e2f;
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown.selected,
.ui.dropdown .inverted.menu .selected.item,
.ui.inverted.dropdown .menu .selected.item {
  background: #3d3e3f;
  color: rgba(255, 255, 255, 0.8);
}
.ui.dropdown .inverted.menu > .header,
.ui.inverted.dropdown .menu > .header {
  color: #fff;
}
.ui.inverted.dropdown > .text > .description,
.ui.dropdown .inverted.menu > .item > .description,
.ui.inverted.dropdown .menu > .item > .description {
  color: rgba(255, 255, 255, 0.5);
}
.ui.dropdown .inverted.menu > .divider,
.ui.inverted.dropdown .menu > .divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.ui.dropdown .inverted.scrolling.menu,
.ui.inverted.dropdown .scrolling.menu {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* Selection */
.ui.inverted.selection.dropdown {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #1b1c1d;
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.selection.dropdown:hover {
  border-color: rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.inverted.selection.dropdown input {
  color: #fff;
}
.ui.inverted.selection.visible.dropdown > .text:not(.default) {
  color: rgba(255, 255, 255, 0.9);
}
.ui.selection.simple.dropdown:hover .inverted.menu,
.ui.inverted.selection.simple.dropdown:hover .menu,
.ui.selection.active.dropdown .inverted.menu,
.ui.inverted.selection.active.dropdown .menu,
.ui.inverted.selection.active.dropdown:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.ui.selection.dropdown .inverted.menu > .item,
.ui.inverted.selection.dropdown .menu > .item {
  border-top: 1px solid #242526;
}
.ui.inverted.dropdown:not(.button) > .default.text,
.ui.inverted.default.dropdown:not(.button) > .text {
  color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.dropdown:not(.button) > input:focus ~ .default.text,
.ui.inverted.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(255, 255, 255, 0.7);
}
.ui.inverted.active.search.dropdown input.search:focus + .text i.icon,
.ui.inverted.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}
.ui.inverted.active.search.dropdown input.search:focus + .text {
  color: rgba(255, 255, 255, 0.7);
}
.ui.dropdown .inverted.menu > .message:not(.ui),
.ui.inverted.dropdown .menu > .message:not(.ui) {
  color: rgba(255, 255, 255, 0.5);
}

/* Fixing the border */
.ui.dropdown .inverted.menu > .item:first-child,
.ui.inverted.dropdown .menu > .item:first-child {
  border-top-width: 0;
}

/* Labels */
.ui.inverted.multiple.dropdown > .label {
  background-color: rgba(255, 255, 255, 0.7);
  background-image: none;
  color: #000000;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
}
.ui.inverted.multiple.dropdown > .label:hover {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
  background-image: none;
  color: #000000;
}
.ui.inverted.multiple.dropdown > .label > .close.icon,
.ui.inverted.multiple.dropdown > .label > .delete.icon {
  opacity: 0.6;
}
.ui.inverted.multiple.dropdown > .label > .close.icon:hover,
.ui.inverted.multiple.dropdown > .label > .delete.icon:hover {
  opacity: 0.8;
}

/* Selection for form elements */
.ui.inverted.dropdown textarea::-moz-selection, .ui.inverted.dropdown input::-moz-selection {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown textarea::selection,
.ui.inverted.dropdown input::selection {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}

/* Scrollbars */
.ui.dropdown .inverted.menu::-webkit-scrollbar-track,
.ui.inverted.dropdown .menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb,
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}
.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:window-inactive,
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}
.ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:hover,
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}
.ui.dropdown .inverted.menu,
.ui.inverted.dropdown .menu {
  
/* IE11 */
  scrollbar-face-color: #656565;
  scrollbar-shadow-color: #656565;
  scrollbar-track-color: #323232;
  scrollbar-arrow-color: #323232;
}
@supports (-moz-appearance: none) {
  .ui.dropdown .inverted.menu,
  .ui.inverted.dropdown .menu {
    
/* firefox: first color thumb, second track */
    scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
  }
}
.ui.pointing.dropdown > .inverted.menu::after,
.ui.inverted.pointing.dropdown > .menu::after {
  background: #1b1c1d;
  -webkit-box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
          box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
}
.ui.inverted.upward.pointing.dropdown > .menu::after {
  -webkit-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.15);
          box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.15);
}
@supports selector(:has(.f)) {
  .ui.inverted.pointing.dropdown:not(.upward) .menu:has(:first-child:hover)::after,
  .ui.inverted.upward.pointing.dropdown .menu:has(:last-child:hover)::after {
    background: #2d2e2f;
  }
  .ui.inverted.pointing.dropdown:not(.upward) .menu:has(.selected.item:first-child)::after,
  .ui.inverted.upward.pointing.dropdown .menu:has(.selected.item:last-child)::after {
    background: #3d3e3f;
  }
}


/*******************************
         Theme Overrides
*******************************/


/* Dropdown Carets */
@font-face {
  font-family: Dropdown;
  src: url("data:application/font-woff;base64,d09GRk9UVE8AAASEAAsAAAAABwQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC5AAAAU8AAAHrSr22AUZGVE0AAARQAAAAHAAAAByNrZ/TR0RFRgAABDQAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadXCGNtYXAAAAKEAAAAVAAAAWQFcOKQaGVhZAAAAQgAAAAyAAAANg+j805oaGVhAAABPAAAABsAAAAkAwcBDWhtdHgAAARsAAAAFgAAAB4EAQASbWF4cAAAAVgAAAAGAAAABgAIUABuYW1lAAABpAAAAN8AAAG2rSbAM3Bvc3QAAALYAAAADAAAACAAAwAAeJxjYGRgYADiKjtG3nh+m68M3EwMIHCBwT0CRN9PyHYCUp6Mqox5QJqDASwNAMNOBrgAAHicY2BkYGB88P8BkFRlYACTjAyogB0AWWsDFgAAAFAAAAgAAHicY2Bm+Mg4gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwAUbEMSQAAeJx1zTEKwkAUBNBJjIoKIggW2mwvBEVvIAgiNhY2VjEuQUh2YY2FeACPYOltvIH3cZJ8ywQS3p/d+QEwwAce/o8v9tDGUOzTU3GDXokD+ihuooeHuMX8Je5ijC9bXtCRP1T20Kcq+/RE3KAX4oDeipsYIRa3mD/FXSzxLtZeeGyR8bUwHGObWUvsoZHghhQRHEed3NLI1d+vyw/c43DleZErzBFixli768UaNQ9n9d11OedsJdxiyk0RZ40zsxPu/G7K7k66IUvW5CrRRrso12d1uqtNbHfcF+IHrnU+mwB4nGNgYGBmgGAZBkYGEIgD8hjBfBYGJyDNxcDBwASEjAwKH279//v/P1iVwofrYDbj/8dgPkQvGwMPkGRhYAWy2MHCbEDMxIAXMOOXHvIAAINhDt14nGNgZsALAAB9AAR4nE2Pv0rEQBCHZ3J7d4vGqEcOFaKC/zolZ6OWwmElNj6ClYWmyivcblyzE+RaK8EHsPMxBBtrwUdwA1fobpI7ZWBYfux8fD8ExgAR+fVVcpMkt4AeIAzLLSi3sdzxyt1WucqU31I+25iDtcvej1Kzh99V7+a19NoRPC1GAEsRvCxHwCP87MG8I7WgDRwWoAcrEMGmnT3YT+N0kB7G6Vk8PHLr2K0Tt04HB3FjMhUCQIESM7xDhfeYA3dcz5IZdOAcHuAD14MgeAu+zTNTRV5oTUR5obgZdwpVZFqQzEfKTiaE4JNwEralHGUuErnQNjE2oYxUwS0ldBTSxI3L7cOyKo60ib0lezSl1Rw+GXdq1pQiH03SdzKka4ymosLQTMcedSuIlEJUMqNcUi0jdIP5Ysb++leqLtSI/NWSTS0xq0WyYajQXPSVP/cLitO4NgB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAANAAR1gAAAAA32BrQnicY2BAAEYQVoVghu0MQgwMAAc/ARcAAA==") format("woff");
  font-weight: normal;
  font-style: normal;
}
.ui.dropdown > .dropdown.icon {
  font-family: Dropdown;
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.ui.dropdown > .dropdown.icon {
  width: auto;
}
.ui.dropdown > .dropdown.icon::before {
  content: "\f0d7";
}

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon::before {
  content: "\f0da" 
/* rtl: "\f0d9" */;
}
.ui.dropdown .item .left.dropdown.icon::before,
.ui.dropdown .left.menu .item .dropdown.icon::before {
  content: "\f0d9" /*rtl: "\f0da" */;
}

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon::before {
  content: "\f0da" 
/* rtl: "\f0d9" */;
}
/* Icons for Reference
.dropdown.down.icon {
  content: "\f0d7";
}
.dropdown.up.icon {
  content: "\f0d8";
}
.dropdown.left.icon {
  content: "\f0d9";
}
.dropdown.icon.icon {
  content: "\f0da";
}
*/
/*!
 * # Fomantic-UI 2.9.4 - Transition
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://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;
}

/* Pulsating */
.pulsating.transition {
  -webkit-animation-name: pulsating;
          animation-name: pulsating;
  -webkit-animation-duration: 2000ms;
          animation-duration: 2000ms;
  -webkit-box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5);
          box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5);
}
.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
@-webkit-keyframes pulsating {
  100% {
    -webkit-box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
  }
}
@keyframes pulsating {
  100% {
    -webkit-box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0.8rem rgba(255, 255, 255, 0);
  }
}
.primary.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
          box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
}
.primary.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
          box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
}
.secondary.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
          box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
}
.secondary.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
          box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
}
.red.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(219, 40, 40, 0.5);
          box-shadow: 0 0 0 0 rgba(219, 40, 40, 0.5);
}
.red.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 105, 94, 0.7);
          box-shadow: 0 0 0 0 rgba(255, 105, 94, 0.7);
}
.orange.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(242, 113, 28, 0.5);
          box-shadow: 0 0 0 0 rgba(242, 113, 28, 0.5);
}
.orange.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 133, 27, 0.7);
          box-shadow: 0 0 0 0 rgba(255, 133, 27, 0.7);
}
.yellow.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(251, 189, 8, 0.5);
          box-shadow: 0 0 0 0 rgba(251, 189, 8, 0.5);
}
.yellow.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 226, 31, 0.7);
          box-shadow: 0 0 0 0 rgba(255, 226, 31, 0.7);
}
.olive.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(181, 204, 24, 0.5);
          box-shadow: 0 0 0 0 rgba(181, 204, 24, 0.5);
}
.olive.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(217, 231, 120, 0.7);
          box-shadow: 0 0 0 0 rgba(217, 231, 120, 0.7);
}
.green.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(33, 186, 69, 0.5);
          box-shadow: 0 0 0 0 rgba(33, 186, 69, 0.5);
}
.green.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(46, 204, 64, 0.7);
          box-shadow: 0 0 0 0 rgba(46, 204, 64, 0.7);
}
.teal.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 181, 173, 0.5);
          box-shadow: 0 0 0 0 rgba(0, 181, 173, 0.5);
}
.teal.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(109, 255, 255, 0.7);
          box-shadow: 0 0 0 0 rgba(109, 255, 255, 0.7);
}
.blue.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
          box-shadow: 0 0 0 0 rgba(33, 133, 208, 0.5);
}
.blue.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
          box-shadow: 0 0 0 0 rgba(84, 200, 255, 0.7);
}
.violet.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(100, 53, 201, 0.5);
          box-shadow: 0 0 0 0 rgba(100, 53, 201, 0.5);
}
.violet.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(162, 145, 251, 0.7);
          box-shadow: 0 0 0 0 rgba(162, 145, 251, 0.7);
}
.purple.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(163, 51, 200, 0.5);
          box-shadow: 0 0 0 0 rgba(163, 51, 200, 0.5);
}
.purple.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(220, 115, 255, 0.7);
          box-shadow: 0 0 0 0 rgba(220, 115, 255, 0.7);
}
.pink.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(224, 57, 151, 0.5);
          box-shadow: 0 0 0 0 rgba(224, 57, 151, 0.5);
}
.pink.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(255, 142, 223, 0.7);
          box-shadow: 0 0 0 0 rgba(255, 142, 223, 0.7);
}
.brown.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(165, 103, 63, 0.5);
          box-shadow: 0 0 0 0 rgba(165, 103, 63, 0.5);
}
.brown.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(214, 124, 28, 0.7);
          box-shadow: 0 0 0 0 rgba(214, 124, 28, 0.7);
}
.grey.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.5);
          box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.5);
}
.grey.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(220, 221, 222, 0.7);
          box-shadow: 0 0 0 0 rgba(220, 221, 222, 0.7);
}
.black.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
          box-shadow: 0 0 0 0 rgba(27, 28, 29, 0.5);
}
.black.inverted.pulsating.transition {
  -webkit-box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
          box-shadow: 0 0 0 0 rgba(84, 84, 84, 0.7);
}


/*******************************
          Transitions
*******************************/

/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/

/* --------------
         Browse
    --------------- */
.transition.browse {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.transition.browse.in {
  -webkit-animation-name: browseIn;
          animation-name: browseIn;
}
.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
          animation-name: browseOutLeft;
}
.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
          animation-name: browseOutRight;
}

/* In */
@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0);
            transform: scale(0.8) translateZ(0);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0);
            transform: scale(0.8) translateZ(0);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0);
            transform: scale(1.05) translateZ(0);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
    z-index: 999;
  }
}
@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0);
            transform: scale(0.8) translateZ(0);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0);
            transform: scale(0.8) translateZ(0);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0);
            transform: scale(1.05) translateZ(0);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
    z-index: 999;
  }
}

/* Out */
@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0);
            transform: translateX(0) rotateY(0) rotateX(0);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
            transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0);
            transform: translateX(0) rotateY(0) rotateX(0);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
            transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    opacity: 0;
  }
}
@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0);
            transform: translateX(0) rotateY(0) rotateX(0);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
            transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0);
            transform: translateX(0) rotateY(0) rotateX(0);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
            transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
            transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    opacity: 0;
  }
}

/* --------------
         Drop
    --------------- */
.drop.transition {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
          animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}
.drop.transition.in {
  -webkit-animation-name: dropIn;
          animation-name: dropIn;
}
.drop.transition.out {
  -webkit-animation-name: dropOut;
          animation-name: dropOut;
}

/* Drop */
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

/* --------------
          Fade
    --------------- */
.transition.fade.in {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.transition.fade.out {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}
.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

/* In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/* Out */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
}

/* --------------
         Flips
    --------------- */
.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
}
.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
          animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
          animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
          animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
          animation-name: verticalFlipOut;
}

/* In */
@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
            transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0);
            transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
            transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0);
            transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0);
            transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0);
            transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}

/* Out */
@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0);
            transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
            transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0);
            transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
            transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0);
            transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0);
            transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
            transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}

/* --------------
          Scale
    --------------- */
.scale.transition.in {
  -webkit-animation-name: scaleIn;
          animation-name: scaleIn;
}
.scale.transition.out {
  -webkit-animation-name: scaleOut;
          animation-name: scaleOut;
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Out */
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

/* --------------
          Fly
    --------------- */

/* Inward */
.transition.fly {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
  -webkit-animation-name: flyIn;
          animation-name: flyIn;
}
.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
          animation-name: flyInUp;
}
.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
          animation-name: flyInDown;
}
.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
          animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
          animation-name: flyInRight;
}

/* Outward */
.transition.fly.out {
  -webkit-animation-name: flyOut;
          animation-name: flyOut;
}
.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
          animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
          animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
          animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
          animation-name: flyOutRight;
}

/* In */
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
            transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
            transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
            transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
            transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
            transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
            transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
            transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
            transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

/* Out */
@-webkit-keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

/* --------------
         Slide
    --------------- */
.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
          animation-name: slideInY;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
          animation-name: slideInY;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
          animation-name: slideInX;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
          animation-name: slideInX;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
          animation-name: slideOutY;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
          animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
          animation-name: slideOutX;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
          animation-name: slideOutX;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

/* In */
@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

/* Out */
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

/* --------------
         Swing
    --------------- */
.transition.swing {
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
}
.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
          animation-name: swingInX;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
          animation-name: swingInX;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
          animation-name: swingInY;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
          animation-name: swingInY;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
          animation-name: swingOutX;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
          animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
          animation-name: swingOutY;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
          animation-name: swingOutY;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

/* In */
@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
            transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0);
            transform: perspective(1000px) rotateX(0);
  }
}
@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
            transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0);
            transform: perspective(1000px) rotateX(0);
  }
}
@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
            transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0);
            transform: perspective(1000px) rotateY(0);
  }
}
@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
            transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0);
            transform: perspective(1000px) rotateY(0);
  }
}

/* Out */
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0);
            transform: perspective(1000px) rotateX(0);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
            transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0);
            transform: perspective(1000px) rotateX(0);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
            transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
            transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
            transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
            transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0);
            transform: perspective(1000px) rotateY(0);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
            transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0);
            transform: perspective(1000px) rotateY(0);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
            transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
            transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
            transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
            transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}

/* --------------
          Zoom
    --------------- */
.transition.zoom.in {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}
.transition.zoom.out {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}


/*******************************
       Static Animations
*******************************/


/* --------------
    Emphasis
--------------- */
.flash.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: flash;
          animation-name: flash;
}
.shake.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: shake;
          animation-name: shake;
}
.bounce.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: bounce;
          animation-name: bounce;
}
.tada.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: tada;
          animation-name: tada;
}
.pulse.transition {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-name: pulse;
          animation-name: pulse;
}
.jiggle.transition {
  -webkit-animation-duration: 750ms;
          animation-duration: 750ms;
  -webkit-animation-name: jiggle;
          animation-name: jiggle;
}
.transition.glow {
  -webkit-animation-duration: 2000ms;
          animation-duration: 2000ms;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.transition.glow {
  -webkit-animation-name: glow;
          animation-name: glow;
}

/* Flash */
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

/* Shake */
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

/* Bounce */
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

/* Tada */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}

/* Pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* Jiggle */
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/* Glow */
@-webkit-keyframes glow {
  0% {
    background-color: #fcfcfd;
  }
  30% {
    background-color: #fff6cd;
  }
  100% {
    background-color: #fcfcfd;
  }
}
@keyframes glow {
  0% {
    background-color: #fcfcfd;
  }
  30% {
    background-color: #fff6cd;
  }
  100% {
    background-color: #fcfcfd;
  }
}

.nc-dropdown .menu {
	overflow-y: auto;
}
.nc-multi-dropdown {
	display: inline-block !important;
	padding-left: 0.55em !important;
	padding-right: 0.25em !important;
}
.nc-multi-dropdown-icon {
	margin-left: 6px;
	color: darkgrey;
	transition: color 0.15s ease-in;
}
.nc-multi-dropdown-icon:hover {
	color: grey;
	transition: color 0.15s ease-in;
}
.nc-dropdown {
	width: 100%;
	min-width: 6em;
}
.nc-dropdown-search {
	min-width: 5.5em;
}
.ui.search.selection.dropdown > input.search {
	padding-right: 0.25em;
	/* padding: 0.55952381em 2.86666667em 0.55952381em 0.66666667em; */
}
/*!
 * # Fomantic-UI 2.9.4 - Button
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://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: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0 0.25em 0 0;
  padding: 0.66666667em 1.5em 0.66666667em;
  text-transform: none;
  text-shadow: none;
  font-weight: 500;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 0.26666667rem;
  -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: auto;
  -webkit-tap-highlight-color: transparent;
}


/*******************************
            States
*******************************/


/* --------------
      Hover
--------------- */
.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;
}

/* --------------
      Focus
--------------- */
.ui.button:focus {
  background-color: #cacbcd;
  color: rgba(0, 0, 0, 0.8);
  background-image: none;
  -webkit-box-shadow: "";
          box-shadow: "";
}
.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: none;
          box-shadow: none;
}

/* --------------
     Active
--------------- */
.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;
}

/* --------------
        Loading
    --------------- */

/* Specificity hack */
.ui.ui.ui.ui.ui.ui.loading.button {
  position: relative;
  cursor: default;
  text-shadow: none !important;
  color: transparent;
  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.63333333em 0 0 -0.63333333em;
  width: 1.26666667em;
  height: 1.26666667em;
  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.63333333em 0 0 -0.63333333em;
  width: 1.26666667em;
  height: 1.26666667em;
  border-radius: 500rem;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid currentColor;
  color: #fff;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
}
.ui.ui.ui.loading.button .label {
  background-color: transparent;
  border-color: transparent;
  color: transparent;
}
.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.basic.loading.button:not(.inverted)::before {
  border-color: rgba(0, 0, 0, 0.1);
}
.ui.basic.loading.button:not(.inverted)::after {
  border-color: #767676;
}

/* -------------------
          Disabled
    -------------------- */
.ui.buttons .disabled.button:not(.basic),
.ui.disabled.button,
.ui.button:disabled,
.ui.disabled.button:hover,
.ui.disabled.active.button {
  cursor: default;
  opacity: 0.45 !important;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  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: 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%;
}

/* 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: 0 0 0 2px #fff inset;
          box-shadow: 0 0 0 2px #fff inset;
  background: transparent none;
  color: #fff;
  text-shadow: none !important;
}

/* Group */
.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;
}

/* States */

/* Hover */
.ui.inverted.button:hover {
  background: #fff;
  -webkit-box-shadow: 0 0 0 2px #fff inset;
          box-shadow: 0 0 0 2px #fff inset;
  color: rgba(0, 0, 0, 0.8);
}

/* Active / Focus */
.ui.inverted.button:focus,
.ui.inverted.button.active {
  background: #fff;
  -webkit-box-shadow: 0 0 0 2px #fff inset;
          box-shadow: 0 0 0 2px #fff inset;
  color: rgba(0, 0, 0, 0.8);
}

/* Active Focus */
.ui.inverted.button.active:focus {
  background: #dcddde;
  -webkit-box-shadow: 0 0 0 2px #dcddde inset;
          box-shadow: 0 0 0 2px #dcddde inset;
  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;
  padding: 0 !important;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.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;
  font-size: 1em;
  padding: "";
  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: 0;
  border-bottom-right-radius: 0;
}
.ui.labeled.button:not([class*="left labeled"]) > .label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Left Side */
.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;
}

/* -------------------
           Social
    -------------------- */

/* Facebook */
.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;
}

/* Twitter */
.ui.twitter.button {
  background-color: #1da1f2;
  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: #0298f3;
  color: #fff;
  text-shadow: none;
}
.ui.twitter.button:active {
  background-color: #0c85d0;
  color: #fff;
  text-shadow: none;
}

/* Google Plus */
.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;
}

/* Linked In */
.ui.linkedin.button {
  background-color: #0077b5;
  color: #fff;
  text-shadow: none;
}
.ui.linkedin.button:hover {
  background-color: #00669c;
  color: #fff;
  text-shadow: none;
}
.ui.linkedin.button:active {
  background-color: #005582;
  color: #fff;
  text-shadow: none;
}

/* YouTube */
.ui.youtube.button {
  background-color: #f00;
  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: #cc0000;
  color: #fff;
  text-shadow: none;
}

/* Instagram */
.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;
}

/* Pinterest */
.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;
}

/* VK */
.ui.vk.button {
  background-color: #45668e;
  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: #395980;
  color: #fff;
}
.ui.vk.button:active {
  background-color: #344d6c;
  color: #fff;
}

/* WhatsApp */
.ui.whatsapp.button {
  background-color: #25d366;
  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.whatsapp.button:hover {
  background-color: #19c55a;
  color: #fff;
}
.ui.whatsapp.button:active {
  background-color: #1da851;
  color: #fff;
}

/* Telegram */
.ui.telegram.button {
  background-color: #08c;
  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.telegram.button:hover {
  background-color: #0077b3;
  color: #fff;
}
.ui.telegram.button:active {
  background-color: #006699;
  color: #fff;
}

/* --------------
     Icon
--------------- */
.ui.button > .icon:not(.button) {
  height: auto;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  color: "";
}
.ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
.ui.button:not(.icon) > .icons:not(.button):not(.dropdown) {
  margin: 0 0.4em 0 -0.2em;
  vertical-align: baseline;
}
.ui.button:not(.icon) > .icons:not(.button):not(.dropdown) > .icon {
  vertical-align: baseline;
}
.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
  margin: 0 -0.2em 0 0.4em;
}


/*******************************
           Variations
*******************************/


/* --------------
       Stackable
    --------------- */

/* Tablet Or Below */
@media only screen and (max-width: 767.98px) {
  .ui.stackable.buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .ui.stackable.buttons .button:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.26666667rem;
  }
  .ui.stackable.buttons .button:last-child {
    border-bottom-left-radius: 0.26666667rem;
    border-top-right-radius: 0;
  }
  .ui.stackable.buttons .button:only-child {
    border-radius: 0.26666667rem;
  }
}

/* -------------------
           Floated
    -------------------- */
.ui[class*="left floated"].buttons,
.ui[class*="left floated"].button {
  float: left;
  margin-left: 0;
  margin-right: 0.25em;
}
.ui[class*="right floated"].buttons,
.ui[class*="right floated"].button {
  float: right;
  margin-right: 0;
  margin-left: 0.25em;
}

/* -------------------
           Compact
    -------------------- */
.ui.compact.buttons .button,
.ui.compact.button {
  padding: 0.5em 1.125em 0.5em;
}
.ui.compact.icon.buttons .button,
.ui.compact.icon.button {
  padding: 0.5em 0.5em 0.5em;
}
.ui.compact.labeled.icon.buttons .button,
.ui.compact.labeled.icon.button {
  padding: 0.5em 3.45833333em 0.5em;
}
.ui.compact.labeled.icon.buttons .button > .icon,
.ui.compact.labeled.icon.button > .icon {
  padding: 0.5em 0;
}

/* -------------------
        Sizes
-------------------- */
.ui.buttons .button,
.ui.buttons .or,
.ui.button {
  font-size: 1rem;
}
.ui.mini.buttons .dropdown,
.ui.mini.buttons .dropdown .menu > .item,
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.ui.ui.ui.mini.button {
  font-size: 0.8rem;
}
.ui.tiny.buttons .dropdown,
.ui.tiny.buttons .dropdown .menu > .item,
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.ui.ui.ui.tiny.button {
  font-size: 0.86666667rem;
}
.ui.small.buttons .dropdown,
.ui.small.buttons .dropdown .menu > .item,
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.ui.ui.ui.small.button {
  font-size: 0.93333333rem;
}
.ui.large.buttons .dropdown,
.ui.large.buttons .dropdown .menu > .item,
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.ui.ui.ui.large.button {
  font-size: 1.13333333rem;
}
.ui.big.buttons .dropdown,
.ui.big.buttons .dropdown .menu > .item,
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.ui.ui.ui.big.button {
  font-size: 1.26666667rem;
}
.ui.huge.buttons .dropdown,
.ui.huge.buttons .dropdown .menu > .item,
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.ui.ui.ui.huge.button {
  font-size: 1.4rem;
}
.ui.massive.buttons .dropdown,
.ui.massive.buttons .dropdown .menu > .item,
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.ui.ui.ui.massive.button {
  font-size: 1.73333333rem;
}

/* --------------
        Icon Only
    --------------- */
.ui.icon.buttons .button,
.ui.icon.button:not(.animated):not(.compact):not(.labeled) {
  padding: 0.66666667em 0.66666667em 0.66666667em;
}
.ui.animated.icon.button > .content > .icon,
.ui.icon.buttons .button > .icon,
.ui.icon.button > .icon {
  opacity: 0.9;
  margin: 0 !important;
  vertical-align: top;
}
.ui.animated.button > .content > .icon {
  vertical-align: top;
}

/* -------------------
            Basic
    -------------------- */
.ui.basic.buttons .button,
.ui.basic.button {
  background: transparent none;
  color: rgba(0, 0, 0, 0.6);
  font-weight: normal;
  border-radius: 0.26666667rem;
  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.26666667rem;
  border-right: none;
}
.ui.basic.buttons .button {
  border-radius: 0;
}
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  -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.buttons .button:focus,
.ui.basic.button:focus {
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  -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.buttons .button:active,
.ui.basic.button:active {
  background: #f8f8f8;
  color: rgba(0, 0, 0, 0.9);
  -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.buttons .active.button,
.ui.basic.active.button {
  background: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: "";
          box-shadow: "";
  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: 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.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;
          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.buttons .active.button {
  -webkit-box-shadow: "";
          box-shadow: "";
}

/* Standard Basic Inverted */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
  background-color: transparent;
  color: #f9fafb;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
}
.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
          box-shadow: 0 0 0 2px #ffffff inset;
}
.ui.basic.inverted.buttons .button:focus,
.ui.basic.inverted.button:focus {
  color: #fff;
  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
          box-shadow: 0 0 0 2px #ffffff inset;
}
.ui.basic.inverted.buttons .button:active,
.ui.basic.inverted.button:active {
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
}
.ui.basic.inverted.buttons .active.button,
.ui.basic.inverted.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.buttons .active.button:hover,
.ui.basic.inverted.active.button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0 0 0 2px #ffffff inset;
          box-shadow: 0 0 0 2px #ffffff inset;
}

/* Basic Group */
.ui.basic.buttons:not(.inverted) .button:not(.basic) {
  border-right: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.basic.vertical.buttons .button {
  border-left: none;
  border-left-width: 0;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.basic.vertical.buttons:not(.spaced):not(.circular) .button:first-child {
  border-top: none;
}

/* -------------------
           Tertiary
    -------------------- */

/* Overline Mixin */
.ui.tertiary.button {
  -webkit-transition: color 0.1s ease !important;
  transition: color 0.1s ease !important;
  border-radius: 0;
  margin: 0.16666667em 0.25em 0.16666667em 0 !important;
  padding: 0.5em 0.5em !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
  background: none;
}
.ui.tertiary.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #666666;
          box-shadow: inset 0 -0.2em 0 #666666;
  color: #333333;
  background: none;
}
.ui.tertiary.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #666666;
          box-shadow: inset 0 -0.2em 0 #666666;
  color: #333333;
  background: none;
}
.ui.tertiary.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #999999;
          box-shadow: inset 0 -0.2em 0 #999999;
  border-radius: 0.26666667rem 0.26666667rem 0 0;
  color: #666666;
  background: none;
}

/* --------------
      Labeled Icon
    --------------- */
.ui.labeled.icon.buttons .button,
.ui.labeled.icon.button {
  position: relative;
  padding-left: 3.83333333em !important;
  padding-right: 1.5em !important;
}

/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  line-height: 1;
  border-radius: 0;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  text-align: center;
  -webkit-animation: none;
          animation: none;
  padding: 0.66666667em 0;
  margin: 0;
  width: 2.33333333em;
  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;
}

/* Right Labeled */
.ui[class*="right labeled"].icon.button {
  padding-right: 3.83333333em !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.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: relative;
  width: 100%;
  top: 0;
  text-align: center;
}
.ui.labeled.icon.buttons .button > .icon {
  border-radius: 0;
}
.ui.labeled.icon.buttons .button:first-child > .icon {
  border-top-left-radius: 0.26666667rem;
  border-bottom-left-radius: 0.26666667rem;
}
.ui.labeled.icon.buttons .button:last-child > .icon {
  border-top-right-radius: 0.26666667rem;
  border-bottom-right-radius: 0.26666667rem;
}
.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
  border-radius: 0;
  border-top-left-radius: 0.26666667rem;
}
.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
  border-radius: 0;
  border-bottom-left-radius: 0.26666667rem;
}

/* Loading Icon in Labeled Button */
.ui.labeled.icon.button > .loading.icon::before {
  -webkit-animation: loader 2s linear infinite;
          animation: loader 2s linear infinite;
}

/* --------------
         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;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
  color: #fff;
}
.ui.button.toggle.active:hover {
  background-color: #16ab39;
  text-shadow: none;
  color: #fff;
}

/* --------------
        Circular
    --------------- */
.ui.ui.circular.buttons .button,
.ui.ui.ui.ui.circular.button {
  border-radius: 10em;
  min-width: 2.5em;
}
.ui.circular.buttons .button > .icon,
.ui.circular.button > .icon {
  width: 1em;
  vertical-align: baseline;
}
.ui.circular.buttons:not(.vertical):not(.spaced) .button {
  margin-right: 0.25em;
}
.ui.vertical.circular.buttons .button {
  margin-bottom: 0.25em;
}
.ui.circular.basic.buttons {
  border: none;
}
.ui.circular.basic.buttons .button {
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.circular.basic.buttons .button.basic {
  border: none;
}

/* -------------------
          Or Buttons
    -------------------- */
.ui.buttons .or {
  position: relative;
  width: 0.3em;
  height: 2.33333333em;
  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.83333333em;
  margin-left: -0.83333333em;
  width: 1.66666667em;
  height: 1.66666667em;
  line-height: 1.66666667em;
  color: rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-weight: 500;
  -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);
}

/* Fluid Or */
.ui.fluid.buttons .or {
  width: 0 !important;
}
.ui.fluid.buttons .or::after {
  display: none;
}

/* -------------------
           Attached
    -------------------- */

/* Singular */
.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);
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
}

/* Top / Bottom */
.ui.attached.top.button {
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}
.ui.attached.bottom.button {
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}

/* Left / Right */
.ui.left.attached.button {
  display: inline-block;
  border-left: none;
  text-align: right;
  padding-right: 0.75em;
  border-radius: 0.26666667rem 0 0 0.26666667rem;
}
.ui.right.attached.button {
  display: inline-block;
  text-align: left;
  padding-left: 0.75em;
  border-radius: 0 0.26666667rem 0.26666667rem 0;
}

/* Plural */
.ui.attached.buttons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0;
  width: auto !important;
  z-index: auto;
  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;
}

/* Top / Bottom */
.ui[class*="top attached"].buttons {
  margin-bottom: 0;
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}
.ui[class*="top attached"].buttons .button:first-child {
  border-radius: 0.26666667rem 0 0 0;
}
.ui[class*="top attached"].buttons .button:last-child {
  border-radius: 0 0.26666667rem 0 0;
}
.ui[class*="bottom attached"].buttons {
  margin-top: -1px;
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}
.ui[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0 0 0 0.26666667rem;
}
.ui[class*="bottom attached"].buttons .button:last-child {
  border-radius: 0 0 0.26666667rem 0;
}

/* Left / Right */
.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.26666667rem 0.26666667rem 0;
}
.ui[class*="left attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0 0.26666667rem 0 0;
}
.ui[class*="left attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0 0 0.26666667rem 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.26666667rem 0 0 0.26666667rem;
}
.ui[class*="right attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0.26666667rem 0 0 0;
}
.ui[class*="right attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0 0 0 0.26666667rem;
}

/* -------------------
            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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.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
-------------------- */
.ui.primary.buttons .button,
.ui.primary.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.buttons .button:hover,
.ui.primary.button:hover {
  background-color: #1678c2;
  color: #fff;
  text-shadow: none;
}
.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
  background-color: #0d71bb;
  color: #fff;
  text-shadow: none;
}
.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: #1a69a4;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #2185d0 inset;
          box-shadow: 0 0 0 1px #2185d0 inset;
  color: #2185d0;
}
.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
          box-shadow: 0 0 0 1px #1678c2 inset;
  color: #1678c2;
}
.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
          box-shadow: 0 0 0 1px #0d71bb inset;
  color: #1678c2;
}
.ui.basic.primary.buttons .active.button,
.ui.basic.primary.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
          box-shadow: 0 0 0 1px #1279c6 inset;
  color: #1a69a4;
}
.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
  -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
          box-shadow: 0 0 0 1px #1a69a4 inset;
  color: #1a69a4;
}

/* Inverted */
.ui.inverted.primary.buttons .button,
.ui.inverted.primary.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #54c8ff inset;
          box-shadow: 0 0 0 2px #54c8ff inset;
  color: #54c8ff;
}
.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover,
.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus,
.ui.inverted.primary.buttons .button.active,
.ui.inverted.primary.button.active,
.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover {
  background-color: #21b8ff;
}
.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus {
  background-color: #2bbbff;
}
.ui.inverted.primary.buttons .active.button,
.ui.inverted.primary.active.button {
  background-color: #3ac0ff;
}
.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  background-color: #21b8ff;
}

/* Inverted Basic */
.ui.inverted.primary.basic.buttons .button,
.ui.inverted.primary.buttons .basic.button,
.ui.inverted.primary.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.primary.basic.buttons .button:hover,
.ui.inverted.primary.buttons .basic.button:hover,
.ui.inverted.primary.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
          box-shadow: 0 0 0 2px #21b8ff inset;
  color: #54c8ff;
}
.ui.inverted.primary.basic.buttons .button:focus,
.ui.inverted.primary.basic.buttons .button:focus,
.ui.inverted.primary.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
          box-shadow: 0 0 0 2px #2bbbff inset;
  color: #54c8ff;
}
.ui.inverted.primary.basic.buttons .active.button,
.ui.inverted.primary.buttons .basic.active.button,
.ui.inverted.primary.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
          box-shadow: 0 0 0 2px #3ac0ff inset;
  color: #54c8ff;
}
.ui.inverted.primary.basic.buttons .button:active,
.ui.inverted.primary.buttons .basic.button:active,
.ui.inverted.primary.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
          box-shadow: 0 0 0 2px #21b8ff inset;
  color: #54c8ff;
}

/* Tertiary */
.ui.tertiary.primary.buttons .button,
.ui.tertiary.primary.buttons .tertiary.button,
.ui.tertiary.primary.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2185d0;
}
.ui.tertiary.primary.buttons .button:hover,
.ui.tertiary.primary.buttons button:hover,
.ui.tertiary.primary.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
          box-shadow: inset 0 -0.2em 0 #2b75ac;
  color: #2b75ac;
}
.ui.tertiary.primary.buttons .button:focus,
.ui.tertiary.primary.buttons .tertiary.button:focus,
.ui.tertiary.primary.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
          box-shadow: inset 0 -0.2em 0 #216ea7;
  color: #216ea7;
}
.ui.tertiary.primary.buttons .active.button,
.ui.tertiary.primary.buttons .tertiary.active.button,
.ui.tertiary.primary.active.button,
.ui.tertiary.primary.buttons .button:active,
.ui.tertiary.primary.buttons .tertiary.button:active,
.ui.tertiary.primary.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
          box-shadow: inset 0 -0.2em 0 #007bd8;
  color: #1279c6;
}
.ui.secondary.buttons .button,
.ui.secondary.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.buttons .button:hover,
.ui.secondary.button:hover {
  background-color: #27292a;
  color: #fff;
  text-shadow: none;
}
.ui.secondary.buttons .button:focus,
.ui.secondary.button:focus {
  background-color: #2e3032;
  color: #fff;
  text-shadow: none;
}
.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
  background-color: #343637;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.secondary.buttons .button,
.ui.basic.secondary.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1b1c1d inset;
          box-shadow: 0 0 0 1px #1b1c1d inset;
  color: #1b1c1d;
}
.ui.basic.secondary.buttons .button:hover,
.ui.basic.secondary.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #27292a inset;
          box-shadow: 0 0 0 1px #27292a inset;
  color: #27292a;
}
.ui.basic.secondary.buttons .button:focus,
.ui.basic.secondary.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #2e3032 inset;
          box-shadow: 0 0 0 1px #2e3032 inset;
  color: #27292a;
}
.ui.basic.secondary.buttons .active.button,
.ui.basic.secondary.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #27292a inset;
          box-shadow: 0 0 0 1px #27292a inset;
  color: #343637;
}
.ui.basic.secondary.buttons .button:active,
.ui.basic.secondary.button:active {
  -webkit-box-shadow: 0 0 0 1px #343637 inset;
          box-shadow: 0 0 0 1px #343637 inset;
  color: #343637;
}

/* Inverted */
.ui.inverted.secondary.buttons .button,
.ui.inverted.secondary.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #545454 inset;
          box-shadow: 0 0 0 2px #545454 inset;
  color: #545454;
}
.ui.inverted.secondary.buttons .button:hover,
.ui.inverted.secondary.button:hover,
.ui.inverted.secondary.buttons .button:focus,
.ui.inverted.secondary.button:focus,
.ui.inverted.secondary.buttons .button.active,
.ui.inverted.secondary.button.active,
.ui.inverted.secondary.buttons .button:active,
.ui.inverted.secondary.button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
.ui.inverted.secondary.buttons .button:hover,
.ui.inverted.secondary.button:hover {
  background-color: #6e6e6e;
}
.ui.inverted.secondary.buttons .button:focus,
.ui.inverted.secondary.button:focus {
  background-color: #686868;
}
.ui.inverted.secondary.buttons .active.button,
.ui.inverted.secondary.active.button {
  background-color: #616161;
}
.ui.inverted.secondary.buttons .button:active,
.ui.inverted.secondary.button:active {
  background-color: #6e6e6e;
}

/* Inverted Basic */
.ui.inverted.secondary.basic.buttons .button,
.ui.inverted.secondary.buttons .basic.button,
.ui.inverted.secondary.basic.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.secondary.basic.buttons .button:hover,
.ui.inverted.secondary.buttons .basic.button:hover,
.ui.inverted.secondary.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
          box-shadow: 0 0 0 2px #6e6e6e inset;
  color: #545454;
}
.ui.inverted.secondary.basic.buttons .button:focus,
.ui.inverted.secondary.basic.buttons .button:focus,
.ui.inverted.secondary.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #686868 inset;
          box-shadow: 0 0 0 2px #686868 inset;
  color: #545454;
}
.ui.inverted.secondary.basic.buttons .active.button,
.ui.inverted.secondary.buttons .basic.active.button,
.ui.inverted.secondary.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #616161 inset;
          box-shadow: 0 0 0 2px #616161 inset;
  color: #545454;
}
.ui.inverted.secondary.basic.buttons .button:active,
.ui.inverted.secondary.buttons .basic.button:active,
.ui.inverted.secondary.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
          box-shadow: 0 0 0 2px #6e6e6e inset;
  color: #545454;
}

/* Tertiary */
.ui.tertiary.secondary.buttons .button,
.ui.tertiary.secondary.buttons .tertiary.button,
.ui.tertiary.secondary.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #1b1c1d;
}
.ui.tertiary.secondary.buttons .button:hover,
.ui.tertiary.secondary.buttons button:hover,
.ui.tertiary.secondary.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #292929;
          box-shadow: inset 0 -0.2em 0 #292929;
  color: #292929;
}
.ui.tertiary.secondary.buttons .button:focus,
.ui.tertiary.secondary.buttons .tertiary.button:focus,
.ui.tertiary.secondary.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #303030;
          box-shadow: inset 0 -0.2em 0 #303030;
  color: #303030;
}
.ui.tertiary.secondary.buttons .active.button,
.ui.tertiary.secondary.buttons .tertiary.active.button,
.ui.tertiary.secondary.active.button,
.ui.tertiary.secondary.buttons .button:active,
.ui.tertiary.secondary.buttons .tertiary.button:active,
.ui.tertiary.secondary.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #1f2933;
          box-shadow: inset 0 -0.2em 0 #1f2933;
  color: #27292a;
}
.ui.red.buttons .button,
.ui.red.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.buttons .button:hover,
.ui.red.button:hover {
  background-color: #d01919;
  color: #fff;
  text-shadow: none;
}
.ui.red.buttons .button:focus,
.ui.red.button:focus {
  background-color: #ca1010;
  color: #fff;
  text-shadow: none;
}
.ui.red.buttons .button:active,
.ui.red.button:active {
  background-color: #b21e1e;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.red.buttons .button,
.ui.basic.red.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #db2828 inset;
          box-shadow: 0 0 0 1px #db2828 inset;
  color: #db2828;
}
.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #d01919 inset;
          box-shadow: 0 0 0 1px #d01919 inset;
  color: #d01919;
}
.ui.basic.red.buttons .button:focus,
.ui.basic.red.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
          box-shadow: 0 0 0 1px #ca1010 inset;
  color: #d01919;
}
.ui.basic.red.buttons .active.button,
.ui.basic.red.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #d41515 inset;
          box-shadow: 0 0 0 1px #d41515 inset;
  color: #b21e1e;
}
.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
  -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
          box-shadow: 0 0 0 1px #b21e1e inset;
  color: #b21e1e;
}

/* Inverted */
.ui.inverted.red.buttons .button,
.ui.inverted.red.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #ff695e inset;
          box-shadow: 0 0 0 2px #ff695e inset;
  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;
          box-shadow: none;
  color: #fff;
}
.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover {
  background-color: #ff392b;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.red.basic.buttons .button:hover,
.ui.inverted.red.buttons .basic.button:hover,
.ui.inverted.red.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #ff392b inset;
          box-shadow: 0 0 0 2px #ff392b inset;
  color: #ff695e;
}
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #ff4335 inset;
          box-shadow: 0 0 0 2px #ff4335 inset;
  color: #ff695e;
}
.ui.inverted.red.basic.buttons .active.button,
.ui.inverted.red.buttons .basic.active.button,
.ui.inverted.red.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #ff5144 inset;
          box-shadow: 0 0 0 2px #ff5144 inset;
  color: #ff695e;
}
.ui.inverted.red.basic.buttons .button:active,
.ui.inverted.red.buttons .basic.button:active,
.ui.inverted.red.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #ff392b inset;
          box-shadow: 0 0 0 2px #ff392b inset;
  color: #ff695e;
}

/* Tertiary */
.ui.tertiary.red.buttons .button,
.ui.tertiary.red.buttons .tertiary.button,
.ui.tertiary.red.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #db2828;
}
.ui.tertiary.red.buttons .button:hover,
.ui.tertiary.red.buttons button:hover,
.ui.tertiary.red.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #b93131;
          box-shadow: inset 0 -0.2em 0 #b93131;
  color: #b93131;
}
.ui.tertiary.red.buttons .button:focus,
.ui.tertiary.red.buttons .tertiary.button:focus,
.ui.tertiary.red.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #b52626;
          box-shadow: inset 0 -0.2em 0 #b52626;
  color: #b52626;
}
.ui.tertiary.red.buttons .active.button,
.ui.tertiary.red.buttons .tertiary.active.button,
.ui.tertiary.red.active.button,
.ui.tertiary.red.buttons .button:active,
.ui.tertiary.red.buttons .tertiary.button:active,
.ui.tertiary.red.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #ea0000;
          box-shadow: inset 0 -0.2em 0 #ea0000;
  color: #d41515;
}
.ui.orange.buttons .button,
.ui.orange.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.buttons .button:hover,
.ui.orange.button:hover {
  background-color: #f26202;
  color: #fff;
  text-shadow: none;
}
.ui.orange.buttons .button:focus,
.ui.orange.button:focus {
  background-color: #e55b00;
  color: #fff;
  text-shadow: none;
}
.ui.orange.buttons .button:active,
.ui.orange.button:active {
  background-color: #cf590c;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #f2711c inset;
          box-shadow: 0 0 0 1px #f2711c inset;
  color: #f2711c;
}
.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #f26202 inset;
          box-shadow: 0 0 0 1px #f26202 inset;
  color: #f26202;
}
.ui.basic.orange.buttons .button:focus,
.ui.basic.orange.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #e55b00 inset;
          box-shadow: 0 0 0 1px #e55b00 inset;
  color: #f26202;
}
.ui.basic.orange.buttons .active.button,
.ui.basic.orange.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #f56100 inset;
          box-shadow: 0 0 0 1px #f56100 inset;
  color: #cf590c;
}
.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
  -webkit-box-shadow: 0 0 0 1px #cf590c inset;
          box-shadow: 0 0 0 1px #cf590c inset;
  color: #cf590c;
}

/* Inverted */
.ui.inverted.orange.buttons .button,
.ui.inverted.orange.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #ff851b inset;
          box-shadow: 0 0 0 2px #ff851b inset;
  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;
          box-shadow: none;
  color: #fff;
}
.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover {
  background-color: #e76b00;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.orange.basic.buttons .button:hover,
.ui.inverted.orange.buttons .basic.button:hover,
.ui.inverted.orange.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
          box-shadow: 0 0 0 2px #e76b00 inset;
  color: #ff851b;
}
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #f17000 inset;
          box-shadow: 0 0 0 2px #f17000 inset;
  color: #ff851b;
}
.ui.inverted.orange.basic.buttons .active.button,
.ui.inverted.orange.buttons .basic.active.button,
.ui.inverted.orange.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #ff7701 inset;
          box-shadow: 0 0 0 2px #ff7701 inset;
  color: #ff851b;
}
.ui.inverted.orange.basic.buttons .button:active,
.ui.inverted.orange.buttons .basic.button:active,
.ui.inverted.orange.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
          box-shadow: 0 0 0 2px #e76b00 inset;
  color: #ff851b;
}

/* Tertiary */
.ui.tertiary.orange.buttons .button,
.ui.tertiary.orange.buttons .tertiary.button,
.ui.tertiary.orange.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #f2711c;
}
.ui.tertiary.orange.buttons .button:hover,
.ui.tertiary.orange.buttons button:hover,
.ui.tertiary.orange.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #da671b;
          box-shadow: inset 0 -0.2em 0 #da671b;
  color: #da671b;
}
.ui.tertiary.orange.buttons .button:focus,
.ui.tertiary.orange.buttons .tertiary.button:focus,
.ui.tertiary.orange.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #ce6017;
          box-shadow: inset 0 -0.2em 0 #ce6017;
  color: #ce6017;
}
.ui.tertiary.orange.buttons .active.button,
.ui.tertiary.orange.buttons .tertiary.active.button,
.ui.tertiary.orange.active.button,
.ui.tertiary.orange.buttons .button:active,
.ui.tertiary.orange.buttons .tertiary.button:active,
.ui.tertiary.orange.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #f56100;
          box-shadow: inset 0 -0.2em 0 #f56100;
  color: #f56100;
}
.ui.yellow.buttons .button,
.ui.yellow.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.buttons .button:hover,
.ui.yellow.button:hover {
  background-color: #eaae00;
  color: #fff;
  text-shadow: none;
}
.ui.yellow.buttons .button:focus,
.ui.yellow.button:focus {
  background-color: #daa300;
  color: #fff;
  text-shadow: none;
}
.ui.yellow.buttons .button:active,
.ui.yellow.button:active {
  background-color: #cd9903;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #fbbd08 inset;
          box-shadow: 0 0 0 1px #fbbd08 inset;
  color: #fbbd08;
}
.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
          box-shadow: 0 0 0 1px #eaae00 inset;
  color: #eaae00;
}
.ui.basic.yellow.buttons .button:focus,
.ui.basic.yellow.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #daa300 inset;
          box-shadow: 0 0 0 1px #daa300 inset;
  color: #eaae00;
}
.ui.basic.yellow.buttons .active.button,
.ui.basic.yellow.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
          box-shadow: 0 0 0 1px #eaae00 inset;
  color: #cd9903;
}
.ui.basic.yellow.buttons .button:active,
.ui.basic.yellow.button:active {
  -webkit-box-shadow: 0 0 0 1px #cd9903 inset;
          box-shadow: 0 0 0 1px #cd9903 inset;
  color: #cd9903;
}

/* Inverted */
.ui.inverted.yellow.buttons .button,
.ui.inverted.yellow.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #ffe21f inset;
          box-shadow: 0 0 0 2px #ffe21f inset;
  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;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover {
  background-color: #ebcd00;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.yellow.basic.buttons .button:hover,
.ui.inverted.yellow.buttons .basic.button:hover,
.ui.inverted.yellow.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
          box-shadow: 0 0 0 2px #ebcd00 inset;
  color: #ffe21f;
}
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #f5d500 inset;
          box-shadow: 0 0 0 2px #f5d500 inset;
  color: #ffe21f;
}
.ui.inverted.yellow.basic.buttons .active.button,
.ui.inverted.yellow.buttons .basic.active.button,
.ui.inverted.yellow.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #ffdf05 inset;
          box-shadow: 0 0 0 2px #ffdf05 inset;
  color: #ffe21f;
}
.ui.inverted.yellow.basic.buttons .button:active,
.ui.inverted.yellow.buttons .basic.button:active,
.ui.inverted.yellow.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
          box-shadow: 0 0 0 2px #ebcd00 inset;
  color: #ffe21f;
}

/* Tertiary */
.ui.tertiary.yellow.buttons .button,
.ui.tertiary.yellow.buttons .tertiary.button,
.ui.tertiary.yellow.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fbbd08;
}
.ui.tertiary.yellow.buttons .button:hover,
.ui.tertiary.yellow.buttons button:hover,
.ui.tertiary.yellow.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #d2a217;
          box-shadow: inset 0 -0.2em 0 #d2a217;
  color: #d2a217;
}
.ui.tertiary.yellow.buttons .button:focus,
.ui.tertiary.yellow.buttons .tertiary.button:focus,
.ui.tertiary.yellow.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #c49816;
          box-shadow: inset 0 -0.2em 0 #c49816;
  color: #c49816;
}
.ui.tertiary.yellow.buttons .active.button,
.ui.tertiary.yellow.buttons .tertiary.active.button,
.ui.tertiary.yellow.active.button,
.ui.tertiary.yellow.buttons .button:active,
.ui.tertiary.yellow.buttons .tertiary.button:active,
.ui.tertiary.yellow.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #eaae00;
          box-shadow: inset 0 -0.2em 0 #eaae00;
  color: #eaae00;
}
.ui.olive.buttons .button,
.ui.olive.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.buttons .button:hover,
.ui.olive.button:hover {
  background-color: #a7bd0d;
  color: #fff;
  text-shadow: none;
}
.ui.olive.buttons .button:focus,
.ui.olive.button:focus {
  background-color: #a0b605;
  color: #fff;
  text-shadow: none;
}
.ui.olive.buttons .button:active,
.ui.olive.button:active {
  background-color: #8d9e13;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.olive.buttons .button,
.ui.basic.olive.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #b5cc18 inset;
          box-shadow: 0 0 0 1px #b5cc18 inset;
  color: #b5cc18;
}
.ui.basic.olive.buttons .button:hover,
.ui.basic.olive.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #a7bd0d inset;
          box-shadow: 0 0 0 1px #a7bd0d inset;
  color: #a7bd0d;
}
.ui.basic.olive.buttons .button:focus,
.ui.basic.olive.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #a0b605 inset;
          box-shadow: 0 0 0 1px #a0b605 inset;
  color: #a7bd0d;
}
.ui.basic.olive.buttons .active.button,
.ui.basic.olive.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #aac109 inset;
          box-shadow: 0 0 0 1px #aac109 inset;
  color: #8d9e13;
}
.ui.basic.olive.buttons .button:active,
.ui.basic.olive.button:active {
  -webkit-box-shadow: 0 0 0 1px #8d9e13 inset;
          box-shadow: 0 0 0 1px #8d9e13 inset;
  color: #8d9e13;
}

/* Inverted */
.ui.inverted.olive.buttons .button,
.ui.inverted.olive.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #d9e778 inset;
          box-shadow: 0 0 0 2px #d9e778 inset;
  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;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover {
  background-color: #d2e745;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.olive.basic.buttons .button:hover,
.ui.inverted.olive.buttons .basic.button:hover,
.ui.inverted.olive.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #d2e745 inset;
          box-shadow: 0 0 0 2px #d2e745 inset;
  color: #d9e778;
}
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #daef47 inset;
          box-shadow: 0 0 0 2px #daef47 inset;
  color: #d9e778;
}
.ui.inverted.olive.basic.buttons .active.button,
.ui.inverted.olive.buttons .basic.active.button,
.ui.inverted.olive.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #daed59 inset;
          box-shadow: 0 0 0 2px #daed59 inset;
  color: #d9e778;
}
.ui.inverted.olive.basic.buttons .button:active,
.ui.inverted.olive.buttons .basic.button:active,
.ui.inverted.olive.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #cddf4d inset;
          box-shadow: 0 0 0 2px #cddf4d inset;
  color: #d9e778;
}

/* Tertiary */
.ui.tertiary.olive.buttons .button,
.ui.tertiary.olive.buttons .tertiary.button,
.ui.tertiary.olive.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #b5cc18;
}
.ui.tertiary.olive.buttons .button:hover,
.ui.tertiary.olive.buttons button:hover,
.ui.tertiary.olive.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #98a922;
          box-shadow: inset 0 -0.2em 0 #98a922;
  color: #98a922;
}
.ui.tertiary.olive.buttons .button:focus,
.ui.tertiary.olive.buttons .tertiary.button:focus,
.ui.tertiary.olive.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #92a418;
          box-shadow: inset 0 -0.2em 0 #92a418;
  color: #92a418;
}
.ui.tertiary.olive.buttons .active.button,
.ui.tertiary.olive.buttons .tertiary.active.button,
.ui.tertiary.olive.active.button,
.ui.tertiary.olive.buttons .button:active,
.ui.tertiary.olive.buttons .tertiary.button:active,
.ui.tertiary.olive.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #b1cb00;
          box-shadow: inset 0 -0.2em 0 #b1cb00;
  color: #aac109;
}
.ui.green.buttons .button,
.ui.green.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.buttons .button:hover,
.ui.green.button:hover {
  background-color: #16ab39;
  color: #fff;
  text-shadow: none;
}
.ui.green.buttons .button:focus,
.ui.green.button:focus {
  background-color: #0ea432;
  color: #fff;
  text-shadow: none;
}
.ui.green.buttons .button:active,
.ui.green.button:active {
  background-color: #198f35;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.green.buttons .button,
.ui.basic.green.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #21ba45 inset;
          box-shadow: 0 0 0 1px #21ba45 inset;
  color: #21ba45;
}
.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
          box-shadow: 0 0 0 1px #16ab39 inset;
  color: #16ab39;
}
.ui.basic.green.buttons .button:focus,
.ui.basic.green.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
          box-shadow: 0 0 0 1px #0ea432 inset;
  color: #16ab39;
}
.ui.basic.green.buttons .active.button,
.ui.basic.green.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
          box-shadow: 0 0 0 1px #13ae38 inset;
  color: #198f35;
}
.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
  -webkit-box-shadow: 0 0 0 1px #198f35 inset;
          box-shadow: 0 0 0 1px #198f35 inset;
  color: #198f35;
}

/* Inverted */
.ui.inverted.green.buttons .button,
.ui.inverted.green.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #2ecc40 inset;
          box-shadow: 0 0 0 2px #2ecc40 inset;
  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;
          box-shadow: none;
  color: #fff;
}
.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover {
  background-color: #1ea92e;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.green.basic.buttons .button:hover,
.ui.inverted.green.buttons .basic.button:hover,
.ui.inverted.green.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #1ea92e inset;
          box-shadow: 0 0 0 2px #1ea92e inset;
  color: #2ecc40;
}
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #19b82b inset;
          box-shadow: 0 0 0 2px #19b82b inset;
  color: #2ecc40;
}
.ui.inverted.green.basic.buttons .active.button,
.ui.inverted.green.buttons .basic.active.button,
.ui.inverted.green.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #1fc231 inset;
          box-shadow: 0 0 0 2px #1fc231 inset;
  color: #2ecc40;
}
.ui.inverted.green.basic.buttons .button:active,
.ui.inverted.green.buttons .basic.button:active,
.ui.inverted.green.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #25a233 inset;
          box-shadow: 0 0 0 2px #25a233 inset;
  color: #2ecc40;
}

/* Tertiary */
.ui.tertiary.green.buttons .button,
.ui.tertiary.green.buttons .tertiary.button,
.ui.tertiary.green.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #21ba45;
}
.ui.tertiary.green.buttons .button:hover,
.ui.tertiary.green.buttons button:hover,
.ui.tertiary.green.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #2a9844;
          box-shadow: inset 0 -0.2em 0 #2a9844;
  color: #2a9844;
}
.ui.tertiary.green.buttons .button:focus,
.ui.tertiary.green.buttons .tertiary.button:focus,
.ui.tertiary.green.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #20923b;
          box-shadow: inset 0 -0.2em 0 #20923b;
  color: #20923b;
}
.ui.tertiary.green.buttons .active.button,
.ui.tertiary.green.buttons .tertiary.active.button,
.ui.tertiary.green.active.button,
.ui.tertiary.green.buttons .button:active,
.ui.tertiary.green.buttons .tertiary.button:active,
.ui.tertiary.green.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #00c22e;
          box-shadow: inset 0 -0.2em 0 #00c22e;
  color: #13ae38;
}
.ui.teal.buttons .button,
.ui.teal.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.buttons .button:hover,
.ui.teal.button:hover {
  background-color: #009c95;
  color: #fff;
  text-shadow: none;
}
.ui.teal.buttons .button:focus,
.ui.teal.button:focus {
  background-color: #008c86;
  color: #fff;
  text-shadow: none;
}
.ui.teal.buttons .button:active,
.ui.teal.button:active {
  background-color: #00827c;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #00b5ad inset;
          box-shadow: 0 0 0 1px #00b5ad inset;
  color: #00b5ad;
}
.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #009c95 inset;
          box-shadow: 0 0 0 1px #009c95 inset;
  color: #009c95;
}
.ui.basic.teal.buttons .button:focus,
.ui.basic.teal.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #008c86 inset;
          box-shadow: 0 0 0 1px #008c86 inset;
  color: #009c95;
}
.ui.basic.teal.buttons .active.button,
.ui.basic.teal.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #009c95 inset;
          box-shadow: 0 0 0 1px #009c95 inset;
  color: #00827c;
}
.ui.basic.teal.buttons .button:active,
.ui.basic.teal.button:active {
  -webkit-box-shadow: 0 0 0 1px #00827c inset;
          box-shadow: 0 0 0 1px #00827c inset;
  color: #00827c;
}

/* Inverted */
.ui.inverted.teal.buttons .button,
.ui.inverted.teal.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #6dffff inset;
          box-shadow: 0 0 0 2px #6dffff inset;
  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;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover {
  background-color: #3affff;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.teal.basic.buttons .button:hover,
.ui.inverted.teal.buttons .basic.button:hover,
.ui.inverted.teal.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #3affff inset;
          box-shadow: 0 0 0 2px #3affff inset;
  color: #6dffff;
}
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #44ffff inset;
          box-shadow: 0 0 0 2px #44ffff inset;
  color: #6dffff;
}
.ui.inverted.teal.basic.buttons .active.button,
.ui.inverted.teal.buttons .basic.active.button,
.ui.inverted.teal.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #54ffff inset;
          box-shadow: 0 0 0 2px #54ffff inset;
  color: #6dffff;
}
.ui.inverted.teal.basic.buttons .button:active,
.ui.inverted.teal.buttons .basic.button:active,
.ui.inverted.teal.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #3affff inset;
          box-shadow: 0 0 0 2px #3affff inset;
  color: #6dffff;
}

/* Tertiary */
.ui.tertiary.teal.buttons .button,
.ui.tertiary.teal.buttons .tertiary.button,
.ui.tertiary.teal.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #00b5ad;
}
.ui.tertiary.teal.buttons .button:hover,
.ui.tertiary.teal.buttons button:hover,
.ui.tertiary.teal.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #108c86;
          box-shadow: inset 0 -0.2em 0 #108c86;
  color: #108c86;
}
.ui.tertiary.teal.buttons .button:focus,
.ui.tertiary.teal.buttons .tertiary.button:focus,
.ui.tertiary.teal.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #0e7e79;
          box-shadow: inset 0 -0.2em 0 #0e7e79;
  color: #0e7e79;
}
.ui.tertiary.teal.buttons .active.button,
.ui.tertiary.teal.buttons .tertiary.active.button,
.ui.tertiary.teal.active.button,
.ui.tertiary.teal.buttons .button:active,
.ui.tertiary.teal.buttons .tertiary.button:active,
.ui.tertiary.teal.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #009c95;
          box-shadow: inset 0 -0.2em 0 #009c95;
  color: #009c95;
}
.ui.blue.buttons .button,
.ui.blue.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.buttons .button:hover,
.ui.blue.button:hover {
  background-color: #1678c2;
  color: #fff;
  text-shadow: none;
}
.ui.blue.buttons .button:focus,
.ui.blue.button:focus {
  background-color: #0d71bb;
  color: #fff;
  text-shadow: none;
}
.ui.blue.buttons .button:active,
.ui.blue.button:active {
  background-color: #1a69a4;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #2185d0 inset;
          box-shadow: 0 0 0 1px #2185d0 inset;
  color: #2185d0;
}
.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
          box-shadow: 0 0 0 1px #1678c2 inset;
  color: #1678c2;
}
.ui.basic.blue.buttons .button:focus,
.ui.basic.blue.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
          box-shadow: 0 0 0 1px #0d71bb inset;
  color: #1678c2;
}
.ui.basic.blue.buttons .active.button,
.ui.basic.blue.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
          box-shadow: 0 0 0 1px #1279c6 inset;
  color: #1a69a4;
}
.ui.basic.blue.buttons .button:active,
.ui.basic.blue.button:active {
  -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
          box-shadow: 0 0 0 1px #1a69a4 inset;
  color: #1a69a4;
}

/* Inverted */
.ui.inverted.blue.buttons .button,
.ui.inverted.blue.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #54c8ff inset;
          box-shadow: 0 0 0 2px #54c8ff inset;
  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;
          box-shadow: none;
  color: #fff;
}
.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover {
  background-color: #21b8ff;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.blue.basic.buttons .button:hover,
.ui.inverted.blue.buttons .basic.button:hover,
.ui.inverted.blue.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
          box-shadow: 0 0 0 2px #21b8ff inset;
  color: #54c8ff;
}
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
          box-shadow: 0 0 0 2px #2bbbff inset;
  color: #54c8ff;
}
.ui.inverted.blue.basic.buttons .active.button,
.ui.inverted.blue.buttons .basic.active.button,
.ui.inverted.blue.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
          box-shadow: 0 0 0 2px #3ac0ff inset;
  color: #54c8ff;
}
.ui.inverted.blue.basic.buttons .button:active,
.ui.inverted.blue.buttons .basic.button:active,
.ui.inverted.blue.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
          box-shadow: 0 0 0 2px #21b8ff inset;
  color: #54c8ff;
}

/* Tertiary */
.ui.tertiary.blue.buttons .button,
.ui.tertiary.blue.buttons .tertiary.button,
.ui.tertiary.blue.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2185d0;
}
.ui.tertiary.blue.buttons .button:hover,
.ui.tertiary.blue.buttons button:hover,
.ui.tertiary.blue.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
          box-shadow: inset 0 -0.2em 0 #2b75ac;
  color: #2b75ac;
}
.ui.tertiary.blue.buttons .button:focus,
.ui.tertiary.blue.buttons .tertiary.button:focus,
.ui.tertiary.blue.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
          box-shadow: inset 0 -0.2em 0 #216ea7;
  color: #216ea7;
}
.ui.tertiary.blue.buttons .active.button,
.ui.tertiary.blue.buttons .tertiary.active.button,
.ui.tertiary.blue.active.button,
.ui.tertiary.blue.buttons .button:active,
.ui.tertiary.blue.buttons .tertiary.button:active,
.ui.tertiary.blue.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
          box-shadow: inset 0 -0.2em 0 #007bd8;
  color: #1279c6;
}
.ui.violet.buttons .button,
.ui.violet.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.buttons .button:hover,
.ui.violet.button:hover {
  background-color: #5829bb;
  color: #fff;
  text-shadow: none;
}
.ui.violet.buttons .button:focus,
.ui.violet.button:focus {
  background-color: #4f20b5;
  color: #fff;
  text-shadow: none;
}
.ui.violet.buttons .button:active,
.ui.violet.button:active {
  background-color: #502aa1;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.violet.buttons .button,
.ui.basic.violet.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #6435c9 inset;
          box-shadow: 0 0 0 1px #6435c9 inset;
  color: #6435c9;
}
.ui.basic.violet.buttons .button:hover,
.ui.basic.violet.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #5829bb inset;
          box-shadow: 0 0 0 1px #5829bb inset;
  color: #5829bb;
}
.ui.basic.violet.buttons .button:focus,
.ui.basic.violet.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #4f20b5 inset;
          box-shadow: 0 0 0 1px #4f20b5 inset;
  color: #5829bb;
}
.ui.basic.violet.buttons .active.button,
.ui.basic.violet.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #5626bf inset;
          box-shadow: 0 0 0 1px #5626bf inset;
  color: #502aa1;
}
.ui.basic.violet.buttons .button:active,
.ui.basic.violet.button:active {
  -webkit-box-shadow: 0 0 0 1px #502aa1 inset;
          box-shadow: 0 0 0 1px #502aa1 inset;
  color: #502aa1;
}

/* Inverted */
.ui.inverted.violet.buttons .button,
.ui.inverted.violet.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #a291fb inset;
          box-shadow: 0 0 0 2px #a291fb inset;
  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;
          box-shadow: none;
  color: #fff;
}
.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover {
  background-color: #745aff;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.violet.basic.buttons .button:hover,
.ui.inverted.violet.buttons .basic.button:hover,
.ui.inverted.violet.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #745aff inset;
          box-shadow: 0 0 0 2px #745aff inset;
  color: #a291fb;
}
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #7d64ff inset;
          box-shadow: 0 0 0 2px #7d64ff inset;
  color: #a291fb;
}
.ui.inverted.violet.basic.buttons .active.button,
.ui.inverted.violet.buttons .basic.active.button,
.ui.inverted.violet.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #8a73ff inset;
          box-shadow: 0 0 0 2px #8a73ff inset;
  color: #a291fb;
}
.ui.inverted.violet.basic.buttons .button:active,
.ui.inverted.violet.buttons .basic.button:active,
.ui.inverted.violet.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #7860f9 inset;
          box-shadow: 0 0 0 2px #7860f9 inset;
  color: #a291fb;
}

/* Tertiary */
.ui.tertiary.violet.buttons .button,
.ui.tertiary.violet.buttons .tertiary.button,
.ui.tertiary.violet.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #6435c9;
}
.ui.tertiary.violet.buttons .button:hover,
.ui.tertiary.violet.buttons button:hover,
.ui.tertiary.violet.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #6040a5;
          box-shadow: inset 0 -0.2em 0 #6040a5;
  color: #6040a5;
}
.ui.tertiary.violet.buttons .button:focus,
.ui.tertiary.violet.buttons .tertiary.button:focus,
.ui.tertiary.violet.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #5735a0;
          box-shadow: inset 0 -0.2em 0 #5735a0;
  color: #5735a0;
}
.ui.tertiary.violet.buttons .active.button,
.ui.tertiary.violet.buttons .tertiary.active.button,
.ui.tertiary.violet.active.button,
.ui.tertiary.violet.buttons .button:active,
.ui.tertiary.violet.buttons .tertiary.button:active,
.ui.tertiary.violet.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #4e0fd6;
          box-shadow: inset 0 -0.2em 0 #4e0fd6;
  color: #5626bf;
}
.ui.purple.buttons .button,
.ui.purple.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.buttons .button:hover,
.ui.purple.button:hover {
  background-color: #9627ba;
  color: #fff;
  text-shadow: none;
}
.ui.purple.buttons .button:focus,
.ui.purple.button:focus {
  background-color: #8f1eb4;
  color: #fff;
  text-shadow: none;
}
.ui.purple.buttons .button:active,
.ui.purple.button:active {
  background-color: #82299f;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #a333c8 inset;
          box-shadow: 0 0 0 1px #a333c8 inset;
  color: #a333c8;
}
.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #9627ba inset;
          box-shadow: 0 0 0 1px #9627ba inset;
  color: #9627ba;
}
.ui.basic.purple.buttons .button:focus,
.ui.basic.purple.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #8f1eb4 inset;
          box-shadow: 0 0 0 1px #8f1eb4 inset;
  color: #9627ba;
}
.ui.basic.purple.buttons .active.button,
.ui.basic.purple.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #9724be inset;
          box-shadow: 0 0 0 1px #9724be inset;
  color: #82299f;
}
.ui.basic.purple.buttons .button:active,
.ui.basic.purple.button:active {
  -webkit-box-shadow: 0 0 0 1px #82299f inset;
          box-shadow: 0 0 0 1px #82299f inset;
  color: #82299f;
}

/* Inverted */
.ui.inverted.purple.buttons .button,
.ui.inverted.purple.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #dc73ff inset;
          box-shadow: 0 0 0 2px #dc73ff inset;
  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;
          box-shadow: none;
  color: #fff;
}
.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover {
  background-color: #cf40ff;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.purple.basic.buttons .button:hover,
.ui.inverted.purple.buttons .basic.button:hover,
.ui.inverted.purple.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
          box-shadow: 0 0 0 2px #cf40ff inset;
  color: #dc73ff;
}
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #d24aff inset;
          box-shadow: 0 0 0 2px #d24aff inset;
  color: #dc73ff;
}
.ui.inverted.purple.basic.buttons .active.button,
.ui.inverted.purple.buttons .basic.active.button,
.ui.inverted.purple.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #d65aff inset;
          box-shadow: 0 0 0 2px #d65aff inset;
  color: #dc73ff;
}
.ui.inverted.purple.basic.buttons .button:active,
.ui.inverted.purple.buttons .basic.button:active,
.ui.inverted.purple.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
          box-shadow: 0 0 0 2px #cf40ff inset;
  color: #dc73ff;
}

/* Tertiary */
.ui.tertiary.purple.buttons .button,
.ui.tertiary.purple.buttons .tertiary.button,
.ui.tertiary.purple.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #a333c8;
}
.ui.tertiary.purple.buttons .button:hover,
.ui.tertiary.purple.buttons button:hover,
.ui.tertiary.purple.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #8a3ea4;
          box-shadow: inset 0 -0.2em 0 #8a3ea4;
  color: #8a3ea4;
}
.ui.tertiary.purple.buttons .button:focus,
.ui.tertiary.purple.buttons .tertiary.button:focus,
.ui.tertiary.purple.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #84339f;
          box-shadow: inset 0 -0.2em 0 #84339f;
  color: #84339f;
}
.ui.tertiary.purple.buttons .active.button,
.ui.tertiary.purple.buttons .tertiary.active.button,
.ui.tertiary.purple.active.button,
.ui.tertiary.purple.buttons .button:active,
.ui.tertiary.purple.buttons .tertiary.button:active,
.ui.tertiary.purple.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #a30dd4;
          box-shadow: inset 0 -0.2em 0 #a30dd4;
  color: #9724be;
}
.ui.pink.buttons .button,
.ui.pink.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.buttons .button:hover,
.ui.pink.button:hover {
  background-color: #e61a8d;
  color: #fff;
  text-shadow: none;
}
.ui.pink.buttons .button:focus,
.ui.pink.button:focus {
  background-color: #e10f85;
  color: #fff;
  text-shadow: none;
}
.ui.pink.buttons .button:active,
.ui.pink.button:active {
  background-color: #c71f7e;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #e03997 inset;
          box-shadow: 0 0 0 1px #e03997 inset;
  color: #e03997;
}
.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #e61a8d inset;
          box-shadow: 0 0 0 1px #e61a8d inset;
  color: #e61a8d;
}
.ui.basic.pink.buttons .button:focus,
.ui.basic.pink.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #e10f85 inset;
          box-shadow: 0 0 0 1px #e10f85 inset;
  color: #e61a8d;
}
.ui.basic.pink.buttons .active.button,
.ui.basic.pink.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #ea158d inset;
          box-shadow: 0 0 0 1px #ea158d inset;
  color: #c71f7e;
}
.ui.basic.pink.buttons .button:active,
.ui.basic.pink.button:active {
  -webkit-box-shadow: 0 0 0 1px #c71f7e inset;
          box-shadow: 0 0 0 1px #c71f7e inset;
  color: #c71f7e;
}

/* Inverted */
.ui.inverted.pink.buttons .button,
.ui.inverted.pink.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #ff8edf inset;
          box-shadow: 0 0 0 2px #ff8edf inset;
  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;
          box-shadow: none;
  color: #fff;
}
.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover {
  background-color: #ff5bd1;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.pink.basic.buttons .button:hover,
.ui.inverted.pink.buttons .basic.button:hover,
.ui.inverted.pink.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
          box-shadow: 0 0 0 2px #ff5bd1 inset;
  color: #ff8edf;
}
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #ff65d3 inset;
          box-shadow: 0 0 0 2px #ff65d3 inset;
  color: #ff8edf;
}
.ui.inverted.pink.basic.buttons .active.button,
.ui.inverted.pink.buttons .basic.active.button,
.ui.inverted.pink.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #ff74d8 inset;
          box-shadow: 0 0 0 2px #ff74d8 inset;
  color: #ff8edf;
}
.ui.inverted.pink.basic.buttons .button:active,
.ui.inverted.pink.buttons .basic.button:active,
.ui.inverted.pink.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
          box-shadow: 0 0 0 2px #ff5bd1 inset;
  color: #ff8edf;
}

/* Tertiary */
.ui.tertiary.pink.buttons .button,
.ui.tertiary.pink.buttons .tertiary.button,
.ui.tertiary.pink.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #e03997;
}
.ui.tertiary.pink.buttons .button:hover,
.ui.tertiary.pink.buttons button:hover,
.ui.tertiary.pink.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #cc3389;
          box-shadow: inset 0 -0.2em 0 #cc3389;
  color: #cc3389;
}
.ui.tertiary.pink.buttons .button:focus,
.ui.tertiary.pink.buttons .tertiary.button:focus,
.ui.tertiary.pink.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #c92782;
          box-shadow: inset 0 -0.2em 0 #c92782;
  color: #c92782;
}
.ui.tertiary.pink.buttons .active.button,
.ui.tertiary.pink.buttons .tertiary.active.button,
.ui.tertiary.pink.active.button,
.ui.tertiary.pink.buttons .button:active,
.ui.tertiary.pink.buttons .tertiary.button:active,
.ui.tertiary.pink.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #ff0090;
          box-shadow: inset 0 -0.2em 0 #ff0090;
  color: #ea158d;
}
.ui.brown.buttons .button,
.ui.brown.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.buttons .button:hover,
.ui.brown.button:hover {
  background-color: #975b33;
  color: #fff;
  text-shadow: none;
}
.ui.brown.buttons .button:focus,
.ui.brown.button:focus {
  background-color: #90532b;
  color: #fff;
  text-shadow: none;
}
.ui.brown.buttons .button:active,
.ui.brown.button:active {
  background-color: #805031;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.brown.buttons .button,
.ui.basic.brown.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #a5673f inset;
          box-shadow: 0 0 0 1px #a5673f inset;
  color: #a5673f;
}
.ui.basic.brown.buttons .button:hover,
.ui.basic.brown.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #975b33 inset;
          box-shadow: 0 0 0 1px #975b33 inset;
  color: #975b33;
}
.ui.basic.brown.buttons .button:focus,
.ui.basic.brown.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #90532b inset;
          box-shadow: 0 0 0 1px #90532b inset;
  color: #975b33;
}
.ui.basic.brown.buttons .active.button,
.ui.basic.brown.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #995a31 inset;
          box-shadow: 0 0 0 1px #995a31 inset;
  color: #805031;
}
.ui.basic.brown.buttons .button:active,
.ui.basic.brown.button:active {
  -webkit-box-shadow: 0 0 0 1px #805031 inset;
          box-shadow: 0 0 0 1px #805031 inset;
  color: #805031;
}

/* Inverted */
.ui.inverted.brown.buttons .button,
.ui.inverted.brown.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #d67c1c inset;
          box-shadow: 0 0 0 2px #d67c1c inset;
  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;
          box-shadow: none;
  color: #fff;
}
.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover {
  background-color: #b0620f;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.brown.basic.buttons .button:hover,
.ui.inverted.brown.buttons .basic.button:hover,
.ui.inverted.brown.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #b0620f inset;
          box-shadow: 0 0 0 2px #b0620f inset;
  color: #d67c1c;
}
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #c16808 inset;
          box-shadow: 0 0 0 2px #c16808 inset;
  color: #d67c1c;
}
.ui.inverted.brown.basic.buttons .active.button,
.ui.inverted.brown.buttons .basic.active.button,
.ui.inverted.brown.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #cc6f0d inset;
          box-shadow: 0 0 0 2px #cc6f0d inset;
  color: #d67c1c;
}
.ui.inverted.brown.basic.buttons .button:active,
.ui.inverted.brown.buttons .basic.button:active,
.ui.inverted.brown.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #a96216 inset;
          box-shadow: 0 0 0 2px #a96216 inset;
  color: #d67c1c;
}

/* Tertiary */
.ui.tertiary.brown.buttons .button,
.ui.tertiary.brown.buttons .tertiary.button,
.ui.tertiary.brown.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #a5673f;
}
.ui.tertiary.brown.buttons .button:hover,
.ui.tertiary.brown.buttons button:hover,
.ui.tertiary.brown.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #835f48;
          box-shadow: inset 0 -0.2em 0 #835f48;
  color: #835f48;
}
.ui.tertiary.brown.buttons .button:focus,
.ui.tertiary.brown.buttons .tertiary.button:focus,
.ui.tertiary.brown.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #7d573e;
          box-shadow: inset 0 -0.2em 0 #7d573e;
  color: #7d573e;
}
.ui.tertiary.brown.buttons .active.button,
.ui.tertiary.brown.buttons .tertiary.active.button,
.ui.tertiary.brown.active.button,
.ui.tertiary.brown.buttons .button:active,
.ui.tertiary.brown.buttons .tertiary.button:active,
.ui.tertiary.brown.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #ae561d;
          box-shadow: inset 0 -0.2em 0 #ae561d;
  color: #995a31;
}
.ui.grey.buttons .button,
.ui.grey.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.buttons .button:hover,
.ui.grey.button:hover {
  background-color: #838383;
  color: #fff;
  text-shadow: none;
}
.ui.grey.buttons .button:focus,
.ui.grey.button:focus {
  background-color: #8a8a8a;
  color: #fff;
  text-shadow: none;
}
.ui.grey.buttons .button:active,
.ui.grey.button:active {
  background-color: #909090;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.grey.buttons .button,
.ui.basic.grey.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #767676 inset;
          box-shadow: 0 0 0 1px #767676 inset;
  color: #767676;
}
.ui.basic.grey.buttons .button:hover,
.ui.basic.grey.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #838383 inset;
          box-shadow: 0 0 0 1px #838383 inset;
  color: #838383;
}
.ui.basic.grey.buttons .button:focus,
.ui.basic.grey.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #8a8a8a inset;
          box-shadow: 0 0 0 1px #8a8a8a inset;
  color: #838383;
}
.ui.basic.grey.buttons .active.button,
.ui.basic.grey.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #696969 inset;
          box-shadow: 0 0 0 1px #696969 inset;
  color: #909090;
}
.ui.basic.grey.buttons .button:active,
.ui.basic.grey.button:active {
  -webkit-box-shadow: 0 0 0 1px #909090 inset;
          box-shadow: 0 0 0 1px #909090 inset;
  color: #909090;
}

/* Inverted */
.ui.inverted.grey.buttons .button,
.ui.inverted.grey.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #d4d4d5 inset;
          box-shadow: 0 0 0 2px #d4d4d5 inset;
  color: #fff;
}
.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;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover {
  background-color: #c2c4c5;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.grey.basic.buttons .button:hover,
.ui.inverted.grey.buttons .basic.button:hover,
.ui.inverted.grey.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
          box-shadow: 0 0 0 2px #c2c4c5 inset;
  color: #fff;
}
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #c7c9cb inset;
          box-shadow: 0 0 0 2px #c7c9cb inset;
  color: #dcddde;
}
.ui.inverted.grey.basic.buttons .active.button,
.ui.inverted.grey.buttons .basic.active.button,
.ui.inverted.grey.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset;
          box-shadow: 0 0 0 2px #cfd0d2 inset;
  color: #fff;
}
.ui.inverted.grey.basic.buttons .button:active,
.ui.inverted.grey.buttons .basic.button:active,
.ui.inverted.grey.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
          box-shadow: 0 0 0 2px #c2c4c5 inset;
  color: #fff;
}

/* Tertiary */
.ui.tertiary.grey.buttons .button,
.ui.tertiary.grey.buttons .tertiary.button,
.ui.tertiary.grey.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #767676;
}
.ui.tertiary.grey.buttons .button:hover,
.ui.tertiary.grey.buttons button:hover,
.ui.tertiary.grey.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #909090;
          box-shadow: inset 0 -0.2em 0 #909090;
  color: #909090;
}
.ui.tertiary.grey.buttons .button:focus,
.ui.tertiary.grey.buttons .tertiary.button:focus,
.ui.tertiary.grey.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #9f9f9f;
          box-shadow: inset 0 -0.2em 0 #9f9f9f;
  color: #9f9f9f;
}
.ui.tertiary.grey.buttons .active.button,
.ui.tertiary.grey.buttons .tertiary.active.button,
.ui.tertiary.grey.active.button,
.ui.tertiary.grey.buttons .button:active,
.ui.tertiary.grey.buttons .tertiary.button:active,
.ui.tertiary.grey.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #5d5d5d;
          box-shadow: inset 0 -0.2em 0 #5d5d5d;
  color: #696969;
}
.ui.black.buttons .button,
.ui.black.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.buttons .button:hover,
.ui.black.button:hover {
  background-color: #27292a;
  color: #fff;
  text-shadow: none;
}
.ui.black.buttons .button:focus,
.ui.black.button:focus {
  background-color: #2f3032;
  color: #fff;
  text-shadow: none;
}
.ui.black.buttons .button:active,
.ui.black.button:active {
  background-color: #343637;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.black.buttons .button,
.ui.basic.black.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #1b1c1d inset;
          box-shadow: 0 0 0 1px #1b1c1d inset;
  color: #1b1c1d;
}
.ui.basic.black.buttons .button:hover,
.ui.basic.black.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #27292a inset;
          box-shadow: 0 0 0 1px #27292a inset;
  color: #27292a;
}
.ui.basic.black.buttons .button:focus,
.ui.basic.black.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #2f3032 inset;
          box-shadow: 0 0 0 1px #2f3032 inset;
  color: #27292a;
}
.ui.basic.black.buttons .active.button,
.ui.basic.black.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #0f0f10 inset;
          box-shadow: 0 0 0 1px #0f0f10 inset;
  color: #343637;
}
.ui.basic.black.buttons .button:active,
.ui.basic.black.button:active {
  -webkit-box-shadow: 0 0 0 1px #343637 inset;
          box-shadow: 0 0 0 1px #343637 inset;
  color: #343637;
}

/* Inverted */
.ui.inverted.black.buttons .button,
.ui.inverted.black.button {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 2px #d4d4d5 inset;
          box-shadow: 0 0 0 2px #d4d4d5 inset;
  color: #fff;
}
.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;
          box-shadow: none;
  color: #fff;
}
.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: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
  color: #fff;
}
.ui.inverted.black.basic.buttons .button:hover,
.ui.inverted.black.buttons .basic.button:hover,
.ui.inverted.black.basic.button:hover {
  -webkit-box-shadow: 0 0 0 2px #000000 inset;
          box-shadow: 0 0 0 2px #000000 inset;
  color: #fff;
}
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.button:focus {
  -webkit-box-shadow: 0 0 0 2px #000000 inset;
          box-shadow: 0 0 0 2px #000000 inset;
  color: #545454;
}
.ui.inverted.black.basic.buttons .active.button,
.ui.inverted.black.buttons .basic.active.button,
.ui.inverted.black.basic.active.button {
  -webkit-box-shadow: 0 0 0 2px #000000 inset;
          box-shadow: 0 0 0 2px #000000 inset;
  color: #fff;
}
.ui.inverted.black.basic.buttons .button:active,
.ui.inverted.black.buttons .basic.button:active,
.ui.inverted.black.basic.button:active {
  -webkit-box-shadow: 0 0 0 2px #000000 inset;
          box-shadow: 0 0 0 2px #000000 inset;
  color: #fff;
}

/* Tertiary */
.ui.tertiary.black.buttons .button,
.ui.tertiary.black.buttons .tertiary.button,
.ui.tertiary.black.button {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #1b1c1d;
}
.ui.tertiary.black.buttons .button:hover,
.ui.tertiary.black.buttons button:hover,
.ui.tertiary.black.button:hover {
  -webkit-box-shadow: inset 0 -0.2em 0 #8b8f93;
          box-shadow: inset 0 -0.2em 0 #8b8f93;
  color: #8b8f93;
}
.ui.tertiary.black.buttons .button:focus,
.ui.tertiary.black.buttons .tertiary.button:focus,
.ui.tertiary.black.button:focus {
  -webkit-box-shadow: inset 0 -0.2em 0 #93969a;
          box-shadow: inset 0 -0.2em 0 #93969a;
  color: #93969a;
}
.ui.tertiary.black.buttons .active.button,
.ui.tertiary.black.buttons .tertiary.active.button,
.ui.tertiary.black.active.button,
.ui.tertiary.black.buttons .button:active,
.ui.tertiary.black.buttons .tertiary.button:active,
.ui.tertiary.black.button:active {
  -webkit-box-shadow: inset 0 -0.2em 0 #404245;
          box-shadow: inset 0 -0.2em 0 #404245;
  color: #0f0f10;
}

/* Standard */
.ui.positive.buttons .button,
.ui.positive.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.buttons .button:hover,
.ui.positive.button:hover {
  background-color: #16ab39;
  color: #fff;
  text-shadow: none;
}
.ui.positive.buttons .button:focus,
.ui.positive.button:focus {
  background-color: #0ea432;
  color: #fff;
  text-shadow: none;
}
.ui.positive.buttons .button:active,
.ui.positive.button:active {
  background-color: #198f35;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.positive.buttons .button,
.ui.basic.positive.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #21ba45 inset;
          box-shadow: 0 0 0 1px #21ba45 inset;
  color: #21ba45;
}
.ui.basic.positive.buttons .button:hover,
.ui.basic.positive.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
          box-shadow: 0 0 0 1px #16ab39 inset;
  color: #16ab39;
}
.ui.basic.positive.buttons .button:focus,
.ui.basic.positive.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
          box-shadow: 0 0 0 1px #0ea432 inset;
  color: #16ab39;
}
.ui.basic.positive.buttons .active.button,
.ui.basic.positive.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
          box-shadow: 0 0 0 1px #13ae38 inset;
  color: #198f35;
}
.ui.basic.positive.buttons .button:active,
.ui.basic.positive.button:active {
  -webkit-box-shadow: 0 0 0 1px #198f35 inset;
          box-shadow: 0 0 0 1px #198f35 inset;
  color: #198f35;
}
.ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
  margin-left: -1px;
}

/* Standard */
.ui.negative.buttons .button,
.ui.negative.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.buttons .button:hover,
.ui.negative.button:hover {
  background-color: #d01919;
  color: #fff;
  text-shadow: none;
}
.ui.negative.buttons .button:focus,
.ui.negative.button:focus {
  background-color: #ca1010;
  color: #fff;
  text-shadow: none;
}
.ui.negative.buttons .button:active,
.ui.negative.button:active {
  background-color: #b21e1e;
  color: #fff;
  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: #fff;
  text-shadow: none;
}

/* Basic */
.ui.basic.negative.buttons .button,
.ui.basic.negative.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #db2828 inset;
          box-shadow: 0 0 0 1px #db2828 inset;
  color: #db2828;
}
.ui.basic.negative.buttons .button:hover,
.ui.basic.negative.button:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #d01919 inset;
          box-shadow: 0 0 0 1px #d01919 inset;
  color: #d01919;
}
.ui.basic.negative.buttons .button:focus,
.ui.basic.negative.button:focus {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
          box-shadow: 0 0 0 1px #ca1010 inset;
  color: #d01919;
}
.ui.basic.negative.buttons .active.button,
.ui.basic.negative.active.button {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1px #d41515 inset;
          box-shadow: 0 0 0 1px #d41515 inset;
  color: #b21e1e;
}
.ui.basic.negative.buttons .button:active,
.ui.basic.negative.button:active {
  -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
          box-shadow: 0 0 0 1px #b21e1e inset;
  color: #b21e1e;
}
.ui.buttons:not(.vertical) > .basic.negative.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: 0;
  vertical-align: baseline;
  margin: 0 0.25em 0 0;
}
.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;
  border-radius: 0;
  margin: 0;
}
.ui.buttons:not(.basic):not(.inverted) > .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.26666667rem;
  border-bottom-left-radius: 0.26666667rem;
}
.ui.buttons .button:last-child {
  border-top-right-radius: 0.26666667rem;
  border-bottom-right-radius: 0.26666667rem;
}

/* 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: 0;
  border-radius: 0;
}
.ui.vertical.buttons .button:not(.basic) {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.vertical.buttons .button:first-child {
  border-top-left-radius: 0.26666667rem;
  border-top-right-radius: 0.26666667rem;
}
.ui.vertical.buttons .button:last-child {
  margin-bottom: 0;
  border-bottom-left-radius: 0.26666667rem;
  border-bottom-right-radius: 0.26666667rem;
}
.ui.vertical.buttons .button:only-child {
  border-radius: 0.26666667rem;
}
.ui.vertical.buttons .basic.button:not(:first-child) {
  border-top: none;
}
.ui.wrapping.buttons {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ui.wrapping.basic.buttons {
  border-bottom: none;
}
.ui.wrapping.basic.buttons .button {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.wrapping.basic.buttons .button:hover {
  background: transparent !important;
}
.ui.compact.wrapping.buttons .button {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.ui.wrapped.buttons:not(.spaced) {
  border-top-right-radius: 0;
}
.ui.wrapped.buttons:not(.spaced) .button:first-child {
  border-radius: 0.26666667rem 0 0 0;
}
.ui.wrapped.buttons:not(.spaced) .button:last-child {
  border-radius: 0 0 0.26666667rem 0;
}
.ui.wrapped[class*="top attached"].buttons {
  border-radius: 0.26666667rem 0 0 0;
}
.ui.wrapped[class*="top attached"].buttons .button:last-child {
  border-radius: 0;
}
.ui.wrapped[class*="bottom attached"].buttons {
  border-radius: 0 0 0 0.26666667rem;
}
.ui.wrapped[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0;
}
.ui.spaced.buttons .ui.button {
  margin-bottom: 1em;
  margin-right: 1em;
  border-radius: 0.26666667rem;
}
.ui.spaced.basic.buttons {
  border: none;
}
.ui.spaced.basic.buttons .button {
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.spaced.basic.buttons .button.basic {
  border: none;
}
.ui.spaced.basic.vertical.buttons .button:first-child {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.spaced.basic.wrapping.buttons .button:not(.basic) {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.spaced.basic.wrapping.buttons .button:not(.basic):first-child {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.spaced.basic.inverted.buttons .basic.button {
  margin-bottom: calc(1em + 1px);
  margin-top: 1px;
}
.ui.basic.buttons:not(.vertical).inverted .button,
.ui.basic.buttons:not(.vertical) .basic.button {
  margin-left: -1px;
  border-right: none;
}
.ui.basic.buttons:not(.vertical):not(.spaced):not(.inverted) .basic.button {
  margin-top: -1px;
  border-bottom: none;
}
.ui.inverted.basic.buttons:not(.spaced) .button,
.ui.attached.basic.buttons:not(.wrapping):not(.inverted) .basic.button {
  margin-bottom: -1px;
}
.ui.basic.buttons:not(.vertical):not(.attached):not(.spaced):not(.wrapping):not(.inverted) .basic.button {
  margin-bottom: -1px;
}


/*******************************
         Theme Overrides
*******************************/

.nc-col > .nc-button {
  margin-left: 1px;
}
.nc-button {
  width: auto;
  max-width: 10em;
  /*
  padding-top: 3.6em;
  padding-bottom: 0.6em;
  white-space: nowrap;
  overflow: hidden; */
}
.nc-button-wide {
  min-width: 8em;
  padding-inline-start: 1em !important;
  padding-inline-end: 1em !important;
}
.nc-button-long {
  min-width: 8em;
  max-width: 1000em;
  padding-inline-start: 1em !important;
  padding-inline-end: 1em !important;
}
.nc-button.tiny {
  padding-left: 0.6em;
  padding-right: 0.6em;
}/* .nc-icon {
	margin-top: 1px;
} */
.nc-icon {
  overflow: visible;
  margin-right: 0.3em;
  vertical-align: -0.125em;
}
.nc-icon-first {
  margin-left: -0.4em;
}
.nc-icon-second {
  margin-top: -0.8em;
  margin-left: 0.9em;
}.nc-report .nc-label {
  font-weight: normal;
  margin-bottom: 0px;
  font-size: 14px;
}
span.nc-label-missing {
  opacity: 0.82;
}.nc-input {
  width: 100%;
  min-width: 2em;
}

/*
// these have problem that either the do not work without !important but if these are here page custom css !important does not work
.nc-input > input {
	// border-color: rgba(132, 182, 215, 0.35) !important;
	border-color: rgba(134, 157, 185, 0.35) !important; // bit more grey of same blue shade of input:focus at 0.35
}
.nc-input > input:focus {
	// border-color: rgba(132, 182, 215, 0.953) !important;
	border-color: rgba(132, 182, 215, 1) !important; // rgba(132, 182, 215, 0.953)
	// border-color: rgba(152, 167, 215, 0.953) !important; // AI: This new color rgba(152, 167, 215, 0.953) has an increased blue value (from 132 to 152) and slightly decreased red and green values (from 182 to 167), making it a stronger blue while maintaining the opacity at 0.953.
}
.nc-input > input[disabled] {
	border-color: rgba(34, 36, 38, 0.15) !important;
	color: rgba(0, 0, 0, 0.76) !important; // color: rgba(0, 0, 0, 0.87);
}
*/
.nc-input > input[disabled] {
  color: rgba(0, 0, 0, 0.76) !important;
}.nc-textarea {
  width: 100%;
  min-width: 2em;
  max-height: unset !important;
  overflow-x: hidden;
}
.nc-label-input-label {
	margin-right: 0.5em;
}
#nc-app-toolbar {
  box-shadow: none;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  height: 44px !important;
}
#nc-app-toolbar .item {
  height: 43px !important;
}
#clock-menu-item {
  width: 6.2em;
}
#nc-app-sidebar,
#nc-app-sidebar2 {
  box-shadow: none;
  margin-right: 1px !important;
  margin-top: 43px !important;
  height: calc(100% - 43px) !important;
  transition: width 0.3s ease;
}
.nc-app-sidebar-col {
  transition: width 0.3s ease;
}
#nc-app-dropdown {
  margin-top: 0.4em;
  margin-left: -6.8em;
}
#nc-app-menu {
  display: none;
  position: absolute;
  z-index: 999;
}
#nc-app-tool {
  color: grey;
  transition: color 0.15s ease-in;
}
#nc-app-tool:hover {
  color: darkgreen;
  transition: color 0.15s ease-in;
}/*!
 * # Fomantic-UI 2.9.4 - Tab
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://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: 50%;
  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::after,
.ui.tab.loading.segment::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -1.25em 0 0 -1.25em;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
}


/*******************************
         Tab Overrides
*******************************/

.nc-tab-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.nc-tab-scroll-left {
  position: absolute;
  left: 0;
  z-index: 10;
  flex-shrink: 0;
  padding-right: 0.25em !important;
}
.nc-tab-scroll-right {
  position: absolute;
  right: 0;
  z-index: 10;
  flex-shrink: 0;
  padding-left: 0.25em !important;
}
.nc-tab {
  flex: 1;
  width: 100%;
  min-height: 1.2em !important;
  margin-top: 0.7em !important;
  margin-bottom: 0.2em !important;
}
.nc-tab-item {
  flex-wrap: wrap;
  padding-top: 0em !important;
  padding-bottom: 0.3em !important;
}
.overflownElement {
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
}
.overflownElement::-webkit-scrollbar {
  display: none;
}
.overflownItem {
  margin-bottom: 0.25em !important;
}/*!
 * # Fomantic-UI 2.9.4 - Segment
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            Segment
*******************************/

.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.26666667rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.segment:first-child {
  margin-top: 0;
}
.ui.segment:last-child {
  margin-bottom: 0;
}

/* Vertical */
.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-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.vertical.segment:first-child {
  border-top: none;
}

/* -------------------
    Loose Coupling
-------------------- */

/* Header */
.ui.inverted.segments .segment > .ui.header .sub.header,
.ui.inverted.segments .segment > .ui.header,
.ui.inverted.segment > .ui.header .sub.header,
.ui.inverted.segment > .ui.header {
  color: #fff;
}

/* Label */
.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;
}

/* 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 0;
  border-radius: 0.26666667rem;
}

/* Table */
.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;
}

/* Tab */
.ui.segment.tab:last-child {
  margin-bottom: 1rem;
}


/*******************************
             Types
*******************************/


/* -------------------
         Placeholder
    -------------------- */
.ui.placeholder.segment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-width: initial;
  -webkit-animation: none;
          animation: none;
  overflow: visible;
  padding: 1em 1em;
  min-height: 18rem;
  background: #f9fafb;
  border-color: rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
          box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
}
.ui.placeholder.segment.tab {
  display: none;
}
.ui.placeholder.segment.tab.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui.placeholder.segment .button,
.ui.placeholder.segment textarea {
  display: block;
}
.ui.placeholder.segment .field,
.ui.placeholder.segment textarea,
.ui.placeholder.segment > .ui.input,
.ui.placeholder.segment .button {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment .column .button,
.ui.placeholder.segment .column .field,
.ui.placeholder.segment .column textarea,
.ui.placeholder.segment .column > .ui.input {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment > .inline {
  -ms-flex-item-align: center;
      align-self: center;
}
.ui.placeholder.segment > .inline > .button {
  display: inline-block;
  width: auto;
  margin: 0 0.33333333rem 0 0;
}
.ui.placeholder.segment > .inline > .button:last-child {
  margin-right: 0;
}

/* -------------------
            Piled
    -------------------- */
.ui.piled.segments,
.ui.piled.segment {
  margin: 3em 0;
  -webkit-box-shadow: "";
          box-shadow: "";
  z-index: auto;
  background-color: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.ui.piled.segment:first-child {
  margin-top: 0;
}
.ui.piled.segment:last-child {
  margin-bottom: 0;
}
.ui.piled.segments::after,
.ui.piled.segments::before,
.ui.piled.segment::after,
.ui.piled.segment::before {
  background-color: inherit;
  visibility: visible;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  border: inherit;
  -webkit-box-shadow: "";
          box-shadow: "";
}
.ui.inverted.piled.segment {
  background-color: #1b1c1d;
  border: 1px solid #555;
  color: rgba(255, 255, 255, 0.9);
}
.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: 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;
}
@supports selector(:has(.f)) {
  *:has(> .ui.piled.segment) {
    z-index: 0;
    position: relative;
  }
}

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

/* Inverted */
.ui.stacked.inverted.segments,
.ui.stacked.inverted.segment {
  border: 1px solid rgba(225, 225, 225, 0.5);
}
.ui.stacked.inverted.segments::before,
.ui.stacked.inverted.segment::before,
.ui.stacked.inverted.segments::after,
.ui.stacked.inverted.segment::after {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(225, 225, 225, 0.5);
}

/* -------------------
           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: 0;
  padding-right: 0;
}

/* -------------------
           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.ui.raised.segments,
.ui.ui.raised.segment {
  -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.ui.inverted.raised.segments,
.ui.ui.inverted.raised.segment {
  -webkit-box-shadow: 0 2px 4px 0 rgba(225, 225, 225, 0.1), 0 2px 10px 0 rgba(225, 225, 225, 0.5);
          box-shadow: 0 2px 4px 0 rgba(225, 225, 225, 0.1), 0 2px 10px 0 rgba(225, 225, 225, 0.5);
}


/*******************************
                Groups
    *******************************/


/* Group */
.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.26666667rem;
}
.ui.segments:first-child {
  margin-top: 0;
}
.ui.segments:last-child {
  margin-bottom: 0;
}

/* Nested Segment */
.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 {
  top: 0;
  bottom: 0;
  border-top: none;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}

/* Bottom */
.ui.segments:not(.horizontal) > .segment:last-child {
  top: 0;
  bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-box-shadow: 0 2px 1px -1px rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 1px -1px rgba(34, 36, 38, 0.15);
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}

/* Only */
.ui.segments:not(.horizontal) > .segment:only-child {
  border-radius: 0.26666667rem;
}

/* Nested Group */
.ui.segments > .ui.segments {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 1rem;
}
.ui.segments > .segments:first-child {
  border-top: none;
}
.ui.segments > .segment + .segments:not(.horizontal) {
  margin-top: 0;
}

/* 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;
  padding: 0;
  -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.26666667rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.wrapping.horizontal.segments,
.ui.stackable.horizontal.segments {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* Nested Horizontal Group */
.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);
}

/* Horizontal Segment */
.ui.horizontal.segments:not(.compact) > .segment:not(.compact) {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  -ms-flex: 1 1 0;
}
.ui.horizontal.segments > .segment {
  margin: 0;
  min-width: 0;
  border-radius: 0;
  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:not(.stackable):not(.wrapping) > .segment:first-child {
  border-left: none;
}
.ui.horizontal.segments > .segment:first-child {
  border-radius: 0.26666667rem 0 0 0.26666667rem;
}
.ui.horizontal.segments > .segment:last-child {
  border-radius: 0 0.26666667rem 0.26666667rem 0;
}

/* Equal Width */
.ui[class*="equal width"].horizontal.segments > .segment {
  width: 100%;
}


/*******************************
            States
*******************************/


/* --------------
        Disabled
    --------------- */
.ui.disabled.segments,
.ui.disabled.segment {
  opacity: 0.45;
  color: rgba(40, 40, 40, 0.3);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* --------------
        Loading
    --------------- */
.ui.loading.segments,
.ui.loading.segment {
  position: relative;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
  min-height: 4.5em;
}
.ui.loading.segments::before,
.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.26666667rem;
  z-index: 100;
}
.ui.loading.segments::after,
.ui.loading.segment::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -1.5em 0 0 -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
  visibility: visible;
  z-index: 101;
}


/*******************************
           Variations
*******************************/


/* -------------------
           Basic
    -------------------- */
.ui.basic.segment,
.ui.segments .ui.basic.segment,
.ui.basic.segments {
  background: none transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0;
}

/* -------------------
           Clearing
    -------------------- */
.ui.clearing.segment::after {
  content: "";
  display: block;
  clear: both;
}

/* -------------------
       Colors
-------------------- */
.ui.ui.ui.ui.ui.red.segment:not(.inverted) {
  border-top: 2px solid #db2828;
}
.ui.ui.ui.ui.ui.inverted.red.segment {
  background-color: #db2828;
  color: #fff;
}
.ui.ui.inverted.red.segment:not(.piled) {
  border-color: #db2828;
}
.ui.ui.ui.ui.ui.orange.segment:not(.inverted) {
  border-top: 2px solid #f2711c;
}
.ui.ui.ui.ui.ui.inverted.orange.segment {
  background-color: #f2711c;
  color: #fff;
}
.ui.ui.inverted.orange.segment:not(.piled) {
  border-color: #f2711c;
}
.ui.ui.ui.ui.ui.yellow.segment:not(.inverted) {
  border-top: 2px solid #fbbd08;
}
.ui.ui.ui.ui.ui.inverted.yellow.segment {
  background-color: #fbbd08;
  color: #fff;
}
.ui.ui.inverted.yellow.segment:not(.piled) {
  border-color: #fbbd08;
}
.ui.ui.ui.ui.ui.olive.segment:not(.inverted) {
  border-top: 2px solid #b5cc18;
}
.ui.ui.ui.ui.ui.inverted.olive.segment {
  background-color: #b5cc18;
  color: #fff;
}
.ui.ui.inverted.olive.segment:not(.piled) {
  border-color: #b5cc18;
}
.ui.ui.ui.ui.ui.green.segment:not(.inverted) {
  border-top: 2px solid #21ba45;
}
.ui.ui.ui.ui.ui.inverted.green.segment {
  background-color: #21ba45;
  color: #fff;
}
.ui.ui.inverted.green.segment:not(.piled) {
  border-color: #21ba45;
}
.ui.ui.ui.ui.ui.teal.segment:not(.inverted) {
  border-top: 2px solid #00b5ad;
}
.ui.ui.ui.ui.ui.inverted.teal.segment {
  background-color: #00b5ad;
  color: #fff;
}
.ui.ui.inverted.teal.segment:not(.piled) {
  border-color: #00b5ad;
}
.ui.ui.ui.ui.ui.blue.segment:not(.inverted) {
  border-top: 2px solid #2185d0;
}
.ui.ui.ui.ui.ui.inverted.blue.segment {
  background-color: #2185d0;
  color: #fff;
}
.ui.ui.inverted.blue.segment:not(.piled) {
  border-color: #2185d0;
}
.ui.ui.ui.ui.ui.violet.segment:not(.inverted) {
  border-top: 2px solid #6435c9;
}
.ui.ui.ui.ui.ui.inverted.violet.segment {
  background-color: #6435c9;
  color: #fff;
}
.ui.ui.inverted.violet.segment:not(.piled) {
  border-color: #6435c9;
}
.ui.ui.ui.ui.ui.purple.segment:not(.inverted) {
  border-top: 2px solid #a333c8;
}
.ui.ui.ui.ui.ui.inverted.purple.segment {
  background-color: #a333c8;
  color: #fff;
}
.ui.ui.inverted.purple.segment:not(.piled) {
  border-color: #a333c8;
}
.ui.ui.ui.ui.ui.pink.segment:not(.inverted) {
  border-top: 2px solid #e03997;
}
.ui.ui.ui.ui.ui.inverted.pink.segment {
  background-color: #e03997;
  color: #fff;
}
.ui.ui.inverted.pink.segment:not(.piled) {
  border-color: #e03997;
}
.ui.ui.ui.ui.ui.brown.segment:not(.inverted) {
  border-top: 2px solid #a5673f;
}
.ui.ui.ui.ui.ui.inverted.brown.segment {
  background-color: #a5673f;
  color: #fff;
}
.ui.ui.inverted.brown.segment:not(.piled) {
  border-color: #a5673f;
}
.ui.ui.ui.ui.ui.grey.segment:not(.inverted) {
  border-top: 2px solid #767676;
}
.ui.ui.ui.ui.ui.inverted.grey.segment {
  background-color: #767676;
  color: #fff;
}
.ui.ui.inverted.grey.segment:not(.piled) {
  border-color: #767676;
}
.ui.ui.ui.ui.ui.black.segment:not(.inverted) {
  border-top: 2px solid #1b1c1d;
}
.ui.ui.ui.ui.ui.inverted.black.segment {
  background-color: #1b1c1d;
  color: #fff;
}
.ui.ui.inverted.black.segment:not(.piled) {
  border-color: #1b1c1d;
}

/* -------------------
           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.segments,
.ui.inverted.segments .segment,
.ui.inverted.segment {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.inverted.segments .segment,
.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.ui.inverted.attached.segment {
  border-color: #555;
}

/* Loading */
.ui.inverted.loading.segments,
.ui.inverted.loading.segment {
  color: #fff;
}
.ui.inverted.loading.segments::before,
.ui.inverted.loading.segment::before {
  background: rgba(0, 0, 0, 0.85);
}

/* -------------------
     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, color-stop(0, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
  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, color-stop(0, rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
  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: 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.segment:not(.basic) {
  border: 1px solid #d4d4d5;
}
.ui.attached:not(.message):not(.text) + .ui.attached.segment:not(.top):not([class*="left attached"]):not([class*="right attached"]) {
  border-top: none;
}

/* Top */
.ui.segment[class*="top attached"] {
  bottom: 0;
  margin-bottom: 0;
  top: 0;
  margin-top: 1rem;
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}
.ui.segment[class*="top attached"]:first-child {
  margin-top: 0;
}
.ui.tab.segment[class*="top attached"]:first-child {
  margin-top: 1rem;
}

/* Bottom */
.ui.segment[class*="bottom attached"] {
  bottom: 0;
  margin-top: 0;
  top: 0;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 2px 1px -1px rgba(34, 36, 38, 0.15);
          box-shadow: 0 2px 1px -1px rgba(34, 36, 38, 0.15);
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}
.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0;
}
.ui.tab.segment[class*="bottom attached"]:last-child {
  margin-bottom: 1rem;
}
.ui[class*="left attached"].segment {
  margin-right: 0;
}
.ui[class*="right attached"].segment {
  margin-left: 0;
}
.ui.seamless.attached.segment:not(.top):not(.bottom):not([class*="right attached"]):not([class*="left attached"]) {
  border-top: none;
  border-bottom: none;
}
.ui.seamless.attached.segment.top {
  border-bottom: none;
}
.ui.seamless.attached.segment.bottom {
  border-top: none;
}
.ui.seamless.attached.segment[class*="left attached"] {
  border-right: none;
}
.ui.seamless.attached.segment[class*="right attached"] {
  border-left: none;
}

/* --------------
         Fitted
    --------------- */
.ui.fitted.segment:not(.horizontally) {
  padding-top: 0;
  padding-bottom: 0;
}
.ui.fitted.segment:not(.vertically) {
  padding-left: 0;
  padding-right: 0;
}

/* --------------
      Scrolling
    --------------- */
.ui.scrolling.segment {
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
@media only screen and (max-width: 767.98px) {
  .ui.scrolling.segment.short {
    max-height: 11.25em;
  }
  .ui.scrolling.segment.short.resizable {
    height: 11.25em;
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height: 7.5em;
  }
  .ui.scrolling.segment[class*="very short"].resizable {
    height: 7.5em;
  }
  .ui.scrolling.segment {
    max-height: 15em;
  }
  .ui.scrolling.segment.resizable {
    height: 15em;
  }
  .ui.scrolling.segment.long {
    max-height: 30em;
  }
  .ui.scrolling.segment.long.resizable {
    height: 30em;
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height: 45em;
  }
  .ui.scrolling.segment[class*="very long"].resizable {
    height: 45em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.segment.short {
    max-height: 13.5em;
  }
  .ui.scrolling.segment.short.resizable {
    height: 13.5em;
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height: 9em;
  }
  .ui.scrolling.segment[class*="very short"].resizable {
    height: 9em;
  }
  .ui.scrolling.segment {
    max-height: 18em;
  }
  .ui.scrolling.segment.resizable {
    height: 18em;
  }
  .ui.scrolling.segment.long {
    max-height: 36em;
  }
  .ui.scrolling.segment.long.resizable {
    height: 36em;
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height: 54em;
  }
  .ui.scrolling.segment[class*="very long"].resizable {
    height: 54em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.segment.short {
    max-height: 18em;
  }
  .ui.scrolling.segment.short.resizable {
    height: 18em;
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height: 12em;
  }
  .ui.scrolling.segment[class*="very short"].resizable {
    height: 12em;
  }
  .ui.scrolling.segment {
    max-height: 24em;
  }
  .ui.scrolling.segment.resizable {
    height: 24em;
  }
  .ui.scrolling.segment.long {
    max-height: 48em;
  }
  .ui.scrolling.segment.long.resizable {
    height: 48em;
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height: 72em;
  }
  .ui.scrolling.segment[class*="very long"].resizable {
    height: 72em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.segment.short {
    max-height: 22.5em;
  }
  .ui.scrolling.segment.short.resizable {
    height: 22.5em;
  }
  .ui.scrolling.segment[class*="very short"] {
    max-height: 15em;
  }
  .ui.scrolling.segment[class*="very short"].resizable {
    height: 15em;
  }
  .ui.scrolling.segment {
    max-height: 30em;
  }
  .ui.scrolling.segment.resizable {
    height: 30em;
  }
  .ui.scrolling.segment.long {
    max-height: 60em;
  }
  .ui.scrolling.segment.long.resizable {
    height: 60em;
  }
  .ui.scrolling.segment[class*="very long"] {
    max-height: 90em;
  }
  .ui.scrolling.segment[class*="very long"].resizable {
    height: 90em;
  }
}
.ui.resizable.scrolling.segment {
  resize: vertical;
  max-height: none;
}

/* -------------------
        Size
-------------------- */
.ui.segments .segment,
.ui.segment {
  font-size: 1rem;
}
.ui.mini.segments .segment,
.ui.mini.segment {
  font-size: 0.8rem;
}
.ui.tiny.segments .segment,
.ui.tiny.segment {
  font-size: 0.86666667rem;
}
.ui.small.segments .segment,
.ui.small.segment {
  font-size: 0.93333333rem;
}
.ui.large.segments .segment,
.ui.large.segment {
  font-size: 1.13333333rem;
}
.ui.big.segments .segment,
.ui.big.segment {
  font-size: 1.26666667rem;
}
.ui.huge.segments .segment,
.ui.huge.segment {
  font-size: 1.4rem;
}
.ui.massive.segments .segment,
.ui.massive.segment {
  font-size: 1.73333333rem;
}


/*******************************
         Theme Overrides
*******************************/


#logo-graph {
	margin-top: 18px;
	margin-left: -62px;
	width: 70px;
	height: 70px;
	/* leave room for hover, match {width: 70, height: 70} in nc-logo.js */
}
/* .#logotext {
	z-index: -1;
	position: relative;
	font-size: 3.5em;
	margin-top: -0.2em;
	padding-right: 0.05em;
	opacity: 0.75;
	color: darkslategrey;
} */
/* src/components/legal/terms.css */
.terms {
	font-size: 16px;
	line-height: 22px;
}
.terms .header {
	margin: 0;
	margin-bottom: 2em;
	padding: 20px;
	background: #3c3c3c;
	color: white;
}
.terms .header h1,
.terms .header p {
	margin-bottom: 0.5em;
}
.terms .header a {
	color: white;
}
.terms li,
.terms li p {
	margin-bottom: 0.7em;
}

.nc-define-editor {
	min-width: 0px;
	padding-left: 0px !important;
	overflow: hidden;
	transition: width 0.15s ease;
	height: calc(100vh - 17.8em);
}
.nc-define-editor .nc-col + .nc-col {
	padding-left: 0px;
}
.nc-define-editor-scroll {
	border: none;
}
.nc-scroll-y {
	border: 1px solid lightgray;
	overflow-y: auto;
}

#nc-define-menu {
	margin-top: 5px;
	height: calc(100vh - 13em);
	overflow-x: hidden;
	overflow-y: auto;
}
#nc-define .nc-menu-item {
	padding-top: 0.6em !important;
	padding-bottom: 0.6em !important;
}
.nc-gantt-chart {
  height: 100%;
  width: 100%;
  border: 1px solid lightgray;
}.nc-chart-demo {
  height: 95vh !important;
}
#app {
	font-family: 'Roboto Flex', Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #2c3e50;
	margin-top: 40px;
}
.nc-grid-area {
	margin-left: 2em;
	margin-top: 1em;
}
.flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.flex-div {
	width: 25%;
}
#editor {
	margin-left: 10%;
	width: 80%;
	height: 40vh;
}

.dockview-wrapper > div[data-v-b7929ec0] {
	height: 50vw !important;
	width: 60vw !important;
}
.dv-scrollable {
  position: relative;
  overflow: hidden;
}
.dv-scrollable .dv-scrollbar-horizontal {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 4px;
  border-radius: 2px;
  background-color: transparent;
  /* GPU optimizations */
  will-change: background-color, transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition-property: background-color;
  transition-timing-function: ease-in-out;
  transition-duration: 1s;
  transition-delay: 0s;
}
.dv-scrollable:hover .dv-scrollbar-horizontal, .dv-scrollable.dv-scrollable-resizing .dv-scrollbar-horizontal, .dv-scrollable.dv-scrollable-scrolling .dv-scrollbar-horizontal {
  background-color: var(--dv-scrollbar-background-color, rgba(255, 255, 255, 0.25));
}
.dv-svg {
  display: inline-block;
  fill: currentcolor;
  line-height: 1;
  stroke: currentcolor;
  stroke-width: 0;
}
.dockview-theme-dark {
  --dv-paneview-active-outline-color: dodgerblue;
  --dv-tabs-and-actions-container-font-size: 13px;
  --dv-tabs-and-actions-container-height: 35px;
  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
  --dv-drag-over-border-color: transparent;
  --dv-tabs-container-scrollbar-color: #888;
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
  --dv-overlay-z-index: 999;
  --dv-tab-font-size: inherit;
  --dv-border-radius: 0px;
  --dv-tab-margin: 0;
  --dv-sash-color: transparent;
  --dv-active-sash-color: transparent;
  --dv-active-sash-transition-duration: 0.1s;
  --dv-active-sash-transition-delay: 0.5s;
  --dv-group-view-background-color: #1e1e1e;
  --dv-tabs-and-actions-container-background-color: #252526;
  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
  --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;
  --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;
  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;
  --dv-tab-divider-color: #1e1e1e;
  --dv-activegroup-visiblepanel-tab-color: white;
  --dv-activegroup-hiddenpanel-tab-color: #969696;
  --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;
  --dv-inactivegroup-hiddenpanel-tab-color: #626262;
  --dv-separator-border: rgb(68, 68, 68);
  --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);
}
.dockview-theme-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
  opacity: 0;
  transition: none;
}

.dockview-theme-light {
  --dv-paneview-active-outline-color: dodgerblue;
  --dv-tabs-and-actions-container-font-size: 13px;
  --dv-tabs-and-actions-container-height: 35px;
  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
  --dv-drag-over-border-color: transparent;
  --dv-tabs-container-scrollbar-color: #888;
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
  --dv-overlay-z-index: 999;
  --dv-tab-font-size: inherit;
  --dv-border-radius: 0px;
  --dv-tab-margin: 0;
  --dv-sash-color: transparent;
  --dv-active-sash-color: transparent;
  --dv-active-sash-transition-duration: 0.1s;
  --dv-active-sash-transition-delay: 0.5s;
  --dv-group-view-background-color: white;
  --dv-tabs-and-actions-container-background-color: #f3f3f3;
  --dv-activegroup-visiblepanel-tab-background-color: white;
  --dv-activegroup-hiddenpanel-tab-background-color: #ececec;
  --dv-inactivegroup-visiblepanel-tab-background-color: white;
  --dv-inactivegroup-hiddenpanel-tab-background-color: #ececec;
  --dv-tab-divider-color: white;
  --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);
  --dv-activegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.7);
  --dv-inactivegroup-visiblepanel-tab-color: rgba(51, 51, 51, 0.7);
  --dv-inactivegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.35);
  --dv-separator-border: rgba(128, 128, 128, 0.35);
  --dv-paneview-header-border-color: rgb(51, 51, 51);
  --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);
}
.dockview-theme-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
  opacity: 0;
  transition: none;
}

.dockview-theme-vs {
  --dv-paneview-active-outline-color: dodgerblue;
  --dv-tabs-and-actions-container-font-size: 13px;
  --dv-tabs-and-actions-container-height: 35px;
  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
  --dv-drag-over-border-color: transparent;
  --dv-tabs-container-scrollbar-color: #888;
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
  --dv-overlay-z-index: 999;
  --dv-tab-font-size: inherit;
  --dv-border-radius: 0px;
  --dv-tab-margin: 0;
  --dv-sash-color: transparent;
  --dv-active-sash-color: transparent;
  --dv-active-sash-transition-duration: 0.1s;
  --dv-active-sash-transition-delay: 0.5s;
  --dv-group-view-background-color: #1e1e1e;
  --dv-tabs-and-actions-container-background-color: #252526;
  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
  --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;
  --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;
  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;
  --dv-tab-divider-color: #1e1e1e;
  --dv-activegroup-visiblepanel-tab-color: white;
  --dv-activegroup-hiddenpanel-tab-color: #969696;
  --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;
  --dv-inactivegroup-hiddenpanel-tab-color: #626262;
  --dv-separator-border: rgb(68, 68, 68);
  --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);
  --dv-tabs-and-actions-container-background-color: #2d2d30;
  --dv-tabs-and-actions-container-height: 20px;
  --dv-tabs-and-actions-container-font-size: 11px;
  --dv-activegroup-visiblepanel-tab-background-color: #007acc;
  --dv-inactivegroup-visiblepanel-tab-background-color: #3f3f46;
  --dv-activegroup-visiblepanel-tab-color: white;
  --dv-activegroup-hiddenpanel-tab-color: white;
  --dv-inactivegroup-visiblepanel-tab-color: white;
  --dv-inactivegroup-hiddenpanel-tab-color: white;
}
.dockview-theme-vs .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
  opacity: 0;
  transition: none;
}
.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container {
  box-sizing: content-box;
  border-bottom: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);
}
.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {
  border-top: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);
}
.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {
  border-top: 2px solid var(--dv-activegroup-hiddenpanel-tab-background-color);
}
.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container {
  box-sizing: content-box;
  border-bottom: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);
}
.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {
  border-top: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);
}
.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {
  border-top: 2px solid var(--dv-inactivegroup-hiddenpanel-tab-background-color);
}

.dockview-theme-abyss {
  --dv-paneview-active-outline-color: dodgerblue;
  --dv-tabs-and-actions-container-font-size: 13px;
  --dv-tabs-and-actions-container-height: 35px;
  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
  --dv-drag-over-border-color: transparent;
  --dv-tabs-container-scrollbar-color: #888;
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
  --dv-overlay-z-index: 999;
  --dv-tab-font-size: inherit;
  --dv-border-radius: 0px;
  --dv-tab-margin: 0;
  --dv-sash-color: transparent;
  --dv-active-sash-color: transparent;
  --dv-active-sash-transition-duration: 0.1s;
  --dv-active-sash-transition-delay: 0.5s;
  --dv-color-abyss-dark: #000c18;
  --dv-color-abyss: #10192c;
  --dv-color-abyss-light: #1c1c2a;
  --dv-color-abyss-lighter: #2b2b4a;
  --dv-color-abyss-accent: rgb(91, 30, 207);
  --dv-color-abyss-primary-text: white;
  --dv-color-abyss-secondary-text: rgb(148, 151, 169);
  --dv-group-view-background-color: var(--dv-color-abyss-dark);
  --dv-tabs-and-actions-container-background-color: var(
      --dv-color-abyss-light
  );
  --dv-activegroup-visiblepanel-tab-background-color: var(
      --dv-color-abyss-dark
  );
  --dv-activegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);
  --dv-inactivegroup-visiblepanel-tab-background-color: var(
      --dv-color-abyss-dark
  );
  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);
  --dv-tab-divider-color: var(--dv-color-abyss-lighter);
  --dv-activegroup-visiblepanel-tab-color: white;
  --dv-activegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.5);
  --dv-inactivegroup-visiblepanel-tab-color: rgba(255, 255, 255, 0.5);
  --dv-inactivegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.25);
  --dv-separator-border: var(--dv-color-abyss-lighter);
  --dv-paneview-header-border-color: var(--dv-color-abyss-lighter);
  --dv-paneview-active-outline-color: #596f99;
}
.dockview-theme-abyss .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
  opacity: 0;
  transition: none;
}

.dockview-theme-dracula {
  --dv-paneview-active-outline-color: dodgerblue;
  --dv-tabs-and-actions-container-font-size: 13px;
  --dv-tabs-and-actions-container-height: 35px;
  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
  --dv-drag-over-border-color: transparent;
  --dv-tabs-container-scrollbar-color: #888;
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
  --dv-overlay-z-index: 999;
  --dv-tab-font-size: inherit;
  --dv-border-radius: 0px;
  --dv-tab-margin: 0;
  --dv-sash-color: transparent;
  --dv-active-sash-color: transparent;
  --dv-active-sash-transition-duration: 0.1s;
  --dv-active-sash-transition-delay: 0.5s;
  --dv-group-view-background-color: #282a36;
  --dv-tabs-and-actions-container-background-color: #191a21;
  --dv-activegroup-visiblepanel-tab-background-color: #282a36;
  --dv-activegroup-hiddenpanel-tab-background-color: #21222c;
  --dv-inactivegroup-visiblepanel-tab-background-color: #282a36;
  --dv-inactivegroup-hiddenpanel-tab-background-color: #21222c;
  --dv-tab-divider-color: #191a21;
  --dv-activegroup-visiblepanel-tab-color: rgb(248, 248, 242);
  --dv-activegroup-hiddenpanel-tab-color: rgb(98, 114, 164);
  --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);
  --dv-inactivegroup-hiddenpanel-tab-color: rgba(98, 114, 164, 0.5);
  --dv-separator-border: #bd93f9;
  --dv-paneview-header-border-color: #bd93f9;
  --dv-paneview-active-outline-color: #6272a4;
}
.dockview-theme-dracula .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
  opacity: 0;
  transition: none;
}
.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
  position: relative;
}
.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #94527e;
  z-index: 999;
}
.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
  position: relative;
}
.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #5e3d5a;
  z-index: 999;
}

.dockview-theme-replit {
  --dv-paneview-active-outline-color: dodgerblue;
  --dv-tabs-and-actions-container-font-size: 13px;
  --dv-tabs-and-actions-container-height: 35px;
  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
  --dv-drag-over-border-color: transparent;
  --dv-tabs-container-scrollbar-color: #888;
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
  --dv-overlay-z-index: 999;
  --dv-tab-font-size: inherit;
  --dv-border-radius: 0px;
  --dv-tab-margin: 0;
  --dv-sash-color: transparent;
  --dv-active-sash-color: transparent;
  --dv-active-sash-transition-duration: 0.1s;
  --dv-active-sash-transition-delay: 0.5s;
  box-sizing: border-box;
  padding: 10px;
  background-color: #ebeced;
  --dv-group-view-background-color: #ebeced;
  --dv-tabs-and-actions-container-background-color: #fcfcfc;
  --dv-activegroup-visiblepanel-tab-background-color: #f0f1f2;
  --dv-activegroup-hiddenpanel-tab-background-color: #fcfcfc;
  --dv-inactivegroup-visiblepanel-tab-background-color: #f0f1f2;
  --dv-inactivegroup-hiddenpanel-tab-background-color: #fcfcfc;
  --dv-tab-divider-color: transparent;
  --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);
  --dv-activegroup-hiddenpanel-tab-color: rgb(51, 51, 51);
  --dv-inactivegroup-visiblepanel-tab-color: rgb(51, 51, 51);
  --dv-inactivegroup-hiddenpanel-tab-color: rgb(51, 51, 51);
  --dv-separator-border: transparent;
  --dv-paneview-header-border-color: rgb(51, 51, 51);
  --dv-sash-color: #cfd1d3;
  --dv-active-sash-color: #babbbb;
}
.dockview-theme-replit .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {
  opacity: 0;
  transition: none;
}
.dockview-theme-replit .dv-resize-container:has(> .dv-groupview) {
  border-radius: 8px;
}
.dockview-theme-replit .dv-resize-container {
  border-radius: 10px !important;
  border: none;
}
.dockview-theme-replit .dv-groupview {
  overflow: hidden;
  border-radius: 10px;
}
.dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container {
  border-bottom: 1px solid rgba(128, 128, 128, 0.35);
}
.dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container .dv-tab {
  margin: 4px;
  border-radius: 8px;
}
.dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container .dv-tab .dv-svg {
  height: 8px;
  width: 8px;
}
.dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container .dv-tab:hover {
  background-color: #e4e5e6 !important;
}
.dockview-theme-replit .dv-groupview .dv-content-container {
  background-color: #fcfcfc;
}
.dockview-theme-replit .dv-groupview.dv-active-group {
  border: 1px solid rgba(128, 128, 128, 0.35);
}
.dockview-theme-replit .dv-groupview.dv-inactive-group {
  border: 1px solid transparent;
}
.dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash {
  background-color: transparent;
}
.dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash:not(.disabled)::after {
  content: "";
  height: 4px;
  width: 40px;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--dv-sash-color);
  position: absolute;
}
.dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash:not(.disabled):hover, .dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash:not(.disabled):active {
  background-color: transparent;
}
.dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash:not(.disabled):hover::after, .dockview-theme-replit .dv-vertical > .dv-sash-container > .dv-sash:not(.disabled):active::after {
  background-color: var(--dv-active-sash-color);
}
.dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash {
  background-color: transparent;
}
.dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash:not(.disabled)::after {
  content: "";
  height: 40px;
  width: 4px;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--dv-sash-color);
  position: absolute;
}
.dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash:not(.disabled):hover, .dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash:not(.disabled):active {
  background-color: transparent;
}
.dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash:not(.disabled):hover::after, .dockview-theme-replit .dv-horizontal > .dv-sash-container > .dv-sash:not(.disabled):active::after {
  background-color: var(--dv-active-sash-color);
}

.dockview-theme-abyss-spaced {
  --dv-paneview-active-outline-color: dodgerblue;
  --dv-tabs-and-actions-container-font-size: 13px;
  --dv-tabs-and-actions-container-height: 35px;
  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
  --dv-drag-over-border-color: transparent;
  --dv-tabs-container-scrollbar-color: #888;
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
  --dv-overlay-z-index: 999;
  --dv-tab-font-size: inherit;
  --dv-border-radius: 0px;
  --dv-tab-margin: 0;
  --dv-sash-color: transparent;
  --dv-active-sash-color: transparent;
  --dv-active-sash-transition-duration: 0.1s;
  --dv-active-sash-transition-delay: 0.5s;
  --dv-tab-font-size: 12px;
  --dv-border-radius: 20px;
  --dv-tab-margin: 0.5rem 0.25rem;
  --dv-tabs-and-actions-container-height: 44px;
  --dv-border-radius: 20px;
  box-sizing: border-box;
  --dv-color-abyss-dark: rgb(11, 6, 17);
  --dv-color-abyss: #16121f;
  --dv-color-abyss-light: #201d2b;
  --dv-color-abyss-lighter: #2a2837;
  --dv-color-abyss-accent: rgb(91, 30, 207);
  --dv-color-abyss-primary-text: white;
  --dv-color-abyss-secondary-text: rgb(148, 151, 169);
  --dv-drag-over-border: 2px solid var(--dv-color-abyss-accent);
  --dv-drag-over-background-color: "";
  --dv-group-view-background-color: var(--dv-color-abyss-dark);
  --dv-tabs-and-actions-container-background-color: var(--dv-color-abyss);
  --dv-activegroup-visiblepanel-tab-background-color: var(
      --dv-color-abyss-lighter
  );
  --dv-activegroup-hiddenpanel-tab-background-color: var(
      --dv-color-abyss-light
  );
  --dv-inactivegroup-visiblepanel-tab-background-color: var(
      --dv-color-abyss-lighter
  );
  --dv-inactivegroup-hiddenpanel-tab-background-color: var(
      --dv-color-abyss-light
  );
  --dv-tab-divider-color: transparent;
  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-abyss-primary-text);
  --dv-activegroup-hiddenpanel-tab-color: var(
      --dv-color-abyss-secondary-text
  );
  --dv-inactivegroup-visiblepanel-tab-color: var(
      --dv-color-abyss-primary-text
  );
  --dv-inactivegroup-hiddenpanel-tab-color: var(
      --dv-color-abyss-secondary-text
  );
  --dv-separator-border: transparent;
  --dv-paneview-header-border-color: rgb(51, 51, 51);
  --dv-active-sash-color: var(--dv-color-abyss-accent);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.5);
  padding: 10px;
  background-color: var(--dv-color-abyss-dark);
}
.dockview-theme-abyss-spaced .dv-resize-container:has(> .dv-groupview) {
  border-radius: 8px;
}
.dockview-theme-abyss-spaced .dv-sash {
  border-radius: 4px;
}
.dockview-theme-abyss-spaced .dv-drop-target-anchor {
  border-radius: calc(var(--dv-border-radius) / 4);
}
.dockview-theme-abyss-spaced .dv-drop-target-anchor.dv-drop-target-content {
  border-radius: var(--dv-border-radius);
}
.dockview-theme-abyss-spaced .dv-resize-container {
  border-radius: var(--dv-border-radius) !important;
  border: none;
}
.dockview-theme-abyss-spaced .dv-tabs-overflow-container,
.dockview-theme-abyss-spaced .dv-tabs-overflow-dropdown-default {
  border-radius: 8px;
  height: unset !important;
}
.dockview-theme-abyss-spaced .dv-tab {
  border-radius: 8px;
}
.dockview-theme-abyss-spaced .dv-tab .dv-svg {
  height: 8px;
  width: 8px;
}
.dockview-theme-abyss-spaced .dv-groupview {
  border-radius: var(--dv-border-radius);
}
.dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container {
  padding: 0px calc(var(--dv-border-radius) / 2);
}
.dockview-theme-abyss-spaced .dv-groupview .dv-content-container {
  background-color: var(--dv-tabs-and-actions-container-background-color);
}
.dockview-theme-abyss-spaced .dv-resize-container .dv-groupview {
  border: 2px solid var(--dv-color-abyss-dark);
}

.dockview-theme-light-spaced {
  --dv-paneview-active-outline-color: dodgerblue;
  --dv-tabs-and-actions-container-font-size: 13px;
  --dv-tabs-and-actions-container-height: 35px;
  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
  --dv-drag-over-border-color: transparent;
  --dv-tabs-container-scrollbar-color: #888;
  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
  --dv-overlay-z-index: 999;
  --dv-tab-font-size: inherit;
  --dv-border-radius: 0px;
  --dv-tab-margin: 0;
  --dv-sash-color: transparent;
  --dv-active-sash-color: transparent;
  --dv-active-sash-transition-duration: 0.1s;
  --dv-active-sash-transition-delay: 0.5s;
  --dv-tab-font-size: 12px;
  --dv-border-radius: 20px;
  --dv-tab-margin: 0.5rem 0.25rem;
  --dv-tabs-and-actions-container-height: 44px;
  --dv-border-radius: 20px;
  box-sizing: border-box;
  --dv-drag-over-border: 2px solid rgb(91, 30, 207);
  --dv-drag-over-background-color: "";
  --dv-group-view-background-color: #f6f5f9;
  --dv-tabs-and-actions-container-background-color: white;
  --dv-activegroup-visiblepanel-tab-background-color: #ededf0;
  --dv-activegroup-hiddenpanel-tab-background-color: #f9f9fa;
  --dv-inactivegroup-visiblepanel-tab-background-color: #ededf0;
  --dv-inactivegroup-hiddenpanel-tab-background-color: #f9f9fa;
  --dv-tab-divider-color: transparent;
  --dv-activegroup-visiblepanel-tab-color: rgb(104, 107, 130);
  --dv-activegroup-hiddenpanel-tab-color: rgb(148, 151, 169);
  --dv-inactivegroup-visiblepanel-tab-color: rgb(104, 107, 130);
  --dv-inactivegroup-hiddenpanel-tab-color: rgb(148, 151, 169);
  --dv-separator-border: transparent;
  --dv-paneview-header-border-color: rgb(51, 51, 51);
  --dv-active-sash-color: rgb(91, 30, 207);
  --dv-floating-box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.1);
  padding: 10px;
  background-color: #f6f5f9;
  --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);
}
.dockview-theme-light-spaced .dv-resize-container:has(> .dv-groupview) {
  border-radius: 8px;
}
.dockview-theme-light-spaced .dv-sash {
  border-radius: 4px;
}
.dockview-theme-light-spaced .dv-drop-target-anchor {
  border-radius: calc(var(--dv-border-radius) / 4);
}
.dockview-theme-light-spaced .dv-drop-target-anchor.dv-drop-target-content {
  border-radius: var(--dv-border-radius);
}
.dockview-theme-light-spaced .dv-resize-container {
  border-radius: var(--dv-border-radius) !important;
  border: none;
}
.dockview-theme-light-spaced .dv-tabs-overflow-container,
.dockview-theme-light-spaced .dv-tabs-overflow-dropdown-default {
  border-radius: 8px;
  height: unset !important;
}
.dockview-theme-light-spaced .dv-tab {
  border-radius: 8px;
}
.dockview-theme-light-spaced .dv-tab .dv-svg {
  height: 8px;
  width: 8px;
}
.dockview-theme-light-spaced .dv-groupview {
  border-radius: var(--dv-border-radius);
}
.dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container {
  padding: 0px calc(var(--dv-border-radius) / 2);
}
.dockview-theme-light-spaced .dv-groupview .dv-content-container {
  background-color: var(--dv-tabs-and-actions-container-background-color);
}
.dockview-theme-light-spaced .dv-resize-container .dv-groupview {
  border: 2px solid rgba(255, 255, 255, 0.1);
}
.dv-drop-target-container {
  position: absolute;
  z-index: 9999;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  pointer-events: none;
  overflow: hidden;
  --dv-transition-duration: 300ms;
}
.dv-drop-target-container .dv-drop-target-anchor {
  position: relative;
  border: var(--dv-drag-over-border);
  background-color: var(--dv-drag-over-background-color);
  opacity: 1;
  /* GPU optimizations */
  will-change: transform, opacity;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  contain: layout paint;
  transition: opacity var(--dv-transition-duration) ease-in, transform var(--dv-transition-duration) ease-out;
}
.dv-drop-target {
  position: relative;
  --dv-transition-duration: 70ms;
}
.dv-drop-target > .dv-drop-target-dropzone {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 1000;
  pointer-events: none;
}
.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: var(--dv-drag-over-border);
  background-color: var(--dv-drag-over-background-color);
  transition: top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out, opacity var(--dv-transition-duration) ease-out;
  will-change: transform;
  pointer-events: none;
}
.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-top.dv-drop-target-small-vertical {
  border-top: 1px solid var(--dv-drag-over-border-color);
}
.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-bottom.dv-drop-target-small-vertical {
  border-bottom: 1px solid var(--dv-drag-over-border-color);
}
.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-left.dv-drop-target-small-horizontal {
  border-left: 1px solid var(--dv-drag-over-border-color);
}
.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-right.dv-drop-target-small-horizontal {
  border-right: 1px solid var(--dv-drag-over-border-color);
}
.dv-dockview {
  position: relative;
  background-color: var(--dv-group-view-background-color);
  contain: layout;
}
.dv-dockview .dv-watermark-container {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.dv-dockview .dv-overlay-render-container {
  position: relative;
}

.dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
  color: var(--dv-activegroup-visiblepanel-tab-color);
}
.dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {
  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);
  color: var(--dv-activegroup-hiddenpanel-tab-color);
}
.dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {
  background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);
  color: var(--dv-inactivegroup-visiblepanel-tab-color);
}
.dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {
  background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);
  color: var(--dv-inactivegroup-hiddenpanel-tab-color);
}

/**
 * when a tab is dragged we lose the above stylings because they are conditional on parent elements
 * therefore we also set some stylings for the dragging event
 **/
.dv-tab.dv-tab-dragging {
  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
  color: var(--dv-activegroup-visiblepanel-tab-color);
}
.dv-groupview {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--dv-group-view-background-color);
  overflow: hidden;
}
.dv-groupview:focus {
  outline: none;
}
.dv-groupview > .dv-content-container {
  flex-grow: 1;
  min-height: 0;
  outline: none;
}
.dv-root-wrapper {
  height: 100%;
  width: 100%;
}
.dv-grid-view,
.dv-branch-node {
  height: 100%;
  width: 100%;
}
.dv-debug .dv-resize-container .dv-resize-handle-top {
  background-color: red;
}
.dv-debug .dv-resize-container .dv-resize-handle-bottom {
  background-color: green;
}
.dv-debug .dv-resize-container .dv-resize-handle-left {
  background-color: yellow;
}
.dv-debug .dv-resize-container .dv-resize-handle-right {
  background-color: blue;
}
.dv-debug .dv-resize-container .dv-resize-handle-topleft,
.dv-debug .dv-resize-container .dv-resize-handle-topright,
.dv-debug .dv-resize-container .dv-resize-handle-bottomleft,
.dv-debug .dv-resize-container .dv-resize-handle-bottomright {
  background-color: cyan;
}

.dv-resize-container {
  --dv-overlay-z-index: var(--dv-overlay-z-index, 999);
  position: absolute;
  z-index: calc(var(--dv-overlay-z-index) - 2);
  border: 1px solid var(--dv-tab-divider-color);
  box-shadow: var(--dv-floating-box-shadow);
  /* GPU optimizations for floating group movement */
  will-change: transform, opacity;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.dv-resize-container.dv-hidden {
  display: none;
}
.dv-resize-container.dv-resize-container-dragging {
  opacity: 0.5;
  /* Enhanced GPU acceleration during drag */
  will-change: transform, opacity;
}
.dv-resize-container .dv-resize-handle-top {
  height: 4px;
  width: calc(100% - 8px);
  left: 4px;
  top: -2px;
  z-index: var(--dv-overlay-z-index);
  position: absolute;
  cursor: ns-resize;
}
.dv-resize-container .dv-resize-handle-bottom {
  height: 4px;
  width: calc(100% - 8px);
  left: 4px;
  bottom: -2px;
  z-index: var(--dv-overlay-z-index);
  position: absolute;
  cursor: ns-resize;
}
.dv-resize-container .dv-resize-handle-left {
  height: calc(100% - 8px);
  width: 4px;
  left: -2px;
  top: 4px;
  z-index: var(--dv-overlay-z-index);
  position: absolute;
  cursor: ew-resize;
}
.dv-resize-container .dv-resize-handle-right {
  height: calc(100% - 8px);
  width: 4px;
  right: -2px;
  top: 4px;
  z-index: var(--dv-overlay-z-index);
  position: absolute;
  cursor: ew-resize;
}
.dv-resize-container .dv-resize-handle-topleft {
  height: 4px;
  width: 4px;
  top: -2px;
  left: -2px;
  z-index: var(--dv-overlay-z-index);
  position: absolute;
  cursor: nw-resize;
}
.dv-resize-container .dv-resize-handle-topright {
  height: 4px;
  width: 4px;
  right: -2px;
  top: -2px;
  z-index: var(--dv-overlay-z-index);
  position: absolute;
  cursor: ne-resize;
}
.dv-resize-container .dv-resize-handle-bottomleft {
  height: 4px;
  width: 4px;
  left: -2px;
  bottom: -2px;
  z-index: var(--dv-overlay-z-index);
  position: absolute;
  cursor: sw-resize;
}
.dv-resize-container .dv-resize-handle-bottomright {
  height: 4px;
  width: 4px;
  right: -2px;
  bottom: -2px;
  z-index: var(--dv-overlay-z-index);
  position: absolute;
  cursor: se-resize;
}
.dv-render-overlay {
  --dv-overlay-z-index: var(--dv-overlay-z-index, 999);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  contain: layout paint;
  isolation: isolate;
  /* GPU optimizations */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.dv-render-overlay.dv-render-overlay-float {
  z-index: calc(var(--dv-overlay-z-index) - 1);
}

.dv-debug .dv-render-overlay {
  outline: 1px solid red;
  outline-offset: -1;
}
.dv-pane-container {
  height: 100%;
  width: 100%;
}
.dv-pane-container.dv-animated .dv-view {
  /* GPU optimizations for smooth pane animations */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition: transform 0.15s ease-out;
}
.dv-pane-container .dv-view {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0px !important;
}
.dv-pane-container .dv-view:not(:first-child)::before {
  background-color: transparent !important;
}
.dv-pane-container .dv-view:not(:first-child) .dv-pane > .dv-pane-header {
  border-top: 1px solid var(--dv-paneview-header-border-color);
}
.dv-pane-container .dv-view .dv-default-header {
  background-color: var(--dv-group-view-background-color);
  color: var(--dv-activegroup-visiblepanel-tab-color);
  display: flex;
  padding: 0px 8px;
  cursor: pointer;
}
.dv-pane-container .dv-view .dv-default-header .dv-pane-header-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dv-pane-container .dv-view .dv-default-header > span {
  padding-left: 8px;
  flex-grow: 1;
}
.dv-pane-container:first-of-type > .dv-pane > .dv-pane-header {
  border-top: none !important;
}
.dv-pane-container .dv-pane {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.dv-pane-container .dv-pane .dv-pane-header {
  box-sizing: border-box;
  user-select: none;
  position: relative;
  outline: none;
}
.dv-pane-container .dv-pane .dv-pane-header.dv-pane-draggable {
  cursor: pointer;
}
.dv-pane-container .dv-pane .dv-pane-header:focus:before, .dv-pane-container .dv-pane .dv-pane-header:focus-within:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  content: "";
  pointer-events: none;
  outline: 1px solid;
  outline-width: -1px;
  outline-style: solid;
  outline-offset: -1px;
  outline-color: var(--dv-paneview-active-outline-color);
}
.dv-pane-container .dv-pane .dv-pane-body {
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
  position: relative;
  outline: none;
}
.dv-pane-container .dv-pane .dv-pane-body:focus:before, .dv-pane-container .dv-pane .dv-pane-body:focus-within:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  content: "";
  pointer-events: none;
  outline: 1px solid;
  outline-width: -1px;
  outline-style: solid;
  outline-offset: -1px;
  outline-color: var(--dv-paneview-active-outline-color);
}
.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-enabled {
  background-color: black;
}
.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-disabled {
  background-color: orange;
}
.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-maximum {
  background-color: green;
}
.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-minimum {
  background-color: red;
}

.dv-split-view-container {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.dv-split-view-container.dv-splitview-disabled > .dv-sash-container > .dv-sash {
  pointer-events: none;
}
.dv-split-view-container.dv-animation .dv-view,
.dv-split-view-container.dv-animation .dv-sash {
  /* GPU optimizations for smooth animations */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition: transform 0.15s ease-out;
}
.dv-split-view-container.dv-horizontal {
  height: 100%;
}
.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash {
  height: 100%;
  width: 4px;
}
.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-enabled {
  cursor: ew-resize;
}
.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-disabled {
  cursor: default;
}
.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-maximum {
  cursor: w-resize;
}
.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-minimum {
  cursor: e-resize;
}
.dv-split-view-container.dv-horizontal > .dv-view-container > .dv-view:not(:first-child)::before {
  height: 100%;
  width: 1px;
}
.dv-split-view-container.dv-vertical {
  width: 100%;
}
.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash {
  width: 100%;
  height: 4px;
}
.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-enabled {
  cursor: ns-resize;
}
.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-disabled {
  cursor: default;
}
.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-maximum {
  cursor: n-resize;
}
.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-minimum {
  cursor: s-resize;
}
.dv-split-view-container.dv-vertical > .dv-view-container > .dv-view {
  width: 100%;
}
.dv-split-view-container.dv-vertical > .dv-view-container > .dv-view:not(:first-child)::before {
  height: 1px;
  width: 100%;
}
.dv-split-view-container .dv-sash-container {
  height: 100%;
  width: 100%;
  position: absolute;
}
.dv-split-view-container .dv-sash-container .dv-sash {
  position: absolute;
  z-index: 99;
  outline: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  touch-action: none;
  background-color: var(--dv-sash-color, transparent);
}
.dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):active, .dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):hover {
  background-color: var(--dv-active-sash-color, transparent);
  transition-property: background-color;
  transition-timing-function: ease-in-out;
  transition-duration: var(--dv-active-sash-transition-duration, 0.1s);
  transition-delay: var(--dv-active-sash-transition-delay, 0.5s);
}
.dv-split-view-container .dv-view-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.dv-split-view-container .dv-view-container .dv-view {
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  position: absolute;
}
.dv-split-view-container.dv-separator-border .dv-view:not(:first-child)::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  background-color: var(--dv-separator-border);
}
.dv-dragged {
  transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
}

.dv-tab {
  flex-shrink: 0;
}
.dv-tab:focus-within, .dv-tab:focus {
  position: relative;
}
.dv-tab:focus-within::after, .dv-tab:focus::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  pointer-events: none;
  outline: 1px solid var(--dv-tab-divider-color) !important;
  outline-offset: -1px;
  z-index: 5;
}
.dv-tab.dv-tab-dragging .dv-default-tab-action {
  background-color: var(--dv-activegroup-visiblepanel-tab-color);
}
.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {
  visibility: visible;
}
.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {
  visibility: hidden;
}
.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {
  visibility: visible;
}
.dv-tab .dv-default-tab {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dv-tab .dv-default-tab .dv-default-tab-content {
  flex-grow: 1;
  margin-right: 4px;
}
.dv-tab .dv-default-tab .dv-default-tab-action {
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.dv-tab .dv-default-tab .dv-default-tab-action:hover {
  border-radius: 2px;
  background-color: var(--dv-icon-hover-background-color);
}
.dv-tabs-overflow-dropdown-default {
  height: 100%;
  color: var(--dv-activegroup-hiddenpanel-tab-color);
  margin: var(--dv-tab-margin);
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
}
.dv-tabs-overflow-dropdown-default > span {
  padding-left: 0.25rem;
}
.dv-tabs-overflow-dropdown-default > svg {
  transform: rotate(90deg);
}
.dv-tabs-container {
  display: flex;
  height: 100%;
  overflow: auto;
  scrollbar-width: thin;
  /* GPU optimizations for smooth scrolling */
  will-change: scroll-position;
  transform: translate3d(0, 0, 0);
  /* Track */
  /* Handle */
}
.dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  background-color: var(--dv-tab-divider-color);
  width: 1px;
  height: 100%;
}
.dv-tabs-container::-webkit-scrollbar {
  height: 3px;
}
.dv-tabs-container::-webkit-scrollbar-track {
  background: transparent;
}
.dv-tabs-container::-webkit-scrollbar-thumb {
  background: var(--dv-tabs-container-scrollbar-color);
}

.dv-scrollable > .dv-tabs-container {
  overflow: hidden;
}

.dv-tab {
  -webkit-user-drag: element;
  outline: none;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  font-size: var(--dv-tab-font-size);
  margin: var(--dv-tab-margin);
}

.dv-tabs-overflow-container {
  flex-direction: column;
  height: unset;
  border: 1px solid var(--dv-tab-divider-color);
  background-color: var(--dv-group-view-background-color);
}
.dv-tabs-overflow-container .dv-tab:not(:last-child) {
  border-bottom: 1px solid var(--dv-tab-divider-color);
}
.dv-tabs-overflow-container .dv-active-tab {
  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
  color: var(--dv-activegroup-visiblepanel-tab-color);
}
.dv-tabs-overflow-container .dv-inactive-tab {
  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);
  color: var(--dv-activegroup-hiddenpanel-tab-color);
}
.dv-tabs-and-actions-container {
  display: flex;
  background-color: var(--dv-tabs-and-actions-container-background-color);
  flex-shrink: 0;
  box-sizing: border-box;
  height: var(--dv-tabs-and-actions-container-height);
  font-size: var(--dv-tabs-and-actions-container-font-size);
}
.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-scrollable {
  flex-grow: 1;
}
.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container {
  flex-grow: 1;
}
.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container .dv-tab {
  flex-grow: 1;
  padding: 0px;
}
.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-void-container {
  flex-grow: 0;
}
.dv-tabs-and-actions-container .dv-void-container {
  display: flex;
  flex-grow: 1;
}
.dv-tabs-and-actions-container .dv-void-container.dv-draggable {
  cursor: grab;
}
.dv-tabs-and-actions-container .dv-right-actions-container {
  display: flex;
}
.dv-watermark {
  display: flex;
  height: 100%;
}
.dockview-custom-window-tab[data-v-78442960] {
	padding: 0px 8px;
	width: 100%;
	display: flex;
	height: 100%;
	align-items: center;
	background-color: var(--dv-tabs-and-actions-container-background-color);
}
#unified-checkout {
  min-height: 30em;
}
.nc-help-player[data-v-2607f443] {
	background: var(--nc-background-light, #f8f9fa);
	border-radius: 6px;
	padding: 12px;
	margin-bottom: 12px;
}
.nc-help-player-compact[data-v-2607f443] {
	padding: 8px;
	margin-bottom: 8px;
}
.nc-help-step[data-v-2607f443] {
	margin-bottom: 12px;
}
.nc-help-step-title[data-v-2607f443] {
	font-weight: 600;
	color: var(--nc-primary-color, #007bff);
	margin-bottom: 6px;
	font-size: 16px;
}
.nc-help-player-compact .nc-help-step-title[data-v-2607f443] {
	font-size: 14px;
	margin-bottom: 4px;
}
.nc-help-step-content[data-v-2607f443] {
	color: var(--nc-text-color, #333);
	margin-bottom: 8px;
	line-height: 1.5;
}
.nc-help-player-compact .nc-help-step-content[data-v-2607f443] {
	font-size: 13px;
	line-height: 1.4;
	margin-bottom: 6px;
}
.nc-help-step-content h1[data-v-2607f443],
.nc-help-step-content h2[data-v-2607f443],
.nc-help-step-content h3[data-v-2607f443],
.nc-help-step-content h4[data-v-2607f443],
.nc-help-step-content h5[data-v-2607f443],
.nc-help-step-content h6[data-v-2607f443] {
	margin-top: 8px;
	margin-bottom: 4px;
	color: var(--nc-text-dark, #212529);
}
.nc-help-player-compact .nc-help-step-content h1[data-v-2607f443],
.nc-help-player-compact .nc-help-step-content h2[data-v-2607f443],
.nc-help-player-compact .nc-help-step-content h3[data-v-2607f443],
.nc-help-player-compact .nc-help-step-content h4[data-v-2607f443],
.nc-help-player-compact .nc-help-step-content h5[data-v-2607f443],
.nc-help-player-compact .nc-help-step-content h6[data-v-2607f443] {
	margin-top: 6px;
	margin-bottom: 3px;
	font-size: 14px;
}
.nc-help-step-content p[data-v-2607f443] {
	margin-bottom: 6px;
}
.nc-help-player-compact .nc-help-step-content p[data-v-2607f443] {
	margin-bottom: 4px;
}
.nc-help-step-content ul[data-v-2607f443],
.nc-help-step-content ol[data-v-2607f443] {
	margin-left: 20px;
	margin-bottom: 6px;
}
.nc-help-player-compact .nc-help-step-content ul[data-v-2607f443],
.nc-help-player-compact .nc-help-step-content ol[data-v-2607f443] {
	margin-left: 16px;
	margin-bottom: 4px;
}
.nc-help-step-content code[data-v-2607f443] {
	background: var(--nc-code-background, #e9ecef);
	padding: 2px 4px;
	border-radius: 3px;
	font-family: var(--nc-font-mono, 'Courier New', monospace);
	font-size: 0.9em;
}
.nc-help-player-compact .nc-help-step-content code[data-v-2607f443] {
	font-size: 0.85em;
	padding: 1px 3px;
}
.nc-help-step-content pre[data-v-2607f443] {
	background: var(--nc-code-background, #e9ecef);
	padding: 8px;
	border-radius: 4px;
	overflow-x: auto;
	font-family: var(--nc-font-mono, 'Courier New', monospace);
	font-size: 0.85em;
	line-height: 1.4;
}
.nc-help-player-compact .nc-help-step-content pre[data-v-2607f443] {
	padding: 6px;
	font-size: 0.8em;
	line-height: 1.3;
}
.nc-help-step-action-info[data-v-2607f443] {
	margin-top: 8px;
	padding: 6px;
	background: var(--nc-background-light, #f8f9fa);
	border-radius: 4px;
	font-size: 12px;
	color: var(--nc-text-muted, #6c757d);
}
.nc-help-player-compact .nc-help-step-action-info[data-v-2607f443] {
	margin-top: 6px;
	padding: 4px;
	font-size: 11px;
}
.nc-help-action-label[data-v-2607f443] {
	font-weight: 600;
	margin-right: 4px;
}
.nc-help-action-type[data-v-2607f443] {
	font-family: var(--nc-font-mono, 'Courier New', monospace);
	background: var(--nc-code-background, #e9ecef);
	padding: 1px 4px;
	border-radius: 2px;
}
.nc-help-no-content[data-v-2607f443] {
	text-align: center;
	color: var(--nc-text-muted, #6c757d);
	font-style: italic;
	padding: 20px;
}
.nc-help-player-compact .nc-help-no-content[data-v-2607f443] {
	padding: 12px;
	font-size: 13px;
}
.nc-help-step-info[data-v-2607f443] {
	font-size: 12px;
	color: var(--nc-text-muted, #6c757d);
	text-align: center;
	margin-bottom: 8px;
}
.nc-help-player-compact .nc-help-step-info[data-v-2607f443] {
	font-size: 11px;
	margin-bottom: 6px;
}
.nc-help-navigation[data-v-2607f443] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 12px;
	padding-top: 8px;
	border-top: 1px solid var(--nc-border-color, #dee2e6);
}
.nc-help-navigation-compact[data-v-2607f443] {
	margin-top: 8px;
	padding-top: 6px;
}
.nc-help-progress[data-v-2607f443] {
	flex: 1;
	margin: 0 12px;
}
.nc-help-player-compact .nc-help-progress[data-v-2607f443] {
	margin: 0 8px;
}
.nc-help-progress-bar[data-v-2607f443] {
	height: 4px;
	background: var(--nc-progress-background, #e9ecef);
	border-radius: 2px;
	overflow: hidden;
}
.nc-help-player-compact .nc-help-progress-bar[data-v-2607f443] {
	height: 3px;
}
.nc-help-progress-fill[data-v-2607f443] {
	height: 100%;
	background: var(--nc-primary-color, #007bff);
	transition: width 0.3s ease;
}
.nc-help-step-dots[data-v-2607f443] {
	display: flex;
	gap: 6px;
	margin: 0 8px;
}
.nc-help-step-dot[data-v-2607f443] {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid var(--nc-border-color, #dee2e6);
	background: var(--nc-background, #ffffff);
	cursor: pointer;
	transition: all 0.2s ease;
}
.nc-help-step-dot[data-v-2607f443]:hover {
	border-color: var(--nc-primary-color, #007bff);
}
.nc-help-step-dot-active[data-v-2607f443] {
	background: var(--nc-primary-color, #007bff);
	border-color: var(--nc-primary-color, #007bff);
}
.nc-help-step-dot-completed[data-v-2607f443] {
	background: var(--nc-success-color, #28a745);
	border-color: var(--nc-success-color, #28a745);
}
.nc-help-skip-container[data-v-2607f443] {
	text-align: center;
	margin-top: 8px;
}
.nc-help-player-compact .nc-help-skip-container[data-v-2607f443] {
	margin-top: 6px;
}

/* Responsive design */
@media (max-width: 480px) {
.nc-help-navigation[data-v-2607f443] {
		flex-direction: column;
		gap: 8px;
}
.nc-help-progress[data-v-2607f443] {
		margin: 0;
		order: -1;
}
.nc-help-step-dots[data-v-2607f443] {
		order: -2;
		margin-bottom: 8px;
}
}

/* Accessibility */
.nc-help-step-dot[data-v-2607f443]:focus {
	outline: 2px solid var(--nc-focus-color, #80bdff);
	outline-offset: 1px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
.nc-help-progress-fill[data-v-2607f443] {
		transition: none;
}
.nc-help-step-dot[data-v-2607f443] {
		transition: none;
}
}

.nc-help-editor {
	background: var(--nc-background-light, #f8f9fa);
	border-radius: 6px;
	padding: 12px;
	margin-bottom: 12px;
}
.nc-help-editor-compact {
	padding: 8px;
	margin-bottom: 8px;
}
.nc-help-editor-header {
	margin-bottom: 16px;
}
.nc-help-editor-header h3 {
	margin: 0;
	color: var(--nc-primary-color, #007bff);
	font-size: 18px;
}
.nc-help-editor-compact .nc-help-editor-header h3 {
	font-size: 16px;
	margin-bottom: 12px;
}
.nc-help-editor-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 16px;
}
.nc-help-editor-compact .nc-help-editor-form {
	gap: 8px;
	margin-bottom: 12px;
}
.nc-help-form-group {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.nc-help-editor-compact .nc-help-form-group {
	gap: 2px;
}
.nc-help-form-label {
	font-weight: 600;
	color: var(--nc-text-dark, #212529);
	font-size: 13px;
}
.nc-help-editor-compact .nc-help-form-label {
	font-size: 12px;
}
.nc-help-form-input,
.nc-help-form-select,
.nc-help-form-textarea {
	padding: 6px 8px;
	border: 1px solid var(--nc-border-color, #dee2e6);
	border-radius: 4px;
	font-size: 13px;
	background: var(--nc-background, #ffffff);
	color: var(--nc-text-color, #333);
}
.nc-help-editor-compact .nc-help-form-input,
.nc-help-editor-compact .nc-help-form-select,
.nc-help-editor-compact .nc-help-form-textarea {
	padding: 4px 6px;
	font-size: 12px;
}
.nc-help-form-textarea {
	min-height: 60px;
	resize: vertical;
	font-family: inherit;
}
.nc-help-editor-compact .nc-help-form-textarea {
	min-height: 40px;
}
.nc-help-step-list {
	border: 1px solid var(--nc-border-color, #dee2e6);
	border-radius: 4px;
	background: var(--nc-background, #ffffff);
	max-height: 200px;
	overflow-y: auto;
	margin-bottom: 16px;
}
.nc-help-editor-compact .nc-help-step-list {
	max-height: 150px;
	margin-bottom: 12px;
}
.nc-help-editor-section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	padding: 8px 12px;
	background: var(--nc-background-light, #f8f9fa);
	border-radius: 4px;
}
.nc-help-editor-section-header h4 {
	margin: 0;
	font-size: 14px;
	color: var(--nc-text-dark, #212529);
}
.nc-help-step-item {
	padding: 8px;
	border-bottom: 1px solid var(--nc-border-light, #f1f3f4);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nc-help-step-item:last-child {
	border-bottom: none;
}
.nc-help-step-item-compact {
	padding: 6px;
}
.nc-help-step-item-active {
	background: var(--nc-primary-light, #e3f2fd);
	border-left: 3px solid var(--nc-primary-color, #007bff);
}
.nc-help-step-info {
	flex: 1;
	margin-right: 8px;
}
.nc-help-step-basic {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}
.nc-help-step-number {
	font-weight: 600;
	color: var(--nc-primary-color, #007bff);
	min-width: 24px;
}
.nc-help-step-title-input {
	flex: 1;
	font-weight: 600;
}
.nc-help-step-meta {
	display: flex;
	align-items: center;
}
.nc-help-step-type-select {
	font-size: 11px;
	padding: 2px 4px;
}
.nc-help-step-action {
	display: flex;
	gap: 4px;
}
.nc-help-step-detail {
	background: var(--nc-background, #ffffff);
	border: 1px solid var(--nc-border-color, #dee2e6);
	border-radius: 4px;
	padding: 12px;
	margin-bottom: 16px;
}
.nc-help-editor-compact .nc-help-step-detail {
	padding: 8px;
	margin-bottom: 12px;
}
.nc-help-step-settings {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.nc-help-checkbox {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	cursor: pointer;
}
.nc-help-checkbox input {
	margin: 0;
}
.nc-help-editor-action {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 12px;
	border-top: 1px solid var(--nc-border-color, #dee2e6);
}
.nc-help-action-right {
	display: flex;
	gap: 8px;
}
.nc-help-empty-state {
	text-align: center;
	padding: 20px;
	color: var(--nc-text-muted, #6c757d);
	font-style: italic;
}
.nc-help-preview-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}
.nc-help-preview-content {
	background: var(--nc-background, #ffffff);
	border-radius: 8px;
	max-width: 600px;
	max-height: 80vh;
	width: 90%;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.nc-help-preview-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid var(--nc-border-color, #dee2e6);
	background: var(--nc-background-light, #f8f9fa);
}
.nc-help-preview-header h4 {
	margin: 0;
	font-size: 16px;
}
.nc-help-preview-body {
	padding: 16px;
	overflow-y: auto;
	max-height: 60vh;
}

/* Responsive design */
@media (max-width: 768px) {
.nc-help-editor {
		padding: 8px;
}
.nc-help-step-item {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
}
.nc-help-step-info {
		margin-right: 0;
}
.nc-help-editor-action {
		flex-direction: column;
		gap: 8px;
}
.nc-help-action-right {
		justify-content: stretch;
}
.nc-help-preview-content {
		width: 95%;
		max-height: 90vh;
}
}

/* Accessibility */
.nc-help-form-input:focus,
.nc-help-form-select:focus,
.nc-help-form-textarea:focus {
	outline: 2px solid var(--nc-focus-color, #80bdff);
	outline-offset: 2px;
}
.nc-help-step-item:focus-within {
	background: var(--nc-background-light, #f8f9fa);
}

.nc-help-popover[data-v-6455ba5c] {
	position: fixed;
	background: var(--nc-background, #ffffff);
	border: 1px solid var(--nc-border-color, #dee2e6);
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	padding: 12px;
	max-width: 300px;
	z-index: 1000;
	font-size: 13px;
	line-height: 1.4;
	color: var(--nc-text-color, #333);
}
.nc-help-popover-compact[data-v-6455ba5c] {
	padding: 8px;
	max-width: 250px;
	font-size: 12px;
}
.nc-help-popover-close[data-v-6455ba5c] {
	position: absolute;
	top: 6px;
	right: 6px;
	background: none;
	border: none;
	color: var(--nc-text-muted, #6c757d);
	cursor: pointer;
	padding: 2px;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}
.nc-help-popover-close[data-v-6455ba5c]:hover {
	background: var(--nc-background-light, #f8f9fa);
	color: var(--nc-text-dark, #212529);
}
.nc-help-popover-content[data-v-6455ba5c] {
	position: relative;
}
.nc-help-popover-title[data-v-6455ba5c] {
	margin: 0 0 8px 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--nc-primary-color, #007bff);
	line-height: 1.3;
}
.nc-help-popover-compact .nc-help-popover-title[data-v-6455ba5c] {
	font-size: 13px;
	margin-bottom: 6px;
}
.nc-help-popover-text[data-v-6455ba5c] {
	margin-bottom: 8px;
}
.nc-help-popover-compact .nc-help-popover-text[data-v-6455ba5c] {
	margin-bottom: 6px;
}
.nc-help-popover-text p[data-v-6455ba5c] {
	margin: 0 0 4px 0;
}
.nc-help-popover-text p[data-v-6455ba5c]:last-child {
	margin-bottom: 0;
}
.nc-help-popover-text code[data-v-6455ba5c] {
	background: var(--nc-code-background, #e9ecef);
	padding: 1px 3px;
	border-radius: 2px;
	font-family: var(--nc-font-mono, 'Courier New', monospace);
	font-size: 0.9em;
}
.nc-help-popover-text strong[data-v-6455ba5c] {
	font-weight: 600;
}
.nc-help-popover-text em[data-v-6455ba5c] {
	font-style: italic;
}
.nc-help-popover-step[data-v-6455ba5c] {
	margin-bottom: 8px;
	padding-top: 6px;
	border-top: 1px solid var(--nc-border-light, #f1f3f4);
}
.nc-help-popover-compact .nc-help-popover-step[data-v-6455ba5c] {
	margin-bottom: 6px;
	padding-top: 4px;
}
.nc-help-popover-step-info[data-v-6455ba5c] {
	font-size: 11px;
	color: var(--nc-text-muted, #6c757d);
	font-weight: 500;
}
.nc-help-popover-action[data-v-6455ba5c] {
	display: flex;
	gap: 6px;
	margin-bottom: 8px;
	flex-wrap: wrap;
}
.nc-help-popover-compact .nc-help-popover-action[data-v-6455ba5c] {
	margin-bottom: 6px;
	gap: 4px;
}
.nc-help-popover-link[data-v-6455ba5c] {
	padding-top: 6px;
	border-top: 1px solid var(--nc-border-light, #f1f3f4);
}
.nc-help-popover-compact .nc-help-popover-link[data-v-6455ba5c] {
	padding-top: 4px;
}
.nc-help-popover-help-link[data-v-6455ba5c] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--nc-primary-color, #007bff);
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
}
.nc-help-popover-help-link[data-v-6455ba5c]:hover {
	color: var(--nc-primary-dark, #0056b3);
	text-decoration: underline;
}
.nc-help-popover-arrow[data-v-6455ba5c] {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}
.nc-help-popover-arrow-top[data-v-6455ba5c] {
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 8px 8px 0 8px;
	border-color: var(--nc-background, #ffffff) transparent transparent transparent;
}
.nc-help-popover-arrow-bottom[data-v-6455ba5c] {
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent var(--nc-background, #ffffff) transparent;
}
.nc-help-popover-arrow-left[data-v-6455ba5c] {
	right: -8px;
	top: 50%;
	transform: translateY(-50%);
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent var(--nc-background, #ffffff);
}
.nc-help-popover-arrow-right[data-v-6455ba5c] {
	left: -8px;
	top: 50%;
	transform: translateY(-50%);
	border-width: 8px 8px 8px 0;
	border-color: transparent var(--nc-background, #ffffff) transparent transparent;
}

/* Animation */
.nc-help-popover[data-v-6455ba5c] {
	animation: nc-help-popover-fade-in-6455ba5c 0.2s ease-out;
}
@keyframes nc-help-popover-fade-in-6455ba5c {
from {
		opacity: 0;
		transform: scale(0.95);
}
to {
		opacity: 1;
		transform: scale(1);
}
}

/* Responsive design */
@media (max-width: 480px) {
.nc-help-popover[data-v-6455ba5c] {
		max-width: 250px;
		padding: 8px;
		font-size: 12px;
}
.nc-help-popover-title[data-v-6455ba5c] {
		font-size: 13px;
}
.nc-help-popover-action[data-v-6455ba5c] {
		flex-direction: column;
		gap: 4px;
}
}

/* Accessibility */
.nc-help-popover[data-v-6455ba5c]:focus-within {
	outline: 2px solid var(--nc-focus-color, #80bdff);
	outline-offset: 2px;
}
.nc-help-popover-close[data-v-6455ba5c]:focus {
	outline: 1px solid var(--nc-focus-color, #80bdff);
}

/* High contrast mode */
@media (prefers-contrast: high) {
.nc-help-popover[data-v-6455ba5c] {
		border-width: 2px;
}
.nc-help-popover-close[data-v-6455ba5c] {
		border: 1px solid var(--nc-border-color, #dee2e6);
}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
.nc-help-popover[data-v-6455ba5c] {
		animation: none;
}
}

/* Additional styles if needed */
.nc-help-placeholder[data-v-ab2c960a] {
	text-align: center;
	color: var(--nc-text-muted, #6c757d);
	font-style: italic;
	padding: 8px;
}
.nc-help-control[data-v-ab2c960a] {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
}
.nc-help-control-compact[data-v-ab2c960a] {
	display: flex;
	justify-content: center;
	gap: 4px;
}
/*!
 * # Fomantic-UI 2.9.4 - List
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            List
*******************************/

ul.ui.list,
ol.ui.list,
.ui.list {
  list-style-type: none;
  margin: 1em 0;
  padding: 0 0;
}
ul.ui.list:first-child,
ol.ui.list:first-child,
.ui.list:first-child {
  margin-top: 0;
  padding-top: 0;
}
ul.ui.list:last-child,
ol.ui.list:last-child,
.ui.list:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}


/*******************************
            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.2em 0;
  line-height: 1.13333333em;
}
ul.ui.list > li:first-child::after,
ol.ui.list > li:first-child::after,
.ui.list > .list > .item::after,
.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: 0;
}
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: 0;
}

/* Child List */
ul.ui.list ul,
ol.ui.list ol,
.ui.list .list:not(.icon) {
  clear: both;
  margin: 0;
  padding: 0.75em 0 0.25em 0.5em;
}

/* Child Item */
ul.ui.list ul li,
ol.ui.list ol li,
.ui.list .list > .item {
  padding: 0.13333333em 0;
  line-height: inherit;
}

/* Icon */
.ui.list .list > .item > i.icon,
.ui.list > .item > i.icon {
  display: table-cell;
  min-width: 1.55em;
  margin: 0;
  padding-top: 0;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.list .list > .item > i.icon:not(.loading),
.ui.list > .item > i.icon:not(.loading) {
  padding-right: 0.26666667em;
  vertical-align: top;
}
.ui.list .list > .item > i.icon:only-child,
.ui.list > .item > i.icon:only-child {
  display: inline-block;
  min-width: auto;
  vertical-align: top;
}

/* Image */
.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 > 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.13333333em;
  color: rgba(0, 0, 0, 0.87);
}
.ui.list .list > .item > .image + .content,
.ui.list .list > .item > i.icon + .content,
.ui.list > .item > .image + .content,
.ui.list > .item > i.icon + .content {
  display: table-cell;
  width: 100%;
  padding: 0 0 0 0.5em;
  vertical-align: top;
}
.ui.list .list > .item > i.loading.icon + .content,
.ui.list > .item > i.loading.icon + .content {
  padding-left: calc(0.26666666666666666em + 0.5em);
}
.ui.list .list > .item > img.image + .content,
.ui.list > .item > img.image + .content {
  display: inline-block;
  width: auto;
}
.ui.list .list > .item > .content > .list,
.ui.list > .item > .content > .list {
  margin-left: 0;
  padding-left: 0;
}

/* Header */
.ui.list .list > .item .header,
.ui.list > .item .header {
  display: block;
  margin: 0;
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  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.icons,
.ui.list > a.item > i.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: 0 1em 0 0;
}
.ui.list .list > .item [class*="right floated"],
.ui.list > .item [class*="right floated"] {
  float: right;
  margin: 0 0 0 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.2em 0;
  line-height: 1.13333333em;
}
.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: 0;
}
.ui.menu .ui.list .list > .item:last-child,
.ui.menu .ui.list > .item:last-child {
  padding-bottom: 0;
}


/*******************************
            Types
*******************************/


/* -------------------
          Horizontal
    -------------------- */
.ui.horizontal.list {
  display: inline-block;
  font-size: 0;
}
.ui.horizontal.list > .item {
  display: inline-block;
  margin-right: 1em;
  font-size: 1rem;
}
.ui.horizontal.list:not(.celled) > .item:last-child {
  margin-right: 0;
  padding-right: 0;
}
.ui.horizontal.list .list:not(.icon) {
  padding-left: 0;
  padding-bottom: 0;
}
.ui.horizontal.list > .item > .image,
.ui.horizontal.list .list > .item > .image,
.ui.horizontal.list > .item > i.icon,
.ui.horizontal.list .list > .item > i.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.2em;
  padding-bottom: 0.2em;
}

/* Horizontal List */
.ui.horizontal.list > .item > i.icon,
.ui.horizontal.list .item > i.icons > i.icon {
  margin: 0;
  padding: 0 0.25em 0 0;
}
.ui.horizontal.list > .item > .image + .content,
.ui.horizontal.list > .item > i.icon,
.ui.horizontal.list > .item > i.icon + .content {
  float: none;
  display: inline-block;
  width: auto;
}
.ui.horizontal.list > .item > .image {
  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 > .icons,
.ui.list > a.item:hover > .icons,
.ui.list .list > a.item:hover > i.icon,
.ui.list > a.item:hover > i.icon {
  color: rgba(0, 0, 0, 0.87);
}


/*******************************
           Variations
*******************************/


/* -------------------
           Inverted
    -------------------- */
.ui.inverted.list .list > a.item > i.icon,
.ui.inverted.list > a.item > i.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 > .item > .content,
.ui.inverted.list > .item > .content {
  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.ui.link.list a.item:hover,
.ui.ui.link.list .item a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.ui.link.list a.item:active,
.ui.ui.link.list .item a:not(.ui):active {
  color: rgba(0, 0, 0, 0.9);
}
.ui.ui.link.list .active.item,
.ui.ui.link.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.ui.inverted.link.list a.item:hover,
.ui.ui.inverted.link.list .item a:not(.ui):hover {
  color: #ffffff;
}
.ui.ui.inverted.link.list a.item:active,
.ui.ui.inverted.link.list .item a:not(.ui):active {
  color: #ffffff;
}
.ui.ui.inverted.link.list a.active.item,
.ui.ui.inverted.link.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: 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);
}

/* Inverted */
.ui.inverted.selection.list > .item {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.selection.list > .item:hover {
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}
.ui.inverted.selection.list > .item:active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.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: 0;
}

/* -------------------
           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: 0;
  padding-right: 0;
}
.ui.fitted.selection.list .list > .item,
.ui.fitted.selection.list > .item {
  margin-left: -0.5em;
  margin-right: -0.5em;
}

/* -------------------
          Bulleted
    -------------------- */
ul.ui.list,
.ui.bulleted.list {
  margin-left: 1.25rem;
}
ul.ui.list li,
.ui.bulleted.list .list > .item,
.ui.bulleted.list > .item {
  position: relative;
}
ul.ui.list li::before,
.ui.bulleted.list .list > .item::before,
.ui.bulleted.list > .item::before {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  top: auto;
  left: auto;
  font-weight: normal;
  margin-left: -1.25rem;
  content: "\2022";
  opacity: 1;
  color: inherit;
  vertical-align: top;
}
ul.ui.list li::before,
.ui.bulleted.list .list > a.item::before,
.ui.bulleted.list > a.item::before {
  color: rgba(0, 0, 0, 0.87);
}
ul.ui.list ul,
.ui.bulleted.list .list:not(.icon) {
  padding-left: 1.25rem;
}

/* Horizontal Bulleted */
ul.ui.horizontal.bulleted.list,
.ui.horizontal.bulleted.list {
  margin-left: 0;
}
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: 0;
}
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:not(.icon),
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]::before,
.ui.ordered.list > .item[data-value]::before {
  content: attr(data-value);
}
ol.ui.list li[value]::before {
  content: attr(value);
}

/* Child Lists */
ol.ui.list ol,
.ui.ordered.list .list:not(.icon) {
  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: 0;
}
ol.ui.horizontal.list li::before,
.ui.ordered.horizontal.list .list > .item::before,
.ui.ordered.horizontal.list > .item::before {
  position: static;
  margin: 0 0.5em 0 0;
}

/* Suffixed Ordered */
ol.ui.suffixed.list li::before,
.ui.suffixed.ordered.list .list > .item::before,
.ui.suffixed.ordered.list > .item::before {
  content: counters(ordered, ".") ".";
}

/* -------------------
           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:not(.icon) {
  margin-left: 0;
  padding-left: 0;
}
.ui.divided.bulleted.list > .item:not(.horizontal) {
  padding-left: 1.25rem;
}

/* Divided Ordered */
.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:not(.icon) {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0.2em;
}
.ui.divided.ordered.list .item .list > .item {
  padding-left: 1em;
}

/* Divided Selection */
.ui.divided.selection.list .list > .item,
.ui.divided.selection.list > .item {
  margin: 0;
  border-radius: 0;
}

/* Divided horizontal */
.ui.divided.horizontal.list {
  margin-left: 0;
}
.ui.divided.horizontal.list > .item {
  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-right: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0;
  line-height: 0.6;
}
.ui.horizontal.divided.list > .item:last-child {
  border-right: 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.2em;
  padding-bottom: 0.2em;
}

/* Sub Menu */
.ui.celled.list .item .list > .item {
  border-width: 0;
}
.ui.celled.list .list > .item:first-child {
  border-top-width: 0;
}

/* Celled Bulleted */
.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:not(.icon) {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding-bottom: 0.2em;
}

/* Celled Ordered */
.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:not(.icon) {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0.2em;
}
.ui.celled.ordered.list .list > .item {
  padding-left: 1em;
}

/* Celled Horizontal */
.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);
}

/* Inverted */
.ui.celled.inverted.list > .item,
.ui.celled.inverted.list > .list {
  border-color: rgba(255, 255, 255, 0.1);
}
.ui.celled.inverted.horizontal.list .list > .item,
.ui.celled.inverted.horizontal.list > .item {
  border-color: rgba(255, 255, 255, 0.1);
}

/* -------------------
           Relaxed
    -------------------- */
.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
  padding-top: 0.4em;
}
.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.4em;
}
.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.8em;
}
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.8em;
}
.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.list {
  font-size: 1em;
}
.ui.mini.list {
  font-size: 0.8em;
}
.ui.mini.horizontal.list .list > .item,
.ui.mini.horizontal.list > .item {
  font-size: 0.8rem;
}
.ui.tiny.list {
  font-size: 0.86666667em;
}
.ui.tiny.horizontal.list .list > .item,
.ui.tiny.horizontal.list > .item {
  font-size: 0.86666667rem;
}
.ui.small.list {
  font-size: 0.93333333em;
}
.ui.small.horizontal.list .list > .item,
.ui.small.horizontal.list > .item {
  font-size: 0.93333333rem;
}
.ui.large.list {
  font-size: 1.13333333em;
}
.ui.large.horizontal.list .list > .item,
.ui.large.horizontal.list > .item {
  font-size: 1.13333333rem;
}
.ui.big.list {
  font-size: 1.26666667em;
}
.ui.big.horizontal.list .list > .item,
.ui.big.horizontal.list > .item {
  font-size: 1.26666667rem;
}
.ui.huge.list {
  font-size: 1.4em;
}
.ui.huge.horizontal.list .list > .item,
.ui.huge.horizontal.list > .item {
  font-size: 1.4rem;
}
.ui.massive.list {
  font-size: 1.73333333em;
}
.ui.massive.horizontal.list .list > .item,
.ui.massive.horizontal.list > .item {
  font-size: 1.73333333rem;
}


/*******************************
         Theme Overrides
*******************************/


#nc-help-menu {
	position: absolute;
	max-width: 16em;
}
.nc-virtual-scroll {
  height: 100%;
  width: 100%;
}.nc-bank-note-id-missing {
  color: gray !important;
}
.nc-bank-note-row-info pre {
  margin-bottom: -1.2em;
}
.nc-bank-note-sum-row {
  margin-top: -0.5em;
}
.nc-bank-note-sum-row-error {
  color: red !important;
}
.nc-bank-note-row-info .nc-voucher-row {
  color: #4f644f !important;
}
.nc-bank-note-start-balance {
  color: blue !important;
}.nc-bank-row {
  line-height: 1.2em;
  font-size: var(--d3e5990a);
}
.nc-bank-record-type {
  width: 3em !important;
  text-align: right;
}
.nc-bank-note-difference-is-amount {
  color: grey !important;
}
.nc-bank-note-negative {
  color: red !important;
  font-weight: bold !important;
}
.nc-bank-note {
  margin-top: 0.5em;
  margin-bottom: -1.5em;
  font-style: oblique;
  font-weight: bolder;
}.nc-markdown-editor {
  width: 100%;
  height: var(--v56c1ddcb);
  border: 1px solid lightgray;
}.nc-html-editor {
  position: relative;
}
.nc-html-editor-body-editable {
  outline: 1px solid lightgray;
}
.nc-html-editor-body {
  height: 100%;
  width: 100%;
}
.nc-html-editor-toolbar {
  position: sticky;
  top: 0;
  z-index: 1;
}
.image-size-small {
  max-width: 12.5%;
  height: auto;
}
.image-size-medium {
  max-width: 25%;
  height: auto;
}
.image-size-large {
  max-width: auto;
  height: auto;
}
.image-align-none {
  text-align: none;
}
.image-align-right {
  text-align: right;
}
.image-align-left {
  text-align: left;
}
.image-align-center {
  text-align: center;
}
.image-align-float-right {
  float: right;
}
.image-align-float-left {
  float: left;
}
.image-align-float-center {
  float: center;
}
#importFile {
  margin-left: -2.3em;
  width: 2.1em;
  height: 2.1em;
  overflow: hidden;
  opacity: 0;
}
.ProseMirror:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  background-color: var(--bs-white);
}
.ProseMirror blockquote {
  padding-left: 1rem;
  border-left: 3px solid rgba(13, 13, 13, 0.1);
}
.ProseMirror img {
  pointer-events: auto;
}
.ProseMirror img.ProseMirror-selectednode {
  outline: 3px solid #68cef8;
}
.ProseMirror mark {
  background-color: #faf594;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn {
  display: inline-block;
  color: grey;
}
@keyframes onAutoFillStart {
from {
		/**/
}
to {
		/**/
}
}
@keyframes onAutoFillCancel {
from {
		/**/
}
to {
		/**/
}
}
input:-webkit-autofill {
	/* Expose a hook for JavaScript when auto fill is shown.
	JavaScript can capture 'animationstart' events */
	animation-name: onAutoFillStart;
	/* Make the background color become yellow _really slowly_ */
	transition: background-color 50000s ease-in-out 0s;
}
input:not(:-webkit-autofill) {
	/* // Expose a hook for JS onAutoFillCancel
	// JavaScript can capture 'animationstart' events */
	animation-name: onAutoFillCancel;
}
.nc-register-invalid {
  border-color: red !important;
}.nc-collapse-header {
  cursor: pointer;
  user-select: none;
  padding: 0.5em 0;
}
.nc-collapse-header span:nth-last-child(1) {
  margin-left: 0.5em;
  border: 0px;
}
.stats[data-v-d813d34a] {
	width: 80px;
	opacity: 0.8;
	cursor: pointer;
	background-color: #020;
	position: fixed;
	z-index: 9999999;
	display: flex;
	flex-flow: column;
}
.stats .memory[data-v-d813d34a] {
	color: #0f0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 15px;
	flex: 0 1 auto;
}
.stats .chart[data-v-d813d34a] {
	background-color: #131;
	flex: 1 1 auto;
	margin: 2px;
}
.stats .chart polyline[data-v-d813d34a] {
	fill: none;
	stroke: #0f0;
	stroke-width: 1px;
}
/*!
 * # Fomantic-UI 2.9.4 - Modal
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
             Modal
*******************************/

.ui.modal {
  position: absolute;
  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.26666667rem;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  will-change: top, left, margin, transform, opacity;
  outline: none;
}
.ui.modal > :first-child:not(.close):not(.dimmer),
.ui.modal > i.icon:first-child + *,
.ui.modal > .dimmer:first-child + *:not(.close),
.ui.modal > .dimmer:first-child + i.icon + * {
  border-top-left-radius: 0.26666667rem;
  border-top-right-radius: 0.26666667rem;
}
.ui.modal > :last-child {
  border-bottom-left-radius: 0.26666667rem;
  border-bottom-right-radius: 0.26666667rem;
}
.ui.modal > .ui.dimmer {
  border-radius: inherit;
}


/*******************************
            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: #fff;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.625rem 0 0 0;
}
.ui.modal > .close:focus,
.ui.modal > .close:hover {
  opacity: 1;
  outline: none;
}

/* --------------
     Header
--------------- */
.ui.modal > .header {
  display: block;
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, '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.4rem;
  line-height: 1.28571429em;
  font-weight: 500;
}

/* --------------
     Content
--------------- */
.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;
}

/* 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: start;
      align-self: start;
  max-width: 100%;
}
.ui.modal > [class*="top aligned"] {
  -ms-flex-item-align: start;
      align-self: start;
}
.ui.modal > [class*="middle aligned"] {
  -ms-flex-item-align: center;
      align-self: center;
}
.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: 0;
  -ms-flex-item-align: start;
      align-self: start;
}
.ui.modal > .content > i.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: 0;
  opacity: 1;
  width: auto;
  line-height: 1;
  font-size: 8rem;
}

/* --------------
         Actions
    --------------- */
.ui.modal > .actions {
  background: #f9fafb;
  padding: 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  text-align: right;
}
.ui.modal .actions > .button:not(.fluid) {
  margin-left: 0.75em;
}
.ui.ui.modal > .basic.actions,
.ui.basic.modal > .actions {
  border-top: none;
}
.ui.modal > .left.actions {
  text-align: left;
}
.ui.modal > .left.actions > .button:not(.fluid) {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ui.modal > .centered,
.ui.modal > .center.aligned {
  text-align: center;
}
.ui.modal > .centered.actions > .button:not(.fluid),
.ui.modal > .center.aligned.actions > .button:not(.fluid) {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* -------------------
       Responsive
-------------------- */

/* Modal Width */
@media only screen and (max-width: 767.98px) {
  .ui.modal:not(.fullscreen) {
    width: 95%;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.modal:not(.fullscreen) {
    width: 88%;
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.modal:not(.fullscreen) {
    width: 850px;
    margin: 0;
  }
  .ui.modal:not(.fullscreen) > .active.dimmer + .close:not(.inside) {
    pointer-events: none;
    opacity: 0.1;
  }
  .ui.dimmer > .ui.modal:not(.fullscreen) > .close:not(.inside) {
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3), 1px -1px 2px rgba(0, 0, 0, 0.3), -1px 2px 2px rgba(0, 0, 0, 0.3), 1px 2px 2px rgba(0, 0, 0, 0.3);
  }
  .ui.inverted.dimmer > .ui.modal:not(.fullscreen) > .close:not(.inside) {
    text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.3), 1px -1px 2px rgba(255, 255, 255, 0.3), -1px 2px 2px rgba(255, 255, 255, 0.3), 1px 2px 2px rgba(255, 255, 255, 0.3);
  }
}
@media only screen and (min-width: 1200px) {
  .ui.modal:not(.fullscreen) {
    width: 900px;
    margin: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.modal:not(.fullscreen) {
    width: 950px;
    margin: 0;
  }
}

/* Tablet and Mobile */
@media only screen and (max-width: 991.98px) {
  .ui.modal > .close + .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: 767.98px) {
  .ui.modal > .header {
    padding: 0.75rem 1rem;
  }
  .ui.modal > .close + .header {
    padding-right: 2.25rem;
  }
  .ui.overlay.fullscreen.modal > .content.content.content {
    min-height: calc(100vh - 8.1rem);
  }
  .ui.overlay.fullscreen.modal > .scrolling.content.content.content {
    max-height: calc(100vh - 8.1rem);
  }
  .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: 0 auto !important;
    text-align: center;
    padding: 0 0 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: 0 !important;
    padding: 1rem 0 !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: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #fff;
}
.ui.ui.modal > .basic.header,
.ui.ui.modal > .basic.actions,
.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
  background-color: transparent;
}
.ui.modal > .basic.header {
  border-bottom: none;
}
.ui.basic.modal > .header {
  color: #fff;
  border-bottom: none;
}
.ui.basic.modal > .close {
  top: 1rem;
  right: 1.5rem;
  color: #fff;
}
.ui.inverted.dimmer > .basic.modal {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.dimmer > .ui.basic.modal > .header {
  color: rgba(0, 0, 0, 0.85);
}

/* Resort to margin positioning if legacy */
.ui.legacy.legacy.modal,
.ui.legacy.legacy.page.dimmer > .ui.modal {
  left: 50% !important;
}
.ui.legacy.legacy.modal:not(.aligned),
.ui.legacy.legacy.page.dimmer > .ui.modal:not(.aligned) {
  top: 50%;
}
.ui.legacy.legacy.page.dimmer > .ui.scrolling.modal:not(.aligned),
.ui.page.dimmer > .ui.scrolling.legacy.legacy.modal:not(.aligned),
.ui.top.aligned.legacy.legacy.page.dimmer > .ui.modal:not(.aligned),
.ui.top.aligned.dimmer > .ui.legacy.legacy.modal:not(.aligned) {
  top: auto;
}
.ui.legacy.overlay.fullscreen.modal {
  margin-top: -2rem !important;
}


/*******************************
             States
*******************************/

.ui.loading.modal {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.active.modal {
  display: block;
}


/*******************************
           Variations
*******************************/


/* --------------
       Aligned
    --------------- */
.modals.dimmer .ui.top.aligned.modal {
  top: 5vh;
}
.modals.dimmer .ui.bottom.aligned.modal {
  bottom: 5vh;
}
@media only screen and (max-width: 767.98px) {
  .modals.dimmer .ui.top.aligned.modal {
    top: 1rem;
  }
  .modals.dimmer .ui.bottom.aligned.modal {
    bottom: 1rem;
  }
}

/* --------------
        Scrolling
    --------------- */

/* Scrolling Dimmer */
.scrolling.dimmable.dimmed {
  overflow: hidden;
}
.scrolling.dimmable > .dimmer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
}
.scrolling.dimmable:not(body) > .dimmer {
  position: absolute;
}
.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
.modals.dimmer .ui.scrolling.modal.fullscreen {
  top: 0;
}
.modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
  margin: 2rem auto;
  top: 1em;
}

/* Fix for Firefox, Edge, IE11 */
.modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
  content: "\00A0";
  position: absolute;
  height: 2rem;
}

/* Undetached Scrolling */
.scrolling.undetached.dimmable.dimmed {
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
.scrolling.undetached.dimmable.dimmed > .dimmer {
  overflow: hidden;
}
.scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen) {
  position: absolute;
  left: 50%;
}

/* Scrolling Content */
.ui.modal > .scrolling.content {
  max-height: calc(80vh - 10rem);
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
.ui.modal > .resizable.scrolling.content {
  resize: vertical;
  max-height: none;
}
.ui.overlay.fullscreen.modal > .content {
  min-height: calc(100vh - 9.1rem);
}
.ui.overlay.fullscreen.modal > .scrolling.content {
  max-height: calc(100vh - 9.1rem);
}

/* --------------
       Full Screen
    --------------- */
.ui.fullscreen.modal {
  width: 95%;
  left: 2.5%;
  margin: 1em auto;
}
.ui.overlay.fullscreen.modal {
  width: 100%;
  left: 0;
  margin: 0 auto;
  top: 0;
  border-radius: 0;
}
.ui.modal > .close.inside + .header:not(.centered):not(.center):not(.icon),
.ui.fullscreen.modal > .close + .header:not(.centered):not(.center):not(.icon) {
  padding-right: 2.25rem;
}
.ui.modal > .close.inside,
.ui.fullscreen.modal > .close {
  top: 1.0535rem;
  right: 1rem;
  color: rgba(0, 0, 0, 0.87);
}
.ui.basic.fullscreen.modal > .close {
  color: #fff;
}

/* --------------
      Size
--------------- */
.ui.modal {
  font-size: 1rem;
}
.ui.mini.modal > .header:not(.ui) {
  font-size: 1.3em;
}
@media only screen and (max-width: 767.98px) {
  .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.tiny.modal > .header:not(.ui) {
  font-size: 1.3em;
}
@media only screen and (max-width: 767.98px) {
  .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: 767.98px) {
  .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:not(.ui) {
  font-size: 1.6em;
}
@media only screen and (max-width: 767.98px) {
  .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;
  }
}
.ui.big.modal > .header:not(.ui) {
  font-size: 1.6em;
}
@media only screen and (max-width: 767.98px) {
  .ui.big.modal {
    width: 95%;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.big.modal {
    width: 88%;
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.big.modal {
    width: 1190px;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.big.modal {
    width: 1260px;
    margin: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.big.modal {
    width: 1330px;
    margin: 0;
  }
}
.ui.huge.modal > .header:not(.ui) {
  font-size: 1.6em;
}
@media only screen and (max-width: 767.98px) {
  .ui.huge.modal {
    width: 95%;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.huge.modal {
    width: 88%;
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.huge.modal {
    width: 1360px;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.huge.modal {
    width: 1440px;
    margin: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.huge.modal {
    width: 1520px;
    margin: 0;
  }
}
.ui.massive.modal > .header:not(.ui) {
  font-size: 1.8em;
}
@media only screen and (max-width: 767.98px) {
  .ui.massive.modal {
    width: 95%;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .ui.massive.modal {
    width: 88%;
    margin: 0;
  }
}
@media only screen and (min-width: 992px) {
  .ui.massive.modal {
    width: 1530px;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.massive.modal {
    width: 1620px;
    margin: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.massive.modal {
    width: 1710px;
    margin: 0;
  }
}


/*****************************
              Inverted
    *******************************/

.ui.inverted.modal {
  background: #000;
}
.ui.inverted.modal > .header,
.ui.inverted.modal > .content {
  background: #000;
  color: #fff;
}
.ui.inverted.modal > .actions {
  background: #191a1b;
  border-top: 1px solid rgba(34, 36, 38, 0.85);
  color: #fff;
}
.ui.inverted.dimmer > .modal > .close {
  color: rgba(0, 0, 0, 0.85);
}
@media only screen and (max-width: 991.98px) {
  .ui.dimmer .inverted.modal > .close {
    color: #fff;
  }
}
.ui.inverted.modal > .close.inside,
.ui.inverted.fullscreen.modal > .close {
  color: #fff;
}


/*******************************
         Theme Overrides
*******************************/

.nc-modal {
  pointer-events: auto;
  margin-top: -2.5em;
}
.nc-modal-button {
  min-width: 8em;
}/*!
 * # Fomantic-UI 2.9.4 - Progress
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            Progress
*******************************/

.ui.progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  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.26666667rem;
}
.ui.basic.progress {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.progress:first-child {
  margin: 0 0 2.5em;
}
.ui.progress:last-child {
  margin: 0 0 1.5em;
}


/*******************************
            Content
*******************************/


/* Activity Bar */
.ui.progress .bar {
  display: block;
  line-height: 1;
  position: relative;
  width: 0;
  background: #888;
  border-radius: 0.26666667rem;
  -webkit-transition: width 0.1s ease, background-color 0.1s ease;
  transition: width 0.1s ease, background-color 0.1s ease;
  overflow: hidden;
}
.ui.progress .bar:not(:empty) {
  min-width: 2.5em;
}
.ui.ui.ui.progress:not([data-percent]):not(.indeterminate) .bar:not(:empty),
.ui.ui.ui.progress[data-percent="0"]:not(.indeterminate) .bar:not(:empty) {
  background: transparent;
}
.ui.progress[data-percent="0"] .bar .progress {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.progress[data-percent="0"] .bar .progress {
  color: rgba(255, 255, 255, 0.9);
}

/* Percent Complete */
.ui.progress .bar > .progress {
  white-space: nowrap;
  position: absolute;
  width: auto;
  font-size: 0.93333333em;
  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: 500;
  text-align: left;
}
.ui.right.aligned.progress {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ui.right.aligned.progress .bar > .progress {
  left: 0.5em;
  right: auto;
}

/* 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: 500;
  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);
}

/* Inverted Indicating Label */
.ui.inverted.indicating.progress[data-percent^="1"] .label,
.ui.inverted.indicating.progress[data-percent^="2"] .label {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.indicating.progress[data-percent^="3"] .label {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.indicating.progress[data-percent^="4"] .label,
.ui.inverted.indicating.progress[data-percent^="5"] .label {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.indicating.progress[data-percent^="6"] .label {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.indicating.progress[data-percent^="7"] .label,
.ui.inverted.indicating.progress[data-percent^="8"] .label {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.indicating.progress[data-percent^="9"] .label,
.ui.inverted.indicating.progress[data-percent^="100"] .label {
  color: rgba(255, 255, 255, 0.9);
}

/* Single Digits */
.ui.indicating.progress[data-percent="1"] .bar,
.ui.indicating.progress[data-percent^="1."] .bar,
.ui.indicating.progress[data-percent="2"] .bar,
.ui.indicating.progress[data-percent^="2."] .bar,
.ui.indicating.progress[data-percent="3"] .bar,
.ui.indicating.progress[data-percent^="3."] .bar,
.ui.indicating.progress[data-percent="4"] .bar,
.ui.indicating.progress[data-percent^="4."] .bar,
.ui.indicating.progress[data-percent="5"] .bar,
.ui.indicating.progress[data-percent^="5."] .bar,
.ui.indicating.progress[data-percent="6"] .bar,
.ui.indicating.progress[data-percent^="6."] .bar,
.ui.indicating.progress[data-percent="7"] .bar,
.ui.indicating.progress[data-percent^="7."] .bar,
.ui.indicating.progress[data-percent="8"] .bar,
.ui.indicating.progress[data-percent^="8."] .bar,
.ui.indicating.progress[data-percent="9"] .bar,
.ui.indicating.progress[data-percent^="9."] .bar {
  background-color: #d95c5c;
}
.ui.indicating.progress[data-percent="0"] .label,
.ui.indicating.progress[data-percent^="0."] .label,
.ui.indicating.progress[data-percent="1"] .label,
.ui.indicating.progress[data-percent^="1."] .label,
.ui.indicating.progress[data-percent="2"] .label,
.ui.indicating.progress[data-percent^="2."] .label,
.ui.indicating.progress[data-percent="3"] .label,
.ui.indicating.progress[data-percent^="3."] .label,
.ui.indicating.progress[data-percent="4"] .label,
.ui.indicating.progress[data-percent^="4."] .label,
.ui.indicating.progress[data-percent="5"] .label,
.ui.indicating.progress[data-percent^="5."] .label,
.ui.indicating.progress[data-percent="6"] .label,
.ui.indicating.progress[data-percent^="6."] .label,
.ui.indicating.progress[data-percent="7"] .label,
.ui.indicating.progress[data-percent^="7."] .label,
.ui.indicating.progress[data-percent="8"] .label,
.ui.indicating.progress[data-percent^="8."] .label,
.ui.indicating.progress[data-percent="9"] .label,
.ui.indicating.progress[data-percent^="9."] .label {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.indicating.progress[data-percent="0"] .label,
.ui.inverted.indicating.progress[data-percent^="0."] .label,
.ui.inverted.indicating.progress[data-percent="1"] .label,
.ui.inverted.indicating.progress[data-percent^="1."] .label,
.ui.inverted.indicating.progress[data-percent="2"] .label,
.ui.inverted.indicating.progress[data-percent^="2."] .label,
.ui.inverted.indicating.progress[data-percent="3"] .label,
.ui.inverted.indicating.progress[data-percent^="3."] .label,
.ui.inverted.indicating.progress[data-percent="4"] .label,
.ui.inverted.indicating.progress[data-percent^="4."] .label,
.ui.inverted.indicating.progress[data-percent="5"] .label,
.ui.inverted.indicating.progress[data-percent^="5."] .label,
.ui.inverted.indicating.progress[data-percent="6"] .label,
.ui.inverted.indicating.progress[data-percent^="6."] .label,
.ui.inverted.indicating.progress[data-percent="7"] .label,
.ui.inverted.indicating.progress[data-percent^="7."] .label,
.ui.inverted.indicating.progress[data-percent="8"] .label,
.ui.inverted.indicating.progress[data-percent^="8."] .label,
.ui.inverted.indicating.progress[data-percent="9"] .label,
.ui.inverted.indicating.progress[data-percent^="9."] .label {
  color: rgba(255, 255, 255, 0.9);
}

/* Indicating Success */
.ui.ui.indicating.progress.success .label {
  color: #1a531b;
}


/*******************************
             States
*******************************/


/* --------------
         Success
    --------------- */
.ui.ui.progress.success .bar {
  background-color: #21ba45;
}
.ui.ui.progress.success .bar,
.ui.ui.progress.success .bar::after {
  -webkit-animation: none;
          animation: none;
}
.ui.progress.success > .label {
  color: #1a531b;
}

/* --------------
         Warning
    --------------- */
.ui.ui.progress.warning .bar {
  background-color: #f2c037;
}
.ui.ui.progress.warning .bar,
.ui.ui.progress.warning .bar::after {
  -webkit-animation: none;
          animation: none;
}
.ui.progress.warning > .label {
  color: #794b02;
}

/* --------------
         Error
    --------------- */
.ui.ui.progress.error .bar {
  background-color: #db2828;
}
.ui.ui.progress.error .bar,
.ui.ui.progress.error .bar::after {
  -webkit-animation: none;
          animation: none;
}
.ui.progress.error > .label {
  color: #912d2b;
}

/* --------------
         Active
    --------------- */
.ui.active.progress .bar {
  position: relative;
}
.ui.active.progress .bar:not(:empty) {
  min-width: 2.5em;
}
.ui.active.progress .bar::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 0.26666667rem;
  -webkit-animation: progress-active 2s ease infinite;
          animation: progress-active 2s ease infinite;
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.active.right.aligned.progress .bar::after {
  -webkit-transform-origin: right;
          transform-origin: right;
}
@-webkit-keyframes progress-active {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes progress-active {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* --------------
        Disabled
    --------------- */
.ui.disabled.progress {
  opacity: 0.35;
}
.ui.ui.disabled.progress .bar,
.ui.ui.disabled.progress .bar::after {
  -webkit-animation: none;
          animation: none;
}


/*******************************
           Variations
*******************************/


/* --------------
        Inverted
    --------------- */
.ui.inverted.progress:not(.basic) {
  background: rgba(255, 255, 255, 0.08);
  border: none;
}
.ui.inverted.progress .bar {
  background: #888;
}
.ui.inverted.progress .bar > .progress {
  color: #1b1c1d;
}
.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;
}

/* --------------
        Attached
    --------------- */

/* bottom attached */
.ui.progress.attached {
  background: transparent;
  position: relative;
  border: none;
  margin: 0;
}
.ui.progress.attached,
.ui.progress.attached .bar {
  height: 0.2rem;
  padding: 0;
  overflow: hidden;
  border-radius: 0 0 0.26666667rem 0.26666667rem;
}
.ui.progress.attached .bar {
  border-radius: 0;
}

/* top attached */
.ui.progress.top.attached,
.ui.progress.top.attached .bar {
  top: 0;
  border-radius: 0.26666667rem 0.26666667rem 0 0;
}
.ui.progress.top.attached .bar {
  border-radius: 0;
}

/* 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
--------------- */
.ui.indeterminate.primary.progress .bar::before,
.ui.primary.progress .bar,
.ui.progress .primary.bar {
  background-color: #2185d0;
}
.ui.inverted.indeterminate.primary.progress .bar::before,
.ui.primary.inverted.progress .bar,
.ui.inverted.progress .primary.bar {
  background-color: #54c8ff;
}
.ui.indeterminate.secondary.progress .bar::before,
.ui.secondary.progress .bar,
.ui.progress .secondary.bar {
  background-color: #1b1c1d;
}
.ui.inverted.indeterminate.secondary.progress .bar::before,
.ui.secondary.inverted.progress .bar,
.ui.inverted.progress .secondary.bar {
  background-color: #545454;
}
.ui.indeterminate.red.progress .bar::before,
.ui.red.progress .bar,
.ui.progress .red.bar {
  background-color: #db2828;
}
.ui.inverted.indeterminate.red.progress .bar::before,
.ui.red.inverted.progress .bar,
.ui.inverted.progress .red.bar {
  background-color: #ff695e;
}
.ui.indeterminate.orange.progress .bar::before,
.ui.orange.progress .bar,
.ui.progress .orange.bar {
  background-color: #f2711c;
}
.ui.inverted.indeterminate.orange.progress .bar::before,
.ui.orange.inverted.progress .bar,
.ui.inverted.progress .orange.bar {
  background-color: #ff851b;
}
.ui.indeterminate.yellow.progress .bar::before,
.ui.yellow.progress .bar,
.ui.progress .yellow.bar {
  background-color: #fbbd08;
}
.ui.inverted.indeterminate.yellow.progress .bar::before,
.ui.yellow.inverted.progress .bar,
.ui.inverted.progress .yellow.bar {
  background-color: #ffe21f;
}
.ui.indeterminate.olive.progress .bar::before,
.ui.olive.progress .bar,
.ui.progress .olive.bar {
  background-color: #b5cc18;
}
.ui.inverted.indeterminate.olive.progress .bar::before,
.ui.olive.inverted.progress .bar,
.ui.inverted.progress .olive.bar {
  background-color: #d9e778;
}
.ui.indeterminate.green.progress .bar::before,
.ui.green.progress .bar,
.ui.progress .green.bar {
  background-color: #21ba45;
}
.ui.inverted.indeterminate.green.progress .bar::before,
.ui.green.inverted.progress .bar,
.ui.inverted.progress .green.bar {
  background-color: #2ecc40;
}
.ui.indeterminate.teal.progress .bar::before,
.ui.teal.progress .bar,
.ui.progress .teal.bar {
  background-color: #00b5ad;
}
.ui.inverted.indeterminate.teal.progress .bar::before,
.ui.teal.inverted.progress .bar,
.ui.inverted.progress .teal.bar {
  background-color: #6dffff;
}
.ui.indeterminate.blue.progress .bar::before,
.ui.blue.progress .bar,
.ui.progress .blue.bar {
  background-color: #2185d0;
}
.ui.inverted.indeterminate.blue.progress .bar::before,
.ui.blue.inverted.progress .bar,
.ui.inverted.progress .blue.bar {
  background-color: #54c8ff;
}
.ui.indeterminate.violet.progress .bar::before,
.ui.violet.progress .bar,
.ui.progress .violet.bar {
  background-color: #6435c9;
}
.ui.inverted.indeterminate.violet.progress .bar::before,
.ui.violet.inverted.progress .bar,
.ui.inverted.progress .violet.bar {
  background-color: #a291fb;
}
.ui.indeterminate.purple.progress .bar::before,
.ui.purple.progress .bar,
.ui.progress .purple.bar {
  background-color: #a333c8;
}
.ui.inverted.indeterminate.purple.progress .bar::before,
.ui.purple.inverted.progress .bar,
.ui.inverted.progress .purple.bar {
  background-color: #dc73ff;
}
.ui.indeterminate.pink.progress .bar::before,
.ui.pink.progress .bar,
.ui.progress .pink.bar {
  background-color: #e03997;
}
.ui.inverted.indeterminate.pink.progress .bar::before,
.ui.pink.inverted.progress .bar,
.ui.inverted.progress .pink.bar {
  background-color: #ff8edf;
}
.ui.indeterminate.brown.progress .bar::before,
.ui.brown.progress .bar,
.ui.progress .brown.bar {
  background-color: #a5673f;
}
.ui.inverted.indeterminate.brown.progress .bar::before,
.ui.brown.inverted.progress .bar,
.ui.inverted.progress .brown.bar {
  background-color: #d67c1c;
}
.ui.indeterminate.grey.progress .bar::before,
.ui.grey.progress .bar,
.ui.progress .grey.bar {
  background-color: #767676;
}
.ui.inverted.indeterminate.grey.progress .bar::before,
.ui.grey.inverted.progress .bar,
.ui.inverted.progress .grey.bar {
  background-color: #dcddde;
}
.ui.indeterminate.black.progress .bar::before,
.ui.black.progress .bar,
.ui.progress .black.bar {
  background-color: #1b1c1d;
}
.ui.inverted.indeterminate.black.progress .bar::before,
.ui.black.inverted.progress .bar,
.ui.inverted.progress .black.bar {
  background-color: #545454;
}

/* --------------
     Sizes
--------------- */
.ui.progress {
  font-size: 1rem;
}
.ui.progress .bar {
  height: 1.75em;
}
.ui.mini.progress {
  font-size: 0.8rem;
}
.ui.mini.progress .bar {
  height: 0.3em;
}
.ui.tiny.progress {
  font-size: 0.86666667rem;
}
.ui.tiny.progress .bar {
  height: 0.5em;
}
.ui.small.progress {
  font-size: 0.93333333rem;
}
.ui.small.progress .bar {
  height: 1em;
}
.ui.large.progress {
  font-size: 1.13333333rem;
}
.ui.large.progress .bar {
  height: 2.5em;
}
.ui.big.progress {
  font-size: 1.26666667rem;
}
.ui.big.progress .bar {
  height: 3.5em;
}
.ui.huge.progress {
  font-size: 1.4rem;
}
.ui.huge.progress .bar {
  height: 4em;
}
.ui.massive.progress {
  font-size: 1.73333333rem;
}
.ui.massive.progress .bar {
  height: 5em;
}

/* ---------------
      Indeterminate
    ---------------- */
.ui.indeterminate.progress .bar {
  width: 100%;
}
.ui.indeterminate.progress .bar .progress,
.ui.progress .bar .centered.progress {
  text-align: center;
  position: relative;
  right: 0;
}
.ui.indeterminate.progress .bar::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 0.26666667rem;
  -webkit-animation: progress-pulsating 2s ease infinite;
          animation: progress-pulsating 2s ease infinite;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 100%;
}
.ui.slow.indeterminate.progress .bar::before {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.ui.fast.indeterminate.progress .bar::before {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.ui.swinging.indeterminate.progress .bar::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-animation-name: progress-swinging;
          animation-name: progress-swinging;
}
.ui.sliding.indeterminate.progress .bar::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-animation-name: progress-sliding;
          animation-name: progress-sliding;
}
.ui.filling.indeterminate.progress .bar::before {
  -webkit-animation-name: progress-filling;
          animation-name: progress-filling;
}
.ui.indeterminate.progress:not(.sliding):not(.filling):not(.swinging) .bar::before {
  background: #fff;
}
.ui.sliding.indeterminate.progress .bar,
.ui.swinging.indeterminate.progress .bar,
.ui.filling.indeterminate.progress .bar {
  background: rgba(0, 0, 0, 0.1);
}
.ui.sliding.indeterminate.progress .bar .progress,
.ui.swinging.indeterminate.progress .bar .progress {
  color: #1b1c1d;
}
.ui.inverted.sliding.indeterminate.progress .bar,
.ui.inverted.swinging.indeterminate.progress .bar,
.ui.inverted.filling.indeterminate.progress .bar {
  background: rgba(255, 255, 255, 0.08);
}
.ui.inverted.sliding.indeterminate.progress .bar .progress,
.ui.inverted.swinging.indeterminate.progress .bar .progress {
  color: rgba(255, 255, 255, 0.7);
}
@-webkit-keyframes progress-swinging {
  0%,
  100% {
    width: 10%;
    left: -25%;
  }
  25%,
  65% {
    width: 70%;
  }
  50% {
    width: 10%;
    left: 100%;
  }
}
@keyframes progress-swinging {
  0%,
  100% {
    width: 10%;
    left: -25%;
  }
  25%,
  65% {
    width: 70%;
  }
  50% {
    width: 10%;
    left: 100%;
  }
}
@-webkit-keyframes progress-sliding {
  0% {
    width: 10%;
    left: -25%;
  }
  50% {
    width: 70%;
  }
  100% {
    width: 10%;
    left: 100%;
  }
}
@keyframes progress-sliding {
  0% {
    width: 10%;
    left: -25%;
  }
  50% {
    width: 70%;
  }
  100% {
    width: 10%;
    left: 100%;
  }
}
@-webkit-keyframes progress-filling {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes progress-filling {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes progress-pulsating {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes progress-pulsating {
  0% {
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}


/*******************************
            Progress
*******************************/

.nc-progress-bar {
  font-weight: normal !important;
}body[data-drawer_appear] {
  transition: margin 0.3s ease;
}
body[data-drawer_appear] #nc-app-sidebar {
  transition: left 0.3s ease;
}
body[data-drawer_mode] {
  margin-left: var(--nc-drawer-width);
}
body[data-drawer_mode] .ui.sidebar {
  left: var(--nc-drawer-width);
}
.nc-drawer {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  border-right: 1px solid black;
  color: var(--bs-body-color);
  padding-left: 3px;
  padding-right: 3px;
  z-index: 1080;
  flex: 0 1 auto;
}
.nc-drawer .nc-drawer-inner {
  overflow-y: auto;
  scrollbar-width: none;
}
.nc-drawer .nc-drawer-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.nc-drawer .nc-drawer-border {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  z-index: 200;
  width: 3px;
  height: 100%;
  cursor: ew-resize;
}
.expand-nc-drawer-enter-active {
  transition: width 0.3s ease;
}
.expand-nc-drawer-leave-active {
  transition: width 0.3s ease;
}
.expand-nc-drawer-enter-from,
.expand-nc-drawer-leave-to {
  width: 0 !important;
}.nc-chart {
  height: 100%;
  width: 100%;
  min-width: 320px;
  min-height: 100px;
}
.nc-chart div {
  width: auto !important;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .iPadShowKeyboard {
	width: 58px;
	min-width: 0;
	height: 36px;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	resize: none;
	overflow: hidden;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #F6F6F6;
	border-radius: 4px;
}

.monaco-editor.vs-dark .iPadShowKeyboard {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #252526;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-aria-container {
	position: absolute; /* try to hide from window but not from screen readers */
	left:-999em;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -------------------- IE10 remove auto clear button -------------------- */

::-ms-clear {
	display: none;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* -------------------- Editor -------------------- */

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
	color: var(--vscode-editor-foreground);
	background-color: var(--vscode-editor-background);
	overflow-wrap: initial;
}
.monaco-editor-background {
	background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
	background-color: var(--vscode-editor-rangeHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor.hc-black .rangeHighlight, .monaco-editor.hc-light .rangeHighlight {
	border-style: dotted;
}
.monaco-editor .symbolHighlight {
	background-color: var(--vscode-editor-symbolHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor.hc-black .symbolHighlight, .monaco-editor.hc-light .symbolHighlight {
	border-style: dotted;
}

.monaco-editor .editorCanvas {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
}

/* -------------------- Misc -------------------- */

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

.monaco-editor .view-overlays > div, .monaco-editor .margin-view-overlays > div {
	position: absolute;
	width: 100%;
}

/*
.monaco-editor .auto-closed-character {
	opacity: 0.3;
}
*/


.monaco-editor .squiggly-error {
	border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
	border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
	border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
	border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
	border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
	text-decoration: line-through;
	text-decoration-color: var(--vscode-editor-foreground, inherit);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Arrows */
.monaco-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.monaco-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.monaco-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.monaco-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.monaco-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}

.monaco-scrollable-element > .scrollbar {
	background: var(--vscode-scrollbar-background);
}

.monaco-scrollable-element > .scrollbar > .slider {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-scrollable-element > .scrollbar > .slider:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-scrollable-element > .scrollbar > .slider.active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .blockDecorations-container {
	position: absolute;
	top: 0;
	pointer-events: none;
}

.monaco-editor .blockDecorations-block {
	position: absolute;
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	height: 100%;
}

.monaco-editor .margin-view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	height: 100%;
}

.monaco-editor
	.margin-view-overlays
	.current-line.current-line-margin.current-line-margin-both {
	border-right: 0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cdr = core decorations rendering (div)
*/
.monaco-editor .lines-content .cdr {
	position: absolute;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .glyph-margin {
	position: absolute;
	top: 0;
}

/*
	Keeping name short for faster parsing.
	cgmr = core glyph margin rendering (div)
*/
.monaco-editor .glyph-margin-widgets .cgmr {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
	Ensure spinning icons are pixel-perfectly centered and avoid wobble.
	This is only applied to icons that spin to avoid unnecessary
	GPU layers and blurry subpixel AA.
*/
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lines-content .core-guide {
	position: absolute;
	box-sizing: border-box;
	height: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .line-numbers {
	bottom: 0;
	font-variant-numeric: tabular-nums;
	position: absolute;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: default;
}

.monaco-editor .relative-current-line-number {
	text-align: left;
	display: inline-block;
	width: 100%;
}

.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
	margin-top: 1px;
}

.monaco-editor .line-numbers {
	color: var(--vscode-editorLineNumber-foreground);
}

.monaco-editor .line-numbers.active-line-number {
	color: var(--vscode-editorLineNumber-activeForeground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-mouse-cursor-text {
	cursor: text;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Uncomment to see lines flashing when they're painted */
/*.monaco-editor .view-lines > .view-line {
	background-color: none;
	animation-name: flash-background;
	animation-duration: 800ms;
}
@keyframes flash-background {
	0%   { background-color: lightgreen; }
	100% { background-color: none }
}*/

.mtkcontrol {
	color: rgb(255, 255, 255) !important;
	background: rgb(150, 0, 0) !important;
}

.mtkoverflow {
	background-color: var(--vscode-button-background, var(--vscode-editor-background));
	color: var(--vscode-button-foreground, var(--vscode-editor-foreground));
	border-width: 1px;
	border-style: solid;
	border-color: var(--vscode-contrastBorder);
	border-radius: 2px;
	padding: 4px;
	cursor: pointer;
}
.mtkoverflow:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
	user-select: none;
	-webkit-user-select: none;
}
/* Use user-select: text for lookup feature on macOS */
/* https://github.com/microsoft/vscode/issues/85632 */
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
	user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
}

.monaco-editor.enable-user-select {
	user-select: initial;
	-webkit-user-select: initial;
}

.monaco-editor .view-lines {
	white-space: nowrap;
}

.monaco-editor .view-line {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
}

/* There are view-lines in view-zones. We have to make sure this rule does not apply to them, as they don't set a line height */
.monaco-editor .lines-content > .view-lines > .view-line > span {
	top: 0;
	bottom: 0;
	position: absolute;
}

.monaco-editor .mtkw {
	color: var(--vscode-editorWhitespace-foreground) !important;
}

.monaco-editor .mtkz {
	display: inline-block;
	color: var(--vscode-editorWhitespace-foreground) !important;
}

/* TODO@tokenization bootstrap fix */
/*.monaco-editor .view-line > span > span {
	float: none;
	min-height: inherit;
	margin-left: inherit;
}*/
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .lines-decorations {
	position: absolute;
	top: 0;
	background: white;
}

/*
	Keeping name short for faster parsing.
	cldr = core lines decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cldr {
	position: absolute;
	height: 100%;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin {
	background-color: var(--vscode-editorGutter-background);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cmdr = core margin decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cmdr {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* START cover the case that slider is visible on mouseover */
.monaco-editor .minimap.slider-mouseover .minimap-slider {
	opacity: 0;
	transition: opacity 100ms linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
	opacity: 1;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
	opacity: 1;
}
/* END cover the case that slider is visible on mouseover */
.monaco-editor .minimap-slider .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
	box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
	position: absolute;
	width: 0;
}
.monaco-editor .minimap-shadow-visible {
	position: absolute;
	left: -6px;
	width: 6px;
	pointer-events: none;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
	position: absolute;
	left: -1px;
	width: 1px;
}

/* 0.5s fade in/out for the minimap */
.minimap.minimap-autohide-mouseover,
.minimap.minimap-autohide-scroll {
	opacity: 0;
	transition: opacity 0.5s;
}
.minimap.minimap-autohide-scroll{
	pointer-events: none;
}
.minimap.minimap-autohide-mouseover:hover,
.minimap.minimap-autohide-scroll.active {
	opacity: 1;
	pointer-events: auto;
}

.monaco-editor .minimap {
	z-index: 5;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .overlayWidgets {
	position: absolute;
	top: 0;
	left:0;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-ruler {
	position: absolute;
	top: 0;
	box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .scroll-decoration {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cslr = core selections layer rendering (div)
*/
.monaco-editor .lines-content .cslr {
	position: absolute;
}

.monaco-editor .focused .selected-text {
	background-color: var(--vscode-editor-selectionBackground);
}

.monaco-editor .selected-text {
	background-color: var(--vscode-editor-inactiveSelectionBackground);
}

.monaco-editor			.top-left-radius		{ border-top-left-radius: 3px; }
.monaco-editor			.bottom-left-radius		{ border-bottom-left-radius: 3px; }
.monaco-editor			.top-right-radius		{ border-top-right-radius: 3px; }
.monaco-editor			.bottom-right-radius	{ border-bottom-right-radius: 3px; }

.monaco-editor.hc-black .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-black .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-black .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-black .bottom-right-radius	{ border-bottom-right-radius: 0; }

.monaco-editor.hc-light .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-light .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-light .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-light .bottom-right-radius	{ border-bottom-right-radius: 0; }
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .cursors-layer {
	position: absolute;
	top: 0;
}

.monaco-editor .cursors-layer > .cursor {
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
}

/* -- smooth-caret-animation -- */
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
	transition: all 80ms;
}

/* -- block-outline-style -- */
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
	background: transparent !important;
	border-style: solid;
	border-width: 1px;
}

/* -- underline-style -- */
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background: transparent !important;
}

/* -- underline-thin-style -- */
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background: transparent !important;
}

@keyframes monaco-cursor-smooth {
	0%,
	20% {
		opacity: 1;
	}
	60%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-phase {
	0%,
	20% {
		opacity: 1;
	}
	90%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-expand {
	0%,
	20% {
		transform: scaleY(1);
	}
	80%,
	100% {
		transform: scaleY(0);
	}
}

.cursor-smooth {
	animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}

.cursor-phase {
	animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}

.cursor-expand > .cursor {
	animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .mwh {
	position: absolute;
	color: var(--vscode-editorWhitespace-foreground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-decoration-css-rule-extractor {
	visibility: hidden;
	pointer-events: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inputarea {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}
/*.monaco-editor .inputarea {
	position: fixed !important;
	width: 800px !important;
	height: 500px !important;
	top: initial !important;
	left: initial !important;
	bottom: 0 !important;
	right: 0 !important;
	color: black !important;
	background: white !important;
	line-height: 15px !important;
	font-size: 14px !important;
	z-index: 10 !important;
}*/
.monaco-editor .inputarea.ime-input {
	z-index: 10;
	caret-color: var(--vscode-editorCursor-foreground);
	color: var(--vscode-editor-foreground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .native-edit-context {
	margin: 0;
	padding: 0;
	position: absolute;
	overflow-y: scroll;
	scrollbar-width: none;
	z-index: -10;
	white-space: pre-wrap;
}

.monaco-editor .ime-text-area {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}

.monaco-editor .edit-context-composition-none {
	background-color: transparent;
	border-bottom: none;
}

.monaco-editor :not(.hc-black, .hc-light) .edit-context-composition-secondary {
	border-bottom: 1px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :not(.hc-black, .hc-light) .edit-context-composition-primary {
	border-bottom: 2px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :is(.hc-black, .hc-light) .edit-context-composition-secondary {
	border: 1px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :is(.hc-black, .hc-light) .edit-context-composition-primary {
	border: 2px solid var(--vscode-editor-compositionBorder);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .gpu-mark {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	display: inline-block;
	border-left: solid 2px var(--vscode-editorWarning-foreground);
	opacity: 0.2;
	transition: background-color 0.1s linear;
}

.monaco-editor .margin-view-overlays .gpu-mark:hover {
	background-color: var(--vscode-editorWarning-foreground)
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-select-box {
	width: 100%;
	cursor: pointer;
	border-radius: 2px;
}

.monaco-select-box-dropdown-container {
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}

/** Actions */

.monaco-action-bar .action-item.select-container {
	cursor: default;
}

.monaco-action-bar .action-item .monaco-select-box {
	cursor: pointer;
	min-width: 100px;
	min-height: 18px;
	padding: 2px 23px 2px 8px;
}

.mac .monaco-action-bar .action-item .monaco-select-box {
	font-size: 11px;
	border-radius: 3px;
	min-height: 24px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-list {
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
}

.monaco-list.mouse-support {
	user-select: none;
	-webkit-user-select: none;
}

.monaco-list > .monaco-scrollable-element {
	height: 100%;
}

.monaco-list-rows {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-list.horizontal-scrolling .monaco-list-rows {
	width: auto;
	min-width: 100%;
}

.monaco-list-row {
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}

.monaco-list.mouse-support .monaco-list-row {
	cursor: pointer;
	touch-action: none;
}

/* Make sure the scrollbar renders above overlays (sticky scroll) */
.monaco-list .monaco-scrollable-element > .scrollbar.vertical,
.monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
	z-index: 14;
}

/* for OS X ballistic scrolling */
.monaco-list-row.scrolling {
	display: none !important;
}

/* Focus */
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
	outline: 0 !important;
}

/* Filter */

.monaco-list-type-filter-message {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 40px 1em 1em 1em;
	text-align: center;
	white-space: normal;
	opacity: 0.7;
	pointer-events: none;
}

.monaco-list-type-filter-message:empty {
	display: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-drag-image {
	display: inline-block;
	padding: 1px 7px;
	border-radius: 10px;
	font-size: 12px;
	position: absolute;
	z-index: 1000;

	/* Default styles */
	background-color: var(--vscode-list-activeSelectionBackground);
	color: var(--vscode-list-activeSelectionForeground);
	outline: 1px solid var(--vscode-list-focusOutline);
	outline-offset: -1px;

	/*
	 * Browsers apply an effect to the drag image when the div becomes too
	 * large which makes them unreadable. Use max width so it does not happen
	 */
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Use custom CSS vars to expose padding into parent select for padding calculation */
.monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 1px;
	--dropdown-padding-bottom: 1px;
}

.hc-black .monaco-select-box-dropdown-padding,
.hc-light .monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 3px;
	--dropdown-padding-bottom: 4px;
}

.monaco-select-box-dropdown-container {
	display: none;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
	margin: 0;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
	line-height: 15px; /** For some reason, this is needed, otherwise <code> will take up 20px height */
	font-family: var(--monaco-monospace-font);
}


.monaco-select-box-dropdown-container.visible {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 1px;
	overflow: hidden;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	flex: 0 0 auto;
	align-self: flex-start;
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
	padding-left: 1px;
	padding-right: 1px;
	width: 100%;
	overflow: hidden;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane {
	padding: 5px;
}

.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
	cursor: pointer;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
	opacity: 0.7;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 10px;
	white-space: nowrap;
	float: right;
}


/* Accepted CSS hiding technique for accessibility reader text  */
/* https://webaim.org/techniques/css/invisiblecontent/ */

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
	flex: 1 1 auto;
	align-self: flex-start;
	opacity: 0;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
	overflow: hidden;
	max-height: 0px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
	padding-left: 4px;
	padding-right: 8px;
	white-space: nowrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar {
	white-space: nowrap;
	height: 100%;
}

.monaco-action-bar .actions-container {
	display: flex;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 100%;
	align-items: center;
}

.monaco-action-bar.vertical .actions-container {
	display: inline-block;
}

.monaco-action-bar .action-item {
	display: block;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
}

.monaco-action-bar .action-item.disabled {
	cursor: default;
}

.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
	display: block;
}

.monaco-action-bar .action-item .codicon {
	display: flex;
	align-items: center;
	width: 16px;
	height: 16px;
}

.monaco-action-bar .action-label {
	display: flex;
	font-size: 11px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-action-bar .action-item.disabled .action-label:not(.icon) ,
.monaco-action-bar .action-item.disabled .action-label:not(.icon)::before,
.monaco-action-bar .action-item.disabled .action-label:not(.icon):hover {
	color: var(--vscode-disabledForeground);
}

/* Unable to change color of SVGs, hence opacity is used */
.monaco-action-bar .action-item.disabled .action-label.icon ,
.monaco-action-bar .action-item.disabled .action-label.icon::before,
.monaco-action-bar .action-item.disabled .action-label.icon:hover {
	opacity: 0.6;
}

/* Vertical actions */

.monaco-action-bar.vertical {
	text-align: left;
}

.monaco-action-bar.vertical .action-item {
	display: block;
}

.monaco-action-bar.vertical .action-label.separator {
	display: block;
	border-bottom: 1px solid var(--vscode-disabledForeground);
	padding-top: 1px;
	margin-left: .8em;
	margin-right: .8em;
}

.monaco-action-bar .action-item .action-label.separator {
	width: 1px;
	height: 16px;
	margin: 5px 4px !important;
	cursor: default;
	min-width: 1px;
	padding: 0;
	background-color: var(--vscode-disabledForeground);
}

.secondary-actions .monaco-action-bar .action-label {
	margin-left: 6px;
}

/* Action Items */
.monaco-action-bar .action-item.select-container {
	overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
	flex: 1;
	max-width: 170px;
	min-width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.monaco-action-bar .action-item.action-dropdown-item {
	display: flex;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
	display: flex;
	align-items: center;
	cursor: default;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
	width: 1px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-diff-editor .diff-review {
	position: absolute;

}

.monaco-component.diff-review {
	user-select: none;
	-webkit-user-select: none;
	z-index: 99;


	.diff-review-line-number {
		text-align: right;
		display: inline-block;
		color: var(--vscode-editorLineNumber-foreground);
	}

	.diff-review-summary {
		padding-left: 10px;
	}

	.diff-review-shadow {
		position: absolute;
		box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
	}

	.diff-review-row {
		white-space: pre;
	}

	.diff-review-table {
		display: table;
		min-width: 100%;
	}

	.diff-review-row {
		display: table-row;
		width: 100%;
	}

	.diff-review-spacer {
		display: inline-block;
		width: 10px;
		vertical-align: middle;
	}

	.diff-review-spacer > .codicon {
		font-size: 9px !important;
	}

	.diff-review-actions {
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 2px;
		z-index: 100;
	}

	.diff-review-actions .action-label {
		width: 16px;
		height: 16px;
		margin: 2px 0;
	}

	.revertButton {
		cursor: pointer;
	}

	.action-label {
		background: var(--vscode-editorActionList-background);
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

:root {
	--vscode-sash-size: 4px;
	--vscode-sash-hover-size: 4px;
}

.monaco-sash {
	position: absolute;
	z-index: 35;
	touch-action: none;
}

.monaco-sash.disabled {
	pointer-events: none;
}

.monaco-sash.mac.vertical {
	cursor: col-resize;
}

.monaco-sash.vertical.minimum {
	cursor: e-resize;
}

.monaco-sash.vertical.maximum {
	cursor: w-resize;
}

.monaco-sash.mac.horizontal {
	cursor: row-resize;
}

.monaco-sash.horizontal.minimum {
	cursor: s-resize;
}

.monaco-sash.horizontal.maximum {
	cursor: n-resize;
}

.monaco-sash.disabled {
	cursor: default !important;
	pointer-events: none !important;
}

.monaco-sash.vertical {
	cursor: ew-resize;
	top: 0;
	width: var(--vscode-sash-size);
	height: 100%;
}

.monaco-sash.horizontal {
	cursor: ns-resize;
	left: 0;
	width: 100%;
	height: var(--vscode-sash-size);
}

.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
	content: " ";
	height: calc(var(--vscode-sash-size) * 2);
	width: calc(var(--vscode-sash-size) * 2);
	z-index: 100;
	display: block;
	cursor: all-scroll;
	position: absolute;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.end {
	cursor: nwse-resize;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.start {
	cursor: nesw-resize;
}

.monaco-sash.vertical > .orthogonal-drag-handle.start {
	left: calc(var(--vscode-sash-size) * -0.5);
	top: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
	left: calc(var(--vscode-sash-size) * -0.5);
	bottom: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
	top: calc(var(--vscode-sash-size) * -0.5);
	left: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
	top: calc(var(--vscode-sash-size) * -0.5);
	right: calc(var(--vscode-sash-size) * -1);
}

.monaco-sash:before {
	content: '';
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
}

.monaco-enable-motion .monaco-sash:before {
	transition: background-color 0.1s ease-out;
}

.monaco-sash.hover:before,
.monaco-sash.active:before {
	background: var(--vscode-sash-hoverBorder);
}

.monaco-sash.vertical:before {
	width: var(--vscode-sash-hover-size);
	left: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.monaco-sash.horizontal:before {
	height: var(--vscode-sash-hover-size);
	top: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.pointer-events-disabled {
	pointer-events: none !important;
}

/** Debug **/

.monaco-sash.debug {
	background: cyan;
}

.monaco-sash.debug.disabled {
	background: rgba(0, 255, 255, 0.2);
}

.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
	background: red;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-dropdown {
	height: 100%;
	padding: 0;
}

.monaco-dropdown > .dropdown-label {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-dropdown > .dropdown-label > .action-label.disabled {
	cursor: default;
}

.monaco-dropdown-with-primary {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-primary > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-toolbar {
	height: 100%;
}

.monaco-toolbar .toolbar-toggle-more {
	display: inline-block;
	padding: 0;
}

.monaco-toolbar.responsive {
	.monaco-action-bar > .actions-container > .action-item {
		flex-shrink: 1;
		min-width: 20px;
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar .action-item.menu-entry .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-action-bar .action-item.menu-entry.text-only .action-label {
	color: var(--vscode-descriptionForeground);
	overflow: hidden;
	border-radius: 2px;
}

.monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label::after {
	content: ', ';
}

.monaco-action-bar .action-item.menu-entry.text-only + .action-item:not(.text-only) > .monaco-dropdown .action-label {
	color: var(--vscode-descriptionForeground);
}

.monaco-dropdown-with-default {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-default > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-dropdown-with-default:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .diff-hidden-lines-widget {
	width: 100%;
}

.monaco-editor .diff-hidden-lines {
	height: 0px; /* The children each have a fixed height, the transform confuses the browser */
	transform: translate(0px, -10px);
	font-size: 13px;
	line-height: 14px;
}

.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
.monaco-editor .diff-hidden-lines .top.dragging,
.monaco-editor .diff-hidden-lines .bottom.dragging {
	background-color: var(--vscode-focusBorder);
}

.monaco-editor .diff-hidden-lines .top,
.monaco-editor .diff-hidden-lines .bottom {
	transition: background-color 0.1s ease-out;
	height: 4px;
	background-color: transparent;
	background-clip: padding-box;
	border-bottom: 2px solid transparent;
	border-top: 4px solid transparent;
	/*cursor: n-resize;*/
}

.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,
.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom) {
	cursor: n-resize !important;
}

.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,
.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom {
	cursor: s-resize !important;
}

.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,
.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom {
	cursor: ns-resize !important;
}

.monaco-editor .diff-hidden-lines .top {
	transform: translate(0px, 4px);
}

.monaco-editor .diff-hidden-lines .bottom {
	transform: translate(0px, -6px);
}

.monaco-editor .diff-unchanged-lines {
	background: var(--vscode-diffEditor-unchangedCodeBackground);
}

.monaco-editor .noModificationsOverlay {
	z-index: 1;
	background: var(--vscode-editor-background);

	display: flex;
	justify-content: center;
	align-items: center;
}


.monaco-editor .diff-hidden-lines .center {
	background: var(--vscode-diffEditor-unchangedRegionBackground);
	color: var(--vscode-diffEditor-unchangedRegionForeground);
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;

	height: 24px;
	box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
}

.monaco-editor .diff-hidden-lines .center span.codicon {
	vertical-align: middle;
}

.monaco-editor .diff-hidden-lines .center a:hover .codicon {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item {
	cursor: pointer;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
	color: var(--vscode-editorLink-activeForeground);
}

.monaco-editor .movedOriginal {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedModified {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedOriginal.currentMove, .monaco-editor .movedModified.currentMove {
	border: 2px solid var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path.currentMove {
	stroke: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path {
	pointer-events: visiblestroke;
}

.monaco-diff-editor .moved-blocks-lines .arrow {
	fill: var(--vscode-diffEditor-move-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
	fill: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
	fill: var(--vscode-editor-background);
}

.monaco-diff-editor .moved-blocks-lines {
	position: absolute;
	pointer-events: none;
}

.monaco-diff-editor .moved-blocks-lines path {
	fill: none;
	stroke: var(--vscode-diffEditor-move-border);
	stroke-width: 2;
}

.monaco-editor .char-delete.diff-range-empty {
	margin-left: -1px;
	border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
}

.monaco-editor .char-insert.diff-range-empty {
	border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
}

.monaco-editor .fold-unchanged {
	cursor: pointer;
}

.monaco-diff-editor .diff-moved-code-block {
	display: flex;
	justify-content: flex-end;
	margin-top: -4px;
}

.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
	width: 12px;
	height: 12px;
	font-size: 12px;
}

/* ---------- DiffEditor ---------- */

.monaco-diff-editor .diffOverview {
	z-index: 9;
}

.monaco-diff-editor .diffOverview .diffViewport {
	z-index: 10;
}

/* colors not externalized: using transparancy on background */
.monaco-diff-editor.vs			.diffOverview { background: rgba(0, 0, 0, 0.03); }
.monaco-diff-editor.vs-dark		.diffOverview { background: rgba(255, 255, 255, 0.01); }

.monaco-scrollable-element.modified-in-monaco-diff-editor.vs		.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark	.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black	.scrollbar { background: none; }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light	.scrollbar { background: none; }

.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
	z-index: 10;
}
.modified-in-monaco-diff-editor				.slider.active { background: rgba(171, 171, 171, .4); }
.modified-in-monaco-diff-editor.hc-black	.slider.active { background: none; }
.modified-in-monaco-diff-editor.hc-light	.slider.active { background: none; }

/* ---------- Diff ---------- */

.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
	font-size: 11px !important;
	opacity: 0.7 !important;
	display: flex !important;
	align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
	opacity: 1;
}

.monaco-editor .inline-deleted-margin-view-zone {
	text-align: right;
}
.monaco-editor .inline-added-margin-view-zone {
	text-align: right;
}

.monaco-editor .arrow-revert-change {
	z-index: 10;
	position: absolute;
}

.monaco-editor .arrow-revert-change:hover {
	cursor: pointer;
}

/* ---------- Inline Diff ---------- */

.monaco-editor .view-zones .view-lines .view-line span {
	display: inline-block;
}

.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
	cursor: pointer;
}

.monaco-editor .char-insert, .monaco-diff-editor .char-insert {
	background-color: var(--vscode-diffEditor-insertedTextBackground);
}

.monaco-editor .line-insert, .monaco-diff-editor .line-insert {
	background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .line-insert,
.monaco-editor .char-insert {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor.hc-black .line-insert, .monaco-editor.hc-light .line-insert,
.monaco-editor.hc-black .char-insert, .monaco-editor.hc-light .char-insert {
	border-style: dashed;
}

.monaco-editor .line-delete,
.monaco-editor .char-delete {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor.hc-black .line-delete, .monaco-editor.hc-light .line-delete,
.monaco-editor.hc-black .char-delete, .monaco-editor.hc-light .char-delete {
	border-style: dashed;
}

.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .gutter-insert, .monaco-diff-editor .gutter-insert {
	background-color: var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .char-delete, .monaco-diff-editor .char-delete, .monaco-editor .inline-deleted-text {
	background-color: var(--vscode-diffEditor-removedTextBackground);
}

.monaco-editor .inline-deleted-text {
	text-decoration: line-through;
}

.monaco-editor .line-delete, .monaco-diff-editor .line-delete {
	background-color: var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground));
}

.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .gutter-delete, .monaco-diff-editor .gutter-delete {
	background-color: var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground));
}

.monaco-diff-editor.side-by-side .editor.modified {
	box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-left: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor.side-by-side .editor.original {
	box-shadow: 6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-right: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor .diffViewport {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-diff-editor .diffViewport:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-diff-editor .diffViewport:active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}

.monaco-editor .diagonal-fill {
	background-image: linear-gradient(
		-45deg,
		var(--vscode-diffEditor-diagonalFill) 12.5%,
		#0000 12.5%, #0000 50%,
		var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%,
		#0000 62.5%, #0000 100%
	);
	background-size: 8px 8px;
}

.monaco-diff-editor .gutter {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	flex-grow: 0;

	& > div {
		position: absolute;
	}

	.gutterItem {
		opacity: 0;
		transition: opacity 0.7s;

		&.showAlways {
			opacity: 1;
			transition: none;
		}

		&.noTransition {
			transition: none;
		}
	}

	&:hover .gutterItem {
		opacity: 1;
		transition: opacity 0.1s ease-in-out;
	}

	.gutterItem {
		.background {
			position: absolute;
			height: 100%;
			left: 50%;
			width: 1px;

			border-left: 2px var(--vscode-menu-separatorBackground) solid;
		}

		.buttons {
			position: absolute;
			/*height: 100%;*/
			width: 100%;

			display: flex;
			justify-content: center;
			align-items: center;

			.monaco-toolbar {
				height: fit-content;
				.monaco-action-bar  {
					line-height: 1;

					.actions-container {
						width: fit-content;
						border-radius: 4px;
						background: var(--vscode-editorGutter-itemBackground);

						.action-item {
							&:hover {
								background: var(--vscode-toolbar-hoverBackground);
							}

							.action-label {
								color: var(--vscode-editorGutter-itemGlyphForeground);
								padding: 1px 2px;
							}
						}
					}
				}
			}
		}
	}
}


.monaco-diff-editor .diff-hidden-lines-compact {
	display: flex;
	height: 11px;
	.line-left, .line-right {
		height: 1px;
		border-top: 1px solid;
		border-color: var(--vscode-editorCodeLens-foreground);
		opacity: 0.5;
		margin: auto;
		width: 100%;
	}

	.line-left {
		width: 20px;
	}

	.text {
		color: var(--vscode-editorCodeLens-foreground);
		text-wrap: nowrap;
		font-size: 11px;
		line-height: 11px;
		margin: 0 4px;
	}
}

.monaco-editor .line-delete-selectable {
	user-select: text !important;
	-webkit-user-select: text !important;
	z-index: 1 !important;
}

.line-delete-selectable .view-line {
	user-select: text !important;
	-webkit-user-select: text !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .selection-anchor {
	background-color: #007ACC;
	width: 2px !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .bracket-match {
	box-sizing: border-box;
	background-color: var(--vscode-editorBracketMatch-background);
	border: 1px solid var(--vscode-editorBracketMatch-border);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.inline-editor-progress-decoration {
	display: inline-block;
	width: 1em;
	height: 1em;
}

.inline-progress-widget  {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.inline-progress-widget .icon {
	font-size: 80% !important;
}

.inline-progress-widget:hover .icon {
	font-size: 90% !important;
	animation: none;
}

.inline-progress-widget:hover .icon::before {
	content: var(--vscode-icon-x-content);
	font-family: var(--vscode-icon-x-font-family);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-editor-overlaymessage {
	padding-bottom: 8px;
	z-index: 10000;
}

.monaco-editor .monaco-editor-overlaymessage.below {
	padding-bottom: 0;
	padding-top: 8px;
	z-index: 10000;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
	animation: fadeIn 150ms ease-out;
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
	animation: fadeOut 100ms ease-out;
}

.monaco-editor .monaco-editor-overlaymessage .message {
	padding: 2px 4px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-inputValidation-infoBorder);
	border-radius: 3px;
}

.monaco-editor .monaco-editor-overlaymessage .message p {
	margin-block: 0px;
}

.monaco-editor .monaco-editor-overlaymessage .message a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-editor-overlaymessage .message a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
	border-width: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor {
	width: 0 !important;
	height: 0 !important;
	border-color: transparent;
	border-style: solid;
	z-index: 1000;
	border-width: 8px;
	position: absolute;
	left: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor.top {
	border-bottom-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage .anchor.below {
	border-top-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
	display: none;
}

.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
	display: inherit;
	top: -8px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-text-button {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding: 4px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--vscode-button-border, transparent);
	line-height: 18px;
}

.monaco-text-button:focus {
	outline-offset: 2px !important;
}

.monaco-text-button:hover {
	text-decoration: none !important;
}

.monaco-button.disabled:focus,
.monaco-button.disabled {
	opacity: 0.4 !important;
	cursor: default;
}

.monaco-text-button .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

.monaco-text-button.monaco-text-button-with-short-label {
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 4px;
	overflow: hidden;
	height: 28px;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
	flex-basis: 100%;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	flex-grow: 1;
	width: 0;
	overflow: hidden;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: normal;
	font-style: inherit;
	padding: 4px 0;
}

.monaco-button-dropdown {
	display: flex;
	cursor: pointer;
}

.monaco-button-dropdown.disabled {
	cursor: default;
}

.monaco-button-dropdown > .monaco-button:focus {
	outline-offset: -1px !important;
}

.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
	opacity: 0.4 !important;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-right-width: 0 !important;
}

.monaco-button-dropdown .monaco-button-dropdown-separator {
	padding: 4px 0;
	cursor: default;
}

.monaco-button-dropdown .monaco-button-dropdown-separator > div {
	height: 100%;
	width: 1px;
}

.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
	border: 1px solid var(--vscode-button-border, transparent);
	border-left-width: 0 !important;
	border-radius: 0 2px 2px 0;
	display: flex;
	align-items: center;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-radius: 2px 0 0 2px;
}

.monaco-description-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 4px 5px; /* allows button focus outline to be visible */
}

.monaco-description-button .monaco-button-description {
	font-style: italic;
	font-size: 11px;
	padding: 4px 20px;
}

.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
	display: flex;
	justify-content: center;
	align-items: center;
}

.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

/* default color styles - based on CSS variables */

.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button{
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}

.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
	color: var(--vscode-button-secondaryForeground);
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
	background-color: var(--vscode-button-secondaryHoverBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-background);
	border-top: 1px solid var(--vscode-button-border);
	border-bottom: 1px solid var(--vscode-button-border);
}

.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
	background-color: var(--vscode-button-separator);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.action-widget {
	font-size: 13px;
	border-radius: 0;
	min-width: 100px;
	max-width: 80vw;
	z-index: 40;
	display: block;
	width: 100%;
	border: 1px solid var(--vscode-menu-border) !important;
	border-radius: 5px;
	background-color: var(--vscode-menu-background);
	color: var(--vscode-menu-foreground);
	padding: 4px;
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.context-view-block {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.context-view-pointerBlock {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.action-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
	border: none !important;
	border-width: 0 !important;
}

.action-widget .monaco-list:focus:before {
	outline: 0 !important;
}

.action-widget .monaco-list .monaco-scrollable-element {
	overflow: visible;
}

/** Styles for each row in the list element **/
.action-widget .monaco-list .monaco-list-row {
	padding: 0 4px 0 4px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
	width: 100%;
	border-radius: 3px;
}

.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
	background-color: var(--vscode-list-activeSelectionBackground) !important;
	color: var(--vscode-list-activeSelectionForeground);
	outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
	outline-offset: -1px;
}

.action-widget .monaco-list-row.group-header {
	color: var(--vscode-descriptionForeground) !important;
	font-weight: 600;
	font-size: 13px;
}

.action-widget .monaco-list-row.group-header:not(:first-of-type) {
	margin-top: 2px;
}

.action-widget .monaco-scrollable-element .monaco-list-rows .monaco-list-row.separator {
	border-top: 1px solid var(--vscode-editorHoverWidget-border);
	color: var(--vscode-descriptionForeground);
	font-size: 12px;
	padding: 0;
	margin: 4px 0 0 0;
	cursor: default;
	user-select: none;
	border-radius: 0;
}

.action-widget .monaco-scrollable-element .monaco-list-rows .monaco-list-row.separator.focused {
	outline: 0 solid;
	background-color: transparent;
	border-radius: 0;
}

.action-widget .monaco-list-row.separator:first-of-type {
	border-top: none;
	margin-top: 0;
}

.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
	cursor: default !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	background-color: transparent !important;
	outline: 0 solid !important;
}

.action-widget .monaco-list-row.action {
	display: flex;
	gap: 4px;
	align-items: center;
}

.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
	color: var(--vscode-disabledForeground);
}


.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
	color: inherit;
}

.action-widget .monaco-list-row.action .title {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.action-widget .monaco-list-row.action .monaco-keybinding > .monaco-keybinding-key {
		background-color: var(--vscode-keybindingLabel-background);
		color: var(--vscode-keybindingLabel-foreground);
		border-style: solid;
		border-width: 1px;
		border-radius: 3px;
		border-color: var(--vscode-keybindingLabel-border);
		border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
		box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
}

/* Action bar */

.action-widget .action-widget-action-bar {
	background-color: var(--vscode-menu-background);
	border-top: 1px solid var(--vscode-menu-border);
	margin-top: 2px;
}

.action-widget .action-widget-action-bar::before {
	display: block;
	content: "";
	width: 100%;
}

.action-widget .action-widget-action-bar .actions-container {
	padding: 4px 8px 2px 24px;
}

.action-widget-action-bar .action-label {
	color: var(--vscode-textLink-activeForeground);
	font-size: 13px;
	line-height: 22px;
	padding: 0;
	pointer-events: all;
}

.action-widget-action-bar .action-item {
	margin-right: 16px;
	pointer-events: none;
}

.action-widget-action-bar .action-label:hover {
	background-color: transparent !important;
}

.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
	/* The important gives this rule precedence over the hover rule. */
	background: var(--vscode-actionBar-toggledBackground) !important;
}

.action-widget .monaco-list .monaco-list-row .description {
	opacity: 0.7;
	margin-left: 0.5em;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-keybinding {
	display: flex;
	align-items: center;
	line-height: 10px;
}

.monaco-keybinding > .monaco-keybinding-key {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	vertical-align: middle;
	font-size: 11px;
	padding: 3px 5px;
	margin: 0 2px;
}

.monaco-keybinding > .monaco-keybinding-key:first-child {
	margin-left: 0;
}

.monaco-keybinding > .monaco-keybinding-key:last-child {
	margin-right: 0;
}

.monaco-keybinding > .monaco-keybinding-key-separator {
	display: inline-block;
}

.monaco-keybinding > .monaco-keybinding-key-chord-separator {
	width: 6px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.post-edit-widget {
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 1px solid var(--vscode-widget-border, transparent);
	border-radius: 4px;
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
	overflow: hidden;
}

.post-edit-widget .monaco-button {
	padding: 2px;
	border: none;
	border-radius: 0;
}

.post-edit-widget .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground) !important;
}

.post-edit-widget .monaco-button .codicon {
	margin: 0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

@font-face {
	font-family: "codicon";
	font-display: block;
	src: url(/assets/codicon.ttf) format("truetype");
}

.codicon[class*='codicon-'] {
	font: normal normal normal 16px/1 codicon;
	display: inline-block;
	text-decoration: none;
	text-rendering: auto;
	text-align: center;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	user-select: none;
	-webkit-user-select: none;
}

/* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.codicon-wrench-subaction {
	opacity: 0.5;
}

@keyframes codicon-spin {
	100% {
		transform:rotate(360deg);
	}
}

.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.5s steps(30) infinite;
}

.codicon-modifier-disabled {
	opacity: 0.4;
}

/* custom speed & easing for loading icon */
.codicon-loading,
.codicon-tree-item-loading::before {
	animation-duration: 1s !important;
	animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* stylelint-disable layer-checker */

.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array { color: var(--vscode-symbolIcon-arrayForeground); }
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean { color: var(--vscode-symbolIcon-booleanForeground); }
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class { color: var(--vscode-symbolIcon-classForeground); }
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method { color: var(--vscode-symbolIcon-methodForeground); }
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color { color: var(--vscode-symbolIcon-colorForeground); }
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant { color: var(--vscode-symbolIcon-constantForeground); }
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor { color: var(--vscode-symbolIcon-constructorForeground); }
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum { color: var(--vscode-symbolIcon-enumeratorForeground); }
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member { color: var(--vscode-symbolIcon-enumeratorMemberForeground); }
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event { color: var(--vscode-symbolIcon-eventForeground); }
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field { color: var(--vscode-symbolIcon-fieldForeground); }
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file { color: var(--vscode-symbolIcon-fileForeground); }
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder { color: var(--vscode-symbolIcon-folderForeground); }
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function { color: var(--vscode-symbolIcon-functionForeground); }
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface { color: var(--vscode-symbolIcon-interfaceForeground); }
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key { color: var(--vscode-symbolIcon-keyForeground); }
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword { color: var(--vscode-symbolIcon-keywordForeground); }
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module { color: var(--vscode-symbolIcon-moduleForeground); }
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace { color: var(--vscode-symbolIcon-namespaceForeground); }
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null { color: var(--vscode-symbolIcon-nullForeground); }
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number { color: var(--vscode-symbolIcon-numberForeground); }
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object { color: var(--vscode-symbolIcon-objectForeground); }
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator { color: var(--vscode-symbolIcon-operatorForeground); }
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package { color: var(--vscode-symbolIcon-packageForeground); }
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property { color: var(--vscode-symbolIcon-propertyForeground); }
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference { color: var(--vscode-symbolIcon-referenceForeground); }
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet { color: var(--vscode-symbolIcon-snippetForeground); }
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string { color: var(--vscode-symbolIcon-stringForeground); }
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct { color: var(--vscode-symbolIcon-structForeground); }
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text { color: var(--vscode-symbolIcon-textForeground); }
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter { color: var(--vscode-symbolIcon-typeParameterForeground); }
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit { color: var(--vscode-symbolIcon-unitForeground); }
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable { color: var(--vscode-symbolIcon-variableForeground); }
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lightBulbWidget {
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-editor .lightBulbWidget:hover{
	cursor: pointer;
}

.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}

.monaco-editor .lightBulbWidget:before {
	position: relative;
	z-index: 2;
}

.monaco-editor .lightBulbWidget:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	z-index: 1;
}

/* gutter decoration */
.monaco-editor .glyph-margin-widgets .cgmr[class*="codicon-gutter-lightbulb"] {
	display: block;
	cursor: pointer;
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-auto-fix,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-aifix-auto-fix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codelens-decoration {
	overflow: hidden;
	display: inline-flex !important; /* !important to override inline display:block style */
	align-items: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
	padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5);
	font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
	font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
}

.monaco-editor .codelens-decoration > span,
.monaco-editor .codelens-decoration > a {
	user-select: none;
	-webkit-user-select: none;
	white-space: nowrap;
	vertical-align: sub;
	display: inline-flex;
	align-items: center;
}

.monaco-editor .codelens-decoration > a {
	text-decoration: none;
}

.monaco-editor .codelens-decoration > a:hover {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration > a:hover .codicon {
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration .codicon[class*='codicon-'] {
	vertical-align: middle;
	color: currentColor !important;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
}


.monaco-editor .codelens-decoration > a:hover .codicon::before {
	cursor: pointer;
}

@keyframes fadein {
	0% { opacity: 0;}
	100% { opacity: 1;}
}

.monaco-editor .codelens-decoration.fadein {
	animation: fadein 0.1s linear;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .inlineSuggestionsHints {
	padding: 4px;

	.warningMessage p {
		margin: 0;
	}
}

.monaco-editor .inlineSuggestionsHints.withBorder {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .inlineSuggestionsHints a {
	color: var(--vscode-foreground) !important;
}

.monaco-editor .inlineSuggestionsHints a:hover {
	color: var(--vscode-foreground) !important;
}

.monaco-editor .inlineSuggestionsHints .keybinding {
	display: flex;
	margin-left: 4px;
	opacity: 0.6;
}

.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
	font-size: 8px;
	padding: 2px 3px;
}

.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
	display: flex;
	min-width: 19px;
	justify-content: center;
}

.monaco-editor .inlineSuggestionStatusBarItemLabel {
	margin-right: 2px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-hover {
	cursor: default;
	position: absolute;
	overflow: hidden;
	user-select: text;
	-webkit-user-select: text;
	box-sizing: border-box;
	line-height: 1.5em;
	white-space: var(--vscode-hover-whiteSpace, normal);
}

.monaco-hover.fade-in {
	animation: fadein 100ms linear;
}

.monaco-hover.hidden {
	display: none;
}

.monaco-hover a:hover:not(.disabled) {
	cursor: pointer;
}

.monaco-hover .hover-contents:not(.html-hover-contents) {
	padding: 4px 8px;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
	max-width: var(--vscode-hover-maxWidth, 500px);
	word-wrap: break-word;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
	min-width: 100%;
}

.monaco-hover p,
.monaco-hover .code,
.monaco-hover ul,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	margin: 8px 0;
}

.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	line-height: 1.1;
}

.monaco-hover code {
	font-family: var(--monaco-monospace-font);
}

.monaco-hover hr {
	box-sizing: border-box;
	border-left: 0px;
	border-right: 0px;
	margin-top: 4px;
	margin-bottom: -4px;
	margin-left: -8px;
	margin-right: -8px;
	height: 1px;
}

.monaco-hover p:first-child,
.monaco-hover .code:first-child,
.monaco-hover ul:first-child {
	margin-top: 0;
}

.monaco-hover p:last-child,
.monaco-hover .code:last-child,
.monaco-hover ul:last-child {
	margin-bottom: 0;
}

/* MarkupContent Layout */
.monaco-hover ul {
	padding-left: 20px;
}
.monaco-hover ol {
	padding-left: 20px;
}

.monaco-hover li > p {
	margin-bottom: 0;
}

.monaco-hover li > ul {
	margin-top: 0;
}

.monaco-hover code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-hover .monaco-tokenized-source {
	white-space: var(--vscode-hover-sourceWhiteSpace, pre-wrap);
}

.monaco-hover .hover-row.status-bar {
	font-size: 12px;
	line-height: 22px;
}

.monaco-hover .hover-row.status-bar .info {
	font-style: italic;
	padding: 0px 8px;
}

.monaco-hover .hover-row.status-bar .actions {
	display: flex;
	padding: 0px 8px;
	width: 100%;
}

.monaco-hover .hover-row.status-bar .actions .action-container {
	margin-right: 16px;
	cursor: pointer;
	overflow: hidden;
	text-wrap: nowrap;
	text-overflow: ellipsis;
}

.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
	padding-right: 4px;
	vertical-align: middle;
}

.monaco-hover .hover-row.status-bar .actions .action-container a {
	color: var(--vscode-textLink-foreground);
	text-decoration: var(--text-link-decoration);
}

.monaco-hover .hover-row.status-bar .actions .action-container a .icon.codicon {
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .markdown-hover .hover-contents .codicon {
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
}

.monaco-hover .hover-contents a.code-link:hover,
.monaco-hover .hover-contents a.code-link {
	color: inherit;
}

.monaco-hover .hover-contents a.code-link:before {
	content: '(';
}

.monaco-hover .hover-contents a.code-link:after {
	content: ')';
}

.monaco-hover .hover-contents a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .hover-contents a.code-link > span:hover {
	color: var(--vscode-textLink-activeForeground);
}

/**
 * Spans in markdown hovers need a margin-bottom to avoid looking cramped:
 * https://github.com/microsoft/vscode/issues/101496

 * This was later refined to only apply when the last child of a rendered markdown block (before the
 * border or a `hr`) uses background color:
 * https://github.com/microsoft/vscode/issues/228136
 */
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) p:last-child [style*="background-color"] {
	margin-bottom: 4px;
	display: inline-block;
}

/**
 * Add a slight margin to try vertically align codicons with any text
 * https://github.com/microsoft/vscode/issues/221359
 */
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon {
	margin-bottom: 2px;
}

.monaco-hover-content .action-container a {
	-webkit-user-select: none;
	user-select: none;
}

.monaco-hover-content .action-container.disabled {
	pointer-events: none;
	opacity: 0.4;
	cursor: default;
}

/* Prevent text selection in all button-like elements within hovers */
.monaco-hover .action-container,
.monaco-hover .action,
.monaco-hover button,
.monaco-hover .monaco-button,
.monaco-hover .monaco-text-button,
.monaco-hover [role="button"] {
	-webkit-user-select: none;
	user-select: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-custom-toggle {
	margin-left: 2px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid transparent;
	padding: 1px;
	box-sizing:	border-box;
	user-select: none;
	-webkit-user-select: none;
}

.monaco-custom-toggle:hover {
	background-color: var(--vscode-inputOption-hoverBackground);
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	border: 1px dashed var(--vscode-focusBorder);
}

.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle {
	background: none;
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	background: none;
}

.monaco-custom-toggle.monaco-checkbox {
	height: 18px;
	width: 18px;
	border: 1px solid transparent;
	border-radius: 3px;
	margin-right: 9px;
	margin-left: 0px;
	padding: 0px;
	opacity: 1;
	background-size: 16px !important;
}

.monaco-action-bar .checkbox-action-item {
	display: flex;
	align-items: center;
	border-radius: 2px;
	padding-right: 2px;
}

.monaco-action-bar .checkbox-action-item:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
	margin-right: 4px;
}

.monaco-action-bar .checkbox-action-item > .checkbox-label {
	font-size: 12px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Find widget */
.monaco-editor .find-widget {
	position: absolute;
	z-index: 35;
	height: 33px;
	overflow: hidden;
	line-height: 19px;
	transition: transform 200ms linear;
	padding: 0 4px;
	box-sizing: border-box;
	transform: translateY(calc(-100% - 10px)); /* shadow (10px) */
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	color: var(--vscode-editorWidget-foreground);
	border-left: 1px solid var(--vscode-widget-border);
	border-right: 1px solid var(--vscode-widget-border);
	border-bottom: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: var(--vscode-editorWidget-background);
}

.monaco-reduce-motion .monaco-editor .find-widget {
	transition: transform 0ms linear;
}

.monaco-editor .find-widget textarea {
	margin: 0px;
}

.monaco-editor .find-widget.hiddenEditor {
	display: none;
}

/* Find widget when replace is toggled on */
.monaco-editor .find-widget.replaceToggled > .replace-part {
	display: flex;
}

.monaco-editor .find-widget.visible {
	transform: translateY(0);
}

/* This outline-color rule is used to override the outline color for synthetic-focus find input. */
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
}

.monaco-editor .find-widget .monaco-inputbox .input {
	background-color: transparent;
	min-height: 0;
}

.monaco-editor .find-widget .monaco-findInput .input {
	font-size: 13px;
}

.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
	margin: 3px 25px 0 17px;
	font-size: 12px;
	display: flex;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
	min-height: 25px;
}


.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-right: 22px;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-top: 2px;
	padding-bottom: 2px;
}

.monaco-editor .find-widget > .find-part .find-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget > .replace-part .replace-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget .monaco-findInput {
	vertical-align: middle;
	display: flex;
	flex: 1;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
	/* Make sure textarea inherits the width correctly */
	width: 100%;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
	/* Hide vertical scrollbar */
	opacity: 0;
}

.monaco-editor .find-widget .matchesCount {
	display: flex;
	flex: initial;
	margin: 0 0 0 3px;
	padding: 2px 0 0 2px;
	height: 25px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	line-height: 23px;
}

.monaco-editor .find-widget .button {
	width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 5px;
	display: flex;
	flex: initial;
	margin-left: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* find in selection button */
.monaco-editor .find-widget .codicon-find-selection {
	width: 22px;
	height: 22px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-editor .find-widget .button.left {
	margin-left: 0;
	margin-right: 3px;
}

.monaco-editor .find-widget .button.wide {
	width: auto;
	padding: 1px 6px;
	top: -1px;
}

.monaco-editor .find-widget .button.toggle {
	position: absolute;
	top: 0;
	left: 3px;
	width: 18px;
	height: 100%;
	border-radius: 0;
	box-sizing: border-box;
}

.monaco-editor .find-widget .button.toggle.disabled {
	display: none;
}

.monaco-editor .find-widget .disabled {
	color: var(--vscode-disabledForeground);
	cursor: default;
}

.monaco-editor .find-widget > .replace-part {
	display: none;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput {
	position: relative;
	display: flex;
	vertical-align: middle;
	flex: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

/* REDUCED */
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
	display: none;
}

/* NARROW (SMALLER THAN REDUCED) */
.monaco-editor .find-widget.narrow-find-widget {
	max-width: 257px !important;
}

/* COLLAPSED (SMALLER THAN NARROW) */
.monaco-editor .find-widget.collapsed-find-widget {
	max-width: 170px !important;
}

.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
	display: none;
}

.monaco-editor .find-widget.no-results .matchesCount {
	color: var(--vscode-errorForeground);
}

.monaco-editor .findMatch {
	animation-duration: 0;
	animation-name: inherit !important;
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor .currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
	border: 2px solid var(--vscode-editor-findMatchBorder);
	padding: 1px;
	box-sizing: border-box;
}

.monaco-editor .findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor .find-widget .monaco-sash {
	left: 0 !important;
	background-color: var(--vscode-editorWidget-resizeBorder, var(--vscode-editorWidget-border));
}

.monaco-editor.hc-black .find-widget .button:before {
	position: relative;
	top: 1px;
	left: 2px;
}

/* Action bars */
.monaco-editor .find-widget .button:not(.disabled):hover,
.monaco-editor .find-widget .codicon-find-selection:hover {
	background-color: var(--vscode-toolbar-hoverBackground) !important;
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor.currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
}

.monaco-editor.findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editorWidget-background);
}

/* Close button position. */
.monaco-editor .find-widget > .button.codicon-widget-close {
	position: absolute;
	top: 5px;
	right: 4px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-inputbox {
	position: relative;
	display: block;
	padding: 0;
	box-sizing:	border-box;
	border-radius: 2px;

	/* Customizable */
	font-size: inherit;
}

.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {

	/* Customizable */
	padding: 4px 6px;
}

.monaco-inputbox > .ibwrapper {
	position: relative;
	width: 100%;
}

.monaco-inputbox > .ibwrapper > .input {
	display: inline-block;
	box-sizing:	border-box;
	width: 100%;
	height: 100%;
	line-height: inherit;
	border: none;
	font-family: inherit;
	font-size: inherit;
	resize: none;
	color: inherit;
}

.monaco-inputbox > .ibwrapper > input {
	text-overflow: ellipsis;
}

.monaco-inputbox > .ibwrapper > textarea.input {
	display: block;
	scrollbar-width: none; /* Firefox: hide scrollbars */
	outline: none;
}

.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
	display: none; /* Chrome + Safari: hide scrollbar */
}

.monaco-inputbox > .ibwrapper > textarea.input.empty {
	white-space: nowrap;
}

.monaco-inputbox > .ibwrapper > .mirror {
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	white-space: pre-wrap;
	visibility: hidden;
	word-wrap: break-word;
}

/* Context view */

.monaco-inputbox-container {
	text-align: right;
}

.monaco-inputbox-container .monaco-inputbox-message {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	width: 100%;
	box-sizing:	border-box;
	padding: 0.4em;
	font-size: 12px;
	line-height: 17px;
	margin-top: -1px;
	word-wrap: break-word;
}

/* Action bar support */
.monaco-inputbox .monaco-action-bar {
	position: absolute;
	right: 2px;
	top: 4px;
}

.monaco-inputbox .monaco-action-bar .action-item {
	margin-left: 2px;
}

.monaco-inputbox .monaco-action-bar .action-item .codicon {
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- Find input ---------- */

.monaco-findInput {
	position: relative;
}

.monaco-findInput .monaco-inputbox {
	font-size: 13px;
	width: 100%;
}

.monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

.vs .monaco-findInput.disabled {
	background-color: #E1E1E1;
}

/* Theming */
.vs-dark .monaco-findInput.disabled {
	background-color: #333;
}

/* Highlighting */
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-0 100ms linear 0s;
}

.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-1 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark  .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark  .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
}

@keyframes monaco-findInput-highlight-0 {
	0% { background: rgba(253, 255, 0, 0.8); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-1 {
	0% { background: rgba(253, 255, 0, 0.8); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}

@keyframes monaco-findInput-highlight-dark-0 {
	0% { background: rgba(255, 255, 255, 0.44); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-dark-1 {
	0% { background: rgba(255, 255, 255, 0.44); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.colorpicker-widget {
	height: 190px;
	user-select: none;
	-webkit-user-select: none;
}

/* Decoration */

.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
	border: solid 0.1em #000;
	box-sizing: border-box;
	margin: 0.1em 0.2em 0 0.2em;
	width: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	display: inline-block;
	cursor: pointer;
}

.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
	border: solid 0.1em #eee;
}

/* Header */

.colorpicker-header {
	display: flex;
	height: 24px;
	position: relative;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-header .picked-color {
	width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	cursor: pointer;
	color: white;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
}

.colorpicker-header .picked-color .picked-color-presentation {
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
}

.colorpicker-header .picked-color .codicon {
	color: inherit;
	font-size: 14px;
}

.colorpicker-header .picked-color.light {
	color: black;
}

.colorpicker-header .original-color {
	width: 74px;
	z-index: inherit;
	cursor: pointer;
}

.standalone-colorpicker {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header.standalone-colorpicker {
	border-bottom: none;
}

.colorpicker-header .close-button {
	cursor: pointer;
	background-color: var(--vscode-editorHoverWidget-background);
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header .close-button-inner-div {
	width: 100%;
	height: 100%;
	text-align: center;
}

.colorpicker-header .close-button-inner-div:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.colorpicker-header .close-icon {
	padding: 3px;
}

/* Body */

.colorpicker-body {
	display: flex;
	padding: 8px;
	position: relative;
}

.colorpicker-body .saturation-wrap {
	overflow: hidden;
	height: 150px;
	position: relative;
	min-width: 220px;
	flex: 1;
}

.colorpicker-body .saturation-box {
	height: 150px;
	position: absolute;
}

.colorpicker-body .saturation-selection {
	width: 9px;
	height: 9px;
	margin: -5px 0 0 -5px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 100%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	position: absolute;
}

.colorpicker-body .strip {
	width: 25px;
	height: 150px;
}

.colorpicker-body .standalone-strip {
	width: 25px;
	height: 122px;
}

.colorpicker-body .hue-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.colorpicker-body .opacity-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-body .strip.grabbing {
	cursor: grabbing;
}

.colorpicker-body .slider {
	position: absolute;
	top: 0;
	left: -2px;
	width: calc(100% + 4px);
	height: 4px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.71);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
}

.colorpicker-body .strip .overlay {
	height: 150px;
	pointer-events: none;
}

.colorpicker-body .standalone-strip .standalone-overlay {
	height: 122px;
	pointer-events: none;
}

.standalone-colorpicker-body {
	display: block;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
	overflow: hidden;
}

.colorpicker-body .insert-button {
	position: absolute;
	height: 20px;
	width: 58px;
	padding: 0px;
	right: 8px;
	bottom: 8px;
	background: var(--vscode-button-background);
	color: var(--vscode-button-foreground);
	border-radius: 2px;
	border: none;
	cursor: pointer;
}

.colorpicker-body .insert-button:hover{
	background: var(--vscode-button-hoverBackground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .peekview-widget .head {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title {
	display: flex;
	align-items: baseline;
	font-size: 13px;
	margin-left: 20px;
	min-width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .peekview-widget .head .peekview-title.clickable {
	cursor: pointer;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
	font-size: 0.9em;
	margin-left: 0.5em;
}

.monaco-editor .peekview-widget .head .peekview-title .meta {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
	content: '-';
	padding: 0 0.3em;
}

.monaco-editor .peekview-widget .head .peekview-actions {
	flex: 1;
	text-align: right;
	padding-right: 2px;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
	display: inline-block;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
	height: 100%;
}

.monaco-editor .peekview-widget > .body {
	border-top: 1px solid;
	position: relative;
}

.monaco-editor .peekview-widget .head .peekview-title .codicon {
	margin-right: 4px;
	align-self: center;
}

.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
	color: inherit !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .zone-widget {
	position: absolute;
	z-index: 10;
}


.monaco-editor .zone-widget .zone-widget-container {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	position: relative;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-split-view2 {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .sash-container {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.monaco-split-view2 > .sash-container > .monaco-sash {
	pointer-events: initial;
}

.monaco-split-view2 > .monaco-scrollable-element {
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	position: relative;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
	white-space: initial;
	position: absolute;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
	display: none;
}

.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
	width: 100%;
}

.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
	height: 100%;
}

.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	pointer-events: none;
	background-color: var(--separator-border);
}

.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 100%;
	width: 1px;
}

.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 1px;
	width: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-table {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.monaco-table > .monaco-split-view2 {
	border-bottom: 1px solid transparent;
}

.monaco-table > .monaco-list {
	flex: 1;
}

.monaco-table-tr {
	display: flex;
	height: 100%;
}

.monaco-table-th {
	width: 100%;
	height: 100%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-table-th,
.monaco-table-td {
	box-sizing: border-box;
	flex-shrink: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	content: "";
	position: absolute;
	left: calc(var(--vscode-sash-size) / 2);
	width: 0;
	border-left: 1px solid transparent;
}

.monaco-enable-motion .monaco-table > .monaco-split-view2,
.monaco-enable-motion .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	transition: border-color 0.2s ease-out;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-tl-row {
	display: flex;
	height: 100%;
	align-items: center;
	position: relative;
}

.monaco-tl-row.disabled {
	cursor: default;
}
.monaco-tl-indent {
	height: 100%;
	position: absolute;
	top: 0;
	left: 16px;
	pointer-events: none;
}

.hide-arrows .monaco-tl-indent {
	left: 12px;
}

.monaco-tl-indent > .indent-guide {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	border-left: 1px solid transparent;
	opacity: 0;
}

.monaco-enable-motion .monaco-tl-indent > .indent-guide {
	transition: opacity 0.1s linear;
}

.monaco-tl-twistie,
.monaco-tl-contents {
	height: 100%;
}

.monaco-tl-twistie {
	font-size: 10px;
	text-align: right;
	padding-right: 6px;
	flex-shrink: 0;
	width: 16px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transform: translateX(3px);
}

.monaco-tl-contents {
	flex: 1;
	overflow: hidden;
}

.monaco-tl-twistie::before {
	border-radius: 20px;
}

.monaco-tl-twistie.collapsed::before {
	transform: rotate(-90deg);
}

.monaco-tl-twistie.codicon-tree-item-loading::before {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.25s steps(30) infinite;
}

.monaco-tree-type-filter {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	padding: 3px;
	max-width: 200px;
	z-index: 100;
	margin: 0 10px 0 6px;
	border: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.monaco-enable-motion .monaco-tree-type-filter {
	transition: top 0.3s;
}

.monaco-tree-type-filter.disabled {
	top: -40px !important;
}

.monaco-tree-type-filter-input {
	flex: 1;
}

.monaco-tree-type-filter-input .monaco-inputbox {
	height: 23px;
}

.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
	padding: 2px 4px;
}

.monaco-tree-type-filter-input .monaco-findInput > .controls {
	top: 2px;
}

.monaco-tree-type-filter-actionbar {
	margin-left: 4px;
}

.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
	padding: 2px;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 13; /* Settings editor uses z-index: 12 */

	/* Backup color in case the tree does not provide the background color */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{
	position: absolute;
	width: 100%;
	opacity: 1 !important; /* Settings editor uses opacity < 1 */
	overflow: hidden;

	/* Backup color in case the tree does not provide the background color */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{
	background-color: var(--vscode-list-hoverBackground) !important;
	cursor: pointer;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow {
	display: none;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow {
	position: absolute;
	bottom: -3px;
	left: 0px;
	height: 0px; /* heigt is 3px and only set when there is a treeStickyScrollShadow color */
	width: 100%;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus{
	outline: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -- zone widget */
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.monaco-editor .reference-zone-widget .inline {
	display: inline-block;
	vertical-align: top;
}

.monaco-editor .reference-zone-widget .messages {
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 3em 0;
}

.monaco-editor .reference-zone-widget .ref-tree {
	line-height: 23px;
	background-color: var(--vscode-peekViewResult-background);
	color: var(--vscode-peekViewResult-lineForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .reference {
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file {
	display: inline-flex;
	width: 100%;
	height: 100%;
	color: var(--vscode-peekViewResult-fileForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
	color: inherit !important;
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
	background-color: var(--vscode-peekViewResult-selectionBackground);
	color: var(--vscode-peekViewResult-selectionForeground) !important;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
	margin-right: 12px;
	margin-left: auto;
}

.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
	color: var(--vscode-peekViewResult-fileForeground) !important;
	background-color: var(--vscode-peekViewResult-matchHighlightBackground) !important;
}

.monaco-editor .reference-zone-widget .preview .reference-decoration {
	background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
	border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
	box-sizing: border-box;
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
	background-color: var(--vscode-peekViewEditor-background);
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
	background-color: var(--vscode-peekViewEditorGutter-background);
}

/* High Contrast Theming */

.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
	font-weight: bold;
}

.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
	border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-count-badge {
	padding: 3px 5px;
	border-radius: 11px;
	font-size: 11px;
	min-width: 18px;
	min-height: 18px;
	line-height: 11px;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

.monaco-count-badge.long {
	padding: 2px 3px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* ---------- Icon label ---------- */

.monaco-icon-label {
	display: flex; /* required for icons support :before rule */
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-icon-label::before {

	/* svg icons rendered as background image */
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	line-height: inherit !important;
	display: inline-block;

	/* fonts icons */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: top;

	flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */
}

.monaco-icon-label-iconpath {
	width: 16px;
	height: 22px;
	margin-right: 6px;
	display: flex;
}

.monaco-icon-label-container.disabled {
	color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
	color: inherit;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
	margin: 0 2px;
	opacity: 0.5;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix {
	opacity: .7;
	white-space: pre;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .7;
	margin-left: 0.5em;
	font-size: 0.9em;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{
	white-space: nowrap
}

.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .95;
}

.monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-weight: bold;
}

.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-style: italic;
}

.monaco-icon-label.deprecated {
	text-decoration: line-through;
	opacity: 0.66;
}

.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	text-decoration: line-through;
}

.monaco-icon-label::after {
	opacity: 0.75;
	font-size: 90%;
	font-weight: 600;
	margin: auto 16px 0 5px; /* https://github.com/microsoft/vscode/issues/113223 */
	text-align: center;
}

/* make sure selection color wins when a label is being selected */
.monaco-list:focus .selected .monaco-icon-label, /* list */
.monaco-list:focus .selected .monaco-icon-label::after
{
	color: inherit !important;
}

.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
	opacity: .8;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* marker zone */

.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 4px;
}

.monaco-editor .marker-widget {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .marker-widget > .stale {
	opacity: 0.6;
	font-style: italic;
}

.monaco-editor .marker-widget .title {
	display: inline-block;
	padding-right: 5px;
}

.monaco-editor .marker-widget .descriptioncontainer {
	position: absolute;
	white-space: pre;
	user-select: text;
	-webkit-user-select: text;
	padding: 8px 12px 0 20px;
}

.monaco-editor .marker-widget .descriptioncontainer .message {
	display: flex;
	flex-direction: column;
}

.monaco-editor .marker-widget .descriptioncontainer .message .details {
	padding-left: 6px;
}

.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
	opacity: 0.6;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
	opacity: 0.6;
	color: inherit;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
	content: '(';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
	content: ')';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .marker-widget .descriptioncontainer .filename {
	cursor: pointer;
	color: var(--vscode-textLink-activeForeground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error, .markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.chat-attached-context-attachment .codicon.codicon-error {
	color: var(--vscode-problemsErrorIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning, .markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
	color: var(--vscode-problemsWarningIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info, .markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info {
	color: var(--vscode-problemsInfoIcon-foreground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .hoverHighlight {
	background-color: var(--vscode-editor-hoverHighlightBackground);
}

.monaco-editor .monaco-resizable-hover {
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
	box-sizing: content-box;
}

.monaco-editor .monaco-resizable-hover > .monaco-hover {
	border: none;
	border-radius: none;
}

.monaco-editor .monaco-hover {
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
}

.monaco-editor .monaco-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .monaco-hover .hover-row {
	display: flex;
}

.monaco-editor .monaco-hover .hover-row.hover-row-with-copy {
	position: relative;
	padding-right: 20px;
}

.monaco-editor .monaco-hover .hover-row .hover-row-contents {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions {
	border-right: 1px solid var(--vscode-editorHoverWidget-border);
	width: 22px;
	overflow-y: clip;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner {
	display: flex;
	flex-direction: column;
	padding-left: 5px;
	padding-right: 5px;
	justify-content: flex-end;
	position: relative;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon {
	cursor: pointer;
	font-size: 11px;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.enabled {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.disabled {
	opacity: 0.6;
}

.monaco-editor .monaco-hover .hover-row .actions {
	background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-editor .monaco-hover code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .monaco-hover .hover-copy-button {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 2px 4px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.monaco-editor .monaco-hover .hover-row-with-copy:hover .hover-copy-button,
.monaco-editor .monaco-hover .hover-row-with-copy:focus-within .hover-copy-button {
	opacity: 1;
}

.monaco-editor .monaco-hover .hover-copy-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
	cursor: pointer;
}

.monaco-editor .monaco-hover .hover-copy-button:focus {
	outline: 1px solid var(--vscode-focusBorder);
	outline-offset: -1px;
}

.monaco-editor .monaco-hover .hover-copy-button .codicon {
	font-size: 16px;
	color: var(--vscode-foreground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
	border-right: 2px dotted black;
	color: white; /* opposite of black */
}
.monaco-editor.vs-dark .dnd-target {
	border-right: 2px dotted #AEAFAD;
	color: #51504f; /* opposite of #AEAFAD */
}
.monaco-editor.hc-black .dnd-target {
	border-right: 2px dotted #fff;
	color: #000; /* opposite of #fff */
}

.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
	cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
	cursor: copy;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .findOptionsWidget {
	background-color: var(--vscode-editorWidget-background);
	color: var(--vscode-editorWidget-foreground);
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 2px solid var(--vscode-contrastBorder);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 140%;
	margin-left: 2px;
}

.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	transition: initial;
}

.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
	opacity: 1;
}

.monaco-editor .inline-folded:after {
	color: var(--vscode-editor-foldPlaceholderForeground);
	margin: 0.1em 0.2em 0 0.2em;
	content: "\22EF"; /* ellipses unicode character */
	display: inline;
	line-height: 1em;
	cursor: pointer;
}

.monaco-editor .folded-background {
	background-color: var(--vscode-editor-foldBackground);
}

.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
	color: var(--vscode-editorGutter-foldingControlForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .snippet-placeholder {
	min-width: 2px;
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}

.monaco-editor .finish-snippet-placeholder {
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Suggest widget*/

.monaco-editor .suggest-widget {
	width: 430px;
	z-index: 40;
	display: flex;
	flex-direction: column;
	border-radius: 3px;
}

.monaco-editor .suggest-widget.message {
	flex-direction: row;
	align-items: center;
}

.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
	flex: 0 1 auto;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
	border-width: 2px;
}

/* Styles for status bar part */


.monaco-editor .suggest-widget .suggest-status-bar {
	box-sizing: border-box;
	display: none;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	font-size: 80%;
	padding: 0 4px 0 4px;
	border-top: 1px solid var(--vscode-editorSuggestWidget-border);
	overflow: hidden;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
	display: flex;
}

.monaco-editor .suggest-widget .suggest-status-bar .left {
	padding-right: 8px;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
	color: var(--vscode-editorSuggestWidgetStatus-foreground);
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
	margin-right: 0;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
	content: ', ';
	margin-right: 0.3em;
}

.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: none;
}

.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: 100%;
}

/* Styles for Message element for when widget is loading or is empty */

.monaco-editor .suggest-widget > .message {
	padding-left: 22px;
}

/** Styles for the list element **/

.monaco-editor .suggest-widget > .tree {
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
}

/** Styles for each row in the list element **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
	display: flex;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
	color: var(--vscode-editorSuggestWidget-selectedForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
	color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
	flex: 1;
	height: 100%;
	overflow: hidden;
	padding-left: 2px;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	justify-content: space-between;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	display: flex;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-highlightForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}

/** ReadMore Icon styles **/

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before {
	color: inherit;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
	position: absolute;
	top: 6px;
	right: 2px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
	opacity: 1;
}

/** signature, qualifier, type/details opacity **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	opacity: 0.7;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.6;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
	margin-left: 12px;
	opacity: 0.4;
	font-size: 85%;
	line-height: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	align-self: center;
}

/** Type Info and icon next to the label in the focused completion item **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	font-size: 85%;
	margin-left: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
	display: inline;
}

/** Details: if using CompletionItem#details, show on focus **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	display: none;
}

.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
	display: inline;
}

/** Details: if using CompletionItemLabel#details, always show **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
	display: inline;
}

/** Ellipsis on hover **/

.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: calc(100% - 26px);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 0;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
	max-width: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 1;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	overflow: hidden;
	flex-shrink: 4;
	max-width: 70%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: inline-block;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	visibility: hidden;
}

/** Do NOT display ReadMore when docs is side/below **/

.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: none !important;
}

/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
	display: none;
}

/** Focused item can show ReadMore, but can't when docs is side/below **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: inline-block;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
	visibility: visible;
}

/** Styles for each row in the list **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
	opacity: 0.66;
	text-decoration: unset;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
	text-decoration: line-through;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
	height: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
	display: block;
	height: 16px;
	width: 16px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
	margin: 0 0 0 0.3em;
	border: 0.1em solid #000;
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
}

/** Styles for the docs of the completion item in focus **/

.monaco-editor .suggest-details-container {
	z-index: 41;
}

.monaco-editor .suggest-details {
	display: flex;
	flex-direction: column;
	cursor: default;
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-details:focus {
	border-color: var(--vscode-focusBorder);
}

.monaco-editor .suggest-details a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .suggest-details a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .suggest-details code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .suggest-details.no-docs {
	display: none;
}

.monaco-editor .suggest-details > .monaco-scrollable-element {
	flex: 1;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
	flex: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.7;
	white-space: pre;
	margin: 0 24px 0 0;
	padding: 4px 0 4px 5px;
}

.monaco-editor .suggest-details.detail-and-doc > .monaco-scrollable-element > .body > .header > .type {
	padding-bottom: 12px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
	white-space: normal;
	word-break: break-all;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
	margin: 0;
	padding: 4px 5px;
	white-space: pre-wrap;
}

.monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
	margin-right: 24px;
	overflow: hidden;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
	padding: 0;
	white-space: initial;
	min-height: calc(1rem + 8px);
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
	padding: 4px 5px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
	margin-top: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
	margin-bottom: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
	white-space: pre;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
	vertical-align: sub;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
	display: none;
}

.monaco-editor .suggest-details code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-editor .suggest-details ul {
	padding-left: 20px;
}

.monaco-editor .suggest-details ol {
	padding-left: 20px;
}

.monaco-editor .suggest-details p code {
	font-family: var(--monaco-monospace-font);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .suggest-preview-additional-widget {
	white-space: nowrap;
}

.monaco-editor .suggest-preview-additional-widget .content-spacer {
	color: transparent;
	white-space: pre;
}

.monaco-editor .suggest-preview-additional-widget .button {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-hidden {
	opacity: 0;
	font-size: 0;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .suggest-preview-text .ghost-text {
	font-style: italic;
}

.monaco-editor .suggest-preview-text.clickable .view-line {
	z-index: 1;
}

.monaco-editor .ghost-text-decoration.clickable,
.monaco-editor .ghost-text-decoration-preview.clickable,
.monaco-editor .suggest-preview-text.clickable .ghost-text {
	cursor: pointer;
}

.monaco-editor .inline-completion-text-to-replace {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
	&.syntax-highlighted {
		opacity: 0.7;
	}
	&:not(.syntax-highlighted) {
		color: var(--vscode-editorGhostText-foreground);
	}
	background-color: var(--vscode-editorGhostText-background);
	border: 1px solid var(--vscode-editorGhostText-border);
}

.monaco-editor .ghost-text-decoration.warning,
.monaco-editor .ghost-text-decoration-preview.warning,
.monaco-editor .suggest-preview-text .ghost-text.warning {
	background: var(--monaco-editor-warning-decoration) repeat-x bottom left;
	border-bottom: 4px double var(--vscode-editorWarning-border);
}

.ghost-text-view-warning-widget-icon {
	.codicon {
		color: var(--vscode-editorWarning-foreground) !important;
	}
}

.monaco-editor {
	.edits-fadeout-decoration {
		opacity: var(--animation-opacity, 1);
		background-color: var(--vscode-inlineEdit-modifiedChangedTextBackground);
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .sticky-widget {
	overflow: hidden;
	border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
	width: 100%;
	box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
	z-index: 4;
	right: initial !important;
	margin-left: '0px';
}

.monaco-editor .sticky-widget .sticky-widget-line-numbers {
	float: left;
	background-color: var(--vscode-editorStickyScrollGutter-background);
}

.monaco-editor .sticky-widget.peek .sticky-widget-line-numbers {
	background-color: var(--vscode-peekViewEditorStickyScrollGutter-background);
}

.monaco-editor .sticky-widget .sticky-widget-lines-scrollable {
	display: inline-block;
	position: absolute;
	overflow: hidden;
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: var(--vscode-editorStickyScroll-background);
}

.monaco-editor .sticky-widget.peek .sticky-widget-lines-scrollable {
	background-color: var(--vscode-peekViewEditorStickyScroll-background);
}

.monaco-editor .sticky-widget .sticky-widget-lines {
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-widget .sticky-line-number,
.monaco-editor .sticky-widget .sticky-line-content {
	color: var(--vscode-editorLineNumber-foreground);
	white-space: nowrap;
	display: inline-block;
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-expanded,
.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-collapsed {
	float: right;
	transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
	position: absolute;
	margin-left: 2px;
}

.monaco-editor .sticky-widget .sticky-line-content {
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
	white-space: nowrap;
}

.monaco-editor .sticky-widget .sticky-line-number-inner {
	display: inline-block;
	text-align: right;
}

.monaco-editor .sticky-widget .sticky-line-content:hover {
	background-color: var(--vscode-editorStickyScrollHover-background);
	cursor: pointer;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	@keyframes blink { 50% { border-color: orange; }  }
*/

.monaco-editor {
	.inline-edits-view-indicator {
		display: flex;

		z-index: 34; /* Below the find widget */
		height: 20px;

		color: var(--vscode-inlineEdit-gutterIndicator-primaryForeground);
		background-color: var(--vscode-inlineEdit-gutterIndicator-background);
		border: 1px solid var(--vscode-inlineEdit-gutterIndicator-primaryBorder);
		border-radius: 3px;

		align-items: center;
		padding: 2px;
		padding-right: 10px;
		margin: 0 4px;

		/*
		animation: blink 1s;
		animation-iteration-count: 3;
		*/

		opacity: 0;

		&.contained {
			transition: opacity 0.2s ease-in-out;
			transition-delay: 0.4s;
		}

		&.visible {
			opacity: 1;
		}

		&.top {
			opacity: 1;

			.icon {
				transform: rotate(90deg);
			}
		}

		&.bottom {
			opacity: 1;

			.icon {
				transform: rotate(-90deg);
			}
		}

		.icon {
			display: flex;
			align-items: center;
			margin: 0 2px;
			transform: none;
			transition: transform 0.2s ease-in-out;
			.codicon {
				color: var(--vscode-inlineEdit-gutterIndicator-primaryForeground);
			}
		}

		.label {
			margin: 0 2px;

			display: flex;
			justify-content: center;
			width: 100%;
		}
	}

	.inline-edits-view .editorContainer {
		.preview .monaco-editor {
			.view-overlays .current-line-exact {
				border: none;
			}

			.current-line-margin {
				border: none;
			}
		}

		.inline-edits-view-zone.diagonal-fill {
			opacity: 0.5;
		}
	}

	.strike-through {
		text-decoration: line-through;
	}

	.inlineCompletions-line-insert {
		background: var(--vscode-inlineEdit-modifiedChangedLineBackground);
	}

	.inlineCompletions-line-delete {
		background: var(--vscode-inlineEdit-originalChangedLineBackground);
	}

	.inlineCompletions-char-insert {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground);
		cursor: pointer;
	}

	.inlineCompletions-char-delete {
		background: var(--vscode-inlineEdit-originalChangedTextBackground);
	}

	.inlineCompletions-char-delete.diff-range-empty {
		margin-left: -1px;
		border-left: solid var(--vscode-inlineEdit-originalChangedTextBackground) 3px;
	}

	.inlineCompletions-char-insert.diff-range-empty {
		border-left: solid var(--vscode-inlineEdit-modifiedChangedTextBackground) 3px;
	}

	.inlineCompletions-char-delete.single-line-inline { /* Editor Decoration */
		border: 1px solid var(--vscode-editorHoverWidget-border);
		margin: -2px 0 0 -2px;
	}

	.inlineCompletions-char-insert.single-line-inline { /* Inline Decoration */
		border-top: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
		border-bottom: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}
	.inlineCompletions-char-insert.single-line-inline.start {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		border-left: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}
	.inlineCompletions-char-insert.single-line-inline.end {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}

	.inlineCompletions-char-delete.single-line-inline.empty,
	.inlineCompletions-char-insert.single-line-inline.empty {
		display: none;
	}

	.inlineCompletions.strike-through {
		text-decoration-thickness: 1px;
	}

	/* line replacement bubbles */

	.inlineCompletions-modified-bubble {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground);
	}

	.inlineCompletions-original-bubble {
		background: var(--vscode-inlineEdit-originalChangedTextBackground);
	}

	.inlineCompletions-modified-bubble,
	.inlineCompletions-original-bubble {
		pointer-events: none;
		display: inline-block;
	}

	.inline-edit.ghost-text,
	.inline-edit.ghost-text-decoration,
	.inline-edit.ghost-text-decoration-preview,
	.inline-edit.suggest-preview-text .ghost-text {
		&.syntax-highlighted {
			opacity: 1 !important;
		}
		font-style: normal !important;
	}

	.inline-edit.modified-background.ghost-text,
	.inline-edit.modified-background.ghost-text-decoration,
	.inline-edit.modified-background.ghost-text-decoration-preview,
	.inline-edit.modified-background.suggest-preview-text .ghost-text {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground) !important;
		display: inline-block !important;
	}

	.inlineCompletions-original-lines {
		background: var(--vscode-editor-background);
	}
}

.monaco-menu-option {
	color: var(--vscode-editorActionList-foreground);
	font-size: 13px;
	padding: 0 4px;
	line-height: 28px;
	display: flex;
	gap: 4px;
	align-items: center;
	border-radius: 3px;
	cursor: pointer;

	.monaco-keybinding-key {
		font-size: 13px;
		opacity: 0.7;
	}

	&.active {
		background: var(--vscode-editorActionList-focusBackground);
		color: var(--vscode-editorActionList-focusForeground);
		outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
		outline-offset: -1px;

		.monaco-keybinding-key {
			color: var(--vscode-editorActionList-focusForeground);
		}
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .goto-definition-link {
	text-decoration: underline;
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


.monaco-editor.vs .valueSetReplacement {
	outline: solid 2px var(--vscode-editorBracketMatch-border);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .linked-editing-decoration {
	background-color: var(--vscode-editor-linkedEditingBackground);

	/* Ensure decoration is visible even if range is empty */
	min-width: 1px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .detected-link-active {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor {
	.scroll-editor-on-middle-click-dot {
		cursor: all-scroll;
		position: absolute;
		z-index: 1;
		background-color: var(--vscode-editor-foreground, white);
		border: 1px solid var(--vscode-editor-background, black);
		opacity: 0.5;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		transform: translate(-50%, -50%);

		&.hidden {
			display: none;
		}
	}

	&.scroll-editor-on-middle-click-editor * {
		cursor: all-scroll;
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .focused .selectionHighlight {
	background-color: var(--vscode-editor-selectionHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-selectionHighlightBorder);
}
.monaco-editor.hc-black .focused .selectionHighlight, .monaco-editor.hc-light .focused .selectionHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlight {
	background-color: var(--vscode-editor-wordHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightBorder);
}
.monaco-editor.hc-black .wordHighlight, .monaco-editor.hc-light .wordHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlightStrong {
	background-color: var(--vscode-editor-wordHighlightStrongBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
}
.monaco-editor.hc-black .wordHighlightStrong, .monaco-editor.hc-light .wordHighlightStrong {
	border-style: dotted;
}

.monaco-editor .wordHighlightText {
	background-color: var(--vscode-editor-wordHighlightTextBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
}
.monaco-editor.hc-black .wordHighlightText, .monaco-editor.hc-light .wordHighlightText {
	border-style: dotted;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .parameter-hints-widget {
	/* Must be higher than the sash's z-index and terminal canvases but lower than the suggest widget */
	z-index: 39;
	display: flex;
	flex-direction: column;
	line-height: 1.5em;
	cursor: default;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
	border-width: 2px;
}

.monaco-editor .parameter-hints-widget > .phwrapper {
	max-width: 440px;
	display: flex;
	flex-direction: row;
}

.monaco-editor .parameter-hints-widget.multiple {
	min-height: 3.3em;
	padding: 0;
}

.monaco-editor .parameter-hints-widget.multiple .body::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	opacity: 0.5;
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
	margin: 8px 0;
}

.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
.monaco-editor .parameter-hints-widget .body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 100%;
}

.monaco-editor .parameter-hints-widget .signature {
	padding: 4px 5px;
	position: relative;
}

.monaco-editor .parameter-hints-widget .signature.has-docs::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	padding-top: 4px;
	opacity: 0.5;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget .code {
	font-family: var(--vscode-parameterHintsWidget-editorFontFamily), var(--vscode-parameterHintsWidget-editorFontFamilyDefault);
}

.monaco-editor .parameter-hints-widget .docs {
	padding: 0 10px 0 5px;
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .docs.empty {
	display: none;
}

.monaco-editor .parameter-hints-widget .docs a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .parameter-hints-widget .docs a:hover {
	color: var(--vscode-textLink-activeForeground);
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .docs .markdown-docs {
	white-space: initial;
}

.monaco-editor .parameter-hints-widget .docs code {
	font-family: var(--monaco-monospace-font);
	border-radius: 3px;
	padding: 0 0.4em;
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,
.monaco-editor .parameter-hints-widget .docs .code {
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .controls {
	display: none;
	flex-direction: column;
	align-items: center;
	min-width: 22px;
	justify-content: flex-end;
}

.monaco-editor .parameter-hints-widget.multiple .controls {
	display: flex;
	padding: 0 2px;
}

.monaco-editor .parameter-hints-widget.multiple .button {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .button.previous {
	bottom: 24px;
}

.monaco-editor .parameter-hints-widget .overloads {
	text-align: center;
	height: 12px;
	line-height: 12px;
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .parameter-hints-widget .signature .parameter.active {
	color: var(--vscode-editorHoverWidget-highlightForeground);
	font-weight: bold;
}

.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
	font-weight: bold;
	margin-right: 0.5em;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor {
	.editorPlaceholder {
		top: 0px;
		position: absolute;
		overflow: hidden;
		text-overflow: ellipsis;
		text-wrap: nowrap;
		pointer-events: none;

		color: var(--vscode-editor-placeholder-foreground);
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rename-box {
	z-index: 100;
	color: inherit;
	border-radius: 4px;
}

.monaco-editor .rename-box.preview {
	padding: 4px 4px 0 4px;
}

.monaco-editor .rename-box .rename-input-with-button {
	padding: 3px;
	border-radius: 2px;
	width: calc(100% - 8px); /* 4px padding on each side */
}

.monaco-editor .rename-box .rename-input {
	width: calc(100% - 8px); /* 4px padding on each side */
	padding: 0;
}

.monaco-editor .rename-box .rename-input:focus {
	outline: none;
}

.monaco-editor .rename-box .rename-suggestions-button {
	display: flex;
	align-items: center;
	padding: 3px;
	background-color: transparent;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.monaco-editor .rename-box .rename-suggestions-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground)
}

.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row {
	border-radius: 2px;
}

.monaco-editor .rename-box .rename-label {
	display: none;
	opacity: .8;
}

.monaco-editor .rename-box.preview .rename-label {
	display: inherit;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .unicode-highlight {
	border: 1px solid var(--vscode-editorUnicodeHighlight-border);
	background-color: var(--vscode-editorUnicodeHighlight-background);
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.editor-banner {
	box-sizing: border-box;
	cursor: default;
	width: 100%;
	font-size: 12px;
	display: flex;
	overflow: visible;

	height: 26px;

	background: var(--vscode-banner-background);
}


.editor-banner .icon-container {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	padding: 0 6px 0 10px;
}

.editor-banner .icon-container.custom-icon {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	width: 16px;
	padding: 0;
	margin: 0 6px 0 10px;
}

.editor-banner .message-container {
	display: flex;
	align-items: center;
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor-banner .message-container p {
	margin-block-start: 0;
	margin-block-end: 0;
}

.editor-banner .message-actions-container {
	flex-grow: 1;
	flex-shrink: 0;
	line-height: 26px;
	margin: 0 4px;
}

.editor-banner .message-actions-container a.monaco-button {
	width: inherit;
	margin: 2px 8px;
	padding: 0px 12px;
}

.editor-banner .message-actions-container a {
	padding: 3px;
	margin-left: 12px;
	text-decoration: underline;
}

.editor-banner .action-container {
	padding: 0 10px 0 6px;
}

.editor-banner {
	background-color: var(--vscode-banner-background);
}

.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
	color: var(--vscode-banner-foreground);
}

.editor-banner .icon-container .codicon {
	color: var(--vscode-banner-iconForeground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-link {
	color: var(--vscode-textLink-foreground);
}

.monaco-link:hover {
	color: var(--vscode-textLink-activeForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.floating-menu-overlay-widget {
	padding: 0px;
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
	border-radius: 2px;
	border: 1px solid var(--vscode-contrastBorder);
	display: flex;
	align-items: center;
	z-index: 10;
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
	overflow: hidden;

	.action-item > .action-label {
		padding: 5px;
		font-size: 12px;
		border-radius: 2px;
	}

	.action-item > .action-label.codicon {
		color: var(--vscode-button-foreground);
	}

	.action-item > .action-label.codicon:not(.separator) {
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.action-item:first-child > .action-label {
		padding-left: 7px;
	}

	.action-item:last-child > .action-label {
		padding-right: 7px;
	}

	.action-item .action-label.separator {
		background-color: var(--vscode-menu-separatorBackground);
	}
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .tokens-inspect-widget {
	z-index: 50;
	user-select: text;
	-webkit-user-select: text;
	padding: 10px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor.hc-black .tokens-inspect-widget, .monaco-editor.hc-light .tokens-inspect-widget {
	border-width: 2px;
}

.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
	height: 1px;
	border: 0;
	background-color: var(--vscode-editorHoverWidget-border);
}

.monaco-editor .tokens-inspect-widget .tm-token {
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .tokens-inspect-widget .tm-token-length {
	font-weight: normal;
	font-size: 60%;
	float: right;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-table {
	width: 100%;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-value {
	font-family: var(--monaco-monospace-font);
	text-align: right;
}

.monaco-editor .tokens-inspect-widget .tm-token-type {
	font-family: var(--monaco-monospace-font);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


/* Default standalone editor fonts */
.monaco-editor {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
	--monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
}

.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-hover p {
	margin: 0;
}

/* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */
.monaco-aria-container {
	position: absolute !important;
	top: 0; /* avoid being placed underneath a sibling element */
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

.monaco-editor .synthetic-focus, .monaco-diff-editor .synthetic-focus,
.monaco-editor [tabindex="0"]:focus, .monaco-diff-editor [tabindex="0"]:focus,
.monaco-editor [tabindex="-1"]:focus, .monaco-diff-editor [tabindex="-1"]:focus,
.monaco-editor button:focus, .monaco-diff-editor button:focus,
.monaco-editor input[type=button]:focus, .monaco-diff-editor input[type=button]:focus,
.monaco-editor input[type=checkbox]:focus, .monaco-diff-editor input[type=checkbox]:focus,
.monaco-editor input[type=search]:focus, .monaco-diff-editor input[type=search]:focus,
.monaco-editor input[type=text]:focus, .monaco-diff-editor input[type=text]:focus,
.monaco-editor select:focus, .monaco-diff-editor select:focus,
.monaco-editor textarea:focus, .monaco-diff-editor textarea:focus {
	outline-width: 1px;
	outline-style: solid;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
	opacity: 1
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* stylelint-disable layer-checker */

.monaco-hover.workbench-hover {
	position: relative;
	font-size: 13px;
	line-height: 19px;
	/* Must be higher than sash's z-index and terminal canvases */
	z-index: 40;
	overflow: hidden;
	max-width: 700px;
	background: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 5px;
	color: var(--vscode-editorHoverWidget-foreground);
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.monaco-hover.workbench-hover .monaco-action-bar .action-item .codicon {
	/* Given our font-size, adjust action icons accordingly */
	width: 13px;
	height: 13px;
}

.monaco-hover.workbench-hover hr {
	border-bottom: none;
}

.monaco-hover.workbench-hover.compact {
	font-size: 12px;
}

.monaco-hover.workbench-hover.compact .monaco-action-bar .action-item .codicon {
	/* Given our font-size, adjust action icons accordingly */
	width: 12px;
	height: 12px;
}

.monaco-hover.workbench-hover.compact .hover-contents {
	padding: 2px 8px;
}

.workbench-hover-container.locked .monaco-hover.workbench-hover {
	outline: 1px solid var(--vscode-editorHoverWidget-border);
}
.workbench-hover-container:focus-within.locked .monaco-hover.workbench-hover {
	outline-color: var(--vscode-focusBorder);
}

.workbench-hover-pointer {
	position: absolute;
	/* Must be higher than workbench hover z-index */
	z-index: 41;
	pointer-events: none;
}

.workbench-hover-pointer:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: var(--vscode-editorHoverWidget-background);
	border-right: 1px solid var(--vscode-editorHoverWidget-border);
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}
.workbench-hover-container:not(:focus-within).locked .workbench-hover-pointer:after {
	width: 4px;
	height: 4px;
	border-right-width: 2px;
	border-bottom-width: 2px;
}
.workbench-hover-container:focus-within .workbench-hover-pointer:after {
	border-right: 1px solid var(--vscode-focusBorder);
	border-bottom: 1px solid var(--vscode-focusBorder);
}

.workbench-hover-pointer.left   { left: -3px; }
.workbench-hover-pointer.right  { right: 3px; }
.workbench-hover-pointer.top    { top: -3px; }
.workbench-hover-pointer.bottom { bottom: 3px; }

.workbench-hover-pointer.left:after {
	transform: rotate(135deg);
}

.workbench-hover-pointer.right:after {
	transform: rotate(315deg);
}

.workbench-hover-pointer.top:after {
	transform: rotate(225deg);
}

.workbench-hover-pointer.bottom:after {
	transform: rotate(45deg);
}

.monaco-hover.workbench-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-hover.workbench-hover a:focus {
	outline: 1px solid;
	outline-offset: -1px;
	text-decoration: underline;
	outline-color: var(--vscode-focusBorder);
}

.monaco-hover.workbench-hover a.codicon:focus,
.monaco-hover.workbench-hover a.monaco-button:focus {
	text-decoration: none;
}

.monaco-hover.workbench-hover a:hover,
.monaco-hover.workbench-hover a:active {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-hover.workbench-hover code {
	background: var(--vscode-textCodeBlock-background);
}

.monaco-hover.workbench-hover .hover-row .actions {
	background: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-hover.workbench-hover.right-aligned {
	/* The context view service wraps strangely when it's right up against the edge without this */
	left: 1px;
}

.monaco-hover.workbench-hover.right-aligned .hover-row.status-bar .actions {
	flex-direction: row-reverse;
}

.monaco-hover.workbench-hover.right-aligned .hover-row.status-bar .actions .action-container {
	margin-right: 0;
	margin-left: 16px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.context-view {
	position: absolute;
}

.context-view.fixed {
	all: initial;
	font-family: inherit;
	font-size: 13px;
	position: fixed;
	color: inherit;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	font-size: 13px;
}

.quick-input-widget .monaco-highlighted-label .highlight,
.quick-input-widget .monaco-highlighted-label .highlight {
	color: #0066BF;
}

.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight,
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: #9DDDFF;
}

.vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0097fb;
}

.hc-black .quick-input-widget .monaco-highlighted-label .highlight,
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
	color: #F38518;
}

.hc-light .quick-input-widget .monaco-highlighted-label .highlight,
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0F4A85;
}

.monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(221, 221, 221, 0.4);
	border: solid 1px rgba(204, 204, 204, 0.4);
	border-bottom-color: rgba(187, 187, 187, 0.4);
	box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4);
	color: #555;
}

.hc-black .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px rgb(111, 195, 223);
	box-shadow: none;
	color: #fff;
}

.hc-light .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px #0F4A85;
	box-shadow: none;
	color: #292929;
}

.vs-dark .monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(128, 128, 128, 0.17);
	border: solid 1px rgba(51, 51, 51, 0.6);
	border-bottom-color: rgba(68, 68, 68, 0.6);
	box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
	color: #ccc;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	position: absolute;
	width: 600px;
	z-index: 2550;
	left: 50%;
	-webkit-app-region: no-drag;
	border-radius: 6px;
}

.quick-input-titlebar {
	cursor: grab;
	display: flex;
	align-items: center;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.quick-input-left-action-bar {
	display: flex;
	margin-left: 4px;
	flex: 1;
}

/* give some space between input and action bar */
.quick-input-inline-action-bar > .actions-container > .action-item:first-child {
	margin-left: 5px;
}

/* center horizontally */
.quick-input-inline-action-bar > .actions-container > .action-item {
	margin-top: 2px;
}

.quick-input-title {
	cursor: grab;
	padding: 3px 0px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

.quick-input-right-action-bar {
	display: flex;
	margin-right: 4px;
	flex: 1;
}

.quick-input-right-action-bar > .actions-container {
	justify-content: flex-end;
}

.quick-input-right-action-bar > .actions-container > .action-item {
	margin-left: 4px;
}

.quick-input-titlebar .monaco-action-bar .action-label.codicon {
	background-position: center;
	background-repeat: no-repeat;
	padding: 2px;
}

.quick-input-description {
	margin: 6px 6px 6px 11px;
}

.quick-input-header .quick-input-description {
	margin: 4px 2px;
	flex: 1;
}

.quick-input-header {
	cursor: grab;
	display: flex;
	padding: 6px 6px 2px 6px;
}

.quick-input-widget.hidden-input .quick-input-header {
	/* reduce margins and paddings when input box hidden */
	padding: 0;
	margin-bottom: 0;
}

.quick-input-and-message {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 0;
	position: relative;
}

.quick-input-check-all {
	align-self: center;
	margin: 0;
}

.quick-input-widget .quick-input-header .monaco-checkbox {
	margin-top: 6px;
}

.quick-input-filter {
	flex-grow: 1;
	display: flex;
	position: relative;
}

.quick-input-box {
	flex-grow: 1;
}

.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
	margin-left: 5px;
}

.quick-input-visible-count {
	position: absolute;
	left: -10000px;
}

.quick-input-count {
	align-self: center;
	position: absolute;
	right: 4px;
	display: flex;
	align-items: center;
}

.quick-input-count .monaco-count-badge {
	vertical-align: middle;
	padding: 2px 4px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}

.quick-input-action {
	margin-left: 6px;
}

.quick-input-action .monaco-text-button {
	font-size: 11px;
	padding: 0 6px;
	display: flex;
	height: 25px;
	align-items: center;
}

.quick-input-message {
	margin-top: -1px;
	padding: 5px;
	overflow-wrap: break-word;
}

.quick-input-message > .codicon {
	margin: 0 0.2em;
	vertical-align: text-bottom;
}

/* Links in descriptions & validations */
.quick-input-message a {
	color: inherit;
}

.quick-input-progress.monaco-progress-container {
	position: relative;
}

.quick-input-list {
	line-height: 22px;
}

.quick-input-widget.hidden-input .quick-input-list {
	margin-top: 4px;
	/* reduce margins when input box hidden */
	padding-bottom: 4px;
}

.quick-input-list .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-list .monaco-scrollable-element {
	padding: 0px 6px;
}

.quick-input-list .quick-input-list-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	padding: 0 6px;
}

.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
	border-top-width: 1px;
	border-top-style: solid;
}

.quick-input-list .monaco-list-row {
	border-radius: 3px;
}

.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
	border-top-style: none;
}

.quick-input-list .quick-input-list-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-widget .monaco-checkbox {
	margin-right: 0;
}

.quick-input-widget .quick-input-list .monaco-checkbox,
.quick-input-widget .quick-input-tree .monaco-checkbox {
	margin-top: 4px;
}

.quick-input-list .quick-input-list-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-list .quick-input-list-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row {
	display: flex;
	align-items: center;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1;
	/* make sure the icon label grows within the row */
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
	margin-right: 8px;
	/* separate from the separator label or scrollbar if any */
}

.quick-input-list .quick-input-list-label-meta {
	opacity: 0.7;
	line-height: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* preserve list-like styling instead of tree-like styling */
.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
	font-weight: bold;
	background-color: unset;
	color: var(--vscode-list-highlightForeground) !important;
}

/* preserve list-like styling instead of tree-like styling */
.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: var(--vscode-list-focusHighlightForeground) !important;
}

.quick-input-list .quick-input-list-entry .quick-input-list-separator {
	margin-right: 4px;
	/* separate from keybindings or actions */
}

.quick-input-list .quick-input-list-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 2px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-top: 1px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-right: 4px;
	/* separate from scrollbar */
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label {
	display: flex;
}

.quick-input-list > .monaco-list:focus .monaco-list-row.focused {
	outline: 1px solid var(--vscode-list-focusOutline) !important;
	outline-offset: -1px;
}

.quick-input-list > .monaco-list:focus .monaco-list-row.focused .quick-input-list-entry.quick-input-list-separator-border {
	border-color: transparent;
}

/* focused items in quick pick */
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
	color: inherit
}

.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
	background: none;
}

.quick-input-list .quick-input-list-separator-as-item {
	padding: 4px 6px;
	font-size: 12px;
}

/* Quick input separators as full-row item */
.quick-input-list .quick-input-list-separator-as-item .label-name {
	font-weight: 600;
}

.quick-input-list .quick-input-list-separator-as-item .label-description {
	/* Override default description opacity so we don't have a contrast ratio issue. */
	opacity: 1 !important;
}

/* Hide border when the item becomes the sticky one */
.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border {
	border-top-style: none;
}

/* Give sticky row the same padding as the scrollable list */
.quick-input-list .monaco-tree-sticky-row {
	padding: 0 5px;
}

/* Hide the twistie containers so that there isn't blank indent */
.quick-input-list .monaco-tl-twistie {
	display: none !important;
}

/* Tree */

.quick-input-tree .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-tree .quick-input-tree-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	padding: 0 6px;
}

.quick-input-tree .quick-input-tree-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-tree .quick-input-tree-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-tree .quick-input-tree-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row {
	display: flex;
	align-items: center;
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .monaco-icon-label,
.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1;
	/* make sure the icon label grows within the row */
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-tree .quick-input-tree-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-tree .quick-input-tree-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-tree .quick-input-tree-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 2px;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	margin-top: 1px;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	margin-right: 4px;
	/* separate from scrollbar */
}

.quick-input-tree .quick-input-tree-entry .quick-input-tree-entry-action-bar .action-label.always-visible,
.quick-input-tree .quick-input-tree-entry:hover .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .quick-input-tree-entry.focus-inside .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .monaco-list-row.focused .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .monaco-list-row.passive-focused .quick-input-tree-entry-action-bar .action-label {
	display: flex;
}

.quick-input-tree > .monaco-list:focus .monaco-list-row.focused {
	outline: 1px solid var(--vscode-list-focusOutline) !important;
	outline-offset: -1px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-progress-container {
	width: 100%;
	height: 2px;
	overflow: hidden; /* keep progress bit in bounds */
}

.monaco-progress-container .progress-bit {
	width: 2%;
	height: 2px;
	position: absolute;
	left: 0;
	display: none;
}

.monaco-progress-container.active .progress-bit {
	display: inherit;
}

.monaco-progress-container.discrete .progress-bit {
	left: 0;
	transition: width 100ms linear;
}

.monaco-progress-container.discrete.done .progress-bit {
	width: 100%;
}

.monaco-progress-container.infinite .progress-bit {
	animation-name: progress;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: linear;
}

.monaco-progress-container.infinite.infinite-long-running .progress-bit {
	/*
		The more smooth `linear` timing function can cause
		higher GPU consumption as indicated in
		https://github.com/microsoft/vscode/issues/97900 &
		https://github.com/microsoft/vscode/issues/138396
	*/
	animation-timing-function: steps(100);
}

/**
 * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of
 * that container. Since translateX is relative to the progress bit size, we have to multiple it with
 * its relative size to the parent container:
 * parent width: 5000%
 *    bit width: 100%
 * translateX should be as follow:
 *  50%: 5000% * 50% - 50% (set to center) = 2450%
 * 100%: 5000% * 100% - 100% (do not overflow) = 4900%
 */
@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4900%) scaleX(1) } }
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rendered-markdown kbd {
	background-color: var(--vscode-keybindingLabel-background);
	color: var(--vscode-keybindingLabel-foreground);
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	border-color: var(--vscode-keybindingLabel-border);
	border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
	box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
	vertical-align: middle;
	padding: 1px 3px;
}

.rendered-markdown li:has(input[type=checkbox]) {
	list-style-type: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-component.multiDiffEditor {
	background: var(--vscode-multiDiffEditor-background);

	position: relative;

	height: 100%;
	width: 100%;

	overflow-y: hidden;

	> div {
		position: absolute;
		top: 0px;
		left: 0px;

		height: 100%;
		width: 100%;

		&.placeholder {
			visibility: hidden;

			&.visible {
				visibility: visible;
			}

			display: grid;
			place-items: center;
			place-content: center;
		}
	}

	.active {
		--vscode-multiDiffEditor-border: var(--vscode-focusBorder);
	}

	.multiDiffEntry {
		display: flex;
		flex-direction: column;
		flex: 1;
		overflow: hidden;


		.collapse-button {
			margin: 0 5px;
			cursor: pointer;

			a {
				display: block;
			}
		}

		.header {
			z-index: 1000;
			background: var(--vscode-editor-background);

			&:not(.collapsed) .header-content {
				border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border);
			}

			.header-content {
				margin: 8px 0px 0px 0px;
				padding: 4px 5px;

				border-top: 1px solid var(--vscode-multiDiffEditor-border);

				display: flex;
				align-items: center;

				color: var(--vscode-foreground);
				background: var(--vscode-multiDiffEditor-headerBackground);

				&.shadow {
					box-shadow: var(--vscode-scrollbar-shadow) 0px 6px 6px -6px;
				}

				.file-path {
					display: flex;
					flex: 1;
					min-width: 0;

					.title {
						font-size: 14px;
						line-height: 22px;

						&.original {
							flex: 1;
							min-width: 0;
							text-overflow: ellipsis;
						}
					}

					.status {
						font-weight: 600;
						opacity: 0.75;
						margin: 0px 10px;
						line-height: 22px;

						/*
							TODO@hediet: move colors from git extension to core!
						&.renamed {
							color: v ar(--vscode-gitDecoration-renamedResourceForeground);
						}

						&.deleted {
							color: v ar(--vscode-gitDecoration-deletedResourceForeground);
						}

						&.added {
							color: v ar(--vscode-gitDecoration-addedResourceForeground);
						}
						*/
					}
				}

				.actions {
					padding: 0 8px;
				}
			}


		}

		.editorParent {
			flex: 1;
			display: flex;
			flex-direction: column;

			border-bottom: 1px solid var(--vscode-multiDiffEditor-border);
			overflow: hidden;
		}

		.editorContainer {
			flex: 1;
		}
	}
}
.nc-code-editor {
  width: 100%;
  height: 99.99999999%;
  min-height: 8em;
  border: 1px solid lightgray;
  color: #032f62;
}
.nc-code-editor textarea {
  all: revert !important;
}.nc-json-border {
  border: 1px solid lightgray;
}
.nc-json {
  overflow: auto;
  margin-top: 1px;
  width: 100%;
  --nc-json-margin: 0.05em;
  padding-right: 20px;
  border-radius: 2px;
  color: #032f62;
  background-color: #fafbfc;
  /* font-family: 'Avenir', Helvetica, Arial, sans-serif; */
  /* font-size: 14px; */
}
.nc-json-p {
  position: relative;
  word-break: break-all;
  margin-block-end: var(--nc-json-margin);
}
.nc-json-f {
  cursor: pointer;
  margin-bottom: var(--nc-json-margin);
}
.nc-json-line {
  position: absolute;
  text-indent: 0;
  left: 5px;
  top: 2px;
  font-size: smaller;
  /* font-size: 12px; */
  color: #808695;
  z-index: 5;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.nc-json-k {
  color: #5cadff;
}
.nc-json-f:hover .nc-json-k {
  color: #19be6b;
  font-weight: bold;
}
.nc-json-number {
  color: #ae81ff;
}
.nc-json-string {
  color: #a6e22e;
}
.nc-json-boolean {
  color: #6f73ff;
}
.nc-json-null {
  color: #66d9ef;
}
.nc-json-undefined {
  color: #f92672;
}.nc-picture-button {
  width: auto;
  max-width: 10em;
  /*
  padding-top: 3.6em;
  padding-bottom: 0.6em;
  white-space: nowrap;
  overflow: hidden; */
}.nc-segment {
  width: 100% !important;
  margin-top: 0.2em !important;
  margin-bottom: 0.4em !important;
}
.nc-segment-label-container {
  z-index: 1;
  margin-left: 0.6em;
  margin-bottom: -0.85em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  background-color: white;
}
.nc-segment-label {
  opacity: 0.6;
}
.nc-segment.ui.attached.segment {
  width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}/*!
 * # Fomantic-UI 2.9.4 - Accordion
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            Accordion
*******************************/

.ui.accordion,
.ui.accordion .accordion {
  max-width: 100%;
}
.ui.accordion .accordion {
  margin: 1em 0 0;
  padding: 0;
}

/* Title */
.ui.accordion.menu .item > .title,
.ui.accordion > .title,
.ui.accordion .accordion > .title {
  cursor: pointer;
  padding: 0.5em 0;
  font-family: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
  list-style: none;
  line-height: 1;
}

/* Default Styling */
.ui.accordion:not(.styled) .title ~ .content,
.ui.accordion:not(.styled) .accordion .title ~ .content {
  margin: "";
  padding: 0.5em 0 1em;
}
.ui.accordion:not(.styled) .title ~ .content:last-child {
  padding-bottom: 0;
}

/* Arrow */
.ui.accordion .ui.header > .dropdown.icon,
.ui.accordion .title > .dropdown.icon,
.ui.accordion .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 .ui.header > .dropdown.icon.right,
.ui.accordion .title > .dropdown.icon.right,
.ui.accordion .accordion .title > .dropdown.icon.right {
  float: right;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* --------------
    Coupling
--------------- */

/* Menu */
.ui.accordion.menu .item .title {
  display: block;
  padding: 0;
}
.ui.accordion.menu .item .title > .dropdown.icon {
  float: right;
  margin: 0 0.25rem 0 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* Header */
.ui.accordion .ui.header > .dropdown.icon {
  font-size: 1em;
  margin: 0 0.25rem 0 0;
}


/*******************************
            States
*******************************/

.ui.accordion[open] > .title > .dropdown.icon,
.ui.accordion .accordion[open] > .title > .dropdown.icon,
.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.26666667rem;
  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 > .title,
.ui.styled.accordion .accordion > .title {
  margin: 0;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
  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 {
  margin: 0;
  padding: 0.5em 1em 1.5em;
}
.ui.styled.accordion .accordion > .content {
  margin: 0;
  padding: 0.5em 1em 1.5em;
}

/* Hover */
.ui.styled.accordion > .title:hover {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.ui.styled.accordion .accordion > .title:hover {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}

/* Active */
.ui.styled.accordion[open] > .title,
.ui.styled.accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95);
}
.ui.styled.accordion .accordion[open] > .title,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95);
}

/* --------------
         Compact
    --------------- */

/* Default Styling */
.ui.compact.accordion:not(.styled) > .title,
.ui.compact.accordion:not(.styled) .accordion > .title {
  padding: 0.25em 0;
}
.ui.compact.accordion:not(.styled) .title ~ .content,
.ui.compact.accordion:not(.styled) .accordion .title ~ .content {
  padding: 0.25em 0 0.5em;
}

/* Styled */
.ui.compact.styled.accordion > .title,
.ui.compact.styled.accordion .accordion > .title {
  padding: 0.375em 0.5em;
}
.ui.compact.styled.accordion .title ~ .content,
.ui.compact.styled.accordion .accordion .title ~ .content {
  padding: 0.25em 0.5em 0.75em;
}

/* --------------
    Very Compact
  --------------- */
.ui[class*="very compact"].accordion:not(.styled) > .title,
.ui[class*="very compact"].accordion:not(.styled) .accordion > .title {
  padding: 0.125em 0;
}
.ui[class*="very compact"].accordion:not(.styled) .title ~ .content,
.ui[class*="very compact"].accordion:not(.styled) .accordion .title ~ .content {
  padding: 0.125em 0 0.25em;
}
.ui[class*="very compact"].styled.accordion > .title,
.ui[class*="very compact"].styled.accordion .accordion > .title {
  padding: 0.1875em 0.25em;
}
.ui[class*="very compact"].styled.accordion .title ~ .content,
.ui[class*="very compact"].styled.accordion .accordion .title ~ .content {
  padding: 0.125em 0.25em 0.375em;
}


/*******************************
            States
*******************************/


/* --------------
   Not Active
--------------- */
.ui.accordion:not(details) .title ~ .content:not(.active),
.ui.accordion .accordion:not(details) .title ~ .content:not(.active) {
  display: none;
}


/*******************************
           Variations
*******************************/


/* --------------
         Fluid
    --------------- */
.ui.fluid.accordion,
.ui.fluid.accordion .accordion {
  width: 100%;
}

/* --------------
         Inverted
    --------------- */
.ui.inverted.accordion.menu .item > .title,
.ui.inverted.accordion > .title,
.ui.inverted.accordion .accordion > .title {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.styled.accordion,
.ui.inverted.styled.accordion .accordion {
  background: #1b1c1d;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.ui.inverted.styled.accordion > .title,
.ui.inverted.styled.accordion .accordion > .title {
  color: rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Hover */
.ui.inverted.styled.accordion > .title:hover {
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.styled.accordion .accordion > .title:hover {
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
}

/* Active */
.ui.inverted.styled.accordion[open] > .title,
.ui.inverted.styled.accordion .active.title {
  background: transparent;
  color: #ffffff;
}
.ui.inverted.styled.accordion .accordion[open] > .title,
.ui.inverted.styled.accordion .accordion .active.title {
  background: transparent;
  color: #ffffff;
}
.ui.basic.styled.accordion,
.ui.basic.styled.accordion .accordion {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.basic.styled.accordion > .title,
.ui.basic.styled.accordion .accordion > .title {
  border: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.basic.styled.accordion > .title:hover,
.ui.basic.styled.accordion .accordion > .title:hover {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.ui.basic.styled.accordion[open] > .title,
.ui.basic.styled.accordion .active.title,
.ui.basic.styled.accordion .accordion[open] > .title,
.ui.basic.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95);
}
.ui.inverted.basic.styled.accordion > .title,
.ui.inverted.basic.styled.accordion .accordion > .title {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.basic.styled.accordion > .title:hover,
.ui.inverted.basic.styled.accordion .accordion > .title:hover {
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.basic.styled.accordion[open] > .title,
.ui.inverted.basic.styled.accordion .active.title,
.ui.inverted.basic.styled.accordion .accordion[open] > .title,
.ui.inverted.basic.styled.accordion .accordion .active.title {
  background: transparent;
  color: #ffffff;
}
.ui.tree.accordion:not(.styled) .title ~ .content,
.ui.tree.accordion:not(.styled) .accordion .title ~ .content {
  padding: 0;
}
.ui.tree.accordion > .content,
.ui.tree.accordion .accordion > .content {
  margin-left: 1.7em;
}
.ui.tree.accordion .accordion {
  margin-top: 0;
}


/*******************************
         Theme Overrides
*******************************/

@font-face {
  font-family: Accordion;
  src: url("data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* Dropdown Icon */
.ui.accordion .ui.header > .dropdown.icon,
.ui.accordion .title > .dropdown.icon,
.ui.accordion .accordion .title > .dropdown.icon {
  font-family: Accordion;
  line-height: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.ui.accordion .ui.header > .dropdown.icon::before,
.ui.accordion .title > .dropdown.icon::before,
.ui.accordion .accordion .title > .dropdown.icon::before {
  content: "\f0da" 
/* rtl: "\f0d9" */;
}
.nc-accordion-content {
  padding-top: 0.1em !important;
}/*!
 * # Fomantic-UI 2.9.4 - Checkbox
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://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: 1em;
  line-height: 17px;
  min-width: 17px;
}

/* HTML Checkbox */
.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0 !important;
  outline: none;
  z-index: 3;
  width: 17px;
  height: 17px;
}
.ui.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  outline: none;
  font-size: 1em;
}
.ui.checkbox:not(.invisible) label {
  padding-left: 1.85714em;
}
.ui.checkbox label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  content: "";
  background: #fff;
  border-radius: 0.2rem;
  -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 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.right.aligned.checkbox label {
  padding-left: 0;
  padding-right: 1.85714em;
}
.ui.right.aligned.checkbox label::after,
.ui.right.aligned.checkbox label::before {
  right: 0;
  left: auto;
}

/* --------------
      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 label:hover::before {
  background: #fff;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox:not(.invisible) label:hover,
.ui.checkbox:not(.invisible) + label:hover {
  color: rgba(0, 0, 0, 0.8);
}

/* --------------
      Down
--------------- */
.ui.checkbox label:active::before {
  background: #f9fafb;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox label:active::after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox:not(.invisible) input:active ~ label {
  color: rgba(0, 0, 0, 0.95);
}

/* --------------
     Focus
--------------- */
.ui.checkbox input:focus ~ label::before {
  background: #fff;
  border-color: #96c8da;
}
.ui.checkbox input:focus ~ label::after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox:not(.invisible) input:focus ~ label {
  color: rgba(0, 0, 0, 0.95);
}

/* --------------
     Active
--------------- */
.ui.checkbox input:checked ~ label::before {
  background: #fff;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:checked ~ label::after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95);
}

/* --------------
      Indeterminate
    --------------- */
.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 ~ label::after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95);
}
.ui.indeterminate.toggle.checkbox input:not([type="radio"]):indeterminate ~ label::before {
  background: rgba(0, 0, 0, 0.15);
}
.ui.indeterminate.toggle.checkbox input:not([type="radio"]) ~ label::after {
  left: 1.075rem;
}
.ui.right.aligned.indeterminate.toggle.checkbox input:not([type="radio"]) ~ label::after {
  left: auto;
  right: 1.075rem;
}

/* --------------
  Active Focus
--------------- */
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::before,
.ui.checkbox input:checked:focus ~ label::before {
  background: #fff;
  border-color: #96c8da;
}
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::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;
  pointer-events: none;
}

/* --------------
         Disabled
    --------------- */
.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ label {
  cursor: default;
  opacity: 0.5;
  color: #000000;
  pointer-events: none;
}

/* --------------
     Hidden
--------------- */

/* Initialized checkbox moves input below element
 to prevent manually triggering */
.ui.checkbox input.hidden {
  z-index: -1;
}

/* Selectable Label */
.ui.checkbox input + label[for],
.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 label {
  padding-left: 1.85714em;
}

/* Box */
.ui.radio.checkbox label::before {
  content: "";
  -webkit-transform: none;
          transform: none;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  top: 1px;
  left: 0;
}

/* Bullet */
.ui.radio.checkbox label::after {
  border: none;
  content: "" !important;
  line-height: 15px;
  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);
}

/* Focus */
.ui.radio.checkbox input:focus ~ label::before {
  background-color: #fff;
}
.ui.radio.checkbox input:focus ~ label::after {
  background-color: rgba(0, 0, 0, 0.95);
}

/* Indeterminate */
.ui.radio.checkbox input:indeterminate ~ label::after {
  opacity: 0;
}

/* Active */
.ui.radio.checkbox input:checked ~ label::before {
  background-color: #fff;
}
.ui.radio.checkbox input:checked ~ label::after {
  background-color: rgba(0, 0, 0, 0.95);
}

/* Active Focus */
.ui.radio.checkbox input:focus:checked ~ label::before {
  background-color: #fff;
}
.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 label {
  padding-left: 4.5rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.4);
}

/* Line */
.ui.slider.checkbox label::before {
  display: block;
  position: absolute;
  content: "";
  -webkit-transform: none;
          transform: none;
  border: none !important;
  left: 0;
  z-index: 1;
  top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 0.2rem;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

/* Handle */
.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 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;
}

/* Focus */
.ui.slider.checkbox input:focus ~ label::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Hover */
.ui.slider.checkbox label:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.slider.checkbox label:hover::before {
  background: rgba(0, 0, 0, 0.15);
}

/* Active */
.ui.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95);
}
.ui.slider.checkbox input:checked ~ label::before {
  background-color: #545454;
}
.ui.slider.checkbox input:checked ~ label::after {
  left: 2rem;
}

/* Active Focus */
.ui.slider.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95);
}
.ui.slider.checkbox input:focus:checked ~ label::before {
  background-color: #000000;
}
.ui.right.aligned.slider.checkbox label {
  padding-left: 0;
  padding-right: 4.5rem;
}
.ui.right.aligned.slider.checkbox label::after {
  left: auto;
  right: 2rem;
  -webkit-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
.ui.right.aligned.slider.checkbox input:checked ~ label::after {
  left: auto;
  right: 0;
}

/* --------------
         Toggle
    --------------- */
.ui.toggle.checkbox {
  min-height: 1.5rem;
}

/* Input */
.ui.toggle.checkbox input {
  width: 3.5rem;
  height: 1.5rem;
}

/* Label */
.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 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;
}

/* Handle */
.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 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 ~ 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;
}

/* Focus */
.ui.toggle.checkbox input:focus ~ label::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Hover */
.ui.toggle.checkbox label:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}

/* Active */
.ui.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95);
}
.ui.toggle.checkbox input:checked ~ label::before {
  background-color: #2185d0;
}
.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;
}

/* Active Focus */
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95);
}
.ui.toggle.checkbox input:focus:checked ~ label::before {
  background-color: #0d71bb;
}
.ui.right.aligned.toggle.checkbox label {
  padding-left: 0;
  padding-right: 4.5rem;
}
.ui.right.aligned.toggle.checkbox input ~ label::after {
  left: auto;
  right: 2.15rem;
  -webkit-transition: background 0.3s ease, right 0.3s ease;
  transition: background 0.3s ease, right 0.3s ease;
}
.ui.right.aligned.toggle.checkbox input:checked ~ label::after {
  left: auto;
  right: -0.05rem;
}


/*******************************
            Variations
*******************************/


/* --------------
         Fitted
    --------------- */
.ui.ui.fitted.checkbox label {
  padding-left: 0;
}
.ui.fitted.toggle.checkbox {
  width: 3.5rem;
}
.ui.fitted.slider.checkbox {
  width: 3.5rem;
}

/* --------------
         Inverted
    --------------- */
.ui.ui.ui.inverted.checkbox label,
.ui.ui.ui.inverted.checkbox + label {
  color: rgba(255, 255, 255, 0.9);
}

/* Hover */
.ui.ui.inverted.checkbox label:hover {
  color: #ffffff;
}
.ui.inverted.checkbox label:hover::before {
  border-color: rgba(34, 36, 38, 0.5);
}

/* Slider Label */
.ui.inverted.slider.checkbox label {
  color: rgba(255, 255, 255, 0.5);
}

/* Slider Line */
.ui.ui.inverted.slider.checkbox label::before {
  background-color: rgba(255, 255, 255, 0.5);
}

/* Slider Hover */
.ui.ui.inverted.slider.checkbox label:hover::before {
  background: rgba(255, 255, 255, 0.7);
}

/* Slider Active */
.ui.ui.inverted.slider.checkbox input:checked ~ label {
  color: #ffffff;
}
.ui.ui.inverted.slider.checkbox input:checked ~ label::before {
  background-color: rgba(255, 255, 255, 0.8);
}

/* Slider Active Focus */
.ui.ui.inverted.slider.checkbox input:focus:checked ~ label {
  color: #ffffff;
}
.ui.ui.inverted.slider.checkbox input:focus:checked ~ label::before {
  background-color: rgba(255, 255, 255, 0.8);
}

/* Toggle Switch */
.ui.ui.inverted.toggle.checkbox label::before {
  background-color: rgba(255, 255, 255, 0.9);
}

/* Toggle Hover */
.ui.ui.inverted.toggle.checkbox label:hover::before {
  background: #ffffff;
}

/* Toggle Active */
.ui.ui.inverted.toggle.checkbox input:checked ~ label {
  color: #ffffff;
}
.ui.ui.inverted.toggle.checkbox input:checked ~ label::before {
  background-color: #2185d0;
}

/* Toggle Active Focus */
.ui.ui.inverted.toggle.checkbox input:focus:checked ~ label {
  color: #ffffff;
}
.ui.ui.inverted.toggle.checkbox input:focus:checked ~ label::before {
  background-color: #0d71bb;
}

/* --------------
         Invisible
    --------------- */
.ui.invisible.checkbox:not(.compact) {
  display: block;
}
.ui.invisible.checkbox input {
  left: -99999px;
  position: absolute;
}
.ui.invisible.checkbox label::before,
.ui.invisible.checkbox label::after {
  display: none;
}
.ui.invisible.checkbox label {
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.ui.ui.ui.ui.ui.invisible.checkbox input:not(:checked) + label {
  background: transparent;
  border-color: transparent;
  -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;
  color: inherit;
}
.ui.ui.ui.ui.ui.invisible.checkbox input:not(:checked):not(:hover):focus + label:not(.image) {
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset;
          box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset;
}
.ui.ui.ui.ui.ui.invisible.checkbox input:not(:checked) + label.image,
.basic.ui.ui.ui.ui.ui.invisible.checkbox input:not(:checked) + label {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.invisible.checkbox input:not(:checked) + label.image {
  opacity: 0.5;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.ui.invisible.checkbox input:not(:checked):not(:hover):focus + label.image {
  opacity: 0.75;
}
.ui.invisible.checkbox input:not(:checked)[disabled] + label.image,
.disabled.ui.invisible.checkbox input:not(:checked) + label.image {
  opacity: 0.25;
}

/* --------------------
        Size
--------------------- */
.ui.mini.checkbox {
  font-size: 0.8em;
}
.ui.tiny.checkbox {
  font-size: 0.86666667em;
}
.ui.small.checkbox {
  font-size: 0.93333333em;
}
.ui.large.checkbox {
  font-size: 1.13333333em;
}
.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
  -webkit-transform: scale(1.13333333);
          transform: scale(1.13333333);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.large.form .checkbox.radio label::before,
.ui.large.checkbox.radio label::before {
  -webkit-transform: scale(1.13333333);
          transform: scale(1.13333333);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.large.form .checkbox.radio label::after,
.ui.large.checkbox.radio label::after {
  -webkit-transform: scale(0.56666667);
          transform: scale(0.56666667);
  -webkit-transform-origin: left;
          transform-origin: left;
  left: 0.33333333em;
}
.ui.big.checkbox {
  font-size: 1.26666667em;
}
.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
  -webkit-transform: scale(1.26666667);
          transform: scale(1.26666667);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.big.form .checkbox.radio label::before,
.ui.big.checkbox.radio label::before {
  -webkit-transform: scale(1.26666667);
          transform: scale(1.26666667);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.big.form .checkbox.radio label::after,
.ui.big.checkbox.radio label::after {
  -webkit-transform: scale(0.63333333);
          transform: scale(0.63333333);
  -webkit-transform-origin: left;
          transform-origin: left;
  left: 0.36666667em;
}
.ui.huge.checkbox {
  font-size: 1.4em;
}
.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.huge.form .checkbox.radio label::before,
.ui.huge.checkbox.radio label::before {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.huge.form .checkbox.radio label::after,
.ui.huge.checkbox.radio label::after {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: left;
          transform-origin: left;
  left: 0.4em;
}
.ui.massive.checkbox {
  font-size: 1.73333333em;
}
.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
  -webkit-transform: scale(1.73333333);
          transform: scale(1.73333333);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.massive.form .checkbox.radio label::before,
.ui.massive.checkbox.radio label::before {
  -webkit-transform: scale(1.73333333);
          transform: scale(1.73333333);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.ui.massive.form .checkbox.radio label::after,
.ui.massive.checkbox.radio label::after {
  -webkit-transform: scale(0.86666667);
          transform: scale(0.86666667);
  -webkit-transform-origin: left;
          transform-origin: left;
  left: 0.48333333em;
}


/*******************************
         Theme Overrides
*******************************/

@font-face {
  font-family: Checkbox;
  src: url("data:application/font-woff;base64,d09GRgABAAAAAAR8AA0AAAAABtwAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEYAAAABoAAAAcgbCWJ0dERUYAAARIAAAAFwAAABgAJQAAT1MvMgAAAZgAAABAAAAAYA8SBD9jbWFwAAAB9AAAAFMAAAFc71zo6Wdhc3AAAARAAAAACAAAAAgAAAAQZ2x5ZgAAAlwAAADJAAABVHshwGBoZWFkAAABMAAAAC4AAAA2Bj3tWWhoZWEAAAFgAAAAHQAAACQHfQPIaG10eAAAAdgAAAAZAAAAHg56AEVsb2NhAAACSAAAABIAAAASAQoAjG1heHAAAAGAAAAAGAAAACAACgAvbmFtZQAAAygAAADnAAABp5xOC4Fwb3N0AAAEEAAAADAAAABaHRtWW3icY2BkYGBgYmDgqbAVjee3+crAzcIAAhc3XilHppl3M+cBKQ6QWgYGAAHnCVsAAHicY2BkYGA+8P8AAwMLAwgw72ZgZEAF7ABaJgNOAAAAeJxjYGRgYOBg0GUA0QwMTAxoAAAFtQA6eJxjYGYWYpzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgF0AQYHBgYXjAxH/h/gMGB+QCIx8CIJKvAwAgAIOcKW3icY2GAAMZQCM0ExCwMDK7MqiAeAAqXAM4AAAB4nN2NwQ2AMAwDL00pHYJH52AQ9n/w6BbFCS9WwJFlO3IUwHl5YAQuJctcOaVdU6TGmGWt7IxJuHXnvmcrnLPR2GWb6NnF4rrwhT5U/o0Hf5EJGAAAAAAAAAgACAAQABgASABsAKoAAHichY09CsJAEIVndiG2gyQ7IASJIbHQyvyIiFhZpBE8iNsIeiVvYOFx7FPbKE6yUcHGgZ23jzd8DxDeowAWCv77Dez0Vd1hAIB+D714NMa0yNdYZrMhum0CfaWnT4bpeSPaEjOd8djIltTBNBlhSGzES3Jqb5oW6UOrE1WBL7/A73lxNBqnK8znZRbNWMgJET8qJhlWF1HV3zvXSceBSifawrTjTLrd0uI3c4lFu4UcYvbh1/KsIaodUayx7Kxr+wb8Y+EFi+YsngAAAHicfc5BSsNAGMXxf9q0agURFy50M3shlOoNikIXddGFa5N0SEvLDKQp2KUH8AxuXXkkz+JL+NYJJPzmffNmAlzxS0L7JJxzYx5wxoN5qPzZnMrv5hGXfJrHyr/NE+74UytJL5Rcdye0Huiue/NQ+aM5lV/NI27ZmsfKv8wTnvhhzgZPyY6CyAfMN77cFVFaaVBxZE9OraWvjvtc6Kn0jN40qDnoVyIBx4yMqWJfH7YxuFk27a2/dLVGxUpbQndYrrVnrazgpO9C1chSb7s3UymGxlU++Dpv/NoVJ7co4zLGkPEPj0VARQB4nGNgYsAPOBgYGJkYmBiZGZgZWRhZGdnYS/MyDYAAShuCaFcLCB9Iw/hGAOPdCuMAAQAB//8AD3icY2BkYGDgAWIBIGYCYhYIDQACOwAmAHicY2BgYGQAgns+by1A9MWNV8phNABQ5wfrAAA=") format("woff");
}

/* Checkmark */
.ui.checkbox label::after {
  font-family: Checkbox;
}

/* Checked */
.ui.checkbox input:checked ~ label::after {
  content: "\e800";
}

/* Indeterminate */
.ui.checkbox input:indeterminate ~ label::after {
  font-size: 12px;
  content: "\e801";
}
/* UTF Reference
.check::before { content: '\e800'; }
.dash::before { content: '\e801'; }
.plus::before { content: '\e802'; }
*/

.nc-checkbox,
.nc-radio {
	white-space: nowrap;
	font-weight: 500;
	margin-top: 0.25em !important;
	margin-bottom: 0.15em !important;
	min-height: 1.16em !important;
	line-height: 1.16em !important;
}

/* .nc-checkbox .text {
	margin-left: 0.4em;
} */
.nc-clock {
  color: grey;
}input[type=file] {
  position: absolute;
  overflow: hidden;
  opacity: 0;
}
.nc-droparea-icon {
  z-index: -1;
  position: absolute;
  margin-top: 2px;
  margin-left: 4px;
}
.nc-droparea {
  width: 100%;
  height: 100%;
  margin-top: -2px;
  border-radius: 5px;
  padding: 0px;
  color: #bbb;
  opacity: 0.99;
  /* opacity: 1; will hide file-excel -icon that is behind this droparea */
  transition: all 0.3s ease-in;
  border: 2px dashed #bbb;
}
.nc-droparea:hover {
  color: green;
  transition: color 0.3s ease-in;
}
.nc-droparea-hover {
  color: green;
  transition: all 0.3s ease-in;
  border: 2px solid #bbb;
}
.nc-label-dropdown-label {
	margin-right: 0.5em;
}
hr.nc-line {
  color: #bec3c7;
  background-color: #bec3c7;
  border-color: #bec3c7;
  border-width: 0;
  border: 0;
  min-width: 100%;
  height: 1px;
}hr.nc-line-v {
  color: #bec3c7;
  background-color: #bec3c7;
  border-width: 0;
  min-height: 100%;
  width: 1px;
}.nc-rect {
  border: 1px solid #bec3c7;
  width: 100%;
  height: 100%;
}.nc-svg-map {
  height: 100%;
  width: 100%;
  min-width: 320px;
}
.nc-svg-map-svg {
  height: 100%;
  width: 100%;
  resize: both;
  overflow: auto;
  min-width: 100px;
}
.svg-map-selected {
  fill: rgba(187, 243, 221, 0.781) !important;
}
.svg-map-hover {
  stroke: rgba(8, 33, 255, 0.781) !important;
  stroke-width: 1 !important;
}
#nc-svg-map-tooltip {
  position: absolute;
  display: block;
  background: cornsilk;
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px;
}img {
  max-width: 100%;
  height: auto;
}
.nc-image {
  display: inline-block;
  position: relative;
  width: 100%;
}
.nc-img__placeholder {
  position: absolute;
  overflow: hidden;
}
.nc-img__placeholder img {
  transform: scale(1.05);
  filter: blur(10px);
}
.nc-img__img {
  opacity: 0;
  transition: opacity 85ms ease;
}
.nc-img--loaded .nc-img__img {
  opacity: 1;
  /* image-rendering: crisp-edges; */
}.nc-barcode {
  margin-top: -1.5em;
  margin-bottom: 0.25em;
}
.nc-barcode-text {
  font-family: monospace;
  font-size: 1.35em;
}/*!
 * # Fomantic-UI 2.9.4 - Popup
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
            Popup
*******************************/

.ui.popup {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  
/* 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: #fff;
  padding: 0.833em 1em;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.26666667rem;
  -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: 'Roboto Flex', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1.13333333em;
  line-height: 1.2;
  font-weight: 500;
}
.ui.popup > .header + .content {
  padding-top: 0.46666667em;
}
.ui.popup::before {
  position: absolute;
  content: "";
  width: 0.66666667em;
  height: 0.66666667em;
  background: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 1901;
  -webkit-box-shadow: 1px 1px 0 0 #bababc;
          box-shadow: 1px 1px 0 0 #bababc;
}


/*******************************
            Types
*******************************/


/* --------------
        Tooltip
    --------------- */

/* Content */
[data-tooltip] {
  position: relative;
}

/* Arrow */
[data-tooltip]::before {
  pointer-events: none;
  position: absolute;
  content: "";
  font-size: 1rem;
  width: 0.66666667em;
  height: 0.66666667em;
  background: #fff;
  z-index: 1901;
  -webkit-box-shadow: 1px 1px 0 0 #bababc;
          box-shadow: 1px 1px 0 0 #bababc;
}

/* Popup */
[data-tooltip]::after {
  pointer-events: none;
  content: attr(data-tooltip);
  position: absolute;
  text-transform: none;
  text-align: left;
  text-shadow: none;
  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: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.26666667rem;
  -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: 1900;
}

/* Animation */
[data-tooltip]::before,
[data-tooltip]::after {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
}
[data-tooltip]::after,
[data-tooltip]:hover::before {
  -webkit-transition-delay: 0.04s;
          transition-delay: 0.04s;
}
[data-tooltip]::before,
[data-tooltip]:hover::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
[data-tooltip]::before {
  -webkit-transform: rotate(45deg) scale(0.8);
          transform: rotate(45deg) scale(0.8);
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
[data-tooltip]::after {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
[data-tooltip][data-variation~="visible"]::before,
[data-tooltip][data-variation~="visible"]::after,
[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
  pointer-events: auto;
  opacity: 1;
}
[data-tooltip]:hover::before {
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
}

/* Animation Position */
[data-tooltip]:not([data-position])::after,
[data-tooltip][data-position="top center"]::after,
[data-tooltip][data-position="bottom center"]::after {
  -webkit-transform: translateX(-50%) scale(0.8);
          transform: translateX(-50%) scale(0.8);
}
[data-tooltip]:not([data-position]):hover::after,
[data-tooltip][data-position="top center"]:hover::after,
[data-tooltip][data-position="bottom center"]:hover::after {
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
}
[data-tooltip][data-position="left center"]::after,
[data-tooltip][data-position="right center"]::after {
  -webkit-transform: translateY(-50%) scale(0.8);
          transform: translateY(-50%) scale(0.8);
}
[data-tooltip][data-position="left center"]:hover::after,
[data-tooltip][data-position="right center"]:hover::after {
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1.0001) !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.8);
          transform: scale(0.8);
}
[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);
          transform: scale(1);
}
[data-tooltip][data-variation~="fixed"]::after {
  white-space: normal;
  width: 250px;
}
[data-tooltip][data-variation*="wide fixed"]::after {
  width: 350px;
}
[data-tooltip][data-variation*="very wide fixed"]::after {
  width: 550px;
}
@media only screen and (max-width: 767.98px) {
  [data-tooltip][data-variation~="fixed"]::after {
    width: 250px;
  }
}

/* --------------
            Inverted
        --------------- */

/* Arrow */
[data-tooltip][data-inverted]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Arrow Position */
[data-tooltip]:not([data-position])[data-inverted]::before {
  background: #1b1c1d;
}

/* Popup */
[data-tooltip][data-inverted]::after {
  background: #1b1c1d;
  color: #fff;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* --------------
            Position
        --------------- */
[data-position~="top"][data-tooltip]::before {
  background: #fff;
}

/* Top Center (default) */
[data-tooltip]:not([data-position])::after,
[data-position="top center"][data-tooltip]::after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  margin-bottom: 0.46666667em;
}
[data-tooltip]:not([data-position])::before,
[data-position="top center"][data-tooltip]::before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #fff;
  margin-left: -0.06666667rem;
  margin-bottom: 0.13333333rem;
}

/* Top Left */
[data-position="top left"][data-tooltip]::after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  margin-bottom: 0.46666667em;
}
[data-position="top left"][data-tooltip]::before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 1em;
  margin-left: -0.06666667rem;
  margin-bottom: 0.13333333rem;
}

/* Top Right */
[data-position="top right"][data-tooltip]::after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.46666667em;
}
[data-position="top right"][data-tooltip]::before {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 1em;
  margin-left: -0.06666667rem;
  margin-bottom: 0.13333333rem;
}
[data-position~="bottom"][data-tooltip]::before {
  background: #fff;
  -webkit-box-shadow: -1px -1px 0 0 #bababc;
          box-shadow: -1px -1px 0 0 #bababc;
}

/* Bottom Center */
[data-position="bottom center"][data-tooltip]::after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  margin-top: 0.46666667em;
}
[data-position="bottom center"][data-tooltip]::before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 50%;
  margin-left: -0.06666667rem;
  margin-top: 0.28333333em;
}

/* Bottom Left */
[data-position="bottom left"][data-tooltip]::after {
  left: 0;
  top: 100%;
  margin-top: 0.46666667em;
}
[data-position="bottom left"][data-tooltip]::before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 1em;
  margin-left: -0.06666667rem;
  margin-top: 0.13333333rem;
}

/* Bottom Right */
[data-position="bottom right"][data-tooltip]::after {
  right: 0;
  top: 100%;
  margin-top: 0.46666667em;
}
[data-position="bottom right"][data-tooltip]::before {
  bottom: auto;
  left: auto;
  top: 100%;
  right: 1em;
  margin-left: -0.13333333rem;
  margin-top: 0.06666667rem;
}

/* Left Center */
[data-position="left center"][data-tooltip]::after {
  right: 100%;
  top: 50%;
  margin-right: 0.46666667em;
}
[data-position="left center"][data-tooltip]::before {
  right: 100%;
  top: 50%;
  margin-top: -0.13333333rem;
  margin-right: -0.06666667rem;
  background: #fff;
  -webkit-box-shadow: 1px -1px 0 0 #bababc;
          box-shadow: 1px -1px 0 0 #bababc;
}

/* Right Center */
[data-position="right center"][data-tooltip]::after {
  left: 100%;
  top: 50%;
  margin-left: 0.46666667em;
}
[data-position="right center"][data-tooltip]::before {
  left: 100%;
  top: 50%;
  margin-top: -0.06666667rem;
  margin-left: 0.13333333rem;
  background: #fff;
  -webkit-box-shadow: -1px 1px 0 0 #bababc;
          box-shadow: -1px 1px 0 0 #bababc;
}

/* Inverted Arrow Color */
[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="bottom center"][data-tooltip]::before {
  -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;
}
[data-position="top left"][data-tooltip]::after {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
[data-position="top right"][data-tooltip]::after {
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
[data-position="bottom left"][data-tooltip]::after {
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
[data-position="bottom right"][data-tooltip]::after {
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

/* --------------
            Basic
        --------------- */
[data-tooltip][data-variation~="basic"]::before {
  display: none;
}
[data-tooltip][data-variation~="multiline"]::after {
  white-space: pre-line;
}

/* --------------
     Spacing
--------------- */
.ui.popup {
  margin: 0;
}

/* Extending from Top */
.ui.top.popup {
  margin: 0 0 0.66666667em;
}
.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: 0 0.66666667em 0 0;
  -webkit-transform-origin: right 50%;
          transform-origin: right 50%;
}
.ui.right.center.popup {
  margin: 0 0 0 0.66666667em;
  -webkit-transform-origin: left 50%;
          transform-origin: left 50%;
}

/* Extending from Bottom */
.ui.bottom.popup {
  margin: 0.66666667em 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;
}

/* --------------
         Pointer
    --------------- */

/* --- Below --- */
.ui.bottom.center.popup::before {
  margin-left: -0.28333333em;
  top: -0.28333333em;
  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;
}

/* rtl:rename */
.ui.bottom.left.popup::before {
  top: -0.28333333em;
  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;
}

/* rtl:rename */
.ui.bottom.right.popup::before {
  top: -0.28333333em;
  right: 1em;
  bottom: auto;
  left: auto;
  margin-left: 0;
  -webkit-box-shadow: -1px -1px 0 0 #bababc;
          box-shadow: -1px -1px 0 0 #bababc;
}

/* --- Above --- */
.ui.top.center.popup::before {
  top: auto;
  right: auto;
  bottom: -0.28333333em;
  left: 50%;
  margin-left: -0.28333333em;
}
.ui.top.left.popup {
  margin-left: 0;
}

/* rtl:rename */
.ui.top.left.popup::before {
  bottom: -0.28333333em;
  left: 1em;
  top: auto;
  right: auto;
  margin-left: 0;
}
.ui.top.right.popup {
  margin-right: 0;
}

/* rtl:rename */
.ui.top.right.popup::before {
  bottom: -0.28333333em;
  right: 1em;
  top: auto;
  left: auto;
  margin-left: 0;
}

/* --- Left Center --- */

/* rtl:rename */
.ui.left.center.popup::before {
  top: 50%;
  right: -0.28333333em;
  bottom: auto;
  left: auto;
  margin-top: -0.28333333em;
  -webkit-box-shadow: 1px -1px 0 0 #bababc;
          box-shadow: 1px -1px 0 0 #bababc;
}

/* --- Right Center --- */

/* rtl:rename */
.ui.right.center.popup::before {
  top: 50%;
  left: -0.28333333em;
  bottom: auto;
  right: auto;
  margin-top: -0.28333333em;
  -webkit-box-shadow: -1px 1px 0 0 #bababc;
          box-shadow: -1px 1px 0 0 #bababc;
}
.ui.right.center.popup::before,
.ui.left.center.popup::before {
  background: #fff;
}

/* Arrow Color By Location */
.ui.bottom.popup::before {
  background: #fff;
}
.ui.top.popup::before {
  background: #fff;
}

/* 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.ui.ui.popup > .ui.grid:not(.padded) {
  width: calc(100% + 1.75rem);
  margin: -0.7rem -0.875rem;
}


/*******************************
            States
*******************************/

.ui.loading.popup {
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui.loading.popup * {
  opacity: 0.3;
}
.ui.loading.popup::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -1em 0 0 -1em;
  width: 2em;
  height: 2em;
  -webkit-animation: loader 0.6s infinite linear;
          animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
  -webkit-box-shadow: 0 0 0 1px transparent;
          box-shadow: 0 0 0 1px transparent;
  visibility: visible;
  z-index: 101;
}
.ui.invisible.popup {
  display: block;
  visibility: hidden !important;
  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;
}


/*******************************
            Variations
*******************************/


/* --------------
         Basic
    --------------- */
.ui.basic.popup::before {
  display: none;
}
.ui.fixed.popup {
  width: 250px;
}

/* --------------
         Wide
    --------------- */
.ui.wide.popup {
  max-width: 350px;
}
.ui.wide.popup.fixed {
  width: 350px;
}
.ui[class*="very wide"].popup {
  max-width: 550px;
}
.ui[class*="very wide"].popup.fixed {
  width: 550px;
}
@media only screen and (max-width: 767.98px) {
  .ui.wide.popup,
  .ui[class*="very wide"].popup {
    max-width: 250px;
  }
  .ui.wide.popup.fixed,
  .ui[class*="very wide"].popup.fixed {
    width: 250px;
  }
}

/* --------------
         Fluid
    --------------- */
.ui.fluid.popup {
  width: 100%;
  max-width: none;
}

/* --------------
         Colors
    --------------- */

/* Inverted colors */
.ui.inverted.popup {
  background: #1b1c1d;
  color: #fff;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.inverted.popup .header {
  background: none;
  color: #fff;
}
.ui.inverted.popup::before {
  background-color: #1b1c1d;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.primary.popup::before,
.ui.primary.popup,
[data-tooltip][data-variation~="primary"]::after,
[data-tooltip][data-variation~="primary"]::before {
  background: #2185d0;
  color: #fff;
  border: none;
}
.ui.ui.ui.primary.loading.popup::before,
.ui.primary.loading.popup {
  background: #9bcbef;
}
.ui.ui.ui.primary.popup::before,
[data-tooltip][data-variation~="primary"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.primary.popup::before,
.ui.inverted.primary.popup,
[data-tooltip][data-inverted][data-variation~="primary"]::after,
[data-tooltip][data-inverted][data-variation~="primary"]::before {
  background: #54c8ff;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.primary.loading.popup::before,
.ui.inverted.primary.loading.popup {
  background: #007eba;
}
.ui.ui.ui.secondary.popup::before,
.ui.secondary.popup,
[data-tooltip][data-variation~="secondary"]::after,
[data-tooltip][data-variation~="secondary"]::before {
  background: #1b1c1d;
  color: #fff;
  border: none;
}
.ui.ui.ui.secondary.loading.popup::before,
.ui.secondary.loading.popup {
  background: #65696c;
}
.ui.ui.ui.secondary.popup::before,
[data-tooltip][data-variation~="secondary"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.secondary.popup::before,
.ui.inverted.secondary.popup,
[data-tooltip][data-inverted][data-variation~="secondary"]::after,
[data-tooltip][data-inverted][data-variation~="secondary"]::before {
  background: #545454;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.secondary.loading.popup::before,
.ui.inverted.secondary.loading.popup {
  background: #080808;
}
.ui.ui.ui.red.popup::before,
.ui.red.popup,
[data-tooltip][data-variation~="red"]::after,
[data-tooltip][data-variation~="red"]::before {
  background: #db2828;
  color: #fff;
  border: none;
}
.ui.ui.ui.red.loading.popup::before,
.ui.red.loading.popup {
  background: #f1abab;
}
.ui.ui.ui.red.popup::before,
[data-tooltip][data-variation~="red"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.red.popup::before,
.ui.inverted.red.popup,
[data-tooltip][data-inverted][data-variation~="red"]::after,
[data-tooltip][data-inverted][data-variation~="red"]::before {
  background: #ff695e;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.red.loading.popup::before,
.ui.inverted.red.loading.popup {
  background: #c40d00;
}
.ui.ui.ui.orange.popup::before,
.ui.orange.popup,
[data-tooltip][data-variation~="orange"]::after,
[data-tooltip][data-variation~="orange"]::before {
  background: #f2711c;
  color: #fff;
  border: none;
}
.ui.ui.ui.orange.loading.popup::before,
.ui.orange.loading.popup {
  background: #faccad;
}
.ui.ui.ui.orange.popup::before,
[data-tooltip][data-variation~="orange"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.orange.popup::before,
.ui.inverted.orange.popup,
[data-tooltip][data-inverted][data-variation~="orange"]::after,
[data-tooltip][data-inverted][data-variation~="orange"]::before {
  background: #ff851b;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.orange.loading.popup::before,
.ui.inverted.orange.loading.popup {
  background: #813c00;
}
.ui.ui.ui.yellow.popup::before,
.ui.yellow.popup,
[data-tooltip][data-variation~="yellow"]::after,
[data-tooltip][data-variation~="yellow"]::before {
  background: #fbbd08;
  color: #fff;
  border: none;
}
.ui.ui.ui.yellow.loading.popup::before,
.ui.yellow.loading.popup {
  background: #fde59f;
}
.ui.ui.ui.yellow.popup::before,
[data-tooltip][data-variation~="yellow"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.yellow.popup::before,
.ui.inverted.yellow.popup,
[data-tooltip][data-inverted][data-variation~="yellow"]::after,
[data-tooltip][data-inverted][data-variation~="yellow"]::before {
  background: #ffe21f;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.yellow.loading.popup::before,
.ui.inverted.yellow.loading.popup {
  background: #857400;
}
.ui.ui.ui.olive.popup::before,
.ui.olive.popup,
[data-tooltip][data-variation~="olive"]::after,
[data-tooltip][data-variation~="olive"]::before {
  background: #b5cc18;
  color: #fff;
  border: none;
}
.ui.ui.ui.olive.loading.popup::before,
.ui.olive.loading.popup {
  background: #e4f18c;
}
.ui.ui.ui.olive.popup::before,
[data-tooltip][data-variation~="olive"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.olive.popup::before,
.ui.inverted.olive.popup,
[data-tooltip][data-inverted][data-variation~="olive"]::after,
[data-tooltip][data-inverted][data-variation~="olive"]::before {
  background: #d9e778;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.olive.loading.popup::before,
.ui.inverted.olive.loading.popup {
  background: #97a81e;
}
.ui.ui.ui.green.popup::before,
.ui.green.popup,
[data-tooltip][data-variation~="green"]::after,
[data-tooltip][data-variation~="green"]::before {
  background: #21ba45;
  color: #fff;
  border: none;
}
.ui.ui.ui.green.loading.popup::before,
.ui.green.loading.popup {
  background: #8aeaa0;
}
.ui.ui.ui.green.popup::before,
[data-tooltip][data-variation~="green"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.green.popup::before,
.ui.inverted.green.popup,
[data-tooltip][data-inverted][data-variation~="green"]::after,
[data-tooltip][data-inverted][data-variation~="green"]::before {
  background: #2ecc40;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.green.loading.popup::before,
.ui.inverted.green.loading.popup {
  background: #124f19;
}
.ui.ui.ui.teal.popup::before,
.ui.teal.popup,
[data-tooltip][data-variation~="teal"]::after,
[data-tooltip][data-variation~="teal"]::before {
  background: #00b5ad;
  color: #fff;
  border: none;
}
.ui.ui.ui.teal.loading.popup::before,
.ui.teal.loading.popup {
  background: #4ffff7;
}
.ui.ui.ui.teal.popup::before,
[data-tooltip][data-variation~="teal"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.teal.popup::before,
.ui.inverted.teal.popup,
[data-tooltip][data-inverted][data-variation~="teal"]::after,
[data-tooltip][data-inverted][data-variation~="teal"]::before {
  background: #6dffff;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.teal.loading.popup::before,
.ui.inverted.teal.loading.popup {
  background: #00d3d3;
}
.ui.ui.ui.blue.popup::before,
.ui.blue.popup,
[data-tooltip][data-variation~="blue"]::after,
[data-tooltip][data-variation~="blue"]::before {
  background: #2185d0;
  color: #fff;
  border: none;
}
.ui.ui.ui.blue.loading.popup::before,
.ui.blue.loading.popup {
  background: #9bcbef;
}
.ui.ui.ui.blue.popup::before,
[data-tooltip][data-variation~="blue"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.blue.popup::before,
.ui.inverted.blue.popup,
[data-tooltip][data-inverted][data-variation~="blue"]::after,
[data-tooltip][data-inverted][data-variation~="blue"]::before {
  background: #54c8ff;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.blue.loading.popup::before,
.ui.inverted.blue.loading.popup {
  background: #007eba;
}
.ui.ui.ui.violet.popup::before,
.ui.violet.popup,
[data-tooltip][data-variation~="violet"]::after,
[data-tooltip][data-variation~="violet"]::before {
  background: #6435c9;
  color: #fff;
  border: none;
}
.ui.ui.ui.violet.loading.popup::before,
.ui.violet.loading.popup {
  background: #c1adea;
}
.ui.ui.ui.violet.popup::before,
[data-tooltip][data-variation~="violet"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.violet.popup::before,
.ui.inverted.violet.popup,
[data-tooltip][data-inverted][data-variation~="violet"]::after,
[data-tooltip][data-inverted][data-variation~="violet"]::before {
  background: #a291fb;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.violet.loading.popup::before,
.ui.inverted.violet.loading.popup {
  background: #2d09ea;
}
.ui.ui.ui.purple.popup::before,
.ui.purple.popup,
[data-tooltip][data-variation~="purple"]::after,
[data-tooltip][data-variation~="purple"]::before {
  background: #a333c8;
  color: #fff;
  border: none;
}
.ui.ui.ui.purple.loading.popup::before,
.ui.purple.loading.popup {
  background: #daabe9;
}
.ui.ui.ui.purple.popup::before,
[data-tooltip][data-variation~="purple"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.purple.popup::before,
.ui.inverted.purple.popup,
[data-tooltip][data-inverted][data-variation~="purple"]::after,
[data-tooltip][data-inverted][data-variation~="purple"]::before {
  background: #dc73ff;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.purple.loading.popup::before,
.ui.inverted.purple.loading.popup {
  background: #a300d9;
}
.ui.ui.ui.pink.popup::before,
.ui.pink.popup,
[data-tooltip][data-variation~="pink"]::after,
[data-tooltip][data-variation~="pink"]::before {
  background: #e03997;
  color: #fff;
  border: none;
}
.ui.ui.ui.pink.loading.popup::before,
.ui.pink.loading.popup {
  background: #f5bddc;
}
.ui.ui.ui.pink.popup::before,
[data-tooltip][data-variation~="pink"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.pink.popup::before,
.ui.inverted.pink.popup,
[data-tooltip][data-inverted][data-variation~="pink"]::after,
[data-tooltip][data-inverted][data-variation~="pink"]::before {
  background: #ff8edf;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.pink.loading.popup::before,
.ui.inverted.pink.loading.popup {
  background: #f400af;
}
.ui.ui.ui.brown.popup::before,
.ui.brown.popup,
[data-tooltip][data-variation~="brown"]::after,
[data-tooltip][data-variation~="brown"]::before {
  background: #a5673f;
  color: #fff;
  border: none;
}
.ui.ui.ui.brown.loading.popup::before,
.ui.brown.loading.popup {
  background: #dbb8a2;
}
.ui.ui.ui.brown.popup::before,
[data-tooltip][data-variation~="brown"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.brown.popup::before,
.ui.inverted.brown.popup,
[data-tooltip][data-inverted][data-variation~="brown"]::after,
[data-tooltip][data-inverted][data-variation~="brown"]::before {
  background: #d67c1c;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.brown.loading.popup::before,
.ui.inverted.brown.loading.popup {
  background: #4f2e0a;
}
.ui.ui.ui.grey.popup::before,
.ui.grey.popup,
[data-tooltip][data-variation~="grey"]::after,
[data-tooltip][data-variation~="grey"]::before {
  background: #767676;
  color: #fff;
  border: none;
}
.ui.ui.ui.grey.loading.popup::before,
.ui.grey.loading.popup {
  background: #c3c3c3;
}
.ui.ui.ui.grey.popup::before,
[data-tooltip][data-variation~="grey"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.grey.popup::before,
.ui.inverted.grey.popup,
[data-tooltip][data-inverted][data-variation~="grey"]::after,
[data-tooltip][data-inverted][data-variation~="grey"]::before {
  background: #dcddde;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.grey.loading.popup::before,
.ui.inverted.grey.loading.popup {
  background: #8d9194;
}
.ui.ui.ui.black.popup::before,
.ui.black.popup,
[data-tooltip][data-variation~="black"]::after,
[data-tooltip][data-variation~="black"]::before {
  background: #1b1c1d;
  color: #fff;
  border: none;
}
.ui.ui.ui.black.loading.popup::before,
.ui.black.loading.popup {
  background: #65696c;
}
.ui.ui.ui.black.popup::before,
[data-tooltip][data-variation~="black"]::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui.ui.ui.inverted.black.popup::before,
.ui.inverted.black.popup,
[data-tooltip][data-inverted][data-variation~="black"]::after,
[data-tooltip][data-inverted][data-variation~="black"]::before {
  background: #545454;
  color: #1b1c1d;
}
.ui.ui.ui.inverted.black.loading.popup::before,
.ui.inverted.black.loading.popup {
  background: #080808;
}

/* --------------
         Flowing
    --------------- */
.ui.flowing.popup {
  max-width: none;
}

/* --------------
     Sizes
--------------- */
.ui.popup {
  font-size: 1rem;
}
.ui.mini.popup {
  font-size: 0.8rem;
}
[data-tooltip][data-variation~="mini"]::before,
[data-tooltip][data-variation~="mini"]::after {
  font-size: 0.8rem;
}
.ui.tiny.popup {
  font-size: 0.86666667rem;
}
[data-tooltip][data-variation~="tiny"]::before,
[data-tooltip][data-variation~="tiny"]::after {
  font-size: 0.86666667rem;
}
.ui.small.popup {
  font-size: 0.93333333rem;
}
[data-tooltip][data-variation~="small"]::before,
[data-tooltip][data-variation~="small"]::after {
  font-size: 0.93333333rem;
}
.ui.large.popup {
  font-size: 1.13333333rem;
}
[data-tooltip][data-variation~="large"]::before,
[data-tooltip][data-variation~="large"]::after {
  font-size: 1.13333333rem;
}
.ui.big.popup {
  font-size: 1.26666667rem;
}
[data-tooltip][data-variation~="big"]::before,
[data-tooltip][data-variation~="big"]::after {
  font-size: 1.26666667rem;
}
.ui.huge.popup {
  font-size: 1.4rem;
}
[data-tooltip][data-variation~="huge"]::before,
[data-tooltip][data-variation~="huge"]::after {
  font-size: 1.4rem;
}
.ui.massive.popup {
  font-size: 1.73333333rem;
}
[data-tooltip][data-variation~="massive"]::before,
[data-tooltip][data-variation~="massive"]::after {
  font-size: 1.73333333rem;
}


/*******************************
         Theme Overrides
*******************************/

.nc-popup {
  width: 100%;
}/* 2 or more together */
/* .nc-button-group + .nc-button-group {
	padding-left: 1.5em;
} */
.nc-button-group-end {
  padding-right: 0.25em;
}
/* class .nc-radio is defined in nc-checkbox */

body[data-v-687d9b3b] {
	font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.load-pdf[data-v-687d9b3b] {
	font-size: 1.5em;
	margin-top: 1px;
	margin-left: 4px;
	color: #bbb;
	transition: color 0.15s ease-out;
}
.load-pdf[data-v-687d9b3b]:hover {
	color: #c51230;
	/* Adobe's Philippine Red, much better than Candy Apple Red that is way too bright */
	transition: color 0.3s ease-in;
}
.section-container[data-v-687d9b3b] {
	max-width: 80%;
	margin: 0 auto;
}
.card[data-v-687d9b3b] {
	display: flex;
	height: 80vh;
	border-radius: 4px;
	background: #424242;
	border: 1px solid hsla(214, 53%, 23%, 0.16);
	padding: 16px;
	overflow: auto;
	background-clip: padding-box;
	box-shadow:
		0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 1px 5px 0 rgba(0, 0, 0, 0.12),
		0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.pdf-canvas[data-v-687d9b3b] {
	border: 1px solid #333;
	margin: 0 auto;
	margin-top: 1px;
}
iframe#pdfjs-viewer-iframe {
  width: 100%;
  height: calc(100vh - 8em);
}/*!
 * SlickGrid Alpine Theme
 * (c) 2009-2016 Michael Leibman
 * michael{dot}leibman{at}gmail{dot}com
 * original project: https://github.com/mleibman/slickgrid
 * project forked as: https://github.com/6pac/slickgrid
 *
 * Distributed under MIT license.
 * All rights reserved.
 */@keyframes fade{0%,to{background:none}50%{background:var(--alpine-row-highlight-fade-animation,1s linear)}}#myGrid,.slick-container{background-color:var(--alpine-grid-bgcolor,#fff);border-color:var(--alpine-border-color,#dae1e7);border-radius:var(--alpine-border-radius,0);border-style:solid;border-width:var(--alpine-border-width,1px);box-sizing:border-box;color:var(--alpine-font-color,#181d1f);font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif);font-size:var(--alpine-font-size,13px)}#myGrid.bottom-rounded,.slick-container.bottom-rounded{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}#myGrid .text-center,.slick-container .text-center{text-align:center}.slick-viewport{background-color:var(--alpine-bg-color,#fff)}.slick-viewport .grid-canvas{outline:0;position:relative}.slick-range-decorator{border:var(--alpine-range-border,3px solid #000);cursor:cell;z-index:9999}.slick-row.slick-state-active,.slick-row.ui-widget-content{border:0;position:absolute;width:100%}.slick-row.slick-state-active{background:var(--alpine-cell-selected-bg-color,#d4ebfd)}.slick-row .selected{background-color:var(--alpine-cell-selected-bg-color,#d4ebfd);color:var(--alpine-cell-selected-color,#181d1f);z-index:10}.slick-row.odd{background-color:var(--alpine-odd-row-color,#fbfbfb)}.slick-row:hover{background-color:var(--alpine-row-mouse-hover-color,#e8f4fe)}.slick-row.highlight-animate{animation:fade var(--alpine-row-highlight-fade-animation,1s linear);background:var(--alpine-row-highlight-background-color,#d9edfd)!important}.slick-groupby-remove{padding-right:10px}.slick-group{background-color:var(--alpine-header-bg-color,#f8f8f8);border-bottom:2px solid var(--alpine-border-color,#dae1e7)}.slick-group .slick-cell{padding-left:4px;padding-right:4px;text-align:left!important}.slick-group-toggle{background-color:currentColor;color:inherit;cursor:pointer;display:inline-block;font-size:18px;height:1em;margin-right:5px;opacity:var(--alpine-group-icon-opacity,.8);width:1em}.slick-group-toggle.expanded{--alpine-group-expanded-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-toggle.collapsed{--alpine-group-collapsed-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-totals{background:var(--alpine-bg-color,#fff);color:var(--alpine-font-color,#181d1f)}.slick-group-toggle-all{background-color:currentColor;color:inherit;cursor:pointer;display:inline-block;font-size:18px;height:1em;margin-right:5px;opacity:var(--alpine-group-icon-opacity,.8);width:1em}.slick-group-toggle-all.collapsed{--alpine-group-collapsed-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-toggle-all.expanded{--alpine-group-expanded-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-cell{align-items:var(--alpine-cell-align-items,center);border-color:var(--alpine-cell-border-color,#dae1e7);border-radius:var(--alpine-cell-border-radius,0);border-style:solid;border-width:var(--alpine-cell-border-width,0 0 1px 0);cursor:default;display:var(--alpine-cell-display,block);justify-content:var(--alpine-cell-justify-content,flex-start);margin:0;min-width:0;overflow:hidden;padding:var(--alpine-cell-padding,2px 4px);position:absolute;text-overflow:var(--alpine-cell-text-overflow,ellipsis);vertical-align:middle;white-space:nowrap;z-index:1}.slick-cell.selected{background-color:var(--alpine-cell-selected-bg-color,#d4ebfd);color:var(--alpine-cell-selected-color,#181d1f)}.slick-cell.selected span a{color:#fff}.slick-cell.active{box-shadow:var(--alpine-cell-active-box-shadow,inset 0 0 0 1px #5da6e3)}.slick-cell.highlighted{background:#87cefa;background:rgba(0,0,255,.2);transition:all .5s}.slick-cell.flashing{border:1px solid red}.slick-cell.editable{border-style:solid;overflow:visible;z-index:11}.slick-cell:focus{outline:none}.slick-selection{border:2px dashed #000;position:absolute;z-index:10}.slick-header{background-color:var(--alpine-header-bg-color,#f8f8f8);border-bottom:1px solid var(--alpine-border-color,#dae1e7);color:var(--alpine-header-color,#181d1f);font-weight:var(--alpine-header-font-weight,bold)}.slick-header.slick-state-default{border-left:0;overflow:hidden;width:100%}.grid-header{background-color:var(--alpine-header-bg-color,#f8f8f8);border-color:var(--alpine-top-header-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-top-header-border-width,1px 1px 0 1px);box-sizing:border-box;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif);font-size:var(--alpine-top-header-font-size,15px);font-weight:var(--alpine-top-header-font-weight,bold);height:35px;padding:var(--alpine-top-header-padding,8px 6px 0 8px)}.slick-resizable-handle{border:0;box-shadow:var(--alpine-header-resizable-handle-box-shadow,inset 0 0 0 1px #dde2eb);cursor:col-resize;display:block;font-size:.1px;height:var(--alpine-header-resizable-handle-height,50%);position:absolute;right:0;top:var(--alpine-header-resizable-handle-top,25%);width:2px}.slick-reorder-guide,.slick-reorder-proxy{background:blue;display:inline-block}.slick-reorder-proxy{cursor:move;filter:alpha(opacity=15);opacity:.15}.slick-reorder-guide{filter:alpha(opacity=70);height:2px;opacity:.7}.slick-preheader-panel .slick-header-column,.slick-topheader-panel .slick-header-column{border-color:var(--alpine-preheader-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-preheader-border-width,0)}.slick-header-column-active .slick-header-menubutton,.slick-header-column:hover>.slick-header-menubutton{display:inline-block}.slick-header-column{align-items:var(--alpine-header-align-items,flex-start);border-color:var(--alpine-header-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-header-border-width,0);display:var(--alpine-header-display,inline-flex);height:var(--alpine-header-column-height,calc(23px*var(--alpine-header-name-row-count, 1)));justify-content:var(--alpine-header-justify-content,flex-start);line-height:var(--alpine-header-column-line-height,23px);margin:0;overflow:hidden;padding:4px;position:relative;vertical-align:var(--alpine-header-vertical-align,top);white-space:pre-wrap}.slick-header-column .slick-header-menubutton{background-color:var(--alpine-header-bg-color,#f8f8f8);background-image:none;bottom:0;cursor:pointer;display:none;position:absolute;right:0;top:0;width:var(--alpine-header-menubutton-width,18px)}.slick-header-column .slick-header-menubutton .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;display:inline-block;height:0;margin-left:4px;margin-top:7px;vertical-align:middle;width:0}.slick-header-column .slick-header-menubutton.filtered{color:var(--alpine-header-menubutton-filtered-color,#3490dc)}.slick-header-column .slick-sort-indicator,.slick-header-column .slick-sort-indicator-numbered{color:var(--alpine-sort-indicator-color,#3490dc);-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-header-column .slick-sort-indicator{background-image:none;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin:var(--alpine-sort-indicator-margin,5px 0 0 3px);vertical-align:middle;width:0}.slick-header-column .slick-sort-indicator-asc{border-bottom:4px dashed}.slick-header-column .slick-sort-indicator-desc{border-top:4px dashed}.slick-header-column .slick-sort-indicator-numbered{font-size:var(--alpine-sort-numbered-font-size,10px)}.slick-header-column.unorderable{background-color:var(--alpine-header-unorderable-bg-color,#f0f0f0)}.slick-header-columns{cursor:default;margin:0;overflow:hidden;padding:0;position:relative;white-space:nowrap}.slick-header-columns .slick-state-hover{background:var(--alpine-header-name-hover-bg-color,hsla(0,0%,74%,.267))}.slick-column-name,.slick-sort-indicator{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-column-name{display:var(--alpine-header-name-display,block);flex-grow:var(--alpine-header-name-flex-grow,0);overflow:var(--alpine-header-name-overflow,hidden);text-overflow:var(--alpine-header-name-text-overflow,ellipsis);white-space:nowrap}.slick-footerrow,.slick-headerrow{background-color:var(--alpine-header-footer-bg-color,#fff);position:relative}.slick-footerrow.slick-state-default,.slick-headerrow.slick-state-default{border-left:0;overflow:hidden;width:100%}.slick-footerrow-columns,.slick-headerrow-columns{cursor:default;overflow:hidden;position:relative;white-space:nowrap}.slick-headerrow-columns{background-color:var(--alpine-headerrow-bg-color,#f8fafc);border-bottom:1px solid var(--alpine-border-color,#dae1e7);text-align:center}.slick-footerrow-column,.slick-headerrow-column{cursor:default;padding:4px;position:absolute;vertical-align:middle;white-space:nowrap;z-index:1}.slick-footerrow-column{border-color:var(--alpine-footerrow-border-color,#dae1e7);border-radius:var(--alpine-footerrow-border-radius,0);border-style:solid;border-width:var(--alpine-footerrow-border-width,1px 1px 1px 0);float:left;font-size:var(--alpine-footerrow-font-size,12px);line-height:20px;margin:0;overflow:ellipsis}.slick-headerrow-column{box-sizing:border-box;height:100%;overflow:hidden}.slick-headerrow-column input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;box-sizing:border-box;color:var(--alpine-font-color,#181d1f);height:100%;width:100%}.slick-header-menu{background:var(--alpine-header-bg-color,#f8f8f8);border:1px solid var(--alpine-border-color,#dae1e7);border-bottom-left-radius:var(--alpine-border-radius,0);border-bottom-right-radius:var(--alpine-border-radius,0);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:var(--alpine-font-color,#181d1f);cursor:default;display:inline-block;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif);font-size:var(--alpine-font-size,13px);margin:0;min-width:175px;padding:4px!important;position:absolute;z-index:100000}.slick-header-menu label{font-weight:400}.slick-header-menu button{border:1px solid transparent;border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:var(--alpine-font-size,13px);font-weight:400;line-height:1.428571429;margin:2px;outline:0;overflow:visible;padding:6px 14px;text-align:center;text-transform:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.slick-header-menu button,.slick-header-menu button:hover{background-color:transparent;color:var(--alpine-font-color,#181d1f)}.slick-header-menu button:hover{border-color:var(--alpine-border-color,#dae1e7)}.slick-header-menu button.active.focus,.slick-header-menu button.active:focus,.slick-header-menu button.active:hover,.slick-header-menu button:active.focus,.slick-header-menu button:active:focus,.slick-header-menu button:active:hover{background-color:transparent;border-color:var(--alpine-border-color,#dae1e7);color:var(--alpine-font-color,#181d1f)}.slick-header-menu input.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color:var(--alpine-font-color,#181d1f);padding:.5rem .75rem;width:100%}.slick-header-menu .filter,.slick-header-menu input.input{border:1px solid var(--alpine-border-color,#dae1e7);border-radius:.25rem}.slick-header-menu .filter{background:var(--alpine-bg-color,#fff);height:200px;margin-bottom:5px;margin-top:5px;max-height:200px;max-width:300px;overflow:scroll;padding:4px;white-space:nowrap}.slick-header-menu .filter label{display:block;font-size:var(--alpine-font-size,13px)}.slick-header-menuitem-disabled{color:silver}.slick-header-menuitem{align-items:center;border:1px solid transparent;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.slick-header-menuitem .slick-header-menuicon{background-position:50%;background-repeat:no-repeat;display:inline-block;height:16px;margin-right:4px;vertical-align:middle;width:16px}.slick-header-menuitem .slick-header-menuicon.sort-asc,.slick-header-menuitem .slick-header-menuicon.sort-desc{border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin-left:8px;margin-top:0;vertical-align:middle;width:0}.slick-header-menuitem .slick-header-menuicon.sort-asc{border-bottom:4px dashed}.slick-header-menuitem .slick-header-menuicon.sort-desc{border-top:4px dashed}.slick-header-menuitem .slick-header-menucontent{display:inline-block;flex-grow:1;font-size:var(--alpine-font-size,13px);margin:var(--alpine-menu-content-margin,2px 4px);vertical-align:middle}.slick-header-menuitem:hover{border-color:var(--alpine-border-color,#dae1e7)}.slick-pane{box-sizing:border-box;outline:0;overflow:hidden;position:absolute;width:100%}.slick-pane-header{display:block}.slick-pager{align-items:center;background-color:var(--alpine-pager-bg-color,#f8f8f8);border-color:var(--alpine-pager-border-color,#dae1e7);border-radius:var(--alpine-pager-border-radius,0);border-style:solid;border-width:var(--alpine-pager-border-width,0 1px 1px 1px);box-sizing:border-box;color:var(--alpine-font-color,#181d1f);display:inline-flex;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif);font-size:var(--alpine-font-size,13px);height:var(--alpine-pager-height,40px);padding:4px;vertical-align:middle;width:100%}.slick-pager .sgi{cursor:pointer}.slick-pager .sgi.sgi-state-disabled,.slick-pager .slick-icon-state-disabled{cursor:var(--alpine-pager-button-cursor-disabled,default)}.slick-pager .slick-pager-nav{height:100%}.slick-pager .slick-pager-nav .slick-icon-container{margin:var(--alpine-pager-button-margin,0 2px)}.slick-pager .slick-pager-nav .sgi-container{align-items:center;display:inline-flex;height:100%}.slick-pager .slick-pager-settings,.slick-pager .slick-pager-status{display:inline-block;font-size:var(--alpine-font-size,13px);padding:var(--alpine-pager-padding,6px)}.slick-pager .slick-pager-settings{align-items:center;-moz-column-gap:1px;column-gap:1px;display:flex;float:right;margin-left:auto}.slick-pager .slick-pager-settings a{cursor:pointer;padding:0 2px 2px;text-decoration:underline}.percent-complete-bar{border-radius:3px;display:inline-block;height:6px}.slick-cell-menu,.slick-columnpicker,.slick-context-menu,.slick-gridmenu,.slick-header-menu{background-color:var(--alpine-menu-bg-color,#fbfbfb);border:var(--alpine-menu-border,1px solid #babfc7);border-radius:var(--alpine-menu-border-radius,2px);box-shadow:var(--alpine-menu-box-shadow,none);color:var(--alpine-menu-color,#181d1f);font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif);font-size:var(--alpine-font-size,13px)}.slick-cell-menu button.close,.slick-columnpicker button.close,.slick-context-menu button.close,.slick-gridmenu button.close,.slick-header-menu button.close{background:var(--alpine-menu-close-btn-background,transparent);border:var(--alpine-menu-close-btn-border,1px solid #babfc7);cursor:pointer}.slick-cell-menu,.slick-context-menu{box-sizing:content-box}.slick-cell.selected.editable{background-color:#fff;border-radius:var(--alpine-cell-editable-border-radius,3px)}.slick-cell.editable{box-shadow:var(--alpine-cell-editable-box-shadow,inset 0 0 0 2px #3490dc)}.slick-cell.hidden{display:none}input.editor-checkbox,input.editor-percentcomplete,input.editor-text{border:0;height:100%;margin:0;outline:0;padding:0}input.editor-percentcomplete,input.editor-text{width:100%}input.editor-text{background:#fff}input.editor-percentcomplete{background:transparent;float:left}.editor-percentcomplete-picker{cursor:pointer;display:inline-block;overflow:visible;position:relative;z-index:1000}.editor-percentcomplete-picker .editor-percentcomplete-picker-icon{background-color:currentColor;color:inherit;display:inline-block;font-size:18px;height:1em;width:1em;--alpine-percent-complete-picker-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-percent-complete-picker-icon-svg) no-repeat;mask:var(--alpine-percent-complete-picker-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.editor-percentcomplete-picker:hover .editor-percentcomplete-helper{display:block}input[type=range].editor-percentcomplete-slider{background-color:#ccc;left:15px;position:absolute;top:125px;transform:rotate(270deg);transform-origin:left}.editor-percentcomplete-helper{display:none;height:140px;left:-9px;overflow:visible;padding-left:9px;position:absolute;top:-3px;width:120px}.editor-percentcomplete-wrapper{background:#f9f9f9;border:1px solid gray;height:98px;padding:20px 8px;position:relative;width:100%;width:120px}.editor-percentcomplete-buttons{float:right}.editor-percentcomplete-buttons button{margin-bottom:4px;width:80px}.editor-percentcomplete-slider{float:left}.editor-percentcomplete-helper:hover{display:block}select.editor-yesno{margin:0;vertical-align:middle;width:100%}.slick-composite-editor-modal,.slick-composite-editor-modal input,.slick-composite-editor-modal textarea{font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif)}.slick-large-editor-text{background:var(--alpine-large-editor-bg-color,#fff);border:var(--alpine-large-editor-border,2px solid #b0b0b0);border-radius:var(--alpine-large-editor-border-radius,8px);padding:5px;z-index:10000}.slick-large-editor-text button{margin-left:2px}.slick-large-editor-text button,.slick-large-editor-text textarea{color:var(--alpine-large-editor-color,#181d1f);font-family:var(--alpine-large-editor-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif);font-size:var(--alpine-large-editor-font-size,13px)}button.slick-btn{border:var(--alpine-button-border,1px solid #ccc);border-radius:var(--alpine-button-radius,2px);cursor:pointer;padding:var(--alpine-button-padding,2px 4px)}button.slick-btn.slick-btn-default{background-color:var(--alpine-button-bg-color,#fff)}button.slick-btn.slick-btn-default:hover{background-color:var(--alpine-button-default-hover-color,rgba(68,68,68,.1));border:var(--alpine-button-default-hover-border,1px solid #9c9c9c)}button.slick-btn.slick-btn-primary{background-color:var(--alpine-button-primary-bg-color,#fff);border-color:var(--alpine-button-primary-border-color,#2196f3);color:var(--alpine-button-primary-color,#2196f3)}button.slick-btn.slick-btn-primary:active{background-color:var(--alpine-button-primary-active-color,#2196f3)}button.slick-btn.slick-btn-primary:hover{background-color:var(--alpine-button-primary-hover-color,rgba(33,150,243,.1))}.slick-drag-replace-handle{background:gray;bottom:0;height:7px;position:absolute;right:0;width:7px}.sgi-chevron-start{--sgi-chevron-start-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-chevron-start-icon-svg) no-repeat;mask:var(--sgi-chevron-start-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-chevron-left{--sgi-chevron-left-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M15.41 16.58 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.42Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-chevron-left-icon-svg) no-repeat;mask:var(--sgi-chevron-left-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-chevron-right{--sgi-chevron-right-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-chevron-right-icon-svg) no-repeat;mask:var(--sgi-chevron-right-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-chevron-end{--sgi-chevron-end-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M5.59 7.41 10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-chevron-end-icon-svg) no-repeat;mask:var(--sgi-chevron-end-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-arrow-collapse{--sgi-arrow-collapse-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19.5,3.09L15,7.59V4H13V11H20V9H16.41L20.91,4.5L19.5,3.09M4,13V15H7.59L3.09,19.5L4.5,20.91L9,16.41V20H11V13H4Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-arrow-collapse-icon-svg) no-repeat;mask:var(--sgi-arrow-collapse-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-arrow-expand{--sgi-arrow-expand-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M10,21V19H6.41L10.91,14.5L9.5,13.09L5,17.59V14H3V21H10M14.5,10.91L19,6.41V10H21V3H14V5H17.59L13.09,9.5L14.5,10.91Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-arrow-expand-icon-svg) no-repeat;mask:var(--sgi-arrow-expand-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-cancel{--sgi-cancel-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-cancel-icon-svg) no-repeat;mask:var(--sgi-cancel-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-caret{--sgi-caret-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M7,10L12,15L17,10H7Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-caret-icon-svg) no-repeat;mask:var(--sgi-caret-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-check{--sgi-check-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-check-icon-svg) no-repeat;mask:var(--sgi-check-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-check-bold{--sgi-check-bold-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-check-bold-icon-svg) no-repeat;mask:var(--sgi-check-bold-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-close{--sgi-close-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-close-icon-svg) no-repeat;mask:var(--sgi-close-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-checkbox-outline{--sgi-checkbox-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,5V19H5V5H19M10,17L6,13L7.41,11.58L10,14.17L16.59,7.58L18,9"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-checkbox-outline-icon-svg) no-repeat;mask:var(--sgi-checkbox-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-checkbox-marked-outline{--sgi-checkbox-marked-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19H5V5H15V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V11H19M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-checkbox-marked-outline-icon-svg) no-repeat;mask:var(--sgi-checkbox-marked-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-checkbox-blank-outline{--sgi-checkbox-blank-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-checkbox-blank-outline-icon-svg) no-repeat;mask:var(--sgi-checkbox-blank-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-checkbox-intermediate{--sgi-checkbox-intermediate-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M17,17H7V7H17V17Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-checkbox-intermediate-icon-svg) no-repeat;mask:var(--sgi-checkbox-intermediate-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-coffee-outline{--sgi-coffee-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M2,21V19H20V21H2M20,8V5H18V8H20M20,3A2,2 0 0,1 22,5V8A2,2 0 0,1 20,10H18V13A4,4 0 0,1 14,17H8A4,4 0 0,1 4,13V3H20M16,5H6V13A2,2 0 0,0 8,15H14A2,2 0 0,0 16,13V5Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-coffee-outline-icon-svg) no-repeat;mask:var(--sgi-coffee-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-drag{--sgi-drag-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M7,19V17H9V19H7M11,19V17H13V19H11M15,19V17H17V19H15M7,15V13H9V15H7M11,15V13H13V15H11M15,15V13H17V15H15M7,11V9H9V11H7M11,11V9H13V11H11M15,11V9H17V11H15M7,7V5H9V7H7M11,7V5H13V7H11M15,7V5H17V7H15Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-drag-icon-svg) no-repeat;mask:var(--sgi-drag-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-drag-vertical{--sgi-drag-vertical-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-drag-vertical-icon-svg) no-repeat;mask:var(--sgi-drag-vertical-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-hashtag{--sgi-hashtag-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-hashtag-icon-svg) no-repeat;mask:var(--sgi-hashtag-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-help-circle-outline{--sgi-help-circle-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-help-circle-outline-icon-svg) no-repeat;mask:var(--sgi-help-circle-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-information-outline{--sgi-information-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-information-outline-icon-svg) no-repeat;mask:var(--sgi-information-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-lightbulb{--sgi-lightbulb-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12 2a7 7 0 0 1 7 7c0 2.38-1.19 4.47-3 5.74V17a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 0 1 7-7M9 21v-1h6v1a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1m3-17a5 5 0 0 0-5 5c0 2.05 1.23 3.81 3 4.58V16h4v-2.42c1.77-.77 3-2.53 3-4.58a5 5 0 0 0-5-5Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-lightbulb-icon-svg) no-repeat;mask:var(--sgi-lightbulb-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-loading{--sgi-loading-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-loading-icon-svg) no-repeat;mask:var(--sgi-loading-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-menu{--sgi-menu-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-menu-icon-svg) no-repeat;mask:var(--sgi-menu-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-message-outline{--sgi-message-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-message-outline-icon-svg) no-repeat;mask:var(--sgi-message-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-pencil-outline{--sgi-pencil-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-pencil-outline-icon-svg) no-repeat;mask:var(--sgi-pencil-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-minus-box-outline{--sgi-minus-box-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-minus-box-outline-icon-svg) no-repeat;mask:var(--sgi-minus-box-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-plus-box-outline{--sgi-plus-box-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-plus-box-outline-icon-svg) no-repeat;mask:var(--sgi-plus-box-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-search{--sgi-search-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-search-icon-svg) no-repeat;mask:var(--sgi-search-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-star{--sgi-star-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-star-icon-svg) no-repeat;mask:var(--sgi-star-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-star-outline{--sgi-star-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-star-outline-icon-svg) no-repeat;mask:var(--sgi-star-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-tag-outline{--sgi-tag-outline-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M21.41 11.58L12.41 2.58A2 2 0 0 0 11 2H4A2 2 0 0 0 2 4V11A2 2 0 0 0 2.59 12.42L11.59 21.42A2 2 0 0 0 13 22A2 2 0 0 0 14.41 21.41L21.41 14.41A2 2 0 0 0 22 13A2 2 0 0 0 21.41 11.58M13 20L4 11V4H11L20 13M6.5 5A1.5 1.5 0 1 1 5 6.5A1.5 1.5 0 0 1 6.5 5Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-tag-outline-icon-svg) no-repeat;mask:var(--sgi-tag-outline-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-undo{--sgi-undo-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-undo-icon-svg) no-repeat;mask:var(--sgi-undo-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi-user{--sgi-user-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"/%3E%3C/svg%3E');-webkit-mask:var(--sgi-user-icon-svg) no-repeat;mask:var(--sgi-user-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.sgi{background-color:currentColor;color:inherit;display:inline-block;font-size:18px;height:1em;width:1em}.sgi.sgi-state-disabled{opacity:.35}.sgi.sgi-10px{font-size:10px}.sgi.sgi-11px{font-size:11px}.sgi.sgi-12px{font-size:12px}.sgi.sgi-13px{font-size:13px}.sgi.sgi-14px{font-size:14px}.sgi.sgi-15px{font-size:15px}.sgi.sgi-16px{font-size:16px}.sgi.sgi-17px{font-size:17px}.sgi.sgi-18px{font-size:18px}.sgi.sgi-19px{font-size:19px}.sgi.sgi-20px{font-size:20px}.sgi.sgi-21px{font-size:21px}.sgi.sgi-22px{font-size:22px}.sgi.sgi-23px{font-size:23px}.sgi.sgi-24px{font-size:24px}.sgi.sgi-25px{font-size:25px}.sgi.sgi-26px{font-size:26px}.sgi.sgi-27px{font-size:27px}.sgi.sgi-28px{font-size:28px}.sgi.sgi-29px{font-size:29px}.sgi.sgi-30px{font-size:30px}.sgi.sgi-flip-h{transform:scaleX(-1)}.sgi.sgi-flip-v{transform:scaleY(-1)}.sgi.sgi-spin{align-items:center;animation:md-spin 2s linear infinite;display:inline-flex;justify-content:center}@keyframes md-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.slick-cell-menu{background:#f0f0f0;border:1px solid #718bb7;box-shadow:2px 2px 2px silver;min-width:180px;overflow:auto;resize:both;z-index:2000}.slick-cell-menu.slick-submenu{min-width:100px}.slick-cell-menu-button{background-color:transparent;border:0;cursor:pointer;margin-top:5px;padding:0 2px;position:absolute;right:0;top:0;width:16px}.slick-cell-menu>.close{float:right}.slick-cell-menu .slick-menu-title{border-bottom:1px solid #d6d6d6;font-size:16px;margin-bottom:5px;width:calc(100% - 30px)}.slick-cell-menu li{background:none;list-style:none;margin:0;padding:0}.slick-cell-menu input{margin:4px}.slick-cell-menu li a{display:block;font-weight:700;padding:4px}.slick-cell-menu li a:hover{background:#fff}.slick-cell-menu-option-list{margin-bottom:10px}.slick-cell-menu{cursor:default;display:inline-block;margin:0;padding:6px;position:absolute}.slick-cell-menu-item{border:1px solid transparent;border-radius:3px;cursor:pointer;display:block;list-style:none;margin:0;padding:2px 4px}.slick-cell-menu-item .sub-item-chevron{float:right}.slick-cell-menu-item:hover{background:#fff;border-color:silver}.slick-cell-menu-item-disabled{background:inherit!important;border-color:transparent!important;cursor:default}.slick-cell-menu-icon{background-position:50%;background-repeat:no-repeat;height:16px;margin-right:4px;width:16px}.slick-cell-menu-content,.slick-cell-menu-icon{display:inline-block;vertical-align:middle}.slick-cell-menu-item-disabled{color:silver}.slick-cell-menu-item-hidden,.slick-cell-menu-list li.hidden{display:none}.slick-cell-menu-item.slick-cell-menu-item-divider{background-color:#cecece;border:none;cursor:default;height:1px;margin:6px 2px;overflow:hidden;padding:0}.slick-cell-menu-item-divider.slick-cell-menu-item:hover{background-color:#cecece}.slick-columnpicker{background:#f0f0f0;border:1px solid #718bb7;box-shadow:2px 2px 2px silver;cursor:default;min-width:150px;overflow:auto;padding:6px;position:absolute;resize:both;z-index:20}.slick-columnpicker>.close{float:right}.slick-columnpicker .title{border-bottom:1px solid #d6d6d6;font-size:16px;margin-bottom:10px;width:60%}.slick-columnpicker li{background:none;list-style:none;margin:0;padding:0}.slick-columnpicker input{margin:4px}.slick-columnpicker li a{display:block;font-weight:700;padding:4px}.slick-columnpicker li a:hover{background:#fff}.slick-columnpicker-list li.hidden{display:none}.slick-context-menu{background:#f0f0f0;border:1px solid #718bb7;box-shadow:2px 2px 2px silver;min-width:180px;overflow:auto;resize:both;z-index:2000}.slick-context-menu.slick-submenu{min-width:100px}.slick-context-menu-button{background-color:transparent;border:0;cursor:pointer;margin-top:5px;padding:0 2px;position:absolute;right:0;top:0;width:16px}.slick-context-menu>.close{float:right}.slick-context-menu .slick-menu-title{border-bottom:1px solid #d6d6d6;font-size:16px;margin-bottom:5px;width:calc(100% - 30px)}.slick-context-menu li{background:none;list-style:none;margin:0;padding:0}.slick-context-menu input{margin:4px}.slick-context-menu li a{display:block;font-weight:700;padding:4px}.slick-context-menu li a:hover{background:#fff}.slick-context-menu-custom,.slick-context-menu-option-list{margin-bottom:10px}.slick-context-menu{cursor:default;display:inline-block;margin:0;padding:6px;position:absolute}.slick-context-menu-item{border:1px solid transparent;border-radius:3px;cursor:pointer;list-style:none;margin:0;padding:2px 4px}.slick-context-menu-item .sub-item-chevron{float:right}.slick-context-menu-item:hover{background:#fff;border-color:silver}.slick-context-menu-item-disabled{background:inherit!important;border-color:transparent!important;cursor:default}.slick-context-menu-icon{background-position:50%;background-repeat:no-repeat;height:16px;margin-right:4px;width:16px}.slick-context-menu-content,.slick-context-menu-icon{display:inline-block;vertical-align:middle}.slick-context-menu-item-disabled{color:silver}.slick-context-menu-item-hidden,.slick-context-menu-list li.hidden{display:none}.slick-context-menu-item.slick-context-menu-item-divider{background-color:#cecece;border:none;cursor:default;height:1px;margin:6px 2px;overflow:hidden;padding:0}.slick-context-menu-item-divider.slick-context-menu-item:hover{background-color:#cecece}.slick-custom-tooltip{background-color:#fff;border:2px solid #acacac;border-radius:4px;color:inherit;font-size:7.5pt;height:auto;overflow:inherit;padding:7px;position:absolute;text-overflow:ellipsis;white-space:normal;width:auto;z-index:9999}.slick-custom-tooltip.tooltip-arrow:after{border:transparent;border-style:solid;border-width:8px;content:"";left:0;position:absolute}.slick-custom-tooltip.tooltip-arrow.arrow-up:after{border-bottom-color:#bfbdbd;top:-16px}.slick-custom-tooltip.tooltip-arrow.arrow-down:after{border-top-color:#bfbdbd;top:100%}.slick-custom-tooltip.tooltip-arrow.arrow-left-align:after{margin-left:9px}.slick-custom-tooltip.tooltip-arrow.arrow-right-align:after{margin-left:calc(100% - 19px)}.slick-custom-tooltip.tooltip-arrow.arrow-center-align:after{margin-left:calc(50% - 8px)}.detailView-toggle:not(.slick-cell){background-image:none;border-bottom:5px dashed;border-left:5px solid transparent;border-right:5px solid transparent;color:#6190cd;cursor:pointer;display:inline-block}.detailView-toggle.expand{height:0;transform:rotate(90deg);width:0}.detailView-toggle.collapse{height:0;transform:rotate(2700deg);width:0}.dynamic-cell-detail{background-color:#dae5e8;margin:0;overflow:auto;padding:0;position:absolute;width:100%;z-index:10000}.dynamic-cell-detail>:first-child{line-height:13px;vertical-align:middle}.dynamic-cell-detail>.detail-container{display:block!important;overflow:auto}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}/* src/components/nc-grid/nc-grid-style.scss */
.nc-grid {
  margin-top: -4px;
  margin-bottom: 4px;
  min-height: 4.6em;
}
.nc-grid-root {
  width: 100%;
  height: 100%;
  font-family: "Roboto Flex", Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  min-height: 4.6em;
}
.nc-tool-icon {
  color: grey;
  transition: color 0.15s ease-in;
}
.nc-tool-icon:hover {
  color: darkgreen;
  transition: color 0.15s ease-in;
}

/* .nc-tool-icon:focus { // needs button or <a> to work
	color: green;
	transition: color 0.15s ease-in;
} */
.nc-grid-menu {
  display: none;
  position: absolute;
  z-index: 999;
}
.nc-grid-row-new {
  color: ForestGreen !important;
}
.nc-grid-row-changed {
  color: darkblue !important;
}
.nc-grid-row-equal,
.grey {
  color: grey !important;
}
.nc-grid-row-deleted {
  color: darkred !important;
}
.nc-grid-row-duplicate {
  color: red !important;
}
.nc-grid-linked-table {
  color: grey !important;
}
.nc-grid-cell-changed {
  color: #cb0404 !important;
  font-weight: bold;
}
.nc-grid-cell-highlight {
  color: blue !important;
}
.nc-grid-pinned-column {
  border-right: 1px solid lightgray !important;
}
.border-right-color-lightgray {
  border-right: 1px solid lightgray !important;
}
.border-right-color-dimgray {
  border-right: 1px solid dimgray !important;
}
.semi-bold {
  font-weight: var(--semi-bold) !important;
}
.underline {
  text-decoration: underline !important;
}
.nc-grid-real,
.nc-grid-long {
  text-align: right;
  padding-right: 6px !important;
  /* justify-content: flex-end; */
}
.nc-grid-null {
  color: lightgray;
  font-style: oblique;
  display: inline;
}
.nc-grid-align-right {
  text-align: right;
}
.nc-grid-align-center {
  text-align: center;
}
.nc-grid-datetime {
  text-align: center;
  padding-right: 6px !important;
}
.nc-link-icon span {
  text-align: start;
}
.nc-link-icon svg {
  color: lightblue;
  transition: all 0.3s ease;
}
.nc-link-icon svg:hover {
  color: blue;
  opacity: 0.8;
}
.nc-link-icon svg:active:hover {
  color: darkblue;
  opacity: 1;
}.nc-cell-graph {
  width: 100%;
  height: 22px;
  margin-top: -4px;
  margin-bottom: -4px;
}
.nc-grid {
  margin-top: 2px;
  border: 1px solid lightgrey;
  border-top: 0px;
  --slick-header-column-height: 17px;
  --slick-icon-sort-position-top: 1px;
  --slick-icon-sort-position-right: 0px;
}

/* .slick-viewport {
	// https://github.com/mleibman/SlickGrid/issues/573
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden !important;
} */
.slick-container {
  height: calc(100% + 0px);
  width: calc(100% + 2px);
  margin-left: -1px;
  border-bottom: 0px;
}
.nc-grid-root {
  font-family: "Roboto Flex", Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: var(--default-font-size);
  height: calc(100% + 2px);
}
.slick-header {
  --alpine-header-column-height: 27px;
}
.slick-header-column {
  margin-top: -5px !important;
  font-size: var(--grid-label-font-size);
  font-weight: var(--grid-label-font-weight);
}
.slick-resizable-handle {
  --alpine-header-resizable-handle-height: 75%;
  --alpine-header-resizable-handle-top: 6px;
  width: 1px !important;
  background-color: dimgrey;
}
.slick-resizable-handle::after {
  content: "";
  position: absolute;
  top: 0;
  left: -4px;
  width: 10px;
  height: 100%;
  background-color: transparent;
}
.slick-row {
  line-height: 22px;
}
.slick-row .selected {
  z-index: auto !important;
}

/*
// row selection
.slick-cell.selected {
	background-color: lightblue;
} // */
.nc-grid-header {
  font-weight: var(--semi-bold) !important;
}
.nc-grid-footer-container {
  z-index: 1;
  background-color: white;
  margin-top: -21px;
  height: 18px;
  padding-left: 4px;
  padding-right: 4px;
}
.nc-grid-footer-text {
  font-weight: var(--semi-bold) !important;
  font-size: var(--grid-footer-font-size);
  color: var(--grid-footer-font-color);
}
.slick-footerrow,
.slick-footerrow-columns {
  background-color: transparent !important;
}
.slick-footerrow-column {
  font-size: var(--grid-footer-font-size);
  color: var(--grid-footer-font-color);
  border-right-width: 0px;
  padding-top: 1px;
  text-align: right;
}
.slick-container .slick-cell {
  user-select: none;
}
.slick-container .slick-cell:not(.nc-link-icon) > svg {
  pointer-events: none;
}
.slick-container .slick-cell > .editor-text,
.slick-container .slick-cell > .input,
.slick-container .slick-cell > .active {
  border: none !important;
  padding: 0 !important;
}
.slick-pane .slick-footerrow-columns > .slick-footerrow-column {
  height: 100%;
}

/* Fixes pinned column's hover styling.
column: .slick-container .slick-pane-top.slick-pane-left .slick-row
grid: .slick-container .slick-pane-top.slick-pane-right .slick-row */
.grid-row-highlight {
  background-color: var(--alpine-row-mouse-hover-color, #e8f4fe) !important;
}
input.filter {
  border: 1px solid #dadada;
  border-radius: 2px;
}
input.filter::placeholder {
  opacity: 0.4;
}
.slick-headerrow-column {
  padding: 1px;
  padding-bottom: 2px;
  background: #f1f1f1;
  text-overflow: clip;
  box-sizing: border-box;
}
.slick-headerrow-column input {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.cell-title,
.bold {
  font-weight: bold;
}
input.filter {
  border: 1px solid #dadada;
  border-radius: 2px;
}
input.filter::placeholder {
  opacity: 0.4;
}
.slick-headerrow-column {
  background: #f1f1f1;
  text-overflow: clip;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.slick-headerrow-column input {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header-tooltip-title {
  font-weight: bold;
  font-size: var(--default-font-size);
}
.headerrow-tooltip-title {
  color: #ad0041;
  font-style: italic;
  font-size: var(--default-font-size);
}
.tooltip-2cols-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  column-gap: 5px;
  line-height: 20px;
}

/* .loading-indicator {
	display: inline-block;
	padding: 12px;
	background: white;
	// -opacity: 0.5;
	color: black;
	font-weight: bold;
	z-index: 9999;
	border: 1px solid red;
	border-radius: 10px;
	box-shadow: 0px 0px 5px red;
	// -text-shadow: 1px 1px 1px white;
}
.loading-indicator label {
	padding-left: 20px;
} */.nc-gantt-chart {
  height: 100%;
  width: 100%;
}
.nc-gantt-chart {
	height: 100%;
	width: 100%;
}