button, [type='button'], [type='reset'], [type='submit'] {
  appearance: none;
  background-color: #1565c0;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.94em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, button:focus, [type='button']:hover, [type='button']:focus, [type='reset']:hover, [type='reset']:focus, [type='submit']:hover, [type='submit']:focus {
    background-color: #11519a;
    color: #fff; }
  button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover {
      background-color: #1565c0; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em; }

input,
select,
textarea {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.94em; }

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
  appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color 150ms ease;
  width: 100%; }
  [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {
    border-color: #b1b1b1; }
  [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
    border-color: #1565c0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(18, 89, 169, 0.7);
    outline: none; }
  [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
      border: 1px solid #ddd; }
  [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
    color: #858585; }

textarea {
  resize: vertical; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

[type="file"] {
  margin-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 0.75em;
  width: 100%; }

html {
  box-sizing: border-box; }

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

html,
body {
  height: 100%; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

dl {
  margin: 0; }

dt {
  font-weight: 600;
  margin: 0; }

dd {
  margin: 0; }

figure {
  margin: 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 0.94em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.25em;
  line-height: 1.2;
  margin: 0 0 0.75em;
  font-weight: 400;
  margin-top: 1em; }

h1 {
  font-size: 2.44141em; }

h2 {
  font-size: 1.95312em; }

h3 {
  font-size: 1.5625em; }

h4 {
  font-size: 1.25em; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 0.8em; }

h2 {
  margin-top: 1.5em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #1565c0;
  text-decoration: none;
  transition: color 150ms ease; }
  a:active, a:focus, a:hover {
    color: #104c90; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0; }

.flash {
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 3;
  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 3;
  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 3; }

@-webkit-keyframes flash {
  0% {
    color: #16161d; }
  50% {
    color: #fbf8b2; }
  100% {
    color: #16161d; } }

@-moz-keyframes flash {
  0% {
    color: #16161d; }
  50% {
    color: #fbf8b2; }
  100% {
    color: #16161d; } }

@-ms-keyframes flash {
  0% {
    color: #16161d; }
  50% {
    color: #fbf8b2; }
  100% {
    color: #16161d; } }

#warehouse .aisle {
  width: 8.07em;
  float: left; }

#warehouse .bin {
  border: 1px solid #666;
  display: block;
  height: 2em;
  width: 3em;
  float: left;
  text-align: center;
  padding-top: 0.2em; }

#warehouse .selected {
  background: tomato; }

#warehouse .aisle span:nth-child(even) {
  margin-left: 1.8em; }

#warehouse .aisle span.aisleNumber {
  cursor: default;
  position: relative;
  left: 3.5em; }

#warehouse .aisle span {
  cursor: pointer; }

#warehouse #warehouse {
  padding: 0em 2em; }

.modal label {
  cursor: pointer;
  margin-bottom: 0; }

.modal label img {
  border-radius: 150px;
  display: block;
  max-width: 300px; }

.modal .modal-state {
  display: none; }

.modal .modal-trigger {
  padding: 0.8em 1em; }

.modal .modal-fade-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  padding-top: 0.6em;
  text-align: left;
  transition: opacity 0.25s ease;
  visibility: hidden;
  z-index: 99999999999; }
  .modal .modal-fade-screen .modal-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer; }

.modal .modal-close {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  height: 1.5em;
  width: 1.5em;
  background: #fff;
  cursor: pointer; }
  .modal .modal-close::after, .modal .modal-close::before {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 0;
    left: 50%;
    background: #ddd;
    content: "";
    display: block;
    margin: -3px 0 0 -1px;
    transform: rotate(45deg); }
  .modal .modal-close:hover::after, .modal .modal-close:hover::before {
    background: #c4c4c4; }
  .modal .modal-close::before {
    transform: rotate(-45deg); }

.modal .modal-inner {
  background: #fff;
  border-radius: 3px;
  margin: auto;
  margin-top: 0;
  max-height: 95%;
  overflow: auto;
  padding: 1.5em;
  position: relative;
  transition: opacity 0.25s ease;
  width: 95%; }
  .modal .modal-inner h1 {
    color: #333;
    text-align: left;
    text-transform: capitalize; }
  .modal .modal-inner p {
    color: #333;
    line-height: 1.5; }
  .modal .modal-inner .modal-intro {
    margin-bottom: 1em; }
  .modal .modal-inner .modal-content {
    color: #333; }
  .modal .modal-inner a.cta {
    color: #fff;
    display: inline-block;
    margin-right: 0.5em;
    margin-top: 1em; }
    .modal .modal-inner a.cta:last-child {
      padding: 0 2em; }

.modal .modal-state:checked + .modal-fade-screen {
  opacity: 1;
  visibility: visible; }

.modal .modal-state:checked + .modal-fade-screen .modal-inner {
  top: 0.5em; }

.modal-open {
  overflow: hidden; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

p {
  font-size: 1.2em; }
  @media only screen and (min-width: 700px) {
    p {
      font-size: 1em; } }

/* Code Highlighting */
.rouge-gutter {
  width: 3em;
  color: #888; }

pre {
  white-space: pre-wrap; }

/* END Code Highlighting */
body #hubspot-messages-iframe-container.widget-align-right {
  right: 20px !important; }

/* Sidebar mobile logic */
input.navToggle {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
  left: -7px;
  top: -7px; }
  @media only screen and (min-width: 700px) {
    input.navToggle {
      display: none; } }

/*
 * Just a quick hamburger
 */
span.hb {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
  background: #999;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
  @media only screen and (min-width: 700px) {
    span.hb {
      display: none; } }

span.hb:first-child {
  transform-origin: 0% 0%; }

span.hb:nth-last-child(1) {
  transform-origin: 0% 100%; }

input.navToggle:checked ~ span.hb {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323; }

input.navToggle:checked ~ span.hb:nth-last-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2); }

input.navToggle:checked ~ span.hb:nth-last-child(1) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px); }

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
.sidebar {
  position: fixed;
  left: -100%;
  padding: 50px;
  padding-top: 125px;
  width: 0px;
  height: 100vh;
  z-index: 999;
  background: #16161d;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
  transform: translate(-100%); }
  @media only screen and (min-width: 700px) {
    .sidebar {
      position: initial;
      display: initial;
      margin: 0px;
      transform: none; } }
  .sidebar li a {
    font-size: 1.2em;
    padding-bottom: 1em;
    display: block !important; }
    @media only screen and (min-width: 700px) {
      .sidebar li a {
        font-size: 1em;
        padding-bottom: 0px;
        display: inline-block !important; } }
  .sidebar span.modal-trigger {
    font-size: 1em; }
    @media only screen and (min-width: 700px) {
      .sidebar span.modal-trigger {
        font-size: 0.8em; } }
  .sidebar #schemaLink {
    font-size: 1.2em;
    padding-bottom: 1em; }
    @media only screen and (min-width: 700px) {
      .sidebar #schemaLink {
        font-size: 1em; } }
  .sidebar .external-link {
    display: inline-block; }
  .sidebar #branding {
    font-size: 1.5em; }
    @media only screen and (min-width: 700px) {
      .sidebar #branding {
        font-size: 1em; } }

section.mobileNavVisible {
  margin: 0px;
  left: 0px;
  width: 100vw;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
  transform: translate(0%);
  z-index: 999;
  position: fixed;
  top: 0px;
  height: 100vh;
  overflow: hidden;
  overflow-y: auto; }

.mobileHeader {
  position: fixed;
  height: 40px;
  right: 15px;
  top: 13px;
  z-index: 9999; }

.headerFixed {
  position: fixed;
  top: 0px;
  width: 100vw;
  height: 50px;
  background: #f1f1f1;
  padding-left: 1.5em;
  padding-top: 10px;
  font-size: 1.2em;
  z-index: 9; }
  @media only screen and (min-width: 700px) {
    .headerFixed {
      display: none; } }

div.mobileNavClose span.hb {
  background: #c1c1c1 !important; }

#documentation {
  display: none; }
  @media only screen and (min-width: 700px) {
    #documentation {
      display: initial; } }

/* End Sidebar mobile logic */
ol li {
  list-style-type: decimal;
  margin-left: 1em;
  padding-left: 1em;
  margin-bottom: 1em; }

@media only screen and (min-width: 1300px) {
  .modal .modal-fade-screen .modal-inner {
    width: 50%;
    padding: 2em 3em 3em 3em; } }

.modal-trigger {
  text-decoration: underline;
  color: #ff6247; }

.content p label {
  display: inline; }

.tocHolder .modal-trigger {
  padding: 1em;
  background: #00c4a7;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  color: #16161d;
  box-sizing: border-box;
  border-radius: 2px;
  display: block;
  font-size: 0.8em;
  width: 80%;
  margin-top: 1em; }
  .tocHolder .modal-trigger:hover {
    background: #02d7b7;
    color: #000; }

.recipeContainer ol li {
  list-style-type: none;
  margin-left: 0em;
  padding-left: 0em;
  margin-bottom: 0em; }

body {
  margin: 0px; }

button {
  position: relative;
  bottom: 0.2em;
  margin-left: 0.5em;
  padding: 0.65em 1.5em;
  float: right; }

.footer {
  color: #999;
  font-size: 0.8em;
  font-weight: 600;
  padding-top: 1em; }
  @media only screen and (min-width: 700px) {
    .footer {
      position: fixed;
      bottom: 1em;
      left: calc(33.33333% - 200px);
      padding-top: 0em; } }
  .footer .copyright,
  .footer .contactIcon {
    text-transform: uppercase; }
  .footer .contactIcon {
    height: 2.3em;
    padding-bottom: 0.2em;
    vertical-align: middle;
    margin-left: 1em; }

#container {
  background: #16161d;
  width: 100%;
  color: #16161d; }
  #container::after {
    clear: both;
    content: "";
    display: block; }

.sidebar {
  width: calc(100%);
  float: left;
  margin-left: 0px;
  padding: 2em;
  top: 0; }
  @media only screen and (min-width: 700px) {
    .sidebar {
      width: calc(33.33333%);
      float: left;
      margin-left: 0px;
      padding: 2em 0em; } }

.tocHolder li {
  display: block;
  padding-right: 1em;
  padding-top: 0.4em; }
  @media only screen and (min-width: 700px) {
    .tocHolder li {
      display: inline-block; } }

.tocHolder a {
  color: #c1c1c1; }
  .tocHolder a:hover {
    color: #fff; }

.tocHolder a.signup-button {
  padding: 1em;
  background: #00c4a7;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  color: #16161d;
  box-sizing: border-box;
  border-radius: 2px;
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  width: 80%;
  margin-top: 1em; }
  .tocHolder a.signup-button:hover {
    background: #02d7b7;
    color: #000; }

@media only screen and (min-width: 700px) {
  .tocHolder {
    width: 200px;
    float: right; }
    .tocHolder li {
      display: block;
      padding-right: 0em; } }

.tocHolder #branding {
  color: #ff7cbd;
  font-weight: 600;
  margin-bottom: 1em;
  display: block; }

#schemaLink {
  margin-top: 0.4em;
  display: inline-block;
  color: #e1e1e1; }
  #schemaLink img {
    display: none; }
  #schemaLink:hover {
    color: #fff; }
    #schemaLink:hover img {
      display: inline-block; }

.external-link {
  height: 1em;
  padding-left: 0.3em;
  vertical-align: middle;
  padding-bottom: 0.1em; }

.tocHolder ul li:first-child a {
  display: none; }

.tocHolder ul li:first-child ul a {
  display: inline; }

.content {
  width: calc(100%);
  float: left;
  margin-left: 0px;
  padding: 2em;
  background: #fff;
  margin-top: 45px; }
  @media only screen and (min-width: 700px) {
    .content {
      width: calc(66.66667%);
      float: left;
      margin-left: 0px;
      padding-right: 2em;
      padding-left: 2em;
      height: 100vh;
      overflow-y: auto;
      margin-top: 0px; } }
  @media only screen and (min-width: 1300px) {
    .content {
      padding-right: 4em;
      padding-left: 4em; } }
  @media only screen and (min-width: 1500px) {
    .content {
      padding-right: 20%; } }
  .content ul {
    list-style-type: disc;
    margin-left: 1em; }

li ul li ul {
  display: none;
  padding-left: 1em;
  font-size: 0.8em; }

.showSubToc {
  display: block; }

.button {
  cursor: pointer; }

.icon {
  width: 1.5em; }

.shortcut {
  display: inline-block;
  min-width: 100px;
  border: 1px solid #ccc;
  padding: 1em 2em 1em 1em;
  font-weight: 600;
  font-size: 0.9em;
  margin: 0.5em 0em;
  border-radius: 2px;
  width: 100%; }
  @media only screen and (min-width: 700px) {
    .shortcut {
      margin: 1.5em 0em;
      width: auto; } }
  .shortcut:hover {
    background: #f1f1f1; }
  .shortcut .icon {
    margin-left: 0.3em;
    vertical-align: middle;
    padding-bottom: 0.3em;
    margin-right: 1em; }

.shortcut:hover .icon {
  fill: red; }

.palletImage {
  float: right;
  width: 25%;
  max-width: 160px;
  margin-left: 3em;
  margin-right: 1em; }

.recipeContainer {
  margin-top: 2em;
  text-align: left; }

.recipe {
  padding-top: 0.5em;
  border: 1px solid #ccc;
  margin-bottom: 2em;
  border-radius: 0px 4px 4px 4px; }

.recipe section {
  display: none;
  height: 30em;
  overflow-y: scroll; }
  .recipe section p,
  .recipe section h1,
  .recipe section h2,
  .recipe section h3,
  .recipe section h4,
  .recipe section h5,
  .recipe section h6 {
    padding: 0em 2em; }

section.visible {
  display: block; }

.recNav {
  min-width: 365px;
  margin-bottom: -1px;
  text-align: left; }
  .recNav li {
    display: inline-block;
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #ccc;
    border-bottom: 0px;
    padding: 0.34em 0.5em 0.32em 0.5em;
    line-height: 1.89em;
    font-weight: 600;
    font-size: 0.9em;
    margin-bottom: 0px;
    background: #f1f1f1;
    color: #1565c0; }
    @media only screen and (min-width: 700px) {
      .recNav li {
        padding: 0.34em 1em 0.33em 1em;
        line-height: 2em; } }
    .recNav li .icon {
      margin-left: 0.3em;
      vertical-align: middle;
      padding-bottom: 0.2em;
      margin-right: 0.2em;
      height: 1.3em; }
    .recNav li span {
      display: none; }
      @media only screen and (min-width: 1000px) {
        .recNav li span {
          display: inline;
          padding-right: 0.5em; } }
  .recNav li:hover {
    background: #f8f8f8; }
  .recNav li.current {
    border-bottom: 1px solid #fff;
    background: #fff;
    margin-bottom: -1px; }
    .recNav li.current:hover {
      background: #fff; }

section.api-visual {
  padding: 0em;
  -webkit-backface-visibility: hidden; }

.introduction section.api-visual .box-figure {
  width: 250px;
  margin-left: 3em; }

div.recDescription p {
  border-left: 10px solid #8C2F5E;
  padding: 1em;
  background: #f1f1f1;
  margin: 0px; }

polygon.volume-line.solid {
  fill-opacity: 0.95;
  transition-duration: 0.2s;
  stroke-opacity: 0.95; }

@-webkit-keyframes pulsate {
  0% { }
  50% {
    opacity: 0.5; }
  100% { } }

polygon.volume-line.highlight {
  transition-duration: 0.3s;
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite; }

polygon.volume-line {
  stroke: black;
  stroke-width: 1;
  fill-opacity: 0.1;
  stroke-opacity: 0; }

line.volume-line {
  stroke: #666;
  stroke-dasharray: 2, 1;
  stroke-width: 1; }

.interactive {
  padding: 0em 2em; }

/* CSR / Shopping Cart */
#doccurate-ship-estimation #shoppingCartImage {
  height: 100%;
  width: 15em;
  background: url(../images/browser-checkout.png) no-repeat top right;
  position: relative;
  left: 0px;
  box-shadow: 1px 3px 5px #888888;
  padding-top: 17.3em;
  margin-bottom: 2em;
  padding-left: 7em;
  float: left; }
  @media only screen and (min-width: 700px) {
    #doccurate-ship-estimation #shoppingCartImage {
      padding-left: 7em;
      margin-bottom: 0em; } }
  @media only screen and (min-width: 1300px) {
    #doccurate-ship-estimation #shoppingCartImage {
      margin-right: 3em; } }
  #doccurate-ship-estimation #shoppingCartImage span {
    display: block;
    padding-bottom: 2.45em; }
  #doccurate-ship-estimation #shoppingCartImage span:first-child {
    padding-bottom: 0.9em; }

#doccurate-ship-estimation .interactive {
  min-width: 200px; }
  @media only screen and (min-width: 700px) {
    #doccurate-ship-estimation .interactive {
      display: inline-block;
      width: 45%; } }
  #doccurate-ship-estimation .interactive button {
    margin-bottom: 2em; }

#doccurate-ship-estimation section.api-visual {
  padding: 2em 0em; }

#line-items span {
  display: block;
  margin-top: 10%;
  color: #999;
  font-size: 0.8em;
  text-transform: uppercase; }

#doccurate-pallet .api-visual {
  padding-top: 2em; }
  #doccurate-pallet .api-visual span {
    text-align: center;
    display: block;
    margin-top: 10%;
    color: #999;
    font-size: 0.8em;
    text-transform: uppercase; }

#doccurate-pallet #packer-images-doccurate-pallet svg {
  overflow: visible; }

#doccurate-pallet .box-figure {
  width: 250px;
  margin-left: 3em; }

#doccurate-carrier-comparison .api-visual,
#doccurate-carrier-comparison .api-request,
#doccurate-carrier-comparison .api-response {
  padding: 0em; }

#doccurate-carrier-comparison div.firstRecipeColumn .box-figure {
  float: left; }
  @media only screen and (min-width: 700px) {
    #doccurate-carrier-comparison div.firstRecipeColumn .box-figure {
      width: 10em; } }

#doccurate-carrier-comparison .interactive {
  padding: 0em 0em; }

div.recipeCompare {
  height: 100%;
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 1em; }
  div.recipeCompare .box-figure {
    width: 100%;
    max-width: 260px; }
  div.recipeCompare p {
    padding-bottom: 2em; }

.codeCompare {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 1em; }

.api-request pre,
.api-response pre {
  margin-top: 0px; }

.splitScreen {
  background: url(../images/gray-sep.gif) repeat-y center;
  background-position: 48.7%; }

.api-request .codeCompare:first-child,
.api-response .codeCompare:first-child {
  width: 49.5%;
  margin-right: 0.5%; }

div.firstRecipeColumn {
  height: 100%; }
  div.firstRecipeColumn .box-figure {
    float: left; }

#doccurate-bin-pack .api-visual {
  padding: 2em; }

#doccurate-bin-pack #warehouseContainer {
  width: 100%; }
  @media only screen and (min-width: 1000px) {
    #doccurate-bin-pack #warehouseContainer {
      width: 60%;
      float: left; } }

#doccurate-bin-pack #packer-images-doccurate-bin-pack {
  width: 100%; }
  @media only screen and (min-width: 1000px) {
    #doccurate-bin-pack #packer-images-doccurate-bin-pack {
      float: right;
      width: 25%; } }

#doccurate-bin-pack #line-items {
  margin-top: 2em; }
  #doccurate-bin-pack #line-items table th {
    font-size: 0.8em;
    text-transform: uppercase; }
  #doccurate-bin-pack #line-items table td {
    padding: 0.4em;
    font-size: 0.85em; }
  #doccurate-bin-pack #line-items table th:first-child {
    width: 3em; }

#doccurate-bin-pack #warehouse::after {
  clear: both;
  content: "";
  display: block; }

.aisle span.aisleNumber {
  left: 0em; }
  @media only screen and (min-width: 700px) {
    .aisle span.aisleNumber {
      left: 3.5em; } }

#doccurate-dim-rating div.secondRecipeColumn .box-figure {
  width: 10em;
  float: left; }

#doccurate-dim-rating .interactive {
  padding: 0em; }

#doccurate-item-to-pallet div.firstRecipeColumn .box-figure {
  width: 6em;
  float: left; }

#CybotCookiebotDialog {
  border: 0px !important;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4) !important; }
  #CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
    border-radius: 4px;
    padding: 8px; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline:hover {
    background-color: #7e6cc0; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept:hover {
    background-color: #f38cba; }