html,
body {
  width: 100%;
  height: 100%;
}
.qt-full-height {
  height: 100%;
}
.uk-list.qt-list-space li {
  padding: 8px 8px;
  margin: 0;
}
.uk-list.qt-list-hover li:hover {
  background-color: #f0f0f0;
}
/*
 * Padding
 */
.qt-padding {
  padding: 10px;
}
.qt-padding-top {
  padding-top: 10px !important;
}
.qt-padding-bottom {
  padding-bottom: 10px !important;
}
.qt-padding-left {
  padding-left: 10px !important;
}
.qt-padding-right {
  padding-right: 10px !important;
}
.qt-padding-large {
  padding: 20px;
}
.qt-padding-large-top {
  padding-top: 20px !important;
}
.qt-padding-large-bottom {
  padding-bottom: 20px !important;
}
.qt-padding-large-left {
  padding-left: 20px !important;
}
.qt-padding-large-right {
  padding-right: 20px !important;
}
.qt-padding-small {
  padding: 5px;
}
.qt-padding-small-top {
  padding-top: 5px !important;
}
.qt-padding-small-bottom {
  padding-bottom: 5px !important;
}
.qt-padding-small-left {
  padding-left: 5px !important;
}
.qt-padding-small-right {
  padding-right: 5px !important;
}
.qt-padding-remove {
  padding: 0 !important;
}
.qt-padding-top-remove {
  padding-top: 0 !important;
}
.qt-padding-bottom-remove {
  padding-bottom: 0 !important;
}
.qt-padding-left-remove {
  padding-left: 0 !important;
}
.qt-padding-right-remove {
  padding-right: 0 !important;
}
/*
 * Border
 */
.qt-border {
  border: 1px solid #dddddd !important;
}
.qt-border-top {
  border-top: 1px solid #dddddd !important;
}
.qt-border-right {
  border-right: 1px solid #dddddd !important;
}
.qt-border-bottom {
  border-bottom: 1px solid #dddddd !important;
}
.qt-border-left {
  border-left: 1px solid #dddddd !important;
}
/*
 * Clickable
 */
.qt-clickable {
  cursor: pointer;
}
/*
 * Overflow
 */
.qt-full-parent-size {
  width: 100%;
  height: 100%;
}
.qt-not-scrollable {
  overflow: hidden;
}
.qt-scrollable-vertical {
  overflow-y: auto;
}
.qt-scrollable-horizontal {
  overflow-x: auto;
}
.qt-scrollable-both {
  overflow: auto;
}