:root {
  --app-zoom: 1;

  --u-header: #f6c79f;
  --u-black-white: white;
  --u-white-black: black;
  --u-back-col-head: rgba(100, 100, 100, 0.6);
  --u-ok: green;
  --u-not-ok: red;
  --u-highlight-background: #b3a792;
  --u-highlight-color: black;
  --u-highlight2: #d5e194;
  --u-help-icon: #17a2b8;
  --u-button-background: #73aac552;
  --u-button-border: rgb(242 255 241 / 48%);
  --u-button-color: rgb(242 243 196);
  --u-popup-background: #4d4946;
  --u-popup-border: rgb(242 255 241);

  --u-dialog-background: #21333c;
  --u-input-background: #404040;
  --u-label-color: #cfa690;
  --u-background-color: #9399af59;
  --u-background-color-content: #8f8a8459;
  --u-online-mark-color: yellow;
  --u-book-outdated-background: #80808021;
  --u-book-reserved-background: #8072004d;
  --u-book-free-background: #d3d3d33b;
  --u-book-blocked-background: brown;
  --u-shadow-color: gray;
  --u-card-background-color: #80808021;
  --u-background-advertising:#f0e380e8;
  --u-error-color: hotpink;
  --u-logged-in-color: #f6c79f;
  --u-not-logged-in-color: #ff8050;
}

.main-header{
  background-image: url('../images/header-logo.png');
  background-size: 10em;
  background-repeat: repeat-x;
}
.p-sidebar {
  background: #54647a;
}