html{
  font-size:100%;
}
*{
  font-family: 'Lucida Grande','Lucida Sans','Open Sans',sans-serif;
}
button{
  -webkit-appearance: button;
  color: #fff;
  background-color: #002D5C;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
  cursor: pointer;
}
button.disabled{
  cursor: default;
  background-color: #002D5C91;
}

.no-close .ui-dialog-titlebar-close {display: none }
.ui-widget-header {
  background: #002D5C91;
  border: #002D5C;
  color: white;
}

#user_slots {
  overflow: auto;
  width: 100%;
  white-space: nowrap;
}
.fa_slot {
  font-size: 2rem;
}

.slots {
  list-style: none;
  padding: 0;
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.slot {
  text-align: center;
  width: 8rem;
  border: 1px solid #002D5C;
  cursor: pointer;
  border-radius: 10px;
  font-size: 2rem;
}
.slots > li.reserved {
  cursor: default;
  color: darkgrey;
  background-color: lightgrey;
  border: 1px solid darkgrey;
}
.slots > li.selected{
  background-color: #002D5C91;
  border: 1px solid darkgrey;
}
#slots > li.unselectable {
  cursor: default;
  color: darkgrey;
  background-color: lightgrey;
  border: 1px solid darkgrey;
}
.fa {
  font-family: FontAwesome;
}
.trash::before {
  margin-right: 10px;
}
.slot-trash > span {
  display: '';
}
.slot-trash-hidden > span {
  display: none; 
}
.user_slot {
  text-align: center;
  padding: 0 10px 10px 10px;
}
.user_slot:last-child {
  border-radius: 0 0 10px 10px;
}
#overdue_users {
  margin-bottom: 20px;
  color: red;
  font-size: 2rem;
}
#overdue_users > span {
  margin-bottom: 10px;
}
#user_slots1 > div {
  display: table;
}
.user_slot_col {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  text-align: center;
  border: solid 1px #002D5C;
}
.user_slot_col > .slots {
  flex-direction: column;
}
.seat_head {
  border-radius: 10px 10px 0 0;
  padding: 10px;
  background: #002D5C91;
  color: white;
}
.slots > hr {
  width: 90%;
  color: #002D5C;
}
.day_head {
  text-align: center;
  margin-bottom: 10px;
  font-size: 2rem;
}
.day_head_day {
  margin-left: 10px;
  margin-right: 10px;
}
.day_head_prev_next {
  font-weight: bold;
}
.day_slot {
  min-width: 230px;
}
.marg_right {
  margin-right: 10px;
}
.marg_left {
  margin-left: 10px;
}
.marg_bottom {
  margin-bottom: 10px;
}
.slot_edit {
  margin-right: 10px;
}
.fa {
  cursor: pointer;
  color: #002D5C;
}
input {
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 2rem;
}
#user_id, #pass, #uid {
  font-size: 2rem;
}
#pass, #uid {
  width: 500px;
}
select, label, .big_symbol {
  font-size: 2rem;
  border-radius: 4px;
}
#reload_user_slots, #reload_slots, #reload_hall_slots {
  font-size: 3rem;
  margin-left: 30px;
  color: #002D5C;
}
.reserve_button {
  cursor: pointer;
}
.fa-trash-overdue {
  color: red;
  margin-right: 10px;
}
.edit_user_slots {
}
.user_slot_current {
  background-color: #71B4FB91;
}
.user_slot_in_use {
  background-color: #007AFB91;
}
.user_slot_not_in_use.slot_users
{
  background-color: orange;
  color: white;
}
.user_slot_in_use.slot_users
{
  background-color: red;
  color: white;
}

.fa-user-circle-o {
  margin-left: 10px;
  cursor: default;
}
.user_slot_overdue {
  background-color: red;
  color: white;
}
.input {
  width: initial;
}
.user_id_input {
  width: 7rem;
  padding: 0;
}
.ui-datepicker {
  font-size: 2rem;
}
.slot_disabled {
  color: darkgrey;
  background-color: lightgrey;
  border: 1px solid darkgrey;
  cursor: default;
}

.timepicker {
  width: 8rem;
}

.timepicker_label {
  display: inline-block;
  width: 5rem;
}

.ui-timepicker-standard {
  z-index: 102 !important;
}

#t1.timepicker, #t2.timepicker {
  font-size: 2rem;
}

#special_users {
  float: left;
}
.fa-large {
  font-size: 3rem;
  margin-left: 30px;
  color: #002D5C;
}
.seat_table {
  border-spacing: 0 5px;
}
.seat_table tr > td:nth-child(1) {
  border-radius: 10px 0 0 10px;
  padding-left: 10px;
}
.seat_table tr > td:last-child {
  border-radius: 0 10px 10px 0;
  padding-right: 10px;
}
.seat_table tr:nth-child(odd) > td {
  background-color: #64B0FF59;
}
.seat_table tr.inactive > td {
  background-color: lightgrey;
}
.seat_table td > span.inactive {
  display: none;
}
.seat_table tr.new_seat:nth-child(odd) td {
  background-color: #00800082;
}
.seat_table tr.new_seat:nth-child(even) td {
  background-color: #0080004d;
}
.days {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.seats_time_input {
  width: 70px;
}
.move_to {
  color: green;
  font-size: 3rem;
}

@media only screen and (max-width: 64em) {
  html{
    font-size:200%;
  }

  .slot {
    font-size: 2rem;
  }
  .fa_slot {
    font-size: 3rem;
  }
}
.log_buttons
{
  clear: both;
}
.log_buttons > span
{
  font-size: 4rem;
}
.log_buttons > button
{
  font-size: 2rem;
}
#language_selector > img
{
  width: 3rem;
}