.loginlogo {
  font-weight: normal !important;
  letter-spacing: 0.1em;
  font-size: 2rem;
  color: #61a631;
  text-align: center;
  font-size: 3rem;
  margin-top: 0;
}
.navbar-inverse .navbar-nav > li > a {
  color: white;
}
.nav-sidebar .active a {
  background-color: inherit !important;
}
.nav-sidebar li a {
  color: white;
}
.nav-sidebar li a:before {
  content: "\e258";
  font-size: 0.7em;
  padding-right: 2px;
  font-family: 'Glyphicons Halflings';
}
.nav-sidebar li a:hover, .nav-sidebar li a:focus {
  background-color: #139789;
}
.nav-sidebar .midashi {
  font-weight: bold;
  font-size: 1.2em;
  padding: 5px 0;
  padding-left: 10px;
  color: #21e5d1;
  border-bottom: 1px solid #139789;
}
.nav-sidebar .midashi span {
  padding-right: 7px;
}
.navbar-inverse {
  background-color: #139789;
}
.navbar-inverse .navbar-brand {
  color: white;
  font-weight: normal !important;
  letter-spacing: 0.1em;
  font-size: 2rem;
}
.sidebar {
  background-color: #464854;
  color: white;
}
#chart * {
  box-sizing: border-box;
}
#chart html {
  min-width: 1500px;
}
#chart #base table {
  table-layout: fixed;
  box-sizing: border-box;
}
#chart #base th {
  border: 1px solid #ccc;
  height: 32px;
  box-sizing: border-box;
}
#chart .time_shift {
  position: relative;
  left: - 28 px;
  text-align: center;
  border: none;
}
#chart #base td {
  width: 28px;
  height: 32px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
#chart #base {
  position: relative;
}
#chart .node {
  position: absolute;
  background-color: lightgreen;
  z-index: -1;
}
#chart .fixed {
  position: absolute;
}
#chart .in_fixed {
  position: absolute;
  top: 16 px;
  line-height: 13px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 149, 0, 0.6);
}
#chart .in_fixed:before {
  content: "";
  position: absolute;
  line-height: 13px;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 5px solid #666;
}
#chart .in_fixed:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  border-right: 5px solid #666;
}
#chart .teacherNameCell {
  width: 200px;
  margin-left: 0;
  padding: 0 10px;
}
#chart #nodes {
  position: absolute;
  left: 200px;
}
#chart #fixed_nodes {
  position: absolute;
  left: 200px;
}
#chart #base .table-top th {
  border: none;
}
#chart #base .last_td {
  border-right: none;
  border-top: none;
  border-bottom: none;
}
#chart .ui-resizable-w {
  width: 12px;
  left: 0;
  background-color: rgba(255, 149, 0, 1);
}
#chart .ui-resizable-e {
  width: 12px;
  right: 0;
  background-color: rgba(255, 149, 0, 1);
}
#chart #base .hour_last {
  border-right: 1px solid #777;
}
#chart #info_table {
  text-align: center;
}
#chart .timeBox {
  position: absolute;
  display: block;
  background-color: #fffde8;
  z-index: 100000000000;
}
#chart .timeBox {
  font-size: 0.7em;
}
#chart .timeBox table {
  border: 1px solid #444;
  border-collapse: collapse;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#chart .timeBox tr {
  border: 1px solid #aaa;
  box-sizing: border-box;
}
#chart .timeBox .bottomBorder {
  border: 2px solid #aaa;
  box-sizing: border-box;
}
#chart .timeBox td {
  border: 1px solid #aaa;
  box-sizing: border-box;
  padding: 1px 4px;
  height: auto;
  text-align: center;
}
#chart .timeBox td:hover {
  background-color: #f1cf5f;
}
#chart .timeBox tr:hover {
  background-color: #f1e8b5;
}
#chart .timeBox th {
  border: 1px solid #aaa;
  width: 100px;
  box-sizing: border-box;
  background-color: #eee;
  text-align: center;
}
.oshirase dt {
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
}
.oshirase dt span {
  float: right;
}
.oshirase dd {
  margin-left: 20px;
}
.sub-header {
  color: #139789;
  font-weight: bold;
}
#room_table th, #room_table td {
  width: 25px;
}
#room_table .using {
  background-color: lightgreen;
}
#room_table .just_time {
  border-right: 1px solid #777;
}
#room_table .shift-left {
  position: relative;
  border-left: none;
  border-right: none;
}
#room_table .shift-left div {
  position: absolute;
  left: -25px;
  width: 50px;
  text-align: center;
}
#room_table .title {
  position: absolute;
  background-color: #90ee90;
}
.timeBox {
  position: absolute;
  display: block;
  background-color: #fffde8;
  z-index: 100000000000;
}
.timeBox {
  font-size: 0.7em;
}
.timeBox table {
  border: 1px solid #444;
  border-collapse: collapse;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.timeBox tr {
  border: 1px solid #aaa;
  box-sizing: border-box;
}
.timeBox .bottomBorder {
  border: 2px solid #aaa;
  box-sizing: border-box;
}
.timeBox td {
  border: 1px solid #aaa;
  box-sizing: border-box;
  padding: 1px 4px;
  height: auto;
  text-align: center;
}
.timeBox td:hover {
  background-color: #f1cf5f;
}
.timeBox tr:hover {
  background-color: #f1e8b5;
}
.timeBox th {
  border: 1px solid #aaa;
  width: 100px;
  box-sizing: border-box;
  background-color: #eee;
  text-align: center;
}
.top_status .panel-heading {
  text-align: center;
  margin: 0;
  padding: 0;
  color: #fff;
  background-color: #139789;
}
.top_status .panel-body {
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.top_status .panel-body small {
  font-weight: normal;
  font-size: 0.7em;
  padding-left: 2px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #555;
  font-weight: bold;
  border-top: 3px solid #069e04;
}
.nav-tabs.nav-stacked > li.active > a, .nav-tabs.nav-stacked > li.active > a:focus, .nav-tabs.nav-stacked > li.active > a:hover {
  border-left: 3px solid #069e04;
  border-top: 0;
}
.nav > li > a {
  padding: 5px 15px;
}
.nav-tabs > li {
  background-color: #f7f7f7;
  border: 1px solid #e4e4e4;
  border-bottom: none;
  border-radius: 4px;
}
.nav-tabs > li > a {
  padding: 4px 16px;
}
table.oyatsu th {
  text-align: center;
  vertical-align: middle;
}
table.oyatsu th:first-child {
  text-align: left;
}
table.oyatsu td {
  text-align: center;
}
table.oyatsu td:first-child {
  text-align: left;
}
.tableSortable th:hover {
  background-color: #eee;
}
.tableSortable td {
  word-break: break-word;
}
.tableSortable th:hover:after {
  content: "\e150";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: 10px;
  color: #9d9d9d;
  margin-right: -50px;
}
.tableSortable th:after {
  content: "\e150";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: 10px;
  color: #ccc;
  margin-right: -50px;
}
.sort-down:after {
  content: "\e253";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: 10px;
  color: #9d9d9d;
}
.sort-down.tableSortable th:hover:after {
  content: "\e252";
  margin-right: -150px;
}
.sort-up:after {
  content: "\e252";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: 10px;
  color: #9d9d9d;
  margin-right: -50px;
}
.tableSortable th.sort-up:hover:after {
  content: "\e252";
}
.tableSortable th.sort-down:hover:after {
  content: "\e253";
}
.timebox {
  width: 3mm;
}
.timebox.in {
  background-color: #d2f7ff;
}
.timebox.in.length08 {
  background-color: #ddffce;
}
.timebox.in.length09 {
  background-color: #ebffc0;
}
.timebox.in.length10 {
  background-color: #fff9b8;
}
.timebox.in.length11 {
  background-color: #fff9b8;
}
.timebox.in.length12 {
  background-color: #ffd8a3;
}
.timebox.in.length13 {
  background-color: #ffb394;
}
.timebox.in.length14 {
  background-color: #ff9189;
}
.timebox.in.length15, .timebox.in.length16, .timebox.in.length17, .timebox.in.length18, .timebox.in.length19 {
  background-color: #ff4678;
}
.panel {
  border-bottom: 1px solid #ddd;
}
.panel .nav-tabs + .panel-body {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.pseudo-form-control {
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}
.nano > .nano-pane {
  border-radius: 0;
}
.nano > .nano-pane > .nano-slider {
  border-radius: 0;
}
.has-error {
  background-color: #ffe4e4;
}
.gallery-item {
  border: 1px solid #aaa;
  padding: 2px;
  display: inline-block;
}
.gallery-item img {
  height: 70px;
  cursor: pointer;
}
.table thead {
  border-top: 2px solid #999;
  background-color: #eee;
}
small.form-help {
  margin-top: 0.5em;
  display: block;
  color: #999;
}
small.form-counter {
  display: inline-block;
  margin-top: 0.5em;
  float: right;
  color: #999;
}
.cheat-report {
  background-color: #fafafa;
  font-size: 1rem;
}
.cheat-report p {
  margin: 0;
  line-height: 1;
}
.cheat-report h5 {
  margin: 0;
  line-height: 1;
  font-size: 1rem;
  margin-top: 0.5em;
}
.cheat-report h6 {
  margin: 0;
  line-height: 1;
  font-size: 1rem;
  font-weight: normal;
}
.cheat-report h6:before {
  content: "[";
}
.cheat-report h6:after {
  content: "]";
}
.memo_in_th {
  font-weight: normal;
  display: block;
  line-height: 1;
}
.btni {
  width: 50px;
  height: 50px;
  line-height: 48px;
  background-color: #e3a22c;
  border-radius: 5px;
  display: block;
  text-align: center;
  color: white;
  vertical-align: middle;
  text-decoration: none;
  box-shadow: 2px 2px 1px #484848;
}
.btn-ok.btni {
  background-color: #139789;
}
h3 {
  margin-top: 5px;
  margin-bottom: 10px;
}
hr {
  margin-top: 5px;
  margin-bottom: 10px;
}
.textarea-smallfont textarea {
  font-size: 11px;
}