/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wolfprint-online {
  font-size: 1.5em; }

.wolfprint-error-count-container {
  border: solid 1px #ccc;
  padding: 1.5rem;
  margin: 1rem 0; }
  .wolfprint-error-count-container a {
    text-decoration: underline; }
    .wolfprint-error-count-container a:hover, .wolfprint-error-count-container a:focus, .wolfprint-error-count-container a:active {
      text-decoration: none; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wolfprint-error-number, .wolfprint-online-percentage {
  font-family: 'GlyphaRoman', arial, sans-serif;
  font-weight: bold; }

.wolfprint-error-list .wolfprint-error-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  .wolfprint-error-list .wolfprint-error-message .wolfprint-error-number {
    display: -ms-flexbox;
    display: flex;
    font-size: 1.75em;
    padding: 0.25em; }
  .wolfprint-error-list .wolfprint-error-message .wolfprint-error-text {
    margin: auto 0.25em 0.5em 0;
    font-size: 1.25em; }

.wolfprint-status-list {
  padding: 0; }
  .wolfprint-status-list li {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0.75rem 0.5rem;
    margin: 0.75rem;
    border-left: solid 0.5rem;
    border-color: #666; }
    .wolfprint-status-list li:before {
      display: none; }
    .wolfprint-status-list li span {
      display: block;
      width: auto;
      padding: 0.25rem 0.75rem; }
      .wolfprint-status-list li span.wolfprint-printer-name {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        font-size: 0.9em; }
        .wolfprint-status-list li span.wolfprint-printer-name strong {
          font-size: 1.25em; }
      .wolfprint-status-list li span.wolfprint-printer-status {
        border: solid 0.25rem;
        border-color: inherit;
        border-radius: 0.5rem;
        font-family: 'UniversRoman', arial, sans-serif;
        font-weight: bold;
        padding-top: 0.5rem;
        color: #fff;
        background-color: #666;
        margin: auto auto auto 0;
        text-transform: uppercase; }
  .wolfprint-status-list .offline {
    border-color: #333; }
    .wolfprint-status-list .offline.wolfprint-printer-status {
      background-color: #333; }
  .wolfprint-status-list .paper_jam {
    border-color: #cc0000; }
    .wolfprint-status-list .paper_jam.wolfprint-printer-status {
      background-color: #cc0000; }

@media screen and (min-width: 40rem) {
  .wolfprint-status-list li.wolfprint-status-entry {
    -ms-flex-direction: row;
        flex-direction: row; }
    .wolfprint-status-list li.wolfprint-status-entry span.wolfprint-printer-name {
      min-width: 30rem; } }