/* ROOT */
:root {
	--red:219,40,40;
		--redIn:255,255,255;
	--orange:242,113,28;
		--orangeIn:255,255,255;
	--yellow:251,189,8;
		--yellowIn:255,255,255;
	--olive:181,204,24;
		--oliveIn:255,255,255;
	--green:33,186,69;
		--greenIn:255,255,255;
	--teal:0,181,173;
		--tealIn:255,255,255;
	--blue:33,133,208;
		--blueIn:255,255,255;
	--violet:100,53,201;
		--violetIn:255,255,255;
	--purple:163,51,200;
		--purpleIn:255,255,255;
	--pink:224,57,151;
		--pinkIn:255,255,255;
	--brown:165,103,63;
		--brownIn:255,255,255;
	--grey:118,118,118;
		--greyIn:255,255,255;
	--black:27,28,29;
		--blackIn:255,255,255;
	--white:255,255,255;
		--whiteIn:0,0,0;
	--pearl:248,246,240;
		--pearlIn:0,0,0;

	--diamond:93,63,211;
		--diamondIn:255,255,255;
	--platinum:96,130,182;
		--platinumIn:255,255,255;
	--gold:255,215,0;
		--goldIn:0,0,0;
	--silver:192,192,192;
		--silverIn:0,0,0;
	--bronze:191,100,92;
		--bronzeIn:255,255,255;
	--iron:161,157,148;
		--ironIn:0,0,0;

	--speakerSize: 150px;
	--flagSize: 62% 72%;
}

/* ANIMATE */
@keyframes tap-on-loading {
	to {transform: scale(1.05);opacity:0.5;}
}
@keyframes tap-on-loading-input {
	to {opacity:0.5;}
}
@keyframes media-on-sort {
	to {transform: scale(0.50);}
}

/* FONT */

*[font='number'] {font-family: "Fira Code", sans-serif !important;}
*[font='code'] {font-family: "Source Code Pro", sans-serif !important;}

/**/

.padding5 	{padding: 5px !important;}
.padding7 	{padding: 7px !important;}
.padding10 	{padding: 10px !important;}

.margin5 	{margin: 5px !important;}
.margin7 	{margin: 7px !important;}
.margin10 	{margin: 10px !important;}

.valign-middle {vertical-align: middle !important;}
.valign-bottom {vertical-align: bottom !important;}

.rm {display: flex;}
.rm.inline {display: inline-flex;}
.rm sign {flex: inherit;align-self: center;}
.rm amount {flex: 1;align-self: center}
.rm cent {flex: inherit;align-self: center;}
.rm > *:first-child:not(amount) {margin-right:5px !important;}
.rm > *:last-child:not(amount) {margin-left:5px !important;}

.ui.text > .rm {color:inherit;}

.opacity-high {opacity: 75% !important}
.opacity-normal {opacity: 50% !important}
.opacity-low {opacity: 25% !important}
.opacity-vlow {opacity: 10% !important}

.mixblendin {mix-blend-mode:difference !important;}
body:not(.mobile) .onmobile {display: none !important}

/**/

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] {-moz-appearance: textfield;}

/**/

.ui.card.active {outline:5px solid #fbbd08;}
i.icon.rounded, .ui.label.rounded, .ui.button.rounded, .ui.segment.rounded {border-radius: .25rem !important}
i.icon.rounder, .ui.label.rounder, .ui.button.rounder, .ui.segment.rounder {border-radius: .5rem !important}
i.icon.roundest, .ui.label.roundest, .ui.button.roundest, .ui.segment.roundest {border-radius: .75rem !important}
.ui.label.thick, .ui.button.thick, .ui.segment.thick {border-width: 2px !important}
.ui.label.thicker, .ui.button.thicker, .ui.segment.thicker {border-width: 4px !important}

/**/

.useless
	{ filter: grayscale(100%) !important;cursor: no-drop !important; }
.seemless
	{pointer-events:none !important;}
.selectless, .readonly
	{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.removed
	{opacity:.25!important;pointer-events:none!important;cursor:no-drop!important}
.blurred
	{-webkit-filter:blur(5px)!important;-moz-filter:blur(5px)!important;-o-filter:blur(5px)!important;-ms-filter:blur(5px)!important;filter:blur(5px)!important}
.blurred.very
	{-webkit-filter:blur(1em)!important;-moz-filter:blur(1em)!important;-o-filter:blur(1em)!important;-ms-filter:blur(1em)!important;filter:blur(1em)!important}

.pointer
	{cursor:pointer;}

.hidden { display: none !important; }
.hide { display: none; }
.invisibled { visibility: hidden !important; }
.blocks { display: block !important; }
.inblock {display: inline-block !important; }

.normal, .regular { font-weight: 400 !important; }
.bold { font-weight: 700 !important; }
.bolder { font-weight: 900 !important; }
.thin { font-weight: 100 !important; }

.strike { text-decoration: line-through !important; }
.underline { text-decoration: underline !important; }

.word-break { word-break: break-all; }

.squared { border-radius: 0 !important; }
.squared-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.squared-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.squared-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.squared-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.squared-top-left {border-top-left-radius: 0px !important;}
.squared-top-right {border-top-right-radius: 0px !important;}
.squared-bottom-left {border-bottom-left-radius: 0px !important;}
.squared-bottom-right {border-bottom-right-radius: 0px !important;}

.borderless { border-color: transparent !important; }
.borderless-top { border-top-color: transparent !important; }
.borderless-bottom { border-bottom-color: transparent !important; }
.borderless-left { border-left-color: transparent !important; }
.borderless-right { border-right-color: transparent !important; }

.outlineless { outline-color: transparent !important; }

.shadowless { box-shadow: none !important; }
.boxless { border-color: transparent !important; outline-color: transparent !important; box-shadow: none !important; }
.overflowless {overflow: hidden !important;}

.marginless { margin: 0 !important; }
.marginless-top { margin-top: 0 !important; }
.marginless-bottom { margin-bottom: 0 !important; }
.marginless-left { margin-left: 0 !important; }
.marginless-right { margin-right: 0 !important; }
.marginless-h {  margin-top: 0 !important; margin-bottom: 0 !important; }
.marginless-v {  margin-left: 0 !important; margin-right: 0 !important; }

.paddingless { padding: 0 !important; }
.paddingless-top { padding-top: 0 !important; }
.paddingless-bottom { padding-bottom: 0 !important; }
.paddingless-left { padding-left: 0 !important; }
.paddingless-right { padding-right: 0 !important; }
.paddingless-h {  padding-top: 0 !important; padding-bottom: 0 !important; }
.paddingless-v {  padding-left: 0 !important; padding-right: 0 !important; }

.transparent { background-color: transparent !important; }

.lettergap { letter-spacing: 2px;}

/* IMAGE */



.fit { object-fit:contain !important; }
.fit.cover { object-fit:cover !important; }
.image.shadow {-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));}

.px16 { width:16px !important;height:16px !important; }
.px16.frame { width:calc(16px + 5px) !important;height:calc(16px + 5px) !important; margin:-2px !important; }
.px24 { width:24px !important;height:24px !important; }
.px24.frame { width:calc(24px + 5px) !important;height:calc(24px + 5px) !important; margin:-2px !important; }
.px32 { width:32px !important;height:32px !important; }
.px32.frame { width:calc(32px + 8px) !important;height:calc(32px + 8px) !important; margin:-4px !important; }
.px40 { width:40px !important;height:40px !important; }
.px40.frame { width:calc(40px + 10px) !important;height:calc(40px + 10px) !important; margin:-5px !important; }
.px50 { width:50px !important;height:50px !important; }
.px50.frame { width:calc(50px + 10px) !important;height:calc(50px + 10px) !important; margin:-5px !important; }
.px64 { width:64px !important;height:64px !important; }
.px64.frame { width:calc(64px + 14px) !important;height:calc(64px + 14px) !important; margin:-7px !important; }
.px100 { width:100px !important;height:100px !important; }
.px100.frame { width:calc(100px + 20px) !important;height:calc(100px + 20px) !important; margin:-10px !important; }
.px120 { width:120px !important;height:120px !important; }
.px120.frame { width:calc(120px + 20px) !important;height:calc(120px + 20px) !important; margin:-10px !important; }
.px150 { width:150px !important;height:150px !important; }
.px150.frame { width:calc(150px + 20px) !important;height:calc(150px + 20px) !important; margin:-10px !important; }
.px200 { width:200px !important;height:200px !important; }
.px200.frame { width:calc(200px + 20px) !important;height:calc(200px + 20px) !important; margin:-10px !important; }

.pxblack {filter:brightness(0) saturate(100%);}
.pxwhite {filter:brightness(0) invert(1);}

.h100 {height:100% !important;}
.hauto {height:auto !important;}
.w100 {width:100% !important;}
.wauto {width:auto !important;}

img[placeholder].uploading {filter:grayscale(1);}
img[placeholder].error {outline:3px solid #db2828aa;}
img[placeholder].success {outline:3px solid #21ba45aa;}



/* HEADER */
.ui.header.flex {
	display: flex;
}
.ui.header.flex > img {
	flex: inherit;
	align-self: start;
}
.ui.header.flex > .img {
	flex: inherit;
	align-self: start;
	padding-right: .5em;
	position: relative;
}
.ui.header.flex > .img .rounded.image {
	border-radius: 5px !important;
}
.ui.header.flex > .img .sub.image {
	position: absolute;
	bottom: 2px; left: 2px;
}
.ui.header.flex > .img .sub.image.rounded {
	border-radius: 0 5px 0 5px !important;
	bottom: 0; left: 0;
	border: 2px solid #fff;
	border-width: 2px 2px 0 0;
}
.ui.header.flex > .img .sub.image.circular {
	bottom: -2px; left: -2px;
	border: 2px solid #fff;
}
.ui.header.flex > .content {
	flex: 1;
	align-self: center;
	line-height: 1.25;
}

.ui.header.img.icon > i.icon, .ui.header.img.icon > i.icons {
	font-size: 50px;
	margin: 0;
	margin-bottom: 10px;
}

.ui.header.img.icon > img.image {
	height: 50px;
	width: auto;
	margin: 0;
	margin-bottom: 10px;
}

.ui.header > i.icons > i.corner {
	top:0;bottom:auto;
}

/* TEXT */

.text-line {line-height: 1 !important}
.text-line-large {line-height: 1.25 !important}
.text-line-big {line-height: 1.5 !important}

.text-gap {letter-spacing: 2px;text-indent: 2px}
.text-gap-large {letter-spacing: 4px;text-indent: 4px}
.text-gap-big {letter-spacing: 8px;text-indent: 8px}

.text-upper, .uppercase {text-transform: uppercase !important;}
.text-lower, .lowercase {text-transform: lowercase !important;}
.text-capitalize, .capitalize {text-transform: capitalize !important;}

.text-small {font-size:80% !important;}
.text-mini {font-size:50% !important;}

.text-left {text-align: left !important}
.text-right {text-align: right !important}
.text-center {text-align: center !important}
.text-justify {text-align: justify !important}
.text-inherit, .text-color {color: inherit !important}
.text-size {font-size: inherit !important}

.text-shadowless {text-shadow: none !important;}
.text-shadow {text-shadow: #000000 1px 1px 0;}
.text-shadow-light {text-shadow: #ffffff 1px 1px 0;}

.ellipsis:not(i.icon) {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
td.ellipsis {min-width:0;}
td.fluid {min-width:0;}

.nowrap {white-space: nowrap !important}
.paragraph {white-space: pre-wrap !important}

/* GRAVITY */

.relative 	{position:relative !important;}
.absolute 	{position:absolute !important;}
.fixed 		{position:fixed !important;}

.float-left {float:left !important;}
.float-right {float:right !important;}
.float-top {z-index:1;margin:0 !important;border-radius:0 0 1rem 1rem !important;position:fixed !important;top:0;left:50%;transform:translateX(-50%);width:200px}
.float-bottom {z-index:1;margin:0 !important;border-radius:1rem 1rem 0 0 !important;position:fixed !important;bottom:0;left:50%;transform:translateX(-50%);width:200px}

.rotateY {transform:rotateY(180deg);}
.rotateX {transform:rotateY(180deg);}

/* TABLE */
.ui.table.very.compact thead tr th, .ui.table.very.compact tfoot tr th
{padding:.4em .6em !important;}
.ui.table.compact thead tr th, .ui.table.compact tfoot tr th
{padding:.5em .7em !important;}

/* FORM */

.ui.input.range {
	position: relative;
}
.ui.input.range .bubble {
	white-space: nowrap;
	padding: 3px 5px;
	font-size: 11px;
	position: absolute;
	border-radius: 4px;
	top:-15px;left: 50%;
	transform: translateX(-50%);
}
/**/
.ui.uploader input[type='file'] {display: none;}
.ui.uploader .ui.labels {border-radius:.5rem;background:rgba(0,0,0,0.1);overflow-y:auto;overflow-x:hidden;max-height:100px;}
.ui.uploader .ui.labels .ui.label {margin:5px;}
.ui.uploader .ui.labels .ui.label img {width:30px !important;object-fit:cover;}
.ui.uploader .ui.labels .ui.label text {display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;font-weight:900;max-width:150px;padding-bottom:1px;margin-bottom:-1px;}
.ui.uploader .ui.labels .ui.label text i.icon {font-size:80%;margin-right:5px;}
.ui.uploader .ui.labels .ui.label .detail {float:right;}
body.mobile .ui.uploader .ui.labels .ui.label {display: block;width: 100%;margin-right:0;}
/**/
.field.error error {display: block;padding:2px 0;font-size:11px;font-weight:900;color:#db2828;}
.field.error error a {color:inherit;border-bottom:1px dashed}
.field.error .ui.input input {border-style:dashed;border-color:#db2828 !important;}
/**/
.ui.form .field > value, .ui.form .field > preval {display: none;}
/**/
.ui.form.simple .field > label, .ui.form .field.simple > label {font-size:11px !important;font-weight:900;}
.ui.form.simple .field > .ui.input input, .ui.form .field.simple > .ui.input input,
.ui.form.simple .field > .ui.input textarea, .ui.form .field.simple > .ui.input textarea,
.ui.form.simple .field > .ui.input select, .ui.form .field.simple > .ui.input select,
.ui.form.simple .field > .ui.dropdown, .ui.form .field.simple > .ui.dropdown {box-shadow:0 !important;border-radius:0 !important;border-width:0 0 2px 0 !important;border-color:#aaa;}
.ui.form.simple .field > .ui.dropdown .menu.visible, .ui.form .field.simple > .ui.dropdown .menu.visible {border:2px solid #aaa;border-top:2px dashed #aaa !important;}
.ui.form.simple .field > .ui.dropdown > .ui.label, .ui.form .field.simple > .ui.dropdown > .ui.label {background: #fff !important;}
.ui.form.simple .field > .ui.dropdown > input.search, .ui.form .field.simple > .ui.dropdown > input.search {color:inherit !important;}

.ui.form.styled .field, .ui.form .field.styled {background: #ddd;padding:10px;border-radius:.25rem;}
.ui.form.styled .field > label, .ui.form .field.styled > label {font-size:11px !important;font-weight:900;margin-top:-5px;}
.ui.form.styled .field > .ui.input input, .ui.form .field.styled > .ui.input input,
.ui.form.styled .field > .ui.input textarea, .ui.form .field.styled > .ui.input textarea,
.ui.form.styled .field > .ui.input select, .ui.form .field.styled > .ui.input select,
.ui.form.styled .field > .ui.dropdown, .ui.form .field.styled > .ui.dropdown {box-shadow:0 !important;border:none !important;border-radius:.25rem !important;}
.ui.form.styled .field > .ui.dropdown .menu.visible, .ui.form .field.styled > .ui.dropdown .menu.visible {border-radius:.25rem !important;border:1px solid #ddd !important;}
.ui.form.styled .field > .ui.dropdown > .ui.label, .ui.form .field.styled > .ui.dropdown > .ui.label {background: #ddd !important;}
.ui.form.styled .field > .ui.dropdown > input.search, .ui.form .field.styled > .ui.dropdown > input.search {color:inherit !important;}

.ui.form.styled.plain .field, .ui.form .field.styled.plain {background: #fff;padding:10px;border-radius:.25rem;}
.ui.form.styled.plain .field > .ui.dropdown .menu.visible, .ui.form .field.styled.plain > .ui.dropdown .menu.visible {border-radius:.25rem !important;border:1px solid #eee !important;}
.ui.form.styled.plain .field > .ui.dropdown > .ui.label, .ui.form .field.styled.plain > .ui.dropdown > .ui.label {background: #fff !important;}
.ui.form.styled.plain .field > .ui.dropdown > input.search, .ui.form .field.styled.plain > .ui.dropdown > input.search {color:inherit !important;}

.ui.form.styled.basic .field, .ui.form .field.styled.basic {background: #fff;padding:10px;border-radius:.25rem;border:1px solid #ccc;}
.ui.form.styled.basic .field > .ui.dropdown .menu.visible, .ui.form .field.styled.basic > .ui.dropdown .menu.visible {border-radius:.25rem !important;border:1px solid #eee !important;}
.ui.form.styled.basic .field > .ui.dropdown > .ui.label, .ui.form .field.styled.basic > .ui.dropdown > .ui.label {background: #fff !important;}
.ui.form.styled.basic .field > .ui.dropdown > input.search, .ui.form .field.styled.basic > .ui.dropdown > input.search {color:inherit !important;}

.ui.form.blendin .field, .ui.form .field.blendin {background: transparent;padding:10px;border-radius:.25rem;color:inherit !important;}
.ui.form.blendin .field > label, .ui.form .field.blendin > label {font-size:11px !important;font-weight:900;margin-top:-5px;color:inherit !important;}
.ui.form.blendin .field > .ui.input input, .ui.form .field.blendin > .ui.input {color: inherit;}
.ui.form.blendin .field > .ui.dropdown.visible > .text, .ui.form .field.blendin > .ui.dropdown.visible > .text {color: inherit;font-weight: 700}
.ui.form.blendin .field > .ui.input input, .ui.form .field.blendin > .ui.input input,
.ui.form.blendin .field > .ui.input textarea, .ui.form .field.blendin > .ui.input textarea,
.ui.form.blendin .field > .ui.input select, .ui.form .field.blendin > .ui.input select,
.ui.form.blendin .field > .ui.dropdown, .ui.form .field.blendin > .ui.dropdown {background: transparent;color:inherit !important;box-shadow:0 !important;border:none !important;border-radius:.25rem !important;}
.ui.form.blendin .field > .ui.dropdown .menu.visible, .ui.form .field.blendin > .ui.dropdown .menu.visible {border-radius:.25rem !important;border:1px solid #ddd !important;}
.ui.form.blendin .field > .ui.dropdown > .ui.label, .ui.form .field.blendin > .ui.dropdown > .ui.label {box-shadow:0 0 5px rgba(0,0,0,0.25);background: #fff !important;border:none !important}
.ui.form.blendin .field > .ui.dropdown > input.search, .ui.form .field.blendin > .ui.dropdown > input.search {color:inherit !important;}

.field .ui.dropdown {
	padding-top:0.75em !important;
	padding-bottom:0.75em !important;
	min-height: 2.6em !important
}

.ui.dropdown > .text > img {
	vertical-align: middle !important
}
.ui.dropdown > .ui.label {
	
}
.ui.dropdown > .ui.label:not(.image) .ui.image {
	display: inline-block;
	margin: -5px 5px -4px -10px !important;
	width: 25px !important;
	height:25px !important;
}
.ui.dropdown > .ui.label:not(.image) .description {
	margin-right: 5px;
	font-weight: 400;
}
.ui.dropdown > .ui.label:not(.image) .text {
}
.ui.dropdown > .remove.icon, .ui.dropdown > .ui.label > .delete.icon {
	color: red;
	margin-left:10px;
}
.ui.dropdown .item.disabled.readonly {
	opacity: 1;
}

.ui.dropdown.button.nowrap > .text {white-space: nowrap}
.ui.dropdown.button.nowrap > .text * {display: inline-block;float:none;}
.ui.dropdown.button.nowrap > .menu .item .description {display: inline-block;float:none;}

.ui.dropdown.overflow > .menu {overflow: hidden auto !important;max-height:200px !important;scrollbar-width:thin;}

.ui.form .fields .field {
	margin-left: 5px;
	margin-right: 5px;
}

.ui.form .fields .field:first-child { margin-left: 0px; }
.ui.form .fields .field:last-child { margin-right: 0px; }

.ui.form.styled .fields .field:first-child 	{ margin-left: .5em; }
.ui.form.styled .fields .field:last-child 	{ margin-right: .5em; }
body.mobile .ui.form.styled .fields .field 	{ margin-left: .5em !important; margin-right: .5em !important; }

.ui.form .fields.styled .field:first-child 	{ margin-left: .5em; }
.ui.form .fields.styled .field:last-child 	{ margin-right: .5em; }
body.mobile .ui.form .fields.styled .field 	{ margin-left: .5em !important; margin-right: .5em !important; }

.ui.form input::-webkit-outer-spin-button,
.ui.form input::-webkit-inner-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}
.ui.form input[type=number] { -moz-appearance: textfield; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: var(--placeholderFG) !important;
	opacity: 0.25 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: var(--placeholderFG) !important;
	opacity: 0.25 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: var(--placeholderFG) !important;
	opacity: 0.25 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--placeholderFG) !important;
	opacity: 0.25 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--placeholderFG) !important;
	opacity: 0.25 !important;
}

::placeholder { /* Most modern browsers support this now. */
	color: var(--placeholderFG) !important;
	opacity: 0.25 !important;
}

/* DRAGSCROLL */

.ui.menu.dragscroll text {
	font-weight: 700;
}
.ui.menu.dragscroll:not(.labeled.icon) .icon {
	margin-right: 10px;
}

.dragscroll {overflow:hidden !important;overflow-x: scroll !important;scrollbar-width: none !important;-ms-overflow-style: none !important;white-space:nowrap;padding-bottom:2px;}
.dragscroll::-webkit-scrollbar { width: 0;height: 0; }
.dragscroll.dragging, .dragscroll.dragging * {cursor:grab !important;}

/* MISC */

.counters {list-style-type: none;counter-reset: item;}
.counters .counter{counter-increment: item;}
.counters .counter n::before {display:inline-block;content: counter(item);}

.tap.loadings {
	animation-name: tap-on-loading;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}
input.tap.loadings, textarea.tap.loadings, select.tap.loadings {
	animation-name: tap-on-loading-input;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}


.ui.button.segment.loading::before {margin:0 !important;background-color:inherit !important;}

.image.eggshape {border-radius:50% 50% 50% 50% / 60% 60% 40% 40% !important;transition: border-radius .25s;}
.image.eggshape:hover {border-radius:.5rem !important;transition: border-radius .25s;}


.ui.label.macro {padding:4px 6px !important;font-size:9px;vertical-align: middle}
.ui.label.micro {padding:2px 4px !important;font-size:9px;vertical-align: middle}
.ui.label.rounded {border-radius: .25rem !important}

.ui.labels.vertical .ui.label {margin-bottom:5px;margin-right:0;}
.ui.labels.vertical .ui.label:last-child {margin-bottom:0;}
.ui.labels.vertical .ui.label.image {color:black;}
.ui.labels.vertical .ui.label.image > .ui.image {padding:0;margin-top: -7px;margin-left: -6px;margin-bottom: -7px;}
.ui.labels.vertical .ui.label.image > .detail {background: transparent;}
.ui.labels.vertical .ui.label > .detail.right.floated {float:right;}
.ui.labels.vertical .ui.label.image > .ui.image.rounded {}

.ui.labels.vertical .ui.label > .ellipsis {max-width:70%;display:inline-block;padding-bottom:1px;}
.ui.labels:not(.vertical) .ui.label > .ellipsis {max-width:100px;display:inline-block;padding-bottom:1px;}

.ui.label.image > .ui.image {width:32px !important;object-fit:cover !important;}

.ui.labels .ui.label.image {margin-top:2px !important;margin-bottom:2px !important;}

.ui.menu > .header {padding:5px 1em !important;font-size:11px;font-weight:900}
.ui.menu .item .icon.float-left {margin-left:0 !important;margin-right:10px !important;}

/**/

.medias .media i.icon {
	/*text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;*/
	-webkit-text-stroke: 1.5px #fff;
	filter: drop-shadow(0 0 1px #000);
}

.medias .media.ui-sortable-helper {
	z-index: 2;
	position: relative;
}
.medias .media.ui-sortable-placeholder {
	visibility: visible !important;
	border-radius:.5rem !important;
	background: lightyellow !important;
	min-height: 100px;
}
.medias .media.ui-sortable-helper {
	
	border-radius:.5rem !important;
	border: 0 !important;
	box-shadow: 0 0 5px #000000;
	cursor: none !important;
	animation-name: media-on-sort;
	animation-duration: 0.5s;
	animation-fill-mode: forwards; 
}

.albums .album.ui-droppable-hover {
	transform: scale(1.1);
	z-index: 1;
	position: relative;
	border-radius:.5rem !important;
	background: lightyellow !important;
	color: #333333 !important;
}
.albums .album.ui-sortable-placeholder {
	visibility: visible !important;
	background: lightyellow !important;
	vertical-align: bottom;
	min-height: 31px;
	min-width: 100px;
}
.albums .album.ui-sortable-helper {
	transform: scale(0.90);
	border-radius:.5rem !important;
	border: 0 !important;
	box-shadow: 0 0 5px #000000;
	white-space: nowrap !important
}
/**/
.ui.slideshow {z-index:1001;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.90);backdrop-filter:blur(10px);}

.ui.slideshow .nav {opacity:0.5;position:absolute;padding:10px;display:flex;justify-content:center;font-size:1rem;cursor:pointer;text-shadow:0 0 5px #000;}
.ui.slideshow .nav[do='close'] 	{opacity:1;z-index:1;top:0;right:0;left:0;}
.ui.slideshow .nav[do='prev'] 	{z-index:2;top:0;left:0;width:30%;}
.ui.slideshow .nav[do='next'] 	{z-index:2;top:0;right:0;width:30%;}
.ui.slideshow .nav i.icon {margin:0;display:block;align-self:center;font-size:2.5rem;color:#ffffff;}

.ui.slideshow:hover .nav {opacity:1;}
.ui.slideshow:hover .nav[do='prev'], .ui.slideshow:hover .nav[do='next'] {}
.ui.slideshow .nav[do='close']:hover i.icon {color: red !important;}
.ui.slideshow .nav[do='prev']:hover i.icon, .ui.slideshow .nav[do='next']:hover i.icon {color: rgb(var(--yellow)) !important;transform:scale(1.5);}

.ui.slideshow .preview {display:flex;justify-content:center;overflow:auto;position:relative;top:60px;bottom:60px;left:0;right:0;height:calc(100% - 60px);}
.ui.slideshow .preview a {display:block;align-self:center;}
.ui.slideshow .preview a img {background:#ffffff;box-shadow: 0 0 10px #000000;max-height:50rem;}

.ui.slideshow .tiles {z-index:3;position:absolute;bottom:0;left:0;right:0;text-align: center;white-space: nowrap;padding:10px;}
.ui.slideshow .tiles .ui.images {}
.ui.slideshow .tiles .ui.images a {cursor:pointer;position:relative;display: inline-block;}
.ui.slideshow .tiles .ui.images a::after {z-index:1;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;content:'';display:block;}
.ui.slideshow .tiles .ui.images a .ui.image {margin:1px 1px 0 1px;background:#ffffff;border:2px solid #000000;border-radius:.5rem;box-shadow: 0 0 5px #000000}
.ui.slideshow .tiles .ui.images a div.icon {z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;content:'';display:block}

.ui.slideshow .tiles .ui.images a:hover .ui.image {box-shadow: 0 0 5px lightyellow;border-color: lightyellow;transform:scale(1.05);z-index: 1}
.ui.slideshow .tiles .ui.images a.active .ui.image {box-shadow: 0 0 5px lightyellow;border-color: lightyellow;transform:scale(1.25);z-index: 1}
/**/
.jsoneditor {border:none !important;}
.jsoneditor > .jsoneditor-menu {background:#333333;border:none;border-radius:5px 5px 0 0;position:relative;}
.jsoneditor > .jsoneditor-menu .jsoneditor-poweredBy {top:-23px;padding:10px 0;font-size:6pt;z-index:1;font-weight: 700;color:rgba(0,0,0,0.5);}
.jsoneditor > .jsoneditor-menu .jsoneditor-modes {float:right;z-index: 2;}
.jsoneditor > .jsoneditor-menu .jsoneditor-modes button {font-weight: 700;}
.jsoneditor .jsoneditor-contextmenu {z-index:99;}
.jsoneditor div.jsoneditor-tree {background:rgb(var(--black));border-radius:0 0 5px 5px;}
.jsoneditor div.jsoneditor-statusbar {background:rgb(var(--grey));color:rgb(var(--white));border-radius:0 0 5px 5px;overflow: hidden;border-top:none;}
.jsoneditor tr.jsoneditor-highlight {background:rgba(var(--white),0.15) !important;}
.jsoneditor tr.jsoneditor-selected {background:rgba(var(--yellow),0.15) !important;}
.jsoneditor .jsoneditor-dragarea {opacity: 0.3}
.jsoneditor td.jsoneditor-tree {vertical-align: middle !important;}
.jsoneditor td.jsoneditor-separator {vertical-align: middle !important;font-weight: 700}
.jsoneditor td.jsoneditor-tree .jsoneditor-field {font-weight: 700;color:rgba(var(--white));}
.jsoneditor td.jsoneditor-tree .jsoneditor-value.jsoneditor-boolean  {color:rgb(var(--purple))}
.jsoneditor td.jsoneditor-tree .jsoneditor-value.jsoneditor-object  {color:rgb(var(--white));}
.jsoneditor td.jsoneditor-tree .jsoneditor-value.jsoneditor-array {color:rgb(var(--grey));}
.jsoneditor td.jsoneditor-tree .jsoneditor-value.jsoneditor-number {color:rgb(var(--pink));filter:brightness(1.25);}
.jsoneditor td.jsoneditor-tree .jsoneditor-value.jsoneditor-string {color:rgb(var(--blue));filter:brightness(2);}
.jsoneditor-field[contenteditable='true']:hover, .jsoneditor-field[contenteditable='true']:focus,
.jsoneditor-value[contenteditable='true']:hover, .jsoneditor-value[contenteditable='true']:focus
	{border-color:transparent !important;background:rgba(255,255,255,0.10) !important;border-radius:5px !important;}
.jsoneditor-value.jsoneditor-object:hover, .jsoneditor-value.jsoneditor-object:focus,
.jsoneditor-value.jsoneditor-array:hover, .jsoneditor-value.jsoneditor-array:focus
	{background:transparent !important;}

/**/
.printModal{font-family:sans-serif;display:flex;text-align:center;font-weight:300;font-size:30px;left:0;top:0;position:absolute;color:#045fb4;width:100%;height:100%;background-color:hsla(0,0%,100%,.9)}.printClose{position:absolute;right:10px;top:10px}.printClose:before{content:"\00D7";font-family:Helvetica Neue,sans-serif;font-weight:100;line-height:1px;padding-top:.5em;display:block;font-size:2em;text-indent:1px;overflow:hidden;height:1.25em;width:1.25em;text-align:center;cursor:pointer}.printSpinner{margin-top:3px;margin-left:-40px;position:absolute;display:inline-block;width:25px;height:25px;border:2px solid #045fb4;border-radius:50%;animation:spin .75s linear infinite}.printSpinner:after,.printSpinner:before{left:-2px;top:-2px;display:none;position:absolute;content:"";width:inherit;height:inherit;border:inherit;border-radius:inherit}.printSpinner,.printSpinner:after,.printSpinner:before{display:inline-block;border-color:#045fb4 transparent transparent;animation-duration:1.2s}.printSpinner:before{transform:rotate(120deg)}.printSpinner:after{transform:rotate(240deg)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

/**/
.ui.speakers {display:flex;justify-content:center;position:fixed;z-index:9999;bottom:0;right:0;left:0;}
.ui.speakers .ui.speaker {align-self:end;margin-left:calc(var(--speakerSize)/2);margin-right:calc(var(--speakerSize)/2);}
.ui.speakers .ui.speaker > img.avatar {width:var(--speakerSize);height:var(--speakerSize);object-fit:cover;border-radius:0 !important;-webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,.5));filter: drop-shadow(0px 0px 2px rgba(0,0,0,.5));}
.ui.speakers .ui.speaker > text {min-width:100px !important;max-width:300px !important;padding:5px 10px;line-height:1.5;font-size:18px;text-align: left;border-radius:7px;margin-bottom:-1em !important;box-shadow:0 0 10px rgba(0,0,0,0.5);border:none;}
.ui.speakers .ui.speaker > text name {display:block;font-weight:900;font-size:11px;}
.ui.speakers .ui.speaker > text::before {display:none !important;}

.ui.speakers.left {justify-content:start;}
.ui.speakers.right {justify-content:end;}

.ui.speakers .ui.speaker[gender='male'] > text {background:rgba(var(--blue),90%);color:rgba(var(--blueIn),100%);}
.ui.speakers .ui.speaker[gender='female'] > text {background:rgba(var(--pink),90%);color:rgba(var(--pinkIn),100%);}
.ui.speakers .ui.speaker[gender='nonbinary'] > text {background:rgba(var(--purple),90%);color:rgba(var(--purpleIn),100%);}

.ui.speakers.large .ui.speaker {margin-left:calc((var(--speakerSize)*1.5)/2);margin-right:calc((var(--speakerSize)*1.5)/2);}
.ui.speakers.large .ui.speaker > img.avatar {width:calc(var(--speakerSize)*1.5);height:calc(var(--speakerSize)*1.5);}

.ui.speakers.massive .ui.speaker {margin-left:calc((var(--speakerSize)*2.5)/2);margin-right:calc((var(--speakerSize)*2.5)/2);}
.ui.speakers.massive .ui.speaker > img.avatar {width:calc(var(--speakerSize)*2.5);height:calc(var(--speakerSize)*2.5);}

/**/
/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}


.sp-replacer {border-radius:5px;padding:0;}
.sp-replacer .sp-preview {border-radius:3px;border:none;overflow: hidden;margin:0;}
.sp-replacer.sp-active {border-radius:5px 5px 0 0;border-bottom-color: transparent;}
.sp-replacer .sp-dd {display: none}

.sp-container {border-radius:0 5px 5px 5px;margin-top:10px !important;}
.sp-container .sp-palette-container {border-right:none;}
.sp-container .sp-picker-container {border-left:none;}

/**/

.readmore[data-readmore][aria-expanded='false'] + [data-readmore-toggle] {
	
}

/**/

.the-pop {z-index:99999;position:fixed;bottom:0;left:60px;right:0;margin-bottom:calc(-1 * (500px - 60px));}
.the-pop.open {margin-bottom:0 !important;}
.the-pop .popbox {width:500px;height:500px;margin-top:-60px !important;border:none !important;box-shadow:0 0 20px rgba(0,0,0,20%) !important;}
.the-pop .popbox > .head.segment {height:60px;overflow:auto;display:flex;cursor:pointer;border-radius:1rem 1rem 0 0 !important;}
.the-pop .popbox > .head.segment .ui.header {align-self:center;flex-shrink:0;flex-grow:1;}
.the-pop .popbox > .body.segment {height:400px;overflow:auto;}
.the-pop .popbox > .foot.segment {height:50px;overflow:auto;}

.the-pop form.popbox > .body.segment {height:330px;}
.the-pop form.popbox > .foot.segment {height:120px;overflow:hidden;}
.the-pop form.popbox > .foot.segment > button {margin-bottom:5px;}

body.mobile .the-pop .popbox {width:100%;}

/**/

i.flag.bronze::before {
	background-image: url(../../../flag/etc/bronze);
	background-size: var(--flagSize);
}

i.flag.silver::before {
	background-image: url(../../../flag/etc/silver);
	background-size: var(--flagSize);
}

i.flag.gold::before {
	background-image: url(../../../flag/etc/gold);
	background-size: var(--flagSize);
}

i.flag.bitcoin::before {
	background-image: url(../../../flag/etc/bitcoin);
	background-size: var(--flagSize);
}

/**/

i.flag[class*='my-']::before { background-size: var(--flagSize); }

i.flag.my-sarawak::before
	{background-image: url(../../../flag/my/sarawak);}
i.flag.my-sabah::before
	{background-image: url(../../../flag/my/sabah);}
i.flag.my-johor::before
	{background-image: url(../../../flag/my/johor);}
i.flag.my-kedah::before
	{background-image: url(../../../flag/my/kedah);}
i.flag.my-kelantan::before
	{background-image: url(../../../flag/my/kelantan);}
i.flag.my-melaka::before, i.flag.my-malacca::before
	{background-image: url(../../../flag/my/melaka);}
i.flag.my-negeri-sembilan::before
	{background-image: url(../../../flag/my/negeri-sembilan);}
i.flag.my-pahang::before
	{background-image: url(../../../flag/my/pahang);}
i.flag.my-penang::before, i.flag.my-pulau-pinang::before
	{background-image: url(../../../flag/my/penang);}
i.flag.my-perak::before
	{background-image: url(../../../flag/my/perak);}
i.flag.my-perlis::before
	{background-image: url(../../../flag/my/perlis);}
i.flag.my-selangor::before
	{background-image: url(../../../flag/my/selangor);}
i.flag.my-terengganu::before
	{background-image: url(../../../flag/my/terengganu);}
i.flag.my-wilayah-persekutuan::before
	{background-image: url(../../../flag/my/wilayah-persekutuan);}
i.flag.my-wilayah-persekutuan-kuala-lumpur::before, i.flag.my-kuala-lumpur::before, i.flag.kuala-lumpur::before
	{background-image: url(../../../flag/my/wilayah-persekutuan-kuala-lumpur);background-size: var(--flagSize);}
i.flag.my-wilayah-persekutuan-labuan::before, i.flag.my-labuan::before, i.flag.labuan::before
	{background-image: url(../../../flag/my/wilayah-persekutuan-labuan);background-size: var(--flagSize);}
i.flag.my-wilayah-persekutuan-putrajaya::before, i.flag.my-putrajaya::before, i.flag.putrajaya::before
	{background-image: url(../../..//flag/my/wilayah-persekutuan-putrajaya);background-size: var(--flagSize);}

/**/

blockquote {
	border-left: 5px solid #ccc;
	font-style: italic;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

i.icon.rounded {border-radius:.25em;}

i.icon.white {
	color: rgba(var(--white),1);
}
i.icon.pearl {
	color: rgba(var(--pearl),1);
}
i.icon.platinum {
	color: rgba(var(--platinum),1);
}
i.icon.bronze {
	color: rgba(var(--bronze),1);
}
i.icon.silver {
	color: rgba(var(--silver),1);
}
i.icon.gold {
	color: rgba(var(--gold),1);
}
i.icon.iron {
	color: rgba(var(--iron),1);
}
/**/
.ui.text.white {
	color: rgba(var(--white),1);
}
.ui.text.pearl {
	color: rgba(var(--pearl),1);
}
.ui.text.diamond {
	color: rgba(var(--diamond),1);
}
.ui.text.platinum {
	color: rgba(var(--platinum),1);
}
.ui.text.bronze {
	color: rgba(var(--bronze),1);
}
.ui.text.silver {
	color: rgba(var(--silver),1);
}
.ui.text.gold {
	color: rgba(var(--gold),1);
}
.ui.text.iron {
	color: rgba(var(--iron),1);
}
/**/
.ui.label.white {
	background-color: rgba(var(--white),1);
	color: rgba(var(--whiteIn),1);
}
.ui.label.pearl {
	background-color: rgba(var(--pearl),1);
	color: rgba(var(--pearlIn),1);
}
.ui.label.diamond {
	background-color: rgba(var(--diamond),1);
	color: rgba(var(--diamondIn),1);
}
.ui.label.platinum {
	background-color: rgba(var(--platinum),1);
	color: rgba(var(--platinumIn),1);
}
.ui.label.bronze {
	background-color: rgba(var(--bronze),1);
	color: rgba(var(--bronzeIn),1);
}
.ui.label.silver {
	background-color: rgba(var(--silver),1);
	color: rgba(var(--silverIn),1);
}
.ui.label.gold {
	background-color: rgba(var(--gold),1);
	color: rgba(var(--goldIn),1);
}
.ui.label.iron {
	background-color: rgba(var(--iron),1);
	color: rgba(var(--ironIn),1);
}
/**/
.ui.button.pearl {
	background-color: rgba(var(--pearl),1);
	color: rgba(var(--pearlIn),1);
}
.ui.button.diamond {
	background-color: rgba(var(--diamond),1);
	color: rgba(var(--diamondIn),1);
}
.ui.button.platinum {
	background-color: rgba(var(--platinum),1);
	color: rgba(var(--platinumIn),1);
}
.ui.button.bronze {
	background-color: rgba(var(--bronze),1);
	color: rgba(var(--bronzeIn),1);
}
.ui.button.silver {
	background-color: rgba(var(--silver),1);
	color: rgba(var(--silverIn),1);
}
.ui.button.gold {
	background-color: rgba(var(--gold),1);
	color: rgba(var(--goldIn),1);
}
.ui.button.iron {
	background-color: rgba(var(--iron),1);
	color: rgba(var(--ironIn),1);
}

/**/

.ui.segment.inverted.white {
	background-color: rgba(var(--white),1);
	border-color: rgba(var(--black),1);
	color: rgba(var(--whiteIn),1);
}

.ui.segment.inverted.pearl {
	background-color: rgba(var(--pearl),1);
	border-color: rgba(var(--black),1);
	color: rgba(var(--pearlIn),1);
}

.ui.segment.inverted.diamond {
	background-color: rgba(var(--diamond),1);
	border-color: rgba(var(--white),1);
	color: rgba(var(--diamondIn),1);
}

.ui.segment.inverted.platinum {
	background-color: rgba(var(--platinum),1);
	border-color: rgba(var(--white),1);
	color: rgba(var(--platinumIn),1);
}

.ui.segment.inverted.gold {
	background-color: rgba(var(--gold),1);
	border-color: rgba(var(--black),1);
	color: rgba(var(--goldIn),1);
}

.ui.segment.inverted.silver {
	background-color: rgba(var(--silver),1);
	border-color: rgba(var(--black),1);
	color: rgba(var(--silverIn),1);
}

.ui.segment.inverted.bronze {
	background-color: rgba(var(--bronze),1);
	border-color: rgba(var(--white),1);
	color: rgba(var(--bronzeIn),1);
}

.ui.segment.inverted.iron {
	background-color: rgba(var(--iron),1);
	border-color: rgba(var(--white),1);
	color: rgba(var(--ironIn),1);
}

.ui.segment.inverted.pearl .ui.header,
.ui.segment.inverted.diamond .ui.header,
.ui.segment.inverted.platinum .ui.header,
.ui.segment.inverted.gold .ui.header,
.ui.segment.inverted.silver .ui.header,
.ui.segment.inverted.bronze .ui.header,
.ui.segment.inverted.iron .ui.header {
	color: inherit;
}

.ui.segment.inverted.pearl .ui.header .sub.header,
.ui.segment.inverted.diamond .ui.header .sub.header,
.ui.segment.inverted.platinum .ui.header .sub.header,
.ui.segment.inverted.gold .ui.header .sub.header,
.ui.segment.inverted.silver .ui.header .sub.header,
.ui.segment.inverted.bronze .ui.header .sub.header,
.ui.segment.inverted.iron .ui.header .sub.header {
	color: inherit;
}

/**/


.ui.segment.thing {
	border-width: 1px 1px 4px 1px !important;
}
.ui.segment.thing.classic {
	border-width: 1px !important;
}
.ui.segment.thing > ::after {
	z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;background:white;
	display: block; content: ''; border-radius: inherit;
	display: block; content: ''; border-radius: inherit;
}
.ui.segment.thing.red {
	background-color: rgba(var(--red),10%);
	border-color: rgba(var(--red),1);
}
.ui.segment.thing.orange {
	background-color: rgba(var(--orange),10%);
	border-color: rgba(var(--orange),1);
}
.ui.segment.thing.yellow {
	background-color: rgba(var(--yellow),10%);
	border-color: rgba(var(--yellow),1);
}
.ui.segment.thing.olive {
	background-color: rgba(var(--olive),10%);
	border-color: rgba(var(--olive),1);
}
.ui.segment.thing.green {
	background-color: rgba(var(--green),10%);
	border-color: rgba(var(--green),1);
}
.ui.segment.thing.teal {
	background-color: rgba(var(--teal),10%);
	border-color: rgba(var(--teal),1);
}
.ui.segment.thing.blue {
	background-color: rgba(var(--blue),10%);
	border-color: rgba(var(--blue),1);
}
.ui.segment.thing.violet {
	background-color: rgba(var(--violet),10%);
	border-color: rgba(var(--violet),1);
}
.ui.segment.thing.purple {
	background-color: rgba(var(--purple),10%);
	border-color: rgba(var(--purple),1);
}
.ui.segment.thing.pink {
	background-color: rgba(var(--pink),10%);
	border-color: rgba(var(--pink),1);
}
.ui.segment.thing.brown {
	background-color: rgba(var(--brown),10%);
	border-color: rgba(var(--brown),1);
}
.ui.segment.thing.grey {
	background-color: rgba(var(--grey),10%);
	border-color: rgba(var(--grey),1);
}
.ui.segment.thing.black {
	background-color: rgba(var(--black),10%);
	border-color: rgba(var(--black),1);
}
.ui.segment.thing.pearl {
	background-color: rgba(var(--pearl),1);
	border-color: rgba(var(--pearl),1);
}
.ui.segment.thing.platinum {
	background-color: rgba(var(--platinum),10%);
	border-color: rgba(var(--platinum),1);
}
.ui.segment.thing.bronze {
	background-color: rgba(var(--bronze),10%);
	border-color: rgba(var(--bronze),1);
}
.ui.segment.thing.silver {
	background-color: rgba(var(--silver),10%);
	border-color: rgba(var(--silver),1);
}
.ui.segment.thing.gold {
	background-color: rgba(var(--gold),10%);
	border-color: rgba(var(--gold),1);
}
.ui.segment.thing.iron {
	background-color: rgba(var(--iron),10%);
	border-color: rgba(var(--iron),1);
}