html, body, input, select, textarea, .dropdown-menu, .form-control {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  color: #333; }

html, body {
  padding: 0;
  margin: 0; }

body {
  padding-bottom: 7rem; }

* {
  box-sizing: border-box; }

a {
  color: #26a;
  cursor: pointer; }

.camo, .compselector .dropdown > a {
  color: inherit;
  text-decoration: none; }

.danger {
  display: inline-block; }
  .danger, .danger:focus, .danger:hover {
    color: #c9302c; }

.form {
  clear: both; }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 6px 8px;
  line-height: 1.6; }

.navbar-default {
  margin-bottom: 15px; }

.navbar-bremsen {
  background-color: #BE1E2D;
  border: none;
  color: white; }

.navbar-clear {
  background: white;
  padding: 7px 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
  .navbar-clear .navbar-right {
    margin-right: 0; }

.navbar-default .navbar-nav > li > a {
  color: white; }
.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: white;
  background: rgba(0, 0, 0, 0.2); }
.navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:focus, .navbar-default .navbar-nav > li.open > a:hover {
  color: white;
  background: rgba(0, 0, 0, 0.2);
  font-weight: normal; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover
.navbar-default .navbar-brand {
  font-weight: bold;
  color: white; }

.navbar-default .dropdown-menu {
  border-top: none;
  left: -1px; }

.navbar img {
  height: 100%; }

.navbar-brand {
  padding: 12px; }

h1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 14rem;
  margin: 0;
  height: 4rem;
  line-height: 4rem;
  text-align: left;
  padding-left: 1.5rem;
  background: -webkit-linear-gradient(135deg, #c50b0e, #ec2828), #cb1f21;
  background: linear-gradient(315deg, #c50b0e, #ec2828), #cb1f21;
  font-family: "azo-sans-web", arial;
  color: white;
  font-size: 1.4rem;
  letter-spacing: 3px;
  font-weight: normal;
  text-transform: uppercase; }
  body.local h1 {
    background: -webkit-linear-gradient(135deg, #c50b0e, #ec2828), #cb1f21;
    background: linear-gradient(315deg, #c50b0e, #ec2828), #cb1f21; }
  body.staging h1 {
    background: -webkit-linear-gradient(135deg, #c50b0e, #ec2828), #cb1f21;
    background: linear-gradient(315deg, #c50b0e, #ec2828), #cb1f21; }

h2 {
  font-size: 1.5rem;
  line-height: 34px;
  margin: 15px 0;
  font-weight: 300;
  font-family: "azo-sans-web", arial; }

h3 {
  font-size: 1.333rem;
  margin: 15px 0;
  padding: 0;
  font-weight: 300;
  font-family: "azo-sans-web", arial; }

h4 {
  font-size: 1.4rem;
  margin: 1em 0 0.5em;
  font-weight: 300;
  font-family: "azo-sans-web", arial; }

h2 small, h3 small {
  font-size: 70%;
  font-weight: inherit;
  color: #888;
  /*&:before {
      content: ' / ';
  }*/ }

.toast {
  list-style: none;
  padding: 15px 15px;
  text-align: left;
  font-size: 115%;
  margin: 0 0 15px;
  border: none;
  border-radius: 4px;
  z-index: 99999; }

.toast-title::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  font-smoothing: antialiased;
  padding-right: 1rem; }

.toast-success {
  border: 2px solid #139c52;
  background: white;
  color: #139c52; }
  .toast-success .toast-title::before {
    content: "\f00c"; }

.toast-error {
  border: 2px solid #BE1E2D;
  background: white;
  color: #BE1E2D; }
  .toast-error .toast-title::before {
    content: "\f071"; }

.alert-success,
.panel-success > .panel-heading,
.list-group-item-success {
  background: #EFC;
  color: #490; }

.alert-success,
.panel-success > .panel-heading,
.panel-success {
  border-color: #DCEFB6; }

.table > thead > tr.success > td,
.table > tbody > tr.success > td {
  background: #EFC; }

.table > thead > tr > td.success,
.table > tbody > tr > td.success {
  background: #EFC;
  display: table-cell; }

.badge-success {
  background: #5CB85C; }

.alert-info,
.panel-info > .panel-heading,
.list-group-item-info {
  background: #E0F5F7;
  color: #31708f; }

.alert-info,
.panel-info > .panel-heading,
.panel-info {
  border-color: #B2E2EC; }

.table > thead > tr.info > td,
.table > tbody > tr.info > td {
  background: #E0F5F7; }

.table > thead > tr > td.info,
.table > tbody > tr > td.info {
  background: #E0F5F7;
  display: table-cell; }

.badge-info {
  background: #5BC0DE; }

.alert-warning,
.panel-warning > .panel-heading,
.list-group-item-warning {
  background: #FFF6CB;
  color: #8A6D3B; }

.alert-warning,
.panel-warning > .panel-heading,
.panel-warning {
  border-color: #F7DCA5; }

.table > thead > tr.warning > td,
.table > tbody > tr.warning > td {
  background: #FFF6CB; }

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning {
  background: #FFF6CB;
  display: table-cell; }

.badge-warning {
  background: #F0AD4E; }

.alert-danger,
.panel-danger > .panel-heading,
.list-group-item-danger {
  background: #FDD;
  color: #A00; }

.alert-danger,
.panel-danger > .panel-heading,
.panel-danger {
  border-color: #EBCCD1; }

.table > thead > tr.danger > td,
.table > tbody > tr.danger > td {
  background: #FDD; }

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger {
  background: #FDD;
  display: table-cell; }

.badge-danger {
  background: #D9534F; }

.alert-error,
.panel-error > .panel-heading,
.list-group-item-error {
  background: #FDD;
  color: #A00; }

.alert-error,
.panel-error > .panel-heading,
.panel-error {
  border-color: #EBCCD1; }

.table > thead > tr.error > td,
.table > tbody > tr.error > td {
  background: #FDD; }

.table > thead > tr > td.error,
.table > tbody > tr > td.error {
  background: #FDD;
  display: table-cell; }

.badge-error {
  background: #D9534F; }

.badge-status {
  position: relative;
  top: -1px;
  right: -4px; }

.btn {
  font-size: inherit;
  padding: 9px 12px; }

.btn-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.btn-default {
  background: #eee; }
  .btn-default:active, .btn-default:focus, .btn-default:hover {
    background: #ddd; }

.primary-actions {
  margin-bottom: 15px; }
  .primary-actions .form-group {
    margin: 0 !important; }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  background-color: #aaa;
  border-color: #888; }

.btn-o-success {
  background: white;
  color: #4cae4c;
  border-color: #4cae4c; }
  .btn-o-success:hover {
    background: #449d44;
    border-color: #398439;
    color: white; }

.btn-o-warning {
  background: white;
  color: #eea236;
  border-color: #eea236; }
  .btn-o-warning:hover {
    background: #ec971f;
    border-color: #d58512;
    color: white; }

.btn-o-danger {
  background: white;
  color: #d43f3a;
  border-color: #d43f3a; }
  .btn-o-danger:hover {
    background: #c9302c;
    border-color: #ac2925;
    color: white; }

.compselector {
  position: relative;
  left: 17rem;
  height: 4rem;
  float: left;
  padding-top: 1.25rem; }
  .compselector .dropdown > a {
    margin-right: 1.5rem; }

.content {
  text-align: left;
  margin: 0 3rem 10rem 17rem;
  position: relative; }
  .content .content {
    margin-right: 0; }

.nav-pills + .content,
.collapsable-nav + .content {
  margin-left: 17rem; }

.nav-tabs + .content {
  margin: 2rem 0 0; }

.nav-collapsed + .content {
  margin-left: 5rem; }

.dropdown-menu > li > .danger {
  color: #b00; }
  .dropdown-menu > li > .danger:focus, .dropdown-menu > li > .danger:hover {
    background: #b00;
    color: white; }

.drop-box {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  width: 100%;
  text-align: center;
  padding: 25px 0;
  margin-bottom: 10px; }

.dragover {
  border: 5px dashed blue; }

.label--subtle {
  font-weight: normal; }
.label--block {
  display: block; }

.list-group-item--active {
  background-color: #E6FAE6; }

.list-group-item__focus {
  position: absolute;
  right: 15px; }

.list-group-item-buttons {
  float: right;
  margin: -1px -7px -1px 0; }

.list-group-item > input[type="text"] {
  margin: -5px 0; }

.has-error .list-group--input .list-group-item {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.list-filters {
  margin: 0;
  margin-bottom: 15px; }

.list-filters > li {
  padding: 0.75em 1em;
  margin-right: 12px;
  border: 1px solid #ddd;
  border-radius: 3px; }

.list-filters > li.list-filter-right {
  float: right;
  margin-right: 0;
  margin-left: 12px; }

.list-filters > li.list-filter-active {
  background: #eee; }

.list-filters a {
  color: #BE1E2D; }

.list-filters .dropdown-toggle {
  display: block; }

.list-filters .dropdown-menu {
  max-height: 25rem;
  overflow-y: auto;
  top: 2.05em;
  left: calc(-1rem - 1px);
  margin: 0;
  border-top-left-radius: 0; }

.list-filters label {
  margin: 0;
  font-weight: normal; }

.list-filters input[type="checkbox"] {
  margin: 0 0 0 0.5em; }

.meta-info {
  color: #888; }
  .meta-info .form-group {
    margin-right: 1em; }
  h2 + .meta-info {
    margin: -3rem 0 3rem; }

nav.main {
  background: -webkit-linear-gradient(90deg, #444, #333), #444;
  background: linear-gradient(0deg, #444, #333), #444;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  nav.main .link {
    color: white;
    line-height: 2rem;
    padding: 1rem 1rem; }
    nav.main .link.active, nav.main .link:hover, nav.main .link:focus {
      background: -webkit-linear-gradient(90deg, #333, #222), #333;
      background: linear-gradient(0deg, #333, #222), #333;
      text-decoration: none; }
  nav.main .logo {
    width: 4.25rem;
    height: 4rem;
    background: url(../../src/images/bremsen-logo.svg) 45% 50% no-repeat;
    background-color: #BE1E2D;
    background-size: 2rem auto;
    text-indent: -99999px; }

.collapsable-nav {
  float: left;
  width: 14rem;
  display: block; }
  .collapsable-nav.nav-collapsed {
    width: 3rem; }

.nav-pills.nav-stacked {
  width: 14rem;
  border-right: 1px solid #ddd; }
  .nav-pills.nav-stacked > li > a {
    padding-left: 0;
    padding-right: 0;
    color: #aaa; }
    .nav-pills.nav-stacked > li > a:focus, .nav-pills.nav-stacked > li > a:hover {
      background: none; }
    .nav-pills.nav-stacked > li > a .fa {
      font-size: 120%;
      width: 2rem;
      padding-right: 0.666rem;
      text-align: center; }
  .nav-pills.nav-stacked > li.active > a, .nav-pills.nav-stacked > li.active > a:focus, .nav-pills.nav-stacked > li.active > a:hover {
    background: none;
    color: #333; }

.nav-collapsed .nav-pills.nav-stacked {
  width: 3rem; }
  .nav-collapsed .nav-pills.nav-stacked > li > a > span {
    display: none; }

.navbar-brand {
  font-size: inherit; }

.form-inline .form-group, .navbar-form .form-group {
  margin-right: 0.5rem; }
.form-inline label, .navbar-form label {
  vertical-align: middle;
  margin: 0 0.25rem;
  font-weight: normal; }

.form-group-name {
  float: left;
  width: 100%; }
  .form-group-name .form-group {
    float: left;
    width: 15rem;
    margin: 0 0.5rem 0 0; }
    .form-group-name .form-group-xl {
      width: 77em; }
  .form-group-name .form-group + .form-group {
    width: 25rem; }

.page {
  margin-bottom: 20px; }
  .page :focus {
    z-index: 99999;
    position: relative;
    outline: -webkit-focus-ring-color auto 5px; }
  .page h3 {
    border-bottom: 1px solid #aaa;
    margin: 0;
    padding: 0.5rem 0.5rem;
    font-size: inherit;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.6;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom-width: 2px; }
  .page .page-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border: 1px solid #ddd;
    border-top: none; }
    .page .page-row .page-row {
      border: none; }
    .page .page-row + h3 {
      margin-top: 2rem; }
    .page .page-row:first-child {
      border-top: 1px solid #ddd; }
  .page .page-body {
    border: 1px solid #ddd;
    border-top: none; }
    .page .page-body .table {
      margin: 0; }
    .page .page-body .table > tbody > tr:first-child > td {
      border: none; }
  .page .page-nested .page-row {
    border-bottom: 1px solid #ddd; }
  .page .page-nested .page-row:last-child {
    border-bottom: none; }
  .page label {
    min-width: 15rem;
    white-space: nowrap;
    padding: 0.5em 0.5rem;
    margin: 0;
    line-height: 1.6; }
    .page label + *.page-cell, .page label + *.page-edit, .page label + * > *.page-cell, .page label + * > *.page-edit {
      border-left: 1px solid #ddd; }
  .page .page-cell,
  .page .page-edit {
    border-left: 1px solid #ddd; }
  .page .page-cell,
  .page .page-action,
  .page .page-edit .btn,
  .page .page-append {
    padding: 0.5em 0.875em;
    /*&.no-pad {
        padding-left: 0;
    }*/ }
  .page .page-cell,
  .page .page-append {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    line-height: 1.6; }
  .page .page-action,
  .page .page-edit .btn {
    background: #f5f5f5;
    border: none;
    border-left: 1px solid #ddd;
    border-radius: 0;
    margin: 0;
    font-size: 13px;
    height: auto;
    display: block; }
    .page .page-action i,
    .page .page-edit .btn i {
      width: 1em;
      text-align: center; }
    .page .page-action .caret,
    .page .page-edit .btn .caret {
      margin: 0 1px; }
    .page .page-action.action-edit,
    .page .page-edit .btn.action-edit {
      color: #bbb;
      border: none;
      background: transparent; }
    .page .page-action.action-save,
    .page .page-edit .btn.action-save {
      color: #0b0; }
    .page .page-action.action-discard,
    .page .page-edit .btn.action-discard {
      color: #b00; }
  .page .page-edit {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .page .page-edit input, .page .page-edit .form-control {
      display: block;
      width: 100%;
      padding: 0.5em 0.875em;
      height: 31px;
      margin: 0;
      border: none;
      box-shadow: none;
      border-radius: 0;
      font-size: inherit;
      -webkit-transition: none;
              transition: none;
      color: inherit; }
    .page .page-edit .input-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .page .page-edit .input-group-btn {
      display: block;
      width: auto; }
    .page .page-edit .dropdown-menu {
      margin: 0 0 0 -1px;
      font-size: 13px; }
  .page .page-nested {
    width: 100%;
    padding: 0; }
    .page .page-nested label {
      min-width: 15rem;
      padding-left: 1em;
      color: #999;
      font-weight: normal; }
  .page .bom-quantity {
    min-width: auto;
    width: 3rem;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    border-left: none;
    text-align: center; }
    .page .bom-quantity input {
      text-align: center;
      padding-left: 0;
      padding-right: 0; }
  .page .bom-product {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3; }
  .page .bom-type {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .page .xref-type {
    min-width: auto;
    width: 8rem;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    border-left: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .page-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 15px; }

.col-full-height {
  min-height: 100%; }

.pagination-container {
  text-align: center;
  margin: 20px 0; }

.pagination {
  margin: 0; }

.sidemenu {
  position: fixed;
  top: 4rem;
  bottom: 0;
  left: 0;
  width: 14rem;
  background: #f5f5f5;
  padding-top: 1rem;
  font-size: 1rem;
  color: #888;
  overflow-y: auto; }
  .sidemenu a {
    text-decoration: none;
    color: inherit; }
  .sidemenu__item {
    line-height: 3rem;
    padding-left: 1.5rem;
    width: 100%;
    display: block;
    margin-bottom: -0.25em; }
    .sidemenu__item--active {
      background: white;
      color: black !important; }

.table > tbody > tr.summary > td {
  font-weight: bold; }

th[align="center"] {
  text-align: center; }

th[align="right"] {
  text-align: right; }

.cell--invalid {
  color: #c9302c; }
.cell--icon {
  width: 2em; }
.cell--currency {
  width: 15%;
  min-width: 8em;
  text-align: right; }
.cell--timestamp {
  width: 15em; }
.cell--actions {
  width: 1%;
  text-align: right; }
  .cell--actions .btn-group, .cell--actions .input-group {
    margin: -2px -6px -2px 0; }
.cell--xs {
  width: 8%; }
.cell--sm {
  width: 10%; }
.cell--right {
  text-align: right; }
.cell--index {
  width: 1%;
  padding-right: 0.666rem;
  color: #999;
  font-size: 85%;
  vertical-align: bottom; }
.cell--shrink {
  width: 1px;
  white-space: nowrap; }
.cell--double {
  font-size: 125%;
  padding: 12px 8px !important; }
.cell--double-tight {
  font-size: 125%;
  padding: 10px 8px !important; }
.cell--amount {
  white-space: nowrap;
  width: 7rem; }
.cell--amount-half {
  white-space: nowrap;
  width: 3.5rem; }
.cell--amount-lg {
  white-space: nowrap;
  width: 10rem; }
.cell--part {
  width: 20%; }
.cell--drawings {
  padding: 10px 10px 10px 0 !important;
        /*border-right: none !important;

        + td {
            border-left: none !important;
        }
        &:last-child {
            padding-right: 10px !important;
        }*/ }
.cell .editable-cell {
  border-bottom: 1px dotted #000;
  text-decoration: none;
  cursor: pointer; }

.pallet-item {
  padding: 0 !important; }
  .pallet-item input {
    width: 100%;
    border: 0;
    margin: 0;
    font-size: inherit;
    text-align: right;
    padding: 12px 8px !important; }
  .pallet-item.cell--double-tight input {
    padding: 10px 8px !important; }

.pallet-item-new {
  position: relative; }
  .pallet-item-new a {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #777;
    background: #f5f5f5;
    line-height: 3.75rem;
    text-align: center;
    border: 1px solid white;
    opacity: 0; }
    .pallet-item-new a:hover, .pallet-item-new a:focus {
      opacity: 1; }

.form-table td, .form-table th {
  padding: 0.5rem 1rem 0 0; }

.input-menu-search {
  background: transparent;
  border: none !important;
  box-shadow: none !important;
  padding: 3px 20px;
  border-radius: 0;
  height: auto;
  outline: none; }

.tabular {
  font-variant-numeric: tabular-nums; }

small, .aux {
  color: #999; }

.checkbox {
  margin-top: 0; }

label.plain {
  margin: 0;
  font-weight: normal; }

.medium-editor-placeholder:after {
  font-style: normal; }

[medium-editor] {
  outline: none;
  cursor: text; }
  [medium-editor] p {
    margin-bottom: 1em; }

h2[medium-editor] {
  margin-bottom: 1.5rem; }

.editor {
  margin: 2rem 0 0; }
  .editor [medium-editor] {
    font-family: "calluna", serif;
    font-size: 1.2rem; }
    .editor [medium-editor] *:last-child {
      margin-bottom: 0; }
  .editor__blocks {
    margin-bottom: 3rem; }
  .editor__section {
    display: block;
    margin-bottom: 1rem;
    max-width: 60rem;
    position: relative; }
    .editor__section img {
      max-width: 100%; }
    .editor__section block {
      display: block; }
    .editor__section__actions {
      display: block;
      position: absolute;
      top: 0;
      left: 100%;
      cursor: pointer;
      color: #ccc;
      margin-left: 1rem;
      width: 4rem; }
      .editor__section__actions i {
        margin-right: 0.25rem; }
  .editor__toolbox i {
    margin-right: 0.25rem; }

.file__preview {
  float: left;
  width: 5rem; }
.file__info {
  margin-left: 5rem;
  padding-left: 1rem; }

.modal-backdrop {
  position: fixed;
  bottom: 0; }

.input-group .form-control {
  min-width: 6rem; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.file:before, .participants:before, .file:after, .participants:after {
  content: "";
  display: table; }
.file:after, .participants:after {
  clear: both; }

.panel-body .form-group:last-child {
  margin-bottom: 0; }

.btn-add-supplier {
  margin-top: 6px; }

.dropdown-trigger {
  padding: 0.5em 0.5em;
  color: #888;
  cursor: pointer; }

.popover-trigger {
  border-bottom: 1px dotted #555;
  cursor: pointer; }

.popover .table {
  margin-bottom: 0; }

.popover .table > tbody > tr:first-child > td {
  border: none; }

.banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  text-align: right; }

a .edit-link {
  color: #999; }

.main-content {
  position: relative; }

.search {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 16rem; }

.image {
  width: 100%;
  padding-top: 60%;
  position: relative;
  display: block;
  margin-bottom: 10px; }
  @media (min-width: 50em) {
    .image {
      width: 50%;
      padding-top: 30%;
      float: left;
      margin-bottom: 0; } }
  .image > * {
    position: absolute; }
  .image-content {
    background: #e2e2e2;
    z-index: 1;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 10px;
    right: 0;
    bottom: 0; }
    .image-content::after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      border: 1px solid rgba(0, 0, 0, 0.1);
      pointer-events: none; }
  .image-progress {
    top: 50%;
    left: 20%;
    right: 20%;
    bottom: auto;
    z-index: 2;
    margin-top: -15px;
    background: rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    height: 30px;
    border-radius: 4px;
    padding: 2px; }
    .image-progress-bar {
      height: 26px;
      background: white;
      background: -webkit-linear-gradient(270deg, white, #eee);
      background: linear-gradient(180deg, white, #eee);
      border-radius: 2px;
      -webkit-transition: width ease 0.2s;
              transition: width ease 0.2s; }
  .image-title {
    background: rgba(255, 255, 255, 0.75);
    top: 1px;
    left: 11px;
    right: 1px;
    padding: 0.5rem;
    z-index: 2;
    font-weight: bold;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
  .image-upload {
    z-index: 3;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    margin: -25px 0 0 -25px;
    opacity: 0.5;
    -webkit-transition: 0.25s ease-in-out opacity;
            transition: 0.25s ease-in-out opacity;
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
    .image-upload:hover {
      color: white; }
    .image-upload i {
      font-size: 50px;
      line-height: 50px; }
  .image:hover .image-upload {
    opacity: 1; }

.btn-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 4px 2px; }
  .btn-flex .btn {
    margin: 0 0 0.5rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: block;
    margin-right: 6px; }
  .btn-flex .btn:last-child {
    margin-right: 0; }

.approval-btns {
  width: 15rem; }

@media print {
  html, body {
    font-size: 8pt;
    color: black; }

  body {
    margin: 0; }

  h2 {
    padding-bottom: 0.666em; }

  .sidemenu,
  .user {
    display: none; } }
@media (max-width: 48em) {
  .header {
    color: white;
    border: none; }
    .header h1 {
      width: 100%;
      background: none;
      position: static; }
    .header .user {
      display: none; }
    .header .compselector {
      padding-left: 0.5rem;
      margin-left: 0; }

  /*h2 {
      margin: 1.5em 0 0.5em;
  }*/
  .sidemenu {
    position: relative;
    width: auto;
    top: auto;
    bottom: auto;
    padding: 0.5rem; }
    .sidemenu__item {
      display: inline-block;
      width: auto;
      padding: 0 1rem;
      border-radius: 3px; }
    .sidemenu i {
      display: none; }

  sportily-nav {
    width: auto;
    position: static; }

  .nav-pills.nav-stacked {
    width: auto;
    border: none;
    border-bottom: 1px solid #eee;
    padding: 1rem 0; }
    .nav-pills.nav-stacked > li {
      display: inline-block;
      padding: 0 1.5rem 0 0; }
      .nav-pills.nav-stacked > li > a {
        padding: 0.25em 0; }
    .nav-pills.nav-stacked i {
      display: none; }
    .nav-pills.nav-stacked + .nav {
      display: none; }

  body > .content {
    margin: 0 1.5rem 5rem 1.5rem; }

  .nav-pills + .content, sportily-nav + .content {
    margin-left: 0; }

  .primary-actions {
    position: static; }

  .cell--index {
    display: none; }

  .card {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }

  form .form-control,
  form .btn {
    font-size: 16px;
    padding: 10px 12px;
    height: 42px; }
  form .btn {
    display: block;
    width: 100%;
    margin-bottom: 10px; } }


.login-form {
    margin: 3rem auto;
    width: 30rem;
}
.login-form h2 {
    text-align: center;
}