@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.dqpl-layout {
  top: 50px;
  padding: 9px 9px 0 9px;
  position: fixed;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dqpl-layout .dqpl-main-content {
  padding: 9px 9px 0 9px;
  border-left: 6px solid transparent;
}
.dqpl-layout .dqpl-main-content:focus {
  outline: 0;
  border-left-color: #283640;
}
.dqpl-layout .dqpl-main-content.dqpl-collapsed {
  margin-left: 0;
}
.dqpl-layout .dqpl-main-content .dqpl-content-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  -ms-flex-item-align: baseline;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 16px;
}
.dqpl-layout .dqpl-main-content .dqpl-content-header h1 {
  margin: 0 20px 0 0;
  padding: 0;
  font-size: 56px;
  color: #0b0e11;
  font-weight: 300;
}
.dqpl-layout .dqpl-main-content .dqpl-content-header h2,
.dqpl-layout .dqpl-main-content .dqpl-content-header h3 {
  padding: 0;
  margin: 0;
  color: #666666;
  font-weight: 300;
  font-size: 34px;
}
.dqpl-layout .dqpl-main-content .dqpl-content-body {
  max-width: 1000px;
}
.dqpl-layout .dqpl-main-content .dqpl-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.dqpl-layout .dqpl-main-content .dqpl-column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dqpl-content-block,
[data-skip-target="true"] {
  position: relative;
}
.dqpl-content-block::before,
[data-skip-target="true"]::before {
  content: '';
  position: absolute;
  left: -15px;
  background-color: transparent;
  top: 0;
  bottom: 0;
  width: 6px;
}
.dqpl-content-block:focus,
[data-skip-target="true"]:focus {
  outline: 0;
}
.dqpl-content-block:focus::before,
[data-skip-target="true"]:focus::before {
  background-color: #283640;
}
@media (min-width: 1024px) {
  body .dqpl-side-bar {
    display: block;
    left: 0;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    transition: left 0.3s;
  }
  body .dqpl-top-bar .dqpl-menu-trigger {
    display: none;
  }
  body:not(.dqpl-no-sidebar) .dqpl-layout {
    left: 257px;
  }
  body:not(.dqpl-no-sidebar) .dqpl-toast {
    left: 257px;
  }
}
@media (max-width: 768px) {
  .dqpl-top-bar > ul > li[role='menuitem'].dqpl-account-item .dqpl-avatar {
    margin-right: 0 !important;
  }
  .dqpl-top-bar > ul > li[role='menuitem'].dqpl-account-item .dqpl-account-info {
    display: none;
  }
}
@media (max-width: 460px) {
  body .dqpl-modal .dqpl-modal-inner {
    width: 301px;
  }
}
