html, body {
  margin: 0;
  padding: 0; }

body.calendar_body {
  background: white; }

h1, h2, h3, h4 {
  font-family: sans-serif; }

.calendar_body h3 {
  margin: auto auto;
  text-align: center; }

a {
  text-decoration: none;
  color: blue; }
  a:hover {
    text-decoration: underline; }

.nowrap {
  white-space: nowrap; }

.pull-right {
  float: right; }

#header {
  border-bottom: 1px solid #ccc;
  background: #efefef;
  padding: 5px; }
  #header h1 {
    margin: 0;
    font-size: 0.95em; }
    #header h1 a {
      color: black; }

#person_nav {
  font-size: 0.9em; }

#signin {
  width: 270px; }

#passwordreset {
  width: 270px; }

#signin input, #signin label {
  margin: 0;
  padding: 0; }

#password {
  width: 270px; }

.auth {
  margin: auto;
  margin-top: 20px;
  border: 10px solid #ccc;
  padding: 10px;
  background: white; }
  .auth h2 {
    margin: 0; }

#person_email, #person_password, #person_password_confirmation {
  width: 100%; }

.calendar_body #global_static_notice {
  border: 1px solid #ccc;
  background: #efefef;
  padding: 5px;
  font-size: 0.9em;
  text-align: center; }
.calendar_body #equipment_notice {
  display: none;
  border: 1px solid red;
  background: #ffffef;
  padding: 5px;
  text-align: center;
  font-size: 1.3em; }
.calendar_body #calendar_menu {
  /*right:0; */
  position: absolute !important;
  padding: 5px;
  margin: 10px 5px 8px 200px; }
  .calendar_body #calendar_menu h2 {
    margin: 0; }
  .calendar_body #calendar_menu table {
    width: 100%; }
.calendar_body #calendar_instances {
  display: inline-block; }
.calendar_body #eqid {
  margin-right: 20px; }
.calendar_body #equipment_schedule_title {
  margin-top: 5px;
  margin-bottom: 5px; }
.calendar_body #equipment_menu {
  width: 300px;
  border: 1px solid black;
  margin: auto auto;
  padding: 20px 20px; }

#person_nav, #login {
  float: right; }

#newevent {
  display: none;
  height: 400px;
  width: 400px; }

.col4 {
  -moz-column-count: 4;
  -moz-column-gap: 10px;
  -webkit-column-count: 4;
  -webkit-column-gap: 10px;
  column-count: 4;
  column-gap: 10px; }

.flash {
  background: white;
  text-align: center;
  border: 1px solid #ccc;
  margin: 5px;
  padding: 5px;
  font-family: sans-serif; }
  .flash.alert {
    border: 1px solid red;
    background: #cc3333;
    color: white;
    font-weight: bold; }
  .flash.notice {
    border: 0;
    color: green; }

.deletebtn {
  margin-top: 1px;
  margin-right: 1px;
  float: right;
  cursor: pointer;
  z-index: 1000; }

.denybtn {
  margin-top: 1px;
  margin-right: 1px;
  float: right;
  cursor: pointer;
  z-index: 1000; }

.redbg {
  background: #ffefef; }

.greenbg {
  background: #efffef; }

.bluebg {
  background: #efefff; }

.commentbtn {
  float: left;
  cursor: pointer;
  z-index: 1000;
  margin-top: -1px;
  margin-right: 0; }

.halfhourtitle {
  z-index: 500; }

.editbtn {
  float: left;
  cursor: pointer;
  z-index: 1000;
  margin-top: -1px;
  margin-right: 0; }

.approvebtn {
  float: left;
  cursor: pointer;
  z-index: 1000;
  margin-top: -1px;
  margin-right: 0; }

table.data {
  background: white;
  font-size: 0.9em;
  border: 0;
  border-collapse: collapse;
  border-left: 1px solid #ccc;
  border-spacing: 0;
  border-top: 1px solid #ccc; }
  table.data th, table.data td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px; }
  table.data th {
    font-family: sans-serif;
    background: #efefef;
    border-bottom: 3px solid #ccc; }
  table.data h3 {
    margin-top: 0; }

th.order a {
  color: black; }
th.order.active {
  border-bottom: 3px solid #000; }
  th.order.active a {
    color: black; }

tr.odd td {
  background-color: #efefef; }
tr.cancelled td {
  background-color: #fcc;
  border: 1px solid #c99;
  border-top: 0;
  border-left: 0; }
tr.odd.cancelled td {
  background-color: #fcc; }

.clear {
  clear: both; }

.filters {
  font-family: sans-serif;
  float: right; }
  .filters b {
    color: #666; }

ul.inline {
  display: inline-block;
  padding: 0; }
  ul.inline li {
    list-style: none;
    display: inline-block;
    padding-right: 5px;
    border-right: 1px solid #ccc; }
    ul.inline li:last-child {
      border-right: 0; }

.filter.active {
  color: black;
  font-weight: bold; }

#reservation_comments {
  min-height: 200px !important;
  padding: 5px; }
  #reservation_comments form {
    height: 99%; }
    #reservation_comments form textarea {
      width: 99%; }

.ui-dialog .ui-dialog-titlebar-close span {
  margin: -8px 0 0 -8px !important; }

#lightsheet_options {
  font-size: 16px; }

/* Default color, orange */
.fc-event {
  background: #fd9883; }
  .fc-event p {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 1.2em; }
  .fc-event .fc-event-time {
    font-weight: bold;
    border: 0;
    padding: 1px;
    font-size: 0.9rem !important; }

#reservation_admin_edit hr {
  border: 0;
  border-bottom: 1px solid #ccc; }
#reservation_admin_edit label.color {
  white-space: nowrap;
  display: block;
  width: 100%; }

#calendar .fc-event, #reservation_admin_edit .fc-event, #multi_calendar .fc-event {
  border: 1px solid #ccc;
  color: black;
  cursor: pointer; }
#calendar .fc-event-title, #calendar .fc-event-main, #reservation_admin_edit .fc-event-title, #reservation_admin_edit .fc-event-main, #multi_calendar .fc-event-title, #multi_calendar .fc-event-main {
  color: black; }
#calendar .pending, #reservation_admin_edit .pending, #multi_calendar .pending {
  border: 2px dashed red; }
#calendar .red, #reservation_admin_edit .red, #multi_calendar .red {
  background: #ed5565; }
  #calendar .red .shade, #calendar .red .fc-event-time, #reservation_admin_edit .red .shade, #reservation_admin_edit .red .fc-event-time, #multi_calendar .red .shade, #multi_calendar .red .fc-event-time {
    background: #da4453; }
#calendar .orange, #reservation_admin_edit .orange, #multi_calendar .orange {
  background: #fd9883; }
  #calendar .orange .shade, #calendar .orange .fc-event-time, #reservation_admin_edit .orange .shade, #reservation_admin_edit .orange .fc-event-time, #multi_calendar .orange .shade, #multi_calendar .orange .fc-event-time {
    background: #ee7f6d; }
#calendar .yellow, #reservation_admin_edit .yellow, #multi_calendar .yellow {
  color: black;
  background: #ffdd87; }
  #calendar .yellow .shade, #calendar .yellow .fc-event-time, #reservation_admin_edit .yellow .shade, #reservation_admin_edit .yellow .fc-event-time, #multi_calendar .yellow .shade, #multi_calendar .yellow .fc-event-time {
    background: #f8cd73; }
#calendar .green, #reservation_admin_edit .green, #multi_calendar .green {
  background: #b9df90; }
  #calendar .green .shade, #calendar .green .fc-event-time, #reservation_admin_edit .green .shade, #reservation_admin_edit .green .fc-event-time, #multi_calendar .green .shade, #multi_calendar .green .fc-event-time {
    background: #a5ce78; }
#calendar .mint, #reservation_admin_edit .mint, #multi_calendar .mint {
  background: #70dabf; }
  #calendar .mint .shade, #calendar .mint .fc-event-time, #reservation_admin_edit .mint .shade, #reservation_admin_edit .mint .fc-event-time, #multi_calendar .mint .shade, #multi_calendar .mint .fc-event-time {
    background: #58ceb1; }
#calendar .aqua, #reservation_admin_edit .aqua, #multi_calendar .aqua {
  background: #7cd1ef; }
  #calendar .aqua .shade, #calendar .aqua .fc-event-time, #reservation_admin_edit .aqua .shade, #reservation_admin_edit .aqua .fc-event-time, #multi_calendar .aqua .shade, #multi_calendar .aqua .fc-event-time {
    background: #66c1e2; }
#calendar .blue, #reservation_admin_edit .blue, #multi_calendar .blue {
  background: #8bb8f1; }
  #calendar .blue .shade, #calendar .blue .fc-event-time, #reservation_admin_edit .blue .shade, #reservation_admin_edit .blue .fc-event-time, #multi_calendar .blue .shade, #multi_calendar .blue .fc-event-time {
    background: #75a5e4; }
#calendar .purple, #reservation_admin_edit .purple, #multi_calendar .purple {
  background: #cdbdf4; }
  #calendar .purple .shade, #calendar .purple .fc-event-time, #reservation_admin_edit .purple .shade, #reservation_admin_edit .purple .fc-event-time, #multi_calendar .purple .shade, #multi_calendar .purple .fc-event-time {
    background: #b6a2e7; }
#calendar .pink, #reservation_admin_edit .pink, #multi_calendar .pink {
  background: #f3b3d7; }
  #calendar .pink .shade, #calendar .pink .fc-event-time, #reservation_admin_edit .pink .shade, #reservation_admin_edit .pink .fc-event-time, #multi_calendar .pink .shade, #multi_calendar .pink .fc-event-time {
    background: #e298c4; }
#calendar .gray, #reservation_admin_edit .gray, #multi_calendar .gray {
  background: #ccd1d9; }
  #calendar .gray .shade, #calendar .gray .fc-event-time, #reservation_admin_edit .gray .shade, #reservation_admin_edit .gray .fc-event-time, #multi_calendar .gray .shade, #multi_calendar .gray .fc-event-time {
    background: #aab2bd; }

#admin_content {
  padding: 10px; }

.event_delete_reservation {
  color: white;
  cursor: pointer; }

.other-equipment {
  background: #ccd1d9 !important; }
  .other-equipment .shade, .other-equipment .fc-event-time {
    background: #aab2bd !important; }

.fc-header-toolbar {
  padding-top: 20px;
  padding-right: 20px; }