@charset "UTF-8";
/* Imports */
/**
Transistions
 */
/**
 Colors
 */
a {
  color: #333333;
  text-shadow: none; }
  a:hover {
    color: #ed001b;
    cursor: pointer; }

.redtext {
  color: #ed001b;
  font-weight: bold; }

ul.redtext {
  list-style-type: none; }

ul.schadensform {
  list-style-type: none; }

ul.redtext li a {
  color: #ed001b;
  font-size: 16px;
  font-weight: bold; }

.page-header.navbar .page-logo {
  width: auto; }

.sidebar-toggler {
  margin-bottom: 10px; }

.page-header.navbar {
  background-color: #fff;
  border-bottom: 2px solid #013145;
  height: 62px;
  min-height: 62px; }

.page-header h3 {
  height: 50px;
  display: inline-block; }
.page-header .icon-btn {
  border-radius: 40px !important;
  height: 36px;
  margin: 5px 5px 0 0;
  min-width: 36px;
  padding: 9px 0 0 !important; }
.page-header .icon-btn > i {
  font-size: 18px;
  padding: 0; }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
  color: #333; }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle:hover > .langname,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle:hover > .username,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle:hover > i {
  color: #fff; }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .langname,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username {
  color: #fff; }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  padding: 6px 6px 1px 8px; }

.page-header-fixed .page-container {
  margin-top: 60px; }

.page-header.navbar .page-logo .logo-default {
  margin: 0 0;
  height: 60px !important; }

.portlet > .portlet-body p {
  margin-top: 10px; }

.page-footer a {
  color: #8a8a8a; }

.page-footer a:hover {
  color: #666666; }

.padding-25 {
  padding: 25px; }

.page-sidebar .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
  background: #013145 none repeat scroll 0 0; }

.page-sidebar .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover {
  background: #000000 none repeat scroll 0 0; }

.page-sidebar .page-sidebar-menu > li.active.open > a:hover > .selected,
.page-sidebar .page-sidebar-menu > li.active > a:hover > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover > .selected {
  border-color: transparent currentcolor transparent #000000; }

.page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
.page-sidebar .page-sidebar-menu > li.active > a > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
  border-color: transparent currentcolor transparent #013145; }

.page-content-white .page-title {
  margin-top: 10px !important;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0; }

.page-sidebar .sidebar-toggler > span, .page-sidebar .sidebar-toggler > span::after, .page-sidebar .sidebar-toggler > span::before, .page-sidebar .sidebar-toggler > span:hover, .page-sidebar .sidebar-toggler > span:hover::after, .page-sidebar .sidebar-toggler > span:hover::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span::after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover::after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover::before {
  background: #555 none repeat scroll 0 0; }

.page-sidebar .sidebar-toggler,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler {
  background: #f1f1f1 none repeat scroll 0 0; }

.page-sidebar .sidebar-toggler:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover {
  background: #bfbfbf none repeat scroll 0 0; }

.login {
  background-color: #fff !important; }

.login .content {
  background-color: #ffffff;
  border-radius: 7px;
  margin: 10px auto 10px;
  max-width: 600px;
  width: auto;
  overflow: hidden;
  padding: 10px 30px;
  position: relative; }

.login .content .form-control {
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  color: #333333;
  height: 43px; }

.login .copyright {
  color: #8a8a8a; }

.block-spinner-bar > div, .page-spinner-bar > div {
  background: #013145; }

.st-sort-ascent:after {
  content: '\25B2'; }

.st-sort-descent:after {
  content: '\25BC'; }

.st-sort {
  cursor: pointer; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #F1F1F1;
  border-color: #ddd;
  color: #333;
  font-weight: normal; }

.pagination > li > a, .pagination > li > span {
  color: #333;
  font-weight: normal; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  vertical-align: middle; }

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
  background: #013145; }

/*animations*/
.delayed_fade_out {
  animation: delayed_fade_out 1s linear 4s forwards; }

@keyframes delayed_fade_out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*animations ende*/
.editable-buttons {
  padding-left: 10px;
  display: inline-block;
  vertical-align: top; }

/* f├╝r modal anzeige offset */
.modal.in > .modal-md {
  top: 4em;
  width: 666px; }

.table-responsive {
  overflow-x: visible;
  min-height: .01%; }

.popover-title {
  background-color: #013145;
  border-bottom: 1px solid #013145;
  border-radius: 0;
  color: #ffffff; }

.tiles.dashboard .tile {
  width: 20% !important;
  max-width: 135px;
  min-width: 97px;
  height: auto !important;
  margin: 0; }

.mt-element-overlay .mt-overlay-4 h2 {
  font-size: 14px;
  margin-top: 5px; }

.mt-element-overlay .mt-overlay-4 .mt-info {
  margin: 15px 0 0;
  text-transform: none;
  color: #ffffff;
  font-size: 13px; }

.mt-element-overlay .mt-overlay-4 .mt-info a.btn {
  margin-top: 10px; }

.media-list {
  padding-left: 20px; }

.media-body {
  vertical-align: middle !important; }

.media {
  display: table; }

.label {
  padding: 1px 6px; }

.popover-ekpreise .popover,
.popover-keskin .popover,
.popover-lkw .popover {
  max-width: 510px !important;
  width: 510px !important; }

.thumbnail.shopmanager {
  display: table;
  height: 150px;
  position: relative;
  width: 100%; }

.thumbnail.shopmanager .caption {
  bottom: 0;
  font-size: 0.9em;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  width: 100%;
  background: #dddddd;
  padding: 8px 4px; }

.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top {
  z-index: 1030; }

.badge.badge-lg {
  border-radius: 24px !important;
  font-size: 17px !important;
  height: 25px !important;
  width: 25px !important;
  margin-top: -3px; }

.modal-xl {
  width: 94%; }

.mt-element-card.mt-card-round .mt-card-item {
  padding: 40px 20px 10px; }

.mt-element-card .mt-card-item .mt-card-content .mt-card-desc {
  font-size: 12px;
  margin: 0 0 4px; }

.imagecontainer {
  height: 70px;
  overflow: hidden; }

.imagecontainer img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  transform: translateY(-50%);
  position: relative;
  top: 50%; }

.table td, .table th {
  font-size: 13px; }

.table thead tr th {
  font-size: 13px; }

.tabbable-line > .nav-tabs > li.active,
.tabbable-line > .nav-tabs > li.open,
.tabbable-line > .nav-tabs > li:hover {
  border-color: #013145; }

.thumbnail.download {
  height: 150px;
  position: relative; }

.thumbnail.download .caption {
  bottom: -20px;
  position: absolute;
  width: 100%; }

.thumbnail.download a > img, .thumbnail.download > img {
  max-height: 80px;
  padding-top: 5px; }

.btn.uib-datepicker-current, .btn.uib-clear, .btn.uib-close {
  display: none; }

.fa-lg {
  font-size: 1.5em; }

.modal-body ul li {
  line-height: 1.8em; }

.page-header.navbar .menu-toggler > span, .page-header.navbar .menu-toggler > span::after, .page-header.navbar .menu-toggler > span::before, .page-header.navbar .menu-toggler > span:hover, .page-header.navbar .menu-toggler > span:hover::after, .page-header.navbar .menu-toggler > span:hover::before {
  background: #013145; }

.table td.table-header {
  background: #fff; }

.table td.table-header:hover {
  background: #fff !important; }

.eu_label {
  float: right;
  height: 400px;
  width: 200px; }

.eu_label .reifenlabel {
  height: 322px;
  margin: 10px 1px 1px;
  width: 194px; }

.eu_label .inactive {
  background: rgba(0, 0, 0, 0) url("/assets/img/reifenlabel/label_inactive.png") no-repeat scroll center top; }

.eu_label .active {
  background: rgba(0, 0, 0, 0) url("/assets/img/reifenlabel/label_hintergrund.png") no-repeat scroll center top; }

.eu_label .fuel, .eu_label .wet_grip, .eu_label .db, .eu_label .tire_type {
  position: absolute; }

.eu_label .fuel h3, .eu_label .wet_grip h3, .eu_label .db h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  margin: 0;
  padding: 0; }

.eu_label .db h3 {
  font-weight: normal; }

.eu_label .fuel, .eu_label .wet_grip {
  background: rgba(0, 0, 0, 0) url("/assets/img/reifenlabel/label_pfeil.png") no-repeat scroll 0 0;
  height: 30px;
  margin-left: 62px;
  width: 44px; }

.eu_label .inactive .fuel, .eu_label .inactive .wet_grip {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0; }

.eu_label .wet_grip {
  margin-left: 149px; }

.eu_label .fuel_index_A, .eu_label .wet_grip_index_A {
  margin-top: 72px; }

.eu_label .fuel_index_B, .eu_label .wet_grip_index_B {
  margin-top: 88px; }

.eu_label .fuel_index_C, .eu_label .wet_grip_index_C {
  margin-top: 105px; }

.eu_label .fuel_index_D, .eu_label .wet_grip_index_D {
  margin-top: 122px; }

.eu_label .fuel_index_E, .eu_label .wet_grip_index_E {
  margin-top: 137px; }

.eu_label .fuel_index_F, .eu_label .wet_grip_index_F {
  margin-top: 154px; }

.eu_label .fuel_index_G, .eu_label .wet_grip_index_G {
  margin-top: 170px; }

.eu_label .fuel h3, .eu_label .wet_grip h3 {
  line-height: 30px;
  padding: 0 0 0 20px; }

.eu_label .wave {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  height: 55px;
  margin: 223px 0 0 37px;
  position: absolute;
  width: 75px; }

.eu_label .W1 {
  background: rgba(0, 0, 0, 0) url("/assets/img/reifenlabel/label_dbkl1.png") no-repeat scroll center top; }

.eu_label .W0 {
  background: rgba(0, 0, 0, 0) url("/assets/img/reifenlabel/label_dbkl2.png") no-repeat scroll center top; }

.eu_label .W2 {
  background: rgba(0, 0, 0, 0) url("/assets/img/reifenlabel/label_dbkl2.png") no-repeat scroll center top; }

.eu_label .W3 {
  background: rgba(0, 0, 0, 0) url("/assets/img/reifenlabel/label_dbkl3.png") no-repeat scroll center top; }

.eu_label .db {
  margin: 241px 0 0 138px; }

.eu_label .tire_type {
  margin: 307px 0 0 45px; }

.eu_label .tire_type p {
  font-size: 10px; }

.eu_label .print {
  padding: 325px 0 0 0; }

.tiles .tile.image .tile-body > img {
  min-height: auto !important;
  padding: 5px; }

.tabbable-line > .nav-tabs > li > a,
.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-container-bg-solid .page-title,
.page-content-white .page-title,
.portlet.light > .portlet-title > .caption {
  color: #333333; }

ribbon-divider {
  display: block;
  height: 1px;
  background-color: #333;
  margin: 1em 0; }

.img-container {
  position: relative;
  overflow: hidden; }
  .img-container--padding-75 {
    padding: 0 0 75% 0;
    height: 0; }
  .img-container--bg-grey-light {
    background: #f5f5f5; }
  .img-container img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

.img-container-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.container-item-content {
  width: auto !important; }

/* ui-sortable */
.ui-sortable-placeholder {
  visibility: visible !important;
  opacity: .2 !important;
  background: #dedede; }

.modal-body img {
  height: auto;
  max-width: 100%; }

/*
    Card Styles
    component/_card.scss
    Created on : 17.01.2017, 11:17:45
    Author     : BMA
*/
.card {
  background: #fefefe;
  padding: 0;
  margin-bottom: 1.5em;
  border: 2px solid transparent;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  transition: 0.3s all; }
  .card:hover, .card:focus {
    text-decoration: none;
    border-color: #555; }
  .card.card--bordered {
    border: 2px solid #eee; }
    .card.card--bordered:hover, .card.card--bordered:focus a {
      border-color: #ccc; }
  .card.card--round {
    border-radius: 5px; }
  .card.card--shadowed {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
    .card.card--shadowed:hover, .card.card--shadowed:focus a {
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
  .card__img {
    display: block; }
  .card__imglink--lightbox {
    cursor: -webkit-zoom-in; }
  .card__content {
    border-top: 1px solid #eee;
    background: #fbfbfb; }
    .card__content.card__content--padding {
      padding: 0.5em; }
    .card__content:before, .card__content:after {
      content: " ";
      display: table; }
    .card__content:after {
      clear: both; }
  .card__link {
    display: block;
    padding: 0.5em;
    padding-bottom: 4px;
    transition: all .3s; }
    .card__link:hover {
      color: #555;
      background: #f7f7f7; }
      .card__link:hover.card__title {
        text-decoration: underline; }
  .card__title {
    display: block;
    overflow: hidden;
    position: relative;
    font-size: 1em;
    line-height: 1.05em;
    height: 3.15em;
    font-weight: 300;
    letter-spacing: -.03em;
    overflow: hidden; }
    .card__title--document {
      line-height: 1.05em;
      text-overflow: ellipsis;
      height: 2.1em; }
  .card__subtitle {
    color: #999;
    font-weight: 400;
    line-height: 1.1;
    height: 2.2em;
    display: block;
    overflow: hidden; }
    .card__subtitle--document {
      font-size: .8em;
      height: 1.3em; }
  .card__price {
    padding: 0.5em;
    padding-right: 0;
    color: #111;
    font-size: 1.1em;
    font-weight: 300;
    display: inline-block;
    position: relative;
    float: left;
    letter-spacing: -.5px;
    margin-bottom: 0; }
  .card__actions {
    padding: 0.5em;
    text-align: right; }

a.card,
.card a {
  text-decoration: none; }

/*
    Card Styles
    component/_card.scss
    Created on : 17.01.2017, 11:17:45
    Author     : MJA
*/
.btn-primary {
  color: #fff;
  background-color: #013145;
  border-color: #000d13; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #000d13;
    border-color: black; }
  .btn-primary:hover {
    color: #fff;
    background-color: #000d13;
    border-color: black; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #000d13;
    border-color: black; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: black;
      border-color: black; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: #013145;
    border-color: #000d13; }
  .btn-primary .badge {
    color: #013145;
    background-color: #fff; }

/*
    Card Styles
    component/_card.scss
    Created on : 17.01.2017, 11:17:45
    Author     : MJA
*/
.page-sso .page-content-wrapper .page-content {
  margin-left: 0;
  margin-top: 0;
  min-height: 600px;
  padding: 25px 20px 10px; }
.page-sso.page-header-fixed .page-container {
  margin-top: 0; }

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