@font-face {
  font-family: HPSimplified;
  src: url('/static/dist/fonts/HPSimplifiedW01-light.woff') format('woff'), url('/static/dist/fonts/HPSimplifiedW01-light.ttf') format('truetype');
  font-weight: 100;
  font-style: normal
}

@font-face {
  font-family: HPSimplified;
  src: url('/static/dist/fonts/HPSimplifiedW01-lightItalic.woff') format('woff'), url('/static/dist/fonts/HPSimplifiedW01-lightItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic
}

@font-face {
  font-family: HPSimplified;
  src: url('/static/dist/fonts/HPSimplifiedW01-Regular.woff') format('woff'), url('/static/dist/fonts/HPSimplifiedW01-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: HPSimplified;
  src: url('/static/dist/fonts/HPSimplifiedW01-bold.woff') format('woff'), url('/static/dist/fonts/HPSimplifiedW01-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: Open Sans;
  src: url('/static/dist/fonts/HPSimplifiedW01-light.woff') format('woff'), url('/static/dist/fonts/HPSimplifiedW01-light.ttf') format('truetype');
  font-weight: 100;
  font-style: normal
}

@font-face {
  font-family: Open Sans;
  src: url('/static/dist/fonts/HPSimplifiedW01-lightItalic.woff') format('woff'), url('/static/dist/fonts/HPSimplifiedW01-lightItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic
}

@font-face {
  font-family: Open Sans;
  src: url('/static/dist/fonts/HPSimplifiedW01-Regular.woff') format('woff'), url('/static/dist/fonts/HPSimplifiedW01-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Open Sans;
  src: url('/static/dist/fonts/HPSimplifiedW01-bold.woff') format('woff'), url('/static/dist/fonts/HPSimplifiedW01-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal
}

html
{
  box-sizing: border-box;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  font-family: HPSimplified;
  font-size: 12px;

}
*,
*:before,
*:after
{
  box-sizing: inherit;
}

body {
  margin:0;
  background: #fcfcfc;
  font-family: HPSimplified;
  font-size: 12px;
}

h1,h2,h3,h4,section,div { 
  font-family: HPSimplified;
  font-size: 12px;
}

div.hphero {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  background-image: url(hp-developer-celebrating-large.jpg);
  font-family: HPSimplified;
  font-size: 36px;
  color: white;
  text-align: center;
  padding-top: 90px;
 }

.svg-icons {
  position:absolute;
  width:0;
  height:0;
}

.hp-icon {
  align:middle;
  height: 60px;
  width: 60px;
  padding: 12px;
  float: left;
}

.page-title {
  display:table-cell;
  line-height: 60px;
  width: 550px;
  float:left;
  font-family: HPSimplified;
  font-size: 26px;
  font-weight: 400;
  color:#0096d6;
}

.swagger-ui h1 {
  font-size: 2.2em;
}

.swagger-ui h3 {
  font-size: 1.5em;
}