/*
 * 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
 */
body {
  margin: 0;
  padding: 0;
}
#wrap {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  background: #eef;
}
#header {
  background: #339;
  padding: 20px;
  color: #eef;
}
#header h1 {
  padding: 0;
  margin: 0;
}
#menu {
  border-bottom: 1px solid #339;
  overflow: hidden;
}
#menu .menu_item {
  float: left;
}
#menu .menu_item a, a:visited {
  display: block;
  text-decoration: none;
  color: black;
  padding: 10px;
}
#menu .menu_item a:hover {
  background-color: #339;
  color: #eef;
}
#notice {
  float: right;
  color: green;
  margin-right: 100px;
}
#content {
  clear: all;
  padding: 20px;
}
#content h1 { margin-top: 0;}
#footer {
  border-top: 1px solid #339;
  padding: 20px;
}

table {
  border-collapse:collapse;
  border: 1px solid black;
}
table td {
  border: 1px solid black;
  padding: 5px;
}
table tr.odd {
  background-color: #dddddd;
}
table td.td_green {
  background-color: #99ff99;
}
table td.td_yellow {
  background-color: #ffff99;
}
table td.td_red {
  background-color: #ff9999;
}
h6 { margin: 5px; }
.rotated-text-td {
  padding: 0;
}
.rotated-text-out {
  width: 30px;
  height: 90px;
  overflow: hidden; /* Adjusting the overflow property */
}
.rotated-text-in {
  width: 90px;
  height: 30px;
  transform-origin: right bottom;
  transform: translate(-60px, -30px) rotate(-90deg);
}
.rotated-text-in a {
  display: block;
  padding: 5px;
}
.rotated-text-in a, a:visited {
  display: block;
  text-decoration: none;
  color: black;
  padding: 5px;
}