/* ---------------------------------------------------*
													  
		       Generate Your Custom Color					  
													      	            	            	           
------------------------------------------------------*/
/*----------------------------------------------
  -------- Specimens of - flatgold - Grid ------- 
  ----------------------------------------------*/

 .ui.grid > .row > .flatgold.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ui.grid > .flatgold.row,
.ui.grid > .flatgold.column,
.ui.grid > .row > .flatgold.column {
  background-color: #a38528 !important;
  color: #ffffff;
}
/*----------------------------------------------
  ------ Specimens of - flatgold - Segment ------ 
  ----------------------------------------------*/

 .ui.flatgold.segment:not(.inverted) {
  border-top: 2px solid #a38528;
}
.ui.inverted.flatgold.segment {
  background-color: #a38528 !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  -------- Specimens of - flatgold - Icon ------- 
  ----------------------------------------------*/

 i.flatgold.icon {
  color: #a38528 !important;
}
i.inverted.flatgold.icon {
  color: #b7962d !important;
}
i.bordered.flatgold.icon,
i.circular.flatgold.icon {
  background-color: #a38528 !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  ------- Specimens of - flatgold - Table ------- 
  ----------------------------------------------*/

 .ui.flatgold.table {
  border-top: 0.2em solid #a38528;
}
/* Inverted */
.ui.inverted.flatgold.table {
  background-color: #a38528 !important;
  color: #ffffff !important;
}
.ui.flatgold.progress .bar {
  background-color: #a38528;
}
.ui.inverted.flatgold.progress .bar {
  background-color: #b7962d;
}
/*----------------------------------------------
  ------- Specimens of - flatgold - Dimmer ------ 
  ----------------------------------------------*/

 .blurring.dimmable > .dimmer {
  background-color: rgba(163, 133, 40, 0.6);
}
.blurring.dimmable > .ui.inverted.flatgold.dimmer {
  background-color: rgba(163, 133, 40, 0.6);
}
.ui.flatgold.dimmer {
  background-color: rgba(163, 133, 40, 0.6) !important;
  color: #94771e !important;
}
.ui.flatgold.dimmer > .content > * {
  color: #94771e !important;
}
/*----------------------------------------------
  ------- Specimens of - flatgold - Label ------- 
  ----------------------------------------------*/

 .ui.flatgold.labels .label,
.ui.flatgold.label {
  background-color: #a38528 !important;
  border-color: #a38528 !important;
  color: #ffffff !important;
}
/* Link */
.ui.flatgold.labels .label:hover,
a.ui.flatgold.label:hover {
  background-color: #94771e !important;
  border-color: #94771e !important;
  color: #ffffff !important;
}
/* Corner */
.ui.flatgold.corner.label,
.ui.flatgold.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.flatgold.ribbon.label {
  border-color: #7a641e !important;
}
/* Basic */
.ui.flatgold.basic.label {
  background-color: #ffffff !important;
  color: #a38528 !important;
  border-color: #a38528 !important;
}
.ui.flatgold.labels a.label:hover,
a.ui.flatgold.basic.label:hover {
  background-color: #ffffff !important;
  color: #94771e !important;
  border-color: #94771e !important;
}
/*----------------------------------------------
  ------ Specimens of - flatgold - Button ------- 
  ----------------------------------------------*/

 .ui.flatgold.buttons .button,
.ui.flatgold.button {
  background-color: #a38528;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.ui.flatgold.button {
  box-shadow: 0px 0em 0px 0px rgba(163, 133, 40, 0.15) inset;
}
.ui.flatgold.buttons .button:hover,
.ui.flatgold.button:hover {
  background-color: #94771e;
  color: #ffffff;
  text-shadow: none;
}
.ui.flatgold.buttons .button:focus,
.ui.flatgold.button:focus {
  background-color: #8c6f16;
  color: #ffffff;
  text-shadow: none;
}
.ui.flatgold.buttons .button:active,
.ui.flatgold.button:active {
  background-color: #7a641e;
  color: #ffffff;
  text-shadow: none;
}
.ui.flatgold.buttons .active.button,
.ui.flatgold.buttons .active.button:active,
.ui.flatgold.button.active,
.ui.flatgold.button .active.button:active {
  background-color: #97781b;
  color: #ffffff;
  text-shadow: none;
}
/* Basic */
.ui.basic.flatgold.buttons .button,
.ui.basic.flatgold.button {
  box-shadow: 0px 0px 0px 1px #a38528 inset !important;
  color: #a38528 !important;
}
.ui.basic.flatgold.buttons .button:hover,
.ui.basic.flatgold.button.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #94771e inset !important;
  color: #94771e !important;
}
.ui.basic.flatgold.buttons .button:focus,
.ui.basic.flatgold.button.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #8c6f16 inset !important;
  color: #94771e !important;
}
.ui.basic.flatgold.buttons .active.button,
.ui.basic.flatgold.button.button.active {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #97781b inset !important;
  color: #7a641e !important;
}
.ui.basic.flatgold.buttons .button:active,
.ui.basic.flatgold.button.button:active {
  box-shadow: 0px 0px 0px 1px #7a641e inset !important;
  color: #7a641e !important;
}
.ui.buttons:not(.vertical) > .basic.flatgold.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.flatgold.buttons .button,
.ui.inverted.flatgold.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(163, 133, 40, 0.1) inset !important;
  color: rgba(163, 133, 40, 0.1) !important;
}
.ui.inverted.flatgold.buttons .button:hover,
.ui.inverted.flatgold.button:hover,
.ui.inverted.flatgold.buttons .button:focus,
.ui.inverted.flatgold.button:focus,
.ui.inverted.flatgold.buttons .button.active,
.ui.inverted.flatgold.button.active,
.ui.inverted.flatgold.buttons .button:active,
.ui.inverted.flatgold.button:active {
  box-shadow: none !important;
  color: #ffffff !important;
}
.ui.inverted.flatgold.buttons .button:hover,
.ui.inverted.flatgold.button:hover {
  background-color: rgba(148, 119, 30, 0.1);
}
.ui.inverted.flatgold.buttons .button:focus,
.ui.inverted.flatgold.button:focus {
  background-color: rgba(140, 111, 22, 0.1);
}
.ui.inverted.flatgold.buttons .active.button,
.ui.inverted.flatgold.button.active {
  background-color: rgba(151, 120, 27, 0.1);
}
.ui.inverted.flatgold.buttons .button:active,
.ui.inverted.flatgold.button:active {
  background-color: rgba(122, 100, 30, 0.1);
}
/* Inverted Basic */
.ui.inverted.flatgold.basic.buttons .button,
.ui.inverted.flatgold.buttons .basic.button,
.ui.inverted.flatgold.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #ffffff !important;
}
.ui.inverted.flatgold.basic.buttons .button:hover,
.ui.inverted.flatgold.buttons .basic.button:hover,
.ui.inverted.flatgold.basic.button:hover {
  box-shadow: 0px 0px 0px 2px rgba(148, 119, 30, 0.1) inset !important;
  color: rgba(163, 133, 40, 0.1) !important;
}
.ui.inverted.flatgold.basic.buttons .button:focus,
.ui.inverted.flatgold.basic.buttons .button:focus,
.ui.inverted.flatgold.basic.button:focus {
  box-shadow: 0px 0px 0px 2px rgba(140, 111, 22, 0.1) inset !important;
  color: rgba(163, 133, 40, 0.1) !important;
}
.ui.inverted.flatgold.basic.buttons .active.button,
.ui.inverted.flatgold.buttons .basic.active.button,
.ui.inverted.flatgold.basic.button.active {
  box-shadow: 0px 0px 0px 2px rgba(151, 120, 27, 0.1) inset !important;
  color: rgba(163, 133, 40, 0.1) !important;
}
.ui.inverted.flatgold.basic.buttons .button:active,
.ui.inverted.flatgold.buttons .basic.button:active,
.ui.inverted.flatgold.basic.button:active {
  box-shadow: 0px 0px 0px 2px rgba(122, 100, 30, 0.1) inset !important;
  color: rgba(163, 133, 40, 0.1) !important;
}
/*----------------------------------------------
  ------- Specimens of - flatgold - Card -------- 
  ----------------------------------------------*/

 .ui.flatgold.cards > .card,
.ui.cards > .flatgold.card,
.ui.flatgold.card {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a38528, 0px 1px 3px 0px #d4d4d5;
}
.ui.flatgold.cards > .card:hover,
.ui.cards > .flatgold.card:hover,
.ui.flatgold.card:hover {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #94771e, 0px 1px 3px 0px #bcbdbd;
}
/*----------------------------------------------
  ------ Specimens of - flatgold - Message ------ 
  ----------------------------------------------*/

 .ui.flatgold.message {
  background-color: #b7962d;
  color: #665319;
  box-shadow: 0px 0px 0px 1px #a38528 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.flatgold.message .header {
  color: #8f7423;
}
/*----------------------------------------------
  ------- Specimens of - flatgold - Header ------ 
  ----------------------------------------------*/

 .ui.flatgold.header {
  color: #a38528 !important;
}
a.ui.flatgold.header:hover {
  color: #94771e !important;
}
.ui.dividing.flatgold.header {
  border-bottom: 2px solid #a38528;
}
/* Inverted */
.ui.inverted.flatgold.header {
  color: #b7962d !important;
}
a.ui.inverted.flatgold.header:hover {
  color: #a98822 !important;
}
/*----------------------------------------------
  ------- Specimens of - flatgold - Menu -------- 
  ----------------------------------------------*/

 .ui.menu .flatgold.active.item,
.ui.flatgold.menu .active.item {
  border-color: #a38528 !important;
  color: #a38528 !important;
}
.ui.inverted.menu .flatgold.active.item,
.ui.inverted.flatgold.menu {
  background-color: #a38528 !important;
}
.ui.inverted.flatgold.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.flatgold.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/*----------------------------------------------
  -------- Specimens of - concrete - Grid ------- 
  ----------------------------------------------*/

 .ui.grid > .row > .concrete.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ui.grid > .concrete.row,
.ui.grid > .concrete.column,
.ui.grid > .row > .concrete.column {
  background-color: #546e7a !important;
  color: #ffffff;
}
/*----------------------------------------------
  ------ Specimens of - concrete - Segment ------ 
  ----------------------------------------------*/

 .ui.concrete.segment:not(.inverted) {
  border-top: 2px solid #546e7a;
}
.ui.inverted.concrete.segment {
  background-color: #546e7a !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  -------- Specimens of - concrete - Icon ------- 
  ----------------------------------------------*/

 i.concrete.icon {
  color: #546e7a !important;
}
i.inverted.concrete.icon {
  color: #546e7a !important;
}
i.bordered.concrete.icon,
i.circular.concrete.icon {
  background-color: #546e7a !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  ------- Specimens of - concrete - Table ------- 
  ----------------------------------------------*/

 .ui.concrete.table {
  border-top: 0.2em solid #546e7a;
}
/* Inverted */
.ui.inverted.concrete.table {
  background-color: #546e7a !important;
  color: #ffffff !important;
}
.ui.concrete.progress .bar {
  background-color: #546e7a;
}
.ui.inverted.concrete.progress .bar {
  background-color: #546e7a;
}
/*----------------------------------------------
  ------- Specimens of - concrete - Dimmer ------ 
  ----------------------------------------------*/

 .blurring.dimmable > .dimmer {
  background-color: rgba(178, 188, 175, 0.6);
}
.blurring.dimmable > .ui.inverted.concrete.dimmer {
  background-color: rgba(178, 188, 175, 0.6);
}
.ui.concrete.dimmer {
  background-color: rgba(178, 188, 175, 0.6) !important;
  color: #a4b1a0 !important;
}
.ui.concrete.dimmer > .content > * {
  color: #a4b1a0 !important;
}
/*----------------------------------------------
  ------- Specimens of - concrete - Label ------- 
  ----------------------------------------------*/

 .ui.concrete.labels .label,
.ui.concrete.label {
  background-color: #546e7a !important;
  border-color: #546e7a !important;
  color: #ffffff !important;
}
/* Link */
.ui.concrete.labels .label:hover,
a.ui.concrete.label:hover {
  background-color: #a4b1a0 !important;
  border-color: #a4b1a0 !important;
  color: #ffffff !important;
}
/* Corner */
.ui.concrete.corner.label,
.ui.concrete.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.concrete.ribbon.label {
  border-color: #97a593 !important;
}
/* Basic */
.ui.concrete.basic.label {
  background-color: #ffffff !important;
  color: #546e7a !important;
  border-color: #546e7a !important;
}
.ui.concrete.labels a.label:hover,
a.ui.concrete.basic.label:hover {
  background-color: #ffffff !important;
  color: #a4b1a0 !important;
  border-color: #a4b1a0 !important;
}
/*----------------------------------------------
  ------ Specimens of - concrete - Button ------- 
  ----------------------------------------------*/

 .ui.concrete.buttons .button,
.ui.concrete.button {
  background-color: #546e7a;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.ui.concrete.button {
  box-shadow: 0px 0em 0px 0px rgba(178, 188, 175, 0.15) inset;
}
.ui.concrete.buttons .button:hover,
.ui.concrete.button:hover {
  background-color: #a4b1a0;
  color: #ffffff;
  text-shadow: none;
}
.ui.concrete.buttons .button:focus,
.ui.concrete.button:focus {
  background-color: #9cab97;
  color: #ffffff;
  text-shadow: none;
}
.ui.concrete.buttons .button:active,
.ui.concrete.button:active {
  background-color: #97a593;
  color: #ffffff;
  text-shadow: none;
}
.ui.concrete.buttons .active.button,
.ui.concrete.buttons .active.button:active,
.ui.concrete.button.active,
.ui.concrete.button .active.button:active {
  background-color: #a4b2a0;
  color: #ffffff;
  text-shadow: none;
}
/* Basic */
.ui.basic.concrete.buttons .button,
.ui.basic.concrete.button {
  box-shadow: 0px 0px 0px 1px #b2bcaf inset !important;
  color: #546e7a !important;
}
.ui.basic.concrete.buttons .button:hover,
.ui.basic.concrete.button.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #a4b1a0 inset !important;
  color: #a4b1a0 !important;
}
.ui.basic.concrete.buttons .button:focus,
.ui.basic.concrete.button.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #9cab97 inset !important;
  color: #a4b1a0 !important;
}
.ui.basic.concrete.buttons .active.button,
.ui.basic.concrete.button.button.active {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #a4b2a0 inset !important;
  color: #97a593 !important;
}
.ui.basic.concrete.buttons .button:active,
.ui.basic.concrete.button.button:active {
  box-shadow: 0px 0px 0px 1px #97a593 inset !important;
  color: #97a593 !important;
}
.ui.buttons:not(.vertical) > .basic.concrete.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.concrete.buttons .button,
.ui.inverted.concrete.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(178, 188, 175, 0.1) inset !important;
  color: rgba(178, 188, 175, 0.1) !important;
}
.ui.inverted.concrete.buttons .button:hover,
.ui.inverted.concrete.button:hover,
.ui.inverted.concrete.buttons .button:focus,
.ui.inverted.concrete.button:focus,
.ui.inverted.concrete.buttons .button.active,
.ui.inverted.concrete.button.active,
.ui.inverted.concrete.buttons .button:active,
.ui.inverted.concrete.button:active {
  box-shadow: none !important;
  color: #ffffff !important;
}
.ui.inverted.concrete.buttons .button:hover,
.ui.inverted.concrete.button:hover {
  background-color: rgba(164, 177, 160, 0.1);
}
.ui.inverted.concrete.buttons .button:focus,
.ui.inverted.concrete.button:focus {
  background-color: rgba(156, 171, 151, 0.1);
}
.ui.inverted.concrete.buttons .active.button,
.ui.inverted.concrete.button.active {
  background-color: rgba(164, 178, 160, 0.1);
}
.ui.inverted.concrete.buttons .button:active,
.ui.inverted.concrete.button:active {
  background-color: rgba(151, 165, 147, 0.1);
}
/* Inverted Basic */
.ui.inverted.concrete.basic.buttons .button,
.ui.inverted.concrete.buttons .basic.button,
.ui.inverted.concrete.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #ffffff !important;
}
.ui.inverted.concrete.basic.buttons .button:hover,
.ui.inverted.concrete.buttons .basic.button:hover,
.ui.inverted.concrete.basic.button:hover {
  box-shadow: 0px 0px 0px 2px rgba(164, 177, 160, 0.1) inset !important;
  color: rgba(178, 188, 175, 0.1) !important;
}
.ui.inverted.concrete.basic.buttons .button:focus,
.ui.inverted.concrete.basic.buttons .button:focus,
.ui.inverted.concrete.basic.button:focus {
  box-shadow: 0px 0px 0px 2px rgba(156, 171, 151, 0.1) inset !important;
  color: rgba(178, 188, 175, 0.1) !important;
}
.ui.inverted.concrete.basic.buttons .active.button,
.ui.inverted.concrete.buttons .basic.active.button,
.ui.inverted.concrete.basic.button.active {
  box-shadow: 0px 0px 0px 2px rgba(164, 178, 160, 0.1) inset !important;
  color: rgba(178, 188, 175, 0.1) !important;
}
.ui.inverted.concrete.basic.buttons .button:active,
.ui.inverted.concrete.buttons .basic.button:active,
.ui.inverted.concrete.basic.button:active {
  box-shadow: 0px 0px 0px 2px rgba(151, 165, 147, 0.1) inset !important;
  color: rgba(178, 188, 175, 0.1) !important;
}
/*----------------------------------------------
  ------- Specimens of - concrete - Card -------- 
  ----------------------------------------------*/

 .ui.concrete.cards > .card,
.ui.cards > .concrete.card,
.ui.concrete.card {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #b2bcaf, 0px 1px 3px 0px #d4d4d5;
}
.ui.concrete.cards > .card:hover,
.ui.cards > .concrete.card:hover,
.ui.concrete.card:hover {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #a4b1a0, 0px 1px 3px 0px #bcbdbd;
}
/*----------------------------------------------
  ------ Specimens of - concrete - Message ------ 
  ----------------------------------------------*/

 .ui.concrete.message {
  background-color: #bfc8bd;
  color: #8a9985;
  box-shadow: 0px 0px 0px 1px #546e7a inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.concrete.message .header {
  color: #a5b0a1;
}
/*----------------------------------------------
  ------- Specimens of - concrete - Header ------ 
  ----------------------------------------------*/

 .ui.concrete.header {
  color: #546e7a !important;
}
a.ui.concrete.header:hover {
  color: #a4b1a0 !important;
}
.ui.dividing.concrete.header {
  border-bottom: 2px solid #546e7a;
}
/* Inverted */
.ui.inverted.concrete.header {
  color: #bfc8bd !important;
}
a.ui.inverted.concrete.header:hover {
  color: #b2bdae !important;
}
/*----------------------------------------------
  ------- Specimens of - concrete - Menu -------- 
  ----------------------------------------------*/

 .ui.menu .concrete.active.item,
.ui.concrete.menu .active.item {
  border-color: #546e7a !important;
  color: #546e7a !important;
}
.ui.inverted.menu .concrete.active.item,
.ui.inverted.concrete.menu {
  background-color: #546e7a !important;
}
.ui.inverted.concrete.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.concrete.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/*----------------------------------------------
  -------- Specimens of - darkgreen - Grid ------- 
  ----------------------------------------------*/

 .ui.grid > .row > .darkgreen.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ui.grid > .darkgreen.row,
.ui.grid > .darkgreen.column,
.ui.grid > .row > .darkgreen.column {
  background-color: #46411b !important;
  color: #ffffff;
}
/*----------------------------------------------
  ------ Specimens of - darkgreen - Segment ------ 
  ----------------------------------------------*/

 .ui.darkgreen.segment:not(.inverted) {
  border-top: 2px solid #46411b;
}
.ui.inverted.darkgreen.segment {
  background-color: #46411b !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  -------- Specimens of - darkgreen - Icon ------- 
  ----------------------------------------------*/

 i.darkgreen.icon {
  color: #46411b !important;
}
i.inverted.darkgreen.icon {
  color: #585222 !important;
}
i.bordered.darkgreen.icon,
i.circular.darkgreen.icon {
  background-color: #46411b !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  ------- Specimens of - darkgreen - Table ------- 
  ----------------------------------------------*/

 .ui.darkgreen.table {
  border-top: 0.2em solid #46411b;
}
/* Inverted */
.ui.inverted.darkgreen.table {
  background-color: #46411b !important;
  color: #ffffff !important;
}
.ui.darkgreen.progress .bar {
  background-color: #46411b;
}
.ui.inverted.darkgreen.progress .bar {
  background-color: #585222;
}
/*----------------------------------------------
  ------- Specimens of - darkgreen - Dimmer ------ 
  ----------------------------------------------*/

 .blurring.dimmable > .dimmer {
  background-color: rgba(70, 65, 27, 0.6);
}
.blurring.dimmable > .ui.inverted.darkgreen.dimmer {
  background-color: rgba(70, 65, 27, 0.6);
}
.ui.darkgreen.dimmer {
  background-color: rgba(70, 65, 27, 0.6) !important;
  color: #353112 !important;
}
.ui.darkgreen.dimmer > .content > * {
  color: #353112 !important;
}
/*----------------------------------------------
  ------- Specimens of - darkgreen - Label ------- 
  ----------------------------------------------*/

 .ui.darkgreen.labels .label,
.ui.darkgreen.label {
  background-color: #46411b !important;
  border-color: #46411b !important;
  color: #ffffff !important;
}
/* Link */
.ui.darkgreen.labels .label:hover,
a.ui.darkgreen.label:hover {
  background-color: #353112 !important;
  border-color: #353112 !important;
  color: #ffffff !important;
}
/* Corner */
.ui.darkgreen.corner.label,
.ui.darkgreen.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.darkgreen.ribbon.label {
  border-color: #211f0d !important;
}
/* Basic */
.ui.darkgreen.basic.label {
  background-color: #ffffff !important;
  color: #46411b !important;
  border-color: #46411b !important;
}
.ui.darkgreen.labels a.label:hover,
a.ui.darkgreen.basic.label:hover {
  background-color: #ffffff !important;
  color: #353112 !important;
  border-color: #353112 !important;
}
/*----------------------------------------------
  ------ Specimens of - darkgreen - Button ------- 
  ----------------------------------------------*/

 .ui.darkgreen.buttons .button,
.ui.darkgreen.button {
  background-color: #46411b;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.ui.darkgreen.button {
  box-shadow: 0px 0em 0px 0px rgba(70, 65, 27, 0.15) inset;
}
.ui.darkgreen.buttons .button:hover,
.ui.darkgreen.button:hover {
  background-color: #353112;
  color: #ffffff;
  text-shadow: none;
}
.ui.darkgreen.buttons .button:focus,
.ui.darkgreen.button:focus {
  background-color: #2b280d;
  color: #ffffff;
  text-shadow: none;
}
.ui.darkgreen.buttons .button:active,
.ui.darkgreen.button:active {
  background-color: #211f0d;
  color: #ffffff;
  text-shadow: none;
}
.ui.darkgreen.buttons .active.button,
.ui.darkgreen.buttons .active.button:active,
.ui.darkgreen.button.active,
.ui.darkgreen.button .active.button:active {
  background-color: #363212;
  color: #ffffff;
  text-shadow: none;
}
/* Basic */
.ui.basic.darkgreen.buttons .button,
.ui.basic.darkgreen.button {
  box-shadow: 0px 0px 0px 1px #46411b inset !important;
  color: #46411b !important;
}
.ui.basic.darkgreen.buttons .button:hover,
.ui.basic.darkgreen.button.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #353112 inset !important;
  color: #353112 !important;
}
.ui.basic.darkgreen.buttons .button:focus,
.ui.basic.darkgreen.button.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #2b280d inset !important;
  color: #353112 !important;
}
.ui.basic.darkgreen.buttons .active.button,
.ui.basic.darkgreen.button.button.active {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #363212 inset !important;
  color: #211f0d !important;
}
.ui.basic.darkgreen.buttons .button:active,
.ui.basic.darkgreen.button.button:active {
  box-shadow: 0px 0px 0px 1px #211f0d inset !important;
  color: #211f0d !important;
}
.ui.buttons:not(.vertical) > .basic.darkgreen.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.darkgreen.buttons .button,
.ui.inverted.darkgreen.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(70, 65, 27, 0.1) inset !important;
  color: rgba(70, 65, 27, 0.1) !important;
}
.ui.inverted.darkgreen.buttons .button:hover,
.ui.inverted.darkgreen.button:hover,
.ui.inverted.darkgreen.buttons .button:focus,
.ui.inverted.darkgreen.button:focus,
.ui.inverted.darkgreen.buttons .button.active,
.ui.inverted.darkgreen.button.active,
.ui.inverted.darkgreen.buttons .button:active,
.ui.inverted.darkgreen.button:active {
  box-shadow: none !important;
  color: #ffffff !important;
}
.ui.inverted.darkgreen.buttons .button:hover,
.ui.inverted.darkgreen.button:hover {
  background-color: rgba(53, 49, 18, 0.1);
}
.ui.inverted.darkgreen.buttons .button:focus,
.ui.inverted.darkgreen.button:focus {
  background-color: rgba(43, 40, 13, 0.1);
}
.ui.inverted.darkgreen.buttons .active.button,
.ui.inverted.darkgreen.button.active {
  background-color: rgba(54, 50, 18, 0.1);
}
.ui.inverted.darkgreen.buttons .button:active,
.ui.inverted.darkgreen.button:active {
  background-color: rgba(33, 31, 13, 0.1);
}
/* Inverted Basic */
.ui.inverted.darkgreen.basic.buttons .button,
.ui.inverted.darkgreen.buttons .basic.button,
.ui.inverted.darkgreen.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #ffffff !important;
}
.ui.inverted.darkgreen.basic.buttons .button:hover,
.ui.inverted.darkgreen.buttons .basic.button:hover,
.ui.inverted.darkgreen.basic.button:hover {
  box-shadow: 0px 0px 0px 2px rgba(53, 49, 18, 0.1) inset !important;
  color: rgba(70, 65, 27, 0.1) !important;
}
.ui.inverted.darkgreen.basic.buttons .button:focus,
.ui.inverted.darkgreen.basic.buttons .button:focus,
.ui.inverted.darkgreen.basic.button:focus {
  box-shadow: 0px 0px 0px 2px rgba(43, 40, 13, 0.1) inset !important;
  color: rgba(70, 65, 27, 0.1) !important;
}
.ui.inverted.darkgreen.basic.buttons .active.button,
.ui.inverted.darkgreen.buttons .basic.active.button,
.ui.inverted.darkgreen.basic.button.active {
  box-shadow: 0px 0px 0px 2px rgba(54, 50, 18, 0.1) inset !important;
  color: rgba(70, 65, 27, 0.1) !important;
}
.ui.inverted.darkgreen.basic.buttons .button:active,
.ui.inverted.darkgreen.buttons .basic.button:active,
.ui.inverted.darkgreen.basic.button:active {
  box-shadow: 0px 0px 0px 2px rgba(33, 31, 13, 0.1) inset !important;
  color: rgba(70, 65, 27, 0.1) !important;
}
/*----------------------------------------------
  ------- Specimens of - darkgreen - Card -------- 
  ----------------------------------------------*/

 .ui.darkgreen.cards > .card,
.ui.cards > .darkgreen.card,
.ui.darkgreen.card {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #46411b, 0px 1px 3px 0px #d4d4d5;
}
.ui.darkgreen.cards > .card:hover,
.ui.cards > .darkgreen.card:hover,
.ui.darkgreen.card:hover {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #353112, 0px 1px 3px 0px #bcbdbd;
}
/*----------------------------------------------
  ------ Specimens of - darkgreen - Message ------ 
  ----------------------------------------------*/

 .ui.darkgreen.message {
  background-color: #585222;
  color: #0f0e06;
  box-shadow: 0px 0px 0px 1px #46411b inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.darkgreen.message .header {
  color: #343014;
}
/*----------------------------------------------
  ------- Specimens of - darkgreen - Header ------ 
  ----------------------------------------------*/

 .ui.darkgreen.header {
  color: #46411b !important;
}
a.ui.darkgreen.header:hover {
  color: #353112 !important;
}
.ui.dividing.darkgreen.header {
  border-bottom: 2px solid #46411b;
}
/* Inverted */
.ui.inverted.darkgreen.header {
  color: #585222 !important;
}
a.ui.inverted.darkgreen.header:hover {
  color: #484319 !important;
}
/*----------------------------------------------
  ------- Specimens of - darkgreen - Menu -------- 
  ----------------------------------------------*/

 .ui.menu .darkgreen.active.item,
.ui.darkgreen.menu .active.item {
  border-color: #46411b !important;
  color: #46411b !important;
}
.ui.inverted.menu .darkgreen.active.item,
.ui.inverted.darkgreen.menu {
  background-color: #46411b !important;
}
.ui.inverted.darkgreen.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.darkgreen.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/*----------------------------------------------
  -------- Specimens of - autumnbrown - Grid ------- 
  ----------------------------------------------*/

 .ui.grid > .row > .autumnbrown.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ui.grid > .autumnbrown.row,
.ui.grid > .autumnbrown.column,
.ui.grid > .row > .autumnbrown.column {
  background-color: #928688 !important;
  color: #ffffff;
}
/*----------------------------------------------
  ------ Specimens of - autumnbrown - Segment ------ 
  ----------------------------------------------*/

 .ui.autumnbrown.segment:not(.inverted) {
  border-top: 2px solid #928688;
}
.ui.inverted.autumnbrown.segment {
  background-color: #928688 !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  -------- Specimens of - autumnbrown - Icon ------- 
  ----------------------------------------------*/

 i.autumnbrown.icon {
  color: #928688 !important;
}
i.inverted.autumnbrown.icon {
  color: #9e9395 !important;
}
i.bordered.autumnbrown.icon,
i.circular.autumnbrown.icon {
  background-color: #928688 !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  ------- Specimens of - autumnbrown - Table ------- 
  ----------------------------------------------*/

 .ui.autumnbrown.table {
  border-top: 0.2em solid #928688;
}
/* Inverted */
.ui.inverted.autumnbrown.table {
  background-color: #928688 !important;
  color: #ffffff !important;
}
.ui.autumnbrown.progress .bar {
  background-color: #928688;
}
.ui.inverted.autumnbrown.progress .bar {
  background-color: #9e9395;
}
/*----------------------------------------------
  ------- Specimens of - autumnbrown - Dimmer ------ 
  ----------------------------------------------*/

 .blurring.dimmable > .dimmer {
  background-color: rgba(146, 134, 136, 0.6);
}
.blurring.dimmable > .ui.inverted.autumnbrown.dimmer {
  background-color: rgba(146, 134, 136, 0.6);
}
.ui.autumnbrown.dimmer {
  background-color: rgba(146, 134, 136, 0.6) !important;
  color: #87787a !important;
}
.ui.autumnbrown.dimmer > .content > * {
  color: #87787a !important;
}
/*----------------------------------------------
  ------- Specimens of - autumnbrown - Label ------- 
  ----------------------------------------------*/

 .ui.autumnbrown.labels .label,
.ui.autumnbrown.label {
  background-color: #928688 !important;
  border-color: #928688 !important;
  color: #ffffff !important;
}
/* Link */
.ui.autumnbrown.labels .label:hover,
a.ui.autumnbrown.label:hover {
  background-color: #87787a !important;
  border-color: #87787a !important;
  color: #ffffff !important;
}
/* Corner */
.ui.autumnbrown.corner.label,
.ui.autumnbrown.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.autumnbrown.ribbon.label {
  border-color: #786d6f !important;
}
/* Basic */
.ui.autumnbrown.basic.label {
  background-color: #ffffff !important;
  color: #928688 !important;
  border-color: #928688 !important;
}
.ui.autumnbrown.labels a.label:hover,
a.ui.autumnbrown.basic.label:hover {
  background-color: #ffffff !important;
  color: #87787a !important;
  border-color: #87787a !important;
}
/*----------------------------------------------
  ------ Specimens of - autumnbrown - Button ------- 
  ----------------------------------------------*/

 .ui.autumnbrown.buttons .button,
.ui.autumnbrown.button {
  background-color: #928688;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.ui.autumnbrown.button {
  box-shadow: 0px 0em 0px 0px rgba(146, 134, 136, 0.15) inset;
}
.ui.autumnbrown.buttons .button:hover,
.ui.autumnbrown.button:hover {
  background-color: #87787a;
  color: #ffffff;
  text-shadow: none;
}
.ui.autumnbrown.buttons .button:focus,
.ui.autumnbrown.button:focus {
  background-color: #7f7073;
  color: #ffffff;
  text-shadow: none;
}
.ui.autumnbrown.buttons .button:active,
.ui.autumnbrown.button:active {
  background-color: #786d6f;
  color: #ffffff;
  text-shadow: none;
}
.ui.autumnbrown.buttons .active.button,
.ui.autumnbrown.buttons .active.button:active,
.ui.autumnbrown.button.active,
.ui.autumnbrown.button .active.button:active {
  background-color: #87787a;
  color: #ffffff;
  text-shadow: none;
}
/* Basic */
.ui.basic.autumnbrown.buttons .button,
.ui.basic.autumnbrown.button {
  box-shadow: 0px 0px 0px 1px #928688 inset !important;
  color: #928688 !important;
}
.ui.basic.autumnbrown.buttons .button:hover,
.ui.basic.autumnbrown.button.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #87787a inset !important;
  color: #87787a !important;
}
.ui.basic.autumnbrown.buttons .button:focus,
.ui.basic.autumnbrown.button.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #7f7073 inset !important;
  color: #87787a !important;
}
.ui.basic.autumnbrown.buttons .active.button,
.ui.basic.autumnbrown.button.button.active {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #87787a inset !important;
  color: #786d6f !important;
}
.ui.basic.autumnbrown.buttons .button:active,
.ui.basic.autumnbrown.button.button:active {
  box-shadow: 0px 0px 0px 1px #786d6f inset !important;
  color: #786d6f !important;
}
.ui.buttons:not(.vertical) > .basic.autumnbrown.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.autumnbrown.buttons .button,
.ui.inverted.autumnbrown.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(146, 134, 136, 0.1) inset !important;
  color: rgba(146, 134, 136, 0.1) !important;
}
.ui.inverted.autumnbrown.buttons .button:hover,
.ui.inverted.autumnbrown.button:hover,
.ui.inverted.autumnbrown.buttons .button:focus,
.ui.inverted.autumnbrown.button:focus,
.ui.inverted.autumnbrown.buttons .button.active,
.ui.inverted.autumnbrown.button.active,
.ui.inverted.autumnbrown.buttons .button:active,
.ui.inverted.autumnbrown.button:active {
  box-shadow: none !important;
  color: #ffffff !important;
}
.ui.inverted.autumnbrown.buttons .button:hover,
.ui.inverted.autumnbrown.button:hover {
  background-color: rgba(135, 120, 122, 0.1);
}
.ui.inverted.autumnbrown.buttons .button:focus,
.ui.inverted.autumnbrown.button:focus {
  background-color: rgba(127, 112, 115, 0.1);
}
.ui.inverted.autumnbrown.buttons .active.button,
.ui.inverted.autumnbrown.button.active {
  background-color: rgba(135, 120, 122, 0.1);
}
.ui.inverted.autumnbrown.buttons .button:active,
.ui.inverted.autumnbrown.button:active {
  background-color: rgba(120, 109, 111, 0.1);
}
/* Inverted Basic */
.ui.inverted.autumnbrown.basic.buttons .button,
.ui.inverted.autumnbrown.buttons .basic.button,
.ui.inverted.autumnbrown.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #ffffff !important;
}
.ui.inverted.autumnbrown.basic.buttons .button:hover,
.ui.inverted.autumnbrown.buttons .basic.button:hover,
.ui.inverted.autumnbrown.basic.button:hover {
  box-shadow: 0px 0px 0px 2px rgba(135, 120, 122, 0.1) inset !important;
  color: rgba(146, 134, 136, 0.1) !important;
}
.ui.inverted.autumnbrown.basic.buttons .button:focus,
.ui.inverted.autumnbrown.basic.buttons .button:focus,
.ui.inverted.autumnbrown.basic.button:focus {
  box-shadow: 0px 0px 0px 2px rgba(127, 112, 115, 0.1) inset !important;
  color: rgba(146, 134, 136, 0.1) !important;
}
.ui.inverted.autumnbrown.basic.buttons .active.button,
.ui.inverted.autumnbrown.buttons .basic.active.button,
.ui.inverted.autumnbrown.basic.button.active {
  box-shadow: 0px 0px 0px 2px rgba(135, 120, 122, 0.1) inset !important;
  color: rgba(146, 134, 136, 0.1) !important;
}
.ui.inverted.autumnbrown.basic.buttons .button:active,
.ui.inverted.autumnbrown.buttons .basic.button:active,
.ui.inverted.autumnbrown.basic.button:active {
  box-shadow: 0px 0px 0px 2px rgba(120, 109, 111, 0.1) inset !important;
  color: rgba(146, 134, 136, 0.1) !important;
}
/*----------------------------------------------
  ------- Specimens of - autumnbrown - Card -------- 
  ----------------------------------------------*/

 .ui.autumnbrown.cards > .card,
.ui.cards > .autumnbrown.card,
.ui.autumnbrown.card {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #928688, 0px 1px 3px 0px #d4d4d5;
}
.ui.autumnbrown.cards > .card:hover,
.ui.cards > .autumnbrown.card:hover,
.ui.autumnbrown.card:hover {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #87787a, 0px 1px 3px 0px #bcbdbd;
}
/*----------------------------------------------
  ------ Specimens of - autumnbrown - Message ------ 
  ----------------------------------------------*/

 .ui.autumnbrown.message {
  background-color: #9e9395;
  color: #6b6062;
  box-shadow: 0px 0px 0px 1px #928688 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.autumnbrown.message .header {
  color: #86797b;
}
/*----------------------------------------------
  ------- Specimens of - autumnbrown - Header ------ 
  ----------------------------------------------*/

 .ui.autumnbrown.header {
  color: #928688 !important;
}
a.ui.autumnbrown.header:hover {
  color: #87787a !important;
}
.ui.dividing.autumnbrown.header {
  border-bottom: 2px solid #928688;
}
/* Inverted */
.ui.inverted.autumnbrown.header {
  color: #9e9395 !important;
}
a.ui.inverted.autumnbrown.header:hover {
  color: #938588 !important;
}
/*----------------------------------------------
  ------- Specimens of - autumnbrown - Menu -------- 
  ----------------------------------------------*/

 .ui.menu .autumnbrown.active.item,
.ui.autumnbrown.menu .active.item {
  border-color: #928688 !important;
  color: #928688 !important;
}
.ui.inverted.menu .autumnbrown.active.item,
.ui.inverted.autumnbrown.menu {
  background-color: #928688 !important;
}
.ui.inverted.autumnbrown.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.autumnbrown.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/*----------------------------------------------
  -------- Specimens of - darkblue - Grid ------- 
  ----------------------------------------------*/

 .ui.grid > .row > .darkblue.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ui.grid > .darkblue.row,
.ui.grid > .darkblue.column,
.ui.grid > .row > .darkblue.column {
  background-color: #01072b !important;
  color: #ffffff;
}
/*----------------------------------------------
  ------ Specimens of - darkblue - Segment ------ 
  ----------------------------------------------*/

 .ui.darkblue.segment:not(.inverted) {
  border-top: 2px solid #01072b;
}
.ui.inverted.darkblue.segment {
  background-color: #01072b !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  -------- Specimens of - darkblue - Icon ------- 
  ----------------------------------------------*/

 i.darkblue.icon {
  color: #01072b !important;
}
i.inverted.darkblue.icon {
  color: #01072b !important;
}
i.bordered.darkblue.icon,
i.circular.darkblue.icon {
  background-color: #01072b !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  ------- Specimens of - darkblue - Table ------- 
  ----------------------------------------------*/

 .ui.darkblue.table {
  border-top: 0.2em solid #01072b;
}
/* Inverted */
.ui.inverted.darkblue.table {
  background-color: #01072b !important;
  color: #ffffff !important;
}
.ui.darkblue.progress .bar {
  background-color: #01072b;
}
.ui.inverted.darkblue.progress .bar {
  background-color: #123448;
}
/*----------------------------------------------
  ------- Specimens of - darkblue - Dimmer ------ 
  ----------------------------------------------*/

 .blurring.dimmable > .dimmer {
  background-color: rgba(13, 37, 52, 0.6);
}
.blurring.dimmable > .ui.inverted.darkblue.dimmer {
  background-color: rgba(13, 37, 52, 0.6);
}
.ui.darkblue.dimmer {
  background-color: rgba(13, 37, 52, 0.6) !important;
  color: #071721 !important;
}
.ui.darkblue.dimmer > .content > * {
  color: #071721 !important;
}
/*----------------------------------------------
  ------- Specimens of - darkblue - Label ------- 
  ----------------------------------------------*/

 .ui.darkblue.labels .label,
.ui.darkblue.label {
  background-color: #01072b !important;
  border-color: #01072b !important;
  color: #ffffff !important;
}
/* Link */
.ui.darkblue.labels .label:hover,
a.ui.darkblue.label:hover {
  background-color: #071721 !important;
  border-color: #071721 !important;
  color: #ffffff !important;
}
/* Corner */
.ui.darkblue.corner.label,
.ui.darkblue.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.darkblue.ribbon.label {
  border-color: #03080b !important;
}
/* Basic */
.ui.darkblue.basic.label {
  background-color: #ffffff !important;
  color: #01072b !important;
  border-color: #01072b !important;
}
.ui.darkblue.labels a.label:hover,
a.ui.darkblue.basic.label:hover {
  background-color: #ffffff !important;
  color: #071721 !important;
  border-color: #071721 !important;
}
/*----------------------------------------------
  ------ Specimens of - darkblue - Button ------- 
  ----------------------------------------------*/

.ui.darkblue.buttons .button,
.ui.darkblue.button {
  background-color: #01072b;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.ui.darkblue.button {
  box-shadow: 0px 0em 0px 0px rgba(13, 37, 52, 0.15) inset;
}
.ui.darkblue.buttons .button:hover,
.ui.darkblue.button:hover {
  background-color: #071721;
  color: #ffffff;
  text-shadow: none;
}
.ui.darkblue.buttons .button:focus,
.ui.darkblue.button:focus {
  background-color: #030e15;
  color: #ffffff;
  text-shadow: none;
}
.ui.darkblue.buttons .button:active,
.ui.darkblue.button:active {
  background-color: #03080b;
  color: #ffffff;
  text-shadow: none;
}
.ui.darkblue.buttons .active.button,
.ui.darkblue.buttons .active.button:active,
.ui.darkblue.button.active,
.ui.darkblue.button .active.button:active {
  background-color: #061721;
  color: #ffffff;
  text-shadow: none;
}
/* Basic */
.ui.basic.darkblue.buttons .button,
.ui.basic.darkblue.button {
  box-shadow: 0px 0px 0px 1px #01072b inset !important;
  color: #01072b !important;
}
.ui.basic.darkblue.buttons .button:hover,
.ui.basic.darkblue.button.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #071721 inset !important;
  color: #071721 !important;
}
.ui.basic.darkblue.buttons .button:focus,
.ui.basic.darkblue.button.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #030e15 inset !important;
  color: #071721 !important;
}
.ui.basic.darkblue.buttons .active.button,
.ui.basic.darkblue.button.button.active {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #061721 inset !important;
  color: #03080b !important;
}
.ui.basic.darkblue.buttons .button:active,
.ui.basic.darkblue.button.button:active {
  box-shadow: 0px 0px 0px 1px #03080b inset !important;
  color: #03080b !important;
}
.ui.buttons:not(.vertical) > .basic.darkblue.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.darkblue.buttons .button,
.ui.inverted.darkblue.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(13, 37, 52, 0.1) inset !important;
  color: rgba(13, 37, 52, 0.1) !important;
}
.ui.inverted.darkblue.buttons .button:hover,
.ui.inverted.darkblue.button:hover,
.ui.inverted.darkblue.buttons .button:focus,
.ui.inverted.darkblue.button:focus,
.ui.inverted.darkblue.buttons .button.active,
.ui.inverted.darkblue.button.active,
.ui.inverted.darkblue.buttons .button:active,
.ui.inverted.darkblue.button:active {
  box-shadow: none !important;
  color: #ffffff !important;
}
.ui.inverted.darkblue.buttons .button:hover,
.ui.inverted.darkblue.button:hover {
  background-color: rgba(7, 23, 33, 0.1);
}
.ui.inverted.darkblue.buttons .button:focus,
.ui.inverted.darkblue.button:focus {
  background-color: rgba(3, 14, 21, 0.1);
}
.ui.inverted.darkblue.buttons .active.button,
.ui.inverted.darkblue.button.active {
  background-color: rgba(6, 23, 33, 0.1);
}
.ui.inverted.darkblue.buttons .button:active,
.ui.inverted.darkblue.button:active {
  background-color: rgba(3, 8, 11, 0.1);
}
/* Inverted Basic */
.ui.inverted.darkblue.basic.buttons .button,
.ui.inverted.darkblue.buttons .basic.button,
.ui.inverted.darkblue.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #ffffff !important;
}
.ui.inverted.darkblue.basic.buttons .button:hover,
.ui.inverted.darkblue.buttons .basic.button:hover,
.ui.inverted.darkblue.basic.button:hover {
  box-shadow: 0px 0px 0px 2px rgba(7, 23, 33, 0.1) inset !important;
  color: rgba(13, 37, 52, 0.1) !important;
}
.ui.inverted.darkblue.basic.buttons .button:focus,
.ui.inverted.darkblue.basic.buttons .button:focus,
.ui.inverted.darkblue.basic.button:focus {
  box-shadow: 0px 0px 0px 2px rgba(3, 14, 21, 0.1) inset !important;
  color: rgba(13, 37, 52, 0.1) !important;
}
.ui.inverted.darkblue.basic.buttons .active.button,
.ui.inverted.darkblue.buttons .basic.active.button,
.ui.inverted.darkblue.basic.button.active {
  box-shadow: 0px 0px 0px 2px rgba(6, 23, 33, 0.1) inset !important;
  color: rgba(13, 37, 52, 0.1) !important;
}
.ui.inverted.darkblue.basic.buttons .button:active,
.ui.inverted.darkblue.buttons .basic.button:active,
.ui.inverted.darkblue.basic.button:active {
  box-shadow: 0px 0px 0px 2px rgba(3, 8, 11, 0.1) inset !important;
  color: rgba(13, 37, 52, 0.1) !important;
}
/*----------------------------------------------
  ------- Specimens of - darkblue - Card -------- 
  ----------------------------------------------*/

 .ui.darkblue.cards > .card,
.ui.cards > .darkblue.card,
.ui.darkblue.card {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #01072b, 0px 1px 3px 0px #d4d4d5;
}
.ui.darkblue.cards > .card:hover,
.ui.cards > .darkblue.card:hover,
.ui.darkblue.card:hover {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #071721, 0px 1px 3px 0px #bcbdbd;
}
/*----------------------------------------------
  ------ Specimens of - darkblue - Message ------ 
  ----------------------------------------------*/

 .ui.darkblue.message {
  background-color: #123448;
  color: #000000;
  box-shadow: 0px 0px 0px 1px #01072b inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.darkblue.message .header {
  color: #081620;
}
/*----------------------------------------------
  ------- Specimens of - darkblue - Header ------ 
  ----------------------------------------------*/

 .ui.darkblue.header {
  color: #01072b !important;
}
a.ui.darkblue.header:hover {
  color: #071721 !important;
}
.ui.dividing.darkblue.header {
  border-bottom: 2px solid #01072b;
}
/* Inverted */
.ui.inverted.darkblue.header {
  color: #123448 !important;
}
a.ui.inverted.darkblue.header:hover {
  color: #0b2536 !important;
}
/*----------------------------------------------
  ------- Specimens of - darkblue - Menu -------- 
  ----------------------------------------------*/

 .ui.menu .darkblue.active.item,
.ui.darkblue.menu .active.item {
  border-color: #01072b !important;
  color: #01072b !important;
}
.ui.inverted.menu .darkblue.active.item,
.ui.inverted.darkblue.menu {
  background-color: #01072b !important;
}
.ui.inverted.darkblue.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.darkblue.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/*----------------------------------------------
  -------- Specimens of - litecream - Grid ------- 
  ----------------------------------------------*/

 .ui.grid > .row > .litecream.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ui.grid > .litecream.row,
.ui.grid > .litecream.column,
.ui.grid > .row > .litecream.column {
  background-color: #e9ebe6 !important;
  color: #ffffff;
}
/*----------------------------------------------
  ------ Specimens of - litecream - Segment ------ 
  ----------------------------------------------*/

 .ui.litecream.segment:not(.inverted) {
  border-top: 2px solid #e9ebe6;
}
.ui.inverted.litecream.segment {
  background-color: #e9ebe6 !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  -------- Specimens of - litecream - Icon ------- 
  ----------------------------------------------*/

 i.litecream.icon {
  color: #e9ebe6 !important;
}
i.inverted.litecream.icon {
  color: #f5f6f4 !important;
}
i.bordered.litecream.icon,
i.circular.litecream.icon {
  background-color: #e9ebe6 !important;
  color: #ffffff !important;
}
/*----------------------------------------------
  ------- Specimens of - litecream - Table ------- 
  ----------------------------------------------*/

 .ui.litecream.table {
  border-top: 0.2em solid #e9ebe6;
}
/* Inverted */
.ui.inverted.litecream.table {
  background-color: #e9ebe6 !important;
  color: #ffffff !important;
}
.ui.litecream.progress .bar {
  background-color: #e9ebe6;
}
.ui.inverted.litecream.progress .bar {
  background-color: #f5f6f4;
}
/*----------------------------------------------
  ------- Specimens of - litecream - Dimmer ------ 
  ----------------------------------------------*/

 .blurring.dimmable > .dimmer {
  background-color: rgba(233, 235, 230, 0.6);
}
.blurring.dimmable > .ui.inverted.litecream.dimmer {
  background-color: rgba(233, 235, 230, 0.6);
}
.ui.litecream.dimmer {
  background-color: rgba(233, 235, 230, 0.6) !important;
  color: #dde0d7 !important;
}
.ui.litecream.dimmer > .content > * {
  color: #dde0d7 !important;
}
/*----------------------------------------------
  ------- Specimens of - litecream - Label ------- 
  ----------------------------------------------*/

 .ui.litecream.labels .label,
.ui.litecream.label {
  background-color: #e9ebe6 !important;
  border-color: #e9ebe6 !important;
  color: #ffffff !important;
}
/* Link */
.ui.litecream.labels .label:hover,
a.ui.litecream.label:hover {
  background-color: #dde0d7 !important;
  border-color: #dde0d7 !important;
  color: #ffffff !important;
}
/* Corner */
.ui.litecream.corner.label,
.ui.litecream.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.litecream.ribbon.label {
  border-color: #d0d4ca !important;
}
/* Basic */
.ui.litecream.basic.label {
  background-color: #ffffff !important;
  color: #e9ebe6 !important;
  border-color: #e9ebe6 !important;
}
.ui.litecream.labels a.label:hover,
a.ui.litecream.basic.label:hover {
  background-color: #ffffff !important;
  color: #dde0d7 !important;
  border-color: #dde0d7 !important;
}
/*----------------------------------------------
  ------ Specimens of - litecream - Button ------- 
  ----------------------------------------------*/

 .ui.litecream.buttons .button,
.ui.litecream.button {
  background-color: #e9ebe6;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.ui.litecream.button {
  box-shadow: 0px 0em 0px 0px rgba(233, 235, 230, 0.15) inset;
}
.ui.litecream.buttons .button:hover,
.ui.litecream.button:hover {
  background-color: #dde0d7;
  color: #ffffff;
  text-shadow: none;
}
.ui.litecream.buttons .button:focus,
.ui.litecream.button:focus {
  background-color: #d5dace;
  color: #ffffff;
  text-shadow: none;
}
.ui.litecream.buttons .button:active,
.ui.litecream.button:active {
  background-color: #d0d4ca;
  color: #ffffff;
  text-shadow: none;
}
.ui.litecream.buttons .active.button,
.ui.litecream.buttons .active.button:active,
.ui.litecream.button.active,
.ui.litecream.button .active.button:active {
  background-color: #dde0d7;
  color: #ffffff;
  text-shadow: none;
}
/* Basic */
.ui.basic.litecream.buttons .button,
.ui.basic.litecream.button {
  box-shadow: 0px 0px 0px 1px #e9ebe6 inset !important;
  color: #e9ebe6 !important;
}
.ui.basic.litecream.buttons .button:hover,
.ui.basic.litecream.button.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #dde0d7 inset !important;
  color: #dde0d7 !important;
}
.ui.basic.litecream.buttons .button:focus,
.ui.basic.litecream.button.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #d5dace inset !important;
  color: #dde0d7 !important;
}
.ui.basic.litecream.buttons .active.button,
.ui.basic.litecream.button.button.active {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #dde0d7 inset !important;
  color: #d0d4ca !important;
}
.ui.basic.litecream.buttons .button:active,
.ui.basic.litecream.button.button:active {
  box-shadow: 0px 0px 0px 1px #d0d4ca inset !important;
  color: #d0d4ca !important;
}
.ui.buttons:not(.vertical) > .basic.litecream.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.litecream.buttons .button,
.ui.inverted.litecream.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(233, 235, 230, 0.1) inset !important;
  color: rgba(233, 235, 230, 0.1) !important;
}
.ui.inverted.litecream.buttons .button:hover,
.ui.inverted.litecream.button:hover,
.ui.inverted.litecream.buttons .button:focus,
.ui.inverted.litecream.button:focus,
.ui.inverted.litecream.buttons .button.active,
.ui.inverted.litecream.button.active,
.ui.inverted.litecream.buttons .button:active,
.ui.inverted.litecream.button:active {
  box-shadow: none !important;
  color: #ffffff !important;
}
.ui.inverted.litecream.buttons .button:hover,
.ui.inverted.litecream.button:hover {
  background-color: rgba(221, 224, 215, 0.1);
}
.ui.inverted.litecream.buttons .button:focus,
.ui.inverted.litecream.button:focus {
  background-color: rgba(213, 218, 206, 0.1);
}
.ui.inverted.litecream.buttons .active.button,
.ui.inverted.litecream.button.active {
  background-color: rgba(221, 224, 215, 0.1);
}
.ui.inverted.litecream.buttons .button:active,
.ui.inverted.litecream.button:active {
  background-color: rgba(208, 212, 202, 0.1);
}
/* Inverted Basic */
.ui.inverted.litecream.basic.buttons .button,
.ui.inverted.litecream.buttons .basic.button,
.ui.inverted.litecream.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #ffffff !important;
}
.ui.inverted.litecream.basic.buttons .button:hover,
.ui.inverted.litecream.buttons .basic.button:hover,
.ui.inverted.litecream.basic.button:hover {
  box-shadow: 0px 0px 0px 2px rgba(221, 224, 215, 0.1) inset !important;
  color: rgba(233, 235, 230, 0.1) !important;
}
.ui.inverted.litecream.basic.buttons .button:focus,
.ui.inverted.litecream.basic.buttons .button:focus,
.ui.inverted.litecream.basic.button:focus {
  box-shadow: 0px 0px 0px 2px rgba(213, 218, 206, 0.1) inset !important;
  color: rgba(233, 235, 230, 0.1) !important;
}
.ui.inverted.litecream.basic.buttons .active.button,
.ui.inverted.litecream.buttons .basic.active.button,
.ui.inverted.litecream.basic.button.active {
  box-shadow: 0px 0px 0px 2px rgba(221, 224, 215, 0.1) inset !important;
  color: rgba(233, 235, 230, 0.1) !important;
}
.ui.inverted.litecream.basic.buttons .button:active,
.ui.inverted.litecream.buttons .basic.button:active,
.ui.inverted.litecream.basic.button:active {
  box-shadow: 0px 0px 0px 2px rgba(208, 212, 202, 0.1) inset !important;
  color: rgba(233, 235, 230, 0.1) !important;
}
/*----------------------------------------------
  ------- Specimens of - litecream - Card -------- 
  ----------------------------------------------*/

 .ui.litecream.cards > .card,
.ui.cards > .litecream.card,
.ui.litecream.card {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #e9ebe6, 0px 1px 3px 0px #d4d4d5;
}
.ui.litecream.cards > .card:hover,
.ui.cards > .litecream.card:hover,
.ui.litecream.card:hover {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #dde0d7, 0px 1px 3px 0px #bcbdbd;
}
/*----------------------------------------------
  ------ Specimens of - litecream - Message ------ 
  ----------------------------------------------*/

 .ui.litecream.message {
  background-color: #f5f6f4;
  color: #c4c9bc;
  box-shadow: 0px 0px 0px 1px #e9ebe6 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.litecream.message .header {
  color: #dde0d8;
}
/*----------------------------------------------
  ------- Specimens of - litecream - Header ------ 
  ----------------------------------------------*/

 .ui.litecream.header {
  color: #e9ebe6 !important;
}
a.ui.litecream.header:hover {
  color: #dde0d7 !important;
}
.ui.dividing.litecream.header {
  border-bottom: 2px solid #e9ebe6;
}
/* Inverted */
.ui.inverted.litecream.header {
  color: #f5f6f4 !important;
}
a.ui.inverted.litecream.header:hover {
  color: #e9ebe6 !important;
}
/*----------------------------------------------
  ------- Specimens of - litecream - Menu -------- 
  ----------------------------------------------*/

 .ui.menu .litecream.active.item,
.ui.litecream.menu .active.item {
  border-color: #e9ebe6 !important;
  color: #e9ebe6 !important;
}
.ui.inverted.menu .litecream.active.item,
.ui.inverted.litecream.menu {
  background-color: #e9ebe6 !important;
}
.ui.inverted.litecream.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.litecream.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}