

.ui.menu .green.active.item,
.ui.green.menu .active.item {
  border-color: #A1CF64 !important;
  color: #A1CF64 !important;
}

.ui.menu .red.active.item,
.ui.red.menu .active.item {
  border-color: #D95C5C !important;
  color: #D95C5C !important;
}

.ui.menu .blue.active.item,
.ui.blue.menu .active.item {
  border-color: #6ECFF5 !important;
  color: #6ECFF5 !important;
}

.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
  border-color: #564F8A !important;
  color: #564F8A !important;
}

.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
  border-color: #F05940 !important;
  color: #F05940 !important;
}

.ui.menu .teal.active.item,
.ui.teal.menu .active.item {
  border-color: #178EFE !important;
  color: #178EFE !important;
}

/*--- Active ---*/

.ui.inverted.menu .active.item {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: rgba(255, 255, 255, 0.2);
}

.ui.inverted.menu .active.item,
.ui.inverted.menu .active.item a {
  color: #ffffff !important;
}

.ui.inverted.vertical.menu .item .menu .active.item {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

/*--- Pointers ---*/

.ui.inverted.pointing.menu .active.item:after {
  background-color: #5B5B5B;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui.inverted.pointing.menu .active.item:hover:after {
  background-color: #4A4A4A;
}

/*--------------
    Selection
---------------*/

.ui.selection.menu > .item {
  color: rgba(0, 0, 0, 0.4);
}

.ui.selection.menu > .item:hover {
  color: rgba(0, 0, 0, 0.6);
}

.ui.selection.menu > .item.active {
  color: rgba(0, 0, 0, 0.85);
}

.ui.inverted.selection.menu > .item {
  color: rgba(255, 255, 255, 0.4);
}

.ui.inverted.selection.menu > .item:hover {
  color: rgba(255, 255, 255, 0.9);
}

.ui.inverted.selection.menu > .item.active {
  color: #FFFFFF;
}

/*--------------
     Floated
---------------*/

.ui.floated.menu {
  float: left;
  margin: 0rem 0.5rem 0rem 0rem;
}

.ui.right.floated.menu {
  float: right;
  margin: 0rem 0rem 0rem 0.5rem;
}

/*--------------
 Inverted Colors
---------------*/

/*--- Light Colors  ---*/

.ui.grey.menu {
  background-color: #F0F0F0;
}

/*--- Inverted Colors  ---*/

.ui.inverted.green.menu {
  background-color: #A1CF64;
}

.ui.inverted.green.pointing.menu .active.item:after {
  background-color: #A1CF64;
}

.ui.inverted.red.menu {
  background-color: #D95C5C;
}

.ui.inverted.red.pointing.menu .active.item:after {
  background-color: #F16883;
}

.ui.inverted.blue.menu {
  background-color: #6ECFF5;
}

.ui.inverted.blue.pointing.menu .active.item:after {
  background-color: #6ECFF5;
}

.ui.inverted.purple.menu {
  background-color: #564F8A;
}

.ui.inverted.purple.pointing.menu .active.item:after {
  background-color: #564F8A;
}

.ui.inverted.orange.menu {
  background-color: #F05940;
}

.ui.inverted.orange.pointing.menu .active.item:after {
  background-color: #F05940;
}

.ui.inverted.teal.menu {
  background-color: #007ad5 !important;
}

.ui.inverted.teal.pointing.menu .active.item:after {
  background-color: #007ad5 !important;
}


.ui.device.segment, .ui.blue.segment ,.ui.info.segment{
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-box-shadow:none;
  border-radius:0;
  background-color:#FAFAFA!important;
}