/*
 * 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.
 *
 *= require_tree .
 *= require_self
 */

/*img {*/
  /*width:50px;*/
  /*height:75px;*/
/*}*/
.drop {
  width: 20px;
  height: 20px;
  margin-left: 15px;
  border: 1px solid #aaaaaa;
}
.center_div {
  margin: auto;
  width: 60%;
  padding: 10px;
}
.center_text {
  text-align: center;
}
.center {
  text-align: center;
}
.red {
  color: red;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
button {
  margin: 5px;
  padding: 5px;
  border: 3px solid blue;
}
#command_center {
  width: 470px;
  min-height:20px;
  display: flex;
}
#board_header {
  width: 470px;
  min-height:20px;
  display: flex;
  /*border: 1px solid blue;*/
}
#stock {
  width: 460px;
  text-align: right;
}
.stock {
  float: right;
  width: 10px;
  min-height: 20px;
  margin: 2px;
  border: 1px solid black;
}
#foundation {
  width: 550px;
  text-align: left;
}
.foundation {
  float: left;
  min-height: 20px;
}
.foundation_item {
  margin: 2px;
  /*padding: 2px;*/
  /*margin: auto;*/
  /*width: 80%;*/
  /*border: 1px solid black;*/
}
#board {
  width: 510px;
  min-height:200px;
  /*overflow: hidden;*/
}
#col_1, #col_2, #col_3, #col_4, #col_5, #col_6, #col_7, #col_8, #col_9, #col_10 {
  width: 10%;
  float: left;
  min-height: 75px;
  box-sizing:border-box;
}