html, body, #wrapper { height:100%; margin:0 }

body {
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: "CentraleSans Light", sans serif;
    color: #ffffff;
    color: rgba(255, 255, 255, .7);

    /* Gradient background*/
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGYyMDRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDA2NmExIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzYTdkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f204b', endColorstr='#53a7d9',GradientType=1 ); /* IE6-8 */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/* line 167, ../scss/custom.scss */
#hero {
  height: 40em;
}
/* line 169, ../scss/custom.scss */
#hero img.shield {
  margin-top: 2.8rem;
  width: 71px;
  height: 134px;
}
/* line 173, ../scss/custom.scss */
#hero h2 {
  font-family: "CentraleSans Cnd", sans serif;
  color: #ffffff;
  margin-bottom: 1.25rem;
}

/* line 240, ../scss/custom.scss */
#footer {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 29em;
  background: rgba(29, 29, 27, 0.15);
  padding: 0.75em;
}
/* line 248, ../scss/custom.scss */
#footer a {
  color: #a2c3d5;
  font-family: "CentraleSans Light", sans serif;
  font-size: 0.75rem;
  font-weight: normal;
}
/* line 254, ../scss/custom.scss */
#footer p {
  color: #a2c3d5;
  font-family: "CentraleSans Light", sans serif;
  line-height: 1.15em;
  font-size: 0.65rem;
  margin: 0 0 0 0;
}
/* line 261, ../scss/custom.scss */
#footer small {
  color: #a2c3d5;
  font-family: "CentraleSans Light", sans serif;
}

#footer .fda-fields {
    font-size: 0.7rem;
    font-family: "CentraleSans Light", sans serif;
}

    #footer .fda-codes > .flex-row {
        max-width: 400px;
        margin: 0.5em 6.5em 0.5em auto;
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
    }

#footer .box-label {
    border: 1px solid #ccc;
    padding: 0 8px;
    min-width: 3.5em;
    text-align: center;
    margin: 2px;
}

#footer .box-value {
    border: 1px solid #ccc;
    padding: 0 8px;
    margin: 2px auto 2px 3px;
    text-align: left;
}

    #footer .build-info {
        margin: 1.5em 0.5em;
        padding-right: 0.7em;
        margin-bottom: 8px;
    }

#footer .manufacture-date > img {
    margin: -3px 0 0 0;
}

#footer .manufacture-date > span {
    display: inline-block;
    overflow: visible;
    width: 0;
    margin-left: 0.5em;
    font-size: 1em;
    white-space: nowrap;
}

#footer .copyright {
    margin: 5px 0 10px 0;
}

#footer .manufacture-address {
    min-height: 84px;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#footer .manufacture-address > div {
    display: inline-block;
    position: relative;
    padding-left: 35px;
}

#footer .manufacture-address > div > p {
    text-align: left;
    margin-top: 0;
}

#footer .manufacture-address > div > .manufacture-address-symbol {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

#footer .center-icons {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: auto;
}

#footer .center-icons > img,
#footer .center-icons > span,
#footer .center-icons > div {
    display: block;
    padding: 10px 0;
    margin: 0 10px;
}

#footer .center-icons .eifu {
    text-align: center;
}

#footer .center-icons .eifu > span {
    color: #a2c3d5;
    font-size: 0.65rem;
}

#footer .center-icons > .rxonly {
    width: 6em;
    float: none;
    padding: 0;
    font-size: 0.7rem;
    font-family: "CentraleSans Light", sans serif;
}

#footer .european-representative > div {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}

#footer .european-representative > div > p {
    margin-top: 0;
}

#footer .european-representative > div > table {
    display: inline-block;
    width: auto;
    border: none;
    border-collapse: collapse;
    margin: 0 auto 0 0;
    background: transparent;
}

#footer .european-representative > div > table td {
    padding: 3px 9px;
    border: 1px solid #ccc;
    font-size: 0.7rem;
    font-family: "CentraleSans Light", sans serif;
    color: #a2c3d5;
}

#footer .footer-icons {
    width: 100px;
}

#celogo {
    vertical-align: middle;
}

.field-validation-error {
    color: #FF9d2A;
    background: transparent
}

input.input-validation-error {
    border: 2px solid #FF9d2A;
    background: white
}

.validation-summary-errors {
    color: #FF9d2A;
    background: transparent

}

.white-background {
    border-width: 1px;
    border-color: #ffffff
}
.width-quantity {
    width: 75px;
}
#footer .box-value-quantity {
    border: 1px solid #ccc;
    padding: 0 8px;
    margin: 2px auto 2px 3px;
    text-align: left;
}
.build-info-quantity {
    margin: 1.5em 0.5em;
    margin-left: 27px;
    text-align: right;
    display: inline-block;
    margin-top: 0px;
}