@charset "UTF-8";
html,
body {
  height: 100%; }

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 60px 0 80px; }

.footer {
  height: 60px;
  color: #767676; }
  .footer .container {
    padding-top: 20px;
    border-top: 1px solid #eee; }

.nav-sidebar {
  display: inline-block;
  border-right: 1px solid #ddd; }
  .nav-sidebar > li {
    padding-right: 2px; }
    .nav-sidebar > li > a:hover {
      border-color: transparent; }
    .nav-sidebar > li.active {
      border-right: 2px solid #337ab7;
      padding-right: 0px; }
      .nav-sidebar > li.active > a, .nav-sidebar > li.active > a:hover, .nav-sidebar > li.active > a:focus {
        color: #337ab7; }

#tab-submit .nav-sidebar, #tab-usage .nav-sidebar {
  margin-top: 20px; }
  #tab-submit .nav-sidebar.affix, #tab-usage .nav-sidebar.affix {
    margin-top: -100px; }

.banner {
  position: relative;
  padding: 5px 0px 15px;
  margin-top: -10px;
  margin-bottom: 10px;
  background: linear-gradient(9deg, #337ab7 0%, #333f6d 100%);
  border-radius: 0px; }
  .banner:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/banner-pattern.png) repeat center center;
    background-size: 150px 150px;
    opacity: .6; }
  .banner h1, .banner h2, .banner h3 {
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 0, 0, 0.075); }

.hr-collapse {
  display: block;
  padding: 5px 0;
  position: relative; }
  .hr-collapse hr {
    margin: 0;
    margin-bottom: 10px; }
  .hr-collapse span.glyphicon {
    position: absolute;
    right: 50%;
    top: 0px;
    background: white;
    margin-left: -5px;
    color: #aaa;
    font-size: 10px; }
    .hr-collapse span.glyphicon:before {
      content: "\e113"; }
  .hr-collapse.collapsed span.glyphicon:before {
    content: "\e114"; }

.inline-label {
  float: left;
  min-width: 60px;
  line-height: 34px;
  margin-right: 5px;
  margin-bottom: 0px; }

.inline-control {
  display: table-cell;
  width: 1%; }

.prop-group {
  margin-bottom: 5px; }

.prop-label {
  float: left;
  min-width: 60px;
  margin-right: 10px;
  margin-bottom: 0px; }

.prop-content {
  display: table-cell; }

hr.small {
  margin-top: 5px;
  margin-bottom: 10px;
  clear: both; }

.rt-legend {
  float: left;
  width: 40px;
  height: 30px;
  margin: 2px;
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
  line-height: 30px; }

.rt-date-container {
  width: auto;
  overflow-y: hidden;
  margin-left: 90px;
  margin-bottom: 5px; }

.rt-date-row {
  display: inline-block;
  padding: 3px 0px;
  background-color: #337ab7;
  white-space: nowrap;
  color: white;
  text-align: center; }

.rt-date-item {
  display: inline-block;
  width: 90px; }

.rt-room-col {
  float: left;
  width: 90px;
  min-height: 1px;
  text-align: center; }

.rt-room-item {
  height: 90px;
  padding-top: 30px; }
  .rt-room-item:nth-child(odd) {
    background-color: auto; }
  .rt-room-item:nth-child(even) {
    background-color: #f3f3f3; }

.rt-table-content {
  width: auto;
  overflow-y: hidden; }

.rt-table-row {
  height: 90px;
  white-space: nowrap; }
  .rt-table-row:nth-child(odd) {
    background-color: auto; }
  .rt-table-row:nth-child(even) {
    background-color: #f3f3f3; }

.rt-table-cell {
  display: inline-block;
  position: relative;
  width: 84px;
  height: 84px;
  padding: 2px;
  margin: 3px;
  line-height: 20px;
  border-radius: 4px; }
  .rt-table-cell:not(.disabled) {
    cursor: pointer; }
  .rt-table-cell:not(.disabled):hover {
    background-color: #c4c4c4; }
  .rt-table-cell .content {
    width: 100%;
    height: 100%; }
  .rt-table-cell .caption {
    position: absolute;
    display: table;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(255, 0, 0, 0.3); }
    .rt-table-cell .caption > .text {
      display: table-cell;
      text-shadow: 2px 2px 8px #000000;
      white-space: normal;
      vertical-align: middle;
      color: white;
      font-size: 13px;
      line-height: 16px;
      text-align: center; }
  .rt-table-cell .cell {
    float: left;
    width: 18px;
    height: 18px;
    margin: 1px;
    line-height: 18px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px; }

.hourselect {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  margin-top: 5px;
  line-height: 30px;
  border-radius: 5px; }
  .hourselect > div {
    float: left;
    width: 26px;
    height: 26px;
    margin: 2px;
    line-height: 26px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer; }

.modal-footer {
  position: relative; }

.modal-countDown {
  position: absolute;
  left: 15px;
  bottom: 15px; }

.note {
  width: 230px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px; }
  .note-row {
    margin-bottom: 5px; }
  .note-label, .note-content {
    display: table-cell; }
  .note-hour {
    display: inline-block;
    width: 20px;
    text-align: center; }
  .note-legend {
    display: inline-block;
    padding: 1px 3px;
    margin-right: 3px;
    border-radius: 4px; }

.z-rt-free {
  background: #93EBA5;
  color: black; }

.z-rt-ordered {
  background: #F0C862;
  color: white; }

.z-rt-used {
  background: #F37777;
  color: white; }

.z-rt-locked {
  background: #CECECE;
  color: black; }

.z-rt-choosen {
  background: #30971D;
  color: white; }

#login-panel {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto; }

/*
.form-group {
  margin-bottom: 5px;
  overflow: hidden;
  _height: 1%;
}*/
.label {
  padding: .1em .6em .2em; }

.pagination {
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none; }

.panel-lock {
  position: relative; }

.btn-lockedit {
  position: absolute;
  right: 70px;
  top: 5px; }

.btn-lockdel {
  position: absolute;
  right: 20px;
  top: 5px; }

.select-dept {
  display: inline;
  width: 100%;
  margin-bottom: 5px; }

@media (min-width: 768px) {
  .select-dept {
    margin-right: 2%;
    width: 31.3%; } }

.carousel-caption {
  left: 10%;
  right: 10%;
  top: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  bottom: auto;
  text-shadow: 1px 1px 2px #000000, 0px 0px 20px #000000; }
  .carousel-caption p {
    text-align: left;
    font-size: 14px;
    text-indent: 28px; }

@media screen and (min-width: 768px) {
  .carousel-caption {
    top: 20px;
    left: 15%;
    right: 15%;
    bottom: auto; }
    .carousel-caption p {
      text-align: left;
      font-size: 18px;
      text-indent: 36px; } }

.roomtable {
  position: relative;
  padding-left: 90px;
  padding-top: 36px; }
  .roomtable .date-list {
    position: absolute;
    display: block;
    top: 0;
    left: 90px;
    right: 0;
    min-height: 20px;
    padding: 2px 0;
    list-style-type: none;
    white-space: nowrap;
    overflow-x: scroll;
    background-color: #337ab7;
    color: #fff; }
  .roomtable .date-item {
    display: inline-block;
    text-align: center;
    width: 90px; }
  .roomtable .room-list {
    position: absolute;
    display: block;
    top: 30px;
    left: 0;
    right: 0;
    padding: 0;
    list-style-type: none;
    text-align: center; }
  .roomtable .room-item {
    display: block;
    height: 90px;
    padding-top: 30px; }
    .roomtable .room-item:nth-child(even) {
      background-color: #f3f3f3; }
    .roomtable .room-item .text {
      width: 90px; }
  .roomtable-content {
    position: relative;
    display: block;
    overflow-x: scroll; }
  .roomtable-cell {
    cursor: pointer; }
    .roomtable-cell:not(.disabled):hover .choosen {
      fill: #ddd; }
    .roomtable-cell.disabled {
      cursor: default; }

.apply-form button {
  min-width: 50px; }
  .apply-form button.btn-submit {
    min-width: 100px; }

.hour-choose .main > rect, .hour-choose .main > text {
  cursor: pointer; }

.hour-choose .legend {
  vertical-align: bottom; }

.hour-choose .text-hour {
  display: inline-block;
  min-width: 20px;
  text-align: center; }

.hour-choose .has-error {
  color: #a94442; }

.dept-select .select-control {
  display: inline;
  width: 100%;
  margin-bottom: 5px; }

@media (min-width: 768px) {
  .dept-select .select-control {
    margin-right: 2%;
    width: 31.3%; } }

.img-captcha {
  display: block;
  min-width: 120px;
  min-height: 36px;
  margin-bottom: 5px; }

.room-usage .order-item, .room-usage .lock-item {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-left-width: 5px;
  border-radius: 3px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); }
  .room-usage .order-item .title, .room-usage .lock-item .title {
    font-size: 20px; }
  .room-usage .order-item.approved, .room-usage .lock-item.approved {
    border-left-color: #d9534f;
    border-left-color: #5cb85c; }
    .room-usage .order-item.approved .title, .room-usage .lock-item.approved .title {
      color: #a94442; }
    .room-usage .order-item.approved .title, .room-usage .lock-item.approved .title {
      color: #3c763d; }
  .room-usage .order-item.pending, .room-usage .lock-item.pending {
    border-left-color: #f0ad4e; }
    .room-usage .order-item.pending .title, .room-usage .lock-item.pending .title {
      color: #8a6d3b; }
  .room-usage .order-item.rejected, .room-usage .lock-item.rejected {
    border-left-color: #d9534f; }
    .room-usage .order-item.rejected .title, .room-usage .lock-item.rejected .title {
      color: #a94442; }

.info-table {
  display: table;
  width: 100%; }

.info-row {
  display: table-row; }

.info-cell {
  display: table-cell;
  width: 1%; }

.alert.fixed {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 50px;
  opacity: 0.8; }

/*# sourceMappingURL=app.css.map */