/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* div.crew_container {
display: flex
} */

h1, h2 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.general_link {
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-weight: bold;
  margin-top: 1em;
  vertical-align: baseline;
}

div#header {
  float:right;
}

div#header a {
  vertical-align: middle;
} 

div.crew_games {
  border: 1px;
}

div.crew_budget {
  border: 1px;
}
div.crew_budget table td,
div.crew_budget table th
{
  padding: 5px;
  margin: 2px;
  text-align: center;
  font-size: 1.2em;
}

div.game-table-div
{
  font-family: Verdana;
}

@media screen and (min-width: 1500px)
{
  div.header
  {
    display: flex;
    align-items: center;
  }

  div.header h2, div.header div
  {
    margin-left: 1em;
  }

  div.game-table-div
  {
    font-size: 1.48em;
    height: calc(100vh - 100px);
    column-count: auto;
    column-width: 700px;
    column-gap: 10px;
    column-rule: 4px solid #005599;
    column-fill: auto;
  }

  div.game-table-div-crew
  {
    height: calc(100vh - 200px);
  }
}

table.game-table td,
table.game-table th 
{
  padding: 5px;
}

table.game-table tr.odd-row
{
  background-color: white;
}

table.game-table tr.even-row
{
  background-color: lightgray;
}

table.game-table tr.assigned-row
{
  background-color: darkolivegreen;
  color: white;
}

table.game-table tr.conflict-row
{
  background-color: red;
  color: white;
}

table.game-table tr.hidden-row
{
  display: none;
}

table.game-table td.travel
{
  background-color: yellow;
  color: black;
}

table.game-table td.high
{
  background-color: #fabf8f;
  color: black;
}

table.game-table td.mid
{
  background-color: #95b3d7;
  color: black;
}

table.game-table td.low
{
  background-color: #c4d79b;
  color:black;
}

table.game-table td.preassigned,
table.game-table tr.preassigned
{
  background-color: purple;
  color: white;
}

table.game-table td.thursday
{
  background-color: khaki;
}

table.game-table td.saturday
{
  background-color: sandybrown;
}

.budget-needed, .budget-reached {
  background-color: yellow;
}

.budget-ok {
  background-color: lightgreen;
}

.budget-exceeded {
  background-color: lightcoral;
}

td.linked-1, td.tbd
{
  background-color: #9999ff;
}

td.linked-2
{
  background-color: #7777ee;
}

td.linked-3
{
  background-color: #5555dd;
}

td.linked-4
{
  background-color: #3333cc;
}

div.crew_budget table td.conflict
{
  text-align: start;
}