body {
  font-size: 1rem;
}
a {
  color: #383837;
}
a:hover {
  color: #b1aba1;
}
.bg-dark {
  background-color: #383837 !important;
}
.bg-light {
  background-color: #b1aba1 !important;
}
.bg-light.brand-westfalia {
  background-color: #2e3588 !important;
}
.bg-light.brand-stylevan-emotion {
  background-color: #303030 !important;
}
.btn-primary {
  color: #FFF;
  background-color: #383837;
  border-color: #383837;
}
.btn-primary:hover {
  background-color: #776f6d;
  border-color: #776f6d;
}
.card-header {
  background-color: #383837;
  color: #FFF;
  border-bottom: 1px solid #383837;
}
.h1,
h1 {
  font-size: 2rem;
}
/*
   * Sidebar
   */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  /* Behind the navbar */
  padding: 48px 0 0;
  /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
}
.sidebar .nav-link {
  font-weight: 400;
  text-transform: uppercase;
  color: #FFF;
}
.sidebar .nav-link.active {
  color: #383837;
}
.sidebar.brand-westfalia .nav-link {
  color: #DADADA;
}
.sidebar.brand-westfalia .nav-link.active {
  color: #FFF;
}
.sidebar.brand-stylevan-emotion .nav-link {
  color: #DADADA;
}
.sidebar.brand-stylevan-emotion .nav-link.active {
  color: #FFF;
}
.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  /* Scrollable contents if viewport is shorter than content. */
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}
.sidebar-heading {
  text-transform: uppercase;
  color: #b1aba1;
  background-color: #FFF;
  text-align: center;
  padding: 10px;
  margin: 0 4px;
}
/*
 * Content
 */
[role="main"] {
  padding-top: 133px;
  /* Space for fixed navbar */
}
@media (min-width: 768px) {
  [role="main"] {
    padding-top: 48px;
    /* Space for fixed navbar */
  }
}
/*
 * Navbar
 */
.navbar-brand {
  /*  padding-top: .75rem;
  padding-bottom: .75rem;*/
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
  white-space: normal;
}
.navbar-brand .logo {
  margin-right: 10px;
  max-height: 40px;
}
.navbar {
  white-space: normal;
}
.navbar,
.navbar a {
  color: #FFF;
}
.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}
.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
form .vich-file {
  display: inline-block;
}
form .vich-file input[type="file"] {
  margin-bottom: 10px;
}
.form-error {
  color: #DD0000;
  padding-left: 150px;
}
.form-error ul {
  list-style-type: none;
  padding: 0;
}
.brand-container {
  display: flex;
  justify-content: space-around;
}
.brand-container a {
  line-height: 50px;
  display: inline-block;
  padding: 0 10px;
}
.brand-container a.active {
  background-color: #b1aba1;
}
.brand-container a.active.brand-westfalia {
  background-color: #2e3588;
}
.brand-container a.active.brand-stylevan-emotion {
  background-color: #303030;
}
ul.categories-grid {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
ul.categories-grid li {
  flex: 0 0 auto;
  width: calc(25% - 60px);
  text-align: center;
  margin: 10px 30px;
}
ul.categories-grid li .cat-icon {
  font-size: 3rem;
  color: #b1aba1;
}
ul.categories-grid li .commands {
  position: absolute;
  bottom: -24px;
  text-align: center;
  width: 100%;
}
ul.categories-grid a:hover {
  text-decoration: none;
}
.breadcrumb {
  background-color: transparent;
  padding: 0;
}
.breadcrumb a:hover {
  text-decoration: none;
  color: #383837;
}
#dropzone {
  background-color: #EEE;
  border: 2px dashed #DDD;
  border-radius: 3px;
  min-height: 100px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 10px;
}
#dropzone .hint {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
  color: #CCC;
  pointer-events: none;
}
#dropzone.dragover {
  background-color: #1c7430;
}
#dropzone .preview {
  width: auto;
  z-index: 10;
  position: relative;
  border-radius: 3px;
  text-align: center;
  padding: 10px;
  background-color: #FFF;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=153, Color=#E0CFD5)";
  /*IE 8*/
  -moz-box-shadow: 2px 1px 4px 2px rgba(224, 207, 213, 0.5);
  /*FF 3.5+*/
  -webkit-box-shadow: 2px 1px 4px 2px rgba(224, 207, 213, 0.5);
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 2px 1px 4px 2px rgba(224, 207, 213, 0.5);
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#E0CFD5);
  /*IE 5.5-7*/
}
#dropzone .preview .spinner {
  position: absolute;
  top: calc(50% - 22px);
  left: calc(50% - 22px);
  color: #FFF;
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color=#000000)";
  /*IE 8*/
  text-shadow: 0 0 1px #000000;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#000000);
  /*IE 5.5-7*/
}
#uploadform {
  display: none;
}
.show-code {
  cursor: pointer;
}
.modalbody {
  margin: 10px 0;
  padding: 10px;
  background-color: #EEEEEE;
  font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
}
.ekko-lightbox-nav-overlay a:hover {
  color: #FFF;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color=#000000)";
  /*IE 8*/
  text-shadow: 0 0 1px #000000;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#000000);
  /*IE 5.5-7*/
}
.ekko-lightbox .modal-title {
  font-size: 20px;
}
.pagination {
  display: flex;
  justify-content: center;
}
.pagination > span {
  margin: 0 5px;
  background-color: #FFF;
  min-width: 20px;
  line-height: 20px;
  border-radius: 50px;
  border: 1px solid #b1aba1;
  text-align: center;
  position: relative;
  font-size: 0.8rem;
}
.pagination > span.current {
  background-color: #b1aba1;
  color: #FFF;
}
.pagination > span > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pagination > span > a:hover {
  text-decoration: none;
}
/** HELPERS **/
.w-150px {
  width: 150px;
}
.thumbnail {
  border: 1px solid #DDD;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  background: #eee;
  border: 1px solid #ccc;
}
.items-horizontal label {
  margin-left: 6px;
  margin-right: 20px;
}
.hover-move:hover {
  cursor: move;
}
.hover-container:not(:hover) .hover-item {
  visibility: hidden;
}
.flash-error {
  background-color: #D00;
  padding: 4px 10px;
  border-radius: 3px;
  color: #FFF;
}
.flash-success {
  background-color: #6cc509;
  padding: 4px 10px;
  border-radius: 3px;
  color: #FFF;
}
select.active-onhover {
  border-color: #FFF;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  padding-top: 0;
  height: auto;
}
.picture-container {
  min-height: 155px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.documentation-lastitem {
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.documentation-lastitem span {
  display: block;
}
#lang-switcher option {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: auto;
  line-height: 20px;
  padding-left: 40px;
}
.navbar-brand {
  display: flex!important;
  align-items: center;
}
.checkAllItems {
  cursor: pointer;
  font-size: 14px;
}
/*# sourceMappingURL=app.css.map */