.xx-large {
  font-size: 28px;
}
.x-large {
  font-size: 21px;
}
.large {
  font-size: 15px;
}
.small {
  font-size: 13px;
}
.x-small {
  font-size: 12px;
}
.xx-small {
  font-size: 11px;
}
.xxx-small {
  font-size: 10px;
}
.width2c {
  width: 1.6em !important;
}
.width3c {
  width: 2.4em !important;
}
.width4c {
  width: 3.2em !important;
}
.width5c {
  width: 4em !important;
}
.width6c {
  width: 4.8em !important;
}
.width8c {
  width: 6.4em !important;
}
.width10c {
  width: 8em !important;
}
.width12c {
  width: 9.6em !important;
}
.ignore-max-width {
  max-width: none;
}
.display-inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.badge {
  background-color: #921515;
}
.indicator-pro:after {
  content: url("../../../Images/proicon.png");
  float: left;
  position: absolute;
  left: 5px;
  top: -2px;
}
body {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 14px;
  padding-top: 70px;
  padding-bottom: 50px;
}
input,
textarea,
select {
  max-width: 280px;
}
input:disabled,
select:disabled,
textarea:disabled {
  border: 1px solid #dcdcdc;
  background-color: #f0f0f0;
  cursor: no-drop;
}
#sortable tr:hover,
.sortable tr:hover {
  cursor: move;
}
.table-tight thead > tr > th,
.table-tight tbody > tr > td {
  padding: 2px;
}
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-dark-gray {
  color: #fff;
  background-color: #6d6d6d;
  border-color: #a0a0a0;
}
.navbar-brand > img {
  display: inline-block;
}
.navbar-nav > li form {
  padding-top: 7px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}
#room-indicator-table {
  border: 3px solid #888;
  width: 100%;
}
.room-indicator-base {
  font-size: 11px;
  margin: 3px;
  min-width: 130px;
  max-width: 25%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.room-indicator-base div.title {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
div.room-indicator-blue {
  font-size: 11px;
  margin: 3px;
  min-width: 130px;
  max-width: 25%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #c9f5ff;
  border: 1px solid #96ecff;
}
div.room-indicator-blue div.title {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
div.room-indicator-green {
  font-size: 11px;
  margin: 3px;
  min-width: 130px;
  max-width: 25%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #b6fac8;
  border: 1px solid #86f7a4;
}
div.room-indicator-green div.title {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
.bgcolor_RESERVED {
  background-color: #f6db70;
}
.bgcolor_IN {
  background-color: #42fafa;
}
.bgcolor_PRINTED {
  background-color: #34d2fc;
}
.bgcolor_OUTED {
  background-color: #f881fc;
}
.bgcolor_CLEANED {
  background-color: #4befef;
}
.bgcolor_CANCEL {
  background-color: #fb8f8f;
}
#roomIndicator {
  /*.navbar .nav li{
		border-left:1px solid #d0d0d0 ;
	}*/
}
#roomIndicator table.facilities {
  width: 100%;
}
#roomIndicator .legend > span > i {
  display: inline-block;
  width: 15px!important;
}
#roomIndicator .legend .RESERVED {
  color: #f6db70;
}
#roomIndicator .legend .IN {
  color: #42fafa;
}
#roomIndicator .legend .PRINTED {
  color: #34d2fc;
}
#roomIndicator .legend .OUTED {
  color: #f881fc;
}
#roomIndicator .legend .CLEANED {
  color: #4befef;
}
#roomIndicator .legend .CANCEL {
  color: #fb8f8f;
}
#roomIndicator .legend .WEBSTOCK {
  color: #1fff1f;
}
#roomIndicator .legend .WFC {
  color: #4aeef8;
}
#roomIndicator .legend .WFCOUT {
  color: #4af878;
}
#roomIndicator .navbar .nav li a {
  padding: 15px 10px;
}
#roomIndicator div.room-indicator-empty {
  font-size: 11px;
  margin: 3px;
  min-width: 130px;
  max-width: 25%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #f0f0f0;
  border: 1px solid #a3a3a3;
  width: 130px;
  height: 80px;
}
#roomIndicator div.room-indicator-empty div.title {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
#roomIndicator div.room-indicator-empty div.reserve {
  min-width: 128px;
  background-color: #f7edc7;
  border: 1px solid #e4c241;
  height: 50px;
}
#roomIndicator div.room-indicator-empty div.reserve .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty div.reserve .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty div.reserve div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty div.reserve.RESERVED {
  min-width: 128px;
  background-color: #f6db70;
  border: 1px solid #c19c0c;
  height: 50px;
}
#roomIndicator div.room-indicator-empty div.reserve.RESERVED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty div.reserve.RESERVED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty div.reserve.RESERVED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty div.reserve.IN {
  min-width: 128px;
  background-color: #42fafa;
  border: 1px solid #049f9f;
  height: 50px;
}
#roomIndicator div.room-indicator-empty div.reserve.IN .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty div.reserve.IN .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty div.reserve.IN div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty div.reserve.PRINTED {
  min-width: 128px;
  background-color: #34d2fc;
  border: 1px solid #027695;
  height: 50px;
}
#roomIndicator div.room-indicator-empty div.reserve.PRINTED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty div.reserve.PRINTED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty div.reserve.PRINTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty div.reserve.OUTED {
  min-width: 128px;
  background-color: #f881fc;
  border: 1px solid #d805df;
  height: 50px;
}
#roomIndicator div.room-indicator-empty div.reserve.OUTED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty div.reserve.OUTED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty div.reserve.OUTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty div.reserve.CLEANED {
  min-width: 128px;
  background-color: #4befef;
  border: 1px solid #0d9494;
  height: 50px;
}
#roomIndicator div.room-indicator-empty div.reserve.CLEANED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty div.reserve.CLEANED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty div.reserve.CLEANED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.webstock {
  font-size: 11px;
  margin: 3px;
  min-width: 130px;
  max-width: 25%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #b8ffb8;
  border: 1px solid #1fff1f;
  width: 130px;
  height: 80px;
}
#roomIndicator div.room-indicator-empty.webstock div.title {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve {
  min-width: 128px;
  background-color: #f7edc7;
  border: 1px solid #e4c241;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.RESERVED {
  min-width: 128px;
  background-color: #f6db70;
  border: 1px solid #c19c0c;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.RESERVED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.RESERVED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.RESERVED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.IN {
  min-width: 128px;
  background-color: #42fafa;
  border: 1px solid #049f9f;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.IN .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.IN .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.IN div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.PRINTED {
  min-width: 128px;
  background-color: #34d2fc;
  border: 1px solid #027695;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.PRINTED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.PRINTED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.PRINTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.OUTED {
  min-width: 128px;
  background-color: #f881fc;
  border: 1px solid #d805df;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.OUTED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.OUTED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.OUTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.CLEANED {
  min-width: 128px;
  background-color: #4befef;
  border: 1px solid #0d9494;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.CLEANED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.CLEANED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.webstock div.reserve.CLEANED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean {
  font-size: 11px;
  margin: 3px;
  min-width: 130px;
  max-width: 25%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #4aeef8;
  border: 1px solid #069aa3;
  width: 130px;
  height: 80px;
}
#roomIndicator div.room-indicator-empty.waitforclean div.title {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve {
  min-width: 128px;
  background-color: #f7edc7;
  border: 1px solid #e4c241;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.RESERVED {
  min-width: 128px;
  background-color: #f6db70;
  border: 1px solid #c19c0c;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.RESERVED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.RESERVED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.RESERVED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.IN {
  min-width: 128px;
  background-color: #42fafa;
  border: 1px solid #049f9f;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.IN .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.IN .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.IN div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.PRINTED {
  min-width: 128px;
  background-color: #34d2fc;
  border: 1px solid #027695;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.PRINTED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.PRINTED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.PRINTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.OUTED {
  min-width: 128px;
  background-color: #f881fc;
  border: 1px solid #d805df;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.OUTED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.OUTED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.OUTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.CLEANED {
  min-width: 128px;
  background-color: #4befef;
  border: 1px solid #0d9494;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.CLEANED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.CLEANED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean div.reserve.CLEANED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean.out {
  font-size: 11px;
  margin: 3px;
  min-width: 130px;
  max-width: 25%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #4af878;
  border: 1px solid #06a330;
  width: 130px;
  height: 80px;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.title {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve {
  min-width: 128px;
  background-color: #f7edc7;
  border: 1px solid #e4c241;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.RESERVED {
  min-width: 128px;
  background-color: #f6db70;
  border: 1px solid #c19c0c;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.RESERVED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.RESERVED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.RESERVED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.IN {
  min-width: 128px;
  background-color: #42fafa;
  border: 1px solid #049f9f;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.IN .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.IN .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.IN div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.PRINTED {
  min-width: 128px;
  background-color: #34d2fc;
  border: 1px solid #027695;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.PRINTED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.PRINTED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.PRINTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.OUTED {
  min-width: 128px;
  background-color: #f881fc;
  border: 1px solid #d805df;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.OUTED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.OUTED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.OUTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.CLEANED {
  min-width: 128px;
  background-color: #4befef;
  border: 1px solid #0d9494;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.CLEANED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.CLEANED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.waitforclean.out div.reserve.CLEANED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.restday {
  font-size: 11px;
  margin: 3px;
  min-width: 130px;
  max-width: 25%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffa5a5;
  border: 1px solid #ff0c0c;
  width: 130px;
  height: 80px;
}
#roomIndicator div.room-indicator-empty.restday div.title {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
#roomIndicator div.room-indicator-empty.restday div.reserve {
  min-width: 128px;
  background-color: #f7edc7;
  border: 1px solid #e4c241;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.restday div.reserve .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.restday div.reserve .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.restday div.reserve div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.RESERVED {
  min-width: 128px;
  background-color: #f6db70;
  border: 1px solid #c19c0c;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.RESERVED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.RESERVED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.RESERVED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.IN {
  min-width: 128px;
  background-color: #42fafa;
  border: 1px solid #049f9f;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.IN .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.IN .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.IN div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.PRINTED {
  min-width: 128px;
  background-color: #34d2fc;
  border: 1px solid #027695;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.PRINTED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.PRINTED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.PRINTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.OUTED {
  min-width: 128px;
  background-color: #f881fc;
  border: 1px solid #d805df;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.OUTED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.OUTED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.OUTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.CLEANED {
  min-width: 128px;
  background-color: #4befef;
  border: 1px solid #0d9494;
  height: 50px;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.CLEANED .show-on-assigned {
  display: block;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.CLEANED .hide-on-assigned {
  display: none;
}
#roomIndicator div.room-indicator-empty.restday div.reserve.CLEANED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator div.room-indicator-empty.restday a {
  display: none;
}
#roomIndicator div.reserve {
  padding: 3px;
  font-size: 11px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  max-width: 25%;
  display: block;
  background-color: #ffb4b4;
  border: 1px solid #ff1b1b;
}
#roomIndicator div.fcreserve {
  font-weight: normal;
  padding: 3px;
  font-size: 11px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: block;
  background-color: #f0fff0;
  border: 1px solid #bdffbd;
}
#roomIndicator #unassigned {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  min-height: 80px;
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
}
#roomIndicator #unassigned .show-on-assigned {
  display: none;
}
#roomIndicator #unassigned .hide-on-assigned {
  display: block;
}
#roomIndicator #unassigned div.reserve {
  float: left;
}
#roomIndicator #returnaday {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  min-height: 80px;
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
}
#roomIndicator #returnaday .show-on-assigned {
  display: block;
}
#roomIndicator #returnaday .hide-on-assigned {
  display: none;
}
#roomIndicator #returnaday .rtdisp {
  display: none;
}
#roomIndicator #returnaday div.reserve {
  float: left;
}
#roomIndicator #returnaday div.reserve {
  min-width: 128px;
  background-color: #f7edc7;
  border: 1px solid #e4c241;
  height: 50px;
}
#roomIndicator #returnaday div.reserve .show-on-assigned {
  display: block;
}
#roomIndicator #returnaday div.reserve .hide-on-assigned {
  display: none;
}
#roomIndicator #returnaday div.reserve div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator #returnaday div.reserve.RESERVED {
  min-width: 128px;
  background-color: #f6db70;
  border: 1px solid #c19c0c;
  height: 50px;
}
#roomIndicator #returnaday div.reserve.RESERVED .show-on-assigned {
  display: block;
}
#roomIndicator #returnaday div.reserve.RESERVED .hide-on-assigned {
  display: none;
}
#roomIndicator #returnaday div.reserve.RESERVED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator #returnaday div.reserve.IN {
  min-width: 128px;
  background-color: #42fafa;
  border: 1px solid #049f9f;
  height: 50px;
}
#roomIndicator #returnaday div.reserve.IN .show-on-assigned {
  display: block;
}
#roomIndicator #returnaday div.reserve.IN .hide-on-assigned {
  display: none;
}
#roomIndicator #returnaday div.reserve.IN div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator #returnaday div.reserve.PRINTED {
  min-width: 128px;
  background-color: #34d2fc;
  border: 1px solid #027695;
  height: 50px;
}
#roomIndicator #returnaday div.reserve.PRINTED .show-on-assigned {
  display: block;
}
#roomIndicator #returnaday div.reserve.PRINTED .hide-on-assigned {
  display: none;
}
#roomIndicator #returnaday div.reserve.PRINTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator #returnaday div.reserve.OUTED {
  min-width: 128px;
  background-color: #f881fc;
  border: 1px solid #d805df;
  height: 50px;
}
#roomIndicator #returnaday div.reserve.OUTED .show-on-assigned {
  display: block;
}
#roomIndicator #returnaday div.reserve.OUTED .hide-on-assigned {
  display: none;
}
#roomIndicator #returnaday div.reserve.OUTED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#roomIndicator #returnaday div.reserve.CLEANED {
  min-width: 128px;
  background-color: #4befef;
  border: 1px solid #0d9494;
  height: 50px;
}
#roomIndicator #returnaday div.reserve.CLEANED .show-on-assigned {
  display: block;
}
#roomIndicator #returnaday div.reserve.CLEANED .hide-on-assigned {
  display: none;
}
#roomIndicator #returnaday div.reserve.CLEANED div {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#room-select div.room-indicator-empty {
  font-size: 11px;
  margin: 3px;
  min-width: 130px;
  max-width: 25%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 60px;
  background-color: #f0f0f0;
  border: 1px solid #d7d7d7;
  min-width: 50px;
}
#room-select div.room-indicator-empty div.title {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
.model-deleted {
  background-color: #f7c7c7 !important;
}
fieldset {
  width: 100%;
}
.form-entry {
  font-size: 12px;
}
.form-entry .form-row {
  margin: 4px 10px;
  padding: 3px;
  background-color: #f0f0f0;
}
.form-entry .form-row .form-group {
  display: inline-block;
  margin: 0px 4px;
}
.form-entry .form-row .form-group label {
  margin: 0px 4px ;
}
.form-entry .form-row .form-group .control-label {
  vertical-align: middle;
  text-align: right;
  min-width: 50px;
}
.form-entry .form-row .form-group .form-field {
  display: inline-block;
}
.form-entry .form-row .form-group .input-group,
.form-entry .form-row .form-group .input-group-addon {
  display: inline-block;
  width: auto;
}
.form-entry .form-control,
.form-entry .btn {
  width: auto;
  padding: 3px 6px;
  height: 26px;
  font-size: 13px;
}
.form-entry textarea {
  height: auto!important;
}
.form-entry .input-group-btn {
  display: inline-block;
}
.form-entry .input-group-addon {
  padding: 3px 6px;
  height: 26px;
  font-size: 13px;
}
.form-entry textarea {
  max-width: initial;
}
.form-entry .reserve-edit-detail-table td,
.form-entry .reserve-edit-arrange-table td {
  padding: 0px;
}
.form-entry .reserve-edit-detail-table th,
.form-entry .reserve-edit-arrange-table th {
  padding: 2px 4px;
  font-size: 11px;
  overflow-x: hidden;
}
.form-entry .tab-content .roomCharge {
  background-color: #fdfd00;
}
.form-entry .tab-content .disabled {
  cursor: not-allowed;
  border: 1px solid #dcdcdc;
  background-color: #f0f0f0;
}
.form-entry .tab-content .roomCharge.disabled {
  background-color: #f0f0d0;
}
i.roomCharge {
  display: inline-block;
  width: 12px ;
  height: 12px ;
  border: #caca00;
  background-color: #fdfd00;
  margin-right: 3px;
}
.display-entry .form-row {
  margin: 4px 10px;
  padding: 3px;
}
.display-entry .form-row .form-group {
  display: inline-block;
  margin: 0px 4px;
}
.display-entry .form-row .form-group label {
  margin: 0px 4px ;
}
.display-entry .form-row .form-group .control-label {
  vertical-align: middle;
}
.display-entry .form-row .form-group .form-field {
  display: inline-block;
}
.display-entry .form-control,
.display-entry .btn {
  width: auto;
  padding: 3px 6px;
  height: 26px;
}
.display-entry .reserve-edit-detail-table td,
.display-entry .reserve-edit-arrange-table td {
  padding: 0px;
}
.display-entry .reserve-edit-detail-table th,
.display-entry .reserve-edit-arrange-table th {
  padding: 2px 4px;
  font-size: 11px;
  overflow-x: hidden;
}
.display-entry .tab-content .disabled {
  cursor: not-allowed;
  border: 1px solid #dcdcdc;
  background-color: #f0f0f0;
}
.pager {
  margin: 0px auto;
}
.pager .pagination {
  margin: 0px auto;
}
.pager li > a,
.pager li > span {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.search-condition input,
.search-condition select {
  min-width: 120px;
}
.search-condition .condition-group {
  margin-bottom: 5px;
}
.reserve-detail-table {
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
}
.reserve-detail-table td,
.reserve-detail-table th {
  padding: 4px;
  min-width: 30px;
}
.reserve-detail-table td {
  white-space: nowrap;
}
.reserve-detail-table tr.odd {
  background-color: #f9f9f9;
}
.tablesorter th.header {
  background-image: url(../../../Images/bg.gif);
  cursor: pointer;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center right;
}
.tablesorter th.headerSortUp {
  background-image: url(../../../Images/sort_desc.gif);
}
.tablesorter th.headerSortDown {
  background-image: url(../../../Images/sort_asc.gif);
}
#pricelist .p1 {
  background-color: #ffbfbf;
}
#pricelist .p2 {
  background-color: #feffc4;
}
#pricelist .p3 {
  background-color: #d6ffc9;
}
#pricelist .p4 {
  background-color: #dfffff;
}
#pricelist .p5 {
  background-color: #c3effb;
}
#pricelist .p6 {
  background-color: #f7daf8;
}
#pricelist .p7 {
  background-color: #ffedb0;
}
#pricelist .p8 {
  background-color: #bcfff1;
}
#pricelist .novalue {
  background-color: transparent!important;
}
/* トグルボタン */
.toggle-button .toggle-button-item {
  display: block;
  cursor: pointer;
  padding: 2px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #888;
  text-align: center;
  border-radius: 3px;
}
.toggle-button .toggle-button-item:hover {
  border-color: red;
}
.toggle-button input[type="checkbox"] {
  display: none;
}
.toggle-button input[type="checkbox"]:checked ~ .toggle-button-item {
  background-color: #fdd;
  border: 1px solid #444;
  color: black;
}
#payall-indicator {
  border: 1px solid #444;
  background-color: red;
  color: white;
}
.flex-form {
  display: flex;
}
.flex-form .form-group {
  display: inline-flex;
  padding-right: 10px;
}
.flex-form .form-group label,
.flex-form .form-group input,
.flex-form .form-group button,
.flex-form .form-group select {
  margin: 0px;
}
.flex-form .form-group .control-label {
  margin: auto 5px;
}
.flex-form .form-group .form-control {
  width: inherit;
  display: inline-block;
}
table.table-bordered > tbody > tr > td,
table.table-bordered > thead > tr > td,
table.table-bordered > tbody > tr > th,
table.table-bordered > thead > tr > th {
  border: 1px solid #404040;
}