@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-light.woff2') format('woff2'), url('../fonts/tphero-light.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-lightitalic.woff2') format('woff2'), url('../fonts/tphero-lightitalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-regular.woff2') format('woff2'), url('../fonts/tphero-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-regularitalic.woff2') format('woff2'), url('../fonts/tphero-regularitalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-medium.woff2') format('woff2'), url('../fonts/tphero-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-mediumitalic.woff2') format('woff2'), url('../fonts/tphero-mediumitalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-semibold.woff2') format('woff2'), url('../fonts/tphero-semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-semibolditalic.woff2') format('woff2'), url('../fonts/tphero-semibolditalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-bold.woff2') format('woff2'), url('../fonts/tphero-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: myTPHero;
  src: url('../fonts/tphero-bolditalic.woff2') format('woff2'), url('../fonts/tphero-bolditalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

html, body {
    font-family: 'myTPHero', Helvetica, Arial, sans-serif;
}

body {
    padding-top: 80px;
    color: #32323c;
}

a {
    color: #828282 !important;
}

.navbar {
    background-color: white;
}

.navbar-inverse, .navbar-inverse .navbar-form {
	border-color: #cacacd !important;
}

.sidebar {
    top: 81px;
    background-color: #efeff6 !important;
}

.navbar-brand {
	background-image: url(../images/saperion_logo_ecmservice.png);
    background-repeat: no-repeat;
    min-height: 80px;
    min-width: 321px;
    margin-top: 5px;
    margin-left: -5px !important;
    color: transparent !important;
}

.navbar-brand:hover {
    background-color: white !important;
}

.navbar-right {
    margin-top: 15px;
    margin-right: 0px !important;
    color: #32323c !important;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	color: #828282 !important;
}

.breadcrumb {
    background-color: #efeff6 !important;
    border-radius: 0px !important;
}

.label-default {
	background-color: #3e3e47 !important;
}

.nav-sidebar > li > a {
	border-left: 5px solid transparent;
}

.nav-sidebar > li > a:hover {
    border-left: 5px solid #bbb;
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: transparent !important;
}

.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
	background-color: transparent !important;
    border-left: 5px solid #1c64b4;
}

abbr {
    border: none !important;
}

pre {
    background-color: #f4f4f8 !important;
    border-radius: 0px !important;
}