/*
// FONTS
*/

span.nine
{
  color: #40c3f7;
}

/*
// Main layout of all windows
*/

.wrapper
{
  display: flex;
  flex-direction: column;
  min-height: 100%; /* calc(100% - 48 - 14 - 20 - 14 - 14); */
}

.main
{
  flex: 1 0 auto;
}

.footer
{
  flex: 0 0 auto;
}

/* Correct top menu */

.wrapper > .ui.menu
{
  border-radius: 0px;
}

/* Other */

.invisible
{
  visibility: hidden !important;
}



.ui.inverted.menu .dropdown.item .menu,
.ui.inverted.menu .ui.dropdown .menu > .item
{

  background: #1b1c1d;
  box-shadow: none;
  /* border: 1px solid rgba(255,255,255,.15); */
  /*
  color:  rgba(221, 229, 227, 0.9) !important;
  */
  color:  white !important;


  /*
  min-width: calc(100% - 1px);
  border-radius: 0 0 .28571429rem .28571429rem;
  margin: 0 0 0;  
  */
}

.ui.inverted.menu .ui.dropdown .menu > .divider
{
  border-top-color: rgba(211, 219, 217, 0.9) !important;
}

.ui.modal,
.ui.modal .content
/* .ui.modal .header, */
/* .ui.modal .actions */
{
  background-color: #F8F8F8;
}

/*
//
// Fix for ContextMenu; potentially break everything else!
//
*/

/* This was incredibly annoying! */

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

.ui.vertical.menu .ui.divider
{
  margin-top:    1px;
  margin-bottom: 1px;
}