@import "vendor/kendo/kendo.common-material.min.css";
@import "vendor/kendo/kendo.material.min.css";
@import "vendor/kendo/kendo.custom.css";
@import "vendor/fontawesome/all.min.css";
@import "vendor/hamburgers.min.css";
@import "src/animations.css";
@import "src/misc.css";
@import "src/text.css";
@import "src/form.css";
@import "src/buttons.css";
@import "src/navigation.css";
@import "src/grid.css";
@import "src/layout.css";
@import "src/login.css";
@import "src/widgets.css";
@import "src/specific.css";

/* * {
  border: 1px dashed red;
} */

:root {
  --sidebar-width: 256px;
}

html,
body {
  margin: 0;
  padding: 0;
  background: #f5f5f5;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #444444;
}

img {
  border: none;
}

ul,
ol,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
ol li {
  list-style-type: upper-alpha;
  list-style-position: inside;
}

.wrapper {
  max-width: 1280px;
}
.wrapper-sm {
  max-width: 1024px;
}
.wrapper-m {
  max-width: 1110px;
}

#themeSwitcher {
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 999;
}

#themeSwitcher i {
  color: #c8c8c8;
  padding: 10px;
  cursor: pointer;
  top: 2px;
  position: relative;
}

#printable {
  display: none;
  padding: 50px;
}

body.blurred {
  overflow: hidden;
}
body.blurred #page {
  filter: blur(5px);
  height: 100vh;
}

@media print {
  html,
  body {
    background: #ffffff;
  }
  body > *:not(#printable) {
    display: none !important;
  }
  #printable {
    display: block;
  }
}