/*
//
// Fomantic - Overrides
//
*/

/*
//
// Winbox - Overrides
//
*/

.tag-999999
{
}

body .winbox
{
  border-radius:    8px;
  font-family:      Lato;
  font-size:        13px;
  background-color: rgb(32, 32, 32);

  min-width: 300px;
  min-width: 300px;
}

body .winbox .wb-title
{        
  font-size:  13px;
  text-align: center;
}

body .winbox .wb-body
{
  border-bottom-left-radius:  8px;
  border-bottom-right-radius: 8px;
  
  display:        flex;
  flex-direction: column;

  padding: 8px;
}

/*
//
// Tabulator - Overrides
//
*/

body .ui.table.tabulator
{
  margin-top: 0px;
}

.ui.table.tabulator
{
  font-family: Lato;
  font-size:   13px;
}

/* IMPORTANT: These rules are to prevent the text in the input being displaced on edit */
.ui.table.tabulator .tabulator-cell.tabulator-editable.tabulator-editing
{
  padding-top:   4px !important;
  padding-left:  3px !important;
  padding-right: 3px !important;
}

.ui.table.tabulator .tabulator-cell[style*="text-align: right"] input
{
  text-align: right;
}

/* Override the padding in the summary footer */
.ui.very.compact.table.tabulator .tabulator-row .tabulator-cell
{
  padding: 0.4em;
}

body .tabulator .tabulator-footer .tabulator-calcs-holder
{
  margin-bottom: 0px;
  border: none;
}

body .tabulator .tabulator-footer
{
  padding-bottom: 0px;
}

/* Center toggle buttons */
body .tabulator-toggle
{
  margin: auto;
}

body .tabulator-row .tabulator-cell,
body .tabulator-row .tabulator-cell:last-of-type 
{
  border-right: 1px solid rgba(34, 36, 38, 0.1);
}

/*
//
// Dialogs
//
*/

/*
// Dialogs with tables that require a wrapper
*/

.wb-body .ui.wrapper
{
  min-height: 0%;

  flex: 1;

  margin-bottom: 8px;

  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
}

.wb-body .ui.wrapper .ui.table
{
  border-right: 1px solid rgba(34, 36, 38, 0.1);
}

/*
// AssignDialog
*/

.assign-dialog.winbox
{
  border-radius:    6px;
  font-family:      Lato;
  font-size:        13px;
  background-color: rgb(32, 32, 32);
}

.assign-dialog.winbox .wb-body
{
  border-bottom-left-radius:  6px;
  border-bottom-right-radius: 6px;
  
  display: flex;
  flex-direction: column;

  padding: 0px;
}

.assign-dialog.winbox .ui.chart
{
  flex: 1;
}

.assign-dialog.winbox .actions
{
  padding: 8px;
}

.assign-dialog.winbox .ui.button
{
  width: 80px;
}

.assign-dialog.winbox .wb-body .ui.form
{
  margin-bottom:   8px;
  padding-left:  100px;
  padding-right: 100px;
}

.assign-dialog.winbox .ui.table
{
  margin-top:    0px;
  margin-bottom: 8px;

  padding: 0px;

  user-select: none;

  font-family: Lato;
  font-size:   13px;
  user-select: none;
}

/*
// ConfirmDialog
*/

.confirm-dialog.winbox .wb-body
{
  display: flex;
  flex-direction: column;

  padding: 10px;
}

.confirm-dialog.winbox .text
{
  flex: 1;

  vertical-align: middle;
  text-align:  center;
  font-family: Lato;
  font-size:   13px;
}

.confirm-dialog.winbox .actions
{
  padding-top: 10px;
}

/*
//
// FileUploadDialog
//
*/

.file-upload.winbox .wb-body .ui.form
{
  margin-bottom:   8px;
  padding-left:    0px;
  padding-right:   0px;
}


.file-upload.winbox .wb-body .actions .button
{
  width: 100px;
}

/*
//
// Toolbar
//
*/

.ui.toolbar
{
  display: flex;
  flex-direction: row;
  border: 1px solid lightgray;

  background-color: rgb(249, 250, 251);
}

.ui.top.toolbar
{
  border-bottom: none;
}

.ui.bottom.toolbar
{
  border-top: none;
}

.ui.toolbar .title
{
  flex: 1;
  
  margin-left:   10px;
  margin-top:    auto;
  margin-bottom: auto;

  font-weight: bold;
}

.ui.toolbar .actions
{
  padding: 5px;
}

.ui.toolbar .ui.actions .ui.button
{
  padding: 5px;
  /* margin: 5px; */
}
/*
//
// Tabbed Window
//
*/

.ui.top.attached.tab.segment .wrapper
{
  height:      100%;
  padding:     10px; /* Added */
  padding-top: 50px; /* Added */
}

.ui.segment.tabbed-window
{
  margin:  0;
  padding: 0;
}

/*
//
// Test Editor
//
*/

.test-editor.winbox .wb-body form
{
  margin:         auto;
  padding-bottom: 10px;
}

.test-editor.winbox .wb-body .ui.selection.dropdown
{
  width: 300px;
}

.test-editor.winbox .wb-body .ui.very.compact.table
{
  margin-top:    0px;
  margin-bottom: 0px;
}

.test-editor.winbox .wb-body .actions .button
{
  width: 80px;
}

/*
//==============================================================================
// Team Board
//==============================================================================
*/

#top-menu, #skills-top-menu {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  height: 50px;
  color : #5f638c
}

#left-menu, #skills-left-menu {
  position: fixed;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  z-index: 1000;
  /* height: 500px; */
}

.top-toggle .ui.button.toggle.active, .top-toggle .ui.button.toggle.active:hover{
  background-color: #2185d0; /* Example color for active state */
  color: white;
}

/*
//
// Tag
//
*/

.tabulator.compact.very .tabulator-tableholder .tabulator-row div.tabulator-cell[tabulator-field="skills"],
.tabulator.compact.very .tabulator-tableholder .tabulator-row div.tabulator-cell[tabulator-field="roles"]
{
  padding-top:    4px;
  padding-bottom: 2px;
}

.ui.compact.table .cell-wrapper
{
  display:        flex;
  flex-direction: row;
}

.ui.compact.table span.tag
{
  display:           block;
  background-color:  #808080;
  color:             white;
  font-size:         13px;
  border:            1px solid gray;
  border-radius:     4px;
  padding:           0px 6px;
  margin-right:      4px;
  width:             auto;
}


/*
//==============================================================================
// Roster Filter Winbox
//==============================================================================
*/

#roster-filter-form
{
  padding-bottom: 12px;
}