.wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.q-btn .q-focus-helper {
  display: none !important;
}

/* page transistion */
.slide-bottom-enter-active {
  transition: opacity 0.25s ease-in-out, transform 0.1s ease-in-out;
}

.slide-bottom-leave-active {
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}

.slide-bottom-enter,
.slide-bottom-leave-to {
  opacity: 0;
  transform: translate3d(0, 15px, 0);
}

.login-bg {
  background-image: url('/assets/images/bg-login.jpg');
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.default-btn {
  min-width: unset !important;
  min-height: unset !important;
  padding: 2px 15px 2px 15px !important;
  font-size: 100% !important;
  text-transform: unset !important;
}

.notif-btn {
  min-width: unset !important;
  min-height: unset !important;
  padding: 2px 5px 2px 5px !important;
  font-size: 100% !important;
  text-transform: unset !important;
}

.q-field__label {
  color: rgba(0, 0, 0, 0.6) !important;
}

a {
  color:  unset !important;
  text-decoration: none !important;
}

.q-table__container {
  box-shadow: none !important;
}

.q-timeline__subtitle {
  margin-bottom: 2px !important;
  opacity: 0.8 !important;
  text-transform: unset !important;
}

.just-scan-btn {
  padding-left: 45px;
}

.q-date__header-title-label {
  font-size: 16px !important;
}

.villa-checklists .q-table, .reservations .q-table {
  margin-top: -15px !important;
}

.sortable-icon {
  cursor: move;
}

.checklist-notes {
  font-size: 90% !important;
  color: brown !important;
  margin-top: -6px !important;
}

.checklist-title {
  font-size: 95% !important;
  line-height: 1 !important;
  padding-top: 4px !important;
}

.reservation-btn .q-btn-dropdown--simple * + .q-btn-dropdown__arrow {
  margin-right: -6px !important;
  margin-left: unset !important;
}
.reservation-btn .q-btn .q-icon, .q-btn .q-spinner {
  font-size: 1.5em !important;
}

.q-tab {
  text-transform: unset !important;
}

.notification-tab .q-tab {
  padding: 3px 0 3px 0 !important;
}

.notification-tab .q-tab::after {
  background: transparent !important;
}

.drawer-notifcation .q-tab-panel {
  padding: 10px !important;
}

.department .q-tab, .department .q-tab-panel {
  padding: 0 !important;
}

.department .q-tab .q-badge {
  top: 0 !important;
  right: -20px !important;
}

.checklists .q-tab, .department .q-tab-panel {
  padding: 0 !important;
}

.checklists .q-tab .q-badge, .department .q-tab .q-badge {
  top: 0 !important;
  right: -45px !important;
}

.checklists .q-tab {
  margin-right: 85px !important;
}

.checklists .counter, .department .counter {
  padding: 0 6px 0 6px !important;
  height: 20px !important;
  font-size: 85%;
  line-height: 1.6;
  color: #fff;
  border-radius: 25px;
  position: absolute;
  top: 0;
  margin-left: 2px;
}

.department .q-tab {
  margin-right: 60px !important;
}

.checklists-mobile-counter {
  padding: 3px 8px 3px 8px; border-radius: 25px; color: #fff;
}

.handle {
  cursor: move !important;
}

.q-message-stamp, .q-message-label {
  font-size: 11px !important;
}