.header {
  padding: 0; }

.header .logo {
  padding: 10px 0 10px 20px; }

.header .logo img {
  height: 40px;
  width: auto; }

h2 {
  width: 100%; }

input[type=date] {
  border: 1px solid #CCC;
  width: 140px;
  padding: 8px;
  border-radius: 2px; }

.menu {
  width: auto;
  margin-left: 50px;
  background: none;
  border-left: 1px solid #253b50; }

.menu ul li {
  border-color: #253b50;
  border-width: 1px; }

.menu ul li a {
  color: #FFF;
  font-weight: bold;
  padding: 22px 15px 22px; }

.menu ul li.selected a,
.menu ul li a:hover {
  background: #253b50; }

.submenu {
  float: left;
  width: 100%;
  background: #253b50; }

.submenu ul {
  float: left;
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0; }

.submenu ul li {
  float: left; }

.submenu ul li a {
  float: left;
  color: #FFF;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px; }

.submenu ul li.selected a {
  color: #fddc08; }

/* Produktbilder */
.product_images ul.list {
  list-style: none;
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }

.product_images ul.list li {
  float: left;
  height: 160px;
  border: 1px solid #CCC;
  padding: 10px; }

.product_images ul.list li ul {
  list-style: none;
  height: 100px;
  list-style: none;
  margin: 0;
  padding: 0; }

.product_images ul.list li ul li {
  height: auto;
  border: 0;
  padding: 0;
  text-align: center; }

.product_images ul.list li ul li img {
  width: 50%; }

.product_images h3 {
  width: 100%;
  text-align: center; }

/* Monster sida */
.pattern-edit .image {
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #CCC;
  padding: 10px; }

.pattern-edit .image .img {
  float: left;
  width: 100px;
  height: 100px;
  border: 1px solid #CCC;
  margin-bottom: 10px; }

.pattern-edit .image .img img {
  float: left;
  width: 100%; }

/* Stomhantering */
.carcass-add .step {
  float: left;
  width: 100%; }

.carcass-add h3 {
  float: left;
  width: 100%; }

.carcass-add label {
  float: left;
  background: #F7F7F7;
  padding: 10px 15px 10px 5px;
  margin: 0 5px 5px 0; }

.carcass-add div.dimension,
.carcass-add div.pattern,
.carcass-add div.step-ggr,
.carcass-add div.step-amount,
.carcass-add div.step-type {
  display: none; }

.carcass .field-new-pattern,
.carcass .field-junk-code,
.carcass .field-complaint-reason,
.carcass .field-complaint-pattern {
  display: none; }

.carcass .field-article-number input,
.carcass .field-org-pattern input,
.carcass .field-note input {
  width: 150px; }

.carcass .box-patterns-right {
  float: right; }

.carcass .box-patterns,
.carcass .box-patterns-right {
  padding: 20px;
  width: auto; }

.carcass .box-patterns h3,
.carcass .box-patterns-right h3 {
  margin-top: 0; }

/* Sortering */
ul.sortable {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%; }

ul.sortable li {
  float: left;
  width: 300px;
  padding: 0 10px;
  line-height: 34px;
  border: 1px solid #CCC;
  background: #F7F7F7;
  margin: 0 5px 5px 0; }

ul.sortable li.highlight {
  background: #FFF;
  border: 2px dashed #CCC; }

ul.sortable li:hover {
  cursor: move; }

/* Stats */
body.stats .content .main .data {
  display: flex;
  width: 100%; }
  body.stats .content .main .data .filter {
    display: flex;
    flex-direction: column;
    width: 200px; }
    body.stats .content .main .data .filter .field label {
      margin: 0 0 8px;
      padding: 0; }
    body.stats .content .main .data .filter .field ul {
      display: flex;
      flex-direction: column;
      list-style: none;
      margin: 0 0 16px;
      padding: 0; }
      body.stats .content .main .data .filter .field ul li {
        margin: 0 8px 4px 0; }
        body.stats .content .main .data .filter .field ul li.selected a {
          background: #384d61;
          border-color: #253b50;
          color: #FFF; }
        body.stats .content .main .data .filter .field ul li a {
          display: flex;
          background: #F7F7F7;
          border: 1px solid #CCC;
          border-radius: 2px;
          padding: 4px;
          text-decoration: none; }
  body.stats .content .main .data .graphs {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 200px);
    padding-left: 42px; }
    body.stats .content .main .data .graphs .graph-block {
      width: 600px;
      border: 1px solid #CCC;
      padding: 24px;
      margin: 0 32px 32px 0; }
      body.stats .content .main .data .graphs .graph-block h3 {
        margin: 0 0 24px; }
      body.stats .content .main .data .graphs .graph-block div.chart {
        width: 100%;
        height: 400px; }
      body.stats .content .main .data .graphs .graph-block table.list {
        margin-top: 32px;
        width: 100%; }

/*# sourceMappingURL=admin.css.map */